<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", "xr9s22pzoo");
</script>

document.addEventListener('DOMContentLoaded', function () {
        function loadThemeScript() {
          const { theme } = window.Shopify;
          const themeSettings = window._starapps_theme_settings || [];
          const shopThemes = window._starapps_shop_themes || {};

if (!themeSettings.length) {
            return;
          }

const currentThemeId = theme.id.toString();
          let shopTheme = null;

shopTheme = shopThemes[currentThemeId];

if (!shopTheme) {
            for (const [themeId, themeData] of Object.entries(shopThemes)) {
              if (themeData.schema_theme_name === theme.schema_name ||
                  themeData.theme_store_id === theme.theme_store_id.toString()) {
                shopTheme = themeData;
                break;
              }
            }
          }

if (!shopTheme) {
            console.log('No shop theme found for theme:', theme);
            return;
          }

// Step 2: Find the theme setting using the theme_setting_id from shop theme
          const themeSetting = themeSettings.find(ts => ts.id === shopTheme.theme_setting_id);

console.log(themeSettings);
          console.log(shopTheme);

if (!themeSetting) {
            console.log('No theme setting found for theme_setting_id:', shopTheme.theme_setting_id);
            return;
          }

// Load script if found and not already loaded
          if (themeSetting.script_url && !isScriptAlreadyLoaded(themeSetting.id)) {
            loadScript(themeSetting);
          }
        }

function isScriptAlreadyLoaded(themeSettingId) {
          return document.querySelector(`script[data-theme-script="${themeSettingId}"]`) !== null;
        }

function loadScript(themeSetting) {
          const script = document.createElement('script');
          script.src = themeSetting.script_url;
          script.async = true;
          script.crossOrigin = 'anonymous';
          script.setAttribute('data-theme-script', themeSetting.id);

document.head.appendChild(script);
        }

// Try immediately, otherwise wait for Shopify theme object
          if (window.Shopify && window.Shopify.theme && window.Shopify.theme.id) {
            loadThemeScript();
          } else {
            var interval = setInterval(function () {
              if (window.Shopify && window.Shopify.theme && window.Shopify.theme.id) {
                clearInterval(interval);
                loadThemeScript();
              }
            }, 100);
            setTimeout(function () { clearInterval(interval); }, 5000);
          }
        });
      </script>