{"version":3,"file":"static/js/831934105bb75e6a0fdb.bundle.js","mappings":"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","sources":["webpack://Msdyn365.Commerce.Online.Memx/./src/themes/memoryexpress/views/components/product.component.tsx?cd1d","webpack://Msdyn365.Commerce.Online.Memx/./src/modules/adventureworks/views/components/product.component.tsx?fd23"],"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 { IProductsDimensionsAvailabilities } from '@msdyn365-commerce/commerce-entities';\r\nimport {\r\n    IPriceComponentResources,\r\n    ISwatchItem,\r\n    PriceComponent,\r\n    ProductComponentSwatchComponent,\r\n    RatingComponent\r\n} from '@msdyn365-commerce/components';\r\nimport {\r\n    getCatalogId,\r\n    IAny,\r\n    IComponent,\r\n    IComponentProps,\r\n    ICoreContext,\r\n    IGeneric,\r\n    IGridSettings,\r\n    IImageData,\r\n    IImageSettings,\r\n    Image,\r\n    msdyn365Commerce\r\n} from '@msdyn365-commerce/core';\r\nimport { AttributeSwatch, AttributeValue, ProductDimension, ProductPrice, ProductSearchResult } from '@msdyn365-commerce/retail-proxy';\r\nimport {\r\n    ArrayExtensions,\r\n    convertDimensionTypeToProductDimensionType,\r\n    Dictionary,\r\n    DimensionTypes,\r\n    generateImageUrl,\r\n    getProductPageUrlSync,\r\n    IDimensionsApp,\r\n    StringExtensions,\r\n    validateCatalogId\r\n} from '@msdyn365-commerce-modules/retail-actions';\r\nimport {\r\n    format,\r\n    getPayloadObject,\r\n    getTelemetryAttributes,\r\n    ITelemetryContent,\r\n    onTelemetryClick\r\n} from '@msdyn365-commerce-modules/utilities';\r\nimport React, { useState } from 'react';\r\n\r\nexport interface IProductComponentProps extends IComponentProps<{ product?: ProductSearchResult, productPrice?: ProductPrice }> {\r\n    className?: string;\r\n    imageSettings?: IImageSettings;\r\n    savingsText?: string;\r\n    freePriceText?: string;\r\n    originalPriceText?: string;\r\n    currentPriceText?: string;\r\n    ratingAriaLabel?: string;\r\n    ratingCountAriaLabel?: string;\r\n    allowBack?: boolean;\r\n    telemetryContent?: ITelemetryContent;\r\n    quickViewButton?: React.ReactNode;\r\n    productComparisonButton?: React.ReactNode;\r\n    isEnabledProductDescription?: boolean;\r\n    isPriceMinMaxEnabled?: boolean;\r\n    priceResources?: IPriceComponentResources;\r\n    inventoryLabel?: string;\r\n    dimensionAvailabilities?: IProductsDimensionsAvailabilities[];\r\n    swatchItemAriaLabel?: string;\r\n}\r\n\r\nexport interface IProductComponent extends IComponent<IProductComponentProps> {}\r\n\r\nconst PriceComponentActions = {};\r\n\r\n/**\r\n * Gets the product page url from the default swatch selected.\r\n * @param  productData - Product card to be rendered.\r\n * @returns The default color swatch selected if any.\r\n */\r\nfunction getDefaultSwatchSelected(coreContext: ICoreContext, productData?: ProductSearchResult): AttributeSwatch | null {\r\n    if (!productData || !productData.AttributeValues) {\r\n        return null;\r\n    }\r\n\r\n    const siteContext = coreContext as ICoreContext<IDimensionsApp>;\r\n    const dimensionToPreSelectInProductCard = siteContext.app.config.dimensionToPreSelectInProductCard;\r\n\r\n    const attributeSwatches = productData.AttributeValues.find(\r\n        attributeValue => attributeValue.KeyName?.toLocaleLowerCase() === dimensionToPreSelectInProductCard\r\n    )?.Swatches;\r\n\r\n    if (!ArrayExtensions.hasElements(attributeSwatches)) {\r\n        return null;\r\n    }\r\n\r\n    const defaultSwatch = attributeSwatches.find(item => item.IsDefault === true) ?? attributeSwatches[0];\r\n    return defaultSwatch;\r\n}\r\n\r\n/**\r\n * Gets the product image from the default swatch selected.\r\n * @param  coreContext - Context of the module using the component.\r\n * @param  productData - Product card to be rendered.\r\n * @returns The product card image url.\r\n */\r\nfunction getProductImageUrlFromDefaultSwatch(coreContext: ICoreContext, productData?: ProductSearchResult): string | undefined {\r\n    const defaultSwatch = getDefaultSwatchSelected(coreContext, productData);\r\n    const swatchProductImageUrls = defaultSwatch?.ProductImageUrls;\r\n    if (!ArrayExtensions.hasElements(swatchProductImageUrls)) {\r\n        return productData?.PrimaryImageUrl;\r\n    }\r\n\r\n    return generateImageUrl(swatchProductImageUrls[0], coreContext.request.apiSettings);\r\n}\r\n\r\n/**\r\n * Updates the product url link to product details page.\r\n * @param  productDetailsPageUrl - Product page url.\r\n * @param  coreContext - Context of the module using the component.\r\n * @param  queryString - Querystring to be added to the URL.\r\n * @returns The update product page url.\r\n */\r\nfunction updateProductUrl(productDetailsPageUrl: string, coreContext: ICoreContext, queryString: string): string {\r\n    const sourceUrl = new URL(productDetailsPageUrl, coreContext.request.apiSettings.baseUrl);\r\n    if (sourceUrl.search) {\r\n        sourceUrl.search += `&${queryString}`;\r\n    } else {\r\n        sourceUrl.search += queryString;\r\n    }\r\n\r\n    const updatedUrl = new URL(sourceUrl.href);\r\n    return updatedUrl.pathname + sourceUrl.search;\r\n}\r\n\r\n/**\r\n * Gets the react node for product unit of measure display.\r\n * @param  unitOfMeasure - DefaultUnitOfMeasure property from product.\r\n * @returns The node representing markup for unit of measure component.\r\n */\r\nfunction renderProductUnitOfMeasure(unitOfMeasure?: string): JSX.Element | null {\r\n    if (!unitOfMeasure) {\r\n        return null;\r\n    }\r\n    return (\r\n        <div className='msc-product__unit-of-measure'>\r\n            <span>{unitOfMeasure}</span>\r\n        </div>\r\n    );\r\n}\r\n\r\n/**\r\n * Gets the react node for product availability.\r\n * @param inventoryAvailabilityLabel - The product information.\r\n * @returns The node representing markup for product availability.\r\n */\r\nfunction renderProductAvailability(inventoryAvailabilityLabel: string | undefined): JSX.Element | null {\r\n    if (!inventoryAvailabilityLabel || inventoryAvailabilityLabel === '') {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <div className='msc-product__availability'>\r\n            <span>{inventoryAvailabilityLabel}</span>\r\n        </div>\r\n    );\r\n}\r\n\r\n/**\r\n * Renders product comparison button similar to the quick view button.\r\n * @param productComparisonButton - React element of the button.\r\n * @param product - Current product info.\r\n * @param catalogId - Current catalog.\r\n * @returns React element for the specific product.\r\n */\r\nfunction renderProductComparisonButton(\r\n    productComparisonButton: React.ReactNode,\r\n    product: ProductSearchResult,\r\n    catalogId: number\r\n): JSX.Element | undefined {\r\n    validateCatalogId(catalogId);\r\n    return React.cloneElement(productComparisonButton as React.ReactElement, { product, catalogId });\r\n}\r\n\r\n/**\r\n * Gets the product page url from the default swatch selected.\r\n * @param  coreContext - Context of the module using the component.\r\n * @param productUrl - Product page url for the product card.\r\n * @param  productData - Product card to be rendered.\r\n * @returns The product card image url.\r\n */\r\nfunction getProductPageUrlFromDefaultSwatch(\r\n    coreContext: ICoreContext,\r\n    productUrl: string,\r\n    productData?: ProductSearchResult\r\n): string | undefined {\r\n    const defaultSwatch = getDefaultSwatchSelected(coreContext, productData);\r\n    if (!defaultSwatch?.SwatchValue) {\r\n        return productUrl;\r\n    }\r\n\r\n    const siteContext = coreContext as ICoreContext<IDimensionsApp>;\r\n    const dimensionToPreSelectInProductCard = siteContext.app.config.dimensionToPreSelectInProductCard;\r\n\r\n    const queryStringEncoded = encodeURIComponent(defaultSwatch.SwatchValue);\r\n    const queryString = `${dimensionToPreSelectInProductCard}=${queryStringEncoded}`;\r\n    return updateProductUrl(productUrl, coreContext, queryString);\r\n}\r\n\r\nconst ProductCard: React.FC<IProductComponentProps> = ({\r\n    data,\r\n    context,\r\n    imageSettings,\r\n    savingsText,\r\n    freePriceText,\r\n    originalPriceText,\r\n    currentPriceText,\r\n    ratingAriaLabel,\r\n    ratingCountAriaLabel,\r\n    allowBack,\r\n    typeName,\r\n    id,\r\n    telemetryContent,\r\n    quickViewButton,\r\n    productComparisonButton,\r\n    isEnabledProductDescription,\r\n    isPriceMinMaxEnabled,\r\n    priceResources,\r\n    inventoryLabel,\r\n    dimensionAvailabilities,\r\n    swatchItemAriaLabel\r\n}) => {\r\n    const product = data.product;\r\n\r\n    let productUrl = getProductPageUrlSync(product?.Name ?? '', product?.RecordId ?? Number.MIN_VALUE, context.actionContext, undefined);\r\n    if (allowBack) {\r\n        productUrl = updateProductUrl(productUrl, context, 'back=true');\r\n    }\r\n    const productImageUrlFromSwatch = getProductImageUrlFromDefaultSwatch(context, product) ?? product?.PrimaryImageUrl;\r\n    const productPageUrlFromSwatch = getProductPageUrlFromDefaultSwatch(context, productUrl, product) ?? productUrl;\r\n    const [productPageUrl, setProductPageUrl] = useState<string>(productPageUrlFromSwatch);\r\n    const [productImageUrl, setProductImageUrl] = useState<string | undefined>(productImageUrlFromSwatch);\r\n    React.useEffect(() => {\r\n        setProductPageUrl(productPageUrlFromSwatch);\r\n        setProductImageUrl(productImageUrlFromSwatch);\r\n    }, [productUrl, productPageUrlFromSwatch, productImageUrlFromSwatch]);\r\n    const [selectedSwatchItems] = useState(new Dictionary<DimensionTypes, ISwatchItem>());\r\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment,@typescript-eslint/no-unsafe-member-access -- app context is generic\r\n    const enableStockCheck = context.app.config.enableStockCheck;\r\n\r\n    const siteContext = context as ICoreContext<IDimensionsApp>;\r\n    const dimensionToPreSelectInProductCard = siteContext.app.config.dimensionToPreSelectInProductCard;\r\n\r\n    /**\r\n     * Updates the product page and Image url based on swatch selected.\r\n     * @param coreContext - Context of the caller.\r\n     * @param swatchItem - Dimension swatch selected.\r\n     */\r\n    const updatePageAndImageUrl = React.useCallback(\r\n        (coreContext: ICoreContext, swatchItem: ISwatchItem) => {\r\n            const dimensionType = swatchItem.dimensionType;\r\n            selectedSwatchItems.setValue(dimensionType, swatchItem);\r\n            if (StringExtensions.isNullOrWhitespace(swatchItem.value)) {\r\n                return;\r\n            }\r\n            const queryString = `${dimensionType}=${swatchItem.value}`;\r\n            let productPageUrlWithSwatch = '';\r\n            if (productPageUrl.includes(dimensionType)) {\r\n                const newUrl = new URL(productPageUrl, coreContext.request.apiSettings.baseUrl);\r\n                newUrl.searchParams.delete(dimensionType);\r\n                productPageUrlWithSwatch = updateProductUrl(newUrl.toString(), context, queryString);\r\n            } else {\r\n                productPageUrlWithSwatch = updateProductUrl(productPageUrl, context, queryString);\r\n            }\r\n            setProductPageUrl(productPageUrlWithSwatch);\r\n            if (dimensionType === dimensionToPreSelectInProductCard) {\r\n                const swatchProductImageUrl = ArrayExtensions.hasElements(swatchItem.productImageUrls)\r\n                    ? swatchItem.productImageUrls[0]\r\n                    : undefined;\r\n                const newImageUrl = generateImageUrl(swatchProductImageUrl, coreContext.request.apiSettings);\r\n                setProductImageUrl(newImageUrl);\r\n            }\r\n        },\r\n        [selectedSwatchItems, context, productPageUrl]\r\n    );\r\n\r\n    if (!product) {\r\n        return null;\r\n    }\r\n\r\n    /**\r\n     * Checks if rendering the particular dimensions is allowed for product card.\r\n     * @param dimensionType - Dimension to be displayed.\r\n     * @returns Updates the state with new product page url.\r\n     */\r\n    function shouldDisplayDimension(dimensionType: string): boolean {\r\n        const dimensionsContext = context as ICoreContext<IDimensionsApp>;\r\n        const dimensionsToDisplayOnProductCard = dimensionsContext.app.config.dimensionsInProductCard;\r\n        return (\r\n            ArrayExtensions.hasElements(dimensionsToDisplayOnProductCard) &&\r\n            !dimensionsToDisplayOnProductCard.includes(DimensionTypes.none) &&\r\n            dimensionsToDisplayOnProductCard.includes(dimensionType.toLocaleLowerCase() as DimensionTypes)\r\n        );\r\n    }\r\n\r\n    /**\r\n     * Gets the react node for product dimension as swatch.\r\n     * @param  attributeValues - Attribute value property from product.\r\n     * @returns The node representing markup for unit of measure component.\r\n     */\r\n    function renderProductDimensions(attributeValues?: AttributeValue[]): JSX.Element | null {\r\n        if (!attributeValues) {\r\n            return null;\r\n        }\r\n\r\n        return (\r\n            <div className='msc-product__dimensions'>\r\n                {attributeValues.map((item: AttributeValue) => {\r\n                    const dimensionTypeValue = item.KeyName?.toLocaleLowerCase() ?? '';\r\n                    if (!shouldDisplayDimension(dimensionTypeValue)) {\r\n                        return null;\r\n                    }\r\n\r\n                    const siteContext = context as ICoreContext<IDimensionsApp>;\r\n                    const dimensionToPreSelectInProductCard = siteContext.app.config.dimensionToPreSelectInProductCard;\r\n                    const dimensionType = dimensionTypeValue as DimensionTypes;\r\n                    const swatches =\r\n                        item.Swatches?.map<ISwatchItem>(swatchItem => {\r\n                            return {\r\n                                itemId: `${item.RecordId ?? ''}-${dimensionTypeValue}-${swatchItem.SwatchValue ?? ''}`,\r\n                                value: swatchItem.SwatchValue ?? '',\r\n                                dimensionType,\r\n                                colorHexCode: swatchItem.SwatchColorHexCode,\r\n                                imageUrl: swatchItem.SwatchImageUrl,\r\n                                productImageUrls: swatchItem.ProductImageUrls,\r\n                                isDefault: swatchItem.IsDefault,\r\n                                swatchItemAriaLabel: swatchItemAriaLabel ? format(swatchItemAriaLabel, dimensionType) : '',\r\n                                isDisabled:\r\n                                    enableStockCheck &&\r\n                                    dimensionAvailabilities?.find(\r\n                                        dimensionAvailability => dimensionAvailability.value === (swatchItem.SwatchValue ?? '')\r\n                                    )?.isDisabled\r\n                            };\r\n                        }) ?? [];\r\n                    if (\r\n                        dimensionType === dimensionToPreSelectInProductCard &&\r\n                        ArrayExtensions.hasElements(swatches) &&\r\n                        !swatches.some(swatch => swatch.isDefault)\r\n                    ) {\r\n                        swatches[0].isDefault = true;\r\n                    }\r\n                    return (\r\n                        <ProductComponentSwatchComponent\r\n                            context={context}\r\n                            swatches={swatches}\r\n                            onSelectDimension={updatePageAndImageUrl}\r\n                            key={item.RecordId}\r\n                        />\r\n                    );\r\n                })}\r\n            </div>\r\n        );\r\n    }\r\n\r\n    function renderQuickView(quickview: React.ReactNode, item?: number): JSX.Element | undefined {\r\n        if (quickview === null) {\r\n            return undefined;\r\n        }\r\n        const selectedDimensions: ProductDimension[] = selectedSwatchItems.getValues().map<ProductDimension>(swatches => {\r\n            return {\r\n                DimensionTypeValue: convertDimensionTypeToProductDimensionType(swatches.dimensionType),\r\n                DimensionValue: {\r\n                    RecordId: 0,\r\n                    Value: swatches.value\r\n                }\r\n            };\r\n        });\r\n        return React.cloneElement(quickview as React.ReactElement, { selectedProductId: item, selectedDimensions });\r\n    }\r\n\r\n    // Construct telemetry attribute to render\r\n    const payLoad = getPayloadObject('click', telemetryContent!, '', product.RecordId.toString());\r\n\r\n    const attribute = getTelemetryAttributes(telemetryContent!, payLoad);\r\n\r\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access -- -- Do not need type check for appsettings\r\n    const isUnitOfMeasureEnabled = context.app.config && context.app.config.unitOfMeasureDisplayType === 'buyboxAndBrowse';\r\n\r\n    //mmx-feature: discount-fix --start\r\n    let productPrice = {\r\n        BasePrice: product.ExtensionProperties?.find(property => property.Key?.toUpperCase() === 'BASEPRICE')?.Value\r\n            ?.IntegerValue\r\n            ??  product.BasePrice,\r\n        AdjustedPrice: product.ExtensionProperties?.find(property => property.Key?.toUpperCase() === 'ADJUSTEDPRICE')?.Value\r\n            ?.IntegerValue\r\n            ?? product.Price,\r\n        CustomerContextualPrice: product.ExtensionProperties?.find(property => property.Key?.toUpperCase() === 'CUSTOMERCONTEXTUALPRICE')?.Value\r\n        ?.IntegerValue\r\n        ?? undefined,\r\n        MaxVariantPrice: product.MaxVariantPrice,\r\n        MinVariantPrice: product.MinVariantPrice,\r\n    };\r\n    //mmx-feature: discount-fix --end\r\n\r\n    //mmx-feature: clearance --start\r\n    const isClearance = product.ExtensionProperties?.find(property => property.Key === 'IsClearanceLine')?.Value?.BooleanValue;\r\n    const clearanceComment = isClearance\r\n        ? product.ExtensionProperties?.find(property => property.Key === 'COMMENT')?.Value?.StringValue\r\n        : undefined;\r\n    const clearanceWarranty = isClearance\r\n        ? product.ExtensionProperties?.find(property => property.Key === 'Warranty')?.Value?.StringValue\r\n        : undefined;\r\n    if (isClearance && productPrice.BasePrice) {\r\n        //TODO: hack to allow discount strikethrough to appear. Fix when possible\r\n        productPrice.CustomerContextualPrice = productPrice.AdjustedPrice;\r\n        productPrice.AdjustedPrice = productPrice.BasePrice;\r\n    }\r\n    const productComponentContent = isEnabledProductDescription ? (<>\r\n    {/*\r\n    return (\r\n        <>\r\n            {isEnabledProductDescription ? (\r\n                <a\r\n                    href={productPageUrl}\r\n                    onClick={onTelemetryClick(telemetryContent!, payLoad, product.Name!)}\r\n                    aria-label={renderLabel(\r\n                        product.Name,\r\n                        context.cultureFormatter.formatCurrency(product.Price),\r\n                        product.AverageRating,\r\n                        ratingAriaLabel,\r\n                        product.TotalRatings,\r\n                        ratingCountAriaLabel\r\n                    )}\r\n                    className='msc-product'\r\n                    {...attribute}\r\n                >\r\n    */} \r\n                    {/* clearance diff --start */}\r\n                    {!!isClearance && <p className='mmx-clearance__sku'>SKU: {product.ProductNumber?.split(' :')[0]}</p>}\r\n                    {!!clearanceWarranty && <p>{clearanceWarranty}</p>}\r\n                    {!!clearanceComment && <p className='mmx-clearance__comment'>{clearanceComment}</p>}\r\n                    {/* clearance diff --end */}\r\n                    <div className='msc-product__image__description'>\r\n                        <div className='msc-product__image'>\r\n                            {renderProductPlacementImage(\r\n                                imageSettings,\r\n                                context.request.gridSettings,\r\n                                productImageUrl,\r\n                                product.PrimaryImageUrl,\r\n                                product.Name,\r\n                                context\r\n                            )}\r\n                        </div>\r\n                        <div className='msc-product__title_description'>\r\n                            <h5 className='msc-product__title__text'>{product.Name}</h5>\r\n                            {renderPrice(\r\n                                context,\r\n                                typeName,\r\n                                id,\r\n                                //mmx-feature: discount-fix --start\r\n                                /*\r\n                                product.BasePrice,\r\n                                product.Price,\r\n                                */\r\n                                productPrice.BasePrice,\r\n                                productPrice.AdjustedPrice,\r\n                                //mmx-feature: discount-fix --end\r\n                                savingsText,\r\n                                freePriceText,\r\n                                originalPriceText,\r\n                                currentPriceText,\r\n                                isPriceMinMaxEnabled,\r\n                                priceResources\r\n                                //mmx-feature: discount-fix --start\r\n                                , productPrice.CustomerContextualPrice\r\n                                , productPrice.MaxVariantPrice\r\n                                , productPrice.MinVariantPrice\r\n                                //mmx-feature: discount-fix --end\r\n                            )}\r\n                            {isUnitOfMeasureEnabled && renderProductUnitOfMeasure(product.DefaultUnitOfMeasure)}\r\n                            {renderDescription(product.Description)}\r\n                        </div>\r\n                    </div>\r\n            {/*\r\n                </a>\r\n            */}\r\n            </>) : (<>\r\n            {/*\r\n                <a\r\n                    href={productPageUrl}\r\n                    onClick={onTelemetryClick(telemetryContent!, payLoad, product.Name!)}\r\n                    aria-label={renderLabel(\r\n                        product.Name,\r\n                        context.cultureFormatter.formatCurrency(product.Price),\r\n                        product.AverageRating,\r\n                        ratingAriaLabel\r\n                    )}\r\n                    className='msc-product'\r\n                    {...attribute}\r\n                >\r\n            */}\r\n                    <div className='msc-product__image'>\r\n                        {renderProductPlacementImage(\r\n                            imageSettings,\r\n                            context.request.gridSettings,\r\n                            productImageUrl,\r\n                            product.PrimaryImageUrl,\r\n                            product.Name,\r\n                            context\r\n                        )}\r\n                    </div>\r\n                    {/* clearance diff --start */}\r\n                    {!!isClearance && <p className='mmx-clearance__sku'>SKU: {product.ProductNumber?.split(' :')[0]}</p>}\r\n                    {!!clearanceWarranty && <p>{clearanceWarranty}</p>}\r\n                    {!!clearanceComment && <p className='mmx-clearance__comment'>{clearanceComment}</p>}\r\n                    {/* clearance diff --end */}\r\n                    <div className='msc-product__details'>\r\n                        <h5 className='msc-product__title'>{product.Name}</h5>\r\n                        {renderPrice(\r\n                            context,\r\n                            typeName,\r\n                            id,\r\n                            //mmx-feature: discount-fix --start\r\n                            /*\r\n                            product.BasePrice,\r\n                            product.Price,\r\n                            */\r\n                            productPrice.BasePrice,\r\n                            productPrice.AdjustedPrice,\r\n                            //mmx-feature: discount-fix --end\r\n                            savingsText,\r\n                            freePriceText,\r\n                            originalPriceText,\r\n                            currentPriceText\r\n                            //mmx-feature: discount-fix --start\r\n                            , undefined\r\n                            , undefined\r\n                            , productPrice.CustomerContextualPrice\r\n                            , productPrice.MaxVariantPrice\r\n                            , productPrice.MinVariantPrice\r\n                            //mmx-feature: discount-fix --end\r\n                        )}\r\n                        {isUnitOfMeasureEnabled && renderProductUnitOfMeasure(product.DefaultUnitOfMeasure)}\r\n                    </div>\r\n                {/*\r\n                </a>\r\n            )}\r\n            {renderProductDimensions(product.AttributeValues)}\r\n            {!context.app.config.hideRating &&\r\n                renderRating(context, typeName, id, product.AverageRating, product.TotalRatings, ratingAriaLabel, ratingCountAriaLabel)}\r\n            {renderProductAvailability(inventoryLabel)}\r\n            {quickViewButton && renderQuickView(quickViewButton, product.RecordId)}\r\n            {productComparisonButton && renderProductComparisonButton(productComparisonButton, product, getCatalogId(context.request))}\r\n        </>\r\n    );\r\n    */}\r\n    </>);\r\n\r\n    return isClearance ? (\r\n        <>\r\n            <div\r\n                aria-label={renderLabel(\r\n                    product.Name,\r\n                    context.cultureFormatter.formatCurrency(product.Price),\r\n                    product.AverageRating,\r\n                    ratingAriaLabel,\r\n                    isEnabledProductDescription ? product.TotalRatings : undefined,\r\n                    isEnabledProductDescription ? ratingCountAriaLabel : undefined\r\n                )}\r\n                className='msc-product'\r\n                {...attribute}\r\n            >\r\n                {productComponentContent}\r\n            </div>\r\n            {!isEnabledProductDescription && <>\r\n                {renderProductDimensions(product.AttributeValues)}\r\n                {!context.app.config.hideRating &&\r\n                    renderRating(context, typeName, id, product.AverageRating, product.TotalRatings, ratingAriaLabel, ratingCountAriaLabel)}\r\n                {renderProductAvailability(inventoryLabel)}\r\n                {quickViewButton && renderQuickView(quickViewButton, product.RecordId)}\r\n                {productComparisonButton && renderProductComparisonButton(productComparisonButton, product, getCatalogId(context.request))}\r\n            </>}\r\n        </>\r\n    ) : (\r\n        <>\r\n            <a\r\n                href={productPageUrl}\r\n                onClick={onTelemetryClick(telemetryContent!, payLoad, product.Name!)}\r\n                aria-label={renderLabel(\r\n                    product.Name,\r\n                    context.cultureFormatter.formatCurrency(product.Price),\r\n                    product.AverageRating,\r\n                    ratingAriaLabel,\r\n                    isEnabledProductDescription ? product.TotalRatings : undefined,\r\n                    isEnabledProductDescription ? ratingCountAriaLabel : undefined\r\n                )}\r\n                className='msc-product'\r\n                {...attribute}\r\n            >\r\n                {productComponentContent}\r\n            </a>\r\n            {!isEnabledProductDescription && <>\r\n                {renderProductDimensions(product.AttributeValues)}\r\n                {!context.app.config.hideRating &&\r\n                    renderRating(context, typeName, id, product.AverageRating, product.TotalRatings, ratingAriaLabel, ratingCountAriaLabel)}\r\n                {renderProductAvailability(inventoryLabel)}\r\n                {quickViewButton && renderQuickView(quickViewButton, product.RecordId)}\r\n                {productComparisonButton && renderProductComparisonButton(productComparisonButton, product, getCatalogId(context.request))}\r\n            </>}\r\n        </>\r\n    );\r\n    //mmx-feature: clearance --end\r\n};\r\n\r\nfunction renderLabel(\r\n    name?: string,\r\n    price?: string,\r\n    rating?: number,\r\n    ratingAriaLabelText?: string,\r\n    reviewCount?: number,\r\n    ratingCountAriaLabelText?: string\r\n): string {\r\n    const reviewCountArialableText = getReviewAriaLabel(reviewCount, ratingCountAriaLabelText ?? '');\r\n    return `${name ?? ''} ${price ?? ''} ${getRatingAriaLabel(rating, ratingAriaLabelText)}${\r\n        reviewCountArialableText ? ` ${reviewCountArialableText}` : ''\r\n    }`;\r\n}\r\n\r\nfunction renderDescription(description?: string): JSX.Element | null {\r\n    return <p className='msc-product__text'>{description}</p>;\r\n}\r\n\r\nfunction getRatingAriaLabel(rating?: number, ratingAriaLabel?: string): string {\r\n    if (rating && ratingAriaLabel) {\r\n        const roundedRating = rating.toFixed(2);\r\n        return format(ratingAriaLabel || '', roundedRating, '5');\r\n    }\r\n    return '';\r\n}\r\n\r\nfunction getReviewAriaLabel(reviewCount?: number, ratingCountAriaLabelText?: string): string {\r\n    if (reviewCount && ratingCountAriaLabelText) {\r\n        return format(ratingCountAriaLabelText || '', reviewCount);\r\n    }\r\n    return '';\r\n}\r\n\r\nfunction renderRating(\r\n    coreContext: ICoreContext,\r\n    moduleTypeName: string,\r\n    moduleId: string,\r\n    avgRating?: number,\r\n    totalRatings?: number,\r\n    ariaLabel?: string,\r\n    ratingCountAriaLabel?: string\r\n): JSX.Element | null {\r\n    if (!avgRating) {\r\n        return null;\r\n    }\r\n\r\n    const numberRatings = totalRatings?.toString() || undefined;\r\n    const ratingAriaLabelText = getRatingAriaLabel(avgRating, ariaLabel);\r\n    const ratingCountAriaLabelText = getReviewAriaLabel(Number(numberRatings), ratingCountAriaLabel);\r\n\r\n    return (\r\n        <RatingComponent\r\n            context={coreContext}\r\n            id={moduleId}\r\n            typeName={moduleTypeName}\r\n            avgRating={avgRating}\r\n            ratingCount={numberRatings}\r\n            readOnly\r\n            ariaLabel={ratingAriaLabelText}\r\n            ratingCountAriaLabel={ratingCountAriaLabelText}\r\n            data={{}}\r\n        />\r\n    );\r\n}\r\n\r\nfunction renderPrice(\r\n    context: ICoreContext,\r\n    typeName: string,\r\n    id: string,\r\n    basePrice?: number,\r\n    adjustedPrice?: number,\r\n    savingsText?: string,\r\n    freePriceText?: string,\r\n    originalPriceText?: string,\r\n    currentPriceText?: string,\r\n    isPriceMinMaxEnabled?: boolean,\r\n    priceResources?: IPriceComponentResources\r\n    //mmx-feature: discount fix --start\r\n    , customerContextualPrice?: number\r\n    , maxVariantPrice?: number\r\n    , minVariantPrice?: number\r\n    //mmx-feature: discount fix --end\r\n): JSX.Element | null {\r\n    const price: ProductPrice = {\r\n        BasePrice: basePrice,\r\n        AdjustedPrice: adjustedPrice,\r\n        //mmx-feature: discount fix --start\r\n        /*\r\n        CustomerContextualPrice: adjustedPrice\r\n        */\r\n        CustomerContextualPrice: customerContextualPrice ?? adjustedPrice,\r\n        MaxVariantPrice: maxVariantPrice ? maxVariantPrice : adjustedPrice,\r\n        MinVariantPrice: minVariantPrice ? minVariantPrice : adjustedPrice\r\n        //mmx-feature: discount fix --end\r\n    };\r\n\r\n    return (\r\n        <PriceComponent\r\n            context={context}\r\n            id={id}\r\n            typeName={typeName}\r\n            data={{ price }}\r\n            savingsText={savingsText}\r\n            freePriceText={freePriceText}\r\n            originalPriceText={originalPriceText}\r\n            isPriceMinMaxEnabled={isPriceMinMaxEnabled}\r\n            priceResources={priceResources}\r\n        />\r\n    );\r\n}\r\n\r\nfunction renderProductPlacementImage(\r\n    imageSettings?: IImageSettings,\r\n    gridSettings?: IGridSettings,\r\n    imageUrl?: string,\r\n    fallbackImageUrl?: string,\r\n    altText?: string,\r\n    context?: ICoreContext<IGeneric<IAny>>\r\n): JSX.Element | null {\r\n    if (!imageUrl || !gridSettings || !imageSettings) {\r\n        return null;\r\n    }\r\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-assignment -- Site level config can be of any type.\r\n    const contextConfig = context?.app.config?.placeholderImageName;\r\n    const emptyPlaceHolderImage = contextConfig as string;\r\n    let fallbackImageSource = fallbackImageUrl;\r\n    if (emptyPlaceHolderImage && fallbackImageUrl) {\r\n        fallbackImageSource = `${fallbackImageUrl},${emptyPlaceHolderImage}`;\r\n    }\r\n    const img: IImageData = {\r\n        src: imageUrl,\r\n        altText: altText ? altText : '',\r\n        fallBackSrc: fallbackImageSource\r\n    };\r\n    const imageProps = {\r\n        gridSettings,\r\n        imageSettings\r\n    };\r\n    imageProps.imageSettings.cropFocalRegion = true;\r\n    return (\r\n        <Image\r\n            requestContext={context?.actionContext.requestContext}\r\n            {...img}\r\n            {...imageProps}\r\n            loadFailureBehavior='empty'\r\n            bypassHideOnFailure\r\n        />\r\n    );\r\n}\r\n\r\nexport const ProductComponent: React.FunctionComponent<IProductComponentProps> = msdyn365Commerce.createComponentOverride<\r\n    IProductComponent\r\n>('Product', { component: ProductCard, ...PriceComponentActions });\r\n\r\nexport default ProductComponent;\r\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 {\n    IPriceComponentResources,\n    ISwatchItem,\n    PriceComponent,\n    ProductComponentSwatchComponent,\n    RatingComponent\n} from '@msdyn365-commerce/components';\nimport {\n    getCatalogId,\n    IAny,\n    IComponent,\n    IComponentProps,\n    ICoreContext,\n    IGeneric,\n    IGridSettings,\n    IImageData,\n    IImageSettings,\n    Image,\n    msdyn365Commerce\n} from '@msdyn365-commerce/core';\nimport { AttributeSwatch, AttributeValue, ProductDimension, ProductPrice, ProductSearchResult } from '@msdyn365-commerce/retail-proxy';\nimport {\n    ArrayExtensions,\n    convertDimensionTypeToProductDimensionType,\n    Dictionary,\n    DimensionTypes,\n    generateImageUrl,\n    getProductPageUrlSync,\n    IDimensionsApp,\n    StringExtensions,\n    validateCatalogId\n} from '@msdyn365-commerce-modules/retail-actions';\nimport {\n    format,\n    getPayloadObject,\n    getTelemetryAttributes,\n    ITelemetryContent,\n    onTelemetryClick\n} from '@msdyn365-commerce-modules/utilities';\nimport React, { useState } from 'react';\n\nexport interface IProductComponentProps extends IComponentProps<{ product?: ProductSearchResult }> {\n    className?: string;\n    imageSettings?: IImageSettings;\n    savingsText?: string;\n    freePriceText?: string;\n    originalPriceText?: string;\n    currentPriceText?: string;\n    ratingAriaLabel?: string;\n    ratingCountAriaLabel?: string;\n    allowBack?: boolean;\n    telemetryContent?: ITelemetryContent;\n    quickViewButton?: React.ReactNode;\n    productComparisonButton?: React.ReactNode;\n    isEnabledProductDescription?: boolean;\n    isPriceMinMaxEnabled?: boolean;\n    priceResources?: IPriceComponentResources;\n    inventoryLabel?: string;\n    dimensionAvailabilities?: IProductsDimensionsAvailabilities[];\n    swatchItemAriaLabel?: string;\n}\n\nexport interface IProductComponent extends IComponent<IProductComponentProps> {}\n\nconst PriceComponentActions = {};\n\n/**\n * Gets the product page url from the default swatch selected.\n * @param  productData - Product card to be rendered.\n * @returns The default color swatch selected if any.\n */\nfunction getDefaultSwatchSelected(coreContext: ICoreContext, productData?: ProductSearchResult): AttributeSwatch | null {\n    if (!productData || !productData.AttributeValues) {\n        return null;\n    }\n\n    const siteContext = coreContext as ICoreContext<IDimensionsApp>;\n    const dimensionToPreSelectInProductCard = siteContext.app.config.dimensionToPreSelectInProductCard;\n\n    const attributeSwatches = productData.AttributeValues.find(\n        attributeValue => attributeValue.KeyName?.toLocaleLowerCase() === dimensionToPreSelectInProductCard\n    )?.Swatches;\n\n    if (!ArrayExtensions.hasElements(attributeSwatches)) {\n        return null;\n    }\n\n    const defaultSwatch = attributeSwatches.find(item => item.IsDefault === true) ?? attributeSwatches[0];\n    return defaultSwatch;\n}\n\n/**\n * Gets the product image from the default swatch selected.\n * @param  coreContext - Context of the module using the component.\n * @param  productData - Product card to be rendered.\n * @returns The product card image url.\n */\nfunction getProductImageUrlFromDefaultSwatch(coreContext: ICoreContext, productData?: ProductSearchResult): string | undefined {\n    const defaultSwatch = getDefaultSwatchSelected(coreContext, productData);\n    const swatchProductImageUrls = defaultSwatch?.ProductImageUrls;\n    if (!ArrayExtensions.hasElements(swatchProductImageUrls)) {\n        return productData?.PrimaryImageUrl;\n    }\n\n    return generateImageUrl(swatchProductImageUrls[0], coreContext.request.apiSettings);\n}\n\n/**\n * Updates the product url link to product details page.\n * @param  productDetailsPageUrl - Product page url.\n * @param  coreContext - Context of the module using the component.\n * @param  queryString - Querystring to be added to the URL.\n * @returns The update product page url.\n */\nfunction updateProductUrl(productDetailsPageUrl: string, coreContext: ICoreContext, queryString: string): string {\n    const sourceUrl = new URL(productDetailsPageUrl, coreContext.request.apiSettings.baseUrl);\n    if (sourceUrl.search) {\n        sourceUrl.search += `&${queryString}`;\n    } else {\n        sourceUrl.search += queryString;\n    }\n\n    const updatedUrl = new URL(sourceUrl.href);\n    return updatedUrl.pathname + sourceUrl.search;\n}\n\n/**\n * Gets the react node for product unit of measure display.\n * @param  unitOfMeasure - DefaultUnitOfMeasure property from product.\n * @returns The node representing markup for unit of measure component.\n */\nfunction renderProductUnitOfMeasure(unitOfMeasure?: string): JSX.Element | null {\n    if (!unitOfMeasure) {\n        return null;\n    }\n    return (\n        <div className='msc-product__unit-of-measure'>\n            <span>{unitOfMeasure}</span>\n        </div>\n    );\n}\n\n/**\n * Gets the react node for product availability.\n * @param inventoryAvailabilityLabel - The product information.\n * @returns The node representing markup for product availability.\n */\nfunction renderProductAvailability(inventoryAvailabilityLabel: string | undefined): JSX.Element | null {\n    if (!inventoryAvailabilityLabel || inventoryAvailabilityLabel === '') {\n        return null;\n    }\n\n    return (\n        <div className='msc-product__availability'>\n            <span>{inventoryAvailabilityLabel}</span>\n        </div>\n    );\n}\n\n/**\n * Renders product comparison button similar to the quick view button.\n * @param productComparisonButton - React element of the button.\n * @param product - Current product info.\n * @param catalogId - Current catalog.\n * @returns React element for the specific product.\n */\nfunction renderProductComparisonButton(\n    productComparisonButton: React.ReactNode,\n    product: ProductSearchResult,\n    catalogId: number\n): JSX.Element | undefined {\n    validateCatalogId(catalogId);\n    return React.cloneElement(productComparisonButton as React.ReactElement, { product, catalogId });\n}\n\n/**\n * Gets the product page url from the default swatch selected.\n * @param  coreContext - Context of the module using the component.\n * @param productUrl - Product page url for the product card.\n * @param  productData - Product card to be rendered.\n * @returns The product card image url.\n */\nfunction getProductPageUrlFromDefaultSwatch(\n    coreContext: ICoreContext,\n    productUrl: string,\n    productData?: ProductSearchResult\n): string | undefined {\n    const defaultSwatch = getDefaultSwatchSelected(coreContext, productData);\n    if (!defaultSwatch?.SwatchValue) {\n        return productUrl;\n    }\n\n    const siteContext = coreContext as ICoreContext<IDimensionsApp>;\n    const dimensionToPreSelectInProductCard = siteContext.app.config.dimensionToPreSelectInProductCard;\n\n    const queryStringEncoded = encodeURIComponent(defaultSwatch.SwatchValue);\n    const queryString = `${dimensionToPreSelectInProductCard}=${queryStringEncoded}`;\n    return updateProductUrl(productUrl, coreContext, queryString);\n}\n\nconst ProductCard: React.FC<IProductComponentProps> = ({\n    data,\n    context,\n    imageSettings,\n    savingsText,\n    freePriceText,\n    originalPriceText,\n    currentPriceText,\n    ratingAriaLabel,\n    ratingCountAriaLabel,\n    allowBack,\n    typeName,\n    id,\n    telemetryContent,\n    quickViewButton,\n    productComparisonButton,\n    isEnabledProductDescription,\n    isPriceMinMaxEnabled,\n    priceResources,\n    inventoryLabel,\n    dimensionAvailabilities,\n    swatchItemAriaLabel\n}) => {\n    const product = data.product;\n\n    let productUrl = getProductPageUrlSync(product?.Name ?? '', product?.RecordId ?? Number.MIN_VALUE, context.actionContext, undefined);\n    if (allowBack) {\n        productUrl = updateProductUrl(productUrl, context, 'back=true');\n    }\n    const productImageUrlFromSwatch = getProductImageUrlFromDefaultSwatch(context, product) ?? product?.PrimaryImageUrl;\n    const productPageUrlFromSwatch = getProductPageUrlFromDefaultSwatch(context, productUrl, product) ?? productUrl;\n    const [productPageUrl, setProductPageUrl] = useState<string>(productPageUrlFromSwatch);\n    const [productImageUrl, setProductImageUrl] = useState<string | undefined>(productImageUrlFromSwatch);\n    React.useEffect(() => {\n        setProductPageUrl(productPageUrlFromSwatch);\n        setProductImageUrl(productImageUrlFromSwatch);\n    }, [productUrl, productPageUrlFromSwatch, productImageUrlFromSwatch]);\n    const [selectedSwatchItems] = useState(new Dictionary<DimensionTypes, ISwatchItem>());\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment,@typescript-eslint/no-unsafe-member-access -- app context is generic\n    const enableStockCheck = context.app.config.enableStockCheck;\n\n    const siteContext = context as ICoreContext<IDimensionsApp>;\n    const dimensionToPreSelectInProductCard = siteContext.app.config.dimensionToPreSelectInProductCard;\n\n    /**\n     * Updates the product page and Image url based on swatch selected.\n     * @param coreContext - Context of the caller.\n     * @param swatchItem - Dimension swatch selected.\n     */\n    const updatePageAndImageUrl = React.useCallback(\n        (coreContext: ICoreContext, swatchItem: ISwatchItem) => {\n            const dimensionType = swatchItem.dimensionType;\n            selectedSwatchItems.setValue(dimensionType, swatchItem);\n            if (StringExtensions.isNullOrWhitespace(swatchItem.value)) {\n                return;\n            }\n            const queryString = `${dimensionType}=${swatchItem.value}`;\n            let productPageUrlWithSwatch = '';\n            if (productPageUrl.includes(dimensionType)) {\n                const newUrl = new URL(productPageUrl, coreContext.request.apiSettings.baseUrl);\n                newUrl.searchParams.delete(dimensionType);\n                productPageUrlWithSwatch = updateProductUrl(newUrl.toString(), context, queryString);\n            } else {\n                productPageUrlWithSwatch = updateProductUrl(productPageUrl, context, queryString);\n            }\n            setProductPageUrl(productPageUrlWithSwatch);\n            if (dimensionType === dimensionToPreSelectInProductCard) {\n                const swatchProductImageUrl = ArrayExtensions.hasElements(swatchItem.productImageUrls)\n                    ? swatchItem.productImageUrls[0]\n                    : undefined;\n                const newImageUrl = generateImageUrl(swatchProductImageUrl, coreContext.request.apiSettings);\n                setProductImageUrl(newImageUrl);\n            }\n        },\n        [selectedSwatchItems, context, productPageUrl]\n    );\n\n    if (!product) {\n        return null;\n    }\n\n    /**\n     * Checks if rendering the particular dimensions is allowed for product card.\n     * @param dimensionType - Dimension to be displayed.\n     * @returns Updates the state with new product page url.\n     */\n    function shouldDisplayDimension(dimensionType: string): boolean {\n        const dimensionsContext = context as ICoreContext<IDimensionsApp>;\n        const dimensionsToDisplayOnProductCard = dimensionsContext.app.config.dimensionsInProductCard;\n        return (\n            ArrayExtensions.hasElements(dimensionsToDisplayOnProductCard) &&\n            !dimensionsToDisplayOnProductCard.includes(DimensionTypes.none) &&\n            dimensionsToDisplayOnProductCard.includes(dimensionType.toLocaleLowerCase() as DimensionTypes)\n        );\n    }\n\n    /**\n     * Gets the react node for product dimension as swatch.\n     * @param  attributeValues - Attribute value property from product.\n     * @returns The node representing markup for unit of measure component.\n     */\n    function renderProductDimensions(attributeValues?: AttributeValue[]): JSX.Element | null {\n        if (!attributeValues) {\n            return null;\n        }\n\n        return (\n            <div className='msc-product__dimensions'>\n                {attributeValues.map((item: AttributeValue) => {\n                    const dimensionTypeValue = item.KeyName?.toLocaleLowerCase() ?? '';\n                    if (!shouldDisplayDimension(dimensionTypeValue)) {\n                        return null;\n                    }\n\n                    const siteContext = context as ICoreContext<IDimensionsApp>;\n                    const dimensionToPreSelectInProductCard = siteContext.app.config.dimensionToPreSelectInProductCard;\n                    const dimensionType = dimensionTypeValue as DimensionTypes;\n                    const swatches =\n                        item.Swatches?.map<ISwatchItem>(swatchItem => {\n                            return {\n                                itemId: `${item.RecordId ?? ''}-${dimensionTypeValue}-${swatchItem.SwatchValue ?? ''}`,\n                                value: swatchItem.SwatchValue ?? '',\n                                dimensionType,\n                                colorHexCode: swatchItem.SwatchColorHexCode,\n                                imageUrl: swatchItem.SwatchImageUrl,\n                                productImageUrls: swatchItem.ProductImageUrls,\n                                isDefault: swatchItem.IsDefault,\n                                swatchItemAriaLabel: swatchItemAriaLabel ? format(swatchItemAriaLabel, dimensionType) : '',\n                                isDisabled:\n                                    enableStockCheck &&\n                                    dimensionAvailabilities?.find(\n                                        dimensionAvailability => dimensionAvailability.value === (swatchItem.SwatchValue ?? '')\n                                    )?.isDisabled\n                            };\n                        }) ?? [];\n                    if (\n                        dimensionType === dimensionToPreSelectInProductCard &&\n                        ArrayExtensions.hasElements(swatches) &&\n                        !swatches.some(swatch => swatch.isDefault)\n                    ) {\n                        swatches[0].isDefault = true;\n                    }\n                    return (\n                        <ProductComponentSwatchComponent\n                            context={context}\n                            swatches={swatches}\n                            onSelectDimension={updatePageAndImageUrl}\n                            key={item.RecordId}\n                        />\n                    );\n                })}\n            </div>\n        );\n    }\n\n    function renderQuickView(quickview: React.ReactNode, item?: number): JSX.Element | undefined {\n        if (quickview === null) {\n            return undefined;\n        }\n        const selectedDimensions: ProductDimension[] = selectedSwatchItems.getValues().map<ProductDimension>(swatches => {\n            return {\n                DimensionTypeValue: convertDimensionTypeToProductDimensionType(swatches.dimensionType),\n                DimensionValue: {\n                    RecordId: 0,\n                    Value: swatches.value\n                }\n            };\n        });\n        return React.cloneElement(quickview as React.ReactElement, { selectedProductId: item, selectedDimensions });\n    }\n\n    // Construct telemetry attribute to render\n    const payLoad = getPayloadObject('click', telemetryContent!, '', product.RecordId.toString());\n\n    const attribute = getTelemetryAttributes(telemetryContent!, payLoad);\n\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access -- -- Do not need type check for appsettings\n    const isUnitOfMeasureEnabled = context.app.config && context.app.config.unitOfMeasureDisplayType === 'buyboxAndBrowse';\n\n    return (\n        <>\n            {isEnabledProductDescription ? (\n                <a\n                    href={productPageUrl}\n                    onClick={onTelemetryClick(telemetryContent!, payLoad, product.Name!)}\n                    aria-label={renderLabel(\n                        product.Name,\n                        context.cultureFormatter.formatCurrency(product.Price),\n                        product.AverageRating,\n                        ratingAriaLabel,\n                        product.TotalRatings,\n                        ratingCountAriaLabel\n                    )}\n                    className='msc-product'\n                    {...attribute}\n                >\n                    <div className='msc-product__image__description'>\n                        <div className='msc-product__image'>\n                            {renderProductPlacementImage(\n                                imageSettings,\n                                context.request.gridSettings,\n                                productImageUrl,\n                                product.PrimaryImageUrl,\n                                product.Name,\n                                context\n                            )}\n                        </div>\n                        <div className='msc-product__title_description'>\n                            <h5 className='msc-product__title__text'>{product.Name}</h5>\n                            {renderPrice(\n                                context,\n                                typeName,\n                                id,\n                                product.BasePrice,\n                                product.Price,\n                                savingsText,\n                                freePriceText,\n                                originalPriceText,\n                                currentPriceText,\n                                isPriceMinMaxEnabled,\n                                priceResources\n                            )}\n                            {isUnitOfMeasureEnabled && renderProductUnitOfMeasure(product.DefaultUnitOfMeasure)}\n                            {renderDescription(product.Description)}\n                        </div>\n                    </div>\n                </a>\n            ) : (\n                <a\n                    href={productPageUrl}\n                    onClick={onTelemetryClick(telemetryContent!, payLoad, product.Name!)}\n                    aria-label={renderLabel(\n                        product.Name,\n                        context.cultureFormatter.formatCurrency(product.Price),\n                        product.AverageRating,\n                        ratingAriaLabel\n                    )}\n                    className='msc-product'\n                    {...attribute}\n                >\n                    <div className='msc-product__image'>\n                        {renderProductPlacementImage(\n                            imageSettings,\n                            context.request.gridSettings,\n                            productImageUrl,\n                            product.PrimaryImageUrl,\n                            product.Name,\n                            context\n                        )}\n                    </div>\n                    <div className='msc-product__details'>\n                        <h5 className='msc-product__title'>{product.Name}</h5>\n                        {renderPrice(\n                            context,\n                            typeName,\n                            id,\n                            product.BasePrice,\n                            product.Price,\n                            savingsText,\n                            freePriceText,\n                            originalPriceText,\n                            currentPriceText\n                        )}\n                        {isUnitOfMeasureEnabled && renderProductUnitOfMeasure(product.DefaultUnitOfMeasure)}\n                    </div>\n                </a>\n            )}\n            {renderProductDimensions(product.AttributeValues)}\n            {!context.app.config.hideRating &&\n                renderRating(context, typeName, id, product.AverageRating, product.TotalRatings, ratingAriaLabel, ratingCountAriaLabel)}\n            {renderProductAvailability(inventoryLabel)}\n            {quickViewButton && renderQuickView(quickViewButton, product.RecordId)}\n            {productComparisonButton && renderProductComparisonButton(productComparisonButton, product, getCatalogId(context.request))}\n        </>\n    );\n};\n\nfunction renderLabel(\n    name?: string,\n    price?: string,\n    rating?: number,\n    ratingAriaLabelText?: string,\n    reviewCount?: number,\n    ratingCountAriaLabelText?: string\n): string {\n    const reviewCountArialableText = getReviewAriaLabel(reviewCount, ratingCountAriaLabelText ?? '');\n    return `${name ?? ''} ${price ?? ''} ${getRatingAriaLabel(rating, ratingAriaLabelText)}${\n        reviewCountArialableText ? ` ${reviewCountArialableText}` : ''\n    }`;\n}\n\nfunction renderDescription(description?: string): JSX.Element | null {\n    return <p className='msc-product__text'>{description}</p>;\n}\n\nfunction getRatingAriaLabel(rating?: number, ratingAriaLabel?: string): string {\n    if (rating && ratingAriaLabel) {\n        const roundedRating = rating.toFixed(2);\n        return format(ratingAriaLabel || '', roundedRating, '5');\n    }\n    return '';\n}\n\nfunction getReviewAriaLabel(reviewCount?: number, ratingCountAriaLabelText?: string): string {\n    if (reviewCount && ratingCountAriaLabelText) {\n        return format(ratingCountAriaLabelText || '', reviewCount);\n    }\n    return '';\n}\n\nfunction renderRating(\n    coreContext: ICoreContext,\n    moduleTypeName: string,\n    moduleId: string,\n    avgRating?: number,\n    totalRatings?: number,\n    ariaLabel?: string,\n    ratingCountAriaLabel?: string\n): JSX.Element | null {\n    if (!avgRating) {\n        return null;\n    }\n\n    const numberRatings = totalRatings?.toString() || undefined;\n    const ratingAriaLabelText = getRatingAriaLabel(avgRating, ariaLabel);\n    const ratingCountAriaLabelText = getReviewAriaLabel(Number(numberRatings), ratingCountAriaLabel);\n\n    return (\n        <RatingComponent\n            context={coreContext}\n            id={moduleId}\n            typeName={moduleTypeName}\n            avgRating={avgRating}\n            ratingCount={numberRatings}\n            readOnly\n            ariaLabel={ratingAriaLabelText}\n            ratingCountAriaLabel={ratingCountAriaLabelText}\n            data={{}}\n        />\n    );\n}\n\nfunction renderPrice(\n    context: ICoreContext,\n    typeName: string,\n    id: string,\n    basePrice?: number,\n    adjustedPrice?: number,\n    savingsText?: string,\n    freePriceText?: string,\n    originalPriceText?: string,\n    currentPriceText?: string,\n    isPriceMinMaxEnabled?: boolean,\n    priceResources?: IPriceComponentResources\n): JSX.Element | null {\n    const price: ProductPrice = {\n        BasePrice: basePrice,\n        AdjustedPrice: adjustedPrice,\n        CustomerContextualPrice: adjustedPrice\n    };\n\n    return (\n        <PriceComponent\n            context={context}\n            id={id}\n            typeName={typeName}\n            data={{ price }}\n            savingsText={savingsText}\n            freePriceText={freePriceText}\n            originalPriceText={originalPriceText}\n            isPriceMinMaxEnabled={isPriceMinMaxEnabled}\n            priceResources={priceResources}\n        />\n    );\n}\n\nfunction renderProductPlacementImage(\n    imageSettings?: IImageSettings,\n    gridSettings?: IGridSettings,\n    imageUrl?: string,\n    fallbackImageUrl?: string,\n    altText?: string,\n    context?: ICoreContext<IGeneric<IAny>>\n): JSX.Element | null {\n    if (!imageUrl || !gridSettings || !imageSettings) {\n        return null;\n    }\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-assignment -- Site level config can be of any type.\n    const contextConfig = context?.app.config?.placeholderImageName;\n    const emptyPlaceHolderImage = contextConfig as string;\n    let fallbackImageSource = fallbackImageUrl;\n    if (emptyPlaceHolderImage && fallbackImageUrl) {\n        fallbackImageSource = `${fallbackImageUrl},${emptyPlaceHolderImage}`;\n    }\n    const img: IImageData = {\n        src: imageUrl,\n        altText: altText ? altText : '',\n        fallBackSrc: fallbackImageSource\n    };\n    const imageProps = {\n        gridSettings,\n        imageSettings\n    };\n    imageProps.imageSettings.cropFocalRegion = true;\n    return (\n        <Image\n            requestContext={context?.actionContext.requestContext}\n            {...img}\n            {...imageProps}\n            loadFailureBehavior='empty'\n            bypassHideOnFailure\n        />\n    );\n}\n\nexport const ProductComponent: React.FunctionComponent<IProductComponentProps> = msdyn365Commerce.createComponentOverride<\n    IProductComponent\n>('Product', { component: ProductCard, ...PriceComponentActions });\n\nexport default ProductComponent;\n"],"names":["getDefaultSwatchSelected","coreContext","productData","_productData$Attribut","_attributeSwatches$fi","AttributeValues","dimensionToPreSelectInProductCard","app","config","attributeSwatches","find","attributeValue","_attributeValue$KeyNa","KeyName","toLocaleLowerCase","Swatches","ArrayExtensions","hasElements","item","IsDefault","updateProductUrl","productDetailsPageUrl","queryString","sourceUrl","URL","request","apiSettings","baseUrl","search","href","pathname","renderProductUnitOfMeasure","unitOfMeasure","React","className","renderProductAvailability","inventoryAvailabilityLabel","renderProductComparisonButton","productComparisonButton","product","catalogId","validateCatalogId","renderLabel","name","price","rating","ratingAriaLabelText","reviewCount","ratingCountAriaLabelText","reviewCountArialableText","getReviewAriaLabel","getRatingAriaLabel","ratingAriaLabel","roundedRating","toFixed","format","renderRating","moduleTypeName","moduleId","avgRating","totalRatings","ariaLabel","ratingCountAriaLabel","numberRatings","toString","undefined","Number","RatingComponent","context","id","typeName","ratingCount","readOnly","data","renderPrice","basePrice","adjustedPrice","savingsText","freePriceText","originalPriceText","currentPriceText","isPriceMinMaxEnabled","priceResources","customerContextualPrice","maxVariantPrice","minVariantPrice","BasePrice","AdjustedPrice","CustomerContextualPrice","MaxVariantPrice","MinVariantPrice","PriceComponent","renderProductPlacementImage","imageSettings","gridSettings","imageUrl","fallbackImageUrl","altText","_context$app$config","contextConfig","placeholderImageName","fallbackImageSource","img","src","fallBackSrc","imageProps","cropFocalRegion","Image","Object","assign","requestContext","actionContext","loadFailureBehavior","bypassHideOnFailure","ProductComponent","msdyn365Commerce","createComponentOverride","_objectSpread","component","_ref","_product$Name","_product$RecordId","_getProductImageUrlFr","_getProductPageUrlFro","_product$ExtensionPro","_product$ExtensionPro2","_product$ExtensionPro3","_product$ExtensionPro4","_product$ExtensionPro5","_product$ExtensionPro6","_product$ExtensionPro7","_product$ExtensionPro8","_product$ExtensionPro9","_product$ProductNumbe","_product$ProductNumbe2","allowBack","telemetryContent","quickViewButton","isEnabledProductDescription","inventoryLabel","dimensionAvailabilities","swatchItemAriaLabel","productUrl","getProductPageUrlSync","Name","RecordId","MIN_VALUE","productImageUrlFromSwatch","defaultSwatch","swatchProductImageUrls","ProductImageUrls","generateImageUrl","PrimaryImageUrl","getProductImageUrlFromDefaultSwatch","productPageUrlFromSwatch","SwatchValue","encodeURIComponent","getProductPageUrlFromDefaultSwatch","productPageUrl","setProductPageUrl","useState","productImageUrl","setProductImageUrl","selectedSwatchItems","Dictionary","enableStockCheck","updatePageAndImageUrl","swatchItem","dimensionType","setValue","StringExtensions","isNullOrWhitespace","value","productPageUrlWithSwatch","includes","newUrl","searchParams","delete","swatchProductImageUrl","productImageUrls","newImageUrl","renderProductDimensions","attributeValues","map","_item$KeyName$toLocal","_item$KeyName","_item$Swatches$map","_item$Swatches","dimensionTypeValue","dimensionsToDisplayOnProductCard","dimensionsInProductCard","DimensionTypes","none","shouldDisplayDimension","swatches","_item$RecordId","_swatchItem$SwatchVal","_swatchItem$SwatchVal2","_dimensionAvailabilit","itemId","colorHexCode","SwatchColorHexCode","SwatchImageUrl","isDefault","isDisabled","dimensionAvailability","_swatchItem$SwatchVal3","some","swatch","ProductComponentSwatchComponent","onSelectDimension","key","renderQuickView","quickview","selectedDimensions","getValues","DimensionTypeValue","convertDimensionTypeToProductDimensionType","DimensionValue","Value","selectedProductId","payLoad","getPayloadObject","attribute","getTelemetryAttributes","isUnitOfMeasureEnabled","unitOfMeasureDisplayType","productPrice","ExtensionProperties","property","_property$Key","Key","toUpperCase","IntegerValue","_property$Key2","Price","_property$Key3","isClearance","BooleanValue","clearanceComment","StringValue","clearanceWarranty","productComponentContent","ProductNumber","split","DefaultUnitOfMeasure","description","Description","cultureFormatter","formatCurrency","AverageRating","TotalRatings","hideRating","getCatalogId","onClick","onTelemetryClick"],"sourceRoot":""}