<script type="text/javascript">
  (function (c, l, a, r, i, t, y) {
    c[a] = c[a] || function () { (c[a].q = c[a].q || []).push(arguments); };
    t = l.createElement(r); t.async = 1; t.src = "https://www.clarity.ms/tag/" + i + "?ref=shopify";
    y = l.getElementsByTagName(r)[0]; y.parentNode.insertBefore(t, y);

c.Shopify.loadFeatures([{ name: "consent-tracking-api", version: "0.1" }], error => {
      if (error) {
        console.error("Error loading Shopify features:", error);
        return;
      }

c[a]('consentv2', {
        ad_Storage: c.Shopify.customerPrivacy.marketingAllowed() ? "granted" : "denied",
        analytics_Storage: c.Shopify.customerPrivacy.analyticsProcessingAllowed() ? "granted" : "denied",
        source: 101,
      });
    });

l.addEventListener("visitorConsentCollected", function (e) {
      c[a]('consentv2', {
        ad_Storage: e.detail.marketingAllowed ? "granted" : "denied",
        analytics_Storage: e.detail.analyticsAllowed ? "granted" : "denied",
        source: 101,
      });
    });
  })(window, document, "clarity", "script", "xkrqnggsxl");
</script>

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>
    <template id="kaching-cart-additional-checkout-buttons-source">
      <div class="dynamic-checkout__content" id="dynamic-checkout-cart" data-shopify="dynamic-checkout-cart"> <shopify-accelerated-checkout-cart wallet-configs="[{"supports_subs":true,"supports_def_opts":false,"name":"shop_pay","wallet_params":{"shopId":99326230835,"merchantName":"trykoanna","personalized":true}},{"supports_subs":true,"supports_def_opts":false,"name":"paypal","wallet_params":{"shopId":99326230835,"countryCode":"NL","merchantName":"trykoanna","phoneRequired":true,"companyRequired":false,"shippingType":"shipping","shopifyPaymentsEnabled":true,"hasManagedSellingPlanState":false,"requiresBillingAgreement":true,"gatewayType":"CONNECTED","merchantId":"JR3USL55UBHZW","sdkUrl":"https://www.paypal.com/sdk/js?components=buttons\u0026commit=false\u0026currency=USD\u0026locale=en_US\u0026client-id=AexZEtAxk09Ncgj6FSWFFyGKbxxAZ_LTyJ2DPdJWl1YUlecinmc5AfIaRF2qYjWlusWahlzz6SVkY5Ci\u0026merchant-id=JR3USL55UBHZW\u0026intent=authorize","serviceableCountryCodes":["NL","US"]}}]" access-token="8c9aff3f1cdd9d1ac791b07aacd3dead" buyer-country="US" buyer-locale="en" buyer-currency="USD" shop-id="99326230835" cart-id="7409a5c88d25fdaf1a2d155cd470ab61" enabled-flags="["a1d1f9a1","f5afabb3","370070f3","b311f899"]" > <div class="wallet-button-wrapper"> <ul class='wallet-cart-grid wallet-cart-grid--skeleton' role="list" data-shopify-buttoncontainer="true"> <li data-testid='grid-cell' class='wallet-cart-button-container'><div class='wallet-cart-button wallet-cart-button__skeleton' role='button' disabled aria-hidden='true'> </div></li><li data-testid='grid-cell' class='wallet-cart-button-container'><div class='wallet-cart-button wallet-cart-button__skeleton' role='button' disabled aria-hidden='true'> </div></li> </ul> </div> </shopify-accelerated-checkout-cart> </div>
    </template>
  
  
<link rel="modulepreload" href="https://cdn.shopify.com/extensions/01a165eb-6a86-7d28-b09a-66159852f644/kaching-cart-1460/assets/kaching-cart.js" crossorigin="anonymous">
<script type="module">
  import("https://cdn.shopify.com/extensions/01a165eb-6a86-7d28-b09a-66159852f644/kaching-cart-1460/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
        }
      };

/*
        A CSS attribute selector can only do a substring match, and "/cart" is a
        substring of plenty of paths that have nothing to do with the cart:
        /a/search/cartier, /collections/cartoons, /pages/cartography. Every match on
        this selector is therefore re-checked against the resolved URL in the click
        handler below (see isCartPageLink), which is what actually decides whether a
        click gets swallowed. The :not() exclusions still carry their weight: the
        selector list is also handed to the drawer bundle, which feeds it to
        querySelectorAll without any such re-check.
      */
      const CART_PAGE_LINK_SELECTOR = [
        "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("");

// Store selectors in a global variable so the second script can access them
      window.__kachingCartSelectors = [
        CART_PAGE_LINK_SELECTOR,
        "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)",
        //Concept 6.0.3 changed its header cart icon from <a href="/cart"> to a button with no href.
        "button.cart-drawer-button[aria-controls='CartDrawer']",
      ];

/* A link points at the cart page only when the last segment of its path is
         exactly "cart" — /cart, /cart/, or a locale/market-prefixed /en-de/cart.
         Resolved against the current page so that a relative href normalises the
         same way the browser would navigate it. */
      const isCartPageLink = (link) => {
        const href = link.getAttribute("href");

if (!href) {
          return false;
        }

try {
          return /\/cart\/?$/.test(new URL(href, window.location.href).pathname);
        } catch (urlError) {
          //An href the URL parser rejects (javascript:, mailto:, …) is not a cart link.
          return false;
        }
      };

// Click event handler with basic error handling
      document.addEventListener("click", (e) => {
        //If the module failed to load, or the drawer failed to start (withThemeCartFallback), or 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.
        //__kachingCartDisabled is a merchant opt-out (e.g. B2B customers): let the theme's native cart handle the click. Read here at click time so it works regardless of when the flag is set.
        if(window.__kachingCartFailedModuleLoad === true || window.__kachingCartDisabled === true) {
          return;
        }

try {
          const isCartButton = window.__kachingCartSelectors.some((selector) => {
            try {
              const match = e.target.closest(selector);

if (!match) {
                return false;
              }

/* Only the href-substring selector needs the URL check. The other
                 entries match classes and attributes a theme puts on its own cart
                 control, and several of them sit on elements with no cart path at
                 all (href='#drawer-cart'). Returning false here keeps looking, so a
                 non-cart path on an element the theme also marks as a cart control
                 still opens the drawer. */
              return selector === CART_PAGE_LINK_SELECTOR
                ? isCartPageLink(match)
                : true;
            } 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) => {
        /*
          A merchant can set window.__kachingCartDisabled to fully suppress our cart for a shopper (e.g. B2B customers) and fall back to the theme's native cart. Bailing here means the <kaching-cart> element is never created, so none of the extension's global patches (fetch/XHR interception, form handlers, observers) ever install — there is nothing to tear down. This is the reliable checkpoint: the element is registered by a deferred module, so this runs after any inline flag-setting script the merchant adds.
        */
        if (window.__kachingCartDisabled === true) {
          return;
        }

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.__kachingCartDisabled === true) {
            return;
          }

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",
            };
          }
          
          if (window.Shopify.routes?.root && window.Shopify.routes?.root !== "/" && window.Shopify.routes?.root.startsWith("/") && !window.Shopify.routes?.root.endsWith("/")) {
            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>

<meta name="shopify-y" content="0eae2922-2942-4853-a635-80e6a411bcdd" data-expiration="1824468668000"><meta name="shopify-s" content="b46c5acf-d444-42d2-8e92-4f56bd4e6c87" data-expiration="1792912868000">
</head>

Legal notice

Contact

For questions regarding orders, products, returns, shipping, or other customer service matters, please contact us at:

support@trykoanna.com

Legal notice

Company Information

Contact