{"version":3,"file":"static/js/cd900334249dc9522443.bundle.js","mappings":"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","sources":["webpack://Msdyn365.Commerce.Online/./src/modules/moe-article-list-item/moe-article-list-item.tsx?274f","webpack://Msdyn365.Commerce.Online/./src/modules/moe-article-list-item/moe-article-list-item.view.tsx?5816","webpack://Msdyn365.Commerce.Online/./lib/moe-article-list-item/module-registration.js?664f","webpack://Msdyn365.Commerce.Online/external var \"React\"?0d3b","webpack://Msdyn365.Commerce.Online/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 { 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 { IMoeArticleListItemData } from './moe-article-list-item.data';\r\nimport { IHeadingData, IMoeArticleListItemProps } from './moe-article-list-item.props.autogenerated';\r\n\r\nexport interface IMoeArticleListItemViewProps extends IMoeArticleListItemProps<IMoeArticleListItemData> {\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    articleListItem: IModuleProps;\r\n    articleListItemContainer: INodeProps;\r\n    articleListItemImageContainer: INodeProps;\r\n    articleListItemThumbnailImageContainer: INodeProps;\r\n    articleListItemHeadingContainer: INodeProps;\r\n}\r\n\r\n/**\r\n *\r\n * MoeArticleListItem component\r\n * @extends {React.PureComponent<IMoeArticleListItemProps<IMoeArticleListItemData>>}\r\n */\r\nclass MoeArticleListItem extends React.PureComponent<IMoeArticleListItemProps<IMoeArticleListItemData>> {\r\n    public constructor(props: IMoeArticleListItemProps<IMoeArticleListItemData>) {\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 articleListItemLinkContainer = {\r\n            tag: 'div' as NodeTag,\r\n            className: 'ms-article-list__item-container',\r\n            role: 'link',\r\n            href: redirectionUrl?.linkUrl.destinationUrl,\r\n            'aria-label': redirectionUrl?.ariaLabel\r\n        };\r\n\r\n        const articleListItemButtonContainer = {\r\n            tag: 'button' as NodeTag,\r\n            className: 'ms-article-list__item-container'\r\n        };\r\n        const viewProps: IMoeArticleListItemViewProps = {\r\n            ...this.props,\r\n            heading: this._createHeading(heading),\r\n            paragraph: this._createParagraph(paragraph),\r\n            thumbnailImage: this._renderThumbnailImage(thumbnailImage),\r\n            articleListItem: {\r\n                moduleProps: this.props,\r\n                className: ''\r\n            },\r\n            articleListItemContainer: redirectionUrl ? articleListItemLinkContainer : articleListItemButtonContainer,\r\n            articleListItemImageContainer: {\r\n                className: 'ms-article-list__item-image'\r\n            },\r\n            articleListItemThumbnailImageContainer: {\r\n                className: 'ms-article-list__item-thumbnail'\r\n            },\r\n            articleListItemHeadingContainer: {\r\n                className: 'ms-article-list__item-content'\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            <Msdyn365.RichTextComponent\r\n                text={text.length > 180 ? `${text?.substring(0, 180)}...` : text}\r\n                className='ms-article-list__item-text'\r\n                editProps={{ onEdit: this.handleParagraphChange, requestContext: this.props.context.request }}\r\n            />\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 ?? 'h3'}\r\n                text={heading.text}\r\n                className='ms-article-list__item-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 MoeArticleListItem;\r\n","/*!\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 React from 'react';\r\nimport { Module, Node } from '@msdyn365-commerce-modules/utilities';\r\nimport { IMoeArticleListItemViewProps } from './moe-article-list-item';\r\n\r\nexport default (props: IMoeArticleListItemViewProps) => {\r\n    const {\r\n        heading,\r\n        paragraph,\r\n        thumbnailImage,\r\n        articleListItemContainer,\r\n        articleListItemImageContainer,\r\n        articleListItemHeadingContainer,\r\n        articleListItem,\r\n        config\r\n    } = props;\r\n\r\n    const { redirectionUrl } = props.config;\r\n\r\n    const renderArticleListItemContent = (): JSX.Element => {\r\n        return (\r\n            <Node {...articleListItemContainer}>\r\n                {thumbnailImage && <Node {...articleListItemImageContainer}>{thumbnailImage}</Node>}\r\n                <Node {...articleListItemHeadingContainer}>\r\n                    <a href={redirectionUrl?.linkUrl.destinationUrl || ''} className='ms-article-list__item-heading' tabIndex={0}>\r\n                        {heading}\r\n                    </a>\r\n                    {config.publishedDate && <div className='ms-article-list__item-pbdate'>{config.publishedDate}</div>}\r\n                    {paragraph ? (\r\n                        <div tabIndex={0}>{paragraph}</div>\r\n                    ) : (\r\n                        <div className='ms-article-list__item-text'>\r\n                            <p>--- </p>\r\n                        </div>\r\n                    )}\r\n                    <span>—</span>\r\n                    <a className='ms-article-list__item-link' href={redirectionUrl?.linkUrl.destinationUrl || ''} tabIndex={0}>\r\n                        Read More\r\n                    </a>\r\n                </Node>\r\n            </Node>\r\n        );\r\n    };\r\n\r\n    return <Module {...articleListItem}>{renderArticleListItemContent()}</Module>;\r\n};\r\n","const binding = { modules: {}, dataActions: {} };\n\n    (binding.modules['moe-article-list-item'] = {\n        c: () => require('partner/modules/moe-article-list-item/moe-article-list-item.tsx'),\n        $type: 'contentModule',\n        da: [],\n        \n        iNM: false,\n        ns: '__local__',\n        n: 'moe-article-list-item',\n        p: '__local__',\n        \n        pdp: '',\n        \n        \n        md: 'src/modules/moe-article-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__|modules|moe-article-list-item|moe-article-list-item'] = {\n                c: () => require('partner/modules/moe-article-list-item/moe-article-list-item.view.tsx'),\n                cn: '__local__-__local__-moe-article-list-item'\n            };\nwindow.__bindings__ = window.__bindings__ || {};\nwindow.__bindings__.viewDictionary = {\n                        ...window.__bindings__.viewDictionary || {},\n                        ...viewDictionary\n                    };","module.exports = React;","module.exports = ReactDOM;"],"names":["MoeArticleListItem","React","constructor","props","super","handleHeadingChange","event","this","config","heading","text","target","value","handleParagraphChange","paragraph","render","thumbnailImage","redirectionUrl","articleListItemLinkContainer","tag","className","role","href","linkUrl","destinationUrl","ariaLabel","viewProps","_objectSpread","_createHeading","_createParagraph","_renderThumbnailImage","articleListItem","moduleProps","articleListItemContainer","articleListItemImageContainer","articleListItemThumbnailImageContainer","articleListItemHeadingContainer","renderView","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","Module","Node","tabIndex","publishedDate","binding","modules","dataActions","c","require","$type","da","iNM","ns","n","p","pdp","md","window","__bindings__","viewDictionary","cn","module","exports","ReactDOM"],"sourceRoot":""}