{"version":3,"file":"11c6fcb2.js","sources":["../../../src/components/globals/section/dy-home-recs-tray-1/DYHomeRecsTray1.client.tsx"],"sourcesContent":["import {useEffect, useState, useRef} from 'react';\nimport {\n  fetchTabbedDyRecs,\n  getVariationCookieObject,\n  getFixedCurrencies,\n  fetchIntlRecsPrices,\n  getProductIdsFromRecs,\n  getCurrencyCode,\n} from '../../../../util/dy-utils';\nimport {useLocalization} from '@shopify/hydrogen';\nimport RecSwiper from '../../../base/rec-swiper/RecSwiper.client';\nimport clsx from 'clsx';\nimport './DYHomeRecsTray1.scss';\n\nexport default function DYHomeRecsTray1({data}: {data: any}): JSX.Element {\n  const [recs, setRecs] = useState<any>([]);\n  const [custom, setCustom] = useState<any>({});\n  const [activeTabIndex, setActiveTabIndex] = useState<number>(0);\n  const [intlPrices, setIntlPrices] = useState<any>([]);\n  const {country} = useLocalization();\n  const fixedCurrencies = getFixedCurrencies();\n  const cc = getCurrencyCode();\n  const selectors = [\n    'Homepage Tray 1 - Tab 1 [API]',\n    'Homepage Tray 1 - Tab 2 [API]',\n  ];\n  const modules = {\n    pagination: false,\n    scrollbar: true,\n    arrows: true,\n  };\n  const params: any = {\n    hp_tray_1_hide_coming_soon: true,\n  };\n\n\n  useEffect(() => {\n    const variationCookieObject: any = getVariationCookieObject();\n    const strategyIds: any = [];\n    if (variationCookieObject) {\n      strategyIds.push(variationCookieObject.tab_1_strategy);\n      strategyIds.push(variationCookieObject.tab_2_strategy);\n    }\n\n    const getRecs = async () => {\n      // TODO -- refactor to only 1 call, adjust on DY side as well\n      const recs0: any = await fetchTabbedDyRecs(\n        'HOMEPAGE',\n        selectors[0],\n        [],\n        strategyIds[0] || null,\n      );\n      const recs1: any = await fetchTabbedDyRecs(\n        'HOMEPAGE',\n        selectors[1],\n        [],\n        strategyIds[1] || null,\n      );\n      if (!recs.length && recs0 && recs1) {\n        setRecs([\n          recs0.data.choices[0].variations[0].payload.data.slots,\n          recs1.data.choices[0].variations[0].payload.data.slots,\n        ]);\n      }\n\n      // if applicable, fetch intl prices from Shopify\n      if (!fixedCurrencies.includes(cc) && country.isoCode !== 'US') {\n        const productIds = getProductIdsFromRecs([\n          ...recs0.data.choices[0].variations[0].payload.data.slots,\n          ...recs1.data.choices[0].variations[0].payload.data.slots,\n        ]);\n        const fetchedIntlPrices: any = await fetchIntlRecsPrices(\n          country.isoCode,\n          productIds,\n        );\n        if (!intlPrices.length) {\n          setIntlPrices(fetchedIntlPrices);\n        }\n      }\n    };\n    getRecs().catch(console.error);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const tabClick = (e: any) => {\n    if (e.target.classList.contains('tab-1')) {\n      setActiveTabIndex(0);\n    } else if (e.target.classList.contains('tab-2')) {\n      setActiveTabIndex(1);\n    }\n  };\n\n  return (\n    <section className=\"home-recs-tray-1\">\n      <div className=\"home-recs-tray-1__header flex flex-col md:flex-row\">\n        <div className=\"home-recs-tray-1__header-tabs flex flex-row justify-center\">\n          <button\n            className={clsx([\n              activeTabIndex == 0 ? 'tab-active' : '',\n              'home-recs-tray-1__header-tabs__tab tab-1',\n            ])}\n            onClick={tabClick}\n          >\n            JUST IN\n          </button>\n          <button\n            className={clsx([\n              activeTabIndex == 1 ? 'tab-active' : '',\n              'home-recs-tray-1__header-tabs__tab tab-2',\n            ])}\n            onClick={tabClick}\n          >\n            TRENDING\n          </button>\n        </div>\n      </div>\n      {recs.length > 1 && (\n        <div className=\"home-recs-tray-1__sliders\">\n          <div\n            className={clsx([\n              activeTabIndex == 0 ? '' : 'hide',\n              'home-recs-tray-1__sliders__slider slider-1',\n            ])}\n          >\n            {recs[0].length > 0 && (\n              <RecSwiper\n                recs={recs[0]}\n                custom={custom}\n                // tabs={true}\n                tabs={false}\n                modules={modules}\n                // intlTabbedPrices={intlPrices.slice(0, 10)}\n                intlTabbedPrices={[]}\n                params={params}\n              />\n            )}\n          </div>\n          <div\n            className={clsx([\n              activeTabIndex == 1 ? '' : 'hide',\n              'home-recs-tray-1__sliders__slider slider-2',\n            ])}\n          >\n            {recs[1].length > 0 && (\n              <RecSwiper\n                recs={recs[1]}\n                custom={custom}\n                // tabs={true}\n                tabs={false}\n                modules={modules}\n                // intlTabbedPrices={intlPrices.slice(10, 20)}\n                intlTabbedPrices={[]}\n                params={params}\n              />\n            )}\n          </div>\n        </div>\n      )}\n    </section>\n  );\n}\n"],"names":["DYHomeRecsTray1","data","recs","setRecs","useState","custom","setCustom","activeTabIndex","setActiveTabIndex","intlPrices","setIntlPrices","country","useLocalization","fixedCurrencies","getFixedCurrencies","cc","getCurrencyCode","selectors","modules","pagination","scrollbar","arrows","params","hp_tray_1_hide_coming_soon","useEffect","variationCookieObject","getVariationCookieObject","strategyIds","push","tab_1_strategy","tab_2_strategy","recs0","fetchTabbedDyRecs","recs1","length","choices","variations","payload","slots","includes","isoCode","productIds","getProductIdsFromRecs","fetchedIntlPrices","fetchIntlRecsPrices","catch","console","error","tabClick","e","target","classList","contains","_jsx","clsx","RecSwiper"],"mappings":"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"}