{"version":3,"file":"static/js/7dd582451e1e265fb549.bundle.js","mappings":"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","sources":["webpack://mattressfirm/./src/Utilities/analytics/clickTrack.ts?bce2","webpack://mattressfirm/./src/Utilities/analytics/utagCaller.ts?3814","webpack://mattressfirm/./src/Utilities/get-bv-attributes.ts?f55a","webpack://mattressfirm/./src/Utilities/get-delivery-by-message.tsx?05db","webpack://mattressfirm/./src/Utilities/get-product-badge.tsx?635b","webpack://mattressfirm/./src/Utilities/get-product-brand.tsx?2b65","webpack://mattressfirm/./src/Utilities/select-financing-offer.tsx?5f53","webpack://mattressfirm/./src/data-actions/financing-offer-state.action.ts?9faa","webpack://mattressfirm/./src/data-actions/utilities/utils.ts?7452","webpack://mattressfirm/./src/themes/mattressfirm/custom-components/financing-per-month-component.tsx?fa70"],"sourcesContent":["import { callUtagLink } from \"./utagCaller\";\r\n\r\nexport interface IUtagPromoConfig {\r\n    promotion_impression_name?: string[];\r\n    promotion_impression_id?: string[];\r\n    promotion_impression_creative?: string[];\r\n    promotion_impression_position?: (string | undefined)[];\r\n    promotion_name?: string[];\r\n    promotion_id?: string[];\r\n    promotion_creative?: string[];\r\n    promotion_position?: (string | undefined)[];\r\n}\r\n\r\nexport interface IUtagGeneralConfig {\r\n    enhanced_action?: string | undefined;\r\n}\r\nexport interface ICustomerConfig {\r\n    customer_email?: string;\r\n}\r\nexport interface IProductConfig {\r\n    product_id?: string[];\r\n    product_name?: string[];\r\n    product_category?: (string | undefined)[];\r\n    product_brand?: (string | undefined)[];\r\n    product_variant?: (string | undefined)[];\r\n    product_price?: (string | undefined)[];\r\n    product_list_name?: string[];\r\n    product_position?: (number | undefined)[];\r\n    product_quantity?: (string | undefined)[];\r\n    checkout_step?: string;\r\n}\r\nexport interface IProductImpressionConfig {\r\n    product_impression_brand?: (string | undefined)[];\r\n    product_impression_list_name?: (string | undefined)[];\r\n    product_impression_id?: string[];\r\n    product_impression_name?: string[];\r\n    product_impression_category?: string[];\r\n    product_impression_variant?: (string | undefined)[];\r\n    product_impression_position?: number[];\r\n    product_impression_price?: number[];\r\n}\r\nexport interface IAnalyticsConfiguration {\r\n    event?: string | null;\r\n    eventName?: string | null;\r\n    eventCategory?: string | null;\r\n    eventAction?: string | null;\r\n    eventLabel?: string | null;\r\n    eventType?: string | null;\r\n    eventNoninteraction?: string;\r\n    enhancedAction?: string | null;\r\n    searchTerm?: string | undefined | null;\r\n    searchType?: string | undefined | null;\r\n    generalConfig?: IUtagGeneralConfig;\r\n    promoConfig?: IUtagPromoConfig;\r\n    productConfig?: IProductConfig;\r\n    customerConfig?: ICustomerConfig;\r\n    productImpressionConfig?: IProductImpressionConfig;\r\n}\r\n\r\nexport const fireAnalyticsLink = ({\r\n    searchTerm = null,\r\n    searchType = null,\r\n    eventName = null,\r\n    eventCategory = null,\r\n    eventAction = null,\r\n    eventLabel = null,\r\n    eventType = null,\r\n    eventNoninteraction = 'false',\r\n    enhancedAction = null,\r\n    generalConfig = {},\r\n    promoConfig = {},\r\n    productConfig = {},\r\n    customerConfig = {},\r\n    productImpressionConfig = {}\r\n}: IAnalyticsConfiguration) => {\r\n    void callUtagLink({\r\n        ...generalConfig,\r\n        ...promoConfig,\r\n        ...productConfig,\r\n        ...customerConfig,\r\n        ...productImpressionConfig,\r\n        event: eventName,\r\n        event_category: eventCategory,\r\n        event_action: eventAction,\r\n        event_label: eventLabel,\r\n        event_type: eventType,\r\n        event_noninteraction: eventNoninteraction,\r\n        enhanced_action: enhancedAction,\r\n        search_term: searchTerm,\r\n        search_type: searchType\r\n    });\r\n};","import { IAnalyticsConfiguration } from './clickTrack';\r\n\r\n// Interface for 3rd-party function. AKA utag.\r\ninterface ITealium {\r\n    link(data: {}): void | false;\r\n    view(data: {}): void | false;\r\n    data(data: {}): void | false;\r\n}\r\n\r\nexport interface IPromotionConfig {\r\n    event?: string | null;\r\n    event_name?: string | null;\r\n    search_term?: string | null;\r\n    search_type?: string | null;\r\n    event_category?: string | null;\r\n    event_action?: string | null;\r\n    event_label?: string | null;\r\n    event_type?: string | null;\r\n    event_noninteraction?: string;\r\n    enhanced_action?: string | null;\r\n    customer_email?: string | undefined;\r\n    customer_phone_number?: string | undefined;\r\n    first_name?: string | undefined;\r\n    last_name?: string | undefined;\r\n    address1?: string | undefined;\r\n    address2?: string | undefined;\r\n    city?: string | undefined;\r\n    state?: string | undefined;\r\n    zip_code?: string | undefined;\r\n    order_subtotal?: string | undefined;\r\n    order_currency?: string | undefined;\r\n    country?: string | undefined;\r\n    // productConfig?: IProductDataConfig;\r\n    checkout_step?: string;\r\n    checkout_option?:(string | undefined)[];\r\n    checkout_type?:(string | undefined)[];\r\n    product_id?: (string | undefined)[];\r\n    product_name?: (string | undefined)[];\r\n    product_category?: (string | undefined)[];\r\n    product_brand?: (string | undefined)[];\r\n    product_variant?: (string | undefined | number)[];\r\n    product_price?:  (string | undefined)[];\r\n    product_quantity?:  (string | undefined)[];\r\n    product_url?: (string | undefined)[];\r\n    product_size?: (string | undefined)[];\r\n    product_image_url?: (string | undefined)[];\r\n}\r\n\r\ninterface IProductDataConfig {\r\n    product_variant?: (string | undefined)[];\r\n    product_price?: (string | undefined)[];\r\n}\r\n\r\nexport interface IAnalyticsConfigurationData {\r\n    productConfig?: IProductDataConfig;\r\n}\r\n\r\n\r\n// Legacy function\r\nexport const callUtag = async (objToCall: IPromotionConfig) => {\r\n    void await callUtagLink(objToCall);\r\n};\r\n\r\n/**\r\n * Tealium dispatch click tracking.\r\n * @param objToCall\r\n */\r\nexport const callUtagLink = async (objToCall: IPromotionConfig | IAnalyticsConfiguration) => {\r\n    try {\r\n        Object.keys(objToCall).forEach(\r\n            key => {\r\n                if (objToCall[key] === null) {\r\n                    delete objToCall[key];\r\n                }\r\n            }\r\n        );\r\n        // If utag doesn't exist in the global scope, set as false.\r\n        const utag: ITealium = global.hasOwnProperty('utag') ? global[\"utag\"] : false;\r\n        if(utag) { utag.link(objToCall); }\r\n\r\n    } catch (e) {\r\n        console.log('Utag Error', e);\r\n    }\r\n};\r\n\r\n/**\r\n * Tealium dispatch view tracking.\r\n * @param objToCall\r\n */\r\nexport const callUtagView = async (objToCall: {}) => {\r\n    try {\r\n        // If utag doesn't exist in the global scope, set as false.\r\n        const utag: ITealium = global.hasOwnProperty('utag') ? global[\"utag\"] : false;\r\n        if(utag) { utag.view(objToCall); }\r\n    } catch (e) {\r\n        console.log('utag View Error', e);\r\n    }\r\n};\r\n\r\n/**\r\n * Not currently implemented.\r\n * @param objToCall\r\n * @param dataType\r\n */\r\nexport const callUtagData = ({ productConfig = {} }: IAnalyticsConfigurationData , dataType: string) => {\r\n    try {\r\n        // If utag doesn't exist in the global scope, set as false.\r\n        const utag: ITealium = global.hasOwnProperty('utag') ? global[\"utag\"] : false;\r\n        switch (dataType) {\r\n            case 'data':\r\n                // @ts-ignore\r\n                if(utag) { utag.data = {...utag.data, ...productConfig}; }\r\n                break;\r\n            case '_data':\r\n                // @ts-ignore\r\n                utag_data = {...utag_data , ...productConfig};\r\n                break;\r\n            default:\r\n                null;\r\n        }\r\n    } catch (e) {\r\n        console.log('Utag Error', e);\r\n    }\r\n};","import { AttributeValue } from '@msdyn365-commerce/retail-proxy';\r\n\r\nexport const getBVAttributeValues = (attributeValues: AttributeValue[] | undefined, key: string): number => {\r\n    const value = +(attributeValues?.find(attr => attr.Name?.trim() === key)?.TextValue || 0);\r\n    return Math.round(value * 10) / 10;\r\n};\r\n","import { IAny, ICoreContext, IGeneric } from '@msdyn365-commerce/core';\r\nimport { IMFICLDeliveryScheduleParameters } from '../actions/CoreProductDataServiceEntities.g';\r\nimport getDeliveryMessageAction, { GetDeliveryMessageInput } from '../actions/get-delivery-message.action';\r\n\r\nconst _getDeliveryByMessage = async (request: IMFICLDeliveryScheduleParameters, context: ICoreContext<IGeneric<IAny>>, isCached?: boolean) => {\r\n    if (request) {\r\n        const getDeliveryMessageActionInput = new GetDeliveryMessageInput(request, isCached);\r\n        try {\r\n            let result;\r\n            // eslint-disable-next-line prefer-const\r\n            result = await getDeliveryMessageAction(getDeliveryMessageActionInput, context.actionContext);\r\n            if (result) {\r\n                return result;\r\n            }\r\n        } catch (error) {\r\n            console.log('Error', error);\r\n        }\r\n    }\r\n    return null;\r\n};\r\n\r\nexport default _getDeliveryByMessage;\r\n","import { IImageSettings, Image, IRequestContext } from '@msdyn365-commerce/core';\r\nimport dayjs from 'dayjs';\r\nimport tz from 'dayjs/plugin/timezone';\r\nimport utc from 'dayjs/plugin/utc';\r\nimport isBetween from 'dayjs/plugin/isBetween';\r\ndayjs.extend(tz);\r\ndayjs.extend(utc);\r\ndayjs.extend(isBetween);\r\nimport React from 'react';\r\nconst format = 'M/D/YYYY H:m:s';\r\n\r\nexport interface IBadgeData {\r\n    src: string;\r\n    alt: string;\r\n    start: dayjs.Dayjs;\r\n    end: dayjs.Dayjs;\r\n}\r\n\r\nconst defaultImageSettings: IImageSettings = {\r\n    viewports: {\r\n        xs: { q: `m=6`, w: 0, h: 0 }\r\n    },\r\n    disableLazyLoad: true\r\n};\r\n\r\nexport const parseBadgeData = (badgeData: string, requestContext: IRequestContext): IBadgeData | undefined => {\r\n    let dataSegments;\r\n    let scheduleStart;\r\n    let scheduleEnd;\r\n    let badgeType;\r\n    let parsedScheduleStart;\r\n    let startDate;\r\n    let startTime;\r\n    let parsedScheduleEnd;\r\n    let endDate;\r\n    let endTime;\r\n\r\n    try {\r\n        // split the data into its segments\r\n        dataSegments = badgeData.split('#');\r\n        scheduleStart = dataSegments[0];\r\n        scheduleEnd = dataSegments[1];\r\n        badgeType = dataSegments[2];\r\n\r\n        // parse schedule start\r\n        parsedScheduleStart = scheduleStart.split('_');\r\n        startDate = parsedScheduleStart[0];\r\n        startTime = parsedScheduleStart[1];\r\n\r\n        // parse schedule end\r\n        parsedScheduleEnd = scheduleEnd.split('_');\r\n        endDate = parsedScheduleEnd[0];\r\n        endTime = parsedScheduleEnd[1];\r\n    } catch (e) {\r\n        return;\r\n    }\r\n\r\n    const startMoment = `${startDate} ${startTime.replace(/-/g, \":\")}`;\r\n    const endMoment = `${endDate} ${endTime.replace(/-/g, \":\")}`;\r\n\r\n    const startMomentFormatted = dayjs(startMoment.replace(/-/g, \"/\"));\r\n    const endMomentFormatted = dayjs(endMoment.replace(/-/g, \"/\"));\r\n\r\n    // check if schedule is valid\r\n    if (!(startMomentFormatted.isValid() && endMomentFormatted.isValid())) {\r\n        return;\r\n    }\r\n\r\n    // parse badge type and create image src\r\n    const baseUrl = requestContext.apiSettings.baseImageUrl.substring(0, requestContext.apiSettings.baseImageUrl.length - 1);\r\n    if (badgeType) {\r\n        const removed$ = badgeType.substring(1, badgeType.length - 1);\r\n        const parsedBadgeType = removed$.replace(' ', '-').toLowerCase();\r\n\r\n        // remove page name portion\r\n        const altText = removed$.split('-')[0];\r\n\r\n        const src = `${baseUrl}${parsedBadgeType}.png`;\r\n        return {\r\n            src: src,\r\n            alt: altText,\r\n            start: convertTimeZone(startMomentFormatted),\r\n            end: convertTimeZone(endMomentFormatted)\r\n        };\r\n    } else {\r\n        return;\r\n    }\r\n};\r\n\r\n// convert given time to Central Time (CT)\r\nconst convertTimeZone = (time: dayjs.Dayjs): dayjs.Dayjs => {\r\n    return dayjs(time.format(format), format).tz('America/Chicago').local();\r\n};\r\n\r\nexport const buildProductBadge = (parsedBadgeData: IBadgeData, requestContext: IRequestContext): JSX.Element | undefined => {\r\n    // only build image if it is scheduled\r\n    const isScheduled = dayjs().isBetween(parsedBadgeData.start, parsedBadgeData.end);\r\n\r\n    if (isScheduled) {\r\n        return (\r\n            <Image\r\n                className={'mfrm-product-badge__image'}\r\n                gridSettings={requestContext.gridSettings || {}}\r\n                src={parsedBadgeData.src}\r\n                altText={parsedBadgeData.alt}\r\n                title={parsedBadgeData.alt}\r\n                imageSettings={defaultImageSettings}\r\n            />\r\n        );\r\n    }\r\n\r\n    return undefined;\r\n};\r\n","import { IGridSettings, IImageSettings, Image } from '@msdyn365-commerce/core';\r\nimport { AttributeValue } from '@msdyn365-commerce/retail-proxy';\r\nimport React from 'react';\r\nimport { IBrandListData } from '../modules/mfrm-buybox/mfrm-buybox.view';\r\nimport { IProductBonusWithBrandName } from '../modules/mfrm-cart/mfrm-cart';\r\nimport {hasArray} from './emtpyChecker';\r\nimport MsDyn365 from '@msdyn365-commerce/core';\r\n\r\nconst fallBackBrandAttribute = 'VENDOR BRAND';\r\n\r\n// tslint:disable-next-line: cyclomatic-complexity\r\nexport const parseBrandData = (\r\n    attributes: AttributeValue[] | undefined,\r\n    backendAttribute: string,\r\n    gridSettings: IGridSettings,\r\n    renderBrandNameOnly: Boolean = false,\r\n    brandList: IBrandListData[],\r\n    imageSettings?: IImageSettings\r\n): JSX.Element | undefined => {\r\n    const attribute = backendAttribute || fallBackBrandAttribute;\r\n    const productBrandName =\r\n        attributes &&\r\n        attributes.find(currAttribute => currAttribute.Name && currAttribute.Name.toLowerCase().trim() === attribute.toLowerCase().trim())\r\n            ?.TextValue;\r\n\r\n    if (renderBrandNameOnly) {\r\n        return <span className='msc-product__brand-name'>{productBrandName}</span>;\r\n    }\r\n\r\n    const selectedBrand =\r\n        (brandList &&\r\n            productBrandName &&\r\n            brandList.find(\r\n                (brand: IBrandListData) => brand && brand.brandName.toLowerCase().trim() === productBrandName.toLowerCase().trim()\r\n            )) ||\r\n        undefined;\r\n\r\n    if (!selectedBrand) {\r\n        return undefined;\r\n    }\r\n\r\n    const copySelectedBrand: IBrandListData = selectedBrand;\r\n    // set alt text to brand name if no alt text is configured\r\n    if (copySelectedBrand && _useDefaultAltText(copySelectedBrand) && copySelectedBrand.brandLogo) {\r\n        copySelectedBrand.brandLogo.altText = productBrandName;\r\n    }\r\n\r\n    // set height to configured value or the default\r\n    const height = copySelectedBrand && copySelectedBrand.logoHeight !== undefined ? copySelectedBrand.logoHeight : 22;\r\n    const brandImageSettings: IImageSettings = {\r\n        viewports: {\r\n            xs: { q: `w=0&h=25&m=6`, w: 0, h: 25 },\r\n            lg: { q: `w=0&h=25&m=6`, w: 0, h: 25 },\r\n            xl: { q: `w=0&h=25&m=6`, w: 0, h: 25 }\r\n        },\r\n        lazyload: false\r\n    };\r\n\r\n    const brandLogo = copySelectedBrand && copySelectedBrand.brandLogo && (\r\n        <Image\r\n            {...copySelectedBrand.brandLogo}\r\n            className={'mfrm-brand__logo'}\r\n            gridSettings={gridSettings}\r\n            imageSettings={brandImageSettings || imageSettings}\r\n            height={height}\r\n        />\r\n    );\r\n    // place logo inside a link if configured to\r\n    const brandLink =\r\n        copySelectedBrand &&\r\n        copySelectedBrand.brandLink &&\r\n        copySelectedBrand.brandLink.linkUrl &&\r\n        copySelectedBrand.brandLink.linkUrl.destinationUrl &&\r\n        copySelectedBrand.brandLink;\r\n    const linkElement = brandLink && (\r\n        <a\r\n            className={'mfrm-brand__link'}\r\n            aria-label={brandLink.ariaLabel}\r\n            href={brandLink.linkUrl && brandLink.linkUrl.destinationUrl}\r\n            target={brandLink.openInNewTab ? '_blank' : '_self'}\r\n            rel='noreferrer'\r\n        >\r\n            {brandLogo}\r\n        </a>\r\n    );\r\n\r\n    return linkElement || brandLogo;\r\n};\r\n// get only brandName\r\nexport const parseBrandName = (attributes: AttributeValue[] | undefined, backendAttribute: string, recordId?: number): string | undefined => {\r\n    const attribute = backendAttribute || fallBackBrandAttribute;\r\n    let productBrandName = hasArray(attributes)?.find((currAttribute: AttributeValue) => currAttribute?.Name?.toLowerCase().trim() === attribute?.toLowerCase().trim())?.TextValue;\r\n    if (!productBrandName && MsDyn365.isBrowser) {\r\n        const getLocalStorage = localStorage.getItem('bonusItmesWithBrand');\r\n        let bonusItemArray: IProductBonusWithBrandName[] = [];\r\n        if (getLocalStorage) {\r\n            bonusItemArray = JSON.parse(getLocalStorage);\r\n        }\r\n        const checkBrandName = bonusItemArray.find(item => item.productId === recordId)?.brandName;\r\n        if(checkBrandName) {\r\n            productBrandName = checkBrandName;\r\n        } else {\r\n            return undefined;\r\n        }\r\n    }\r\n    return productBrandName;\r\n};\r\n\r\n// get only brandName\r\nexport const getBrandNameCheck = (attributes: AttributeValue[] | undefined, backendAttribute: string): string | undefined => {\r\n    const productBrandName =\r\n        attributes &&\r\n        attributes.find(\r\n            currAttribute => currAttribute.Name && currAttribute.Name.toLowerCase().trim() === backendAttribute.toLowerCase().trim()\r\n        )?.TextValue;\r\n    if (!productBrandName) {\r\n        return undefined;\r\n    }\r\n    return productBrandName;\r\n};\r\n\r\n// get the appropriate image alt text\r\nconst _useDefaultAltText = (selectedBrand: IBrandListData): boolean => {\r\n    const configuredAltText = selectedBrand.brandLogo?.altText;\r\n    return !(configuredAltText && configuredAltText.trim() && configuredAltText !== 'No Data Available');\r\n};\r\n","import { RichText } from '@msdyn365-commerce/core';\r\n\r\nimport dayjs from 'dayjs';\r\nimport tz from 'dayjs/plugin/timezone';\r\nimport utc from 'dayjs/plugin/utc';\r\nimport isBetween from 'dayjs/plugin/isBetween';\r\ndayjs.extend(tz);\r\ndayjs.extend(utc);\r\ndayjs.extend(isBetween);\r\nconst format = 'M/D/YYYY';\r\n\r\nexport interface IFinancingOffer {\r\n    offerName?: string;\r\n    noInterestFor: number;\r\n    minPurchase: number;\r\n    everydayFinancingOfferMessage:string,\r\n    limitedFinancingOfferMessage:string,\r\n    monthlyOfferDetails?: RichText;\r\n    financingOfferDescription: RichText;\r\n    disclaimer: RichText;\r\n    offerValidStartDate?: string;\r\n    offerValidEndDate?: string;\r\n    specialCampaignOffer?: IFinancingOfferCampaign;\r\n    checkoutDisplay?: {heading: string; details: string}\r\n}\r\n\r\nexport interface IFinancingOfferFormatted {\r\n    numOfMonths: number;\r\n    costPerMonth: number;\r\n    startDate?: string;\r\n    endDate?: string;\r\n    isLTO: boolean;\r\n    monthlyOfferDetails?: RichText;\r\n    minPurchase: number;\r\n    everydayFinancingOfferMessage:string;\r\n    limitedFinancingOfferMessage:string;\r\n    financingOfferDescription: RichText;\r\n    disclaimer: RichText;\r\n    specialCampaign?: IFinancingOfferCampaign;\r\n    offerName?: string;\r\n    checkoutDisplay?: {heading: string; details: string}\r\n}\r\n\r\nexport interface IFinancingOfferCampaign {\r\n    initialMonthlyAmount: number;\r\n    numOfDiscountedMonths: number;\r\n    campaignValidStartDate: string;\r\n    campaignValidEndDate: string;\r\n    enableCampaign: boolean;\r\n}\r\n\r\nexport interface ISelectFinancingOfferData {\r\n    limitedTimeFinancingOffers: IFinancingOffer[];\r\n    everydayFinancingOffers: IFinancingOffer[];\r\n    totalPrice: number | undefined;\r\n    specialFinancingOffer?: IFinancingOffer[];\r\n    synchronySpecialFinancingCondition?: boolean;\r\n    specialFinancingEnable?: boolean;\r\n}\r\n\r\nexport interface ICampaignRemainingCost {\r\n    cost: number;\r\n    months: number;\r\n}\r\n\r\nexport const getValidSpecialCampaign = (financingOffer: IFinancingOfferFormatted): IFinancingOfferCampaign | undefined => {\r\n    if (\r\n        financingOffer.specialCampaign &&\r\n        financingOffer.specialCampaign.enableCampaign &&\r\n        financingOffer.specialCampaign.initialMonthlyAmount &&\r\n        financingOffer.specialCampaign.numOfDiscountedMonths &&\r\n        isCampaignScheduled(financingOffer)\r\n    ) {\r\n        return financingOffer.specialCampaign;\r\n    }\r\n\r\n    return undefined;\r\n};\r\n\r\nexport const getCampaignRemainingCost = (\r\n    campaign: IFinancingOfferCampaign,\r\n    financingOffer: IFinancingOfferFormatted,\r\n    totalPrice: number | undefined\r\n): ICampaignRemainingCost | undefined => {\r\n    if (!totalPrice) {\r\n        return undefined;\r\n    }\r\n\r\n    const initialCost = campaign.initialMonthlyAmount * campaign.numOfDiscountedMonths;\r\n    const remainingCost = totalPrice - initialCost;\r\n    const remainingMonths = financingOffer.numOfMonths - campaign.numOfDiscountedMonths;\r\n    const monthlyCost = remainingCost / remainingMonths;\r\n\r\n    return {\r\n        cost: monthlyCost,\r\n        months: remainingMonths\r\n    };\r\n};\r\nexport const isValidLimitedTimeOffer = (offer: IFinancingOffer): boolean => {\r\n    const startDate = dayjs(offer.offerValidStartDate, format);\r\n    const endDate = dayjs(offer.offerValidEndDate, format).add(1, 'd');\r\n\r\n    const startDateCentralTime = startDate.isValid() && dayjs(startDate.format(format), format).tz('America/Chicago').local();\r\n    const endDateCentralTime = endDate.isValid() && dayjs(endDate.format(format), format).tz('America/Chicago').local();\r\n\r\n    const now = dayjs();\r\n    return startDateCentralTime && endDateCentralTime && now.isBetween(startDateCentralTime, endDateCentralTime);\r\n};\r\n\r\nexport const isCampaignScheduled = (offer: IFinancingOfferFormatted): boolean => {\r\n    const tempOffer = Object.create(offer);\r\n    if (tempOffer.specialCampaign?.campaignValidStartDate && tempOffer.specialCampaign?.campaignValidEndDate) {\r\n        tempOffer.startDate = tempOffer.specialCampaign?.campaignValidStartDate;\r\n        tempOffer.endDate = tempOffer.specialCampaign?.campaignValidEndDate;\r\n\r\n        return isScheduled(tempOffer);\r\n    }\r\n\r\n    return false;\r\n};\r\n\r\nexport const isScheduled = (offer: IFinancingOfferFormatted): boolean => {\r\n    const startDate = dayjs(offer.startDate, format);\r\n    const endDate = dayjs(offer.endDate, format).add(1, 'd');\r\n\r\n    const startDateCentralTime = startDate.isValid() && dayjs(startDate.format(format), format).tz('America/Chicago').local();\r\n    const endDateCentralTime = endDate.isValid() && dayjs(endDate.format(format), format).tz('America/Chicago').local();\r\n\r\n    const now = dayjs();\r\n\r\n    return startDateCentralTime && endDateCentralTime && now.isBetween(startDateCentralTime, endDateCentralTime);\r\n};\r\n\r\nexport const selectFinancingOffer = ({ limitedTimeFinancingOffers = [], everydayFinancingOffers = [], totalPrice = 0, specialFinancingOffer = [], synchronySpecialFinancingCondition = false, specialFinancingEnable = false }: ISelectFinancingOfferData, returnCustomOfferArray?: boolean): IFinancingOfferFormatted | undefined  => {\r\n    let highestMinimumPurchase: number = 0;\r\n    let bestOffer: IFinancingOfferFormatted = {\r\n        numOfMonths: 0,\r\n        costPerMonth: 0,\r\n        isLTO: false,\r\n        minPurchase: 0,\r\n        everydayFinancingOfferMessage:'',\r\n        limitedFinancingOfferMessage:'',\r\n        monthlyOfferDetails: '',\r\n        financingOfferDescription: '',\r\n        disclaimer: ''\r\n    };\r\n    let offerFound = false;\r\n\r\n    let campaignFound: IFinancingOfferFormatted | undefined;\r\n\r\n    const everydayOffers: IFinancingOfferFormatted[] | undefined = [];\r\n    const specialOffer: IFinancingOfferFormatted[] | undefined = [];\r\n\r\n    const validLimitedTimeFinancingOffers = limitedTimeFinancingOffers.filter((offer)=>{\r\n        return isValidLimitedTimeOffer(offer) && offer;\r\n    });\r\n\r\n    if (synchronySpecialFinancingCondition && specialFinancingEnable) {\r\n        if (!offerFound || (!isScheduled(bestOffer) && specialFinancingOffer.length)) {\r\n            // try default offer\r\n            offerFound = false;\r\n            highestMinimumPurchase = 0;\r\n            specialFinancingOffer.forEach((offer: IFinancingOffer) => {\r\n                const minPurchase = offer.minPurchase ? offer.minPurchase : 0;\r\n                let currentOfferAccepted = false;\r\n                if (totalPrice >= minPurchase && minPurchase >= highestMinimumPurchase) {\r\n                    bestOffer = {\r\n                        numOfMonths: offer.noInterestFor,\r\n                        costPerMonth: Math.ceil(totalPrice / offer.noInterestFor),\r\n                        startDate: offer.offerValidStartDate,\r\n                        endDate: offer.offerValidEndDate,\r\n                        isLTO: false,\r\n                        minPurchase: offer.minPurchase || 0,\r\n                        everydayFinancingOfferMessage:offer.everydayFinancingOfferMessage,\r\n                        limitedFinancingOfferMessage:offer.limitedFinancingOfferMessage,\r\n                        offerName: offer.offerName,\r\n                        financingOfferDescription: offer.financingOfferDescription,\r\n                        disclaimer: offer.disclaimer\r\n                    };\r\n                    highestMinimumPurchase = offer.minPurchase;\r\n                    offerFound = true;\r\n                    currentOfferAccepted = true;\r\n                }\r\n                if (returnCustomOfferArray && (totalPrice >= minPurchase)) {\r\n                    specialOffer?.push({\r\n                        numOfMonths: offer.noInterestFor,\r\n                        costPerMonth: Math.ceil(totalPrice / offer.noInterestFor),\r\n                        startDate: offer.offerValidStartDate,\r\n                        endDate: offer.offerValidEndDate,\r\n                        isLTO: false,\r\n                        minPurchase: offer.minPurchase || 0,\r\n                        everydayFinancingOfferMessage:offer.everydayFinancingOfferMessage,\r\n                        limitedFinancingOfferMessage:offer.limitedFinancingOfferMessage,\r\n                        financingOfferDescription: offer.financingOfferDescription,\r\n                        disclaimer: offer.disclaimer,\r\n                        offerName: offer.offerName\r\n                    });\r\n                    highestMinimumPurchase = offer.minPurchase;\r\n                    offerFound = true;\r\n                    currentOfferAccepted = true;\r\n                    // @ts-ignore\r\n                    bestOffer = specialOffer;\r\n                }\r\n                // Do not use default if end date is defined and has expired\r\n                if (currentOfferAccepted && offer.offerValidEndDate) {\r\n                    const endDate = dayjs(offer.offerValidEndDate, format);\r\n                    const now = dayjs();\r\n                    if (endDate.isValid() && now.isAfter(endDate)) {\r\n                        offerFound = false;\r\n                    }\r\n                }\r\n            });\r\n        }\r\n    } else {\r\n        validLimitedTimeFinancingOffers.forEach((offer: IFinancingOffer) => {\r\n            const minPurchase = offer.minPurchase ? offer.minPurchase : 0;\r\n\r\n            if (totalPrice >= minPurchase && minPurchase > highestMinimumPurchase) {\r\n                const currentOffer: IFinancingOfferFormatted = {\r\n                    numOfMonths: offer.noInterestFor,\r\n                    costPerMonth: Math.ceil(totalPrice / offer.noInterestFor),\r\n                    startDate: offer.offerValidStartDate,\r\n                    endDate: offer.offerValidEndDate,\r\n                    isLTO: true,\r\n                    minPurchase: offer.minPurchase,\r\n                    everydayFinancingOfferMessage:offer.everydayFinancingOfferMessage,\r\n                    limitedFinancingOfferMessage:offer.limitedFinancingOfferMessage,\r\n                    monthlyOfferDetails: offer.monthlyOfferDetails,\r\n                    financingOfferDescription: offer.financingOfferDescription,\r\n                    disclaimer: offer.disclaimer,\r\n                    specialCampaign: offer.specialCampaignOffer,\r\n                    checkoutDisplay: offer.checkoutDisplay,\r\n                    offerName: offer.offerName\r\n                };\r\n                bestOffer = currentOffer;\r\n                highestMinimumPurchase = offer.minPurchase;\r\n                offerFound = true;\r\n\r\n                // check if campaign schedule is scheduled, otherwise fall back to parent offer\r\n                const validCampaign = getValidSpecialCampaign(currentOffer);\r\n                if (validCampaign) {\r\n                    currentOffer.startDate = validCampaign.campaignValidStartDate;\r\n                    currentOffer.endDate = validCampaign.campaignValidEndDate;\r\n                    campaignFound = currentOffer;\r\n                }\r\n                else {\r\n                    campaignFound = undefined;\r\n                }\r\n            }\r\n        });\r\n\r\n    if (!offerFound || (!isScheduled(bestOffer) && everydayFinancingOffers.length)) {\r\n        // try default offer\r\n        offerFound = false;\r\n        highestMinimumPurchase = 0;\r\n\r\n        everydayFinancingOffers.forEach((offer: IFinancingOffer) => {\r\n            const minPurchase = offer.minPurchase ? offer.minPurchase : 0;\r\n            let currentOfferAccepted = false;\r\n            if (totalPrice >= minPurchase && minPurchase >= highestMinimumPurchase) {\r\n                bestOffer = {\r\n                    numOfMonths: offer.noInterestFor,\r\n                    costPerMonth: Math.ceil(totalPrice / offer.noInterestFor),\r\n                    isLTO: false,\r\n                    minPurchase: offer.minPurchase || 0,\r\n                    everydayFinancingOfferMessage: offer.everydayFinancingOfferMessage,\r\n                    limitedFinancingOfferMessage:offer.limitedFinancingOfferMessage,\r\n                    offerName: offer.offerName,\r\n                    monthlyOfferDetails: offer.monthlyOfferDetails,\r\n                    financingOfferDescription: offer.financingOfferDescription,\r\n                    disclaimer: offer.disclaimer\r\n                };\r\n                highestMinimumPurchase = offer.minPurchase;\r\n                offerFound = true;\r\n                currentOfferAccepted = true;\r\n            }\r\n\r\n            if (returnCustomOfferArray && (totalPrice >= minPurchase)) {\r\n                everydayOffers?.push({\r\n                    numOfMonths: offer.noInterestFor,\r\n                    costPerMonth: Math.ceil(totalPrice / offer.noInterestFor),\r\n                    isLTO: false,\r\n                    minPurchase: offer.minPurchase || 0,\r\n                    everydayFinancingOfferMessage:offer.everydayFinancingOfferMessage,\r\n                    limitedFinancingOfferMessage:offer.limitedFinancingOfferMessage,\r\n                    monthlyOfferDetails: offer.monthlyOfferDetails,\r\n                    financingOfferDescription: offer.financingOfferDescription,\r\n                    disclaimer: offer.disclaimer,\r\n                    offerName: offer.offerName\r\n                });\r\n                highestMinimumPurchase = offer.minPurchase;\r\n                offerFound = true;\r\n                currentOfferAccepted = true;\r\n                // @ts-ignore\r\n                bestOffer = everydayOffers;\r\n            }\r\n\r\n            // Do not use default if end date is defined and has expired\r\n            if (currentOfferAccepted && offer.offerValidEndDate) {\r\n                const endDate = dayjs(offer.offerValidEndDate, format);\r\n                const now = dayjs();\r\n                if (endDate.isValid() && now.isAfter(endDate)) {\r\n                    offerFound = false;\r\n                }\r\n            }\r\n        });\r\n    }\r\n}\r\n\r\n    if (!offerFound) {\r\n        return undefined;\r\n    }\r\n    if (campaignFound) {\r\n        return campaignFound;\r\n    }\r\n    return bestOffer;\r\n};\r\n","/*---------------------------------------------------------------------------------------------\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\n\r\nimport * as Msdyn365 from '@msdyn365-commerce/core';\r\n\r\nimport { IFinancingOfferFormatted } from '../Utilities/select-financing-offer';\r\n\r\n/**\r\n * FinancingOfferState Input Action\r\n */\r\n\r\nexport class FinancingOfferStateInput implements Msdyn365.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 = () => `FinancingOfferState`;\r\n    public getCacheObjectType = () => 'FinancingOfferState';\r\n    public dataCacheType = (): Msdyn365.CacheType => 'application';\r\n}\r\n\r\n// TODO: Create a data model here or import one to capture the response of the action\r\nexport interface IFinancingOfferStateData {\r\n    isOpen: boolean;\r\n    totalPrice?: number;\r\n    financingOffer?: IFinancingOfferFormatted;\r\n}\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 = (args: Msdyn365.ICreateActionContext): Msdyn365.IActionInput => {\r\n    return new FinancingOfferStateInput();\r\n};\r\n\r\n/**\r\n * TODO: Use this function to call your action and process the results as needed\r\n */\r\nasync function action(input: FinancingOfferStateInput, ctx: Msdyn365.IActionContext): Promise<IFinancingOfferStateData> {\r\n    return { isOpen: false };\r\n}\r\n\r\nexport default Msdyn365.createObservableDataAction({\r\n    action: <Msdyn365.IAction<IFinancingOfferStateData>>action,\r\n    id: 'FinancingOfferState',\r\n    input: createInput\r\n});\r\n","/*--------------------------------------------------------------\r\n * Copyright (c) Microsoft Corporation. All rights reserved.\r\n * See License.txt in the project root for license information.\r\n *--------------------------------------------------------------*/\r\n\r\nimport { IAny, ICommerceApiSettings, ICoreContext, ICreateActionContext, IGeneric, IRequestContext } from '@msdyn365-commerce/core';\r\nimport {\r\n    AsyncResult, CartLine, CommerceListLine, ProductDimension,\r\n    ProductDimensionType, ProductSearchResult, SimpleProduct\r\n} from '@msdyn365-commerce/retail-proxy';\r\n\r\nimport { ProductDetailsCriteria, InventoryLevels, ArrayExtensions } from '@msdyn365-commerce-modules/retail-actions';\r\n// import { parseSearchData } from '@msdyn365-commerce-modules/retail-actions/src/utilities/input-data-parser';\r\n\r\nexport const wrapInResolvedAsyncResult = <T = unknown>(input: T | null | undefined): AsyncResult<T> => {\r\n    return <AsyncResult<T>>{\r\n        status: 'SUCCESS',\r\n        result: input,\r\n        metadata: {}\r\n    };\r\n};\r\n\r\nexport const wrapInRejectedAsyncResult = <T = unknown>(input: T | null | undefined): AsyncResult<T> => {\r\n    return <AsyncResult<T>>{\r\n        status: 'FAILED',\r\n        result: input,\r\n        metadata: {}\r\n    };\r\n};\r\n\r\n\r\n/**\r\n * Utility function to extract the active productId in the following priority:\r\n * First query param (productId), then UrlToken (itemId), then module config.\r\n * @param inputData - The Action Input data.\r\n * @returns Productid or undefined.\r\n */\r\nexport const getSelectedProductIdFromActionInput = (inputData: ICreateActionContext<IGeneric<IAny>>): string | undefined => {\r\n    const context = inputData.requestContext;\r\n    const variantId = context.app.config.queryBasedVariantSelection ? getQueryParamsFromQueryByName(context.url.requestUrl, 'variantid') : undefined;\r\n\r\n    if (variantId) {\r\n        return variantId;\r\n    } else if (context.query?.productId) {\r\n        return context.query.productId;\r\n        // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition -- Exsiting code.\r\n    } else if (context.urlTokens && inputData.requestContext.urlTokens.itemId && inputData.requestContext.urlTokens.pageType === 'Product') {\r\n        return context.urlTokens.itemId;\r\n    } else if (inputData && inputData.config && inputData.config.productId) {\r\n        return inputData.config.productId;\r\n    }\r\n    return undefined;\r\n};\r\n\r\nexport const getQueryParamsFromQueryByName = (inputUrl: URL, queryParamName: string) => {\r\n    const urlWithIgnoredCase = new URL(inputUrl.toString().toLocaleLowerCase());\r\n    const urlParameters = urlWithIgnoredCase.searchParams;\r\n    const value = urlParameters.get(queryParamName.trim().toLocaleLowerCase());\r\n    if (!value || Number.isNaN(Number(value))) {\r\n        return undefined;\r\n    }\r\n    return value;\r\n};\r\n/**\r\n * Generates a Image URL based on data return from retail server.\r\n * @param imageUrl The image url returned by Retail Server.\r\n * @param ctx The request context.\r\n * @param apiSettings\r\n */\r\nexport const generateImageUrl = (imageUrl: string | undefined, apiSettings: ICommerceApiSettings): string | undefined => {\r\n    if (imageUrl) {\r\n        // Images hosted in CMS include schema\r\n        if (imageUrl.startsWith('http')) {\r\n            return imageUrl;\r\n        }\r\n\r\n        // Images hosted in Retail Server must be encoded and joined with the base image url\r\n        return apiSettings.baseImageUrl + encodeURIComponent(imageUrl);\r\n    }\r\n\r\n    // D365Commerce.telemetry.warning(`Unable to generate a proper Image URL for Product: ${product.RecordId}`);\r\n    return undefined;\r\n\r\n};\r\n\r\n/**\r\n * Represents app configuration for dimensions.\r\n */\r\nexport interface IDimensionsConfig {\r\n    dimensionsAsSwatchType?: DimensionTypes[];\r\n    dimensionsInProductCard?: DimensionTypes[];\r\n    inventoryLevel?: InventoryLevels;\r\n    dimensionToPreSelectInProductCard?: DimensionTypes;\r\n}\r\n\r\n/**\r\n * Represents app configuration for dimensions.\r\n */\r\nexport interface IDimensionsApp {\r\n    config: IDimensionsConfig;\r\n}\r\n\r\n/**\r\n * Represents product dimension types.\r\n */\r\nexport enum DimensionTypes {\r\n    none = 'none',\r\n    color = 'color',\r\n    configuration = 'configuration',\r\n    size = 'size',\r\n    style = 'style'\r\n}\r\n\r\n/**\r\n * Defines display configuration types.\r\n */\r\nexport enum DimensionSwatchDisplayTypes {\r\n    default = 'default',\r\n    productCard = 'productCard'\r\n}\r\n\r\n/**\r\n * Checks if rendering the particular dimensions is allowed.\r\n * @param dimensionType - Dimension to be displayed.\r\n * @param context - Core application context.\r\n * @param displayType - The swatch location, the component from which it comes from.\r\n * @returns Updates the state with new product page url.\r\n */\r\nexport const checkIfShouldDisplayAsSwatch = (\r\n    dimensionType: DimensionTypes,\r\n    context: ICoreContext<IDimensionsApp>,\r\n    displayType: DimensionSwatchDisplayTypes = DimensionSwatchDisplayTypes.default): boolean => {\r\n\r\n    // Additional checks for the product card since it has a separate config setting.\r\n    if (displayType === DimensionSwatchDisplayTypes.productCard) {\r\n        const dimensionsToDisplayOnProductCard = context.app.config.dimensionsInProductCard;\r\n        if (!ArrayExtensions.hasElements(dimensionsToDisplayOnProductCard) ||\r\n            dimensionsToDisplayOnProductCard.includes(DimensionTypes.none) ||\r\n            !dimensionsToDisplayOnProductCard.includes(dimensionType)) {\r\n            return false;\r\n        }\r\n    }\r\n\r\n    const dimensionsToDisplayAsSwatch = context.app.config.dimensionsAsSwatchType;\r\n    return ArrayExtensions.hasElements(dimensionsToDisplayAsSwatch) &&\r\n        !dimensionsToDisplayAsSwatch.includes(DimensionTypes.none) &&\r\n        dimensionsToDisplayAsSwatch.includes(dimensionType);\r\n};\r\n\r\n/**\r\n * Generates an image URL for a swatch.\r\n * @param imageUrl - The image url returned by Retail Server.\r\n * @param apiSettings - The request context.\r\n * @returns Full image url.\r\n */\r\nexport const generateSwatchImageUrl = (imageUrl: string, apiSettings: ICommerceApiSettings): string => {\r\n    if (imageUrl.startsWith('http')) {\r\n        return imageUrl;\r\n    }\r\n\r\n    return apiSettings.baseImageUrl + encodeURIComponent(imageUrl);\r\n};\r\n\r\n/**\r\n * Generates a Image URL for a product based on data return from retail server.\r\n * @param product The Product returned by Retail Server.\r\n * @param ctx The request context.\r\n * @param apiSettings\r\n */\r\nexport const generateProductImageUrl = (\r\n    product: SimpleProduct | ProductSearchResult,\r\n    apiSettings: ICommerceApiSettings\r\n): string | undefined => {\r\n    return generateImageUrl(product.PrimaryImageUrl, apiSettings);\r\n};\r\n\r\n/**\r\n * Creates a CartLine object from the passed data.\r\n * @param product The product.\r\n * @param quantity The quantity.\r\n * @param catalogId The catalog.\r\n */\r\nexport const buildCartLine = (product: SimpleProduct, quantity?: number, catalogId?: number): CartLine => {\r\n    return {\r\n        CatalogId: catalogId || 0,\r\n        Description: product.Description,\r\n\r\n        // TODO: Investigate this value and what it represents\r\n        EntryMethodTypeValue: 3,\r\n        ItemId: product.ItemId,\r\n        ProductId: product.RecordId,\r\n        Quantity: quantity || 1,\r\n        TrackingId: '',\r\n        UnitOfMeasureSymbol: product.DefaultUnitOfMeasure\r\n    };\r\n};\r\n\r\n/**\r\n * Creates a CommerceListLine (also know as WishlistLine) object from the passed data.\r\n * @param productId The RecordId of the Product to be added.\r\n * @param customerId The account number of the customer.\r\n * @param wishlistId The Id of the commerce list.\r\n */\r\nexport const buildWishlistLine = (productId: number, customerId: string, wishlistId: number): CommerceListLine => {\r\n    return {\r\n        CommerceListId: wishlistId,\r\n        ProductId: productId,\r\n        CustomerId: customerId\r\n    };\r\n};\r\n\r\n/**\r\n * Utility function to prepare the product details criteria before getting full product:\r\n * @param inputData The Action Input data\r\n */\r\nexport const getProductDetailsCriteriaFromActionInput = (inputData: ICreateActionContext<IGeneric<IAny>>): ProductDetailsCriteria => {\r\n    if (inputData && inputData.config) {\r\n        return {\r\n            getPrice: !inputData.config.hidePrice,\r\n            getRating: !inputData.config.hideRating\r\n        };\r\n    }\r\n    return {\r\n        getPrice: true,\r\n        getRating: true\r\n    };\r\n};\r\n\r\n/**\r\n * Transforms search text into the expected 'search terms' format, expected by refiner APIs.\r\n * @param searchText Free-form text used for searching for products or categories of products.\r\n */\r\nexport const ensureSearchTextIsFormedProperly = (searchText: string): string => {\r\n    const prefix = searchText.startsWith('\\'') ? '' : '\\'';\r\n    const suffix = searchText.endsWith('\\'') ? '' : '\\'';\r\n    return `${prefix}${searchText}${suffix}`;\r\n};\r\n\r\nexport const ensureSafeSearchText = (searchText: string): string => {\r\n    return searchText.replace(/[^\\d\\sA-Za-z]+/g, '');\r\n};\r\n\r\nexport const buildCacheKey = (base: string, apiSettings: ICommerceApiSettings, locale?: string): string => {\r\n    return `${base}-chanId:${apiSettings.channelId}-catId:${apiSettings.catalogId}${locale ? `-${locale}` : ''}`;\r\n};\r\n\r\nexport const buildCacheKeyWithUrlTokens = (base: string, requestContext: IRequestContext): string => {\r\n    const urlTokens = requestContext.urlTokens;\r\n    const defaultCacheKey = buildCacheKey(base, requestContext.apiSettings, requestContext.locale);\r\n    return urlTokens ? `${defaultCacheKey}-${urlTokens.itemId}-${urlTokens.recordId}-${urlTokens.pageType}` : defaultCacheKey;\r\n};\r\n\r\n/**\r\n * Generates a key from set of arguments as inputs.\r\n *\r\n * @param args Argument list of pivots to generate key from.\r\n * @param handler Handler function for null/undefined values.\r\n */\r\n\r\ntype TKeyTypes = string | number | boolean | null | undefined;\r\ninterface IGenerateKeyOptions {\r\n    separator?: string;\r\n    handler?(input: null | undefined): string;\r\n}\r\nexport const generateKey = (args: TKeyTypes[], options?: IGenerateKeyOptions): string => {\r\n    const { handler, separator }: IGenerateKeyOptions = { ...{ separator: '-', handler: undefined }, ...(options || {}) };\r\n    return args\r\n        .map(arg => {\r\n            if (arg === null || arg === undefined) {\r\n                if (handler) {\r\n                    return handler(arg);\r\n                }\r\n            }\r\n            return arg;\r\n        })\r\n        .join(separator);\r\n};\r\n\r\n/**\r\n * Gets the fall back image url for a variant image.\r\n * @param itemId Item id of a product.\r\n * @param apiSettings Api setting from request context.\r\n */\r\nexport const getFallbackImageUrl = (itemId: string | undefined, apiSettings: ICommerceApiSettings): string | undefined => {\r\n    if (!itemId) {\r\n        return '';\r\n    }\r\n\r\n    const parsedItemId = itemId.trim().split(' ')[0];\r\n\r\n    const productUrl = `Products/${parsedItemId}_000_001.png`;\r\n    return generateImageUrl(productUrl, apiSettings);\r\n};\r\n\r\n/**\r\n * Converts retail proxy product dimension type to display dimension type.\r\n * @param productDimensionType - Product dimension type from retail proxy.\r\n * @returns Local dimension type.\r\n */\r\nexport const convertProductDimensionTypeToDimensionTypes = (productDimensionType: ProductDimensionType): DimensionTypes => {\r\n    switch (productDimensionType) {\r\n        case ProductDimensionType.Color:\r\n            return DimensionTypes.color;\r\n        case ProductDimensionType.Configuration:\r\n            return DimensionTypes.configuration;\r\n        case ProductDimensionType.Size:\r\n            return DimensionTypes.size;\r\n        case ProductDimensionType.Style:\r\n            return DimensionTypes.style;\r\n        default:\r\n            return DimensionTypes.none;\r\n    }\r\n};\r\n\r\n/**\r\n * Converts display dimension type to retail proxy product dimension type.\r\n * @param dimensionType - Local dimension type.\r\n * @returns Product dimension type from retail proxy.\r\n */\r\nexport const convertDimensionTypeToProductDimensionType = (dimensionType: DimensionTypes): ProductDimensionType => {\r\n    switch (dimensionType) {\r\n        case DimensionTypes.color:\r\n            return ProductDimensionType.Color;\r\n        case DimensionTypes.configuration:\r\n            return ProductDimensionType.Configuration;\r\n        case DimensionTypes.size:\r\n            return ProductDimensionType.Size;\r\n        case DimensionTypes.style:\r\n            return ProductDimensionType.Style;\r\n        default:\r\n            return ProductDimensionType.None;\r\n    }\r\n};\r\n\r\n/**\r\n * Sets dimensions to url.\r\n * @param inputUrl - Url to update.\r\n * @param productDimensions - Dimensions to set.\r\n */\r\nexport const setDimensionValuesToQuery = (inputUrl: URL, productDimensions: ProductDimension[]): void => {\r\n    for (const dimension of productDimensions) {\r\n        inputUrl.searchParams.set(\r\n            convertProductDimensionTypeToDimensionTypes(dimension.DimensionTypeValue), dimension.DimensionValue?.Value ?? '');\r\n    }\r\n\r\n    window.history.replaceState(window.history.state, '', inputUrl.toString().replace(inputUrl.host, window.location.host));\r\n};\r\n\r\n/**\r\n * Retrieves dimension value stored in url.\r\n * @param urlParameters - Url parameters.\r\n * @param productDimensionType - The dimension type to retrieve.\r\n * @returns Product dimension item.\r\n */\r\nconst parseDimensionFromUrl = (urlParameters: URLSearchParams, productDimensionType: ProductDimensionType): ProductDimension | undefined => {\r\n    const localDimensionType = convertProductDimensionTypeToDimensionTypes(productDimensionType);\r\n    const value = urlParameters.get(localDimensionType);\r\n    if (!value) {\r\n        return undefined;\r\n    }\r\n    return {\r\n        DimensionTypeValue: productDimensionType,\r\n        DimensionValue: {\r\n            RecordId: 0,\r\n            Value: value\r\n        }\r\n    };\r\n};\r\n\r\n/**\r\n * Retrieves all dimensions from URL.\r\n * @param urlParameters - Url parameters.\r\n * @returns Product dimensions stored in url.\r\n */\r\nconst parseDimensionsFromUrl = (urlParameters: URLSearchParams): ProductDimension[] => {\r\n    const dimensionsToParse: ProductDimensionType[] = [\r\n        ProductDimensionType.Color,\r\n        ProductDimensionType.Configuration,\r\n        ProductDimensionType.Size,\r\n        ProductDimensionType.Style\r\n    ];\r\n    const parsedDimensions = dimensionsToParse.map(dimension => parseDimensionFromUrl(urlParameters, dimension));\r\n    return ArrayExtensions.validValues(parsedDimensions);\r\n};\r\n\r\n/**\r\n * Utility function to extract the dimension values from input url querystring.\r\n * @param inputUrl -  The request url.\r\n * @returns The selected dimension values.\r\n */\r\nexport const getDimensionValuesFromQuery = (inputUrl: URL): ProductDimension[] => {\r\n    const urlWithIgnoredCase = new URL(inputUrl.toString().toLocaleLowerCase());\r\n    const urlParameters = urlWithIgnoredCase.searchParams;\r\n    const dimensions: ProductDimension[] = parseDimensionsFromUrl(urlParameters);\r\n    return dimensions;\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\n\r\nimport * as React from 'react';\r\n\r\nimport { ICoreContext } from '@msdyn365-commerce/core';\r\nimport { FinancingOfferStateInput, IFinancingOfferStateData } from '../../../data-actions/financing-offer-state.action';\r\nimport { fireAnalyticsLink } from '../../../Utilities/analytics/clickTrack';\r\nimport {\r\n    getCampaignRemainingCost,\r\n    getValidSpecialCampaign,\r\n    IFinancingOfferFormatted,\r\n    selectFinancingOffer\r\n} from '../../../Utilities/select-financing-offer';\r\nimport { getQueryParamsFromQueryByName } from '../../../data-actions/utilities/utils';\r\n\r\nexport type FinancingComponentPageType = 'PDP' | 'PLP';\r\n\r\nexport interface IFinancingPerMonthComponentProps {\r\n    pageType: FinancingComponentPageType;\r\n    sellingPrice: number;\r\n    // tslint:disable-next-line:no-any\r\n    context: ICoreContext<{ [x: string]: any }>;\r\n    priceComponent?: JSX.Element;\r\n    // VSI Customization - START\r\n    sizeValue?: string | undefined;\r\n    dimensionPrice?: number | undefined;\r\n    percentDiff?: number | undefined;\r\n    discountAmount?: number;\r\n    categoryName?: String | undefined,\r\n    activeVariantId: number | undefined,\r\n    productId: number | undefined,\r\n    activeColorVariantId: number | undefined\r\n    // VSI Customization - END\r\n}\r\n\r\nexport const FinancingPerMonthComponent: React.FC<IFinancingPerMonthComponentProps> = ({\r\n    pageType,\r\n    sellingPrice,\r\n    context,\r\n    priceComponent,\r\n    sizeValue,\r\n    dimensionPrice,\r\n    percentDiff,\r\n    discountAmount,\r\n    categoryName,\r\n    activeVariantId,\r\n    productId,\r\n    activeColorVariantId\r\n}) => {\r\n    const selectedFinancingOffer: IFinancingOfferFormatted | undefined = selectFinancingOffer({\r\n        limitedTimeFinancingOffers: context.app.config.limitedTimeFinancingOffers,\r\n        everydayFinancingOffers: context.app.config.everydayFinancingOffers,\r\n        totalPrice: sellingPrice\r\n    });\r\n\r\n    if (!sellingPrice) {\r\n        return null;\r\n    }\r\n    const monthlyCost = selectedFinancingOffer && Math.ceil(sellingPrice / selectedFinancingOffer.numOfMonths);\r\n    const stateUpdate: IFinancingOfferStateData = {\r\n        isOpen: true,\r\n        totalPrice: sellingPrice,\r\n        financingOffer: selectedFinancingOffer\r\n    };\r\n    const url = new URL(window.location.href.toString());\r\n    const variantId = Number(getQueryParamsFromQueryByName(url, 'variantid')) || undefined;\r\n    const openModal = () => {\r\n        fireAnalyticsLink({\r\n            eventName: 'internal navigation',\r\n            eventCategory: 'internal links',\r\n            eventAction: 'to: Financing Per Month modal',\r\n            eventLabel: `from ${pageType} Financing Per Month “Learn How” link`,\r\n            eventNoninteraction: 'false'\r\n        });\r\n        context.actionContext.update(new FinancingOfferStateInput(), stateUpdate);\r\n    };\r\n    // format currency and strip trailing zeros\r\n    // TODO: remove the cents portion in a dynamic way for all currencies\r\n    const formattedMonthlyCost = monthlyCost && context.cultureFormatter.formatCurrency(monthlyCost);\r\n    const monthlyCostStrippedZeros = formattedMonthlyCost && formattedMonthlyCost.substring(0, formattedMonthlyCost.length - 3);\r\n\r\n    const campaign = selectedFinancingOffer && getValidSpecialCampaign(selectedFinancingOffer);\r\n    const campaignRemainingCost =\r\n        campaign && selectedFinancingOffer && getCampaignRemainingCost(campaign, selectedFinancingOffer, sellingPrice);\r\n\r\n    const formattedCampaignCost =\r\n        campaign && campaignRemainingCost && context.cultureFormatter.formatCurrency(Math.ceil(campaignRemainingCost.cost));\r\n    const campaignCostStrippedZeros = formattedCampaignCost && formattedCampaignCost?.substring(0, formattedCampaignCost.length - 3);\r\n\r\n    const everydayFinancingMessage = context.app.config.everydayFinancingMessage;\r\n    const limitedFinancingMessage = context.app.config.limitedFinancingMessage;\r\n    const limitedCampaignFinancingMessage = context.app.config.limitedCampaignFinancingMessage;\r\n\r\n    const sellingPriceDollars = sellingPrice.toFixed(2).split('.')[0];\r\n    const sellingPriceCents = sellingPrice.toFixed(2).split('.')[1];\r\n\r\n    const dimensionDollars = dimensionPrice?.toFixed(2).split('.')[0];\r\n    const dimensionCents = dimensionPrice?.toFixed(2).split('.')[1];\r\n    const readyToShow = activeVariantId === productId || activeColorVariantId === productId || variantId === productId || pageType=== \"PLP\";\r\n    const promotionalPeriod = selectedFinancingOffer?.numOfMonths;\r\n    const validThroughDate = selectedFinancingOffer && selectedFinancingOffer.isLTO && (promotionalPeriod === 36 || promotionalPeriod === 48 || promotionalPeriod === 60) ? '' : ` Valid thru ${selectedFinancingOffer?.endDate} `;\r\n    // tslint:disable: react-this-binding-issue jsx-no-lambda react-a11y-event-has-role\r\n    return pageType === 'PDP' ? (\r\n        <div className={`redesign msc-product__financing-per-month${selectedFinancingOffer ? '' : ' no-financing'}`}>\r\n            <div className='product-price-section'>\r\n                <div className={Number(percentDiff) > 0 && Number(percentDiff) < 100 && discountAmount !== 0 ? 'product-price' : 'product-price-black'}>\r\n\r\n                    {Number(percentDiff) > 0 && discountAmount !== 0 ? readyToShow ?\r\n                        <>\r\n                            $<span className='product-dollars'>{sellingPriceDollars}</span>\r\n                            <span className='product-cents'>{sellingPriceCents}</span>\r\n                            <span className='product-original'>\r\n                                <span className='product-original-price'>\r\n                                    $<span className='product-dollars'>{dimensionDollars}</span>\r\n                                    <span className='product-cents'>{dimensionCents}</span>\r\n                                </span>\r\n                                <span className='product-offer-discount'>{percentDiff && percentDiff.toFixed()}% Off</span>\r\n                            </span></>\r\n                        : <div className='product-price-loader'>\r\n                            <div className='msc-waiting msc-waiting-circular price-spinner' />\r\n                        </div> : readyToShow ? priceComponent || (\r\n                            <>\r\n                                $<span className='product-dollars'>{sellingPriceDollars}</span>\r\n                                <span className='product-cents'>{sellingPriceCents}</span>\r\n                            </>) : <div className='product-price-loader'>\r\n                        <div className='msc-waiting msc-waiting-circular price-spinner' />\r\n                    </div>\r\n                    }\r\n                </div>\r\n            </div>\r\n            {selectedFinancingOffer && (\r\n                <>\r\n                    {campaign && campaignRemainingCost ? (\r\n                        <div className='financing-price-section has-campaign'>\r\n                            {/* commented as per story no 21902 */}\r\n                            {/* <div className='financing-price-label'>Pay as low as</div> */}\r\n                            <div className='financing-price'>or {`$${Math.ceil(\r\n                                campaign.initialMonthlyAmount\r\n                            )}/mo for the first ${campaign.numOfDiscountedMonths} months`}</div>\r\n                            {/* tslint:disable-next-line: react-this-binding-issue jsx-no-lambda react-a11y-event-has-role*/}\r\n                            <div className='financing-price-info financing-price-text' onClick={e => e.stopPropagation()}>\r\n                                {/* {`Then $${Math.ceil(campaignRemainingCost.cost)}/mo for ${\r\n                                    campaignRemainingCost?.months\r\n                                } months with 0% APR with Mattress Firm Credit Card.Limited Time.`} */}\r\n                                {limitedCampaignFinancingMessage &&\r\n                                    limitedCampaignFinancingMessage\r\n                                        .replace('{campaignCost}', campaignCostStrippedZeros)\r\n                                        .replace('{campaignMonths}', campaignRemainingCost?.months)}\r\n                                <a role='button' className='financing-price-modal-toggle' onClick={openModal} href='javascript:void(0)'>\r\n                                    <span className='learn-how'>Learn How</span>\r\n                                    <span className='prevent-wrap'>\r\n                                        <span aria-hidden='true'></span>\r\n                                    </span>\r\n                                </a>\r\n                            </div>\r\n                        </div>\r\n                    ) : (\r\n                        <div className='financing-price-section'>\r\n                            {/* commented as per story no 21902 */}\r\n                            {/* <div className='financing-price-label'>Pay as low as</div> */}\r\n                            {/* <div className='financing-price financing-price-right'>\r\n                                {pageType === 'PDP' ? `${monthlyCostStrippedZeros}/mo` : `${monthlyCostStrippedZeros} / mo`}\r\n                            </div> */}\r\n                            {/* tslint:disable-next-line: react-this-binding-issue jsx-no-lambda react-a11y-event-has-role*/}\r\n                            <div className='financing-price-info financing-price-text' onClick={e => e.stopPropagation()}>\r\n                                {/* {pageType === 'PDP' ? `${monthlyCostStrippedZeros}/mo` : `${monthlyCostStrippedZeros} / mo`} */}\r\n                                {selectedFinancingOffer.isLTO\r\n                                    ? `${limitedFinancingMessage &&\r\n                                    limitedFinancingMessage.replace(\r\n                                        '{numOfMonths}',\r\n                                        selectedFinancingOffer.numOfMonths\r\n                                    )}${(pageType === 'PDP' && validThroughDate)}`\r\n                                    : everydayFinancingMessage &&\r\n                                    everydayFinancingMessage\r\n                                        .replace('{monthlyCostStrippedZeros}', monthlyCostStrippedZeros)\r\n                                        .replace('{numOfMonths}', selectedFinancingOffer.numOfMonths)}\r\n                                {/* ? `0% Interest with ${\r\n                                           selectedFinancingOffer.numOfMonths\r\n                                      } equal monthly payments. Limited Time.${(pageType === 'PDP' &&\r\n                                         ` Valid thru ${selectedFinancingOffer.endDate} `) ||\r\n                                          ''}`\r\n                                       :`Suggested payments with ${selectedFinancingOffer.numOfMonths} months special financing. `} */}\r\n                                <a role='button' className='financing-price-modal-toggle' onClick={openModal} href='javascript:void(0)'>\r\n                                    <span className='learn-how'>Learn How</span>\r\n                                    <span className='prevent-wrap'>\r\n                                        <span aria-hidden='true'></span>\r\n                                    </span>\r\n                                </a>\r\n                            </div>\r\n                        </div>\r\n                    )}\r\n                </>\r\n            )}\r\n        </div>\r\n    ) : (\r\n        <div className={`msc-product__financing-per-month${selectedFinancingOffer ? '' : ' no-financing'}`}>\r\n            <div className='product-price-section'>\r\n                {/* VSI Customization - START */}\r\n                <div className='product-price-label'>{pageType === 'PLP' ? (sizeValue ? sizeValue : 'Starting at') : null}</div>\r\n                {/* VSI Customization - END */}\r\n                <div className='product-price'>{priceComponent || `${context.cultureFormatter.formatCurrency(sellingPrice)}`}</div>\r\n            </div>\r\n            {selectedFinancingOffer && (\r\n                <>\r\n                    <div className='partition'>\r\n                        <span className='or_text'>OR</span>\r\n                    </div>\r\n                    {campaign && campaignRemainingCost ? (\r\n                        <div className='financing-price-section'>\r\n                            {/* commented as per story no 21902 */}\r\n                            {/* <div className='financing-price-label'>Pay as low as</div> */}\r\n                            <div className='financing-price financing-price-right'>{`$${Math.ceil(\r\n                                campaign.initialMonthlyAmount\r\n                            )}/mo for the first ${campaign.numOfDiscountedMonths} months`}</div>\r\n                            {/* tslint:disable-next-line: react-this-binding-issue jsx-no-lambda react-a11y-event-has-role*/}\r\n                            <div className='financing-price-info financing-price-text' onClick={e => e.stopPropagation()}>\r\n                                {/* {`Then $${Math.ceil(campaignRemainingCost.cost)}/mo for ${\r\n                                    campaignRemainingCost?.months\r\n                                } months with 0% APR with Mattress Firm Credit Card.Limited Time.`} */}\r\n                                {limitedCampaignFinancingMessage &&\r\n                                    limitedCampaignFinancingMessage\r\n                                        .replace('{campaignCost}', campaignCostStrippedZeros)\r\n                                        .replace('{campaignMonths}', campaignRemainingCost?.months)}\r\n                                <a role='button' className='financing-price-modal-toggle' onClick={openModal} href='javascript:void(0)'>\r\n                                    Learn How\r\n                                </a>\r\n                            </div>\r\n                        </div>\r\n                    ) : (\r\n                        <div className='financing-price-section'>\r\n                            {/* tslint:disable-next-line: react-this-binding-issue jsx-no-lambda react-a11y-event-has-role*/}\r\n                            <div className='financing-price financing-price-right'>\r\n                                {pageType === 'PLP' ? `${monthlyCostStrippedZeros}/mo` : `${monthlyCostStrippedZeros} / mo`}\r\n                            </div>\r\n                            <div className='financing-price-info financing-price-text' onClick={e => e.stopPropagation()}>\r\n                                {selectedFinancingOffer.isLTO\r\n                                    ? `${limitedFinancingMessage &&\r\n                                    limitedFinancingMessage.replace(\r\n                                        '{numOfMonths}',\r\n                                        selectedFinancingOffer.numOfMonths\r\n                                    ).replace('{monthlyCostStrippedZeros}', monthlyCostStrippedZeros)\r\n                                    }`\r\n                                    : everydayFinancingMessage &&\r\n                                    everydayFinancingMessage\r\n                                        .replace('{numOfMonths}', selectedFinancingOffer.numOfMonths)\r\n                                        .replace('{monthlyCostStrippedZeros}', monthlyCostStrippedZeros)\r\n                                }\r\n                                <a role='button' className='financing-price-modal-toggle' onClick={openModal} href='javascript:void(0)'>\r\n                                    Learn How\r\n                                </a>\r\n                            </div>\r\n                        </div>\r\n                    )}\r\n                </>\r\n            )}\r\n        </div>\r\n    );\r\n};\r\n"],"names":["fireAnalyticsLink","searchTerm","searchType","eventName","eventCategory","eventAction","eventLabel","eventType","eventNoninteraction","enhancedAction","generalConfig","promoConfig","productConfig","customerConfig","productImpressionConfig","callUtagLink","event","event_category","event_action","event_label","event_type","event_noninteraction","enhanced_action","search_term","search_type","callUtag","async","objToCall","Object","keys","forEach","key","utag","global","hasOwnProperty","link","e","console","log","callUtagView","view","getBVAttributeValues","attributeValues","value","find","attr","Name","trim","TextValue","Math","round","request","context","isCached","getDeliveryMessageActionInput","GetDeliveryMessageInput","result","getDeliveryMessageAction","actionContext","error","dayjs","tz","utc","isBetween","format","defaultImageSettings","viewports","xs","q","w","h","disableLazyLoad","parseBadgeData","badgeData","requestContext","dataSegments","scheduleStart","scheduleEnd","badgeType","parsedScheduleStart","startDate","startTime","parsedScheduleEnd","endDate","endTime","split","startMoment","replace","endMoment","startMomentFormatted","endMomentFormatted","isValid","baseUrl","apiSettings","baseImageUrl","substring","length","removed$","parsedBadgeType","toLowerCase","altText","src","alt","start","convertTimeZone","end","time","local","buildProductBadge","parsedBadgeData","React","Image","className","gridSettings","title","imageSettings","fallBackBrandAttribute","parseBrandName","attributes","backendAttribute","recordId","attribute","productBrandName","hasArray","currAttribute","MsDyn365","getLocalStorage","localStorage","getItem","bonusItemArray","JSON","parse","checkBrandName","item","productId","brandName","getBrandNameCheck","getValidSpecialCampaign","financingOffer","specialCampaign","enableCampaign","initialMonthlyAmount","numOfDiscountedMonths","isCampaignScheduled","getCampaignRemainingCost","campaign","totalPrice","remainingCost","remainingMonths","numOfMonths","cost","months","offer","tempOffer","create","campaignValidStartDate","campaignValidEndDate","isScheduled","add","startDateCentralTime","endDateCentralTime","now","selectFinancingOffer","returnCustomOfferArray","campaignFound","limitedTimeFinancingOffers","everydayFinancingOffers","specialFinancingOffer","synchronySpecialFinancingCondition","specialFinancingEnable","highestMinimumPurchase","bestOffer","costPerMonth","isLTO","minPurchase","everydayFinancingOfferMessage","limitedFinancingOfferMessage","monthlyOfferDetails","financingOfferDescription","disclaimer","offerFound","everydayOffers","specialOffer","validLimitedTimeFinancingOffers","filter","offerValidStartDate","offerValidEndDate","isValidLimitedTimeOffer","currentOfferAccepted","noInterestFor","ceil","offerName","push","isAfter","currentOffer","specialCampaignOffer","checkoutDisplay","validCampaign","undefined","FinancingOfferStateInput","constructor","getCacheKey","getCacheObjectType","dataCacheType","Msdyn365","action","input","ctx","isOpen","id","args","getQueryParamsFromQueryByName","inputUrl","queryParamName","URL","toString","toLocaleLowerCase","searchParams","get","Number","isNaN","generateImageUrl","imageUrl","startsWith","encodeURIComponent","DimensionTypes","DimensionSwatchDisplayTypes","getFallbackImageUrl","itemId","parsedItemId","productUrl","convertProductDimensionTypeToDimensionTypes","productDimensionType","ProductDimensionType","color","configuration","size","style","none","parseDimensionsFromUrl","urlParameters","parsedDimensions","map","dimension","localDimensionType","DimensionTypeValue","DimensionValue","RecordId","Value","parseDimensionFromUrl","ArrayExtensions","getDimensionValuesFromQuery","FinancingPerMonthComponent","pageType","sellingPrice","priceComponent","sizeValue","dimensionPrice","percentDiff","discountAmount","categoryName","activeVariantId","activeColorVariantId","selectedFinancingOffer","app","config","monthlyCost","stateUpdate","url","window","location","href","variantId","openModal","update","formattedMonthlyCost","cultureFormatter","formatCurrency","monthlyCostStrippedZeros","campaignRemainingCost","formattedCampaignCost","campaignCostStrippedZeros","everydayFinancingMessage","limitedFinancingMessage","limitedCampaignFinancingMessage","sellingPriceDollars","toFixed","sellingPriceCents","dimensionDollars","dimensionCents","readyToShow","promotionalPeriod","validThroughDate","onClick","stopPropagation","role"],"sourceRoot":""}