{"version":3,"file":"e43d06cc.js","sources":["../../../src/components/globals/cart/CartRecs.client.tsx"],"sourcesContent":["import {useEffect, useState} from 'react';\nimport {useCart} from '@shopify/hydrogen';\nimport {fetchDyCartRecs} from '../../../util/dy-utils';\nimport RecSwiper from '../../../components/base/rec-swiper/RecSwiper.client';\nimport clsx from 'clsx';\nimport './CartRecs.scss';\n\nexport default function CartRecs({\n  isMiniBag,\n}: {\n  isMiniBag: boolean;\n}): JSX.Element {\n  const [recs, setRecs] = useState<any>({});\n  const [custom, setCustom] = useState<any>({});\n  // const [variationId, setVariationId] = useState('');\n  const {lines} = useCart();\n  const modules = {\n    pagination: false,\n    scrollbar: true,\n    arrows: false,\n  };\n\n  const params: any = {};\n  if (isMiniBag) {\n    params.breakpoints = {\n      240: {\n        slidesPerView: 2.5,\n      },\n      769: {\n        slidesPerView: 2.5,\n      },\n      1024: {\n        slidesPerView: 2.5,\n      },\n    };\n  } else {\n    params.breakpoints = {\n      240: {\n        slidesPerView: 2.5,\n      },\n      769: {\n        slidesPerView: 3,\n      },\n      1024: {\n        slidesPerView: 5,\n      },\n    };\n  }\n\n  useEffect(() => {\n    if (!recs.length && lines) {\n      const getRecs = async () => {\n        const response = await fetchDyCartRecs(\n          'Cart and Mini Cart Recs [API]',\n          lines.map((line: any) => line.merchandise.sku),\n        );\n        if (response) {\n          setRecs(response.data.choices[0].variations[0].payload.data.slots);\n          // setCustom(recs.data.choices[0].variations[0].payload.data.custom);\n          // setVariationId(\n          //   recs.data.choices[0].variations[0].analyticsMetadata.variationId,\n          // );\n        }\n      };\n      getRecs().catch(console.error);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return (\n    <section className={clsx('cart-recs', isMiniBag && 'minibag')}>\n      <div className=\"cart-recs__title text-center md:text-left\">\n        WE THINK YOU&#39;D LIKE\n      </div>\n      {recs.length > 0 && (\n        <RecSwiper\n          recs={recs}\n          custom={custom}\n          tabs={false}\n          intlTabbedPrices={[]}\n          modules={modules}\n          params={params}\n        />\n      )}\n    </section>\n  );\n}\n"],"names":["CartRecs","isMiniBag","recs","setRecs","useState","custom","setCustom","lines","useCart","modules","pagination","scrollbar","arrows","params","breakpoints","slidesPerView","useEffect","length","response","fetchDyCartRecs","map","line","merchandise","sku","data","choices","variations","payload","slots","catch","console","error","clsx","_jsx","RecSwiper"],"mappings":"slBAOA,SAAwBA,EAAS,CAC/BC,UAAAA,CAGF,EAAgB,CACd,KAAM,CAACC,EAAMC,CAAO,EAAIC,EAAAA,QAAAA,SAAc,CAAE,CAAA,EAClC,CAACC,EAAQC,CAAS,EAAIF,EAAAA,QAAAA,SAAc,CAAE,CAAA,EAEtC,CAACG,MAAAA,GAASC,EAAS,EACnBC,EAAU,CACdC,WAAY,GACZC,UAAW,GACXC,OAAQ,EAAA,EAGJC,EAAc,CAAA,EACpB,OAAIZ,EACFY,EAAOC,YAAc,CACnB,IAAK,CACHC,cAAe,GACjB,EACA,IAAK,CACHA,cAAe,GACjB,EACA,KAAM,CACJA,cAAe,GACjB,CAAA,EAGFF,EAAOC,YAAc,CACnB,IAAK,CACHC,cAAe,GACjB,EACA,IAAK,CACHA,cAAe,CACjB,EACA,KAAM,CACJA,cAAe,CACjB,CAAA,EAIJC,EAAAA,QAAAA,UAAU,IAAM,CACV,CAACd,EAAKe,QAAUV,IACF,SAAY,CACpBW,MAAAA,EAAW,MAAMC,EACrB,gCACAZ,EAAMa,IAAKC,GAAcA,EAAKC,YAAYC,GAAG,CAAC,EAE5CL,GACMA,EAAAA,EAASM,KAAKC,QAAQ,GAAGC,WAAW,GAAGC,QAAQH,KAAKI,KAAK,CAKnE,KAEQC,MAAMC,QAAQC,KAAK,CAGjC,EAAG,CAAE,CAAA,IAGH,UAAA,CAAS,UAAWC,EAAK,YAAa/B,GAAa,SAAS,EAAE,SAC5D,CAAAgC,EAAA,MAAA,CAAK,UAAU,4CAA2C,SAAA,qBAEpD,CAAA,EACL/B,EAAKe,OAAS,KACZiB,EAAS,CACR,KAAAhC,EACA,OAAAG,EACA,KAAM,GACN,iBAAkB,CAAG,EACrB,QAAAI,EACA,OAAAI,CAAA,CAEH,CAAA,CAAA,CACO,CAEd"}