{"version":3,"file":"ca068ee8.js","sources":["../../../src/components/globals/cart/EmptyCartRecs.client.tsx"],"sourcesContent":["import {useEffect, useState} from 'react';\nimport {fetchDyCartRecs} from '../../../util/dy-utils';\nimport RecSwiper from '../../../components/base/rec-swiper/RecSwiper.client';\nimport clsx from 'clsx';\nimport './EmptyCartRecs.scss';\n\nexport default function EmptyCartRecs({\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 modules = {\n    pagination: false,\n    scrollbar: true,\n    arrows: false,\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) {\n      const getRecs = async () => {\n        const response = await fetchDyCartRecs('Empty Cart Recs [API]', []);\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('empty-cart-recs', isMiniBag && 'minibag')}>\n      <div className=\"empty-cart-recs__title text-center\">TRENDING</div>\n      {recs.length > 0 && (\n        <RecSwiper\n          recs={recs}\n          custom={custom}\n          tabs={false}\n          modules={modules}\n          intlTabbedPrices={[]}\n          params={params}\n        />\n      )}\n    </section>\n  );\n}\n"],"names":["EmptyCartRecs","isMiniBag","recs","setRecs","useState","custom","setCustom","modules","pagination","scrollbar","arrows","params","breakpoints","slidesPerView","useEffect","length","response","fetchDyCartRecs","data","choices","variations","payload","slots","catch","console","error","clsx","_jsx","RecSwiper"],"mappings":"yjBAMA,SAAwBA,EAAc,CACpCC,UAAAA,CAGF,EAAgB,CACd,KAAM,CAACC,EAAMC,CAAO,EAAIC,EAAAA,QAAAA,SAAc,CAAE,CAAA,EAClC,CAACC,EAAQC,CAAS,EAAIF,EAAAA,QAAAA,SAAc,CAAE,CAAA,EAEtCG,EAAU,CACdC,WAAY,GACZC,UAAW,GACXC,OAAQ,EAAA,EAEJC,EAAc,CAAA,EACpB,OAAIV,EACFU,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,CACTZ,EAAKa,SACQ,SAAY,CAC1B,MAAMC,EAAW,MAAMC,EAAgB,wBAAyB,CAAE,CAAA,EAC9DD,GACMA,EAAAA,EAASE,KAAKC,QAAQ,GAAGC,WAAW,GAAGC,QAAQH,KAAKI,KAAK,CAKnE,KAEQC,MAAMC,QAAQC,KAAK,CAGjC,EAAG,CAAE,CAAA,IAGH,UAAA,CAAS,UAAWC,EAAK,kBAAmBzB,GAAa,SAAS,EAAE,SAClE,CAAA0B,EAAA,MAAA,CAAK,UAAU,qCAAoC,SAAA,UAAe,CAAA,EACjEzB,EAAKa,OAAS,KACZa,EAAS,CACR,KAAA1B,EACA,OAAAG,EACA,KAAM,GACN,QAAAE,EACA,iBAAkB,CAAG,EACrB,OAAAI,CAAA,CAEH,CAAA,CAAA,CACO,CAEd"}