(function () {
  var head = document.getElementsByTagName('head')[0];
  var startingTime = new Date().getTime();

  if (typeof jQuery == 'undefined' && !AM?.Config?.disableLoadingJquery) {
    var jQueryScript = document.createElement('script');
    jQueryScript.src = 'https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js';
    jQueryScript.type = 'text/javascript';
    head.appendChild(jQueryScript);
  }

  if (typeof Mustache == 'undefined') {
    var mustacheScript = document.createElement('script');
    mustacheScript.src = 'https://cdnjs.cloudflare.com/ajax/libs/mustache.js/3.1.0/mustache.js';
    mustacheScript.type = 'text/javascript';
    head.appendChild(mustacheScript);
  }

  // Poll for jQuery to come into existance
  var checkReady = function (callback) {
    if (window.jQuery && window.Mustache) {
      callback(jQuery);
    } else {
      window.setTimeout(function () {
        checkReady(callback);
      }, 20);
    }
  };

  AM.Config = Object.assign(AM.Config, "undefined" != typeof _AMConfig && null !== _AMConfig ? _AMConfig : {})
  window.AMConfig = AM.Config;

  const urlParams = new URLSearchParams(window.location.search);
  var globalUrlParameter = urlParams.get('variant');
  // Start polling...
  checkReady(function ($) {
    (function () {
      var endingTime = new Date().getTime();
      var tookTime = endingTime - startingTime;
      console.log("jQuery is loaded, after " + tookTime + " milliseconds!");


      function renderWidget(standAloneProduct, standAloneElement, widgetId) {
        AM.Config = Object.assign(AM.Config, "undefined" != typeof _AMConfig && null !== _AMConfig ? _AMConfig : {})

        window.AMConfig = AM.Config;

        var product = AMConfig.product;

        if (standAloneProduct) {
          AMConfig.product = product = standAloneProduct;
        }

        processProductVariants(product);

        var localVariantsByTitle = AMConfig.variantsByTitle;
        var localVariantsById = AMConfig.variantsById;
        var localWindowVariant;

        function processProductVariants(product) {
          if (!product) {
            return;
          }

          var variants = product.variants;
          var _variantsByTitle = {};
          var _variantsById = {};
          for (var index = 0; index < variants.length; index++) {
            var variant = variants[index];
            _variantsByTitle[variant.title] = Object.assign({}, variant);
            _variantsById[variant.id] = Object.assign({}, variant);
          }
          AMConfig.variantsByTitle = _variantsByTitle;
          AMConfig.variantsById = _variantsById;
        }

        function urlParamsToObject() {
          var queryStringTokens = location.search.substr(1).split("&");
          var result = {};
          for (var index = 0; index < queryStringTokens.length; index++) {
            var keyValues = queryStringTokens[index].split("=")
            result[keyValues[0]] = keyValues[1];
          }
          return result
        }

        function urlParam(key) {
          return urlParamsToObject()[key] || null
        }
        var customerTagMatchedForCurrentUrl = "";
        var customerTagMatchedForHtmlElement = "";
        var unMatchedRules = [];
        var matchedRules = [];
        var unMatchedDiscountRules = [];
        var matchedDiscountRules = [];
        var restrictPage = false;
        var customerTags = AMConfig['customer_tags'] || [];
        customerTags = customerTags.map(item => item.toLowerCase())
        var rulesByCustomerTag = JSON.parse(AMConfig.rulesByCustomerTag)
        var allCustomerTags = (Object.keys(rulesByCustomerTag));
        var skipRules = false;

        var matchCustomerTag = function(customerTags, customerTag, rule) {
          if (customerTags.indexOf(customerTag) === -1) {
            unMatchedRules.push({selector: rule.selector, message: rule?.message || ""})
          } else {
            matchedRules.push(rule.selector)
          }
        }

        var matchDiscountWithCustomerTag = function(customerTags, customerTag, rule) {
          if (customerTags.indexOf(customerTag) !== -1) {
            matchedDiscountRules.push({discountUrl: rule.discountUrl, discountMessage: rule?.discountMessage || "", discountCodeDetails: rule?.discountCodeDetails || "", membershipName: rule?.membershipName || ""})
          }
        }

        if (AMConfig?.product) {
          jQuery.each(AMConfig.product?.selling_plan_groups, function (index, sellingPlanGroup) {
            if (sellingPlanGroup.app_id === 'appstle-memberships') {
                if (!skipRules) {
                  skipRules = true;
                }
            }
          })
        }

        if (AM.Config["enableMessagingForNonMembers"] === "true") { // Show banner flag when not logged in
          if (!(__st?.cid)) {
              if (!sessionStorage['appstle_membership_not_logged_in_banner_closed']) {
                addNotLoggedInBanner();
              }
          }
        }

        function addNotLoggedInBanner() {
          jQuery(".appstle-not-logged-in-banner").remove();
          if (AM.Config["nonMemberMessaging"]) {
            jQuery(`
            <div class="appstle-not-logged-in-banner" style="position: fixed;bottom: 20px;width: 80%;padding: 20px;border-radius: 10px;background-color: #13b5ea;z-index: 12345678;color: #fff;left: 50%;transform: translateX(-50%);text-align: center; box-shadow: 0 10px 20px 0 rgb(0 0 0 / 15%);">
              <span style="position: absolute;top: -8px;right: 10px;color: white;font-size: 29px;display: inline;cursor: pointer;" onclick="sessionStorage['appstle_membership_not_logged_in_banner_closed'] = true; jQuery('.appstle-not-logged-in-banner').remove()">&times;</span>
            </div>
          `).appendTo('body')
          jQuery(".appstle-not-logged-in-banner").append(jQuery.parseHTML(AM.Config["nonMemberMessaging"]))
          } 
        }

        function addBanner(discountMessage) {
          jQuery(".appstle-discount-banner").remove();
          jQuery(`
            <div class="appstle-discount-banner" style="position: fixed;bottom: 20px;width: 80%;padding: 20px;border-radius: 10px;background-color: #13b5ea;z-index: 12345678;color: #fff;left: 50%;transform: translateX(-50%);text-align: center; box-shadow: 0 10px 20px 0 rgb(0 0 0 / 15%);">
              <span style="position: absolute;top: -8px;right: 10px;color: white;font-size: 29px;display: inline;cursor: pointer;" onclick="sessionStorage['appstle_membership_banner_closed'] = true; jQuery('.appstle-discount-banner').remove()">&times;</span>
            </div>
          `).appendTo('body')
          jQuery(".appstle-discount-banner").append(jQuery.parseHTML(discountMessage))
        }

        function showDiscountOptions(membershipName, discountCodeDetails, message, argProduct) {
          if (!standAloneElement) return;
          var parentSelector = AMConfig?.parentSelector || "";
          var priceBlockSelector = AMConfig?.priceBlockSelector || "";
          var priceBlockSelectorElement = '';
          var priceBlockIdentifier = '.appstle-membership-price-block_small, .appstle-membership-price-block_big';
          priceBlockSelectorElement = jQuery(standAloneElement).parents(parentSelector).find(priceBlockSelector);
          jQuery(standAloneElement).parents(parentSelector).find(priceBlockIdentifier).remove();

          var productPagePriceDescriptionBlockParentSelector = AMConfig?.productPagePriceDescriptionBlockParentSelector || "";
          var productPagePriceDescriptionBlockPriceSelector = AMConfig?.productPagePriceDescriptionBlockPriceSelector || "";
          var productPagePriceDescriptionPriceBlockElement = jQuery(standAloneElement).parents(productPagePriceDescriptionBlockParentSelector).find(productPagePriceDescriptionBlockPriceSelector);
          

          if (isProductEligibleToShowDiscountPriceBlock(discountCodeDetails, argProduct)) {
            if (priceBlockSelectorElement.length) {
              var discountPriceBlockHtml = $(`<div class="appstle-membership-price-block_small">
              <div style="display: flex; align-items: center;font-weight: bold;">
              <img src="${AMConfig?.discountBadgeImageLink ? AMConfig?.discountBadgeImageLink : `https://ik.imagekit.io/mdclzmx6brh/c22c9fc4-0555-4460-8401-bf5c28d7ba29_C4yAYm1WQ.webp?ik-sdk-version=javascript-1.4.3&amp;updatedAt=1649787872711`} style="width: 18px;margin-right: 7px;">
              <span style="font-size: 14px;"></span><div></div></div></div>`);
              discountPriceBlockHtml.find('span').html(message)
              discountPriceBlockHtml.insertAfter(priceBlockSelectorElement)
            }

            if (productPagePriceDescriptionPriceBlockElement.length) {
              var productPagePriceDescriptionBlockHtml = $(`
                    <div class="appstle-membership-price-block_big" style="padding: 7px 10px; border-radius: 4px; background: #f6f6f6;margin-top: 10px;">
                      <div style="font-weight: bold;font-size: 14px;display: flex;align-items: center;margin-bottom: 6px;">${membershipName}<img src="https://ik.imagekit.io/mdclzmx6brh/appstle_icon.svg?ik-sdk-version=javascript-1.4.3&amp;updatedAt=1643054965696" style="width: 18px;height: 18px;margin-left: 6px;"></div>
                      <div style="display: flex; align-items: center;/* font-weight: bold; */font-size: 12px;">
                        <img src="${AMConfig?.discountBadgeImageLink ? AMConfig?.discountBadgeImageLink : `https://ik.imagekit.io/mdclzmx6brh/c22c9fc4-0555-4460-8401-bf5c28d7ba29_C4yAYm1WQ.webp?ik-sdk-version=javascript-1.4.3&amp;updatedAt=1649787872711`} style="width: 18px;margin-right: 7px;">
                        <span style="font-size: 12px;" class="appstlePriceDescriptionDiscountMessage"></span><span>*</span></div><div style="margin-top: 14px;font-size: 11px;text-align: right;">*Discount auto applied in checkout.
                      </div>
                    </div>`);
              productPagePriceDescriptionBlockHtml.find('.appstlePriceDescriptionDiscountMessage').html(message)
              productPagePriceDescriptionBlockHtml.insertBefore(productPagePriceDescriptionPriceBlockElement)
            }
          }
          
        }

        function removeDiscountOptions() {
          if (!standAloneElement) return;
          var parentSelector = AMConfig?.parentSelector || "";
          var priceBlockIdentifier = '.appstle-membership-price-block_small, .appstle-membership-price-block_big';
          jQuery(standAloneElement).parents(parentSelector).find(priceBlockIdentifier).remove();
        }

        function isDiscountOptionsPresent() {
          if (!standAloneElement) return;
          var parentSelector = AMConfig?.parentSelector || "";
          var priceBlockIdentifier = '.appstle-membership-price-block_small, .appstle-membership-price-block_big';
          return jQuery(standAloneElement).parents(parentSelector).find(priceBlockIdentifier).length;
        }

        function isProductEligibleToShowDiscountPriceBlock(discountCodeDetails, product) {
          if (checkDiscountSpecificToProduct(discountCodeDetails, product) && checkDiscountSpecificToCollection(discountCodeDetails, product)) {
            if (isDiscountEligibleForOneTimePurchase(discountCodeDetails, product) || isDiscountEligibleForSubscriptionProduct(discountCodeDetails, product)) {
              return true;
            } else {
              return false;
            }
          } else {
            return false;
          }
        }

        function isDiscountEligibleForOneTimePurchase(discountCodeDetails, product) {
          return !product?.requires_selling_plan && discountCodeDetails?.codeDiscountNode?.codeDiscount?.customerGets?.appliesOnOneTimePurchase
        }

        function isDiscountEligibleForSubscriptionProduct(discountCodeDetails, product) {
          return product?.selling_plan_groups.length && discountCodeDetails?.codeDiscountNode?.codeDiscount?.customerGets?.appliesOnSubscription
        }

        function checkDiscountSpecificToProduct(discountCodeDetails, product) {
          var productSpecificSharableUrls = discountCodeDetails?.codeDiscountNode?.codeDiscount?.customerGets?.items?.products?.edges;
          var isProductValid = false;
          if (productSpecificSharableUrls?.length) {
            productSpecificSharableUrls.forEach(item => {
              if (item?.node?.id?.split("/")?.pop() === String(product?.id)) {
                  isProductValid = true;
              }
            });
            return isProductValid;
          } else {
            return true;
          }
        }

        function checkDiscountSpecificToCollection(discountCodeDetails, product) {
          var collectionSpecificSharableUrls = discountCodeDetails?.codeDiscountNode?.codeDiscount?.customerGets?.items?.collections?.edges;
          var isProductValid = false;
          if (collectionSpecificSharableUrls?.length) {
            collectionSpecificSharableUrls.forEach(item => {
                if (product?.collections && product?.collections?.length) {
                  var productCollectionHandles = product?.collections.map(item => item.handle)
                  if (productCollectionHandles.indexOf(item?.node?.handle) > -1) {
                    isProductValid = true;
                  }
                }
            });
            return isProductValid;
          } else {
            return true;
          }
        }
        if (!skipRules) {
          allCustomerTags.forEach(customerTag => {
            var rulesArray = JSON.parse(rulesByCustomerTag[customerTag][0]);
              rulesArray.forEach(rule => {
                if (rule.rule === 'element') {
                  if (rule?.path) {
                    (rule.path.split(",")).forEach(function(path) {
                      if (rule.pathMatch === "exact") {
                        if (location.pathname === path) {
                          matchCustomerTag(customerTags, customerTag, rule);
                        }
                      } else {
                        if (location.pathname.match(path) && !location.pathname.match("/cart") && !location.pathname.match("/account") && !location.pathname.match("/checkout")) {
                          matchCustomerTag(customerTags, customerTag, rule);
                        }
                      }
                    })
                  } else if (rule?.bucketCategoryValue) {
                    if(rule?.bucketCategory === "tags") {
                      if (AMConfig?.product && AMConfig?.product?.tags) {
                        rule?.bucketCategoryValue.split(',')
                        .forEach(function(tag, index) {
                          if (AMConfig?.product?.tags?.indexOf(tag?.trim()) !== -1) {
                            matchCustomerTag(customerTags, customerTag, rule);
                          }
                        })
                      }
                    } else if (rule?.bucketCategory === "collections") {
                      if (AMConfig?.product && AMConfig?.product?.collections && AMConfig?.product?.collections?.length) {
                        var collectionHandles = AMConfig?.product?.collections.map(item => item.handle);
                        rule?.bucketCategoryValue.split(',')
                        .forEach(function(collenctionHandle, index) {
                          if (collectionHandles?.indexOf(collenctionHandle?.trim()) !== -1) {
                            matchCustomerTag(customerTags, customerTag, rule);
                          }
                        })
                      }
                    } else if (rule?.bucketCategory === "type") {
                      if (AMConfig?.product && AMConfig?.product?.type) {
                        if (AMConfig?.product?.type === rule?.bucketCategoryValue) {
                          matchCustomerTag(customerTags, customerTag, rule);
                        }
                      }
                    } else if (rule?.bucketCategory === "vendor") {
                      if (AMConfig?.product && AMConfig?.product?.vendor) {
                        if (AMConfig?.product?.vendor === rule?.bucketCategoryValue) {
                          matchCustomerTag(customerTags, customerTag, rule);
                        }
                      }
                    }
                  }
                  //  else {
                  //   matchCustomerTag(customerTags, customerTag, rule);
                  // }
                } else if (rule.rule === 'discount') {
                  matchDiscountWithCustomerTag(customerTags, customerTag, rule);
                }
              })
            })

            var elementsToRemove = jQuery.grep(unMatchedRules, function(value) {
              return jQuery.inArray(value.selector, matchedRules) < 0;
            });

            elementsToRemove.forEach(function (element, index) {
              var elementToReplace;
              if (standAloneElement) {
                  if (standAloneElement.parents('form[action*="cart/add"]').length && !standAloneElement.parents('form[action*="cart/add"]').find(".appstle_membership_blocker_item_removed").length) {
                    if (standAloneElement.parents('form[action*="cart/add"]').find(element.selector).length) {
                      elementToReplace = standAloneElement.parents('form[action*="cart/add"]').find(element.selector) 
                    } else {
                      elementToReplace = jQuery(element.selector);
                    }
                  } else if (standAloneElement.parents(AMConfig?.productPagePriceDescriptionBlockParentSelector).length && !standAloneElement.parents(AMConfig?.productPagePriceDescriptionBlockParentSelector).find(".appstle_membership_blocker_item_removed").length) {
                    if (standAloneElement.parents(AMConfig?.productPagePriceDescriptionBlockParentSelector).find(element.selector).length) {
                      elementToReplace = standAloneElement.parents(AMConfig?.productPagePriceDescriptionBlockParentSelector).find(element.selector) 
                    } else {
                      elementToReplace = jQuery(element.selector);
                    }
                  } else if (standAloneElement.parents(AMConfig?.parentSelector).length && !standAloneElement.parents(AMConfig?.parentSelector).find(".appstle_membership_blocker_item_removed").length) {
                    if (standAloneElement.parents(AMConfig?.parentSelector).find(element.selector).length) {
                      elementToReplace = standAloneElement.parents(AMConfig?.parentSelector).find(element.selector) 
                    } else {
                      elementToReplace = jQuery(element.selector);
                    }
                  }  
              } else {
                elementToReplace = jQuery(element.selector);
              }   
              setTimeout(function() {
                if(element?.message) {
                  var blockedElement = jQuery(`<div class="appstle_membership_blocker_wrapper"></div>`);
                  jQuery(blockedElement).html(element?.message);
                  jQuery(elementToReplace).replaceWith(blockedElement);
                } else {
                  jQuery(elementToReplace).replaceWith(`<div class="appstle_membership_blocker_item_removed" style="display: none;"></div>`);
                }
              }, 30);
            });

            if (matchedDiscountRules.length) {
              var origOpen = window.XMLHttpRequest.prototype.open;
              window.XMLHttpRequest.prototype.open = function() {
              this.addEventListener('load', function() {
                var url = this.responseURL;
                if ((url.indexOf("cart/change.js") !== -1) || (url.indexOf("cart/add.js") !== -1) || (url.indexOf("cart/update.js") !== -1)) {
                  getHighestDiscount(JSON.parse(JSON.stringify(matchedDiscountRules)));
                }
                });
                origOpen.apply(this, arguments);
              };

              const originalFetch = window.fetch;
                window.fetch = function() {
                  return new Promise((resolve, reject) => {
                    originalFetch.apply(this, arguments)
                      .then((response) => {
                        var url = response.url;
                        if ((url.indexOf("cart/change.js") !== -1) || (url.indexOf("cart/add.js") !== -1) || (url.indexOf("cart/update.js") !== -1)) {
                          getHighestDiscount(JSON.parse(JSON.stringify(matchedDiscountRules)));
                        }

                        resolve(response);
                      })
                      .catch((error) => {
                        reject(response);
                      })
                  });
                }
                    var discountOnCheckoutDetails = [];
                    getHighestDiscount(matchedDiscountRules)
                    function getHighestDiscount(matchedDiscountRules) {
                        if (matchedDiscountRules.length) {
                           var lastDiscount = matchedDiscountRules.shift();
                           fetch(lastDiscount?.discountUrl)
                                .then(function(res) {
                                  if (res.ok) {
                                    jQuery.get('/checkout', function(res) {
                                         var resDocument = jQuery(jQuery.parseHTML(res));
                                         var discountCode = resDocument.find(`[aria-label="Remove ${(lastDiscount?.discountCodeDetails?.codeDiscountNode?.codeDiscount?.title).toUpperCase()}"]`).length || resDocument.find(`[aria-label="Rimuovi ${(lastDiscount?.discountCodeDetails?.codeDiscountNode?.codeDiscount?.title).toUpperCase()}"]`).length;
                                         if (true) {
                                            var cartSubTotal = resDocument.find('[data-checkout-subtotal-price-target]').attr('data-checkout-subtotal-price-target');
                                            discountOnCheckoutDetails.push(jQuery.extend({}, lastDiscount, {
                                                    applieDiscountCode: discountCode,
                                                    subTotal: 0,
                                            }))
                                         };
                                      
                                         getHighestDiscount(matchedDiscountRules)  
                                    
                                    })
                                  }
                                })
                                .catch(function(err) {
                                  console.log("appstle discount apply failed")
                                  if (AMConfig?.showDiscountWidget === "true") {
                                    removeDiscountOptions();
                                  }
                                })     
                        } else {
                            discountOnCheckoutDetails.sort(function(a, b) {
                               return a['subTotal'] - b['subTotal'];
                            }); 
                            var lastDiscount = discountOnCheckoutDetails.shift();
                              if (AMConfig?.showDiscountWidget === "true") {
                                showDiscountOptions(lastDiscount?.membershipName, lastDiscount?.discountCodeDetails, lastDiscount?.discountMessage, product);
                              }
                              fetch(lastDiscount?.discountUrl)
                                .then(function(res) {
                                  if (res.ok) {
                                    sessionStorage["appstle_membership_discount_applied"] = lastDiscount?.discountUrl;           
                                    addBanner(lastDiscount?.discountMessage)
                                  }
                                })
                                .catch(function(err) {
                                  console.log("appstle discount apply failed")
                                  if (AMConfig?.showDiscountWidget === "true") {
                                    removeDiscountOptions();
                                  }
                                })
                        }
                    }
            }
        }


        function detectVariant(previousVariantId, selector, product) {
          var variantId = urlParam("variant");

          if (selector.closest('form[action="/cart/add"]').find('[name=id]').length > 0 && selector.closest('form[action="/cart/add"]').find('[name=id]')[0].value) {
            variantId = selector.closest('form[action="/cart/add"]').find('[name=id]')[0].value;
            return localVariantsById[variantId];
          } else if (variantId) {
            return localVariantsById[variantId];
          } else if (Object.values(localVariantsById).some(data => data?.title == $("form select[name='options[Bundle]']")?.val())) {
            return Object.values(localVariantsById).find(data => data?.title == $("select[name='options[Bundle]']").val())
          } else {
            var titleTokens;

            titleTokens = function () {
              var variantTokens = [];
              var singleOptionSelector = selector.closest('form[action="/cart/add"]').find("select.single-option-selector");
              if (singleOptionSelector != null && singleOptionSelector.selectedIndex != null && singleOptionSelector.selectedIndex !== -1) {
                variantTokens.push(singleOptionSelector[singleOptionSelector.selectedIndex].value)
              } else {
                variantTokens.push(void 0);
              }
              return variantTokens
            }();

            var variant = localVariantsByTitle[titleTokens.join(" / ")]
            if (variant) {
              return variant;
            } else {
              var variant = product.variants[0];
              return variant;
            }
          }
        }

        function getSellingPlanAllocation(variantId, sellingPlanId) {
          var variant = localVariantsById[variantId];
          return variant.selling_plan_allocations.find(function (plan) {
            return plan.selling_plan_id === sellingPlanId;
          });
        }

        function compareCustomerTags(array1, array2) {
          return array1.filter(function (n) {
            return array2.indexOf(n) != -1;
          });
        }

        function isSellingPlanVisible(sellingPlanId) {
          var customerId = __st.cid;
          var userTags = AMConfig.customer_tags || [];
          var isVisible = true;

          if (!customerId && AMConfig.memberOnlySellingPlansJson && AMConfig.memberOnlySellingPlansJson[sellingPlanId]) {
            isVisible = false;
          }

          if (customerId && AMConfig.nonMemberOnlySellingPlansJson && AMConfig.nonMemberOnlySellingPlansJson[sellingPlanId]) {
            isVisible = false;
          }

          if (isVisible && customerId && AMConfig.memberOnlySellingPlansJson && AMConfig.memberOnlySellingPlansJson[sellingPlanId]) {
            if (AMConfig.memberOnlySellingPlansJson[sellingPlanId].memberInclusiveTags && AMConfig.memberOnlySellingPlansJson[sellingPlanId].memberInclusiveTags.trim()) {
              var sellingPlanTags = AMConfig.memberOnlySellingPlansJson[sellingPlanId].memberInclusiveTags.split(",");
              var tagFound = compareCustomerTags(userTags, sellingPlanTags);
              isVisible = (tagFound.length > 0);
            }
          }

          return isVisible;
        }

        function buildSellingPlantText(sellingPlan) {
          var sellingPlanModel = sellingPlan.totalPrice == sellingPlan.formattedPrice ?
            {
              sellingPlanName: sellingPlan.name,
              sellingPlanPrice: sellingPlan.formattedPrice,
              secondSellingPlanPrice: sellingPlan.secondFormattedPrice,
              discountText: sellingPlan?.discountText
            }
            : {
              sellingPlanName: sellingPlan.name,
              totalPrice: sellingPlan?.totalPrice,
              sellingPlanPrice: sellingPlan.formattedPrice,
              secondSellingPlanPrice: sellingPlan.secondFormattedPrice,
              discountText: sellingPlan.discountText
            };

          var sellingPlanDisplayText = Mustache.render(AM.Config.sellingPlanTitleText, sellingPlanModel);
          return sellingPlanDisplayText;
        }

        function buildAtcButtonSelector() {
          var atcButtonSelector = AMConfig.atcButtonSelector || "form[action$='/cart/add'] [type='submit']"

          var atcButtonSelectorModel = {
            productId: product.id,
          };

          atcButtonSelector = Mustache.render(atcButtonSelector, atcButtonSelectorModel);
          return atcButtonSelector;
        }

        function buildOneTimePriceText(price) {
          var priceModel = {
            price: price,
          };

          var priceText = Mustache.render(AM.Config.oneTimePriceText, priceModel);
          return priceText;
        }

        function buildSubscriptionOptionText(isPrepaidPlan, discountValue) {
          let subscriptionOptionModel = {
            discountValue: discountValue
          };

          let subscriptionOptionText = Mustache.render(AM.Config.subscriptionOptionText, subscriptionOptionModel);
          return subscriptionOptionText;
        }

        function buildSelectedPriceText(price, isPrePaid, totalPrice) {
          var priceModel = isPrePaid ? {
            pricePerDelivery: price,
            totalPrice: totalPrice
          } : {
            price: price,
          };

          var text = isPrePaid ? AM.Config.selectedPrepaidSellingPlanPriceText : AM.Config.selectedPayAsYouGoSellingPlanPriceText;
          var priceText = Mustache.render(text, priceModel);
          return priceText;
        }

        function buildPrepaidPerDeliveryPriceText(price) {
          var priceModel = {
            prepaidPerDeliveryPrice: price,
          }
        return Mustache.render(AM.Config.totalPricePerDeliveryText, priceModel);
        }

        function buildSelectedTooltipPrePaidText(price, totalPrice) {
          var prepaidPricetooltipModel = {
            pricePerDelivery: price,
            totalPrice: totalPrice
          }

          var text = AM.Config.tooltipDescriptionOnPrepaidPlan;
          var prepaidPricetooltipText = Mustache.render(text, prepaidPricetooltipModel);
          return prepaidPricetooltipText;
        }

        function buildSelectedTooltipDiscountText(selectedSellingPlanAllocationObj, multipleDiscount) {
          if (selectedSellingPlanAllocationObj?.price_adjustments?.length == 2) {
            var discountModel = {
              firstPrice: formatPrice(selectedSellingPlanAllocationObj?.price_adjustments[0]?.price),
              secondPrice: formatPrice(selectedSellingPlanAllocationObj?.price_adjustments[1]?.price),
              discountOne: multipleDiscount.length > 0 ? multipleDiscount[0] : "",
              discountTwo: multipleDiscount.length == 2 ? multipleDiscount[1] : ""
            };

            return Mustache.render(AM.Config.tooltipDescriptionOnMultipleDiscount, discountModel);
          }
        }

        function buildTooltipDetailsText(prepaidText, isPrePaid, discountText) {
          var tooltipDetailModel = isPrePaid ? {
              prepaidDetails: prepaidText,
              discountDetails: discountText,
              defaultTooltipDescription: AM.Config.tooltipDesctiption
            }
            :
            {
              defaultTooltipDescription: AM.Config.tooltipDesctiption,
              discountDetails: discountText
            };
          // let text = AM.Config.tooltipDesctiption + (isPrePaid ?  "</br>{{prepaidDetails}}" : "") + (discountText!= undefined ? "</br>{{discountDetails}}": "");
          let text = AM.Config.tooltipDescriptionCustomization;
          var tooltipText = Mustache.render(text, tooltipDetailModel);
          return tooltipText;
        }

        function populateDropdown(purchaseOptions, variant) {
          var sellingPlanVariants = [];
          jQuery.each(product.selling_plan_groups, function (index, sellingPlanGroup) {
            if (sellingPlanGroup.app_id === 'appstle-memberships') {
              jQuery.each(sellingPlanGroup.selling_plans, function (subIndex, sellingPlan) {
                var visible = isSellingPlanVisible(sellingPlan.id);
                if (visible) {
                  var sellingPlanAllocation = getSellingPlanAllocation(variant.id, sellingPlan.id);
                  if (!sellingPlanAllocation) {
                    return
                  }
                  var price = sellingPlanAllocation.per_delivery_price;
                  var totalPrice = formatPrice(sellingPlanAllocation?.price);
                  var formattedPrice = formatPrice(price);

                  var secondPrice = null;
                  var secondFormattedPrice = null;

                  if (sellingPlanAllocation
                    && sellingPlanAllocation.price_adjustments
                    && sellingPlanAllocation.price_adjustments.length === 2) {
                    secondPrice = sellingPlanAllocation.price_adjustments[1].price;
                    secondFormattedPrice = formatPrice(secondPrice);
                  } else {
                    secondPrice = price;
                    secondFormattedPrice = formattedPrice;
                  }
                  let discountText;
                  var priceAdjustment = sellingPlan?.price_adjustments[0];
                  if (priceAdjustment?.value_type !== 'percentage') {
                    discountText = formatPrice(priceAdjustment?.value);
                  } else {
                    discountText = priceAdjustment?.value + '%';
                  }

                  sellingPlanVariants.push({
                    "name": sellingPlan.name,
                    "id": sellingPlan.id,
                    "formattedPrice": formattedPrice,
                    "price": price,
                    "totalPrice": totalPrice,
                    "secondPrice": secondPrice,
                    "secondFormattedPrice": secondFormattedPrice,
                    "discountText": discountText
                  });
                }
              });
            }
          });
          if (sellingPlanVariants.length > 0) {
            if (sellingPlanVariants.length < 2) {
              jQuery(purchaseOptions).find('.appstle_subscribe_option').children().hide();

              var singleSellingPlanDisplayText = buildSellingPlantText(sellingPlanVariants[0]);

              var planText = jQuery(`<div class="appstle_single_option_text">${singleSellingPlanDisplayText}</div>`);
              planText.appendTo(purchaseOptions.find('.appstle_subscribe_option'))
            }
            if (!AMConfig?.sortByDefaultSequence) {
              sellingPlanVariants.sort(function (sellingPlanA, sellingPlanB) {
                return sellingPlanA.price - sellingPlanB.price;
              })
            }

            jQuery(sellingPlanVariants).each(function (index, sellingPlan) {

              var sellingPlanDisplayText = buildSellingPlantText(sellingPlan);

              jQuery('<option />', {
                value: sellingPlan.id,
                html: sellingPlanDisplayText
              }).appendTo(purchaseOptions.find('select'));
            });
          } else {
            try {
              jQuery('#appstle_membership_widget' + widgetId).remove()
              var timer = setTimeout(function () {
                jQuery('#appstle_membership_widget' + widgetId).remove()
                clearTimeout(timer)
              })
            } catch (e) {
            }
          }

          /*sellingPlanVariants.length > 0 ? purchaseOptions.find('.appstle_membership_amount')
            .text(sellingPlanVariants[0].formattedPrice) : '';*/
          return sellingPlanVariants;
        }

        var appstleSubscriptionFunction = function () {
          if (urlIsProductPage() === true || appstleStandAloneSelectorExists()) {
            var atcButtonSelector = buildAtcButtonSelector();

            var atcButton = jQuery(atcButtonSelector).first();

            if (standAloneElement) {
              atcButton = standAloneElement;
            }

            var purchaseOptionsText;
            var purchaseOptions;
            var variantId;
            var subscriptionWrapper;
            var subscriptionWidget;
            var subscriptionTooltip;
            AM.Config.subscriptionOptionSelectedByDefault = true;

            var reload = function () {
              try {
                // if(!product.available)
                // {
                //   return;
                // }
                var variant = detectVariant(variantId, atcButton, product);
                if (variant) {

                  var localVariantId = variant.id;

                  if (variantId) {
                    if (variantId === localVariantId) {
                      return;
                    }
                  }
                  var appstle_selling_plan_groups;
                  if (product.selling_plan_groups && product.selling_plan_groups.length > 0) {
                    appstle_selling_plan_groups = product.selling_plan_groups.filter(function (group) {
                      return group.app_id === 'appstle-memberships'
                    })
                  }
                  if (appstle_selling_plan_groups && appstle_selling_plan_groups.length > 0 && AM.Config.widgetEnabled) {
                    localWindowVariant = variant;
                    var widgetPlacement = AM.Config.selectors.atcButtonPlacement;
                    if (!subscriptionWrapper) {

                      subscriptionWidget = jQuery('<div class="appstle_widget appstle_member_widget" id="appstle_membership_widget' + widgetId + '"></div>');
                      purchaseOptionsText = AM.Config.purchaseOptionsText ? jQuery('<div class="appstle_widget_title">' + AM.Config.purchaseOptionsText + '</div>') : '';
                      subscriptionWrapper = jQuery('<div class="appstle_membership_wrapper"></div>');
                      subscriptionTooltip = AM.Config.tooltipTitle && AM.Config.showTooltip && !AM.Config.showStaticTooltip ?
                      jQuery(`<div data-appstle-icon="" class="appstle_tooltip_wrapper">
                        <svg width="90" height="90" viewBox="0 0 90 90" xmlns="http://www.w3.org/2000/svg" class="tooltip_subscription_svg">
                          <path d="M45 0C20.1827 0 0 20.1827 0 45C0 69.8173 20.1827 90 45 90C69.8173 90 90 69.8174 90 45C90.0056 44.6025 89.9322 44.2078 89.7839 43.8389C89.6357 43.47 89.4156 43.1342 89.1365 42.8511C88.8573 42.568 88.5247 42.3432 88.158 42.1897C87.7912 42.0363 87.3976 41.9573 87 41.9573C86.6024 41.9573 86.2088 42.0363 85.842 42.1897C85.4753 42.3432 85.1427 42.568 84.8635 42.8511C84.5844 43.1342 84.3643 43.47 84.2161 43.8389C84.0678 44.2078 83.9944 44.6025 84 45C84 66.5748 66.5747 84 45 84C23.4253 84 6 66.5747 6 45C6 23.4254 23.4253 6 45 6C56.1538 6 66.3012 10.5882 73.4375 18H65.4062C65.0087 17.9944 64.614 18.0678 64.2451 18.2161C63.8762 18.3643 63.5405 18.5844 63.2573 18.8635C62.9742 19.1427 62.7494 19.4753 62.596 19.842C62.4425 20.2088 62.3635 20.6024 62.3635 21C62.3635 21.3976 62.4425 21.7912 62.596 22.158C62.7494 22.5247 62.9742 22.8573 63.2573 23.1365C63.5405 23.4156 63.8762 23.6357 64.2451 23.7839C64.614 23.9322 65.0087 24.0056 65.4062 24H79.8125C80.6081 23.9999 81.3711 23.6838 81.9337 23.1212C82.4963 22.5586 82.8124 21.7956 82.8125 21V6.59375C82.821 6.18925 82.7476 5.78722 82.5966 5.41183C82.4457 5.03644 82.2205 4.69545 81.9344 4.40936C81.6483 4.12327 81.3073 3.898 80.9319 3.7471C80.5565 3.5962 80.1545 3.52277 79.75 3.53125C79.356 3.53941 78.9675 3.62511 78.6067 3.78344C78.2458 3.94177 77.9197 4.16963 77.6469 4.45402C77.3741 4.73841 77.16 5.07375 77.0168 5.44089C76.8737 5.80803 76.8042 6.19977 76.8125 6.59375V12.875C68.6156 4.86282 57.3081 0 45 0ZM43.75 20.75C43.356 20.7582 42.9675 20.8439 42.6067 21.0022C42.2458 21.1605 41.9197 21.3884 41.6469 21.6728C41.3741 21.9572 41.16 22.2925 41.0168 22.6596C40.8737 23.0268 40.8042 23.4185 40.8125 23.8125V47.375C40.8116 47.7693 40.8883 48.16 41.0385 48.5246C41.1886 48.8892 41.4092 49.2207 41.6875 49.5L54.0938 61.9375C54.6573 62.5011 55.4217 62.8177 56.2188 62.8177C57.0158 62.8177 57.7802 62.5011 58.3438 61.9375C58.9073 61.3739 59.224 60.6095 59.224 59.8125C59.224 59.0155 58.9073 58.2511 58.3438 57.6875L46.8125 46.1875V23.8125C46.821 23.408 46.7476 23.006 46.5966 22.6306C46.4457 22.2552 46.2205 21.9142 45.9344 21.6281C45.6483 21.342 45.3073 21.1168 44.9319 20.9658C44.5565 20.8149 44.1545 20.7415 43.75 20.75Z">
                          </path>
                        </svg>
                        <span class="appstle_tooltip_title">${AM.Config.tooltipTitle}</span>
                        <div class="appstle_tooltip">
                          <div class="appstle_tooltip_content">
                              ${AM.Config.tooltipDesctiption}
                          </div>
                          ${AM.Config.showAppstleLink ? `<div class="appstle_tooltip_appstle">
                            <a href="https://appstle.com/" class="appstle_link">
                              POWERED BY APPSTLE
                            </a>
                          </div>` : "<span></span>"}
                                        </div>
                                      </div>`) : AM.Config.showTooltip && AM.Config.showStaticTooltip && jQuery(`<div class="appstle_tooltip_wrapper_static">${AM.Config.tooltipDesctiption}</div>`);

                      purchaseOptionsText ? purchaseOptionsText.appendTo(subscriptionWidget) : '';

                      addSubscriptionItems(subscriptionWrapper, variant);

                      subscriptionWrapper.appendTo(subscriptionWidget);
                      // subscriptionTooltip ? subscriptionTooltip.appendTo(subscriptionWidget) : '';

                    } else {
                      unbindEventListeners();
                      subscriptionWrapper.children().remove();
                      addSubscriptionItems(subscriptionWrapper, variant);
                      // subscriptionTooltip ? subscriptionWrapper.insertBefore(subscriptionTooltip) : subscriptionWrapper.appendTo(subscriptionWidget);
                    }

                    if(!AMConfig?.product?.available)
                    {
                      return;
                    }

                    if (widgetPlacement === 'BEFORE') {
                      subscriptionWidget.insertBefore(atcButton);
                    } else if (widgetPlacement === 'AFTER') {
                      subscriptionWidget.insertAfter(atcButton);
                    } else if (widgetPlacement === 'FIRST_CHILD') {
                      subscriptionWidget.prependTo(atcButton);
                    } else if (widgetPlacement === 'LAST_CHILD') {
                      subscriptionWidget.appendTo(atcButton);
                    }

                    updateWidgetElements();
                    jQuery(document).trigger("appstle_widget_updated");
                  }

                  variantId = localVariantId;
                }
              } catch (e) {
                console.log(e)
              }
            }

            setTimeout(function () {
              reload();
              updateWidgetUIBasedOnQueryParams();
            }, 13);

            //  CODE FOR CALL A FUNCTION AUTOMATICALLY WHEN URL VARIANT ID WILL CHANGE. IT WILL CHECK ON EVERY 5ms
            // setInterval(()=>{
            //   var currentURLparam = new URLSearchParams(window.location.search)
            //   var currentParameter = currentURLparam.get('variant');
            //   if(globalUrlParameter != currentParameter)
            //     reload();
            //     updateHistoryState();
            //     globalUrlParameter= currentParameter;
            // }, 500)

            if (standAloneElement) {
              standAloneElement.closest('form[action="/cart/add"]').on('change', function () {
                setTimeout(function () {
                  reload();
                  updateHistoryState();
              }, 30);
              });
              standAloneElement.closest('form[action="/cart/add"]').on('click', function () {
                setTimeout(function () {
                  reload();
                  updateHistoryState();
              }, 30);
              });
            } else {
              jQuery(document).on('change', function () {
                setTimeout(function () {
                    reload();
                    updateHistoryState();
                }, 30);
              });
              jQuery(document).on('click', function () {
                setTimeout(function () {
                  reload();
                  updateHistoryState();
              }, 30);
              });
            }

            attachMutationObserver("[name=id]", reload)
          }

          if (urlIsAccountPage() === true) {
            var subscriptionLinkSelector = AMConfig.selectors.subscriptionLinkSelector;
            var subscriptionLinkPlacement = AMConfig.selectors.subscriptionLinkPlacement;
            var manageSubscriptionLink = AMConfig.manageSubscriptionBtnFormat
            if (subscriptionLinkPlacement.toLowerCase() === "after")
              jQuery(subscriptionLinkSelector).after(manageSubscriptionLink)
            else if (subscriptionLinkPlacement.toLowerCase() === "first_child")
              jQuery(subscriptionLinkSelector).first(manageSubscriptionLink)
            else if (subscriptionLinkPlacement.toLowerCase() === "last_child")
              jQuery(subscriptionLinkSelector).last(manageSubscriptionLink)
            else
              jQuery(subscriptionLinkSelector).before(manageSubscriptionLink)
            accountPageStyle();
          }
        }

        deferJquery(appstleSubscriptionFunction);

        function hidePaymentButtons() {
          jQuery(AMConfig.selectors.payment_button_selectors).hide();
        }

        function showPaymentButtons() {
          jQuery(AMConfig.selectors.payment_button_selectors).show();
        }

        function urlIsAccountPage() {
          return window.location.pathname === '/account'
          // if(window.location.pathname.includes('/account') || window.location.pathname === '/account')
          // {
          //   return true
          // }
        }

        function deferJquery(method) {
          if (window.jQuery)
            method();
          else
            setTimeout(function () {
              deferJquery(method)
            }, 50);
        }

        function addSubscriptionItems(subscriptionWrapper, variant) {
          if (!product.requires_selling_plan) {
            var oneTimePurchaseOption = jQuery(
              `<div class="appstle_membership_wrapper_option ${(product.requires_selling_plan || AM.Config.subscriptionOptionSelectedByDefault ? '' : 'appstle_selected_background')}">
          <input type="radio" ${AM.Config.subscriptionOptionSelectedByDefault ? '' : 'checked'} id="appstle_selling_plan_label_1${widgetId}" name="selling_plan" value="">
          <label for="appstle_selling_plan_label_1${widgetId}" class="appstle_radio_label">
            <span class="appstle_circle"><span class="appstle_dot"></span></span>
            ${AM.Config.oneTimePurchaseText}
             </label>
          <span class="appstle_membership_amount">${buildOneTimePriceText(formatPrice(variant.price))}</span>
         </div>`
            );
            // oneTimePurchaseOption.appendTo(subscriptionWrapper);
          }

          var subscriptionDropdown = jQuery(
            `<div class="appstle_membership_wrapper_option appstle_include_dropdown ${(product.requires_selling_plan || AM.Config.subscriptionOptionSelectedByDefault ? 'appstle_selected_background' : '')}">
            <div class="appstle_membership_radio_wrapper">
                <input type="radio" id="appstle_selling_plan_label_2${widgetId}" name="selling_plan" value="Subscribe and save" ${product.requires_selling_plan || AM.Config.subscriptionOptionSelectedByDefault ? 'checked' : ''}>
                <label for="appstle_selling_plan_label_2${widgetId}" class="appstle_radio_label">
                <span class="appstle_membership_image">
                <img src="${AMConfig?.widgetBadgeImageLink ? AMConfig?.widgetBadgeImageLink : `https://ik.imagekit.io/mdclzmx6brh/appstle_icon.svg?ik-sdk-version=javascript-1.4.3&updatedAt=1643054965696`}" style="width: 100%;">
                </span>
                    <span class="appstle_subscribe_save_text">${AM.Config.subscriptionOptionText}</span>
                </label>
                <div class="appstle_membership_amount_wrapper">
                  <span class="appstle_membership_amount"></span>
                </div>
            </div>
            <div class="appstle_subscribe_option ${(product.requires_selling_plan || AM.Config.subscriptionOptionSelectedByDefault ? '' : 'appstle_hide_subsOption')}">
                ${AM.Config.sellingPlanSelectTitle ? `<label for="appstle_selling_plan${widgetId}" class="appstle_select_label">${AM.Config.sellingPlanSelectTitle}</label>` : ``}
                <select id="appstle_selling_plan${widgetId}" class="appstle_select">
                </select>
            </div>
        </div>`
          )

          var sellingPlanVariants = populateDropdown(subscriptionDropdown, variant)
          if (sellingPlanVariants && sellingPlanVariants.length > 0) {
            if(AMConfig?.showSubOptionBeforeOneTime)
            {
              subscriptionDropdown.prependTo(subscriptionWrapper);
            } else {
              subscriptionDropdown.appendTo(subscriptionWrapper);
            }
          }
          if (parseInt(widgetId)) {
            addStyle(widgetId);
          }
        }
        
        addStyle(0);

        function changeEventHandlerForRadio() {
          jQuery('#appstle_membership_widget' + widgetId).find('.appstle_membership_wrapper input[type=radio]').on('change',
            function () {
              var subsOption = jQuery('#appstle_membership_widget' + widgetId + ' .appstle_subscribe_option');
              if (subsOption.length > 0) {
                if (checkIfSellingPlanGroupIsSelected()) {
                  subsOption.removeClass('appstle_hide_subsOption')
                  jQuery('#appstle_membership_widget' + widgetId + ' .appstle_membership_wrapper_option.appstle_include_dropdown').addClass('appstle_selected_background')
                  jQuery('#appstle_membership_widget' + widgetId + ' .appstle_membership_wrapper_option').first().removeClass('appstle_selected_background')
                } else {
                  jQuery('#appstle_membership_widget' + widgetId + ' .appstle_membership_wrapper_option.appstle_include_dropdown').removeClass('appstle_selected_background')
                  jQuery('#appstle_membership_widget' + widgetId + ' .appstle_membership_wrapper_option').first().addClass('appstle_selected_background')
                  subsOption.addClass('appstle_hide_subsOption')
                }
              }
              updateStateOfWidget();
            });
        }

        function extractText(content) {
          var textArea = document.createElement('div');
          textArea.innerHTML = decodeURI(encodeURI(content));
          return textArea.textContent;
        }

        function updateFormFields(sellingPlan) {
          jQuery(".appstle_fields_wrapper" + widgetId).remove();
          jQuery(AMConfig.atcButtonSelector).parents("form").removeAttr("novalidate")
          if (!sellingPlan) {
            return;
          }
          var fieldsBySellingPlanId = AMConfig.fieldsBySellingPlanId
          if (fieldsBySellingPlanId) {
            var wrapper = jQuery(`<div class="appstle_membership_wrapper appstle_fields_wrapper${widgetId}" style="padding: 20px; margin-top: 20px"></div>`);
            fieldsBySellingPlanId = JSON.parse(fieldsBySellingPlanId);
            var sellingPlanFields = fieldsBySellingPlanId[`gid://shopify/SellingPlan/${sellingPlan}`]
            if (!sellingPlanFields) {
              return;
            }
            var currentFields = JSON.parse(sellingPlanFields);
            if (currentFields && currentFields.length > 0) {
              currentFields.forEach(function(field ,index) {
                if (field['label']) {
                  if(index !== 0) {
                    wrapper.append(jQuery(`<div ${field["visible"] ? 'style="width: 100%; display: block; margin-top: 16px;"' : 'style="display: none; width: 100%; margin-top: 16px;"'}>`));
                  }
                  wrapper.append(field['type'] !== 'checkbox' ? jQuery(`<label>${field['label']}:</label><br/>`): ``);
                  if (field['type'] === 'text') {
                    wrapper.append(jQuery(`<input name="properties[${extractText(field['label'])}]" ${field["required"] ? 'required' : ''} ${field["visible"] ? 'style="width: 100%;"' : 'style="display: none; width: 100%;"'}>`))
                  } else if (field['type'] === 'checkbox') {
                    wrapper.append(jQuery(`<label ${field["visible"] ? 'style="width: 100%;"' : 'style="display: none; width: 100%;"'}><input value="checked" type="checkbox" name="properties[${extractText(field['label'])}]" ${field["required"] ? 'required' : ''}>${field['label']}</label>`))
                  } else if (field['type'] === 'select') {
                    var selectField = jQuery(`<select style="width: 100%;" name="properties[${extractText(field['label'])}]"></select>`);
                    field['option'].split(',').forEach(function(option) {
                      selectField.append(jQuery(`<option value="${option}">${option}</option>`))
                    })
                    wrapper.append(selectField)
                  } else if (field['type'] === 'radio') {
                    field['option'].split(',').forEach(function(option, index) {
                      wrapper.append(jQuery(`<label style=" ${field["visible"] ? 'display: block;' : ''} margin-bottom: 10px;"><input ${field["required"] ? 'required' : ''} ${index === 0 ? 'checked' : ''} type="radio" value="${option}" name="properties[${extractText(field['label'])}]">${option}</label>`))
                    })
                  }
                }
              })
              wrapper.insertAfter('#appstle_membership_widget' + widgetId + ' .appstle_membership_wrapper')
            }
          }
        }

        function changeHandlerForSelect() {
          jQuery('#appstle_membership_widget' + widgetId + ' .appstle_membership_wrapper select').on('change', function (event) {
            updateStateOfWidget();
            updateFormFields(getSelectedSellingPlanId())
          });
          updateFormFields(getSelectedSellingPlanId());
        }

        function triggerChangeEvent(selector) {
          jQuery(selector).change();
        }

        function registerAndTriggerEventsForFormFields() {
          changeEventHandlerForRadio();
          changeHandlerForSelect();
        }

        function unbindEventListeners() {
          jQuery('.appstle_membership_wrapper input[type=radio], .appstle_membership_wrapper select').off('change')
        }

        function getSelectedSellingPlanPrice() {
          var selectedSellingPlan = getSelectedSellingPlanId();
          if (selectedSellingPlan) {
            var selectedSellingPlanAllocation = getSellingPlanAllocation(localWindowVariant.id, parseInt(selectedSellingPlan));
            return formatPrice(selectedSellingPlanAllocation.per_delivery_price);
          } else {
            return null;
          }

        }

        function getSelectedSellingPlanId() {
          var value = null;
          try {
            value = jQuery("#appstle_membership_widget" + widgetId).find('.appstle_membership_wrapper_option.appstle_include_dropdown select')[0].value;
          } catch (e) {
          }
          return value;
        }

        function updateSelectValueToRadio() {
          var selectedSellingPlan = getSelectedSellingPlanId();
          if (selectedSellingPlan) {
            var variantId = jQuery('#appstle_membership_widget' + widgetId).closest('form[action="/cart/add"]').find('[name=id]')[0] == undefined ? localWindowVariant.id : jQuery('#appstle_membership_widget' + widgetId).closest('form[action="/cart/add"]').find('[name=id]')[0].value;
            var selectedSellingPlanAllocation = getSellingPlanAllocation(variantId, parseInt(selectedSellingPlan));
            var formattedSelectedSellingPlanPrice = formatPrice(selectedSellingPlanAllocation.per_delivery_price);

            jQuery('#appstle_membership_widget' + widgetId + ' #appstle_selling_plan_label_2' + widgetId).attr('value', selectedSellingPlan);
            var isPrepaidPlan = selectedSellingPlanAllocation.per_delivery_price !== selectedSellingPlanAllocation.price;
            var selectedPriceText = buildSelectedPriceText(
              formattedSelectedSellingPlanPrice,
              isPrepaidPlan,
              formatPrice(selectedSellingPlanAllocation.price));

            let selectedDiscountSub = getSellingPlanDiscountPercentage();
            let multipleDiscount = getSellingPlanDiscountPercentage(true);
            var toolTipPrepaidText = buildSelectedTooltipPrePaidText(formattedSelectedSellingPlanPrice, formatPrice(selectedSellingPlanAllocation.price));
            var toolTipDiscountText = buildSelectedTooltipDiscountText(selectedSellingPlanAllocation, multipleDiscount);
            var tooltipText = buildTooltipDetailsText(toolTipPrepaidText, isPrepaidPlan, toolTipDiscountText);
            var subscribesaveText = buildSubscriptionOptionText(isPrepaidPlan, selectedDiscountSub);
            var prepaidPerDeliveryPriceText = buildPrepaidPerDeliveryPriceText(formattedSelectedSellingPlanPrice);

            jQuery('#appstle_membership_widget' + widgetId + ' .appstle_prepaid_description').remove();
            jQuery('#appstle_membership_widget' + widgetId + ' .appstle_membership_wrapper_option.appstle_include_dropdown .appstle_membership_amount').html(selectedPriceText);
            if (isPrepaidPlan) {
              jQuery('#appstle_membership_widget' + widgetId + ' .appstle_membership_amount_wrapper').append(
                `<div class="appstle_prepaid_description">${prepaidPerDeliveryPriceText || ( formatPrice(selectedSellingPlanAllocation.price) + '/delivery')}</div>`
              )
            }

            jQuery('#appstle_membership_widget' + widgetId + ' .appstle_membership_wrapper_option.appstle_include_dropdown .appstle_membership_radio_wrapper .appstle_subscribe_save_text').html(subscribesaveText);

            if (checkIfSellingPlanGroupIsSelected() && tooltipText && tooltipText.trim()) {
              if (AM.Config.showStaticTooltip) {
                jQuery('#appstle_membership_widget' + widgetId + ' .appstle_tooltip_wrapper_static').html(tooltipText);
              } else {
                jQuery('#appstle_membership_widget' + widgetId + ' .appstle_tooltip_wrapper .appstle_tooltip .appstle_tooltip_content').html(tooltipText);
              }
            } else {
              if (AM.Config.showStaticTooltip && AM.Config.tooltipDesctiption && AM.Config.tooltipDesctiption.trim()) {
                jQuery('#appstle_membership_widget' + widgetId + ' .appstle_tooltip_wrapper_static').html(AM.Config.tooltipDesctiption);
              } else {
                jQuery('#appstle_membership_widget' + widgetId + ' .appstle_tooltip_wrapper .appstle_tooltip .appstle_tooltip_content').html(AM.Config.tooltipDesctiption);
              }
            }
          }
        }

        function checkIfSellingPlanGroupIsSelected() {
          var selected = false;
          try {
            selected = jQuery('#appstle_membership_widget' + widgetId).find('.appstle_membership_wrapper_option.appstle_include_dropdown input')[0].checked;
          } catch (e) {
          }
          return selected;
        }

        function buildDiscountText(selectedDiscount) {
          // selected discount customization start
          var selectedDiscountModel = {
            selectedDiscountPercentage: selectedDiscount
          }
          var selectedDiscountFormatDisplay = Mustache.render(AM.Config.selectedDiscountFormat, selectedDiscountModel);

          // selected discount customization end
          return selectedDiscountFormatDisplay;
        }

        function updateSellingPlanValueToFinalPrice() {

          var selectorsObject = {
            regular: {
              sellingPrice: AMConfig.priceSelector,
              saleBadgeTop: AMConfig.badgeTop
            }
          }

          var selectors = selectorsObject.regular;
          jQuery('.appstle_membership_final_price').remove();
          jQuery('.appstle_membership_element').remove();
          jQuery('.appstle_membership_compare_price').remove();

          var formattedPrice = getSelectedSellingPlanPrice();
          var selectedDiscount = getSellingPlanDiscountPercentage();

          var sellingPrice = jQuery(selectors.sellingPrice);

          sellingPrice.css('text-decoration', '');
          // sellingPrice.css('display', '');

          if (!selectors.sellingPrice || !selectedDiscount) {
            return;
          }

          if (checkIfSellingPlanGroupIsSelected() && sellingPrice.length === 1) {

            var selectedDiscountFormatDisplay = buildDiscountText(selectedDiscount);

            if (selectedDiscountFormatDisplay) {
              var subscriptionPercentageSavingElement =
                jQuery(`
              <span class="appstle_membership_element appstle_membership_save"> ${selectedDiscountFormatDisplay} </span>
          `)

              subscriptionPercentageSavingElement && subscriptionPercentageSavingElement.css('top', selectors.saleBadgeTop);

              var clonedSellingPrice = sellingPrice.first().clone();
              clonedSellingPrice.addClass('appstle_membership_final_price')
              clonedSellingPrice.text(formattedPrice);

              sellingPrice.css('text-decoration', 'line-through');


              (clonedSellingPrice.length > 0) && clonedSellingPrice.insertBefore(sellingPrice);
              subscriptionPercentageSavingElement.insertAfter(sellingPrice);
            }
          }
        }


        function getSellingPlanDiscountPercentage(isMultipleDiscount) {
          var selectedSellingPlan = parseInt(getSelectedSellingPlanId());
          if (!selectedSellingPlan) {
            return null;
          }
          var selectedSellingPlanGroup;
          product.selling_plan_groups.forEach(function (sellingPlanGroup) {
            if (sellingPlanGroup.app_id === 'appstle-memberships') {
              sellingPlanGroup.selling_plans.forEach(function (sellingPlan) {
                var visible = isSellingPlanVisible(sellingPlan.id);
                if (visible && sellingPlan.id === selectedSellingPlan) {
                  selectedSellingPlanGroup = sellingPlanGroup;
                }
              })
            }
          })
          var selectedSellingPlan;
          selectedSellingPlanGroup.selling_plans.forEach(function (selling_plan) {
            if (selling_plan.id === selectedSellingPlan) {
              selectedSellingPlan = selling_plan;
            }
          })

          if (isMultipleDiscount && selectedSellingPlan?.price_adjustments?.length == 2) {
            var multipleDiscount = [];
            selectedSellingPlan?.price_adjustments?.forEach((discountValue) => {
              if (discountValue?.value_type !== 'percentage') {
                multipleDiscount.push(formatPrice(discountValue?.value))
              } else {
                multipleDiscount.push(discountValue?.value + '%');
              }
            })
            return multipleDiscount;

          }

          var priceAdjustment = selectedSellingPlan?.price_adjustments[0];

          if (priceAdjustment == null || priceAdjustment.value == null || priceAdjustment.value == 0) {
            return null;
          }
          var selectedPriceAdjustment;
          if (priceAdjustment?.value_type !== 'percentage') {
            selectedPriceAdjustment = formatPrice(priceAdjustment?.value);
          } else {
            selectedPriceAdjustment = priceAdjustment?.value + '%';
          }

          return selectedPriceAdjustment

        }

        function updateWidgetElements() {
          registerAndTriggerEventsForFormFields();
          updateStateOfWidget();
        }

        function updateStateOfWidget() {
          updateSelectValueToRadio();
          updateSellingPlanValueToFinalPrice();
        }

        function getCssAsString(cssObject) {
          var cssObjectWithValidValues = {};
          Object.keys(cssObject).forEach(function (key) {
            if (cssObject[key]) {
              cssObjectWithValidValues[key] = cssObject[key]
            }
          })
          return JSON.stringify(cssObjectWithValidValues)
            .split('"').join('')
            .split('{').join('')
            .split('}').join('')
            .split(',').join(';');
        }

        function updateHistoryState() {
          if (!localWindowVariant) {
            return;
          }
          var variantId = localWindowVariant.id;
          if (!history.replaceState || !variantId) {
            return;
          }
          var newurl =
            window.location.protocol +
            '//' +
            window.location.host +
            window.location.pathname +
            '?';
          if (checkIfSellingPlanGroupIsSelected()) {
            var selectedSellingPlanId = getSelectedSellingPlanId();
            if (selectedSellingPlanId) {
              newurl += 'selling_plan=' + selectedSellingPlanId + '&';
            }
          }

          newurl += 'variant=' + variantId;

          if (newurl !== location.href) {
            window.history.replaceState({path: newurl}, '', newurl);
          }
        }

        function updateWidgetUIBasedOnQueryParams() {
          if (jQuery('#appstle_membership_widget' + widgetId).length === 0) {
            return;
          }
          var paramsObj = urlParamsToObject();
          var formElement = jQuery('#appstle_membership_widget' + widgetId).closest('form[action="/cart/add"]')
          if ((formElement.find('input[value=' + paramsObj["variant"] + ']').length > 0 || formElement.find('option[value=' + paramsObj["variant"] + ']').length > 0) && formElement.find('option[value=' + paramsObj["selling_plan"] + ']').length > 0) {

            if (paramsObj['selling_plan']) {
              var sellingPlanGroup = jQuery('#appstle_membership_widget' + widgetId + ' #appstle_selling_plan_label_2' + widgetId);
              var sellingPlanDropdown = jQuery('#appstle_membership_widget' + widgetId + ' select#appstle_selling_plan' + widgetId)
              sellingPlanGroup[0].checked = true;
              sellingPlanDropdown.find('option').each(function (index, option) {
                if (jQuery(option).attr('value') === paramsObj['selling_plan']) {
                  sellingPlanDropdown[0].selectedIndex = index;
                }
              });
              sellingPlanGroup.change();
              sellingPlanDropdown.change();
            }
          }
        }

        if (Shopify && Shopify.Checkout && Shopify.Checkout.hasSellingPlan && AM?.Config?.showCheckoutSubscriptionBtn) {
          var destination = 'https://janeausten.co.uk/pages/membership-dashboard';
          var message = AM.Config.orderStatusManageSubscriptionDescription || 'Continue to your account to view and manage your memberships.';

          if (Shopify.checkout && Shopify.checkout.customer_id) {
            console.log("cusomterId=" + Shopify.checkout.customer_id);

            var settings = {
              "async": true,
              "crossDomain": true,
              "url": "https://membership-admin.appstle.com/api/external/v2/customer-payments/token/" + Shopify.checkout.customer_id + "?api_key=" + window?.AMConfig?.api_key,
              "method": "GET",
              "headers": {
                "accept": "*/*",
                "cache-control": "no-cache",
              }
            }

            jQuery.ajax(settings).done(function (response) {
              destination = 'https://janeausten.co.uk/pages/membership-dashboard';
              Shopify.Checkout.OrderStatus.addContentBox(
                '<h2 class="heading-2 os-step__title">' + (AM.Config.orderStatusManageSubscriptionTitle || 'Membership') + '</h2><div class="os-step__info--item"><p class="os-step__description" style="margin-top: 0.5714285714em;">' + message + '</p></div><a class="ui-button btn btn--subdued btn--size-small shown-if-js os-step__info" href="' + destination + '"> ' + (AM.Config.orderStatusManageSubscriptionButtonText || 'Manage your membership') + '</a>'
              );
            });
          } else {
            Shopify.Checkout.OrderStatus.addContentBox(
              '<h2 class="heading-2 os-step__title">' + (AM.Config.orderStatusManageSubscriptionTitle || 'Membership') + '</h2><div class="os-step__info--item"><p class="os-step__description" style="margin-top: 0.5714285714em;">' + message + '</p></div><a class="ui-button btn btn--subdued btn--size-small shown-if-js os-step__info" href="' + destination + '"> ' + (AM.Config.orderStatusManageSubscriptionButtonText || 'Manage your membership') + '</a>'
            );
          }
        }

        function accountPageStyle() {
          var css = AMConfig.css;
          jQuery(
            `<style>${css.customCSS}</style>`).appendTo(jQuery('head'));
        }

        function addStyle(widgetId) {
          var css = AMConfig.css;
          jQuery(
            `<style>

     #appstle_membership_widget${widgetId}{
            width: 100%;
            text-align: left;
            margin-top: 17px;
            clear: both;
            max-width: 400px;
            ${getCssAsString(css.appstle_membership_widget)}
        }

        #appstle_membership_widget${widgetId}{
          ${getCssAsString(css.appstle_widget_text_color)}
        }

          #appstle_membership_widget${widgetId} .appstle_membership_wrapper {
               // border: 1.5px solid #cccccc;
              // box-shadow: 0 0 0 1px #c4cdd5;
              border-radius: 5px;
              margin-bottom: 30px;
              margin-top: 10px;
              background: #F4F6F8;
              ${getCssAsString(css.appstle_membership_wrapper)}
          }

          #appstle_membership_widget${widgetId} .appstle_membership_wrapper_option {
              display: flex;
              position: relative;
              padding: 16px 16px;
          }
          #appstle_membership_widget${widgetId} .appstle_selected_background {
            background: #F4F6F8;
            ${getCssAsString(css.appstle_selected_background)}
          }

          #appstle_membership_widget${widgetId} .appstle_membership_wrapper_option:first-child {
             // box-shadow: 0 1px 0 0 #c4cdd5;
             border-bottom: inherit;
          }
            #appstle_membership_widget${widgetId} .appstle_membership_wrapper_option:first-child:last-child {
             border-bottom: none;
          }

          #appstle_membership_widget${widgetId} .appstle_membership_wrapper_option:not(.appstle_include_dropdown) {
            align-items: center;
          }

          #appstle_membership_widget${widgetId} .appstle_membership_wrapper_option.appstle_include_dropdown {
            flex-direction: column;
            justify-content: center;
            border-radius: 6px;
          }


          #appstle_membership_widget${widgetId} .appstle_membership_wrapper_option input[type='radio'] {
            display: none;
          }

          #appstle_membership_widget${widgetId} .appstle_subscribe_option {
              margin-left: 50px;
              margin-top: 25px;
              display: flex;
                  flex-direction: column;
              align-items: flex-start;
              text-align: left;
          }

          #appstle_membership_widget${widgetId} .appstle_membership_amount {
              margin-left: auto;
          }

          #appstle_membership_widget${widgetId} .appstle_circle {
              display: flex;
              height: 18px;
              width: 18px;
              border: 2px solid #3a3a3a;
              border-radius: 50%;
              margin-right: 10px;
              justify-content: center;
              align-items: center;
              flex-shrink: 0;
              ${getCssAsString(css.appstle_circle)}
            }

          #appstle_membership_widget${widgetId} .appstle_membership_wrapper_option input[type=radio]:checked + label .appstle_circle .appstle_dot {
              height: 10px;
              width: 10px;
              background-color: #3a3a3a;
              border-radius: 50%;
              flex-shrink: 0;
              ${getCssAsString(css.appstle_dot)}
            }


        #appstle_membership_widget${widgetId} .appstle_radio_label {
          display: flex !important;
          align-items: center;
          margin: 0;
          padding: 0;
          background: none;
        }

        #appstle_membership_widget${widgetId} .appstle_select_label {
          display: none;
          align-items: center;
          margin: 0;
          padding: 0;
          background: none;
          margin-bottom: 7px;
          font-size: 12px;

        }

        #appstle_membership_widget${widgetId} .appstle_tooltip {
          -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
          box-shadow: 0 2px 4px rgb(0 0 0 / 15%);
          background-color: #3a3a3a;
          border-radius: 5px;
          left: 0;
          color: #fff;
          transition: transform .2s cubic-bezier(.215,.61,.355,1);
          -ms-transform: translateY(0);
          transform: translateY(100%) scaleY(0);
          transform-origin: center top;
          opacity: 0;
          position: absolute;
          bottom: 1px;
          // border-bottom-left-radius: 0;
          min-width: 250px;
          ${getCssAsString(css.appstle_tooltip)}
        }

        #appstle_membership_widget${widgetId} [data-appstle-icon]:hover .appstle_tooltip {
          opacity: 1;
          visibility: visible;
          transform: translateY(100%) scaleY(1);
          bottom: 1px;
          z-index: 99999999;
        }


        #appstle_membership_widget${widgetId} [data-appstle-icon] {
            -ms-flex-item-align: end;
            backface-visibility: hidden;
        }

        #appstle_membership_widget${widgetId} [data-appstle-icon]:after {
              border: solid transparent;
              border-top-color: #3a3a3a;
              border-width: 9px;
              content: '';
              position: absolute;
              pointer-events: none;
              opacity: 0;
              left: 2px;
              bottom: 0;
              -ms-transform: translateX(-50%) translateY(10px) rotate(180deg);
              transform: translateY(10px) rotate(180deg);
              transition-delay: 0;
              visibility: hidden;
              transition: transform .2s cubic-bezier(.215,.61,.355,1);
              z-index: 99999999;
              background: none;
              padding: 0;
              ${getCssAsString(css.appstle_tooltip_border_top_color)}
        }

        #appstle_membership_widget${widgetId} [data-appstle-icon]:hover:after {
          opacity: 1;
          visibility: visible;
          -ms-transform: translateX(-50%) translateY(0) rotate(180deg);
          transform: translateY(0) rotate(180deg);
        }

        #appstle_membership_widget${widgetId} .appstle_tooltip_wrapper {
          position: relative;
          margin-bottom: 6px;
          display: inline-flex;
          align-items: center;
          padding-top: 11px;
          box-sizing: border-box;
          margin-left: 0px;
          padding-bottom: 11px;
        }

        #appstle_membership_widget${widgetId} .appstle_tooltip_wrapper_static {
          font-size: 13px;
          background-color: beige;
          border-radius: 6px;
          padding: 23px;
          margin-bottom: 10px;
          ${getCssAsString(css.appstle_tooltip)}
        }

        #appstle_membership_widget${widgetId} .tooltip_subscription_svg {
             height: 22px;
            width: 22px;
            margin-right: 10px;
            fill: black;
            ${getCssAsString(css.tooltip_subscription_svg)}
        }

        #appstle_membership_widget${widgetId} .appstle_membership_radio_wrapper {
            display: flex;
            align-items: center;
        }

        #appstle_membership_widget${widgetId} .appstle_membership_amount_wrapper {
          margin-left: auto;
          text-align: right;
        }

        #appstle_membership_widget${widgetId} .appstle_membership_amount_wrapper .appstle_prepaid_description {
          font-size: 12px;
          opacity: 0.8;
        }

        .appstle_membership_final_price {
            margin-right: 10px;
            text-decoration: none;
            color: #da4f49;
            ${getCssAsString(css.appstle_membership_final_price)}
        }

        .appstle_membership_save {
            margin-left: 10px;
              padding: 2px 6px;
              border: 1px solid #da4f49;
              border-radius: 3px;
              font-size: 10px;
              color: #da4f49;
              font-weight: bold;
              display: inline;
              position: relative;
              top: -3px;
              letter-spacing: 1px;
        }

        #appstle_membership_widget${widgetId} .appstle_membership_wrapper .appstle_select {
            width: 100%;
            margin: 0;
            ${getCssAsString(css.appstle_select)}
        }

        #appstle_membership_widget${widgetId} .appstle_hide_subsOption {
          opacity: 0;
          margin-top: 0;
          visibility: hidden;
          height: 0;
        }

        #appstle_membership_widget${widgetId} .appstle_tooltip_content {
          background-color: #3a3a3a;
          padding: 16px;
        }

        body #appstle_membership_widget${widgetId} .appstle_tooltip_wrapper .appstle_tooltip .appstle_tooltip_appstle {
          padding: 12px !important;
          font-size: 8px !important;
          letter-spacing: 2px !important;
          text-align: right !important;
          background: #13b5ea !important;
          border-bottom-left-radius: 4px !important;
          border-bottom-right-radius: 4px !important;
          display: block !important;
        }

        .appstle_link {
          color: inherit !important;
          text-decoration: none !important;
          cursor: pointer !important;
        }

        .appstle_membership_image {
          padding: 10px;
          background: white;
          margin-right: 10px;
          border-radius: 50%;
          width: 40px;
          height: 40px;
          box-shadow: 0 10px 20px 0 rgb(0 0 0 / 15%);
        }

        .appstle_membership_blocker_wrapper {
          padding: 20px;
          text-align: center;
          font-size: 16px;
          font-weight: bold;
          line-height: 1.33;
          letter-spacing: 0.5px
        }



        </style>
        <style>${css.customCSS}</style>`
          ).appendTo(jQuery('head'));
        }
      }

      function renderStandAloneWidget() {
        var standaloneElements = Array.prototype.slice.call(jQuery(".appstle_membership_stand_alone_selector:not(.appstle_standalone_element_processed)"));
          var index = -1
          function attatchWidgetToStandAloneElement() {
              if (standaloneElements?.length) {
                let standAloneElement = standaloneElements.shift();
                let product = $(standAloneElement).data("product-data");
                if (product) {
                  product.collections = $(standAloneElement).data("product-collection-data");
                }
                index = index + 1;
                jQuery(standAloneElement).addClass("appstle_standalone_element_processed");
                if(!jQuery(standAloneElement).parents('form').find('.appstle_member_widget').length) {
                  if (!product) {
                    jQuery.getJSON(location.origin + `/products/${jQuery(standAloneElement).data("product-handle")}.js`)
                    .then((productHandleData) => {
                      jQuery(standAloneElement).attr("data-product-data", JSON.stringify(productHandleData));
                      renderWidget(JSON.parse(JSON.stringify(productHandleData)), $(standAloneElement), index);
                      attatchWidgetToStandAloneElement();
                    })
                  } else {
                      renderWidget(product, $(standAloneElement), index);
                      attatchWidgetToStandAloneElement();
                    }
                  } else {
                   attatchWidgetToStandAloneElement();
                  }

              } else {
                setTimeout(() => {
                  jQuery(".appstle-hidden").removeClass("appstle-hidden");
                }, 100)
              }
          }
          attatchWidgetToStandAloneElement()
      }

      jQuery(".appstle_member_widget").remove();
      // Init appstle render widget
      if (appstleStandAloneSelectorExists()) {
          renderStandAloneWidget();
      } else {
        renderWidget(undefined, undefined, 0);
        setTimeout(() => {
          jQuery(".appstle-hidden").removeClass("appstle-hidden");
        }, 100)
      }

      function appstleListenForDOMChanges() {
        try {
          var id = "";
          id = jQuery("body").attr("id")
          if (!id) {
            id = "appstleCustomBodyMarker";
            jQuery("body").attr("id", id)
          }
          const targetNode = document.getElementById(id);
          const config = { attributes: true, childList: true, subtree: true };
          const callback = function() {
              renderStandAloneWidget()
          };
          const observer = new MutationObserver(callback);
          observer.observe(targetNode, config);
        } catch (e) {
          console.log("Exception happened in mutation Observer", e)
        } 
      }
      appstleListenForDOMChanges();
      // Code For Quick View Page (It will load on click of quickview page)  It's compulsory to have a standalone script otherwise it won't work
      jQuery(`${window?.AM?.Config?.quickViewClickSelector}`).on("click",function(){

              if(jQuery(`${window?.AM?.Config?.quickViewClickSelector}`).length > 0)
              {
                var initiateQuickView = function() {
                  if (appstleStandAloneSelectorExists()) {
                    renderStandAloneWidget();
                } else {
                    if(jQuery("#appstle_membership_widget0")?.length == 0)
                    {
                      renderWidget(undefined, undefined, 0);
                    }
                  }
                }
                if(window?.AM?.Config?.quickViewModalPollingSelector)
                {
                  var pollQuickView = function() {
                    if (jQuery(".quickshop.quickshop-visible.quickshop-loaded").length || jQuery(`${window?.AM?.Config?.quickViewModalPollingSelector}`).length) {
                      initiateQuickView()
                    } else {
                      setTimeout(()=> {
                        pollQuickView();
                      },200)
                    }
                  }
                  pollQuickView();
                }
                else {
                  setTimeout(()=> {
                    initiateQuickView()
                  }, 500)
                }
              }
            })

      function formatPrice(price) {

        var moneyFormat = AM.Config.moneyFormat;

        if (typeof price === 'string') {
          price = price.replace('.', '');
        }

        var value = '';
        var placeholderRegex = /\{\{\s*(\w+)\s*\}\}/;
        var shopifyMoneyFormat = typeof Shopify !== 'undefined' && Shopify.money_format && Shopify.money_format.length > 1 ? Shopify.money_format : '';
        var themeMoneyFormat;
        if (typeof theme !== 'undefined') {
          if (theme.moneyFormat) {
            themeMoneyFormat = theme.moneyFormat;
          } else if (theme.money_format) {
            themeMoneyFormat = theme.money_format;
          } else if (theme.settings && theme.settings.moneyFormat) {
            themeMoneyFormat = theme.settings.moneyFormat;
          } else {
            themeMoneyFormat = theme.strings ? theme.strings.moneyFormat : '';
          }
        } else {
          themeMoneyFormat = '';
        }

        var formatString = window?.shopifyCurrencyFormat || window?.moneyFormat || window?.Currency?.money_format_no_currency || themeMoneyFormat || moneyFormat || shopifyMoneyFormat;

        function formatWithDelimiters(number, precision, thousands, decimal) {
          thousands = thousands || ',';
          decimal = decimal || '.';

          if (isNaN(number) || number === null) {
            return 0;
          }

          number = (number / 100.0).toFixed(precision);

          var parts = number.split('.');
          var dollarsAmount = parts[0].replace(
            /(\d)(?=(\d\d\d)+(?!\d))/g,
            '$1' + thousands
          );
          var centsAmount = parts[1] ? decimal + parts[1] : '';

          return dollarsAmount + centsAmount;
        }

        switch (formatString.match(placeholderRegex)[1]) {
          case 'amount':
            value = formatWithDelimiters(price, 2);
            break;
          case 'amount_no_decimals':
            value = formatWithDelimiters(price, 0);
            break;
          case 'amount_with_comma_separator':
            value = formatWithDelimiters(price, 2, '.', ',');
            break;
          case 'amount_no_decimals_with_comma_separator':
            value = formatWithDelimiters(price, 0, '.', ',');
            break;
          case 'amount_no_decimals_with_space_separator':
            value = formatWithDelimiters(price, 0, ' ');
            break;
          case 'amount_with_apostrophe_separator':
            value = formatWithDelimiters(price, 2, "'");
            break;
        }
        var spanElement = document.createElement('span');
        spanElement.innerHTML = formatString.replace(placeholderRegex, value);
        return spanElement.textContent || spanElement.innerText;
      }

      if (appstlePriceDisplaySelectorExists()) {
        addFeaturePageCSS();
        jQuery(".appstle_stand_alone_price_display_selector").each(function (index) {
          let product = $(this).data("product-data");

          let subscription_price = Number.MAX_SAFE_INTEGER;
          let has_subscription_price = false

          product.variants.forEach(variant => {
            variant.selling_plan_allocations.forEach(allocation => {
              if (allocation.price_adjustments[0].price < subscription_price) {
                subscription_price = allocation.price_adjustments[0].price
                has_subscription_price = true;
              }
            })
          })

          if (has_subscription_price) {
            $(this).siblings("span.price, span.appstle_hide_old_price").hide(); // hide old price from home page
            $(this).html(buildSubscribeSaveSelector(subscription_price));
          }
          $(this).show();
        })
      }

      function attachMutationObserver(selector, callback) {
        const targetNode = document.querySelector(selector);
        const config = { attributes: true, childList: true, subtree: true };
        const observer = new MutationObserver(callback);
        if (targetNode && config) {
          observer.observe(targetNode, config);
        }
      }

      function addFeaturePageCSS() {
        let cssFeaturedProduct = AMConfig?.css;
        jQuery(`<style>.appstle_subscribesavetext{
                  background-color:#c00303;
                  color:#fff;
                  padding:4px 8px;
                  font-size:13px;
                    }</style>
                <style>${cssFeaturedProduct?.customCSS}</style>`).appendTo(jQuery('head'));
      }

      function buildSubscribeSaveSelector(subscription_price) {
        let subscribeSaveModel = {
          subscriptionPrice: formatPrice(subscription_price)
        };

        return Mustache.render(AMConfig?.subscriptionPriceDisplayText, subscribeSaveModel);
      }

      function appstleStandAloneSelectorExists() {
        return jQuery(".appstle_membership_stand_alone_selector").length > 0
      }

      function appstlePriceDisplaySelectorExists() {
        return jQuery(".appstle_stand_alone_price_display_selector").length > 0
      }

      function fetchAddJsSellingPlanInterCeptor() {
        const { fetch: originalFetch } = window;

        jQuery.ajaxSetup({
              beforeSend: function (xhr,settings) {
                  console.log(xhr);
                  console.log(settings.data);
                  console.log(settings.url);
                  if(settings?.url === "/cart/add.js")
                  {
                    var sellingPlanID = $('form input[name=selling_plan]:checked').val()
                    if(sellingPlanID)
                    {
                      settings.data = settings.data + `&selling_plan=${sellingPlanID}`
                    }
                  }
              }
          });

        (function(send) {
          XMLHttpRequest.prototype.send = function(data) {
            if (this["_url"] === "/cart/add.js") {
              var currentBodyObj = null;
              var sellingPlan = $('form input[name=selling_plan]:checked').val()
              if (sellingPlan) {
                try {
                  if (data.substr(0,1) === "{" && data.substr(-1) === "}") {
                    currentBodyObj = JSON.parse(data);
                    currentBodyObj.selling_plan = sellingPlan
                    send.call(this, JSON.stringify(currentBodyObj));
                  } else if (data.substr(0,1) !== "{" && data.substr(-1) !== "}" && data.indexOf("&") !== -1) {
                    send.call(this, data + `&selling_plan=${sellingPlan}`);
                  } else {
                    send.call(this, data);
                  }
                } catch (e) {
                  send.call(this, data);
                }
              } else {
                send.call(this, data);
              }
            } else {
              send.call(this, data);
            }
          }
        })(XMLHttpRequest.prototype.send);

          window.fetch = function() {
              var resource = arguments[0];
              var config = arguments[1];

              if(resource === "/cart/add.js")
              {
                var currentVariantId = urlParams.get('variant')
                var newBodyArray = {}
                var currentBodyArray = JSON.parse(config?.body);
                if(getClassOf(currentBodyArray) === "Object" && getClassOf(currentBodyArray?.items) == "Array")
                {
                    var sellingPlanVariantIndex = currentBodyArray?.findIndex(data => data.id == currentVariantId);
                    if(sellingPlanVariantIndex >= 0)
                    {
                          var filteredVariant = currentBodyArray.filter(data => data.id != currentVariantId);
                          var sellingPlanIncludedVariant = JSON.parse(JSON.stringify(currentBodyArray[sellingPlanVariantIndex]));
                          sellingPlanIncludedVariant[ "selling_plan"] = $('form input[name=selling_plan]:checked').val();
                          filteredVariant.push(sellingPlanIncludedVariant);
                          newBodyArray.items = JSON.parse(JSON.stringify(filteredVariant));
                          config.body = JSON.stringify(newBodyArray);
                          return originalFetch.apply(this, arguments);
                    }
                    else {
                         return originalFetch.apply(this, arguments);
                    }
                }
                else if (getClassOf(currentBodyArray) === "Object") {
                  var currentBodyObj  = JSON.parse(config?.body);
                  currentBodyObj.selling_plan = $('form input[name=selling_plan]:checked').val()
                  config.body = JSON.stringify(currentBodyObj);
                  return originalFetch.apply(this, arguments);
                }
              }
              else {
                return originalFetch.apply(this, arguments);
              }
          };
      }

      function getClassOf(obj) {
        return Object.prototype.toString.call(obj).slice(8, -1);
      }

      function urlIsProductPage() {
        // return null != decodeURIComponent(window.location.pathname).match(/\/products\/(([a-zA-Z0-9]|[\-\.\_\~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|[\ud83c\ud83d\ud83e][\ud000-\udfff]){1,})\/?/)
        return decodeURIComponent(window.location.pathname).includes('/products/');
      }

      // standalone selector only one or product page and no cart page.
      if((jQuery(".appstle_membership_stand_alone_selector")?.length === 1 || urlIsProductPage() === true) && window?.AM?.Config?.enableSellingPlanInterceptor === true) {
        fetchAddJsSellingPlanInterCeptor()
      }
    })();
  });

})();