{"version":3,"file":"static/js/65d2b0f357c00f6a7895.bundle.js","mappings":"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","sources":["webpack://Dobbies.Commerce/./src/actions/cart-state-share.ts?609c","webpack://Dobbies.Commerce/./src/themes/dobbies/utilities/badges/vsi-product-badges.tsx?c9c2","webpack://Dobbies.Commerce/./src/dotdigital-extension/PopularityDataService.g.ts?e708","webpack://Dobbies.Commerce/./src/dotdigital-extension/PopularityBannerDataAction.g.ts?334d","webpack://Dobbies.Commerce/./src/themes/dobbies/utilities/quantity/Quantity.tsx?0e68","webpack://Dobbies.Commerce/./src/themes/dobbies/views/components/product.component.tsx?de6d","webpack://Dobbies.Commerce/./src/themes/dobbies/views/custom-components/product-price-component.tsx?086b"],"sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n *  Copyright (c) Microsoft Corporation. All rights reserved.\r\n *  Licensed under the MIT License. See License.txt in the project root for license information.\r\n *--------------------------------------------------------------------------------------------*/\r\nimport {\r\n    CacheType,\r\n    createObservableDataAction,\r\n    IAction,\r\n    IActionContext,\r\n    IActionInput,\r\n    IAny,\r\n    ICreateActionContext,\r\n    IGeneric\r\n} from '@msdyn365-commerce/core';\r\n/**\r\n * CheckoutModulesStateShare Input Action\r\n */\r\nexport class CartModulesStateShareInput implements IActionInput {\r\n    // TODO: Determine if the results of this get action should cache the results and if so provide\r\n    // a cache object type and an appropriate cache key\r\n    public getCacheKey = () => `cartSharedState`;\r\n    public getCacheObjectType = () => 'cartSharedState';\r\n    public dataCacheType = (): CacheType => 'request';\r\n}\r\n// TODO: Create a data model here or import one to capture the response of the action\r\nexport interface ICartSharedState {\r\n    isCartUpdated?: boolean; // Used to display msg in delivery section\r\n    isQuantityUpdated?: boolean;\r\n}\r\n/**\r\n * TODO: Use this function to create the input required to make the action call\r\n */\r\nconst createInput = (inputData: ICreateActionContext<IGeneric<IAny>>): IActionInput => {\r\n    return new CartModulesStateShareInput();\r\n};\r\n/**\r\n * TODO: Use this function to call your action and process the results as needed\r\n */\r\nexport async function updateCartStateAction(input: CartModulesStateShareInput, ctx: IActionContext): Promise<ICartSharedState> {\r\n    return {\r\n        isCartUpdated: undefined,\r\n        isQuantityUpdated: undefined\r\n    };\r\n}\r\n/**\r\n * SampleState - create action\r\n */\r\nexport default createObservableDataAction<ICartSharedState>({\r\n    action: <IAction<ICartSharedState>>updateCartStateAction,\r\n    input: createInput\r\n});\r\n","/**\r\n * Copyright (c) 2020 Visionet Systems, Inc\r\n */\r\nimport {\r\n    getPriceForSelectedVariant,\r\n    getRatingsSummary,\r\n    GetRatingsSummaryInput,\r\n    getRnrEndpointId,\r\n    getRnrPartnerId,\r\n    PriceForSelectedVariantInput\r\n} from '@msdyn365-commerce-modules/retail-actions';\r\nimport { IActionContext, IImageData, Image } from '@msdyn365-commerce/core';\r\nimport { AttributeValue, ProductPrice, IContext } from '@msdyn365-commerce/retail-proxy';\r\nimport { getAttributeValuesAsync } from '@msdyn365-commerce/retail-proxy/dist/DataActions/ProductsDataActions.g';\r\nimport * as React from 'react';\r\nimport { IModuleConfig, IVsiProductBadgesProps } from './vsi-product-badges.props';\r\nimport { vSIInitiateRestCallAsync } from '../../../../dotdigital-extension/PopularityBannerDataAction.g';\r\n\r\nexport enum badgePageType {\r\n    plp = 'plp',\r\n    pdp = 'pdp'\r\n}\r\n\r\nexport interface IVsiProductBadgeState {\r\n    rating: number | undefined;\r\n    productPrice: ProductPrice;\r\n    productAttributes: AttributeValue[];\r\n    badgeDisplay: boolean;\r\n    imageBadge: boolean;\r\n    showPromotionalBanner: boolean;\r\n    showBannerStatus: boolean;\r\n    totalProdTransaction: string;\r\n}\r\n\r\n/**\r\n *\r\n * VsiProductBadges Component is used to add badges on products\r\n * @extends {React.PureComponent<IVsiProductBadgesProps>}\r\n */\r\nclass VsiProductBadges extends React.PureComponent<IVsiProductBadgesProps, IVsiProductBadgeState> {\r\n    constructor(props: IVsiProductBadgesProps) {\r\n        super(props);\r\n        this.state = {\r\n            rating: 0,\r\n            productPrice: {},\r\n            productAttributes: [],\r\n            badgeDisplay: false,\r\n            imageBadge: false,\r\n            showPromotionalBanner: true,\r\n            showBannerStatus: false,\r\n            totalProdTransaction: '0'\r\n        };\r\n    }\r\n\r\n    public findBannerData = async () => {\r\n        if (!this.props.mediaGalleryProduct?.ItemId) return;\r\n        try {\r\n            const context: IContext = { callerContext: this.props.context.actionContext };\r\n            const res = await vSIInitiateRestCallAsync(\r\n                context,\r\n                this.props.mediaGalleryProduct?.ItemId,\r\n                this.props.context.app.config.popularityBannerHours,\r\n                this.props.context.app.config.popularityBannerCompany\r\n            );\r\n            if (res.result) {\r\n                this.setState({\r\n                    showBannerStatus: res.result?.Status,\r\n                    totalProdTransaction: res.result?.NoOfTransactions\r\n                });\r\n            } else {\r\n                this.setState({\r\n                    showBannerStatus: false,\r\n                    totalProdTransaction: '0'\r\n                });\r\n            }\r\n        } catch (err) {\r\n            console.log(err);\r\n        }\r\n    };\r\n\r\n    public componentDidUpdate = async (prevProps: IVsiProductBadgesProps) => {\r\n        if (this.props !== prevProps) {\r\n            await this.getDataOnUpdate();\r\n        }\r\n    };\r\n\r\n    public componentDidMount = async () => {\r\n        if (this.props.mediaGalleryProduct !== undefined || this.props.productComponentProduct !== undefined) {\r\n            await this.getDataOnUpdate();\r\n        }\r\n        this.findBannerData();\r\n    };\r\n\r\n    public render(): JSX.Element | null {\r\n        // badges config from app settings\r\n        const appConfig = this.props.context.app.config;\r\n        const moduleConfig: IModuleConfig = {\r\n            badgeFontColor: appConfig.badgeFontColor,\r\n            badgeBackgroundColor: appConfig.badgeBackgroundColor,\r\n            badgeFontBold: appConfig.badgeFontBold,\r\n            badgeShow: appConfig.badgeShow,\r\n            badgeBorderShow: appConfig.badgeBorderShow,\r\n            badgeRating: appConfig.badgeRating,\r\n            imageBadgeLeftAlign: appConfig.imageBadgeLeftAlign\r\n        };\r\n\r\n        // return null to if badges are not enabled from config\r\n        if (!moduleConfig.badgeShow || (this.props.mediaGalleryProduct === undefined && this.props.productComponentProduct === undefined)) {\r\n            return null;\r\n        }\r\n\r\n        const color = moduleConfig.badgeFontColor || 'black';\r\n        const backgroundColor = moduleConfig.badgeBackgroundColor || 'lightgray';\r\n        const fontWeight = moduleConfig.badgeFontBold ? 'bold' : 'normal';\r\n        const border = moduleConfig.badgeBorderShow ? '1px solid #ababac' : 'none';\r\n        const rightfloat = moduleConfig.imageBadgeLeftAlign ? 'right' : 'none';\r\n\r\n        const badgeStyle: React.CSSProperties = {\r\n            color: color,\r\n            backgroundColor: backgroundColor,\r\n            border: border,\r\n            fontWeight: fontWeight\r\n        };\r\n\r\n        //Exit Popularity Banner Badge\r\n        const exitBadgeStyle: React.CSSProperties = {\r\n            display: 'flex',\r\n            alignItems: 'flex-end',\r\n            justifyContent: 'flex-end',\r\n            alignContent: 'flex-end',\r\n            marginRight: '10px'\r\n        };\r\n\r\n        const badgeHeadingStyle: React.CSSProperties = {\r\n            display: 'flex',\r\n            marginTop: '-10px',\r\n            marginLeft: '5px',\r\n            fontSize: '12px'\r\n        };\r\n\r\n        const badgeDescriptionStyle: React.CSSProperties = {\r\n            display: 'flex',\r\n            marginLeft: '5px',\r\n            alignItems: 'flex-start',\r\n            justifyContent: 'flex-start',\r\n            alignContent: 'flex-start',\r\n            marginTop: '5px',\r\n            fontSize: '12px',\r\n            textAlign: 'left'\r\n        };\r\n\r\n        const badgeStyleRight: React.CSSProperties = {\r\n            color: color,\r\n            /* backgroundColor: backgroundColor, */\r\n            float: rightfloat\r\n        };\r\n\r\n        let parentClassName;\r\n        const showOutofStock = this._shouldShowOutOfStock();\r\n        if (this.state.badgeDisplay && this.state.imageBadge) {\r\n            parentClassName = 'both';\r\n        } else if (this.state.badgeDisplay && !this.state.imageBadge) {\r\n            parentClassName = 'left-badge';\r\n        } else if (!this.state.badgeDisplay && this.state.imageBadge) {\r\n            parentClassName = 'right-badge';\r\n        }\r\n\r\n        return (\r\n            <div className={`badges ${parentClassName}`}>\r\n                {this._renderProductBadge(badgeStyle, showOutofStock)}\r\n                {this.state.showBannerStatus &&\r\n                    Number(this.state.totalProdTransaction) >= this.props.context.app.config.popularityBannerThreshold &&\r\n                    this._renderPromotionalBanner(\r\n                        badgeStyle,\r\n                        exitBadgeStyle,\r\n                        badgeHeadingStyle,\r\n                        badgeDescriptionStyle,\r\n                        this.state.showPromotionalBanner,\r\n                        this.state.totalProdTransaction\r\n                    )}\r\n                {this._renderImageBadge(badgeStyleRight, 'BadgeImage')}\r\n            </div>\r\n        );\r\n    }\r\n    private _shouldShowOutOfStock = () => {\r\n        const { productAvailableData, moduleType, mediaGalleryProduct, productComponentProduct } = this.props;\r\n        //For PDP\r\n        if (mediaGalleryProduct || productComponentProduct) {\r\n            let recordId: number;\r\n            let masterProductId: number | undefined;\r\n            let productId: number;\r\n            // if request is from Buybox/PDP\r\n            if (this.props.moduleType === badgePageType.pdp) {\r\n                const product = mediaGalleryProduct;\r\n                recordId = product!.RecordId;\r\n                masterProductId = product!.MasterProductId;\r\n                productId = masterProductId || recordId;\r\n\r\n                let attributes;\r\n                if (moduleType === badgePageType.plp && this.props.productComponentProduct) {\r\n                    attributes = this.props.productComponentProduct.AttributeValues;\r\n                } else {\r\n                    attributes = this.state.productAttributes;\r\n                }\r\n                this.getProductAttrbute(this.props.context.actionContext, productId);\r\n                const attName = attributes?.find(onlystore => onlystore.Name === 'OnlyInStore');\r\n                console.log('name', attName);\r\n\r\n                const AttValue = attName?.TextValue?.toLocaleLowerCase();\r\n                console.log('attt', AttValue);\r\n                if (AttValue === 'no') {\r\n                    if (productAvailableData) {\r\n                        const { result } = productAvailableData;\r\n                        if (result !== undefined && result.length > 0 && !result[0].IsProductAvailable) {\r\n                            return true;\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n        return false;\r\n    };\r\n    private _renderImageBadge(badgeStyle: React.CSSProperties, attributeName: string): JSX.Element | null {\r\n        const { moduleType } = this.props;\r\n        let attributes;\r\n        if (moduleType === badgePageType.plp && this.props.productComponentProduct) {\r\n            attributes = this.props.productComponentProduct.AttributeValues;\r\n        } else {\r\n            attributes = this.state.productAttributes;\r\n        }\r\n        if (attributes && attributes.length > 0) {\r\n            const attribute = attributes[attributes.findIndex((x: AttributeValue) => x.Name === attributeName)];\r\n            if (attribute !== undefined) {\r\n                const attributeValue = attribute.TextValue ? attribute.TextValue : undefined;\r\n                const baseImageURL = `${this.props.context.request.apiSettings.baseImageUrl}Products/`;\r\n                const badgeImage = attributeValue && attributeValue.trim().toLowerCase();\r\n\r\n                if (!badgeImage || (attributeValue && attributeValue.trim().toLowerCase() === 'none')) {\r\n                    return null;\r\n                }\r\n                const imageUrl = `${baseImageURL}${badgeImage}`;\r\n                const img: IImageData = {\r\n                    src: imageUrl,\r\n                    altText: ''\r\n                };\r\n\r\n                const imageProps = {\r\n                    gridSettings: this.props.context.request.gridSettings || {},\r\n                    imageSettings: this.props.imageSettings\r\n                };\r\n                this.setState({ imageBadge: true });\r\n                return (\r\n                    <div className={`${moduleType}-discount-badge badges__icon`} style={badgeStyle}>\r\n                        <Image {...img} {...imageProps} loadFailureBehavior='empty' />\r\n                    </div>\r\n                );\r\n            }\r\n        }\r\n        return null;\r\n    }\r\n\r\n    private _renderDiscountBadgePercentage(badgeStyle: React.CSSProperties): JSX.Element | null {\r\n        const { moduleType } = this.props;\r\n        const price = this.state.productPrice;\r\n        if (price) {\r\n            const { BasePrice, CustomerContextualPrice } = price;\r\n            let discount = 0;\r\n            if (BasePrice && CustomerContextualPrice && BasePrice > CustomerContextualPrice) {\r\n                const actualPercentage = Math.round((CustomerContextualPrice / BasePrice) * 100);\r\n                discount = 100 - actualPercentage;\r\n            }\r\n\r\n            if (discount > 0) {\r\n                this.setState({ badgeDisplay: true });\r\n                return (\r\n                    <div className={`${moduleType}-discount-badge badges__top`} style={badgeStyle}>\r\n                        {`-${discount}%`}\r\n                    </div>\r\n                );\r\n            }\r\n        }\r\n        return null;\r\n    }\r\n\r\n    private _renderRatingBadge(badgeStyle: React.CSSProperties): JSX.Element | null {\r\n        const { moduleType, context } = this.props;\r\n        const rating = this.state.rating;\r\n        const topRating = context.app.config.badgeRating;\r\n        if (rating && rating >= topRating) {\r\n            this.setState({ badgeDisplay: true });\r\n            return (\r\n                <div className={`${moduleType}-rating badges__top`} style={badgeStyle}>\r\n                    {`${context.app.config.badgeRatingText}`}\r\n                </div>\r\n            );\r\n        }\r\n        return null;\r\n    }\r\n\r\n    private _renderOutofStockBadge(badgeStyle: React.CSSProperties): JSX.Element | null {\r\n        const { moduleType } = this.props;\r\n        this.setState({ badgeDisplay: true });\r\n        return (\r\n            <div className={`${moduleType}-discount-badge badges__oos`} style={badgeStyle}>\r\n                {`Out of stock`}\r\n            </div>\r\n        );\r\n    }\r\n\r\n    //Render Promotional Badge\r\n    private _renderPromotionalBanner(\r\n        badgeStyle: React.CSSProperties,\r\n        exitBadgeStyle: React.CSSProperties,\r\n        badgeHeadingStyle: React.CSSProperties,\r\n        badgeDescriptionStyle: React.CSSProperties,\r\n        showPromotionalBanner: boolean,\r\n        totalProdTransaction: string\r\n    ): JSX.Element | null {\r\n        const { moduleType } = this.props;\r\n        const _displayPromotionalBanner = () => {\r\n            this.setState({\r\n                showPromotionalBanner: false\r\n            });\r\n        };\r\n\r\n        if (moduleType === badgePageType.pdp && showPromotionalBanner) {\r\n            return (\r\n                <div className={`${moduleType}-discount-badge promotionalBanner__top`}>\r\n                    <p className='exit-badge-style' onClick={_displayPromotionalBanner}>\r\n                        x\r\n                    </p>\r\n                    <p className='badge-heading'>Trending</p>\r\n                    <p className='badge-description'>\r\n                        {totalProdTransaction} people bought this within the past {this.props.context.app.config.popularityBannerHours}{' '}\r\n                        hours\r\n                    </p>\r\n                </div>\r\n            );\r\n        }\r\n        return null;\r\n    }\r\n\r\n    // Render discountAmount badge\r\n    private _renderDiscountBadgeAmount(badgeStyle: React.CSSProperties): JSX.Element | null {\r\n        const { moduleType } = this.props;\r\n        const price = this.state.productPrice;\r\n        if (price) {\r\n            const { BasePrice, CustomerContextualPrice } = price;\r\n            let discount = 0;\r\n            if (BasePrice && CustomerContextualPrice && BasePrice > CustomerContextualPrice) {\r\n                discount = Number((BasePrice - CustomerContextualPrice).toFixed(2));\r\n            }\r\n            if (discount > 0) {\r\n                // format price\r\n                const discountWithCurrenceySign = discount && this.props.context.cultureFormatter.formatCurrency(discount.toString(), this.props.context.request.channel?.Currency);\r\n                this.setState({ badgeDisplay: true });\r\n                return (\r\n                    <div className={`${moduleType}-discount-badge badges__top`} style={badgeStyle}>\r\n                        {`${discountWithCurrenceySign} OFF`}\r\n                    </div>\r\n                );\r\n            }\r\n        }\r\n        return null;\r\n    }\r\n\r\n    // Render custom badge\r\n    private _renderCustomAttributeBadge(badgeStyle: React.CSSProperties, attributeName: string): JSX.Element | null {\r\n        const { moduleType } = this.props;\r\n        let attributes;\r\n        if (moduleType === badgePageType.plp && this.props.productComponentProduct) {\r\n            attributes = this.props.productComponentProduct.AttributeValues;\r\n        } else {\r\n            attributes = this.state.productAttributes;\r\n        }\r\n        if (attributes && attributes.length > 0) {\r\n            const attribute = attributes[attributes.findIndex((x: AttributeValue) => x.Name === attributeName)];\r\n            if (attribute !== undefined) {\r\n                // const brandValue = attrbute && attrbute.TextValue ? attrbute.TextValue : 'SizeNotDefined';\r\n                const attributeValue = attribute.TextValue ? attribute.TextValue : '';\r\n                if (attributeValue.length > 0) {\r\n                    this.setState({ badgeDisplay: true });\r\n                    return (\r\n                        <div className={`${moduleType}-discount-badge badges__top`} style={badgeStyle}>\r\n                            {attributeValue}\r\n                        </div>\r\n                    );\r\n                }\r\n            }\r\n        }\r\n        return null;\r\n    }\r\n\r\n    private renderDefaultBadge = (badgeStyle: React.CSSProperties) => {\r\n        const { moduleType, productComponentProduct } = this.props;\r\n        return (\r\n            <div className={`${moduleType}-discount-badge badges__top`} style={badgeStyle}>\r\n                {productComponentProduct?.discount}\r\n            </div>\r\n        );\r\n    };\r\n\r\n    private _renderProductBadge(badgeStyle: React.CSSProperties, showOutofStock: boolean): JSX.Element | null {\r\n        const { moduleType, context } = this.props;\r\n        const badgeShow = context.app.config.badgeShow;\r\n        let attributes;\r\n        if (moduleType === badgePageType.plp && this.props.productComponentProduct) {\r\n            attributes = this.props.productComponentProduct.AttributeValues;\r\n        } else {\r\n            attributes = this.state.productAttributes;\r\n        }\r\n        if (showOutofStock && badgeShow) {\r\n            return this._renderOutofStockBadge(badgeStyle);\r\n        }\r\n        if (this.props.productComponentProduct?.discount) {\r\n            return this.renderDefaultBadge(badgeStyle);\r\n        }\r\n        let attributeValue;\r\n        if (attributes && attributes.length > 0) {\r\n            const attribute =\r\n                attributes[\r\n                    attributes.findIndex((x: AttributeValue) => {\r\n                        const name = x.Name && x.Name.toLowerCase();\r\n                        return name === 'badgetype';\r\n                    })\r\n                ];\r\n            if (attribute !== undefined) {\r\n                attributeValue = attribute.TextValue ? attribute.TextValue : undefined;\r\n                const BadgeType = attributeValue;\r\n\r\n                if (badgeShow === true && BadgeType !== undefined) {\r\n                    if (BadgeType === 'DiscountAmount') {\r\n                        return this._renderDiscountBadgeAmount(badgeStyle);\r\n                    } else if (BadgeType === 'DiscountPercentage') {\r\n                        return this._renderDiscountBadgePercentage(badgeStyle);\r\n                    } else if (BadgeType === 'Rating') {\r\n                        return this._renderRatingBadge(badgeStyle);\r\n                    } else if (BadgeType === 'BadgeText' && BadgeType !== undefined) {\r\n                        return this._renderCustomAttributeBadge(badgeStyle, BadgeType);\r\n                    } else {\r\n                        return null;\r\n                    }\r\n                } else {\r\n                    return null;\r\n                }\r\n            }\r\n        }\r\n        return null;\r\n    }\r\n\r\n    private getDataOnUpdate = async () => {\r\n        const { mediaGalleryProduct, productComponentProduct, context } = this.props;\r\n\r\n        if (mediaGalleryProduct || productComponentProduct) {\r\n            let recordId: number;\r\n            let masterProductId: number | undefined;\r\n            let productId: number;\r\n            // if request is from Buybox/PDP\r\n            if (this.props.moduleType === badgePageType.pdp) {\r\n                const product = mediaGalleryProduct;\r\n                recordId = product!.RecordId;\r\n                masterProductId = product!.MasterProductId;\r\n                productId = masterProductId || recordId;\r\n                // Get product rating\r\n                const ratingInput = new GetRatingsSummaryInput(\r\n                    productId.toString(),\r\n                    getRnrPartnerId(context.actionContext),\r\n                    getRnrEndpointId(context.actionContext)\r\n                );\r\n                const ratings = await getRatingsSummary(ratingInput, context.actionContext);\r\n                const ratingValue = ratings ? ratings.averageRating : 0;\r\n                this.setState({ rating: ratingValue });\r\n                // Get product pricing\r\n                const priceInput = new PriceForSelectedVariantInput(\r\n                    productId,\r\n                    context.request.apiSettings.channelId,\r\n                    product,\r\n                    context.actionContext.requestContext.user.customerAccountNumber\r\n                );\r\n                // Run and await the result of the data action\r\n                const productPriceResult = await getPriceForSelectedVariant(priceInput, context.actionContext);\r\n                const price: ProductPrice = {\r\n                    // BasePrice value has been set based on higher price value among these ↓.\r\n                    BasePrice: Math.max(\r\n                        productPriceResult?.BasePrice || 0,\r\n                        productPriceResult?.TradeAgreementPrice || 0,\r\n                        productPriceResult?.AdjustedPrice || 0\r\n                    ),\r\n                    AdjustedPrice: product!.Price || 0,\r\n                    CustomerContextualPrice: productPriceResult!.CustomerContextualPrice || 0\r\n                };\r\n                this.setState({ productPrice: price });\r\n                // tslint:disable-next-line: no-floating-promises\r\n                this.getProductAttrbute(context.actionContext, productId);\r\n            } else if (this.props.moduleType === badgePageType.plp) {\r\n                const product = productComponentProduct;\r\n                const price: ProductPrice = {\r\n                    BasePrice: (product && product.BasePrice) || 0,\r\n                    AdjustedPrice: (product && product.Price) || 0,\r\n                    CustomerContextualPrice: (product && product.Price) || 0\r\n                };\r\n                this.setState({ rating: productComponentProduct ? productComponentProduct.AverageRating : 0 });\r\n                this.setState({ productPrice: price });\r\n                // tslint:disable-next-line: no-floating-promises\r\n                // this.getProductAttrbute(context.actionContext, product!.RecordId);\r\n            }\r\n        }\r\n    };\r\n\r\n    private getProductAttrbute = async (callerContext: IActionContext, productId: number) => {\r\n        const productAttributeResult = await getAttributeValuesAsync(\r\n            { callerContext, queryResultSettings: {} },\r\n            productId,\r\n            callerContext.requestContext.apiSettings.channelId,\r\n            callerContext.requestContext.apiSettings.catalogId\r\n        );\r\n        this.setState({ productAttributes: productAttributeResult });\r\n    };\r\n}\r\n\r\nexport default VsiProductBadges;\r\n","// tslint:disable\r\n/* eslint-disable security/detect-object-injection */\r\nimport * as EntityClasses from '@msdyn365-commerce/retail-proxy/dist/Entities/CommerceModels.g';\r\nimport * as Entities from '@msdyn365-commerce/retail-proxy/dist/Entities/CommerceTypes.g';\r\n\r\n/**\r\n * VSIRestAPIHandler entity interface.\r\n */\r\nexport interface IVSIRestAPIHandler {\r\n    Id: number;\r\n    result?: {\r\n        Status: boolean;\r\n        NoOfTransactions: string;\r\n    };\r\n    ExtensionProperties?: Entities.CommerceProperty[];\r\n}\r\n\r\n/**\r\n * VSIRestAPIHandler entity class.\r\n */\r\nexport class VSIRestAPIHandlerExtensionClass implements IVSIRestAPIHandler {\r\n    // @ts-ignore - TODO bug fix #23427261 - remove ts-ignore - https://microsoft.visualstudio.com/DefaultCollection/OSGS/_workitems/edit/23427261/\r\n    public Id: number;\r\n\r\n    // @ts-ignore - TODO bug fix #23427261 - remove ts-ignore - https://microsoft.visualstudio.com/DefaultCollection/OSGS/_workitems/edit/23427261/\r\n    public result: Object;\r\n\r\n    // @ts-ignore - TODO bug fix #23427261 - remove ts-ignore - https://microsoft.visualstudio.com/DefaultCollection/OSGS/_workitems/edit/23427261/\r\n    public ExtensionProperties: Entities.CommerceProperty[];\r\n\r\n    // Navigation properties names\r\n\r\n    /**\r\n     * Construct an object from odata response.\r\n     * @param {any} odataObject The odata result object.\r\n     */\r\n    constructor(odataObject?: any) {\r\n        odataObject = odataObject || {};\r\n        // @ts-ignore - TODO bug fix #23427261 - remove ts-ignore - https://microsoft.visualstudio.com/DefaultCollection/OSGS/_workitems/edit/23427261/\r\n        this.Id = odataObject.Id;\r\n\r\n        var newObj = {\r\n            Status: odataObject.Status,\r\n            NoOfTransactions: odataObject.NoOfTransactions\r\n        };\r\n\r\n        // @ts-ignore - TODO bug fix #23427261 - remove ts-ignore - https://microsoft.visualstudio.com/DefaultCollection/OSGS/_workitems/edit/23427261/\r\n        // this.result = odataObject.result;\r\n        this.result = newObj;\r\n\r\n        // @ts-ignore - TODO bug fix #23427261 - remove ts-ignore - https://microsoft.visualstudio.com/DefaultCollection/OSGS/_workitems/edit/23427261/\r\n        this.ExtensionProperties = undefined;\r\n        if (odataObject.ExtensionProperties) {\r\n            this.ExtensionProperties = [];\r\n            for (var i = 0; i < odataObject.ExtensionProperties.length; i++) {\r\n                if (odataObject.ExtensionProperties[i]) {\r\n                    if (odataObject.ExtensionProperties[i]['@odata.type']) {\r\n                        var className: string = odataObject.ExtensionProperties[i]['@odata.type'];\r\n                        className = className.substr(className.lastIndexOf('.') + 1).concat('Class');\r\n                        if (EntityClasses[className]) {\r\n                            this.ExtensionProperties[i] = new EntityClasses[className](odataObject.ExtensionProperties[i]);\r\n                        }\r\n                    } else {\r\n                        this.ExtensionProperties[i] = new EntityClasses.CommercePropertyClass(odataObject.ExtensionProperties[i]);\r\n                    }\r\n                } else {\r\n                    // @ts-ignore - TODO bug fix #23427261 - remove ts-ignore - https://microsoft.visualstudio.com/DefaultCollection/OSGS/_workitems/edit/23427261/\r\n                    this.ExtensionProperties[i] = undefined;\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n","/*!\r\n * Copyright (c) Microsoft Corporation.\r\n * All rights reserved. See LICENSE in the project root for license information.\r\n * THIS FILE IS AN AUTOGENERATED TYPESCRIPT PROXY EXTENSION.\r\n * TO USE THIS FILE, IT MUST BE ADDED TO A D365COMMERCE APPLICATION\r\n */\r\n// tslint:disable\r\nimport { AsyncResult, callActionOrExecute, DataServiceQuery, IContext, IDataServiceRequest } from '@msdyn365-commerce/retail-proxy';\r\n// @ts-ignore\r\nimport * as EntityClasses from '@msdyn365-commerce/retail-proxy/dist/Entities/CommerceModels.g';\r\nimport * as DataServiceEntities from './PopularityDataService.g';\r\n\r\n// @ts-ignore\r\nfunction vSIGetAPIResponseQuery(id?: number): DataServiceQuery {\r\n    const key = id ? { Id: id } : null;\r\n    return new DataServiceQuery('VSIGetRestAPIResponse', 'VSIRestAPIHandler', DataServiceEntities.VSIRestAPIHandlerExtensionClass, key);\r\n}\r\n\r\nexport function createVSIInitiateRestCallInput(ItemID: string, NoOfHours: string, Company: string): IDataServiceRequest {\r\n    const query = vSIGetAPIResponseQuery();\r\n    return query.createDataServiceRequestForOperation(\r\n        'VSI_GetNoOfTransactions',\r\n        true,\r\n        DataServiceEntities.VSIRestAPIHandlerExtensionClass,\r\n        'false',\r\n        { bypassCache: 'get', returnEntity: 'DataServiceEntities.IVSIRestAPIHandler' },\r\n        { ItemID: ItemID, NoOfHours: NoOfHours, Company: Company }\r\n    );\r\n}\r\n\r\nexport function vSIInitiateRestCallAsync(\r\n    context: IContext,\r\n    ItemID: string,\r\n    NoOfHours: string,\r\n    Company: string\r\n): AsyncResult<DataServiceEntities.IVSIRestAPIHandler> {\r\n    const request = createVSIInitiateRestCallInput(ItemID, NoOfHours, Company);\r\n    return callActionOrExecute<DataServiceEntities.IVSIRestAPIHandler>(request, context.callerContext);\r\n}\r\n","import debounce from 'lodash/debounce';\r\nimport { reaction } from 'mobx';\r\nimport { observer } from 'mobx-react';\r\nimport * as React from 'react';\r\nimport { IQuantityProps } from './Quantity.props';\r\n\r\ninterface IQuantityState {\r\n    currentInput: number;\r\n}\r\n/**\r\n * Quantity Component - This component is used to add or remove quantity\r\n */\r\n@observer\r\nexport default class Quantity extends React.PureComponent<IQuantityProps, IQuantityState> {\r\n    public static defaultProps: Partial<IQuantityProps> = {\r\n        min: 1,\r\n        decrementGlyphClass: 'fas fa-minus',\r\n        incrementGlyphClass: 'fas fa-plus'\r\n    };\r\n\r\n    private inputRef: React.RefObject<HTMLInputElement> = React.createRef<HTMLInputElement>();\r\n\r\n    constructor(props: IQuantityProps) {\r\n        super(props);\r\n        this.state = { currentInput: props.currentCount || 1 };\r\n        this._onIncrement = this._onIncrement.bind(this);\r\n        this._onDecrement = this._onDecrement.bind(this);\r\n        this._handleChange = this._handleChange.bind(this);\r\n    }\r\n\r\n    public componentDidUpdate(): void {\r\n        reaction(\r\n            () => this.props.currentCount,\r\n            () => {\r\n                this.setState({ currentInput: this.props.currentCount || 1 });\r\n            }\r\n        );\r\n    }\r\n\r\n    public render(): JSX.Element {\r\n        const glyphMinusClassName: string = `${this.props.decrementGlyphClass!} quantity__controls-glyph`;\r\n        const glyphPlusClassName: string = `${this.props.incrementGlyphClass!} quantity__controls-glyph`;\r\n        const disabled = this.state.currentInput === this.props.min;\r\n        const incDisabled = this.state.currentInput === this.props.max;\r\n        const currentValue = this.state.currentInput;\r\n        let extraClass = '';\r\n        if (disabled) {\r\n            // The quantity has reached its boundaries (max or min)\r\n            extraClass = 'disabled';\r\n        } else if (this.props.disabled) {\r\n            // this.props.disabled shows if the state is not succeded yet\r\n            extraClass = 'transition';\r\n        }\r\n        let extraClassInc = '';\r\n        if (incDisabled) {\r\n            // The quantity has reached its boundaries (max or min)\r\n            extraClassInc = 'disabled';\r\n        } else if (this.props.disabled) {\r\n            // this.props.disabled shows if the state is not succeded yet\r\n            extraClassInc = 'transition';\r\n        }\r\n        return (\r\n            <>\r\n                <div className='quantity' id={this.props.id}>\r\n                    {this.props.hideQuantityControls !== true && (\r\n                        <button\r\n                            disabled={this.props.disabled || disabled}\r\n                            title={disabled ? '' : this.props.decrementButtonAriaLabel}\r\n                            className={`decrement quantity__controls ${extraClass}`}\r\n                            onClick={this._onDecrement}\r\n                            aria-hidden={true}\r\n                            aria-label={`${this.props.decrementButtonAriaLabel}`}\r\n                            tabIndex={-1}\r\n                            color={'secondary'}\r\n                        >\r\n                            <span className={glyphMinusClassName} />\r\n                        </button>\r\n                    )}\r\n                    <input\r\n                        type='number'\r\n                        className='quantity-input'\r\n                        pattern='[0-9]*'\r\n                        value={this.state.currentInput}\r\n                        onChange={this._handleChange}\r\n                        onBlur={this._validateMin}\r\n                        aria-live='polite'\r\n                        aria-label={`${this.props.inputQuantityAriaLabel}`}\r\n                        role='spinbutton'\r\n                        aria-valuemin={this.props.min}\r\n                        aria-valuemax={this.props.max}\r\n                        aria-valuenow={currentValue}\r\n                        ref={this.inputRef}\r\n                        disabled={this.props.disabled || this.props.disabledInput}\r\n                    />\r\n                    {this.props.hideQuantityControls !== true && (\r\n                        <button\r\n                            disabled={this.props.disabled || incDisabled}\r\n                            title={incDisabled ? '' : this.props.incrementButtonAriaLabel}\r\n                            className={`increment quantity__controls ${extraClassInc}`}\r\n                            onClick={this._onIncrement}\r\n                            aria-hidden={true}\r\n                            aria-label={`${this.props.incrementButtonAriaLabel}`}\r\n                            tabIndex={-1}\r\n                            color={'secondary'}\r\n                        >\r\n                            <span className={glyphPlusClassName} />\r\n                        </button>\r\n                    )}\r\n                </div>\r\n            </>\r\n        );\r\n    }\r\n\r\n    private _onIncrement(): void {\r\n        let invokeCallback = false;\r\n        const currQuantity = this.state.currentInput;\r\n        let updatedQuantity: number;\r\n\r\n        if (currQuantity < this.props.max) {\r\n            invokeCallback = true;\r\n            updatedQuantity = currQuantity + 1;\r\n        } else {\r\n            invokeCallback = false;\r\n            updatedQuantity = this.props.max;\r\n        }\r\n\r\n        invokeCallback && this.props.onChange && this.props.onChange(updatedQuantity);\r\n    }\r\n\r\n    private _onDecrement(): void {\r\n        let invokeCallback = false;\r\n        const currQuantity = this.state.currentInput;\r\n        let updatedQuantity: number;\r\n\r\n        if (currQuantity > 1) {\r\n            invokeCallback = true;\r\n            updatedQuantity = currQuantity - 1;\r\n        } else {\r\n            invokeCallback = false;\r\n            updatedQuantity = 1;\r\n        }\r\n\r\n        invokeCallback && this.props.onChange && this.props.onChange(updatedQuantity);\r\n    }\r\n\r\n    private _handleChange(e: React.ChangeEvent<HTMLInputElement>): void {\r\n        const currentValue = parseInt(e.target.value, 10);\r\n        const minValue = this.props.min === undefined ? 1 : this.props.min;\r\n        const inputElement =\r\n            this.inputRef && this.inputRef.current && this.inputRef.current instanceof HTMLInputElement && this.inputRef.current;\r\n\r\n        if (currentValue > this.props.max) {\r\n            this.setState({ currentInput: this.props.max }, () => {\r\n                debounce(() => {\r\n                    this.props.onChange && this.props.onChange(this.state.currentInput);\r\n                }, 200)();\r\n            });\r\n        } else {\r\n            this.setState({ currentInput: currentValue }, () => {\r\n                debounce(() => {\r\n                    if (!isNaN(this.state.currentInput) && !(this.state.currentInput < minValue)) {\r\n                        this.props.onChange && this.props.onChange(this.state.currentInput);\r\n\r\n                        if (inputElement) {\r\n                            inputElement.setAttribute('aria-valuenow', currentValue.toString());\r\n                            inputElement.setAttribute('value', currentValue.toString());\r\n                        }\r\n                    }\r\n                }, 200)();\r\n            });\r\n        }\r\n    }\r\n\r\n    private _validateMin = (): void => {\r\n        const minValue = this.props.min === undefined ? 1 : this.props.min;\r\n        if (isNaN(this.state.currentInput) || this.state.currentInput < minValue) {\r\n            this.props.onChange && this.props.onChange(minValue);\r\n        } else {\r\n            this.props.onChange && this.props.onChange(this.state.currentInput);\r\n        }\r\n    };\r\n}\r\n","import { getProductPageUrlSync } 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 { RatingComponent, AddToWishlistComponent } from '@msdyn365-commerce/components';\r\nimport { PriceComponent } from '../custom-components/product-price-component';\r\nimport { generateImageUrl, ArrayExtensions } from '@msdyn365-commerce-modules/retail-actions';\r\nimport { Quantity } from '../../utilities/quantity';\r\nimport { IDobbiesAddedProductToBundle } from '../../../../modules/dobbies-product-collection/dobbies-product-collection';\r\nimport { CartModulesStateShareInput } from '../../../../actions/cart-state-share';\r\nimport { getCartState } from '@msdyn365-commerce/global-state';\r\nimport {\r\n    getDeliveryOptionsAsync\r\n} from '@msdyn365-commerce/retail-proxy/dist/DataActions/ProductsDataActions.g';\r\nimport { cartLineQuantityUpdatedAsync } from '@msdyn365-commerce-modules/cart-utilities';\r\nimport { ICartActionResult } from '@msdyn365-commerce/global-state';\r\n\r\nimport { getCartFromCustomer } from '@msdyn365-commerce/global-state';\r\nimport {\r\n    IComponent,\r\n    IComponentProps,\r\n    ICoreContext,\r\n    IGridSettings,\r\n    IImageData,\r\n    IImageSettings,\r\n    Image,\r\n    msdyn365Commerce,\r\n    ICommerceApiSettings\r\n} from '@msdyn365-commerce/core';\r\nimport { ProductPrice, AttributeValue, DiscountLine, Cart, CommerceList, LoyaltyCard, SimpleProduct } from '@msdyn365-commerce/retail-proxy';\r\nimport React, { useRef, useState } from 'react';\r\nimport { IProductWithModes } from '../../../../modules/dobbies-search-result-container/components';\r\nimport VsiProductBadges, { badgePageType } from '../../utilities/badges/vsi-product-badges';\r\n\r\n\r\nexport interface IProductComponentProps extends IComponentProps<{ product?: IProductWithModes; discountLine?: DiscountLine }> {\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    allowBack?: boolean;\r\n    telemetryContent?: ITelemetryContent;\r\n    quickViewButton?: React.ReactNode;\r\n    inventoryLabel?: string;\r\n    isPriceMinMaxEnabled?: boolean;\r\n    discountLine?: DiscountLine[] | undefined;\r\n    badgeLink?: string;\r\n    showProdPrice?: boolean;\r\n    showDeliveryIcons?: boolean;\r\n    wishlists?: CommerceList[];\r\n    isMobile?: boolean;\r\n    showBanner?: (prodId: number) => void;\r\n    hideBanner?: (prodId: number) => void;\r\n    loyalty?: LoyaltyCard;\r\n    nonClubPlusDiscount?: ProductPrice;\r\n    isProductAddedToBundles?: boolean; \r\n    maxQuantityForBundle?: number;\r\n    redirectToCartEnabled?: boolean; \r\n    isProductBundles?: boolean,\r\n    isQuantityUpdated?: boolean,\r\n    isBundlesModal?: boolean,\r\n    simpleProduct?: SimpleProduct;\r\n    onQuantityChangeListener?(productId: number, newQuantity: number): void;\r\n    onBundleProductCheckBoxSelected?(productId: number): void;\r\n}\r\n\r\ninterface ILocalImgData {\r\n    primaryUrl: string;\r\n    isPrimaryUrl: boolean;\r\n}\r\nexport interface IProductComponent extends IComponent<IProductComponentProps> {}\r\n\r\nconst PriceComponentActions = {};\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    allowBack,\r\n    typeName,\r\n    id,\r\n    telemetryContent,\r\n    quickViewButton,\r\n    wishlists,\r\n    discountLine,\r\n    badgeLink,\r\n    showBanner,\r\n    hideBanner,\r\n    showDeliveryIcons = !data.product?.IsMasterProduct,\r\n    isMobile,\r\n    loyalty,\r\n    nonClubPlusDiscount,\r\n    isProductAddedToBundles,\r\n    maxQuantityForBundle,\r\n    redirectToCartEnabled,\r\n    isProductBundles,\r\n    isBundlesModal,\r\n    isQuantityUpdated,\r\n    simpleProduct,\r\n    onQuantityChangeListener,\r\n    onBundleProductCheckBoxSelected\r\n}) => {\r\n    // const [displayClubPlusInfo, setDisplayClubPlusInfo] = React.useState(false);\r\n    const [cartData, setCartData] = React.useState<Cart | undefined>(undefined);\r\n    const [updatedProductPrice, setUpdatedProductPrice] = React.useState<number>();\r\n    const [isHover, setIsHover] = useState(false); // for hover effect\r\n    const productImageRef = useRef<HTMLDivElement>(null);\r\n    const [currBundleQuantity, setCurrBundleQuantity] = React.useState<number>(1);\r\n    // const displayClubPlus = () => {\r\n    //     setDisplayClubPlusInfo(!displayClubPlusInfo);\r\n    // }\r\n    const product = data.product;\r\n    if (!product) {\r\n        return null;\r\n    }\r\n    //VSI CUSTOMIZATION -START - Task 11167: PLP hover image flip\r\n    const [images, setImages] = useState<ILocalImgData>({ isPrimaryUrl: false, primaryUrl: '' });\r\n    React.useEffect(() => {\r\n        if(isQuantityUpdated) {\r\n            if(isProductBundles && isBundlesModal) {\r\n                getCartState(context.actionContext).then(cartState => {\r\n                    const cartlines = cartState.cart?.CartLines;\r\n                    if(cartlines && cartlines.length) {\r\n                        const cl = cartlines.find(cl => cl.ProductId === product.RecordId);\r\n                        if (cl && cl.Quantity) {\r\n                            setCurrBundleQuantity(cl.Quantity);\r\n                            if (onQuantityChangeListener) {\r\n                                onQuantityChangeListener(product.RecordId, cl.Quantity);\r\n                            }\r\n                        }\r\n                    }\r\n                }).catch(e => {});\r\n                context.actionContext.update(new CartModulesStateShareInput(), {isQuantityUpdated: false});\r\n                return;\r\n            }\r\n            const cookies = context.actionContext.requestContext.cookies;\r\n            const addedProductsToCollection = cookies.get('added_products_bundles')?.value || [];\r\n            if (Array.isArray(addedProductsToCollection)) {\r\n                for (const obj of addedProductsToCollection) {\r\n                    if(obj['productId'] === product.RecordId) {\r\n                        setCurrBundleQuantity(obj['quantity']);\r\n                        if (onQuantityChangeListener) {\r\n                            onQuantityChangeListener(product.RecordId, obj['quantity']);\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n            context.actionContext.update(new CartModulesStateShareInput(), {isQuantityUpdated: false});\r\n        }\r\n    }, [isQuantityUpdated]);\r\n\r\n    React.useEffect(() => {\r\n        if(isProductAddedToBundles) {\r\n            resetQuantity();\r\n        }\r\n    }, [isProductAddedToBundles]);\r\n\r\n    const resetQuantity = async () => {\r\n        if(isProductBundles){\r\n            const cartState = await getCartState(context.actionContext);\r\n            const cl = cartState.cart.CartLines?.find(c => c.ProductId === product.RecordId);\r\n            if(cl && cl.Quantity) {\r\n                if (isProductBundles && isBundlesModal) {\r\n                    setCurrBundleQuantity(cl.Quantity);\r\n                }\r\n            }\r\n        }\r\n    };\r\n    const resetQuantityOnLoad = async () => {\r\n        if(isProductBundles){\r\n            const cartState = await getCartState(context.actionContext);\r\n            const cl = cartState.cart.CartLines?.find(c => c.ProductId === product.RecordId);\r\n            if(cl && cl.Quantity) {\r\n                if (isProductBundles && isBundlesModal) {\r\n                    setCurrBundleQuantity(cl.Quantity);\r\n                } else if (!isBundlesModal){\r\n                    setCurrBundleQuantity(1);\r\n                }\r\n            } else {\r\n                setCurrBundleQuantity(1);\r\n            }\r\n        }\r\n    };\r\n\r\n\r\n    React.useEffect(() => {\r\n        if (product && product.RecordId) {\r\n            const baseImgUrl = context.request.apiSettings.baseImageUrl;\r\n            const imgName = `Products%2F${product.ItemId}_000_002.png`;\r\n            const fullImgUrl = `${baseImgUrl}${imgName}`;\r\n            if (!fullImgUrl) {\r\n                return;\r\n            } else {\r\n                setImages({ isPrimaryUrl: false, primaryUrl: '' });\r\n            }\r\n            validateMediaLocaionAsync(fullImgUrl)\r\n                .then(result => {\r\n                    if (result[1] === true) {\r\n                        setImages({ isPrimaryUrl: true, primaryUrl: result[0].src! });\r\n                    } else {\r\n                        setImages({ isPrimaryUrl: false, primaryUrl: '' });\r\n                    }\r\n                })\r\n                .catch(error => {\r\n                    context.actionContext.telemetry.exception(error);\r\n                    context.actionContext.telemetry.debug('Unable to validate prodcut images');\r\n                });\r\n        }\r\n    }, [product]);\r\n    //VSI CUSTOMIZATION -END - Task 11167: PLP hover image flip\r\n\r\n    let productUrl = getProductPageUrlSync(product.Name || '', product.RecordId, context && context.actionContext, undefined);\r\n    if (allowBack) {\r\n        productUrl = updateProductUrl(productUrl, context);\r\n    }\r\n\r\n    const getCartData = async () => {\r\n        const cart = await getCartFromCustomer(context.actionContext);\r\n        setCartData(cart);\r\n        await resetQuantityOnLoad();\r\n    };\r\n\r\n    const deSelectProduct = async () => {\r\n        const cartState = await getCartState(context.actionContext);\r\n        const cartlineToRemove = cartState.cart.CartLines?.find(cl => cl.ProductId === product.RecordId);\r\n        if(isProductBundles && isBundlesModal) {\r\n            if(cartlineToRemove) {\r\n                const input = {\r\n                    cartLineIds: [cartlineToRemove.LineId!.toString()]\r\n                };\r\n                    cartState.removeCartLines(input).then(() => {\r\n                    context.actionContext.update(new CartModulesStateShareInput(), {isCartUpdated: true});\r\n                })\r\n                .catch(error => {\r\n                });\r\n            }\r\n            return;\r\n        }\r\n        const cookies = context.actionContext.requestContext.cookies;\r\n        let productsAddedInBundles = cookies.get(\"added_products_bundles\")?.value || [];\r\n        if (Array.isArray(productsAddedInBundles)) {\r\n            for(let i = 0; i < productsAddedInBundles.length; i++) {\r\n                if (productsAddedInBundles[i]['productId'] === product.RecordId) {\r\n                    delete productsAddedInBundles[i];\r\n                }\r\n            }\r\n            const updatedProductsAddedInBundles: IDobbiesAddedProductToBundle[] = [];\r\n            productsAddedInBundles.map(prod => {\r\n                if(prod && prod['productId']) {\r\n                    const dobbiesProductData: IDobbiesAddedProductToBundle = {};\r\n                    dobbiesProductData.productId = prod['productId'];\r\n                    dobbiesProductData.quantity  = prod['quantity'];\r\n                    dobbiesProductData.price = prod['price'];\r\n                    dobbiesProductData.maxQuantity = prod['maxQuantity'];\r\n                    updatedProductsAddedInBundles.push(dobbiesProductData);\r\n                }\r\n            });\r\n            cookies.set('added_products_bundles', updatedProductsAddedInBundles);\r\n            context.actionContext.update(new CartModulesStateShareInput(), {isCartUpdated: true});\r\n        }\r\n    };\r\n\r\n    const onQuantityChange = async (newValue: number) => {\r\n        const cartState = await getCartState(context.actionContext);\r\n        const cl = cartState.cart.CartLines?.find(c => c.ProductId === product.RecordId);\r\n        if(isProductBundles && isBundlesModal) {\r\n            if(!cl) {\r\n                if(onQuantityChangeListener) {\r\n                    onQuantityChangeListener(product.RecordId, newValue);\r\n                }\r\n                setCurrBundleQuantity(newValue);\r\n                return;\r\n            }\r\n            if (cl && cl.Quantity && maxQuantityForBundle && simpleProduct) {\r\n                if(newValue > maxQuantityForBundle) {\r\n                    return;\r\n                }\r\n                const diffInQuantity = newValue - cl.Quantity;\r\n                const deliveryOptions = await getDeliveryOptionsAsync(\r\n                    { callerContext: context.actionContext, queryResultSettings: {} },\r\n                    [product.RecordId]\r\n                );\r\n                const emailDeliveryModeCode = context.actionContext.requestContext.channel?.EmailDeliveryModeCode;\r\n                if(diffInQuantity > 0) {\r\n                    const addProductToCartInput = {\r\n                        product: simpleProduct,\r\n                        quantity: diffInQuantity,\r\n                        enableStockCheck: context.app.config.enableStockCheck,\r\n                        availableQuantity: maxQuantityForBundle,\r\n                        isAddEmailDeliveryItemToCart:\r\n                            ArrayExtensions.hasElements(deliveryOptions) &&\r\n                            ArrayExtensions.hasElements(deliveryOptions[0].DeliveryOptions) &&\r\n                            deliveryOptions[0].DeliveryOptions[0].Code === emailDeliveryModeCode\r\n                    };\r\n                    cartState.addProductToCart(addProductToCartInput)\r\n                    .then(async result => {\r\n                        if (result.status === 'SUCCESS') {\r\n                            context.actionContext.update(new CartModulesStateShareInput(), {isCartUpdated: true});\r\n                        }\r\n                }).catch(e => {});\r\n                } else if (diffInQuantity < 0) {\r\n                    cartLineQuantityUpdatedAsync(\r\n                        true,\r\n                        cartState,\r\n                        context.actionContext.telemetry,\r\n                        [simpleProduct],\r\n                        cl,\r\n                        newValue\r\n                    )\r\n                        .then((cartActionResult: ICartActionResult | undefined): boolean => {\r\n                            if (cartActionResult?.status === 'SUCCESS') {\r\n                                context.actionContext.update(new CartModulesStateShareInput(), {isCartUpdated: true});\r\n                                return true;\r\n                            }\r\n                            return false;\r\n                        }).catch(e => {});\r\n                }\r\n                if(onQuantityChangeListener) {\r\n                    onQuantityChangeListener(product.RecordId, newValue);\r\n                }\r\n                setCurrBundleQuantity(newValue);\r\n            }\r\n            return;\r\n        }\r\n        const cookies = context.actionContext.requestContext.cookies;\r\n            const addedProductsToCollection = cookies.get(\"added_products_bundles\")?.value || [];\r\n            const updatedProducts: IDobbiesAddedProductToBundle[] = [];\r\n            if (Array.isArray(addedProductsToCollection)) {\r\n                for (const obj of  addedProductsToCollection) {\r\n                    if (obj['productId'] === product.RecordId) {\r\n                        const valueToBeUpdated = newValue;\r\n                        if(valueToBeUpdated > 0) {\r\n                            updatedProducts.push({ productId: obj['productId'], price: obj['price'], quantity: valueToBeUpdated, maxQuantity: maxQuantityForBundle });\r\n                        }\r\n                    } else {\r\n                        updatedProducts.push({ productId: obj['productId'], price: obj['price'], quantity: obj['quantity'], maxQuantity: obj['maxQuantity'] });\r\n                    }\r\n                }\r\n                cookies.set('added_products_bundles', updatedProducts);\r\n            }\r\n        setCurrBundleQuantity(newValue);\r\n        context.actionContext.update(new CartModulesStateShareInput(), {isCartUpdated: true});\r\n        if(onQuantityChangeListener) {\r\n            onQuantityChangeListener(product.RecordId, newValue);\r\n        }\r\n    };\r\n\r\n    const checkboxClicked = () => {\r\n        if(isProductAddedToBundles) {\r\n            deSelectProduct();\r\n        } else if(onBundleProductCheckBoxSelected){\r\n            onBundleProductCheckBoxSelected(product.RecordId);\r\n        }\r\n    }\r\n\r\n    React.useEffect(() => {\r\n        getCartData();\r\n        setUpdatedProductPrice(product.Price);\r\n\r\n        productImageRef.current?.addEventListener('contextmenu', e => {\r\n            e.preventDefault();\r\n        });\r\n    }, []);\r\n\r\n    /**\r\n     * Gets the react node for  product description.\r\n     * @param  quickview - Quick view node.\r\n     * @param  item - Product id to de displayed in quickview.\r\n     * @returns The product quickview component.     */\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        return React.cloneElement(quickview as React.ReactElement, { selectedProductId: item });\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    //VSI CUSTOMIZATION -START - Check current loyalty tier id.\r\n    const getTierId = () => {\r\n        if (loyalty!?.LoyaltyGroups!?.length > 0) {\r\n            const highestActiveLoyaltyCardTier = loyalty!.LoyaltyGroups![0]?.HighestActiveLoyaltyCardTier;\r\n            const loyaltyCardTiers = loyalty!.LoyaltyGroups![0]?.LoyaltyCardTiers;\r\n            const loyaltyCardTier = loyaltyCardTiers?.find(tier => tier.RecordId === highestActiveLoyaltyCardTier);\r\n            return loyaltyCardTier?.LoyaltyTierRecordId;\r\n        }\r\n        return undefined;\r\n    };\r\n    //VSI CUSTOMIZATION -END\r\n    const checkClubPlusDiscounts =\r\n        discountLine && discountLine.length > 0 && discountLine?.find(x => x.OfferId === context.app.config.discountId);\r\n    const checkUserLoyalty = getTierId() === context.app.config.LoyaltyTierId ? true : undefined;\r\n        // cartData && cartData.AffiliationLines && cartData.AffiliationLines.find(x => x.LoyaltyTierId === context.app.config.LoyaltyTierId);\r\n    // const checkNonClubPlusDiscounts = discountLine && discountLine.find(x => x.OfferId !== context.app.config.discountId);\r\n    const membershipDiscount = discountLine && discountLine.find(x => x.OfferId === context.app.config.membershipDiscountId);\r\n    //VSI CUSTOMIZATION -START - Task 11167: PLP hover image flip\r\n    const getImgContainer = () => {\r\n        if (!(typeName === 'dobbies-search-result-container' || images.isPrimaryUrl === false)) {\r\n            return (\r\n                <div className='msc-product__image'>\r\n                    {renderProductPlacementImage(\r\n                        imageSettings,\r\n                        context.request.gridSettings,\r\n                        product.PrimaryImageUrl,\r\n                        product.Name,\r\n                        context.request.apiSettings\r\n                    )}\r\n                </div>\r\n            );\r\n        }\r\n        return (\r\n            <div className='msc-product__image'>\r\n                {renderProductPlacementImage(\r\n                    imageSettings,\r\n                    context.request.gridSettings,\r\n                    product.PrimaryImageUrl,\r\n                    product.Name,\r\n                    context.request.apiSettings\r\n                )}\r\n                {renderProductPlacementImage(\r\n                    imageSettings,\r\n                    context.request.gridSettings,\r\n                    images.primaryUrl,\r\n                    product.Name,\r\n                    context.request.apiSettings\r\n                )}\r\n            </div>\r\n        );\r\n    };\r\n    //VSI CUSTOMIZATION -END - Task 11167: PLP hover image flip\r\n    return (\r\n        product.ItemId ? \r\n        <div onMouseOver={() => setIsHover(true)} onMouseLeave={() => setIsHover(false)}>\r\n            <div\r\n                onClick={onTelemetryClick(telemetryContent!, payLoad, product.Name!)}\r\n                aria-label={renderLabel(\r\n                    product.Name,\r\n                    context.cultureFormatter.formatCurrency(product.Price, context.request.channel?.Currency),\r\n                    product.AverageRating,\r\n                    ratingAriaLabel\r\n                )}\r\n                data-product-id={product.ItemId}\r\n                className='msc-product'\r\n                {...attribute}\r\n            >\r\n                <div className={isProductAddedToBundles? 'productAdded' : ''}\r\n                    style={{\r\n                        position: 'relative'\r\n                    }}\r\n                >\r\n                    <div className='msc-product__image' ref={productImageRef}>\r\n                        {isProductBundles &&\r\n                            <div>\r\n                                <input className='msc-product__checkbox' type='checkbox' checked={isProductAddedToBundles}  onClick={() => {checkboxClicked()}} />\r\n                                <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"16\" viewBox=\"761.5 1255 13 16\"><g data-name=\"Group 1749\"><path d=\"m761.5 1265 5 6\" stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"#fff\" fill=\"transparent\" data-name=\"Line 1331\"/><path d=\"m774.5 1255-8 16\" stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"#fff\" fill=\"transparent\" data-name=\"Line 1332\"/></g></svg>\r\n                            </div>\r\n                        }\r\n                        <a\r\n                            href={productUrl}\r\n                            style={{\r\n                                display: 'block',\r\n                                outline: 'none'\r\n                            }}\r\n                        >\r\n                            {/* //VSI CUSTOMIZATION -START - Task 11167: PLP hover image flip */}\r\n                            {getImgContainer()}\r\n                            {/* //VSI CUSTOMIZATION -END - Task 11167: PLP hover image flip */}\r\n                        </a>\r\n\r\n                        <VsiProductBadges productComponentProduct={product} context={context} moduleType={badgePageType.plp} />\r\n                    </div>\r\n\r\n                    {isHover && quickViewButton && renderQuickView(quickViewButton, product.RecordId)}\r\n\r\n                    {(isHover || isMobile) && (\r\n                        <div className='msc-wishlist-button fade-in-plp'>\r\n                            <AddToWishlistComponent\r\n                                className='msc-add-to-cart-extra-actions'\r\n                                addToWishlistButtonText='Add to Wishlist'\r\n                                removeFromWishlistButtonText='Remove from Wishlist'\r\n                                addToWishlistMessage='Added'\r\n                                removedFromWishlistMessage='Removed'\r\n                                addItemToWishlistError='Error'\r\n                                removeItemFromWishlistError='Remove Error'\r\n                                nameOfWishlist='My Favourites'\r\n                                // @ts-ignore\r\n                                data={{ product, wishlists }}\r\n                                context={context}\r\n                                id={id}\r\n                                ariaRole='button'\r\n                                typeName={typeName}\r\n                                // onError={onAddToWishlistFailed(callbacks, resources, product)}\r\n                            />\r\n                        </div>\r\n                    )}\r\n                </div>\r\n\r\n                <div className='msc-product__content'>\r\n                    <a className='msc-product__url'\r\n                    href={productUrl}\r\n                    style={{\r\n                        width: '100%'\r\n                    }}\r\n                >\r\n                    <div\r\n                        className='msc-product__details'\r\n                    >\r\n                        {/* <h4 className='msc-product__title'>{product.Name}</h4> */}\r\n                        <h4 title={getProductName(product, product.Name!)} className='msc-product__title'>{getProductName(product, product.Name!)}</h4>\r\n\r\n                        {renderPrice(\r\n                            context,\r\n                            typeName,\r\n                            id,\r\n                            checkUserLoyalty && membershipDiscount ? product.BasePrice : nonClubPlusDiscount?.AdjustedPrice!,\r\n                            checkUserLoyalty && membershipDiscount ? product.Price : nonClubPlusDiscount?.CustomerContextualPrice!,\r\n                            savingsText,\r\n                            freePriceText,\r\n                            originalPriceText,\r\n                            currentPriceText,\r\n                            checkUserLoyalty && membershipDiscount ? discountLine : nonClubPlusDiscount?.DiscountLines,\r\n                            cartData,\r\n                            updatedProductPrice,\r\n                            getTierId,\r\n                            checkClubPlusDiscounts\r\n                        )}\r\n                        {/* {renderDescription(product.Description)} */}\r\n                        {!context.app.config.hideRating &&\r\n                            renderRating(context, typeName, id, product.AverageRating, product.TotalRatings, ratingAriaLabel)}\r\n\r\n                        {/*do not show delivery and C&C icons on plp*/}\r\n                        {showDeliveryIcons && (\r\n                            <div className='msc-product__delivery row'>\r\n                                {product!.isHomeDelivery ? (\r\n                                    <div className='msc-product__isHD-active' />\r\n                                ) : (\r\n                                    <div className='msc-product__isHD' />\r\n                                )}\r\n                                {product!.isCnC ? <div className='msc-product__isCnC-active' /> : <div className='msc-product__isCnC' />}\r\n                            </div>\r\n                        )}\r\n                    </div>\r\n                </a>\r\n                {isProductBundles &&\r\n                        <div className='msc-product__product-quantity msc-cart-line__product-quantity'>\r\n                            <label className='quantity-label'>Quantity:</label>\r\n                            <Quantity\r\n                                id={`msc-cart-line__quantity_${product.RecordId}`}\r\n                                currentCount={currBundleQuantity}\r\n                                onChange={onQuantityChange}\r\n                                hideQuantityControls={false}\r\n                                disabledInput={false}\r\n                                max={maxQuantityForBundle}\r\n                                min={1}\r\n                            />\r\n                        </div>\r\n                    }\r\n                </div>\r\n                {checkClubPlusDiscounts && checkUserLoyalty && (\r\n                    <div className='product-card-club-plus-discount product-card-club-plus'>\r\n                        <p>Club Plus Price</p>\r\n                        <p className='product-card-club-plus-price'>£{product.Price.toFixed(2)}</p>\r\n                    </div>\r\n                )}\r\n                {checkClubPlusDiscounts && checkUserLoyalty === undefined && (\r\n                    <div className={product.clubPlusBanner ? 'product-card-club-plus-badge badge-collapse-pdp' : 'product-card-club-plus-badge'}>\r\n                        {product.clubPlusBanner && (\r\n                            <div className='product-club-plus-container-info'>\r\n                                <div onClick={() => hideBanner && hideBanner(product.RecordId)} className='product-card-club-plus-cross'></div>\r\n                                <p className='product-club-plus-info'>\r\n                                    {/* Join Dobbies Club Plus for just £12 a year and enjoy 10% off on plants, bulbs and Seeds.{' '} */}\r\n                                    Join Club Plus and save 10% on plants, bulbs and seeds all year round\r\n                                    <span>\r\n                                        {' '}\r\n                                        <a href={badgeLink ? badgeLink : ''}>Find out more</a>\r\n                                    </span>\r\n                                </p>\r\n                            </div>\r\n                        )}\r\n                        <div className='product-card-club-plus'>\r\n                            <p>Club Plus Price</p>\r\n                            <p className='product-card-club-plus-price'>£{product.Price.toFixed(2)}</p>\r\n                            <div onClick={() => showBanner && showBanner(product.RecordId)} className='product-card-club-plus-icon'>\r\n                                <p>?</p>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                )}\r\n            </div>\r\n        </div> : <></>\r\n    );\r\n};\r\n\r\nfunction getProductName(product: IProductWithModes | undefined, productName: string): string | undefined {\r\n    let prodName = '';\r\n    if (product && product.AttributeValues?.length == 0) {\r\n        prodName = productName;\r\n    } else {\r\n        product &&\r\n            product.AttributeValues?.map((val: AttributeValue) => {\r\n                if (val.Name === 'EComName' && val.TextValue !== '') {\r\n                    prodName = val.TextValue!;\r\n                } else {\r\n                    prodName = productName;\r\n                }\r\n            });\r\n    }\r\n    return prodName;\r\n}\r\n\r\nfunction renderLabel(name?: string, price?: string, rating?: number, ratingAriaLabel?: string): string {\r\n    name = name || '';\r\n    price = price || '';\r\n    return `${name} ${price} ${getRatingAriaLabel(rating, ratingAriaLabel)}`;\r\n}\r\n\r\n// function 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 updateProductUrl(productUrl: string, context: ICoreContext): string {\r\n    const srcUrl = new URL(productUrl, context.request.apiSettings.baseUrl);\r\n    const queryString = `back=true`;\r\n    if (srcUrl.search) {\r\n        srcUrl.search += `&${queryString}`;\r\n    } else {\r\n        srcUrl.search += queryString;\r\n    }\r\n\r\n    const updatedUrl = new URL(srcUrl.href);\r\n    return updatedUrl.pathname + srcUrl.search;\r\n}\r\n\r\nfunction renderRating(\r\n    context: ICoreContext,\r\n    typeName: string,\r\n    id: string,\r\n    avgRating?: number,\r\n    totalRatings?: number,\r\n    ariaLabel?: string\r\n): JSX.Element | null {\r\n    if (!avgRating) {\r\n        return null;\r\n        // display empty box to match the design of when rating isnt there on product component\r\n    }\r\n\r\n    const numRatings = (totalRatings && totalRatings.toString()) || undefined;\r\n    const ratingAriaLabel = getRatingAriaLabel(avgRating, ariaLabel);\r\n\r\n    return (\r\n        <RatingComponent\r\n            context={context}\r\n            id={id}\r\n            typeName={typeName}\r\n            avgRating={avgRating}\r\n            ratingCount={numRatings}\r\n            readOnly={true}\r\n            ariaLabel={ratingAriaLabel}\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    discountLine?: DiscountLine[] | undefined,\r\n    cartData?: Cart | undefined,\r\n    updatedPrice?: number,\r\n    getTierId?: () => number | undefined,\r\n    clubPlusDiscountsOfferId?: DiscountLine | undefined | false\r\n): JSX.Element | null {\r\n    const price: ProductPrice = {\r\n        BasePrice: basePrice,\r\n        AdjustedPrice: adjustedPrice,\r\n        CustomerContextualPrice: adjustedPrice\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: price }}\r\n            savingsText={savingsText}\r\n            freePriceText={freePriceText}\r\n            originalPriceText={originalPriceText}\r\n            discountLine={discountLine}\r\n            cartData={cartData}\r\n            updatedPrice={updatedPrice}\r\n            getTierId={getTierId}\r\n            clubPlusDiscountsOfferId={clubPlusDiscountsOfferId}\r\n        />\r\n    );\r\n}\r\n\r\n//VSI CUSTOMIZATION -START - Task 11167: PLP hover image flip\r\nasync function validateMediaLocaionAsync(uri: string): Promise<[IImageData, boolean]> {\r\n    const imageData = {\r\n        src: uri || '',\r\n        altText: ''\r\n    };\r\n    if (imageData.src === '') {\r\n        return [imageData, false];\r\n    }\r\n    return new Promise<[IImageData, boolean]>(resolve => {\r\n        try {\r\n            const http = new XMLHttpRequest();\r\n            http.open('HEAD', imageData.src, true);\r\n            http.addEventListener('load', () => {\r\n                resolve([imageData, http.status === 200 || http.status === 201]);\r\n            });\r\n            http.addEventListener('error', () => {\r\n                resolve([imageData, false]);\r\n            });\r\n            http.send();\r\n        } catch {\r\n            resolve([imageData, false]);\r\n        }\r\n    });\r\n}\r\n//VSI CUSTOMIZATION -END - Task 11167: PLP hover image flip\r\nfunction renderProductPlacementImage(\r\n    imageSettings?: IImageSettings,\r\n    gridSettings?: IGridSettings,\r\n    imageUrl?: string,\r\n    altText?: string,\r\n    apiSettings?: ICommerceApiSettings\r\n): JSX.Element | null {\r\n    if (!imageUrl || !gridSettings || !imageSettings || !apiSettings) {\r\n        return null;\r\n    }\r\n\r\n    const newImageUrl = generateImageUrl(imageUrl, apiSettings);\r\n\r\n    const img: IImageData = {\r\n        src: newImageUrl ? newImageUrl : '',\r\n        altText: altText ? altText : ''\r\n    };\r\n    const imageProps = {\r\n        gridSettings: gridSettings,\r\n        imageSettings: imageSettings\r\n    };\r\n    imageProps.imageSettings.cropFocalRegion = true;\r\n\r\n    // debugger;\r\n    return <Image {...img} {...imageProps} loadFailureBehavior='empty' />;\r\n}\r\n\r\n// @ts-ignore\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","import classnames from 'classnames';\r\nimport * as React from 'react';\r\n\r\n/*!\r\n * Copyright (c) Microsoft Corporation.\r\n * All rights reserved. See LICENSE in the project root for license information.\r\n */\r\nimport { IComponent, IComponentProps, msdyn365Commerce } from '@msdyn365-commerce/core';\r\nimport { ProductPrice, DiscountLine, Cart } from '@msdyn365-commerce/retail-proxy';\r\n\r\nexport interface IPriceComponentProps extends IComponentProps<{ price: ProductPrice }> {\r\n    className?: string;\r\n    savingsText?: string;\r\n    freePriceText?: string;\r\n    originalPriceText?: string;\r\n    currentPriceText?: string;\r\n    discountLine?: DiscountLine[] | undefined;\r\n    cartData?: Cart;\r\n    updatedPrice?: number;\r\n    currencyCode?: string;\r\n    getTierId?: () => number | undefined;\r\n    clubPlusDiscountsOfferId?: DiscountLine | undefined | false;\r\n}\r\nexport interface IPriceComponent extends IComponent<IPriceComponentProps> {}\r\n\r\nconst PriceComponentActions = {};\r\n\r\nconst Price: React.FC<IPriceComponentProps> = (props: IPriceComponentProps) => {\r\n    // CustomerContextualPrice could be 0\r\n    if (props.data.price.CustomerContextualPrice === undefined) {\r\n        return null;\r\n    }\r\n\r\n    //loyalty &&\r\n\r\n    return (\r\n        <span className={classnames('msc-price', props.className)}>\r\n            {showStrikethroughPricing(props) ? renderCurrentPriceWithOriginalPrice(props) : renderCurrentPrice(props)}\r\n        </span>\r\n    );\r\n};\r\n\r\nconst showStrikethroughPricing = (props: IPriceComponentProps) => {\r\n    const originalPrice = getOriginalPrice(props);\r\n\r\n    if (originalPrice && props.data.price.CustomerContextualPrice) {\r\n        return originalPrice > props.data.price.CustomerContextualPrice;\r\n    }\r\n\r\n    return false;\r\n};\r\n\r\nconst getOriginalPrice = (props: IPriceComponentProps) => {\r\n    return Math.max(props.data.price.BasePrice || 0, props.data.price.TradeAgreementPrice || 0, props.data.price.AdjustedPrice || 0);\r\n};\r\n\r\nconst renderCurrentPrice = (props: IPriceComponentProps, clubPlusDiscountsOfferId?: DiscountLine, checkUserLoyalty?: boolean): JSX.Element | undefined => {\r\n    const initialPrice = formatCurrency(props, props.data.price.CustomerContextualPrice);\r\n    return (\r\n        <span className={`msc-price__actual ${clubPlusDiscountsOfferId && checkUserLoyalty ? \"msc-price__strikethrough\" : \"\"}`} itemProp='price'>\r\n            {initialPrice}\r\n        </span>\r\n    );\r\n};\r\n\r\nconst formatCurrency = (props: IPriceComponentProps, price: number | undefined): string | undefined => {\r\n    if (price === undefined) {\r\n        return undefined;\r\n    }\r\n\r\n    if (price === 0 && props.freePriceText) {\r\n        return props.freePriceText;\r\n    }\r\n\r\n    return props.context.cultureFormatter.formatCurrency(price, props.currencyCode);\r\n};\r\n\r\nconst renderCurrentPriceWithOriginalPrice = (props: IPriceComponentProps): JSX.Element | null => {\r\n    const originalPrice = getOriginalPrice(props);\r\n    const initialPrice = formatCurrency(props, originalPrice);\r\n\r\n    const checkClubPlusDiscounts = props.discountLine && props.discountLine.find(x => x.OfferId === props.context.app.config.discountId);\r\n    const checkUserLoyalty = props.getTierId && props.getTierId() === props.context.app.config.LoyaltyTierId ? true : undefined;\r\n        // props.cartData &&\r\n        // props.cartData.AffiliationLines &&\r\n        // props.cartData.AffiliationLines.find(x => x.LoyaltyTierId === props.context.app.config.LoyaltyTierId);\r\n    const checkNonClubPlusDiscounts = props.discountLine && props.discountLine.find(x => x.OfferId !== props.context.app.config.discountId);\r\n\r\n    const clubPlusFormatCurrency = (\r\n        props: IPriceComponentProps,\r\n        price: number | undefined,\r\n        nonClubPlusPrice: number | undefined\r\n    ): string | undefined => {\r\n        if (price === undefined) {\r\n            return undefined;\r\n        }\r\n        if (price === 0 && props.freePriceText) {\r\n            return props.freePriceText;\r\n        }\r\n\r\n        if (nonClubPlusPrice === undefined) {\r\n            return undefined;\r\n        }\r\n        if (nonClubPlusPrice === 0 && props.freePriceText) {\r\n            return props.freePriceText;\r\n        }\r\n\r\n        return props.context.cultureFormatter.formatCurrency(nonClubPlusPrice, props.context.request.channel?.Currency);\r\n    };\r\n\r\n    const renderClubPlusCurrentPrice = (props: IPriceComponentProps): JSX.Element | undefined => {\r\n        const initialPrice = clubPlusFormatCurrency(props, props.data.price.CustomerContextualPrice, props.updatedPrice);\r\n        return (\r\n            <span className='msc-price__actual' itemProp='price'>\r\n                {initialPrice}\r\n            </span>\r\n        );\r\n    };\r\n\r\n    return (\r\n        <>\r\n            {checkClubPlusDiscounts && checkUserLoyalty ? (\r\n                <>\r\n                    <span className='sr-only'>\r\n                        {' '}\r\n                        {props.originalPriceText} {initialPrice} {props.currentPriceText} {renderCurrentPrice(props)}\r\n                    </span>\r\n                    {/* VSI Customization - Start - 23/10/2020 */}\r\n                    {/* Displayed discounted price on the left, Actual price on the right */}\r\n\r\n                    <span className='msc-price__strikethrough' aria-hidden='true'>\r\n                        {initialPrice}\r\n                    </span>\r\n                </>\r\n            ) : checkClubPlusDiscounts && checkNonClubPlusDiscounts && checkUserLoyalty === undefined ? (\r\n                <>\r\n                    <span className='sr-only'>\r\n                        {' '}\r\n                        {props.originalPriceText} {initialPrice} {props.currentPriceText} {renderCurrentPrice(props)}\r\n                    </span>\r\n                    {/* VSI Customization - Start - 23/10/2020 */}\r\n                    {/* Displayed discounted price on the left, Actual price on the right */}\r\n                    <span className='msc-price__strikethrough' aria-hidden='true'>\r\n                        {initialPrice}\r\n                    </span>\r\n                    <span className='msc-price__salePrice' aria-hidden='true'>\r\n                        {renderClubPlusCurrentPrice(props)}\r\n                    </span>\r\n                    {/* VSI - Customization - End */}\r\n                    {props.savingsText && <span className='msc-price__savings'>{props.savingsText}</span>}\r\n                </>\r\n            ) : checkClubPlusDiscounts && checkUserLoyalty === undefined ? (\r\n                <>\r\n                    <span className='sr-only'>\r\n                        {' '}\r\n                        {props.originalPriceText} {initialPrice} {props.currentPriceText} {renderCurrentPrice(props)}\r\n                    </span>\r\n                    {/* VSI Customization - Start - 23/10/2020 */}\r\n                    {/* Displayed discounted price on the left, Actual price on the right */}\r\n\r\n                    <span className='msc-price__actual' aria-hidden='true'>\r\n                        {initialPrice}\r\n                    </span>\r\n                </>\r\n            ) : (\r\n                <>\r\n                    <span className='sr-only'>\r\n                        {' '}\r\n                        {props.originalPriceText} {initialPrice} {props.currentPriceText} {renderCurrentPrice(props)}\r\n                    </span>\r\n                    {/* VSI Customization - Start - 23/10/2020 */}\r\n                    {/* Displayed discounted price on the left, Actual price on the right */}\r\n                    <span className='msc-price__strikethrough' aria-hidden='true'>\r\n                        {initialPrice}\r\n                    </span>\r\n                    {props.clubPlusDiscountsOfferId && checkUserLoyalty ? (\r\n                        <span className='msc-price__salePrice' aria-hidden='true'>\r\n                            {renderCurrentPrice(props, props.clubPlusDiscountsOfferId, checkUserLoyalty)}\r\n                        </span>\r\n                    ) : (\r\n                        <span className='msc-price__salePrice' aria-hidden='true'>\r\n                            {renderCurrentPrice(props)}\r\n                        </span>\r\n                    )}\r\n                    {/* VSI - Customization - End */}\r\n                    {props.savingsText && <span className='msc-price__savings'>{props.savingsText}</span>}\r\n                </>\r\n            )}\r\n        </>\r\n    );\r\n};\r\n\r\n// @ts-ignore\r\nexport const PriceComponent: React.FunctionComponent<IPriceComponentProps> = msdyn365Commerce.createComponentOverride<IPriceComponent>(\r\n    'Price',\r\n    { component: Price, ...PriceComponentActions }\r\n);\r\n\r\nexport default PriceComponent;\r\n"],"names":["CartModulesStateShareInput","constructor","getCacheKey","getCacheObjectType","dataCacheType","async","updateCartStateAction","input","ctx","isCartUpdated","undefined","isQuantityUpdated","createObservableDataAction","action","inputData","badgePageType","VSIRestAPIHandlerExtensionClass","odataObject","this","Id","newObj","Status","NoOfTransactions","result","ExtensionProperties","i","length","className","substr","lastIndexOf","concat","EntityClasses","createVSIInitiateRestCallInput","ItemID","NoOfHours","Company","id","key","DataServiceQuery","DataServiceEntities","vSIGetAPIResponseQuery","createDataServiceRequestForOperation","bypassCache","returnEntity","VsiProductBadges","React","props","super","findBannerData","_this$props$mediaGall","mediaGalleryProduct","ItemId","_this$props$mediaGall2","context","callerContext","actionContext","res","request","callActionOrExecute","vSIInitiateRestCallAsync","app","config","popularityBannerHours","popularityBannerCompany","_res$result","_res$result2","setState","showBannerStatus","totalProdTransaction","err","console","log","componentDidUpdate","prevProps","getDataOnUpdate","componentDidMount","productComponentProduct","_shouldShowOutOfStock","productAvailableData","moduleType","recordId","masterProductId","productId","pdp","_attributes","_attName$TextValue","product","attributes","RecordId","MasterProductId","plp","AttributeValues","state","productAttributes","getProductAttrbute","attName","find","onlystore","Name","AttValue","TextValue","toLocaleLowerCase","IsProductAvailable","renderDefaultBadge","badgeStyle","style","discount","ratingInput","GetRatingsSummaryInput","toString","getRnrPartnerId","getRnrEndpointId","ratings","getRatingsSummary","ratingValue","averageRating","rating","priceInput","PriceForSelectedVariantInput","apiSettings","channelId","requestContext","user","customerAccountNumber","productPriceResult","getPriceForSelectedVariant","price","BasePrice","Math","max","TradeAgreementPrice","AdjustedPrice","Price","CustomerContextualPrice","productPrice","AverageRating","productAttributeResult","getAttributeValuesAsync","queryResultSettings","catalogId","badgeDisplay","imageBadge","showPromotionalBanner","render","appConfig","moduleConfig","badgeFontColor","badgeBackgroundColor","badgeFontBold","badgeShow","badgeBorderShow","badgeRating","imageBadgeLeftAlign","color","backgroundColor","border","fontWeight","badgeStyleRight","float","parentClassName","showOutofStock","_renderProductBadge","Number","popularityBannerThreshold","_renderPromotionalBanner","display","alignItems","justifyContent","alignContent","marginRight","marginTop","marginLeft","fontSize","textAlign","_renderImageBadge","attributeName","attribute","findIndex","x","attributeValue","baseImageURL","baseImageUrl","badgeImage","trim","toLowerCase","img","src","altText","imageProps","gridSettings","imageSettings","Image","Object","assign","loadFailureBehavior","_renderDiscountBadgePercentage","round","_renderRatingBadge","topRating","badgeRatingText","_renderOutofStockBadge","exitBadgeStyle","badgeHeadingStyle","badgeDescriptionStyle","_displayPromotionalBanner","onClick","_renderDiscountBadgeAmount","toFixed","_this$props$context$r","discountWithCurrenceySign","cultureFormatter","formatCurrency","channel","Currency","_renderCustomAttributeBadge","_this$props$productCo","BadgeType","Quantity","inputRef","_validateMin","minValue","min","isNaN","currentInput","onChange","currentCount","_onIncrement","bind","_onDecrement","_handleChange","reaction","glyphMinusClassName","decrementGlyphClass","glyphPlusClassName","incrementGlyphClass","disabled","incDisabled","currentValue","extraClass","extraClassInc","hideQuantityControls","title","decrementButtonAriaLabel","tabIndex","type","pattern","value","onBlur","inputQuantityAriaLabel","role","ref","disabledInput","incrementButtonAriaLabel","invokeCallback","currQuantity","updatedQuantity","e","parseInt","target","inputElement","current","HTMLInputElement","debounce","setAttribute","defaultProps","__decorate","observer","getProductName","productName","_product$AttributeVal","prodName","_product$AttributeVal2","map","val","renderLabel","name","ratingAriaLabel","getRatingAriaLabel","roundedRating","format","renderProductPlacementImage","imageUrl","newImageUrl","generateImageUrl","cropFocalRegion","ProductComponent","msdyn365Commerce","createComponentOverride","_objectSpread","component","_ref","_data$product","_context$request$chan","data","savingsText","freePriceText","originalPriceText","currentPriceText","allowBack","typeName","telemetryContent","quickViewButton","wishlists","discountLine","badgeLink","showBanner","hideBanner","showDeliveryIcons","IsMasterProduct","isMobile","loyalty","nonClubPlusDiscount","isProductAddedToBundles","maxQuantityForBundle","redirectToCartEnabled","isProductBundles","isBundlesModal","simpleProduct","onQuantityChangeListener","onBundleProductCheckBoxSelected","cartData","setCartData","updatedProductPrice","setUpdatedProductPrice","isHover","setIsHover","useState","productImageRef","useRef","currBundleQuantity","setCurrBundleQuantity","images","setImages","isPrimaryUrl","primaryUrl","_cookies$get","getCartState","then","cartState","_cartState$cart","cartlines","cart","CartLines","cl","ProductId","catch","update","addedProductsToCollection","cookies","get","Array","isArray","obj","resetQuantity","_cartState$cart$CartL","c","fullImgUrl","uri","imageData","Promise","resolve","http","XMLHttpRequest","open","addEventListener","status","send","_unused","validateMediaLocaionAsync","error","telemetry","exception","debug","productUrl","getProductPageUrlSync","srcUrl","URL","baseUrl","queryString","search","href","pathname","updateProductUrl","getCartData","getCartFromCustomer","_cartState$cart$CartL2","resetQuantityOnLoad","checkboxClicked","_cartState$cart$CartL3","_cookies$get2","cartlineToRemove","cartLineIds","LineId","removeCartLines","productsAddedInBundles","updatedProductsAddedInBundles","prod","dobbiesProductData","quantity","maxQuantity","push","set","deSelectProduct","_productImageRef$curr","preventDefault","payLoad","getPayloadObject","getTelemetryAttributes","getTierId","_loyalty$LoyaltyGroup","LoyaltyGroups","_loyalty$LoyaltyGroup2","_loyalty$LoyaltyGroup3","highestActiveLoyaltyCardTier","HighestActiveLoyaltyCardTier","loyaltyCardTiers","LoyaltyCardTiers","loyaltyCardTier","tier","LoyaltyTierRecordId","checkClubPlusDiscounts","OfferId","discountId","checkUserLoyalty","LoyaltyTierId","membershipDiscount","membershipDiscountId","onMouseOver","onMouseLeave","onTelemetryClick","position","checked","xmlns","width","height","viewBox","d","stroke","fill","outline","PrimaryImageUrl","quickview","item","selectedProductId","renderQuickView","AddToWishlistComponent","addToWishlistButtonText","removeFromWishlistButtonText","addToWishlistMessage","removedFromWishlistMessage","addItemToWishlistError","removeItemFromWishlistError","nameOfWishlist","ariaRole","basePrice","adjustedPrice","updatedPrice","clubPlusDiscountsOfferId","PriceComponent","renderPrice","DiscountLines","hideRating","avgRating","totalRatings","ariaLabel","numRatings","RatingComponent","ratingCount","readOnly","renderRating","TotalRatings","isHomeDelivery","isCnC","_cartState$cart$CartL4","_cookies$get3","newValue","_context$actionContex","diffInQuantity","deliveryOptions","getDeliveryOptionsAsync","emailDeliveryModeCode","EmailDeliveryModeCode","addProductToCartInput","enableStockCheck","availableQuantity","isAddEmailDeliveryItemToCart","ArrayExtensions","hasElements","DeliveryOptions","Code","addProductToCart","cartLineQuantityUpdatedAsync","cartActionResult","updatedProducts","valueToBeUpdated","clubPlusBanner","showStrikethroughPricing","originalPrice","getOriginalPrice","renderCurrentPrice","initialPrice","itemProp","currencyCode","renderCurrentPriceWithOriginalPrice","checkNonClubPlusDiscounts","clubPlusFormatCurrency","nonClubPlusPrice","_props$context$reques","renderClubPlusCurrentPrice","classnames"],"sourceRoot":""}