{"version":3,"file":"static/js/0f5fe2880f968ce77f5d.bundle.js","mappings":"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","sources":["webpack://@msdyn365-commerce-partners/fabrikam/./lib/product-collection/module-registration.js?36d3","webpack://@msdyn365-commerce-partners/fabrikam/./src/modules/product-collection/product-collection.tsx?4008","webpack://@msdyn365-commerce-partners/fabrikam/./src/modules/product-collection/product-collection.view.tsx?5d36","webpack://@msdyn365-commerce-partners/fabrikam/external var \"React\"?0d3b","webpack://@msdyn365-commerce-partners/fabrikam/external var \"ReactDOM\"?853b"],"sourcesContent":["const binding = { modules: {}, dataActions: {} };\n\n const registerActionId = (actionPath) => {\n if (binding.dataActions[actionPath] &&\n binding.dataActions[actionPath].default &&\n binding.dataActions[actionPath].default.prototype &&\n binding.dataActions[actionPath].default.prototype.id) {\n binding.dataActions[binding.dataActions[actionPath].default.prototype.id] = binding.dataActions[actionPath];\n } else {\n Object.keys(binding.dataActions[actionPath] || {}).forEach(exportName => {\n if (binding.dataActions[actionPath][exportName] &&\n binding.dataActions[actionPath][exportName].prototype &&\n binding.dataActions[actionPath][exportName].prototype.Action) {\n binding.dataActions[binding.dataActions[actionPath][exportName].prototype.id] = binding.dataActions[actionPath][exportName];\n }\n })\n }\n };\n\n const registerSanitizedActionPath = (sanitizedActionPath, dataAction) => {\n if (process.env.NODE_ENV === 'development') {\n if (!dataAction.default) {\n throw new Error('Data action path does not have a default export');\n }\n if (!(dataAction.default.prototype.id && binding.dataActions[dataAction.default.prototype.id]) || !binding.dataActions[sanitizedActionPath]) {\n binding.dataActions[sanitizedActionPath] = dataAction;\n }\n } else {\n binding.dataActions[sanitizedActionPath] = dataAction;\n if (!binding.dataActions[sanitizedActionPath].default) {\n throw new Error('Data action path ' + sanitizedActionPath + ' does not have a default export');\n }\n binding.dataActions[sanitizedActionPath].default.prototype.RegistrationId = sanitizedActionPath;\n if (binding.dataActions[sanitizedActionPath].default.prototype.id) {\n binding.dataActions[binding.dataActions[sanitizedActionPath].default.prototype.id] = sanitizedActionPath;\n }\n }\n };\n \n\n (binding.modules['product-collection'] = {\n c: () => require('@msdyn365-commerce-modules/product-collection/dist/lib/modules/product-collection/product-collection'),\n $type: 'containerModule',\n da: [{name:'featureState', path:'@msdyn365-commerce-modules/retail-actions/dist/lib/get-feature-state', runOn: 0}],\n \n iNM: true,\n ns: '@msdyn365-commerce-modules',\n n: 'product-collection',\n p: 'product-collection',\n \n pdp: '',\n \n \n md: 'node_modules/@msdyn365-commerce-modules/product-collection/dist/lib/modules/product-collection'\n });\n \n\n {\n const sanitizedActionPath = '@msdyn365-commerce-modules/retail-actions/dist/lib/get-feature-state';\n let dataAction = require('@msdyn365-commerce-modules/retail-actions/dist/lib/get-feature-state');\n registerSanitizedActionPath(sanitizedActionPath, dataAction);\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|product-collection|modules|product-collection|product-collection'] = {\n c: () => require('@msdyn365-commerce-modules/product-collection/dist/lib/modules/product-collection/product-collection.view.js'),\n cn: '@msdyn365-commerce-modules-product-collection-product-collection'\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 { IProductsDimensionsAvailabilities } from '@msdyn365-commerce/commerce-entities';\nimport { IPriceComponentResources, ProductComponent } from '@msdyn365-commerce/components';\nimport * as Msdyn365 from '@msdyn365-commerce/core';\nimport { getCatalogId, getUrlSync, ICoreContext } from '@msdyn365-commerce/core';\nimport { ProductPrice, ProductSearchResult } from '@msdyn365-commerce/retail-proxy';\nimport {\n ArrayExtensions,\n DimensionAvailabilitiesForProductSearchResultInput,\n DimensionTypes,\n DimensionSwatchDisplayTypes,\n getDimensionAvailabilitiesForProductSearchResultAction,\n getPriceForProductSearchResult,\n IDimensionsApp,\n ObjectExtensions,\n PriceForProductSearchResultInput,\n ProductPriceForSelectedProductsInput,\n validateCatalogId,\n getProductPriceForSelectedProducts\n} from '@msdyn365-commerce-modules/retail-actions';\nimport {\n Button,\n getTelemetryObject,\n IComponentNodeProps,\n IModuleProps,\n INodeProps,\n ISingleSlideCarouselProps,\n ITelemetryContent,\n NodeTag,\n SingleSlideCarousel\n} from '@msdyn365-commerce-modules/utilities';\nimport classnames from 'classnames';\nimport * as React from 'react';\n\nimport { IProductCollectionData } from './product-collection.data';\nimport { IProductCollectionProps, layout } from './product-collection.props.autogenerated';\n\nexport interface IProductCollectionViewProps extends IProductCollectionProps {\n heading?: React.ReactNode;\n ProductCollectionContainer: IModuleProps;\n SingleSlideCarouselComponentProps: INodeProps;\n GridComponentProps: INodeProps;\n products: IProductComponentViewProps[];\n isCarousel: boolean;\n productPrices?: ProductPrice[];\n seeAllButton?: React.ReactNode;\n}\n\nexport interface IProductComponentViewProps {\n ProductContainer: INodeProps;\n productComponent: React.ReactNode;\n}\nexport interface IProductComponentState {\n products: ProductSearchResult[];\n productPrices: ProductPrice[];\n productsDimensionAvailabilities?: IProductsDimensionsAvailabilities[][];\n}\n\n/**\n * ProductCollection component.\n */\nclass ProductCollection extends React.PureComponent, IProductComponentState> {\n private readonly telemetryContent: ITelemetryContent;\n\n private readonly productPrices: ProductPrice[];\n\n constructor(props: IProductCollectionProps) {\n super(props);\n this.productPrices = [];\n this.state = {\n products: this.props.config.productCollection.products || [],\n productPrices: this.productPrices || []\n };\n this.telemetryContent = getTelemetryObject(\n this.props.context.request.telemetryPageName!,\n this.props.friendlyName,\n this.props.telemetry\n );\n }\n\n public async componentDidMount(): Promise {\n if (this.props.config.enableAffiliationBasedPricing && this.props.context.actionContext.requestContext.user.isAuthenticated) {\n await this._getActivePrice();\n }\n }\n\n public render(): JSX.Element | null {\n const { heading, className, shouldDisplaySeeAllButton } = this.props.config;\n const { resources } = this.props;\n const recommendation = this.props.config.productCollection.recommendationListId;\n const discountIds = this.props.config.productCollection.discountIds;\n\n // Initialize state in case if the products were not found during initial module render\n // eslint-disable-next-line @typescript-eslint/no-floating-promises -- Initialize data if not there.\n this.initProductState(this.props.config.productCollection);\n\n const products = this.state.products;\n const productPrices = this.state.productPrices;\n\n const isCarousel = this.props.config.layout === layout.carousel;\n const headingLabel = heading ? heading.text : '';\n const headingComponent = heading && (\n \n );\n\n // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition -- product check for safety.\n const updatedProducts = products?.map((item: ProductSearchResult, index: number) => {\n const getProductData = this._getProduct(\n item,\n index,\n productPrices ? productPrices.find(p => p.ProductId === item.RecordId) : undefined\n );\n return !ObjectExtensions.isNullOrUndefined(getProductData) ? getProductData : undefined;\n });\n\n const productCollectionViewProps = {\n ...this.props,\n heading: headingComponent,\n SingleSlideCarouselComponentProps: {\n tag: SingleSlideCarousel,\n className: '',\n flipperPrevLabel: `${headingLabel} ${resources.flipperPrevious}`,\n flipperNextLabel: `${headingLabel} ${resources.flipperNext}`,\n parentId: this.props.id,\n telemetryContent: this.telemetryContent\n } as IComponentNodeProps,\n ProductCollectionContainer: {\n moduleProps: this.props,\n className: classnames('ms-product-collection', className)\n },\n GridComponentProps: {\n tag: 'ul' as NodeTag,\n className: 'ms-product-collection__items'\n },\n isCarousel,\n\n products:\n ArrayExtensions.hasElements(updatedProducts) &&\n updatedProducts.filter(item => {\n return item !== undefined;\n }),\n productPrices: this.productPrices,\n seeAllButton:\n (recommendation || discountIds) &&\n shouldDisplaySeeAllButton &&\n (ArrayExtensions.hasElements(updatedProducts) || this.props.config.productCollection.listType === 'promotional')\n ? this._getSeeAllButton(headingLabel, recommendation, discountIds)\n : undefined,\n resources: resources\n };\n return this.props.renderView(productCollectionViewProps) as React.ReactElement;\n }\n\n public handleHeadingChange = (event: Msdyn365.ContentEditableEvent) => (this.props.config.heading!.text = event.target.value);\n\n /**\n * Get products dimension availabilities.\n * @param products - Products.\n * @returns Promise.\n */\n private readonly _getProductsDimensionsAvailabilities = async (products: ProductSearchResult[]): Promise => {\n const context = this.props.context as ICoreContext;\n const dimensionsToDisplayOnProductCard = context.app.config.dimensionsInProductCard;\n const dimensionsToDisplayAsSwatch = context.app.config.dimensionsAsSwatchType;\n const validProducts = ArrayExtensions.validValues(products);\n if (\n ArrayExtensions.hasElements(validProducts) &&\n ArrayExtensions.hasElements(dimensionsToDisplayOnProductCard) &&\n !dimensionsToDisplayOnProductCard.includes(DimensionTypes.none) &&\n ArrayExtensions.hasElements(dimensionsToDisplayAsSwatch) &&\n !dimensionsToDisplayAsSwatch.includes(DimensionTypes.none)\n ) {\n const productsDimensionAvailabilities = await getDimensionAvailabilitiesForProductSearchResultAction(\n new DimensionAvailabilitiesForProductSearchResultInput(\n validProducts,\n this.props.context as ICoreContext,\n DimensionSwatchDisplayTypes.productCard\n ),\n this.props.context.actionContext\n );\n\n if (ArrayExtensions.hasElements(productsDimensionAvailabilities)) {\n this.setState({ productsDimensionAvailabilities });\n }\n }\n };\n\n /**\n * Helper method to initialize products state.\n * @param productCollection - List of products.\n */\n private readonly initProductState = async (productCollection: Msdyn365.IProductList) => {\n let products = this.state.products;\n let productPrices = this.state.productPrices;\n const productCollectionProducts = productCollection.products;\n if (!ArrayExtensions.hasElements(products) && ArrayExtensions.hasElements(productCollectionProducts)) {\n products = productCollectionProducts;\n this.setState({ products });\n } else if (\n ArrayExtensions.hasElements(products) &&\n ArrayExtensions.hasElements(productCollectionProducts) &&\n !ArrayExtensions.equals(products, productCollectionProducts)\n ) {\n products = productCollectionProducts;\n this.setState({ products });\n } else if (productCollectionProducts === undefined && ArrayExtensions.hasElements(this.state.products)) {\n products = [];\n this.setState({ products: products });\n }\n\n if (Msdyn365.msdyn365Commerce.isBrowser && !ArrayExtensions.hasElements(this.state.productsDimensionAvailabilities)) {\n await this._getProductsDimensionsAvailabilities(products);\n }\n\n if (this.props.config.productCollection.listType === 'promotional') {\n productPrices = await getProductPriceForSelectedProducts(\n new ProductPriceForSelectedProductsInput(products.filter(p => !p.IsMasterProduct).map(p => p.RecordId)),\n this.props.context.actionContext\n );\n\n this.setState({ productPrices: productPrices });\n }\n };\n\n private readonly _getProduct = (\n product: ProductSearchResult,\n index: number,\n productPrice?: ProductPrice\n ): IProductComponentViewProps | null => {\n if (!product || !product.Name) {\n this.props.telemetry.trace('[product-collection] Product or product name is null');\n return null;\n }\n const telemetryContent = getTelemetryObject(\n this.props.context.request.telemetryPageName!,\n this.props.friendlyName,\n this.props.telemetry\n );\n const { imageSettings, allowBackNavigation } = this.props.config;\n const resources = this.props.resources;\n const breaCrumbType = this.props.context.app.config.breadcrumbType;\n const allowBack = allowBackNavigation && (breaCrumbType === 'back' || breaCrumbType === 'categoryAndBack');\n const quickviewSlot =\n this.props.slots && this.props.slots.quickview && this.props.slots.quickview.length > 0 ? this.props.slots.quickview[0] : null;\n const productComparisonButtonSlot = ArrayExtensions.hasElements(this.props.slots.productComparisonButton)\n ? this.props.slots.productComparisonButton[0]\n : null;\n\n const reviewCount = 1;\n const reviewTotalRatings = Number(product.TotalRatings);\n const reviewCountAriaLabelValue =\n reviewTotalRatings > reviewCount ? resources.ratingCountAriaLabel : resources.ratingCountAriaLabelSingleUser;\n const isPriceMinMaxEnabled = this.props.data.featureState.result?.find(\n featureState => featureState.Name === 'Dynamics.AX.Application.RetailSearchPriceRangeFeature'\n );\n const priceResources: IPriceComponentResources = {\n priceRangeSeparator: resources.priceRangeSeparator\n };\n return {\n ProductContainer: {\n tag: 'li' as NodeTag,\n className: 'ms-product-collection__item',\n role: 'listitem',\n key: index\n },\n productComponent: (\n \n ArrayExtensions.hasElements(dimensionAvailability) &&\n dimensionAvailability[0].masterProductId === (product.MasterProductId ?? product.RecordId)\n )}\n />\n )\n };\n };\n\n /**\n * Get the active price for products.\n */\n private readonly _getActivePrice = async (): Promise => {\n const productsList = this.state.products;\n const products = await getPriceForProductSearchResult(\n new PriceForProductSearchResultInput(productsList),\n this.props.context.actionContext\n );\n if (Msdyn365.msdyn365Commerce.isBrowser) {\n await this._getProductsDimensionsAvailabilities(products);\n }\n\n this.setState({ products });\n };\n\n /**\n * Get the see all button.\n * @param headingLabel - Heading label.\n * @param recommendation - Recommendation.\n * @param discountIds - Discount Ids.\n * @returns IProductComponentSeeAllViewProps - Product component see all view props.\n */\n private readonly _getSeeAllButton = (headingLabel: string, recommendation?: string, discountIds?: string[]): React.ReactNode => {\n if (!Msdyn365.msdyn365Commerce.isBrowser) {\n return null;\n }\n\n if (!recommendation && !discountIds) {\n return null;\n }\n\n const catalogId = getCatalogId(this.props.context.request);\n validateCatalogId(catalogId);\n const searchPageLink = getUrlSync('search', this.props.context.actionContext);\n if (!searchPageLink) {\n return null;\n }\n\n const url = new URL(searchPageLink, window.location.href);\n\n if (discountIds) {\n // see all button for promotion page\n url.searchParams.set('discountIds', discountIds.toString());\n url.searchParams.set('title', headingLabel);\n url.searchParams.set('catalogid', `${catalogId}`);\n } else if (recommendation) {\n // See all button for recommendation\n url.searchParams.set('recommendation', recommendation);\n url.searchParams.set('title', headingLabel);\n url.searchParams.set('catalogid', `${catalogId}`);\n }\n\n return (\n \n {this.props.resources.seeAllButtonText}\n \n );\n };\n}\n\nexport default ProductCollection;\n","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport { INodeProps, Module, Node } from '@msdyn365-commerce-modules/utilities';\nimport * as React from 'react';\n\nimport { IProductCollectionViewProps, IProductComponentViewProps } from './product-collection';\nimport { IProductCollectionResources } from './product-collection.props.autogenerated';\n\nconst ProductCollectionView: React.FC = props => {\n const {\n heading,\n ProductCollectionContainer,\n products,\n SingleSlideCarouselComponentProps,\n GridComponentProps,\n isCarousel,\n seeAllButton,\n resources\n } = props;\n\n if (products) {\n return (\n \n {heading}\n {seeAllButton}\n {isCarousel ? _renderCarousel(SingleSlideCarouselComponentProps, products) : _renderGrid(GridComponentProps, products)}\n \n );\n }\n\n // If no products are retrieved and the list type is promotional, still render the module to keep the entry of promotion page\n if (props.config.productCollection.listType === 'promotional') {\n return (\n \n {heading}\n {seeAllButton}\n {_renderNoProduct(resources)}\n \n );\n }\n props.context.telemetry.error('Product collection content is empty, module wont render.');\n return null;\n};\n\nconst _renderCarousel = (carouselContainer: INodeProps, items: IProductComponentViewProps[]): JSX.Element => {\n return {items && items.map(_renderProduct)};\n};\n\nconst _renderGrid = (gridContainer: INodeProps, items: IProductComponentViewProps[]): JSX.Element => {\n return {items && items.map(_renderProduct)};\n};\n\nconst _renderNoProduct = (resources: IProductCollectionResources): JSX.Element => {\n return (\n \n

{resources.noProductToRenderText}

\n \n );\n};\n\nconst _renderProduct = (product: IProductComponentViewProps): JSX.Element => {\n const { ProductContainer, productComponent } = product;\n\n return {productComponent};\n};\n\nexport default ProductCollectionView;\n","module.exports = React;","module.exports = ReactDOM;"],"names":["binding","modules","dataActions","c","require","$type","da","name","path","runOn","iNM","ns","n","p","pdp","md","registerSanitizedActionPath","sanitizedActionPath","dataAction","default","Error","prototype","RegistrationId","id","window","__bindings__","_objectSpread","viewDictionary","cn","ProductCollection","React","constructor","props","super","handleHeadingChange","event","this","config","heading","text","target","value","_getProductsDimensionsAvailabilities","async","context","dimensionsToDisplayOnProductCard","app","dimensionsInProductCard","dimensionsToDisplayAsSwatch","dimensionsAsSwatchType","validProducts","ArrayExtensions","validValues","products","hasElements","includes","DimensionTypes","none","productsDimensionAvailabilities","getDimensionAvailabilitiesForProductSearchResultAction","DimensionAvailabilitiesForProductSearchResultInput","DimensionSwatchDisplayTypes","productCard","actionContext","setState","initProductState","state","productPrices","productCollectionProducts","productCollection","equals","undefined","Msdyn365","isBrowser","listType","getProductPriceForSelectedProducts","ProductPriceForSelectedProductsInput","filter","IsMasterProduct","map","RecordId","_getProduct","product","index","productPrice","_this$props$data$feat","_this$state$productsD","Name","telemetry","trace","telemetryContent","getTelemetryObject","request","telemetryPageName","friendlyName","imageSettings","allowBackNavigation","resources","breaCrumbType","breadcrumbType","allowBack","quickviewSlot","slots","quickview","length","productComparisonButtonSlot","productComparisonButton","reviewCountAriaLabelValue","Number","TotalRatings","ratingCountAriaLabel","ratingCountAriaLabelSingleUser","isPriceMinMaxEnabled","data","featureState","result","find","priceResources","priceRangeSeparator","ProductContainer","tag","className","role","key","productComponent","ProductComponent","freePriceText","priceFree","originalPriceText","currentPriceText","ratingAriaLabel","typeName","quickViewButton","IsEnabled","dimensionAvailabilities","dimensionAvailability","_product$MasterProduc","masterProductId","MasterProductId","_getActivePrice","productsList","getPriceForProductSearchResult","PriceForProductSearchResultInput","_getSeeAllButton","headingLabel","recommendation","discountIds","catalogId","getCatalogId","validateCatalogId","searchPageLink","getUrlSync","url","URL","location","href","searchParams","set","toString","Button","title","seeAllButtonText","enableAffiliationBasedPricing","requestContext","user","isAuthenticated","render","shouldDisplaySeeAllButton","recommendationListId","isCarousel","layout","headingComponent","editProps","onEdit","updatedProducts","item","getProductData","ProductId","ObjectExtensions","isNullOrUndefined","productCollectionViewProps","SingleSlideCarouselComponentProps","SingleSlideCarousel","flipperPrevLabel","flipperPrevious","flipperNextLabel","flipperNext","parentId","ProductCollectionContainer","moduleProps","classnames","GridComponentProps","seeAllButton","renderView","_renderCarousel","carouselContainer","items","Node","Object","assign","_renderProduct","_renderGrid","gridContainer","_renderNoProduct","noProductToRenderText","Module","error","module","exports","ReactDOM"],"sourceRoot":""}