{"version":3,"file":"bfb42043.js","sources":["../../../src/components/base/icon/CartIconWhite.tsx","../../../src/components/globals/cart/CartIconWithItems.client.tsx"],"sourcesContent":["/**\n * A shared component that specifies the icon to represent a cart\n */\nexport default function CartIconWhite(): JSX.Element {\n  return (\n    <svg width=\"15\" height=\"20\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        d=\"M7.502 0C9.765 0 11.5 2.032 11.5 4.544l-.001.323h2.291c.637 0 1.214.476 1.21 1.314l-.989 11.067c0 1.603-1.29 2.752-2.868 2.752H3.86C2.285 20 .993 18.834.997 17.319L0 6.042c0-.818.581-1.175 1.214-1.175h2.29v-.323C3.504 2.032 5.24 0 7.502 0Zm5.678 6.745H1.831l.927 10.486c0 .49.444.891 1.103.891h7.282c.666 0 1.103-.389 1.107-.962l.93-10.415ZM7.502 1.878c-1.248 0-2.232 1.153-2.232 2.666l-.001.323h4.465v-.323c0-1.513-.984-2.666-2.232-2.666Z\"\n        fill=\"#fff\"\n      />\n    </svg>\n  );\n}\n","import React from 'react';\nimport {useCart} from '@shopify/hydrogen';\nimport {useGlobalSettings} from 'Js/hooks/useGlobalSettings';\n\nimport CartIconBlack from '@base/icon/CartIconBlack';\nimport CartIconWhite from '@base/icon/CartIconWhite';\nimport clsx from 'clsx';\n\n/**\n * A client component that specifies the icon to use if a cart contains merchandise\n */\nexport function CartIconWithItems({\n  headerSolid,\n}: {\n  headerSolid?: any;\n}): JSX.Element {\n  const {mainColor, companionColor} = useGlobalSettings();\n  const {totalQuantity} = useCart();\n\n  return (\n    <>\n      <div className=\"relative md:scale-[0.8] 2xl:scale-[1]\">\n        {headerSolid ? <CartIconBlack /> : <CartIconWhite />}\n\n        <div\n          className={clsx([\n            'absolute bottom-[20px] left-[8px] flex translate-y-1/2 transform items-center justify-center rounded-full text-[10px] leading-none transition-all',\n            totalQuantity > 0 ? 'h-4 w-4' : 'h-0 w-0 overflow-hidden',\n          ])}\n          style={{\n            backgroundColor: mainColor ? mainColor : '#62554a',\n            color: companionColor ? companionColor : '#ffffff',\n          }}\n          aria-hidden\n        >\n          {totalQuantity > 0 ? totalQuantity : null}\n        </div>\n      </div>\n      <span className=\"sr-only\">Cart, {totalQuantity} items</span>\n    </>\n  );\n}\n"],"names":["CartIconWhite","CartIconWithItems","headerSolid","mainColor","companionColor","useGlobalSettings","totalQuantity","useCart","_Fragment","_jsxs","_jsx","CartIconBlack","clsx","backgroundColor","color"],"mappings":"udAGA,SAAwBA,GAA6B,CACnD,SACE,MAAA,CAAK,MAAM,KAAK,OAAO,KAAK,MAAM,6BAA4B,WAC5D,OAAA,CACE,EAAE,0bACF,KAAK,MAAA,CAAM,CAAA,CAET,CAEV,CCDO,SAASC,EAAkB,CAChCC,YAAAA,CAGF,EAAgB,CACR,KAAA,CAACC,UAAAA,EAAWC,eAAAA,GAAkBC,EAAmB,EACjD,CAACC,cAAAA,GAAiBC,EAAS,EAEjC,SACEC,EAAA,CAAA,SACE,CAAAC,EAAA,MAAA,CAAK,UAAU,wCAAuC,SACnDP,CAAAA,EAAcQ,EAACC,MAAmBD,EAACV,EAAa,CAAA,CAAA,IAEjD,MAAA,CACE,UAAWY,EAAK,CACd,oJACAN,EAAgB,EAAI,UAAY,yBAAyB,CAC1D,EACD,MAAO,CACLO,gBAAiBV,GAAwB,UACzCW,MAAOV,GAAkC,SAC3C,EACA,cAAW,GAAA,SAEVE,EAAgB,EAAIA,EAAgB,IAAA,CACjC,CAAA,CAAA,CAAA,EAERG,EAAA,OAAA,CAAM,UAAU,UAAS,SAAA,CAAA,SAAQH,EAAa,QAAA,CAAA,CAAc,CAAA,CAAA,CAC3D,CAEP"}