{"version":3,"file":"static/js/6eeb42dd4e1b8d540fe9.bundle.js","mappings":"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","sources":["webpack://mattressfirm/./src/themes/mattressfirm/views/footer-category.view.tsx?df00","webpack://mattressfirm/./lib/footer-category/module-registration.js?7500","webpack://mattressfirm/./src/modules/footer-category/footer-category.tsx?e0bd","webpack://mattressfirm/./src/modules/footer-category/footer-category.view.tsx?fdce","webpack://mattressfirm/external var \"React\"?0d3b","webpack://mattressfirm/external var \"ReactDOM\"?853b"],"sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n *  Copyright (c) Microsoft Corporation. All rights reserved.\r\n *  Licensed under the MIT License. See License.txt in the project root for license information.\r\n *--------------------------------------------------------------------------------------------*/\r\n\r\nimport { IFooterCategoryViewProps } from '@msdyn365-commerce-modules/footer';\r\nimport { addThrottledEvent, Module, Node } from '@msdyn365-commerce-modules/utilities';\r\nimport React, { ReactNode, useEffect, useState } from 'react';\r\n\r\n//  VSI Customization - START\r\nimport MsDyn365, { ICoreContext } from '@msdyn365-commerce/core';\r\nimport AccordionItem from 'mfcl/AccordionItem';\r\nimport { IFooterCategoryProps } from '../definition-extensions/footer-category.ext.props.autogenerated';\r\n// VSI Customization - END\r\n\r\nexport const FooterCategoryView: React.FC<IFooterCategoryViewProps & IFooterCategoryProps<{}>> = props => {\r\n    const { categories, context, FooterList, FooterListItem } = props;\r\n    if (!categories || !categories.length) {\r\n        props.context.telemetry.warning('Footer content is empty, module wont render');\r\n        return null;\r\n    }\r\n\r\n    //  VSI Customization - START\r\n\r\n    // isMobile state used to check viewport for accordion view\r\n    const [isMobile, setIsMobile] = useState(props.context.request.device.Type === 'Mobile');\r\n    useEffect(() => {\r\n        MsDyn365.isBrowser && addThrottledEvent(window, 'resize', () => updateViewPort(context, setIsMobile));\r\n        updateViewPort(context, setIsMobile);\r\n    });\r\n\r\n    const accordionItemHeading = categories[0] && (categories[0] as JSX.Element).props.config.heading?.text;\r\n    const enableAccordion = props.config.enableAccordion;\r\n\r\n    return (\r\n        <Module {...FooterList}>\r\n            {!isMobile || !enableAccordion ? (\r\n                categories.map((category: ReactNode, index: number) => {\r\n                    return (\r\n                        <Node {...FooterListItem} key={index}>\r\n                            {category}\r\n                        </Node>\r\n                    );\r\n                })\r\n            ) : (\r\n                <AccordionItem\r\n                    title={accordionItemHeading}\r\n                    id={accordionItemHeading}\r\n                    content={categories.map((category: ReactNode, index: number) => {\r\n                        // first footer-item is heading\r\n                        if (index === 0) {\r\n                            return;\r\n                        }\r\n                        return (\r\n                            <Node {...FooterListItem} key={index}>\r\n                                {category}\r\n                            </Node>\r\n                        );\r\n                    })}\r\n                    // need to set this to prevent accordion from getting focused on load\r\n                    focused={0}\r\n                />\r\n            )}\r\n        </Module>\r\n    );\r\n};\r\n\r\n// update isMobile state when window is resized\r\nconst updateViewPort = (context: ICoreContext, updateState: React.Dispatch<React.SetStateAction<boolean>>): void => {\r\n    let viewport = 'xs';\r\n\r\n    if (MsDyn365.isBrowser && window.innerWidth) {\r\n        const gridSettings = context.request.gridSettings;\r\n        if (gridSettings) {\r\n            if (gridSettings.xs && window.innerWidth <= gridSettings.xs.w) {\r\n                viewport = 'xs';\r\n            } else if (gridSettings.sm && window.innerWidth <= gridSettings.sm.w) {\r\n                viewport = 'sm';\r\n            } else if (gridSettings.md && window.innerWidth <= gridSettings.md.w) {\r\n                viewport = 'md';\r\n            } else if (gridSettings.lg && window.innerWidth <= gridSettings.lg.w) {\r\n                viewport = 'lg';\r\n            } else {\r\n                viewport = 'xl';\r\n            }\r\n        }\r\n    }\r\n\r\n    viewport === 'xs' || viewport === 'sm' ? updateState(true) : updateState(false);\r\n};\r\n\r\n//  VSI Customization - END\r\n\r\nexport default FooterCategoryView;\r\n","const binding = { modules: {}, dataActions: {} };\n\n    (binding.modules['footer-category'] = {\n        c: () => require('@msdyn365-commerce-modules/footer/dist/lib/modules/footer-category/footer-category'),\n        $type: 'containerModule',\n        da: [],\n        \n        iNM: true,\n        ns: '@msdyn365-commerce-modules',\n        n: 'footer-category',\n        p: 'footer',\n        \n        pdp: '',\n        \n        \n        md: 'node_modules/@msdyn365-commerce-modules/footer/dist/lib/modules/footer-category'\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['__local__|__local__|themes|mattressfirm|views|footer-category'] = {\n                c: () => require('partner/themes/mattressfirm/views/footer-category.view.tsx'),\n                cn: '__local__-__local__-footer-category'\n            };\nviewDictionary['@msdyn365-commerce-modules|footer|modules|footer-category|footer-category'] = {\n                c: () => require('@msdyn365-commerce-modules/footer/dist/lib/modules/footer-category/footer-category.view.js'),\n                cn: '@msdyn365-commerce-modules-footer-footer-category'\n            };\nwindow.__bindings__ = window.__bindings__ || {};\nwindow.__bindings__.viewDictionary = {\n                        ...window.__bindings__.viewDictionary || {},\n                        ...viewDictionary\n                    };","/*--------------------------------------------------------------\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * See License.txt in the project root for license information.\n *--------------------------------------------------------------*/\n\nimport { IModuleProps, INodeProps } from '@msdyn365-commerce-modules/utilities';\nimport classnames from 'classnames';\nimport * as React from 'react';\n\nimport { IFooterCategoryConfig, IFooterCategoryProps } from './footer-category.props.autogenerated';\n\nexport interface IFooterCategoryViewProps extends IFooterCategoryProps<IFooterCategoryConfig> {\n    categories: React.ReactNode[];\n    FooterList: IModuleProps;\n    FooterListItem: INodeProps;\n}\n\n/**\n *\n * FooterCategory component.\n * @extends {React.PureComponent<IFooterCategoryProps<IFooterCategoryConfig>>}\n */\nclass FooterCategory extends React.PureComponent<IFooterCategoryProps<IFooterCategoryConfig>> {\n    public render(): JSX.Element | null {\n        if (!this.props.slots || !this.props.slots.content || this.props.slots.content.length === 0) {\n            this.props.context.telemetry.error('footer slots content is empty, module wont render');\n            return null;\n        }\n        const viewprops = {\n            ...this.props,\n            categories: this.props.slots.content,\n            FooterList: {\n                moduleProps: this.props,\n                className: classnames('ms-footer__list', this.props.config.className),\n                tag: 'ul'\n            },\n            FooterListItem: {\n                className: classnames('ms-footer__list-item', this.props.config.className),\n                tag: 'li'\n            }\n        };\n\n        return this.props.renderView(viewprops) as React.ReactElement;\n    }\n}\n\nexport default FooterCategory;\n","/*--------------------------------------------------------------\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * See License.txt in the project root for license information.\n *--------------------------------------------------------------*/\n\nimport { Module, Node } from '@msdyn365-commerce-modules/utilities';\nimport React, { ReactNode } from 'react';\n\nimport { IFooterCategoryViewProps } from './footer-category';\n\nexport const FooterCategoryView: React.FC<IFooterCategoryViewProps> = props => {\n    const { categories, FooterList, FooterListItem } = props;\n    if (!categories || categories.length === 0) {\n        props.context.telemetry.error('Footer content is empty, module wont render');\n        return null;\n    }\n    return (\n        <Module {...FooterList}>\n            { categories.map((category: ReactNode, index: number) => {\n                return (\n                    <Node {...FooterListItem} key={index}>\n                        {category}\n                    </Node>\n                );\n            })}\n        </Module>\n    );\n};\n\nexport default FooterCategoryView;\n","module.exports = React;","module.exports = ReactDOM;"],"names":["FooterCategoryView","props","categories","context","FooterList","FooterListItem","length","telemetry","warning","isMobile","setIsMobile","useState","request","device","Type","useEffect","MsDyn365","addThrottledEvent","window","updateViewPort","accordionItemHeading","config","heading","text","enableAccordion","React","Module","Object","AccordionItem","title","id","content","map","category","index","Node","key","focused","updateState","viewport","innerWidth","gridSettings","xs","w","sm","md","lg","binding","modules","dataActions","c","require","$type","da","iNM","ns","n","p","pdp","__bindings__","viewDictionary","cn","FooterCategory","render","this","slots","error","viewprops","moduleProps","className","classnames","tag","renderView","module","exports","ReactDOM"],"sourceRoot":""}