{"version":3,"file":"static/js/abd2c39822db2ee02982.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';\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                                target={item.linkOpenInNewTab ? '_blank' : undefined}\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    linkOpenInNewTab?: boolean;\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            const imageLinkOpenInNewTab = link?.openInNewTab;\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                linkOpenInNewTab: imageLinkOpenInNewTab\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                                    target={item.linkOpenInNewTab ? '_blank' : undefined}\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","target","linkOpenInNewTab","undefined","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","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","imageLinkOpenInNewTab","openInNewTab","Msdyn365","loadFailureBehavior","requestContext","editProps","onEdit","render","_heading$tag","heading","imageListTitle","tag","viewProps","moduleProps","classnames","role","renderView","module","exports","ReactDOM"],"sourceRoot":""}