{"version":3,"file":"static/js/1870a83ba15d695b9f28.bundle.js","mappings":"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","sources":["webpack://morland-ecommerce/./src/modules/page-container/page-container.tsx?58fb","webpack://morland-ecommerce/./src/modules/page-container/page-container.props.autogenerated.ts?43b1","webpack://morland-ecommerce/./src/modules/page-container/page-container.view.tsx?0765","webpack://morland-ecommerce/./lib/page-container/module-registration.js?d52f","webpack://morland-ecommerce/external var \"React\"?0d3b","webpack://morland-ecommerce/external var \"ReactDOM\"?853b"],"sourcesContent":["/*!\r\n * Copyright (c) Microsoft Corporation.\r\n * All rights reserved. See LICENSE in the project root for license information.\r\n */\r\n\r\nimport * as React from 'react';\r\nimport * as Msdyn365 from '@msdyn365-commerce/core';\r\n\r\nimport { IPageContainerData } from './page-container.data';\r\nimport { IPageContainerProps, imageAlignment } from './page-container.props.autogenerated';\r\n\r\nexport interface IPageContainerViewProps extends IPageContainerProps<IPageContainerData> {\r\n    image?: Msdyn365.IImageData;\r\n    imageAlignment?: imageAlignment;\r\n    title?: string;\r\n    description?: Msdyn365.RichText;\r\n}\r\n\r\n/**\r\n *\r\n * PageContainer component\r\n * @extends {React.PureComponent<IPageContainerProps<IPageContainerData>>}\r\n */\r\nclass PageContainer extends React.PureComponent<IPageContainerProps<IPageContainerData>> {\r\n    public render(): JSX.Element | null {\r\n        const { config } = this.props;\r\n        const viewProps = {\r\n            ...this.props,\r\n            image: config.image,\r\n            imageAlignment: config.imageAlignment,\r\n            title: config.title,\r\n            description: config.description\r\n        };\r\n        return this.props.renderView(viewProps);\r\n    }\r\n}\r\n\r\nexport default PageContainer;\r\n","/**\r\n * Copyright (c) Microsoft Corporation\r\n * All rights reserved. See License.txt in the project root for license information.\r\n * IPageContainer contentModule Interface Properties\r\n * THIS FILE IS AUTO-GENERATED - MANUAL MODIFICATIONS WILL BE LOST\r\n */\r\n\r\nimport * as Msdyn365 from '@msdyn365-commerce/core';\r\n\r\nexport const enum imageAlignment {\r\n    left = 'left',\r\n    right = 'right'\r\n}\r\n\r\nexport interface IPageContainerConfig extends Msdyn365.IModuleConfig {\r\n    image?: Msdyn365.IImageData;\r\n    imageAlignment?: imageAlignment;\r\n    title?: string;\r\n    description?: Msdyn365.RichText;\r\n}\r\n\r\nexport interface IPageContainerResources {\r\n    resourceKey: string;\r\n}\r\n\r\nexport interface IPageContainerProps<T> extends Msdyn365.IModule<T> {\r\n    resources: IPageContainerResources;\r\n    config: IPageContainerConfig;\r\n}\r\n","/*!\r\n * Copyright (c) Microsoft Corporation.\r\n * All rights reserved. See LICENSE in the project root for license information.\r\n */\r\n\r\nimport * as React from 'react';\r\nimport * as Msdyn365 from '@msdyn365-commerce/core';\r\nimport { IPageContainerViewProps } from './page-container';\r\nimport { imageAlignment as EImageAlign } from './page-container.props.autogenerated';\r\n\r\nconst _imageColumn = (image: Msdyn365.IImageData, requestContext: Msdyn365.IRequestContext) => {\r\n    return (\r\n        <div\r\n            className='pagebuilder-column'\r\n            data-content-type='column'\r\n            data-appearance='align-center'\r\n            data-background-images='{}'\r\n            data-element='main'\r\n            style={{\r\n                justifyContent: 'center',\r\n                display: 'flex',\r\n                flexDirection: 'column',\r\n                backgroundPosition: 'left top',\r\n                backgroundSize: 'cover',\r\n                backgroundRepeat: 'no-repeat',\r\n                backgroundAttachment: 'scroll',\r\n                textAlign: 'center',\r\n                borderStyle: 'none',\r\n                borderWidth: '1px',\r\n                borderRadius: '0px',\r\n                width: '50%',\r\n                margin: '0px',\r\n                padding: '10px',\r\n                alignSelf: 'center'\r\n            }}\r\n        >\r\n            <figure\r\n                data-content-type='image'\r\n                data-appearance='full-width'\r\n                data-element='main'\r\n                style={{\r\n                    margin: '0px',\r\n                    padding: '0px',\r\n                    borderStyle: 'none'\r\n                }}\r\n            >\r\n                <img\r\n                    className='pagebuilder-mobile-hidden'\r\n                    src={image.src}\r\n                    alt={image.altText}\r\n                    title={image.altText}\r\n                    data-element='desktop_image'\r\n                    style={{\r\n                        borderStyle: 'none',\r\n                        borderWidth: '1px',\r\n                        borderRadius: '0px',\r\n                        maxWidth: '100%',\r\n                        height: 'auto'\r\n                    }}\r\n                />\r\n                <img\r\n                    className='pagebuilder-mobile-only'\r\n                    src={image.src}\r\n                    alt={image.altText}\r\n                    title={image.altText}\r\n                    data-element='mobile_image'\r\n                    style={{\r\n                        borderStyle: 'none',\r\n                        borderWidth: '1px',\r\n                        borderRadius: '0px',\r\n                        maxWidth: '100%',\r\n                        height: 'auto'\r\n                    }}\r\n                />\r\n            </figure>\r\n        </div>\r\n    );\r\n};\r\nconst _textColumn = (heading: string, description: Msdyn365.RichText, handleTextChange: any, requestContext: Msdyn365.IRequestContext) => {\r\n    return (\r\n        <div\r\n            className='pagebuilder-column'\r\n            data-content-type='column'\r\n            data-appearance='align-center'\r\n            data-background-images='{}'\r\n            data-element='main'\r\n            style={{\r\n                justifyContent: 'center',\r\n                display: 'flex',\r\n                flexDirection: 'column',\r\n                backgroundPosition: 'left top',\r\n                backgroundSize: 'cover',\r\n                backgroundRepeat: 'no-repeat',\r\n                backgroundAttachment: 'scroll',\r\n                textAlign: 'center',\r\n                borderStyle: 'none',\r\n                borderWidth: '1px',\r\n                borderRadius: '0px',\r\n                width: '50%',\r\n                margin: '0px',\r\n                padding: '10px',\r\n                alignSelf: 'center'\r\n            }}\r\n        >\r\n            <h2\r\n                data-content-type='heading'\r\n                data-appearance='default'\r\n                data-element='main'\r\n                style={{\r\n                    borderStyle: 'none',\r\n                    borderWidth: '1px',\r\n                    borderRadius: '0px',\r\n                    fontFamily: 'Poppins-Medium, sans-serif',\r\n                    fontSize: '2.4rem',\r\n                    fontWeight: 400,\r\n                    color: '#575757',\r\n                    textTransform: 'none',\r\n                    marginTop: 0\r\n                }}\r\n            >\r\n                {heading}\r\n            </h2>\r\n            <div\r\n                data-content-type='text'\r\n                data-appearance='default'\r\n                data-element='main'\r\n                style={{\r\n                    borderStyle: 'none',\r\n                    borderWidth: '1px',\r\n                    borderRadius: '0px',\r\n                    margin: '0px',\r\n                    padding: '0px',\r\n                    fontSize: '1.2rem'\r\n                }}\r\n            >\r\n                <Msdyn365.RichTextComponent text={description} editProps={{ onEdit: handleTextChange, requestContext: requestContext }} />\r\n            </div>\r\n        </div>\r\n    );\r\n};\r\n\r\nexport default (props: IPageContainerViewProps) => {\r\n    const { description, title, image, imageAlignment } = props;\r\n    const { request } = props.context;\r\n    const handleTextChange = (event: Msdyn365.ContentEditableEvent) => (props.config.description = event.target.value);\r\n    let left, right;\r\n    if (imageAlignment === EImageAlign.left) {\r\n        left = _imageColumn(image ? image : {}, request);\r\n        right = _textColumn(title ? title : '', description ? description : '', handleTextChange, request);\r\n    } else {\r\n        left = _textColumn(title ? title : '', description ? description : '', handleTextChange, request);\r\n        right = _imageColumn(image ? image : {}, request);\r\n    }\r\n    return (\r\n        <div data-content-type='row' data-appearance='contained' data-element='main'>\r\n            <div\r\n                data-enable-parallax='0'\r\n                data-parallax-speed='0.5'\r\n                data-background-images='{}'\r\n                data-background-type='image'\r\n                data-video-loop='true'\r\n                data-video-play-only-visible='true'\r\n                data-video-lazy-load='true'\r\n                data-video-fallback-src=''\r\n                data-element='inner'\r\n                style={{\r\n                    justifyContent: 'flex-start',\r\n                    display: 'flex',\r\n                    flexDirection: 'column',\r\n                    backgroundPosition: 'left top',\r\n                    backgroundSize: 'cover',\r\n                    backgroundRepeat: 'no-repeat',\r\n                    backgroundAttachment: 'scroll',\r\n                    borderStyle: 'none',\r\n                    borderWidth: '1px',\r\n                    borderRadius: '0px',\r\n                    margin: '0px 0px 10px',\r\n                    padding: '10px'\r\n                }}\r\n            >\r\n                <div\r\n                    className='pagebuilder-column-group'\r\n                    data-content-type='column-group'\r\n                    data-grid-size='12'\r\n                    data-element='main'\r\n                    style={{\r\n                        display: 'flex'\r\n                    }}\r\n                >\r\n                    {left}\r\n                    {/*  */}\r\n                    {right}\r\n                </div>\r\n            </div>\r\n        </div>\r\n    );\r\n};\r\n","const binding = { modules: {}, dataActions: {} };\n\n    (binding.modules['page-container'] = {\n        c: () => require('partner/modules/page-container/page-container.tsx'),\n        $type: 'contentModule',\n        da: [],\n        \n        iNM: false,\n        ns: '__local__',\n        n: 'page-container',\n        p: '__local__',\n        \n        pdp: '',\n        \n        \n        md: 'src/modules/page-container'\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__|modules|page-container|page-container'] = {\n                c: () => require('partner/modules/page-container/page-container.view.tsx'),\n                cn: '__local__-__local__-page-container'\n            };\nwindow.__bindings__ = window.__bindings__ || {};\nwindow.__bindings__.viewDictionary = {\n                        ...window.__bindings__.viewDictionary || {},\n                        ...viewDictionary\n                    };","module.exports = React;","module.exports = ReactDOM;"],"names":["PageContainer","React","render","config","this","props","viewProps","_objectSpread","image","imageAlignment","title","description","renderView","_imageColumn","requestContext","className","style","justifyContent","display","flexDirection","backgroundPosition","backgroundSize","backgroundRepeat","backgroundAttachment","textAlign","borderStyle","borderWidth","borderRadius","width","margin","padding","alignSelf","src","alt","altText","maxWidth","height","_textColumn","heading","handleTextChange","fontFamily","fontSize","fontWeight","color","textTransform","marginTop","Msdyn365","text","editProps","onEdit","request","context","event","target","value","left","right","EImageAlign","binding","modules","dataActions","c","require","$type","da","iNM","ns","n","p","pdp","md","window","__bindings__","viewDictionary","cn","module","exports","ReactDOM"],"sourceRoot":""}