{"version":3,"sources":["webpack:///./lib/tile-list-item/module-registration.js?3bfa","webpack:///external \"React\"?c481","webpack:///external \"ReactDOM\"?4b2d","webpack:///src/modules/tile-list-item/tile-list-item.view.tsx?0144","webpack:///src/modules/tile-list-item/components/links.tsx?e54f","webpack:///src/modules/tile-list-item/tile-list-item.tsx?99bb"],"names":["binding","modules","dataActions","c","require","$type","da","iNM","ns","n","p","pdp","md","window","__bindings__","_objectSpread","viewDictionary","cn","module","exports","React","ReactDOM","TileListItemViewComponent","props","tileListItem","Module","Object","assign","heading","paragraph","backgroundImage","links","thumbnailImage","tileListContainer","tileListImageContainer","tileListThumbnailImageContainer","tileListHeadingContainer","Node","renderTileListItemContent","TileListLinks","constructor","_mapEditableLinks","linkdata","ArrayExtensions","hasElements","editableLinks","link","payLoad","getPayloadObject","this","telemetryContent","linkText","contentAction","etext","attributes","getTelemetryAttributes","editableLink","ariaLabel","className","linkUrl","destinationUrl","openInNewTab","role","additionalProperties","onClick","onTelemetryClick","push","render","Msdyn365","editProps","onTextChange","requestContext","TileListItem","super","_telemetryContent","getTelemetryObject","context","request","telemetryPageName","friendlyName","telemetry","handleHeadingChange","event","config","text","target","value","handleParagraphChange","handleLinkTextChange","linkIndex","_this$props$config$li","Number","redirectionUrl","tileListLinks","tileListLinkContainer","tag","href","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"],"mappings":";wvBAAA,MAAMA,EAAU,CAAEC,QAAS,GAAIC,YAAa,IAEvCF,EAAQC,QAAQ,kBAAoB,CACjCE,EAAGA,IAAMC,EAAQ,QACjBC,MAAO,gBACPC,GAAI,GAEJC,KAAK,EACLC,GAAI,6BACJC,EAAG,iBACHC,EAAG,YAEHC,IAAK,GAGLC,GAAI,qFAKRC,OAAOC,aAAeD,OAAOC,cAAgB,GAC7CD,OAAOC,aAAab,QAAOc,IAAA,GACpBF,OAAOC,aAAab,SAAW,IAC/BD,EAAQC,SAGXY,OAAOC,aAAaZ,YAAWa,IAAA,GAC5BF,OAAOC,aAAaZ,aAAe,IACnCF,EAAQE,aAEY,MAAMc,EAAiB,GAC9BA,EAAe,8EAAgF,CACvGb,EAAGA,IAAMC,EAAQ,QACjBa,GAAI,uDAEpBJ,OAAOC,aAAeD,OAAOC,cAAgB,GAC7CD,OAAOC,aAAaE,eAAcD,IAAA,GACPF,OAAOC,aAAaE,gBAAkB,IACtCA,I,mBCtC3BE,EAAOC,QAAUC,O,mBCAjBF,EAAOC,QAAUE,U,yICgBjB,MAgCaC,EAA8DC,IACvE,MAAM,aAAEC,GAAiBD,EACzB,OAAOH,gBAACK,SAAMC,OAAAC,OAAA,GAAKH,GAlCYD,KAC/B,MAAM,QACFK,EAAO,UACPC,EAAS,gBACTC,EAAe,MACfC,EAAK,eACLC,EAAc,kBACdC,EAAiB,uBACjBC,EAAsB,gCACtBC,EAA+B,yBAC/BC,GACAb,EAEJ,OACIH,gBAACiB,OAAIX,OAAAC,OAAA,GAAKM,GACNb,gBAACiB,OAAIX,OAAAC,OAAA,GAAKO,GAAyBJ,GACnCV,gBAACiB,OAAIX,OAAAC,OAAA,GAAKS,GACLR,EACAC,EACAE,GAELX,gBAACiB,OAAIX,OAAAC,OAAA,GAAKQ,GAAkCH,KAalBM,CAA0Bf,KAGjDD,a,sLC1BR,MAAMiB,UAAsBnB,gBAAnCoB,c,oBAoBqB,KAAAC,kBAAqBC,IAClC,IAAKC,kBAAgBC,YAAYF,GAC7B,OAAO,KAEX,MAAMG,EAAuC,GAC7C,IAAK,MAAMC,KAAQJ,EAAU,CAEzB,MAAMK,EAAUC,2BAAiB,QAASC,KAAK1B,MAAM2B,iBAAkB,GAAI,IACrEC,EAAWL,EAAKK,SAAWL,EAAKK,SAAW,GACjDJ,EAAQK,cAAcC,MAAQF,EAC9B,MAAMG,EAAaC,iCAAuBN,KAAK1B,MAAM2B,iBAAkBH,GACjES,EAAoC,CACtCC,UAAWX,EAAKW,UAChBC,UAAW,qBACXP,SAAUL,EAAKK,SACfQ,QAASb,EAAKa,QAAQC,eACtBC,aAAcf,EAAKe,aACnBC,KAAM,SACNC,qBAAsBT,EACtBU,QAASC,2BAAiBhB,KAAK1B,MAAM2B,iBAAkBH,EAASI,IAEpEN,EAAcqB,KAAKV,GAGvB,OAAOX,GA3CJsB,SACH,MAAMtB,EAAgBI,KAAKR,kBAAkBQ,KAAK1B,MAAMQ,OACxD,OACIX,gBAAA,OAAKsC,UAAU,uBACVb,GAAiBF,kBAAgBC,YAAYC,GAC1CzB,gBAACgD,IAAc,CACXrC,MAAOc,EACPwB,UAAW,CAAEC,aAAcrB,KAAK1B,MAAM+C,aAAcC,eAAgBtB,KAAK1B,MAAMgD,kBAEnF,OAqCLhC,Q,ykBCxCR,MAAMiC,UAAqBpD,gBAO9BoB,YAAmBjB,GACfkD,MAAMlD,GAPO,KAAAmD,kBAAuCC,6BACpD1B,KAAK1B,MAAMqD,QAAQC,QAAQC,kBAC3B7B,KAAK1B,MAAMwD,aACX9B,KAAK1B,MAAMyD,WA4DR,KAAAC,oBAAuBC,IAC1BjC,KAAK1B,MAAM4D,OAAOvD,QAASwD,KAAOF,EAAMG,OAAOC,OAO5C,KAAAC,sBAAyBL,IAC5BjC,KAAK1B,MAAM4D,OAAOtD,UAAYqD,EAAMG,OAAOC,OAQxC,KAAAE,qBAAwBC,GAAuBP,IAA8C,IAAAQ,EACrE,QAA3BA,EAAIzC,KAAK1B,MAAM4D,OAAOpD,aAAK,IAAA2D,GAAvBA,EAA0BC,OAAOF,MACjCxC,KAAK1B,MAAM4D,OAAOpD,MAAM4D,OAAOF,IAAYtC,SAAW+B,EAAMG,OAAOC,QAxEpEnB,SACH,MAAM,QAAEvC,EAAO,UAAEC,EAAS,gBAAEC,EAAe,eAAEE,EAAc,eAAE4D,EAAc,MAAE7D,GAAUkB,KAAK1B,MAAM4D,OAC5FU,EAAgB9D,GAASY,kBAAgBC,YAAYb,IACvDX,gBAACmB,EAAa,CACVR,MAAOA,EACPuC,aAAcrB,KAAKuC,qBACnBjB,eAAgBtB,KAAK1B,MAAMqD,QAAQC,QACnC3B,iBAAkBD,KAAKyB,oBAGzBoB,EAAwB,CAC1BC,IAAK,IACLrC,UAAW,yBACXI,KAAM,OACNkC,KAAMJ,aAAc,EAAdA,EAAgBjC,QAAQC,eAC9B,aAAcgC,aAAc,EAAdA,EAAgBnC,WAO5BwC,EAASlF,IAAA,GACRkC,KAAK1B,OAAK,IACbK,QAASqB,KAAKiD,eAAetE,GAC7BC,UAAWoB,KAAKkD,iBAAiBtE,GACjCC,gBAAiBmB,KAAKmD,uBAAuBtE,GAC7CE,eAAgBiB,KAAKoD,sBAAsBrE,GAC3CD,MAAO8D,EACPrE,aAAc,CACV8E,YAAarD,KAAK1B,MAClBmC,UAAW,IAEfzB,kBAAmB2D,EAAiBE,EAfR,CAC5BC,IAAK,SACLrC,UAAW,0BAcXxB,uBAAwB,CACpBwB,UAAW,uBAEfvB,gCAAiC,CAC7BuB,UAAW,gCACX,cAAe,QAEnBtB,yBAA0B,CACtBsB,UAAW,2BAInB,OAAOT,KAAK1B,MAAMgF,WAAWN,GA8BzBE,iBAAiBf,GACrB,OAAKA,EAIDhE,gBAACgD,IAA0B,CACvBgB,KAAMA,EACN1B,UAAU,qBACVW,UAAW,CAAEmC,OAAQvD,KAAKsC,sBAAuBhB,eAAgBtB,KAAK1B,MAAMqD,QAAQC,WANjF,KAWPqB,eAAetE,GAAsB,IAAA6E,EACzC,OAAK7E,EAGD8E,mBAAiBC,mBAAmB/E,EAAQwD,MACrC,KAIPhE,gBAACgD,IAAa,CACV2B,IAAgB,QAAbU,EAAE7E,EAAQmE,WAAG,IAAAU,IAAI,KACpBrB,KAAMxD,EAAQwD,KACd1B,UAAU,sBACVW,UAAW,CAAEmC,OAAQvD,KAAKgC,oBAAqBV,eAAgBtB,KAAK1B,MAAMqD,QAAQC,WAX/E,KAgBPuB,uBAAuBQ,EAA4BC,GAA+B,IAAAC,EAAAC,EAGtF,MAUMC,EAAwBJ,SAAmB,QAAfE,EAAJF,EAAMK,qBAAa,IAAAH,GAAnBA,EAAqBI,UAAYN,EAAKK,cAVd,CAClDC,UAAW,CACPC,GAAI,CAAEC,EAAG,kBAAmBC,EAAG,IAAKC,EAAG,KACvCC,GAAI,CAAEH,EAAG,kBAAmBC,EAAG,IAAKC,EAAG,KACvC1G,GAAI,CAAEwG,EAAG,kBAAmBC,EAAG,IAAKC,EAAG,KACvCE,GAAI,CAAEJ,EAAG,kBAAmBC,EAAG,IAAKC,EAAG,KACvCG,GAAI,CAAEL,EAAG,kBAAmBC,EAAG,IAAKC,EAAG,MAE3CI,UAAU,GAId,OACItG,gBAACgD,IAAc1C,OAAAC,OAAA,GACPiF,EAAI,CACRrC,eAAgBtB,KAAK1B,MAAMqD,QAAQC,QACnC8C,aAAc1E,KAAK1B,MAAMqD,QAAQC,QAAQ8C,aACzCV,cAAeD,EACfY,oBAAoB,UAAS,cAChBf,EACbxC,UAAW,CACPwD,IAAsC,QAAnCd,EAAE9D,KAAK1B,MAAM4D,OAAOrD,uBAAe,IAAAiF,IAAI,GAC1CxC,eAAgBtB,KAAK1B,MAAMqD,QAAQC,QACnCiD,WAAY7E,KAAK1B,MAAMwG,SACvBC,kBAAmB,YAM3B3B,sBACJO,EACAqB,EACApB,GAA+B,IAAAqB,EAE/B,OAAKtB,EAGDF,mBAAiBC,mBAAmBC,EAAKuB,KAClC,KAIP/G,gBAACgD,IAAc1C,OAAAC,OAAA,GACPiF,EAAI,CACRe,aAAc1E,KAAK1B,MAAMqD,QAAQC,QAAQ8C,aACzCV,cAAegB,EACfL,oBAAoB,UAAS,cAChBf,EACbxC,UAAW,CACPwD,IAAqC,QAAlCK,EAAEjF,KAAK1B,MAAM4D,OAAOnD,sBAAc,IAAAkG,IAAI,GACzC3D,eAAgBtB,KAAK1B,MAAMqD,QAAQC,QACnCiD,WAAY7E,KAAK1B,MAAMwG,SACvBC,kBAAmB,QAGnBI,OAASnF,KAAK1B,MAAM4D,OAAekD,2BApBpC,MA2BJ7D,c","file":"static/js/157.9a27ad10ecccf7f9a26e.chunk.js","sourcesContent":["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['@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 };","module.exports = React;","module.exports = ReactDOM;","/*!\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 \n {backgroundImage}\n \n {heading}\n {paragraph}\n {links}\n \n {thumbnailImage}\n \n );\n};\n\n/**\n *\n * TileListItemViewProps component.\n * @param props - Component props.\n * @returns TileListView.\n */\nexport const TileListItemViewComponent: React.FC = props => {\n const { tileListItem } = props;\n return {renderTileListItemContent(props)};\n};\n\nexport default TileListItemViewComponent;\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}\n */\nexport class TileListLinks extends React.PureComponent {\n public render(): JSX.Element {\n const editableLinks = this._mapEditableLinks(this.props.links);\n return (\n
\n {editableLinks && ArrayExtensions.hasElements(editableLinks) ? (\n \n ) : null}\n
\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>}\n */\nexport class TileListItem extends React.PureComponent> {\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 \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 };\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 \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 \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 \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 \n );\n }\n}\n\nexport default TileListItem;\n"],"sourceRoot":""}