{"version":3,"file":"static/js/67952772f594638e7f72.bundle.js","mappings":"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","sources":["webpack://Msdyn365.Commerce.Online/./src/modules/moe-tile-list-item-description-only/moe-tile-list-item-description-only.tsx?e825","webpack://Msdyn365.Commerce.Online/./src/modules/moe-tile-list-item-description-only/moe-tile-list-item-description-only.view.tsx?ba94","webpack://Msdyn365.Commerce.Online/./lib/moe-tile-list-item-description-only/module-registration.js?c34f","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, IMoeTileListItemDescriptionOnlyProps } from './moe-tile-list-item-description-only.props.autogenerated';\r\n\r\n/**\r\n * Tile-list-item view props.\r\n */\r\nexport interface ITileListItemViewProps extends IMoeTileListItemDescriptionOnlyProps<{}> {\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<IMoeTileListItemDescriptionOnlyProps<{}>>}\r\n */\r\nexport class TileListItem extends React.PureComponent<IMoeTileListItemDescriptionOnlyProps<{}>> {\r\n    public constructor(props: IMoeTileListItemDescriptionOnlyProps<{}>) {\r\n        super(props);\r\n    }\r\n\r\n    public render(): JSX.Element {\r\n        const { heading, paragraph, 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            tileListItem: {\r\n                moduleProps: this.props,\r\n                className: 'ms-tile-list-item-container'\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 ms-tile-list_main_header'\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, 177)}...` : 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        const text: string = heading.text.length > 50 ? `${heading.text?.substring(0, 50)}...` : heading.text;\r\n\r\n        return (\r\n            <Msdyn365.Text\r\n                tag={heading.tag ?? 'h1'}\r\n                text={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\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-description-only';\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, tileListContainer, tileListHeadingContainer } = props;\r\n\r\n    return (\r\n        <div tabIndex={0} className='moe-tile-desc-only-container'>\r\n            <Node {...tileListContainer}>\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                <div className='ms-tile-bottom'></div>\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-description-only'] = {\n        c: () => require('partner/modules/moe-tile-list-item-description-only/moe-tile-list-item-description-only.tsx'),\n        $type: 'contentModule',\n        da: [],\n        \n        iNM: false,\n        ns: '__local__',\n        n: 'moe-tile-list-item-description-only',\n        p: '__local__',\n        \n        pdp: '',\n        \n        \n        md: 'src/modules/moe-tile-list-item-description-only'\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-description-only|moe-tile-list-item-description-only'] = {\n                c: () => require('partner/modules/moe-tile-list-item-description-only/moe-tile-list-item-description-only.view.tsx'),\n                cn: '__local__-__local__-moe-tile-list-item-description-only'\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","redirectionUrl","tileListLinkContainer","tag","className","role","href","linkUrl","destinationUrl","ariaLabel","viewProps","_objectSpread","_createHeading","_createParagraph","tileListItem","moduleProps","tileListContainer","tileListImageContainer","tileListThumbnailImageContainer","tileListHeadingContainer","renderView","tabIndex","Msdyn365","length","substring","editProps","onEdit","requestContext","context","request","_heading$text","_heading$tag","StringExtensions","isNullOrWhitespace","TileListItemViewComponent","Module","Object","assign","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":""}