{"version":3,"file":"static/js/c423b73c158177401bda.bundle.js","mappings":"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","sources":["webpack://bju-press/./src/themes/base/views/image-list.view.tsx?1755","webpack://bju-press/./lib/image-list/module-registration.js?5c99","webpack://bju-press/./src/modules/image-list/image-list.tsx?5602","webpack://bju-press/./src/modules/image-list/image-list.view.tsx?2bed","webpack://bju-press/external var \"React\"?0d3b","webpack://bju-press/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 Msdyn365 from '@msdyn365-commerce/core';\r\nimport { Module, Node } from '@msdyn365-commerce-modules/utilities';\r\nimport * as React from 'react';\r\n\r\nimport { IImageListViewProps } from '@msdyn365-commerce-modules/image-list/src/modules/image-list/./image-list';\r\n\r\n/**\r\n * Render the thumbnail item images.\r\n * @param props - The image list view props.\r\n * @returns Return HTML having IImageListViewProps props with image List.\r\n */\r\nexport const imageListView = (props: IImageListViewProps): JSX.Element => {\r\n    const { imageList, imageListContainer, imageListHeading, imageListItem, imageListItems, imageListItemAnchorTag } = props;\r\n    return (\r\n        <Module {...imageList}>\r\n            {imageListHeading}\r\n            <Node {...imageListContainer}>\r\n                {imageListItems?.map(item => {\r\n                    let indexKey: string;\r\n\r\n                    if (item.image) {\r\n                        const image = (item.image as unknown) as Msdyn365.Image;\r\n                        indexKey = image.props.src as string;\r\n                    } else {\r\n                        const text = (item.text as unknown) as Msdyn365.RichTextComponent;\r\n                        indexKey = text.props.text as string;\r\n                    }\r\n                    return (\r\n                        <Node {...imageListItem} key={indexKey}>\r\n                            {/* @CUSTOM: Removed a check - always display container element even if there's no image */}\r\n                            <Node\r\n                                {...imageListItemAnchorTag}\r\n                                href={item.link}\r\n                                altText={item.linkAltText}\r\n                                aria-label={item.linkAriaLabel}\r\n                                className={imageListItemAnchorTag.className}\r\n                            >\r\n                                {/* @CUSTOM: Instead add a check here if there's an image, and add image in a classed div for easier styling */}\r\n                                {item.image?.props.src && (\r\n                                    <div className='ms-image-list__image'>\r\n                                        {item.image}\r\n                                    </div>\r\n                                )}\r\n                                {/* @CUSTOM: Moved text to inside container element to be clickable alongside image */}\r\n                                {item.text}\r\n                            </Node>\r\n                            {/* @CUSTOM: Removed text here since the above will always show the text inside the container */}\r\n                        </Node>\r\n                    );\r\n                })}\r\n            </Node>\r\n        </Module>\r\n    );\r\n};\r\n\r\nexport default imageListView;\r\n","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['__local__|__local__|themes|base|views|image-list'] = {\n                c: () => require('partner/themes/base/views/image-list.view.tsx'),\n                cn: '__local__-__local__-image-list'\n            };\nviewDictionary['@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":["imageListView","props","imageList","imageListContainer","imageListHeading","imageListItem","imageListItems","imageListItemAnchorTag","React","Module","Object","assign","Node","map","item","_item$image","indexKey","image","src","text","key","href","link","altText","linkAltText","linkAriaLabel","className","binding","modules","dataActions","c","require","$type","da","iNM","ns","n","p","pdp","md","window","__bindings__","_objectSpread","viewDictionary","cn","ImageList","constructor","handleParagraphChange","index","event","this","config","images","paragraph","target","value","_renderImageListItems","defaultImageSettings","viewports","xs","q","w","h","lg","xl","lazyload","disableLazyLoad","_image$imageSettings","_link$linkText","imageProps","gridSettings","context","request","imageSettings","imageLink","linkUrl","destinationUrl","imageLinkText","linkText","ariaLabel","imageLinkAriaLabel","Msdyn365","loadFailureBehavior","requestContext","editProps","onEdit","render","_heading$tag","heading","imageListTitle","tag","viewProps","moduleProps","classnames","role","renderView","module","exports","ReactDOM"],"sourceRoot":""}