{"version":3,"file":"static/js/016978befcc575977046.bundle.js","mappings":"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","sources":["webpack://Msdyn365.Commerce.Online/./src/themes/loacker/views/tile-list-item.view.tsx?2b4d","webpack://Msdyn365.Commerce.Online/./lib/tile-list-item/module-registration.js?3bfa","webpack://Msdyn365.Commerce.Online/./src/modules/tile-list-item/components/links.tsx?c969","webpack://Msdyn365.Commerce.Online/./src/modules/tile-list-item/tile-list-item.tsx?114a","webpack://Msdyn365.Commerce.Online/./src/modules/tile-list-item/tile-list-item.view.tsx?19a8","webpack://Msdyn365.Commerce.Online/external var \"React\"?0d3b","webpack://Msdyn365.Commerce.Online/external var \"ReactDOM\"?853b"],"sourcesContent":["/*--------------------------------------------------------------\r\n * Copyright (c) Microsoft Corporation. All rights reserved.\r\n * See License.txt in the project root for license information.\r\n *--------------------------------------------------------------*/\r\n\r\nimport { Module, Node } from '@msdyn365-commerce-modules/utilities';\r\nimport * as React from 'react';\r\n\r\nimport { ITileListItemViewProps } from '@msdyn365-commerce-modules/tile-list/src/modules/tile-list-item/./tile-list-item';\r\n\r\nimport { ITileListItemConfig } from '@msdyn365-commerce-modules/tile-list/src/modules/tile-list-item/tile-list-item.props.autogenerated';\r\n\r\nimport {\r\n    ITileListItemConfig as ITileListItemConfigExt\r\n} from \"../definition-extensions/tile-list-item.ext.props.autogenerated\";\r\n\r\nexport interface ITileListItemViewPropsExt extends ITileListItemViewProps {\r\n    config: ITileListItemConfig & ITileListItemConfigExt;\r\n}\r\n\r\n/**\r\n *\r\n * ITileListItemViewProps component.\r\n * @param props - Component props.\r\n * @returns TileListView.\r\n */\r\nconst renderTileListItemContent = (props: ITileListItemViewProps): JSX.Element => {\r\n    const { heading, paragraph, backgroundImage, links, thumbnailImage,\r\n        tileListContainer, tileListImageContainer, tileListThumbnailImageContainer, tileListHeadingContainer } = props;\r\n\r\n    return (\r\n        <Node {...tileListContainer}>\r\n            <Node {...tileListImageContainer}>\r\n                {backgroundImage}\r\n            </Node>\r\n            <div className={'ms-tile-list__content'}>\r\n                {thumbnailImage && (\r\n                    <Node {...tileListThumbnailImageContainer}>\r\n                        {thumbnailImage}\r\n                    </Node>\r\n                )}\r\n                <Node {...tileListHeadingContainer}>\r\n                    {heading}\r\n                    {paragraph}\r\n                    {links}\r\n                </Node>\r\n            </div>\r\n        </Node>\r\n    );\r\n};\r\n\r\n/**\r\n *\r\n * TileListItemViewProps component.\r\n * @param props - Component props.\r\n * @returns TileListView.\r\n */\r\nexport const TileListItemViewComponent: React.FC<ITileListItemViewPropsExt> = props => {\r\n    const { tileListItem } = props;\r\n    return (\r\n        <Module {...tileListItem} data-type={props.config.blockType}>\r\n            {renderTileListItemContent(props)}\r\n        </Module>\r\n    );\r\n};\r\n\r\nexport default TileListItemViewComponent;\r\n","const binding = { modules: {}, dataActions: {} };\n\n    (binding.modules['tile-list-item'] = {\n        c: () => require('@msdyn365-commerce-modules/tile-list/dist/lib/modules/tile-list-item/tile-list-item'),\n        $type: 'contentModule',\n        da: [],\n        \n        iNM: true,\n        ns: '@msdyn365-commerce-modules',\n        n: 'tile-list-item',\n        p: 'tile-list',\n        \n        pdp: '',\n        \n        \n        md: 'node_modules/@msdyn365-commerce-modules/tile-list/dist/lib/modules/tile-list-item'\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|loacker|views|tile-list-item'] = {\n                c: () => require('partner/themes/loacker/views/tile-list-item.view.tsx'),\n                cn: '__local__-__local__-tile-list-item'\n            };\nviewDictionary['@msdyn365-commerce-modules|tile-list|modules|tile-list-item|tile-list-item'] = {\n                c: () => require('@msdyn365-commerce-modules/tile-list/dist/lib/modules/tile-list-item/tile-list-item.view.js'),\n                cn: '@msdyn365-commerce-modules-tile-list-tile-list-item'\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 { ArrayExtensions } from '@msdyn365-commerce-modules/retail-actions';\nimport { getPayloadObject, getTelemetryAttributes, ITelemetryContent, onTelemetryClick } from '@msdyn365-commerce-modules/utilities';\nimport * as React from 'react';\n\nimport { ILinksData } from '../tile-list-item.props.autogenerated';\n\n/**\n * Tile List links.\n */\nexport interface ITileListLinks {\n    links: ILinksData[];\n    requestContext: Msdyn365.IRequestContext;\n    telemetryContent: ITelemetryContent;\n    onTextChange?(index: number): (event: Msdyn365.ContentEditableEvent) => void;\n}\n\n/**\n *\n * ITileListLinks component.\n * @extends {React.PureComponent<ITileListLinks>}\n */\nexport class TileListLinks extends React.PureComponent<ITileListLinks> {\n    public render(): JSX.Element {\n        const editableLinks = this._mapEditableLinks(this.props.links);\n        return (\n            <div className='ms-tile-list__links'>\n                {editableLinks && ArrayExtensions.hasElements(editableLinks) ? (\n                    <Msdyn365.Links\n                        links={editableLinks}\n                        editProps={{ onTextChange: this.props.onTextChange, requestContext: this.props.requestContext }}\n                    />\n                ) : null}\n            </div>\n        );\n    }\n\n    /**\n     * ITileListLinks component.\n     * @param linkdata - Link data.\n     * @returns Editable links.\n     */\n    private readonly _mapEditableLinks = (linkdata: ILinksData[]): Msdyn365.ILinksData[] | null => {\n        if (!ArrayExtensions.hasElements(linkdata)) {\n            return null;\n        }\n        const editableLinks: Msdyn365.ILinksData[] = [];\n        for (const link of linkdata) {\n            // Construct telemetry attribute to render\n            const payLoad = getPayloadObject('click', this.props.telemetryContent, '', '');\n            const linkText = link.linkText ? link.linkText : '';\n            payLoad.contentAction.etext = linkText;\n            const attributes = getTelemetryAttributes(this.props.telemetryContent, payLoad);\n            const editableLink: Msdyn365.ILinksData = {\n                ariaLabel: link.ariaLabel,\n                className: 'ms-tile-list__link',\n                linkText: link.linkText,\n                linkUrl: link.linkUrl.destinationUrl,\n                openInNewTab: link.openInNewTab,\n                role: 'button',\n                additionalProperties: attributes,\n                onClick: onTelemetryClick(this.props.telemetryContent, payLoad, linkText)\n            };\n            editableLinks.push(editableLink);\n        }\n\n        return editableLinks;\n    };\n}\nexport default TileListLinks;\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 { ArrayExtensions, StringExtensions } from '@msdyn365-commerce-modules/retail-actions';\nimport { getTelemetryObject, IModuleProps, INodeProps, ITelemetryContent, NodeTag } from '@msdyn365-commerce-modules/utilities';\nimport * as React from 'react';\n\nimport { TileListLinks } from './components';\nimport { IHeadingData, ITileListItemProps } from './tile-list-item.props.autogenerated';\n\n/**\n * Tile-list-item view props.\n */\nexport interface ITileListItemViewProps extends ITileListItemProps<{}> {\n    heading?: React.ReactNode;\n    paragraph?: React.ReactNode;\n    links?: React.ReactNode;\n    backgroundImage?: React.ReactNode;\n    thumbnailImage?: React.ReactNode;\n    tileListItem: IModuleProps;\n    tileListContainer: INodeProps;\n    tileListImageContainer: INodeProps;\n    tileListThumbnailImageContainer: INodeProps;\n    tileListHeadingContainer: INodeProps;\n}\n\n/**\n *\n * TileListItem component.\n * @extends {React.PureComponent<ITileListItemProps<{}>>}\n */\nexport class TileListItem extends React.PureComponent<ITileListItemProps<{}>> {\n    private readonly _telemetryContent: ITelemetryContent = getTelemetryObject(\n        this.props.context.request.telemetryPageName!,\n        this.props.friendlyName,\n        this.props.telemetry\n    );\n\n    public constructor(props: ITileListItemProps<{}>) {\n        super(props);\n    }\n\n    public render(): JSX.Element {\n        const { heading, paragraph, backgroundImage, thumbnailImage, redirectionUrl, links } = this.props.config;\n        const tileListLinks = links && ArrayExtensions.hasElements(links) && (\n            <TileListLinks\n                links={links}\n                onTextChange={this.handleLinkTextChange}\n                requestContext={this.props.context.request}\n                telemetryContent={this._telemetryContent}\n            />\n        );\n        const tileListLinkContainer = {\n            tag: 'a' as NodeTag,\n            className: 'ms-tile-list-container',\n            role: 'link',\n            href: redirectionUrl?.linkUrl.destinationUrl,\n            'aria-label': redirectionUrl?.ariaLabel,\n            target: redirectionUrl?.openInNewTab ? '_blank' : undefined\n        };\n\n        const tileListButtonContainer = {\n            tag: 'button' as NodeTag,\n            className: 'ms-tile-list-container'\n        };\n        const viewProps: ITileListItemViewProps = {\n            ...this.props,\n            heading: this._createHeading(heading),\n            paragraph: this._createParagraph(paragraph),\n            backgroundImage: this._renderBackgroundImage(backgroundImage),\n            thumbnailImage: this._renderThumbnailImage(thumbnailImage),\n            links: tileListLinks,\n            tileListItem: {\n                moduleProps: this.props,\n                className: ''\n            },\n            tileListContainer: redirectionUrl ? tileListLinkContainer : tileListButtonContainer,\n            tileListImageContainer: {\n                className: 'ms-tile-list__image'\n            },\n            tileListThumbnailImageContainer: {\n                className: 'ms-tile-list__thumbnail_image',\n                'aria-hidden': 'true'\n            },\n            tileListHeadingContainer: {\n                className: 'ms-tile-list__heading'\n            }\n        };\n\n        return this.props.renderView(viewProps) as React.ReactElement;\n    }\n\n    /**\n     * Handles heading content change event.\n     * @param event - Content editable event.\n     */\n    public handleHeadingChange = (event: Msdyn365.ContentEditableEvent): void => {\n        this.props.config.heading!.text = event.target.value;\n    };\n\n    /**\n     * Handles paragraph content change event.\n     * @param event - Content editable event.\n     */\n    public handleParagraphChange = (event: Msdyn365.ContentEditableEvent): void => {\n        this.props.config.paragraph = event.target.value;\n    };\n\n    /**\n     * Handles paragraph content change event.\n     * @param linkIndex - Index of link in linkarray.\n     * @returns Void.\n     */\n    public handleLinkTextChange = (linkIndex: number) => (event: Msdyn365.ContentEditableEvent): void => {\n        if (this.props.config.links?.[Number(linkIndex)]) {\n            this.props.config.links[Number(linkIndex)].linkText = event.target.value;\n        }\n    };\n\n    private _createParagraph(text?: Msdyn365.RichText): React.ReactNode | null {\n        if (!text) {\n            return null;\n        }\n        return (\n            <Msdyn365.RichTextComponent\n                text={text}\n                className='ms-tile-list__text'\n                editProps={{ onEdit: this.handleParagraphChange, requestContext: this.props.context.request }}\n            />\n        );\n    }\n\n    private _createHeading(heading?: IHeadingData): React.ReactNode | null {\n        if (!heading) {\n            return null;\n        }\n        if (StringExtensions.isNullOrWhitespace(heading.text)) {\n            return null;\n        }\n\n        return (\n            <Msdyn365.Text\n                tag={heading.tag ?? 'h1'}\n                text={heading.text}\n                className='ms-tile-list__title'\n                editProps={{ onEdit: this.handleHeadingChange, requestContext: this.props.context.request }}\n            />\n        );\n    }\n\n    private _renderBackgroundImage(item?: Msdyn365.IImageData, isAriaHiddenAttribute?: boolean): React.ReactNode | null {\n        // If image is null, we want to render the placeholder SVG - by passing image data with empty src\n\n        const defaultImageSettings: Msdyn365.IImageSettings = {\n            viewports: {\n                xs: { q: 'w=328&h=412&m=6', w: 328, h: 412 },\n                sm: { q: 'w=328&h=412&m=6', w: 328, h: 412 },\n                md: { q: 'w=315&h=412&m=6', w: 315, h: 412 },\n                lg: { q: 'w=315&h=412&m=6', w: 315, h: 412 },\n                xl: { q: 'w=315&h=412&m=6', w: 315, h: 412 }\n            },\n            lazyload: true\n        };\n        const verifiedImageSettings = item?.imageSettings?.viewports ? item.imageSettings : defaultImageSettings;\n\n        return (\n            <Msdyn365.Image\n                {...item}\n                requestContext={this.props.context.request}\n                gridSettings={this.props.context.request.gridSettings!}\n                imageSettings={verifiedImageSettings}\n                loadFailureBehavior='default'\n                aria-hidden={isAriaHiddenAttribute}\n                editProps={{\n                    key: this.props.config.backgroundImage ?? {},\n                    requestContext: this.props.context.request,\n                    moduleType: this.props.typeName,\n                    imagePropertyName: 'image'\n                }}\n            />\n        );\n    }\n\n    private _renderThumbnailImage(\n        item?: Msdyn365.IImageData,\n        itemImageSettings?: Msdyn365.IImageSettings,\n        isAriaHiddenAttribute?: boolean\n    ): React.ReactNode | null {\n        if (!item) {\n            return null;\n        }\n        if (StringExtensions.isNullOrWhitespace(item.src)) {\n            return null;\n        }\n\n        return (\n            <Msdyn365.Image\n                {...item}\n                gridSettings={this.props.context.request.gridSettings!}\n                imageSettings={itemImageSettings}\n                loadFailureBehavior='default'\n                aria-hidden={isAriaHiddenAttribute}\n                editProps={{\n                    key: this.props.config.thumbnailImage ?? {},\n                    requestContext: this.props.context.request,\n                    moduleType: this.props.typeName,\n                    imagePropertyName: 'image',\n                    // eslint-disable-next-line max-len -- Auto-suppressed.\n                    // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-assignment -- Auto-suppressed.\n                    layout: (this.props.config as any).msdyn365__moduleLayout\n                }}\n            />\n        );\n    }\n}\n\nexport default TileListItem;\n","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport { Module, Node } from '@msdyn365-commerce-modules/utilities';\nimport * as React from 'react';\n\nimport { ITileListItemViewProps } from './tile-list-item';\n\n/**\n *\n * ITileListItemViewProps component.\n * @param props - Component props.\n * @returns TileListView.\n */\nconst renderTileListItemContent = (props: ITileListItemViewProps): JSX.Element => {\n    const {\n        heading,\n        paragraph,\n        backgroundImage,\n        links,\n        thumbnailImage,\n        tileListContainer,\n        tileListImageContainer,\n        tileListThumbnailImageContainer,\n        tileListHeadingContainer\n    } = props;\n\n    return (\n        <Node {...tileListContainer}>\n            <Node {...tileListImageContainer}>{backgroundImage}</Node>\n            <Node {...tileListHeadingContainer}>\n                {heading}\n                {paragraph}\n                {links}\n            </Node>\n            <Node {...tileListThumbnailImageContainer}>{thumbnailImage}</Node>\n        </Node>\n    );\n};\n\n/**\n *\n * TileListItemViewProps component.\n * @param props - Component props.\n * @returns TileListView.\n */\nexport const TileListItemViewComponent: React.FC<ITileListItemViewProps> = props => {\n    const { tileListItem } = props;\n    return <Module {...tileListItem}>{renderTileListItemContent(props)}</Module>;\n};\n\nexport default TileListItemViewComponent;\n","module.exports = React;","module.exports = ReactDOM;"],"names":["TileListItemViewComponent","props","tileListItem","React","Module","Object","assign","config","blockType","heading","paragraph","backgroundImage","links","thumbnailImage","tileListContainer","tileListImageContainer","tileListThumbnailImageContainer","tileListHeadingContainer","Node","className","renderTileListItemContent","binding","modules","dataActions","c","require","$type","da","iNM","ns","n","p","pdp","md","window","__bindings__","_objectSpread","viewDictionary","cn","TileListLinks","constructor","_mapEditableLinks","linkdata","ArrayExtensions","hasElements","editableLinks","link","payLoad","getPayloadObject","this","telemetryContent","linkText","contentAction","etext","attributes","getTelemetryAttributes","editableLink","ariaLabel","linkUrl","destinationUrl","openInNewTab","role","additionalProperties","onClick","onTelemetryClick","push","render","Msdyn365","editProps","onTextChange","requestContext","TileListItem","super","_telemetryContent","getTelemetryObject","context","request","telemetryPageName","friendlyName","telemetry","handleHeadingChange","event","text","target","value","handleParagraphChange","handleLinkTextChange","linkIndex","_this$props$config$li","Number","redirectionUrl","tileListLinks","tileListLinkContainer","tag","href","undefined","viewProps","_createHeading","_createParagraph","_renderBackgroundImage","_renderThumbnailImage","moduleProps","renderView","onEdit","_heading$tag","StringExtensions","isNullOrWhitespace","item","isAriaHiddenAttribute","_item$imageSettings","_this$props$config$ba","verifiedImageSettings","imageSettings","viewports","xs","q","w","h","sm","lg","xl","lazyload","gridSettings","loadFailureBehavior","key","moduleType","typeName","imagePropertyName","itemImageSettings","_this$props$config$th","src","layout","msdyn365__moduleLayout","module","exports","ReactDOM"],"sourceRoot":""}