{"version":3,"file":"66b8af66.js","sources":["../../../src/components/globals/cart/CartToggle.client.tsx"],"sourcesContent":["import {useCartUI} from './CartUIProvider.client';\nimport {CartIconWithItems} from './CartIconWithItems.client';\nimport {ClientAnalytics, useCart} from '@shopify/hydrogen';\n\n/**\n * A client component that defines the behavior when a user toggles a cart\n */\nexport default function CartToggle({\n  handleClick,\n  headerSolid,\n}: {\n  handleClick?: any;\n  headerSolid?: any;\n}): JSX.Element {\n  const cartUI = useCartUI();\n  const cart = useCart();\n\n  if (cartUI == null) {\n    throw new Error('CartToggle must be a descendent of a CartUIProvider');\n  }\n\n  const {isCartOpen, toggleCart} = cartUI;\n\n  return (\n    <button\n      type=\"button\"\n      className=\"px-[12px] xl:p-[15px]\"\n      aria-expanded={isCartOpen}\n      aria-controls=\"cart\"\n      onClick={() => {\n        toggleCart();\n        if (handleClick) handleClick();\n        ClientAnalytics.publish('VIEW_CART_CUSTOM', false, {\n          shopify: {\n            cart,\n          },\n        });\n      }}\n    >\n      <CartIconWithItems headerSolid={headerSolid} />\n      <span className=\"sr-only\">Open cart</span>\n    </button>\n  );\n}\n"],"names":["CartToggle","handleClick","headerSolid","cartUI","useCartUI","cart","useCart","Error","isCartOpen","toggleCart","publish","shopify","_jsx","CartIconWithItems"],"mappings":"ohBAOA,SAAwBA,EAAW,CACjCC,YAAAA,EACAC,YAAAA,CAIF,EAAgB,CACd,MAAMC,EAASC,IACTC,EAAOC,IAEb,GAAIH,GAAU,KACN,MAAA,IAAII,MAAM,qDAAqD,EAGjE,KAAA,CAACC,WAAAA,EAAYC,WAAAA,CAAcN,EAAAA,EAEjC,SACE,SAAA,CACE,KAAK,SACL,UAAU,wBACV,gBAAeK,EACf,gBAAc,OACd,QAAS,IAAM,CACDC,IACRR,GAA0BA,IACdS,EAAAA,QAAQ,mBAAoB,GAAO,CACjDC,QAAS,CACPN,KAAAA,CACF,CAAA,CACD,CACH,EAAE,SAAA,CAEFO,EAACC,EAAiB,CAAC,YAAAX,CAAA,CAAyB,EAC5CU,EAAA,OAAA,CAAM,UAAU,UAAS,SAAA,WAAA,CAAiB,CAAA,CAAA,CACnC,CAEb"}