{"version":3,"file":"static/js/8d2b2aa7d27533101819.bundle.js","mappings":"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","sources":["webpack://Msdyn365.Commerce.Online.Memx/./lib/accordion/module-registration.js?a7cb","webpack://Msdyn365.Commerce.Online.Memx/./src/data-actions/accordion-state-data-action.ts?eaf1","webpack://Msdyn365.Commerce.Online.Memx/./src/modules/accordion-item/accordion-item.tsx?36f7","webpack://Msdyn365.Commerce.Online.Memx/./src/modules/accordion/accordion.tsx?78b1","webpack://Msdyn365.Commerce.Online.Memx/./src/modules/accordion/accordion.view.tsx?8c7b","webpack://Msdyn365.Commerce.Online.Memx/external var \"React\"?0d3b","webpack://Msdyn365.Commerce.Online.Memx/external var \"ReactDOM\"?853b"],"sourcesContent":["const binding = { modules: {}, dataActions: {} };\n\n    const registerActionId = (actionPath) => {\n        if (binding.dataActions[actionPath] &&\n            binding.dataActions[actionPath].default &&\n            binding.dataActions[actionPath].default.prototype &&\n            binding.dataActions[actionPath].default.prototype.id) {\n            binding.dataActions[binding.dataActions[actionPath].default.prototype.id] = binding.dataActions[actionPath];\n        } else {\n            Object.keys(binding.dataActions[actionPath] || {}).forEach(exportName => {\n                if (binding.dataActions[actionPath][exportName] &&\n                    binding.dataActions[actionPath][exportName].prototype &&\n                    binding.dataActions[actionPath][exportName].prototype.Action) {\n                    binding.dataActions[binding.dataActions[actionPath][exportName].prototype.id] = binding.dataActions[actionPath][exportName];\n                }\n            })\n        }\n    };\n\n    const registerSanitizedActionPath = (sanitizedActionPath, dataAction) => {\n        if (process.env.NODE_ENV === 'development') {\n            if (!dataAction.default) {\n                throw new Error('Data action path does not have a default export');\n            }\n            if (!(dataAction.default.prototype.id && binding.dataActions[dataAction.default.prototype.id]) || !binding.dataActions[sanitizedActionPath]) {\n                binding.dataActions[sanitizedActionPath] = dataAction;\n            }\n        } else {\n            binding.dataActions[sanitizedActionPath] = dataAction;\n            if (!binding.dataActions[sanitizedActionPath].default) {\n                throw new Error('Data action path ' + sanitizedActionPath + ' does not have a default export');\n            }\n            binding.dataActions[sanitizedActionPath].default.prototype.RegistrationId = sanitizedActionPath;\n            if (binding.dataActions[sanitizedActionPath].default.prototype.id) {\n                binding.dataActions[binding.dataActions[sanitizedActionPath].default.prototype.id] = sanitizedActionPath;\n            }\n        }\n    };\n    \n\n    (binding.modules['accordion'] = {\n        c: () => require('@msdyn365-commerce-modules/accordion/dist/lib/modules/accordion/accordion'),\n        $type: 'moduleDefinition',\n        da: [{name:'accordionExpandedState',  path:'@msdyn365-commerce-modules/accordion/dist/lib/data-actions/accordion-state-data-action', runOn: 0}],\n        \n        iNM: true,\n        ns: '@msdyn365-commerce-modules',\n        n: 'accordion',\n        p: 'accordion',\n        \n        pdp: '',\n        \n        \n        md: 'node_modules/@msdyn365-commerce-modules/accordion/dist/lib/modules/accordion'\n    });\n        \n\n        {\n            const sanitizedActionPath = '@msdyn365-commerce-modules/accordion/dist/lib/data-actions/accordion-state-data-action';\n            let dataAction = require('@msdyn365-commerce-modules/accordion/dist/lib/data-actions/accordion-state-data-action');\n            registerSanitizedActionPath(sanitizedActionPath, dataAction);\n        }\n            \n\n        \n    window.__bindings__ = window.__bindings__ || {};\n    window.__bindings__.modules = {\n        ...window.__bindings__.modules || {},\n        ...binding.modules\n    };\n    \n        window.__bindings__.dataActions = {\n        ...window.__bindings__.dataActions || {},\n        ...binding.dataActions\n    };\n                        export const viewDictionary = {};\n                        viewDictionary['@msdyn365-commerce-modules|accordion|modules|accordion|accordion'] = {\n                c: () => require('@msdyn365-commerce-modules/accordion/dist/lib/modules/accordion/accordion.view.js'),\n                cn: '@msdyn365-commerce-modules-accordion-accordion'\n            };\nwindow.__bindings__ = window.__bindings__ || {};\nwindow.__bindings__.viewDictionary = {\n                        ...window.__bindings__.viewDictionary || {},\n                        ...viewDictionary\n                    };","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport { createObservableDataAction, IAction, IActionInput } from '@msdyn365-commerce/core';\nimport { GenericInput, getGenericAction } from '@msdyn365-commerce-modules/retail-actions';\n\nimport { IAccordionExpandedState } from './accordion-state';\n\nexport function createAccordionStateInput(result: IAccordionExpandedState): GenericInput<IAccordionExpandedState> {\n    return new GenericInput<IAccordionExpandedState>('accordionExpandedState', result, 'IAccordionExpandedState');\n}\n\nconst createAccordionStateInputInternal = (): IActionInput => {\n    return createAccordionStateInput({});\n};\n\nexport const getGenericActionDataAction = createObservableDataAction({\n    action: <IAction<IAccordionExpandedState>>getGenericAction,\n    input: createAccordionStateInputInternal\n});\n\nexport default getGenericActionDataAction;\n","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport * as Msdyn365 from '@msdyn365-commerce/core';\nimport { ControlledDrawer, getTelemetryObject, IModuleProps, INodeProps, ITelemetryContent } from '@msdyn365-commerce-modules/utilities';\nimport { IDrawerState } from '@msdyn365-commerce-modules/utilities/dist/types/drawer/Drawer';\nimport classnames from 'classnames';\nimport { observer } from 'mobx-react';\nimport * as React from 'react';\n\nimport { createAccordionStateInput, interactionStyle } from '../..';\nimport { IAccordionItemData } from './accordion-item.data';\nimport { IAccordionItemProps } from './accordion-item.props.autogenerated';\n\nexport interface IAccordionItemViewProps {\n    AccordionItemContainer: IModuleProps;\n    drawer: INodeProps;\n    accordionSlots: INodeProps;\n    AccordionItemContent: INodeProps;\n    className: string;\n}\n\nexport interface IAccordionItemExtentedProps extends IAccordionItemProps<IAccordionItemData> {\n    interactionStyle?: interactionStyle;\n}\n\n/**\n *\n * AccordionItem component.\n * @extends {React.Component<IAccordionItemExtentedProps>}\n */\n@observer\nclass AccordionItem extends React.Component<IAccordionItemExtentedProps> {\n    private readonly moduleClassName: string = 'ms-accordion-item';\n\n    private readonly telemetryContent?: ITelemetryContent;\n\n    constructor(props: IAccordionItemProps<IAccordionItemData>) {\n        super(props);\n        this._onToggle = this._onToggle.bind(this);\n        this.telemetryContent = getTelemetryObject(\n            this.props.context.request.telemetryPageName!,\n            this.props.friendlyName,\n            this.props.telemetry\n        );\n    }\n\n    public shouldComponentUpdate(nextProps: IAccordionItemProps<IAccordionItemData>): boolean {\n        if (this.props.data === nextProps.data) {\n            return false;\n        }\n        return true;\n    }\n\n    public render(): JSX.Element {\n        const { slots, renderView, config, data } = this.props;\n        const accordionExpandedStateResult = data && data.accordionExpandedState && data.accordionExpandedState.result;\n        const expanded =\n            accordionExpandedStateResult && accordionExpandedStateResult.isAllExpanded === undefined\n                ? data && config.isExpandedOnInitialLoad\n                : accordionExpandedStateResult && accordionExpandedStateResult.isAllExpanded;\n        const viewProps = {\n            ...this.props,\n            AccordionItemContainer: {\n                moduleProps: this.props,\n                className: classnames(this.moduleClassName, config.className)\n            },\n            AccordionItemContent: {\n                className: 'ms-accordion-item-content'\n            },\n            drawer: {\n                tag: ControlledDrawer,\n                className: `${this.moduleClassName}__drawer`,\n                toggleButtonText: (config.accordionItemTitle && config.accordionItemTitle) || '',\n                collapseProps: { isOpen: expanded },\n                onToggle: this._onToggle,\n                onTextChange: this.handleHeadingChange,\n                requestContext: this.props.context.request,\n                telemetryContent: this.telemetryContent\n            },\n            accordionSlots: slots\n        };\n        return renderView(viewProps) as React.ReactElement;\n    }\n\n    public handleHeadingChange = (event: Msdyn365.ContentEditableEvent) => (this.props.config.accordionItemTitle = event.target.value);\n\n    private _onToggle(state: IDrawerState): void {\n        if (!state.isOpen && this.props.interactionStyle === interactionStyle.ExpandOneItemOnly) {\n            const accordionState = { isAllExpanded: false };\n            this.props.context.actionContext.update(createAccordionStateInput(accordionState), accordionState);\n        }\n    }\n}\nexport default AccordionItem;\n","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport * as Msdyn365 from '@msdyn365-commerce/core';\nimport {\n    getPayloadObject,\n    getTelemetryAttributes,\n    getTelemetryObject,\n    IModuleProps,\n    INodeProps,\n    IPayLoad,\n    ITelemetryContent,\n    NodeTag,\n    TelemetryConstant\n} from '@msdyn365-commerce-modules/utilities';\nimport classnames from 'classnames';\nimport { observer } from 'mobx-react';\nimport * as React from 'react';\n\nimport { createAccordionStateInput } from '../..';\nimport { IAccordionData } from './accordion.data';\nimport { IAccordionProps } from './accordion.props.autogenerated';\n\n/**\n *\n * Accordion component.\n * @extends {React.PureComponent<IAccordionProps<IAccordionData>>}\n */\n\nexport interface ICallToActionProps {\n    link: INodeProps[];\n}\n\n/**\n * Added interface for state management.\n */\nexport interface IAccordianState {\n    isDisabled: boolean;\n}\n\nexport interface IAccordionViewProps extends IAccordionProps<{}> {\n    heading?: React.ReactNode;\n    AccordionContainer: IModuleProps;\n    HeaderSection: INodeProps;\n    HeadingWrapper: INodeProps;\n    accordianButtonsContainer: INodeProps;\n    accordionButtons: React.ReactNode;\n    accordionItemContainer: INodeProps;\n    accordionItems: React.ReactNode;\n}\n\n/**\n *\n * Accordion component.\n * @extends {React.Component<IAccordionProps<IAccordionData>>}\n */\n@observer\nclass Accordion extends React.PureComponent<IAccordionProps<IAccordionData>, IAccordianState> {\n    private readonly telemetryContent?: ITelemetryContent;\n\n    private readonly payLoad: IPayLoad;\n\n    private readonly expandAllButtonRef: React.RefObject<HTMLButtonElement> = React.createRef<HTMLButtonElement>();\n\n    private readonly collapseAllButtonRef: React.RefObject<HTMLButtonElement> = React.createRef<HTMLButtonElement>();\n\n    constructor(props: IAccordionProps<IAccordionData>) {\n        super(props);\n        this._onExpandAll = this._onExpandAll.bind(this);\n        this._onCollapseAll = this._onCollapseAll.bind(this);\n        this.telemetryContent = getTelemetryObject(\n            this.props.context.request.telemetryPageName!,\n            this.props.friendlyName,\n            this.props.telemetry\n        );\n        this.payLoad = getPayloadObject('click', this.telemetryContent, '');\n        this.state = { isDisabled: false };\n    }\n\n    public render(): JSX.Element {\n        const { slots } = this.props;\n        const { heading, className } = this.props.config;\n        const headingComponent = heading && heading.text && (\n            <Msdyn365.Text\n                className='ms-accordion-header-section__heading'\n                tag={heading.tag || 'h1'}\n                text={heading.text}\n                editProps={{ onEdit: this.handleHeadingChange, requestContext: this.props.context.request }}\n            />\n        );\n\n        const accordionViewProps = {\n            ...this.props,\n            AccordionContainer: {\n                moduleProps: this.props,\n                className: classnames('ms-accordion', className)\n            },\n            HeaderSection: { className: 'ms-accordion-header-section' },\n            HeadingWrapper: { className: 'ms-accordion-header-section-container' },\n            heading: headingComponent,\n            config: this.props && this.props.config,\n            accordianButtonsContainer: {\n                tag: 'div' as NodeTag,\n                className: 'ms-accordion-header-section-toggle-button-container'\n            },\n            accordionButtons: this._renderAccordionButton(),\n            accordionItemContainer: {\n                tag: 'div' as NodeTag,\n                className: 'ms-accordion-item-section'\n            },\n            accordionItems:\n                slots &&\n                slots.accordionItems &&\n                slots.accordionItems.length > 0 &&\n                slots.accordionItems.map((item: React.ReactNode, index: number) => this._getAccordionItem(item, index))\n        };\n        return this.props.renderView(accordionViewProps) as React.ReactElement;\n    }\n\n    public handleHeadingChange = (event: Msdyn365.ContentEditableEvent) => (this.props.config.heading!.text = event.target.value);\n\n    private _renderAccordionButton(): React.ReactNode | null {\n        const { config, resources } = this.props;\n        const { heading } = config;\n        this.payLoad.contentAction.etext = TelemetryConstant.ExpandAll;\n        const attributeExpandAll = getTelemetryAttributes(this.telemetryContent!, this.payLoad);\n        this.payLoad.contentAction.etext = TelemetryConstant.CollapseAll;\n        const attributeCollapseAll = getTelemetryAttributes(this.telemetryContent!, this.payLoad);\n        if (!config.showToggleAll) {\n            this.props.context.telemetry.error('Accordion button content is empty, module wont render');\n            return null;\n        }\n        return (\n            <>\n                <button\n                    disabled={this.state.isDisabled}\n                    className='ms-accordion_ExpandAll'\n                    aria-label={`${resources.expandAllText} ${heading?.text ? heading.text : ''}`}\n                    onClick={this._onExpandAll}\n                    ref={this.expandAllButtonRef}\n                    {...attributeExpandAll}\n                >\n                    {resources.expandAllText}\n                </button>\n                &nbsp;\n                {resources.toggleAllSeparator}\n                &nbsp;\n                <button\n                    className='ms-accordion_CollapseAll'\n                    aria-label={`${resources.collapseAllText} ${heading?.text ? heading.text : ''}`}\n                    onClick={this._onCollapseAll}\n                    ref={this.collapseAllButtonRef}\n                    {...attributeCollapseAll}\n                    disabled={!this.state.isDisabled}\n                >\n                    {resources.collapseAllText}\n                </button>\n            </>\n        );\n    }\n\n    private _onExpandAll(): void {\n        const accordionState = { isAllExpanded: true };\n        this.props.context.actionContext.update(createAccordionStateInput(accordionState), accordionState);\n        if (accordionState.isAllExpanded) {\n            this.setState({\n                isDisabled: true\n            });\n            setTimeout(() => {\n                this.collapseAllButtonRef.current?.focus();\n            }, 50);\n        }\n    }\n\n    private _onCollapseAll(): void {\n        const accordionState = { isAllExpanded: false };\n        this.props.context.actionContext.update(createAccordionStateInput(accordionState), accordionState);\n        if (!accordionState.isAllExpanded) {\n            this.setState({\n                isDisabled: false\n            });\n            setTimeout(() => {\n                this.expandAllButtonRef.current?.focus();\n            }, 50);\n        }\n    }\n\n    private _getAccordionItem(item: React.ReactNode, index: number): React.ReactNode {\n        return (\n            <React.Fragment key={index}>\n                {React.cloneElement(item as React.ReactElement, { interactionStyle: this.props.config.interactionStyle })}\n            </React.Fragment>\n        );\n    }\n}\n\nexport default Accordion;\n","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport { Module, Node } from '@msdyn365-commerce-modules/utilities';\nimport * as React from 'react';\n\nimport { IAccordionViewProps } from './accordion';\n\nconst accordionView: React.FC<IAccordionViewProps> = props => {\n    const { heading, AccordionContainer, accordionItems } = props;\n    if (!props.heading && !props.accordionButtons && !props.accordionItems) {\n        props.context.telemetry.error('Accordion content is empty, module wont render');\n        return null;\n    }\n    return (\n        <Module {...AccordionContainer}>\n            <Node {...props.HeaderSection}>\n                <Node {...props.HeadingWrapper}>{heading}</Node>\n                {props.accordionButtons && <Node {...props.accordianButtonsContainer}>{props.accordionButtons}</Node>}\n            </Node>\n            <Node {...props.accordionItemContainer}>{accordionItems}</Node>\n        </Module>\n    );\n};\n\nexport default accordionView;\n","module.exports = React;","module.exports = ReactDOM;"],"names":["binding","modules","dataActions","c","require","$type","da","name","path","runOn","iNM","ns","n","p","pdp","md","registerSanitizedActionPath","sanitizedActionPath","dataAction","default","Error","prototype","RegistrationId","id","window","__bindings__","_objectSpread","viewDictionary","cn","createAccordionStateInput","result","GenericInput","getGenericActionDataAction","createObservableDataAction","action","getGenericAction","input","createAccordionStateInputInternal","AccordionItem","React","constructor","props","super","moduleClassName","handleHeadingChange","event","this","config","accordionItemTitle","target","value","_onToggle","bind","telemetryContent","getTelemetryObject","context","request","telemetryPageName","friendlyName","telemetry","shouldComponentUpdate","nextProps","data","render","slots","renderView","accordionExpandedStateResult","accordionExpandedState","expanded","undefined","isAllExpanded","isExpandedOnInitialLoad","AccordionItemContainer","moduleProps","className","classnames","AccordionItemContent","drawer","tag","ControlledDrawer","toggleButtonText","collapseProps","isOpen","onToggle","onTextChange","requestContext","accordionSlots","state","interactionStyle","accordionState","actionContext","update","__decorate","observer","Accordion","expandAllButtonRef","collapseAllButtonRef","heading","text","_onExpandAll","_onCollapseAll","payLoad","getPayloadObject","isDisabled","headingComponent","Msdyn365","editProps","onEdit","accordionViewProps","AccordionContainer","HeaderSection","HeadingWrapper","accordianButtonsContainer","accordionButtons","_renderAccordionButton","accordionItemContainer","accordionItems","length","map","item","index","_getAccordionItem","resources","contentAction","etext","TelemetryConstant","ExpandAll","attributeExpandAll","getTelemetryAttributes","CollapseAll","attributeCollapseAll","showToggleAll","Object","assign","disabled","expandAllText","onClick","ref","toggleAllSeparator","collapseAllText","error","setState","setTimeout","_this$collapseAllButt","current","focus","_this$expandAllButton","key","Module","Node","module","exports","ReactDOM"],"sourceRoot":""}