{"version":3,"file":"static/js/474ccc760591edae7cec.bundle.js","mappings":"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","sources":["webpack://Msdyn365.Commerce.Online/./src/modules/moe-tile-list-item-medium-image/moe-tile-list-item-medium-image.tsx?1b99","webpack://Msdyn365.Commerce.Online/./src/modules/moe-tile-list-item-medium-image/moe-tile-list-item-medium-image.view.tsx?d586","webpack://Msdyn365.Commerce.Online/./lib/moe-tile-list-item-medium-image/module-registration.js?a64d","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\n/* eslint-disable no-duplicate-imports */\r\nimport * as Msdyn365 from '@msdyn365-commerce/core';\r\nimport { StringExtensions } from '@msdyn365-commerce-modules/retail-actions';\r\nimport { IModuleProps, INodeProps, NodeTag } from '@msdyn365-commerce-modules/utilities';\r\nimport * as React from 'react';\r\n\r\nimport { IHeadingData, IMoeTileListItemMediumImageProps } from './moe-tile-list-item-medium-image.props.autogenerated';\r\n\r\n/**\r\n * Tile-list-item view props.\r\n */\r\nexport interface ITileListItemViewProps extends IMoeTileListItemMediumImageProps<{}> {\r\n    heading?: React.ReactNode;\r\n    paragraph?: React.ReactNode;\r\n    links?: React.ReactNode;\r\n    backgroundImage?: React.ReactNode;\r\n    thumbnailImage?: React.ReactNode;\r\n    tileListItem: IModuleProps;\r\n    tileListContainer: INodeProps;\r\n    tileListImageContainer: INodeProps;\r\n    tileListThumbnailImageContainer: INodeProps;\r\n    tileListHeadingContainer: INodeProps;\r\n}\r\n\r\n/**\r\n *\r\n * TileListItem component.\r\n * @extends {React.PureComponent<IMoeTileListItemMediumImageProps<{}>>}\r\n */\r\nexport class TileListItem extends React.PureComponent<IMoeTileListItemMediumImageProps<{}>> {\r\n    public constructor(props: IMoeTileListItemMediumImageProps<{}>) {\r\n        super(props);\r\n    }\r\n\r\n    public render(): JSX.Element {\r\n        const { heading, paragraph, thumbnailImage, redirectionUrl } = this.props.config;\r\n\r\n        const tileListLinkContainer = {\r\n            tag: 'a' as NodeTag,\r\n            className: 'ms-tile-list-container',\r\n            role: 'link',\r\n            href: redirectionUrl?.linkUrl.destinationUrl,\r\n            'aria-label': redirectionUrl?.ariaLabel\r\n        };\r\n\r\n        const tileListButtonContainer = {\r\n            tag: 'button' as NodeTag,\r\n            className: 'ms-tile-list-container'\r\n        };\r\n        const viewProps: ITileListItemViewProps = {\r\n            ...this.props,\r\n            heading: this._createHeading(heading),\r\n            paragraph: this._createParagraph(paragraph),\r\n            thumbnailImage: this._renderThumbnailImage(thumbnailImage),\r\n            tileListItem: {\r\n                moduleProps: this.props,\r\n                className: ''\r\n            },\r\n            tileListContainer: redirectionUrl ? tileListLinkContainer : tileListButtonContainer,\r\n            tileListImageContainer: {\r\n                className: 'ms-tile-list__image'\r\n            },\r\n            tileListThumbnailImageContainer: {\r\n                className: 'ms-tile-list__thumbnail_image'\r\n            },\r\n            tileListHeadingContainer: {\r\n                className: 'ms-tile-list__heading'\r\n            }\r\n        };\r\n\r\n        return this.props.renderView(viewProps) as React.ReactElement;\r\n    }\r\n\r\n    /**\r\n     * Handles heading content change event.\r\n     * @param event - Content editable event.\r\n     */\r\n    public handleHeadingChange = (event: Msdyn365.ContentEditableEvent): void => {\r\n        this.props.config.heading!.text = event.target.value;\r\n    };\r\n\r\n    /**\r\n     * Handles paragraph content change event.\r\n     * @param event - Content editable event.\r\n     */\r\n    public handleParagraphChange = (event: Msdyn365.ContentEditableEvent): void => {\r\n        this.props.config.paragraph = event.target.value;\r\n    };\r\n\r\n    /**\r\n     * Handles paragraph content change event.\r\n     * @param linkIndex - Index of link in linkarray.\r\n     * @returns Void.\r\n     */\r\n\r\n    private _createParagraph(text?: Msdyn365.RichText): React.ReactNode | null {\r\n        if (!text) {\r\n            return null;\r\n        }\r\n        return (\r\n            <div tabIndex={0}>\r\n                <Msdyn365.RichTextComponent\r\n                    text={text.length > 180 ? `${text?.substring(0, 180)}...` : text}\r\n                    className='ms-tile-list__text'\r\n                    editProps={{ onEdit: this.handleParagraphChange, requestContext: this.props.context.request }}\r\n                />\r\n            </div>\r\n        );\r\n    }\r\n\r\n    private _createHeading(heading?: IHeadingData): React.ReactNode | null {\r\n        if (!heading) {\r\n            return null;\r\n        }\r\n        if (StringExtensions.isNullOrWhitespace(heading.text)) {\r\n            return null;\r\n        }\r\n\r\n        return (\r\n            <Msdyn365.Text\r\n                tag={heading.tag ?? 'h1'}\r\n                text={heading.text}\r\n                className='ms-tile-list__title'\r\n                editProps={{ onEdit: this.handleHeadingChange, requestContext: this.props.context.request }}\r\n            />\r\n        );\r\n    }\r\n\r\n    private _renderThumbnailImage(\r\n        item?: Msdyn365.IImageData,\r\n        itemImageSettings?: Msdyn365.IImageSettings,\r\n        isAriaHiddenAttribute?: boolean\r\n    ): React.ReactNode | null {\r\n        if (!item) {\r\n            return null;\r\n        }\r\n        if (StringExtensions.isNullOrWhitespace(item.src)) {\r\n            return null;\r\n        }\r\n\r\n        return (\r\n            <Msdyn365.Image\r\n                {...item}\r\n                gridSettings={this.props.context.request.gridSettings!}\r\n                imageSettings={itemImageSettings}\r\n                loadFailureBehavior='default'\r\n                aria-hidden={isAriaHiddenAttribute}\r\n                editProps={{\r\n                    key: this.props.config.thumbnailImage ?? {},\r\n                    requestContext: this.props.context.request,\r\n                    moduleType: this.props.typeName,\r\n                    imagePropertyName: 'image',\r\n                    // eslint-disable-next-line max-len -- Auto-suppressed.\r\n                    // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-assignment -- Auto-suppressed.\r\n                    layout: (this.props.config as any).msdyn365__moduleLayout\r\n                }}\r\n            />\r\n        );\r\n    }\r\n}\r\n\r\nexport default TileListItem;\r\n","/*--------------------------------------------------------------\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\n/* eslint-disable no-duplicate-imports */\r\nimport { Module, Node } from '@msdyn365-commerce-modules/utilities';\r\nimport * as React from 'react';\r\n\r\nimport { ITileListItemViewProps } from './moe-tile-list-item-medium-image';\r\n\r\nimport { BiRightArrowAlt } from 'react-icons/bi';\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, thumbnailImage, tileListContainer, tileListImageContainer, tileListHeadingContainer } = props;\r\n    console.log('Tile medium image props', props);\r\n\r\n    return (\r\n        <div tabIndex={0} className='moe-tile-medium-image-container'>\r\n            <Node {...tileListContainer}>\r\n                <div className='ms-tile-top'></div>\r\n                <Node {...tileListImageContainer}>{thumbnailImage}</Node>\r\n                <Node {...tileListHeadingContainer}>\r\n                    {heading}\r\n                    {paragraph}\r\n                    <span className='ms-tile-text-arrow'>\r\n                        <BiRightArrowAlt size={25}></BiRightArrowAlt>\r\n                    </span>\r\n                </Node>\r\n            </Node>\r\n        </div>\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<ITileListItemViewProps> = props => {\r\n    const { tileListItem } = props;\r\n    return <Module {...tileListItem}>{renderTileListItemContent(props)}</Module>;\r\n};\r\n\r\nexport default TileListItemViewComponent;\r\n","const binding = { modules: {}, dataActions: {} };\n\n    (binding.modules['moe-tile-list-item-medium-image'] = {\n        c: () => require('partner/modules/moe-tile-list-item-medium-image/moe-tile-list-item-medium-image.tsx'),\n        $type: 'contentModule',\n        da: [],\n        \n        iNM: false,\n        ns: '__local__',\n        n: 'moe-tile-list-item-medium-image',\n        p: '__local__',\n        \n        pdp: '',\n        \n        \n        md: 'src/modules/moe-tile-list-item-medium-image'\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|moe-tile-list-item-medium-image|moe-tile-list-item-medium-image'] = {\n                c: () => require('partner/modules/moe-tile-list-item-medium-image/moe-tile-list-item-medium-image.view.tsx'),\n                cn: '__local__-__local__-moe-tile-list-item-medium-image'\n            };\nwindow.__bindings__ = window.__bindings__ || {};\nwindow.__bindings__.viewDictionary = {\n                        ...window.__bindings__.viewDictionary || {},\n                        ...viewDictionary\n                    };","module.exports = React;","module.exports = ReactDOM;"],"names":["TileListItem","React","constructor","props","super","handleHeadingChange","event","this","config","heading","text","target","value","handleParagraphChange","paragraph","render","thumbnailImage","redirectionUrl","tileListLinkContainer","tag","className","role","href","linkUrl","destinationUrl","ariaLabel","viewProps","_objectSpread","_createHeading","_createParagraph","_renderThumbnailImage","tileListItem","moduleProps","tileListContainer","tileListImageContainer","tileListThumbnailImageContainer","tileListHeadingContainer","renderView","tabIndex","Msdyn365","length","substring","editProps","onEdit","requestContext","context","request","_heading$tag","StringExtensions","isNullOrWhitespace","item","itemImageSettings","isAriaHiddenAttribute","_this$props$config$th","src","Object","assign","gridSettings","imageSettings","loadFailureBehavior","key","moduleType","typeName","imagePropertyName","layout","msdyn365__moduleLayout","TileListItemViewComponent","Module","console","log","Node","BiRightArrowAlt","size","renderTileListItemContent","binding","modules","dataActions","c","require","$type","da","iNM","ns","n","p","pdp","md","window","__bindings__","viewDictionary","cn","module","exports","ReactDOM"],"sourceRoot":""}