Smartrr

<!-- BEGIN ORDERPROTECTION SMARTRR MANAGER -->
<link rel="stylesheet" href="https://cdn.orderprotection.com/widget/subscriptions/latest/style.css" />
<script src="https://cdn.orderprotection.com/widget/subscriptions/latest/orderprotection.js"></script>

<script>
  const opDebug = false;
  let initialized = false;
  let smartrrWidget = null;
  let subId = '';

  const toggleFn = () => {
    if (!window.orderProtection.cart.subtotal || !window.orderProtection.price) return;

    const totalWOp = window.orderProtection.cart.subtotal + window.orderProtection.price;
    const totalNoOp = window.orderProtection.cart.subtotal;
    const formatter = new Intl.NumberFormat(undefined, {
      style: 'currency',
      currency: window.Shopify.currency.active,
    });
    const formattedSubtotalOP = formatter.format(totalWOp / 100);
    const formattedSubtotalNoOp = formatter.format(totalNoOp / 100);
    const subtotalCls = `.smartrr-portal-discounts-wrapper .smartrr-portal-estimated-total-line p:nth-child(2)`;
    const subtotalEl = document.querySelector(subtotalCls);

    if (!subtotalEl) return;

    subtotalEl.innerText = window.orderProtection.enabled ? formattedSubtotalOP : formattedSubtotalNoOp;
  };

  const observer = new MutationObserver(async mutations => {
    const subDiscountCls = '.smartrr-portal-manage-subs-modal .smartrr-portal-discount-input-wrapper';
    const subDiscountEl = document.querySelector(subDiscountCls);

    if (subDiscountEl && !initialized) {
      initialized = true;

      subId = document.querySelector('.smartrr-portal-modal-main-title')?.innerHTML.replace(/#/g, '') || '';

      const opNewEl = document.createElement('div');
      opNewEl.id = 'order-protection' + subId;

      subDiscountEl.parentNode.insertBefore(opNewEl, subDiscountEl);

      console.log('OP-log: ready to go');
      smartrrWidget = OrderProtection.createOrderProtectionWidget({
        integration: 'smartrr',
        attach: true,
        debug: opDebug,
        locations: [{ id: 'order-protection' + subId }],
        version: 'v2',
      });

      smartrrWidget.cart.debug = opDebug;
      smartrrWidget.widget.on('toggled', toggleFn);

      let shouldRetry = true;

      while (shouldRetry) {
        try {
          if (!smartrrWidget.cart.isReady()) {
            smartrrWidget.cart.subscription = {};
            await smartrrWidget.cart.loadSubscription();
            await new Promise(resolve => setTimeout(resolve, 200));

            continue;
          }

          smartrrWidget.cart.setup();
          smartrrWidget.init();

          shouldRetry = false;
        } catch (error) {
          shouldRetry = false;
          console.error(error);
        }
      }
    } else if (!subDiscountEl && initialized) {
      initialized = false;

      smartrrWidget.widget.off('toggled', toggleFn);
      smartrrWidget.destroy();
      smartrrWidget.cart.destroy();

      const opEl = document.querySelector('#order-protection' + subId);
      if (opEl) opEl.remove();

      setTimeout(() => {
        if (typeof window !== 'undefined') window.orderProtection = null;
      }, 100);
    }
  });

  observer.observe(document.body, {
    childList: true,
    subtree: true,
  });
</script>
<!-- END ORDERPROTECTION SMARTRR MANAGER -->

{% render 'orderprotection-smartrr' %}