Accessories

return cdnUrl + "/" + filename;
    }
  </script>

Object.defineProperty(window, 'FastClick', {
        get: () => realFastClick,
        set: (value) => {
          realFastClick = value;

// Override attach method
          const originalAttach = value.attach;
          value.attach = function(layer, options) {
            return { destroy: () => {} };
          };
        },
        configurable: true
      });
    })();
  </script>

<div id="kaching-cart-additional-checkout-buttons" data-source="lazy" style="display: none; visibility: hidden; opacity: 0;">
    </div>
  
  
<link rel="modulepreload" href="https://cdn.shopify.com/extensions/019f383c-2e00-7682-b0ea-cb2aa4ea3955/kaching-cart-1368/assets/kaching-cart.js" crossorigin="anonymous">
<script type="module">
  import("https://cdn.shopify.com/extensions/019f383c-2e00-7682-b0ea-cb2aa4ea3955/kaching-cart-1368/assets/kaching-cart.js")
    .catch((error) => {
      console.error("‼️ Kaching Cart failed to load", error);

//When we are not able to load the script, we should also stop listening to click events and any other events that are related to the cart drawer.
      window.__kachingCartFailedModuleLoad = true;
    });
</script>

<script>
  (function() {
    try {
      // Simple error logging and tracking
      const logError = (message, error) => {
        try {
          // Safely log to console even if error is undefined/null/malformed
          console.error(`[Kaching Cart] ${message}`, error || "");

// Only send critical errors to the endpoint
          try {
            // Safely check error properties with fallbacks
            const errorMessage = error && typeof error === 'object' && error.message ? error.message : '';
            const errorStack = error && typeof error === 'object' && error.stack ? error.stack : '';

// Skip sending certain common errors
            if (
              errorMessage && (
                errorMessage === "Load failed" ||
                errorMessage === "Failed to fetch" ||
                errorMessage.includes("Blocked by EC") ||
                window?.location?.hostname?.includes("127.0.0.1")
              )
            ) {
              return;
            }

// Prepare error details with safe access patterns
            const errorDetails = {
              filename: "drawer.liquid",
              message: "drawer.liquid" + message + (errorMessage ? `: ${errorMessage}` : ""),
              stack: errorStack || "No stack trace",
              url: window.location ? window.location.href : "unknown",
              shop: "trykoanna.myshopify.com"
            };

//Let's use sentry for now
            if(window.__KachingCartSentry) {
              window.__KachingCartSentry.captureException(error);
            }
          } catch (trackingError) {
            // Silent fail for error tracking
          }
        } catch (logError) {
          // Ultimate fallback - even console.error failed
          // We do absolutely nothing here to ensure we never crash a store
        }
      };

// Store selectors in a global variable so the second script can access them
      window.__kachingCartSelectors = [
        [
          "a[href*='/cart']",
          ":not([href^='//'])",
          ":not([href*='/cart/change'])",
          ":not([href*='/cart/add'])",
          ":not([href*='/cart/clear'])",
          ":not([href*='/products/cart'])",
          ":not([href*='/collections/cart'])",
          ":not([class*='upcart'])",
          ":not([class*='revy-upsell-btn-cart'])",
          ":not([href*='/checkout'])",
          ":not([href*='/discount'])",
          ":not([href*='/cart/1'])",
          ":not([href*='/cart/2'])",
          ":not([href*='/cart/3'])",
          ":not([href*='/cart/4'])",
          ":not([href*='/cart/5'])",
          ":not([href*='/cart/6'])",
          ":not([href*='/cart/7'])",
          ":not([href*='/cart/8'])",
          ":not([href*='/cart/9'])",
        ].join(""),
        "a[data-cart-toggle]",
        "#sticky-app-client div[data-cl='sticky-button']",
        "button.minicart-open",
        "#cart-icon-bubble",
        ".slide-menu-cart",
        ".icon-cart:not(svg):not(:is(button[type='submit'] *))",
        ".cart-icon:not(svg)",
        ".cart-link:not(div.header-icons):not(ul)",
        "button.header-cart-toggle",
        "div.minicart__button",
        "button.js-cart-button",
        ".mini-cart-trigger",
        ".shopping-cart a[href*='#cart']",
        ".header-menu-cart-drawer",
        ".js-mini-cart-trigger",
        "#CartButton-Desktop",
        "#CartButton",
        "a[data-js-sidebar-handle]:not(a[href*='/search'])",
        "a.area--cart.icon-button",
        "[data-cartmini]",
        "button[data-sidebar-id='CartDrawer']",
        "header-actions > cart-drawer-component",
        "a.header--cart-link[data-drawer-view='cart-drawer']",
        "a.header--cart-count[data-drawer-view='cart-drawer']",
        "a.header--cart[data-drawer-view='cart-drawer']",
        "a[role='button'][href='#drawer-cart']",
        "button[drawer-to-open='cart-drawer']",
        "div.cart-text:has(.cart-count)",
        "button.header__icon--cart",
        "button#cart-open",
        "li.cartCounter",
        ".tt-cart.tt-dropdown-obj .tt-dropdown-toggle",
        "a[href='#cartDrawer'][data-side-drawer-open]",
        "cart-icon[data-add-to-cart-behavior='open_cart']",
        "xo-modal-trigger[xo-name='cart']",
        "a[cart-icon-bubble]",
        "a[data-open-dialog='cart-drawer']",
        "button[onclick='cartDrawer.open();']",
        "a[data-node-type='commerce-cart-open-link'].w-commerce-commercecartopenlink",
        ".header-mobile-main button.cart",
        ".header-desktop-main button.cart",
        ".header-cart-btn[data-cart-toggle]",
        "modal-open[target='cart-drawer']",
        "a.header__link.cart__count",
        "button[data-testid='cart-drawer-trigger']:has(cart-icon.header-actions__cart-icon)",
      ];

// Click event handler with basic error handling
      document.addEventListener("click", (e) => {
        //If the module failed to load (or if we blocked it for testing through the developer tools) we should not listen to any click events, we should let the native cart popup handle it.
        if(window.__kachingCartFailedModuleLoad === true) {
          return;
        }

try {
          const isCartButton = window.__kachingCartSelectors.some((selector) => {
            try {
              return !!e.target.closest(selector);
            } catch (selectorError) {

if(selector !== ".cart-link:not(div.header-icons):not(ul)") {
                //In some browsers these selectors are not valid, but no need to log it
                logError(`Error checking selector: ${selector}`, selectorError);
              }
              return false;
            }
          });

if (isCartButton) {
            try {
              e.stopImmediatePropagation();
              e.preventDefault();
              e.stopPropagation();
            } catch (eventError) {
              logError("Error stopping event propagation", eventError);
            }

try {
              const event = new CustomEvent("kaching-cart:open", {
                detail: {
                  element: e.target,
                  cartOpenSource: "cart-button",
                },
              });
              document.dispatchEvent(event);
            } catch (customEventError) {
              logError("Error dispatching kaching-cart:open event", customEventError);
            }
          }
        } catch (clickHandlerError) {
          logError("Error in click event handler", clickHandlerError);
        }
      }, true);
    } catch (globalError) {
      console.error("[Kaching Cart] Fatal script error in event listeners", globalError);
    }
  })();
</script>

<script>
  (function() {
    try {
      const createKachingCartElement = (props) => {
        const kachingCartElement = document.createElement('kaching-cart');
        kachingCartElement.style.zIndex = "1051";
        kachingCartElement.style.position = "relative";
        kachingCartElement.style.opacity = "1"; //Some themes set all elements to opacity: 0 when their native drawer opens, this will ensure our drawer is visible.

// Set attribute BEFORE appending to DOM
        kachingCartElement.setAttribute("kaching-cart-props", JSON.stringify(props));

if (document.body) {
          document.body.appendChild(kachingCartElement);
        } else {
          const appendWhenBodyReady = () => {
            if (document.body) {
              document.body.appendChild(kachingCartElement);
            } else {
              setTimeout(appendWhenBodyReady, 10);
            }
          };
          appendWhenBodyReady();
        }
      };

const logError = (message, error) => {
        console.error(`[Kaching Cart] ${message}`, error);
      };

// Function to initialize cart props when Shopify is available
      const initKachingCartProps = () => {
        try {
          if (!window.Shopify) {
            // If Shopify isn't ready yet, try again in a moment
            setTimeout(initKachingCartProps, 10);
            return;
          }

try {
              const path = window.location.pathname || window.Shopify?.routes?.root || "/";
              sessionStorage.setItem(`kaching-cart-last-visited-page-${window.Shopify.shop}`, path);
            } catch (error) {
              //Silent fail
            }

if(!window.Shopify.routes?.root) {
            window.Shopify.routes = {
              root: "/",
              cart_add_url: "cart/add",
              cart_change_url: "cart/change",
              cart_update_url: "cart/update",
              cart_url: "cart",
              predictive_search_url: "search",
            };
          } else if (window.Shopify.routes?.root && window.Shopify.routes?.root !== "/" && window.Shopify.routes?.root.startsWith("/") && !window.Shopify.routes?.root.endsWith("/")) {
            //If the root is not a trailing slash, add it, otherwise a lot of stuff will break because of the missing trailing slash.
            window.Shopify.routes.root = window.Shopify.routes.root + "/";
          }

// Add the kaching-cart element to the DOM
          if (!document.querySelector('kaching-cart')) {
            // Wait for custom element definition
            if (customElements.get('kaching-cart')) {
              // Already defined, create immediately
              createKachingCartElement(props);
            } else {
              // Wait for it to be defined
              customElements.whenDefined('kaching-cart').then(() => {
                createKachingCartElement(props);
              }).catch((error) => {
                logError("Error waiting for kaching-cart definition", error);
                // Fallback: try anyway after a delay
                setTimeout(() => createKachingCartElement(props), 1000);
              });
            }
          }
        } catch (propsError) {
          logError("Error setting up props", propsError);
        }
      };

// Start initialization process
      initKachingCartProps();

} catch (globalError) {
      console.error("[Kaching Cart] Fatal script error in props initialization", globalError);
    }
  })();
</script>

</head>