{"version":3,"file":"static/js/1914349574e3bff42ac5.bundle.js","mappings":"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","sources":["webpack://Msdyn365.Commerce.Online/./lib/image-list/module-registration.js?5c99","webpack://Msdyn365.Commerce.Online/./src/modules/image-list/image-list.tsx?5602","webpack://Msdyn365.Commerce.Online/./src/modules/image-list/image-list.view.tsx?2bed","webpack://Msdyn365.Commerce.Online/external var \"React\"?0d3b","webpack://Msdyn365.Commerce.Online/external var \"ReactDOM\"?853b"],"sourcesContent":["const binding = { modules: {}, dataActions: {} };\n\n    (binding.modules['image-list'] = {\n        c: () => require('@msdyn365-commerce-modules/image-list/dist/lib/modules/image-list/image-list'),\n        $type: 'contentModule',\n        da: [],\n        \n        iNM: true,\n        ns: '@msdyn365-commerce-modules',\n        n: 'image-list',\n        p: 'image-list',\n        \n        pdp: '',\n        \n        \n        md: 'node_modules/@msdyn365-commerce-modules/image-list/dist/lib/modules/image-list'\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|image-list|modules|image-list|image-list'] = {\n                c: () => require('@msdyn365-commerce-modules/image-list/dist/lib/modules/image-list/image-list.view.js'),\n                cn: '@msdyn365-commerce-modules-image-list-image-list'\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 * as Msdyn365 from '@msdyn365-commerce/core';\nimport { IModuleProps, INodeProps } from '@msdyn365-commerce-modules/utilities';\nimport classnames from 'classnames';\nimport * as React from 'react';\n\nimport { IImageListConfig, IImageListProps, IImagesData } from './image-list.props.autogenerated';\n\n/**\n * The interface for IImageListViewProps.\n */\nexport interface IImageListViewProps extends IImageListProps<IImageListConfig> {\n    imageList: IModuleProps;\n    imageListHeading?: React.ReactNode;\n    imageListContainer: INodeProps;\n    imageListItem: INodeProps;\n    imageListItemAnchorTag: INodeProps;\n    imageListItems: IImageListItem[] | undefined;\n}\n\n/**\n * The interface for IImageListItem.\n */\nexport interface IImageListItem {\n    image: JSX.Element | undefined;\n    text: JSX.Element | undefined;\n    link: string | undefined;\n    linkAltText: string | undefined;\n    linkAriaLabel: string | undefined;\n}\n\n/**\n *\n * ImageList component.\n * @extends {React.PureComponent<IImageListProps<IImageListConfig>>}\n */\nclass ImageList extends React.PureComponent<IImageListProps<IImageListConfig>> {\n    public render(): JSX.Element | null {\n        const { heading } = this.props.config;\n        const imageListTitle = heading && <Msdyn365.Text className='ms-image-list__title' tag={heading.tag ?? 'h1'} text={heading.text} />;\n        const viewProps: IImageListViewProps = {\n            ...this.props,\n            imageList: {\n                moduleProps: this.props,\n                className: classnames('ms-image-list', this.props.config.className),\n                tag: 'div'\n            },\n            imageListHeading: imageListTitle,\n            imageListContainer: {\n                className: 'ms-image-list__list',\n                role: 'list',\n                tag: 'ul'\n            },\n            imageListItem: {\n                className: 'ms-image-list__list-item',\n                role: 'listitem',\n                tag: 'li'\n            },\n            imageListItemAnchorTag: {\n                tag: 'a',\n                className: 'ms-image-list__link',\n                role: 'link'\n            },\n            imageListItems: this._renderImageListItems()\n        };\n        return this.props.renderView(viewProps);\n    }\n\n    /**\n     * Handle paragraph change.\n     * @param index - Index of image item in array of image items.\n     * @returns Void.\n     */\n    public handleParagraphChange = (index: number) => (event: Msdyn365.ContentEditableEvent): void => {\n        if (this.props.config.images![index]) {\n            this.props.config.images![index].paragraph = event.target.value;\n        }\n    };\n\n    /**\n     * Render list of images.\n     * @returns List of images with text and redirection link.\n     */\n    private readonly _renderImageListItems = (): IImageListItem[] | undefined => {\n        const imageList: IImagesData[] | undefined = this.props.config.images;\n        const defaultImageSettings: Msdyn365.IImageSettings = {\n            viewports: {\n                xs: { q: 'w=65&h=65&q=80&m=6', w: 65, h: 65 },\n                lg: { q: 'w=65&h=65&q=80&m=6', w: 65, h: 65 },\n                xl: { q: 'w=65&h=65&q=80&m=6', w: 65, h: 65 }\n            },\n            lazyload: false,\n            disableLazyLoad: true\n        };\n        return imageList?.map((item, index) => {\n            const { image, link, paragraph } = item;\n\n            const imageProps = {\n                gridSettings: this.props.context.request.gridSettings!,\n                imageSettings: (image?.imageSettings ?? defaultImageSettings) as Msdyn365.IImageSettings | undefined\n            };\n\n            const imageLink: string | undefined = link?.linkUrl.destinationUrl;\n            const imageLinkText: string | undefined = link?.linkText ?? link?.ariaLabel;\n            const imageLinkAriaLabel: string | undefined = link?.ariaLabel;\n\n            // If image is null, we want to render the placeholder SVG - by passing image data with empty src\n            const imageImage = (\n                <Msdyn365.Image {...image} {...imageProps} loadFailureBehavior='empty' requestContext={this.props.context.request} />\n            );\n\n            const imageText = paragraph && (\n                <Msdyn365.RichTextComponent\n                    text={paragraph as Msdyn365.RichText | undefined}\n                    className='ms-image-list__text'\n                    editProps={{ onEdit: this.handleParagraphChange(index), requestContext: this.props.context.request }}\n                />\n            );\n            const imageListItem: IImageListItem = {\n                image: imageImage,\n                text: imageText,\n                link: imageLink,\n                linkAltText: imageLinkText,\n                linkAriaLabel: imageLinkAriaLabel\n            };\n            return imageListItem;\n        });\n    };\n}\n\nexport default ImageList;\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 { Module, Node } from '@msdyn365-commerce-modules/utilities';\nimport * as React from 'react';\n\nimport { IImageListViewProps } from './image-list';\n\n/**\n * Render the thumbnail item images.\n * @param props - The image list view props.\n * @returns Return HTML having IImageListViewProps props with image List.\n */\nexport const imageListView = (props: IImageListViewProps): JSX.Element => {\n    const { imageList, imageListContainer, imageListHeading, imageListItem, imageListItems, imageListItemAnchorTag } = props;\n    return (\n        <Module {...imageList}>\n            {imageListHeading}\n            <Node {...imageListContainer}>\n                {imageListItems?.map(item => {\n                    let indexKey: string;\n\n                    if (item.image) {\n                        const image = (item.image as unknown) as Msdyn365.Image;\n                        indexKey = image.props.src as string;\n                    } else {\n                        const text = (item.text as unknown) as Msdyn365.RichTextComponent;\n                        indexKey = text.props.text as string;\n                    }\n                    return (\n                        <Node {...imageListItem} key={indexKey}>\n                            {item.image && (\n                                <Node\n                                    {...imageListItemAnchorTag}\n                                    href={item.link}\n                                    altText={item.linkAltText}\n                                    aria-label={item.linkAriaLabel}\n                                    className={imageListItemAnchorTag.className}\n                                >\n                                    {item.image}\n                                </Node>\n                            )}\n                            {item.text}\n                        </Node>\n                    );\n                })}\n            </Node>\n        </Module>\n    );\n};\n\nexport default imageListView;\n","module.exports = React;","module.exports = ReactDOM;"],"names":["binding","modules","dataActions","c","require","$type","da","iNM","ns","n","p","pdp","md","window","__bindings__","_objectSpread","viewDictionary","cn","ImageList","React","constructor","handleParagraphChange","index","event","this","props","config","images","paragraph","target","value","_renderImageListItems","imageList","defaultImageSettings","viewports","xs","q","w","h","lg","xl","lazyload","disableLazyLoad","map","item","_image$imageSettings","_link$linkText","image","link","imageProps","gridSettings","context","request","imageSettings","imageLink","linkUrl","destinationUrl","imageLinkText","linkText","ariaLabel","imageLinkAriaLabel","Msdyn365","Object","assign","loadFailureBehavior","requestContext","text","className","editProps","onEdit","linkAltText","linkAriaLabel","render","_heading$tag","heading","imageListTitle","tag","viewProps","moduleProps","classnames","imageListHeading","imageListContainer","role","imageListItem","imageListItemAnchorTag","imageListItems","renderView","imageListView","Module","Node","indexKey","src","key","href","altText","module","exports","ReactDOM"],"sourceRoot":""}