Rebuy Engine

<style>
  .memberr-sc-toggle-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
</style>

<memberr-if-has-store-credit style="width: 100%;">
  <div class="memberr-sc-toggle-wrapper">
    <span>
      <memberr-current-store-credit-balance></memberr-current-store-credit-balance>
      <memberr-store-credit-name></memberr-store-credit-name> anwenden
    </span>
    <memberr-store-credit-toggle
      active-color="#000000"
      height="24"
      width="48"
      initial-state="{% if cart.attributes.memberr_apply_store_credit == 'Yes' %}true{% else %}false{% endif %}"
      style="height: 24px;"
    ></memberr-store-credit-toggle>
  </div>
</memberr-if-has-store-credit>

<script>
  document.addEventListener('memberr-toggle:change', async () => {
    // Fetch updated cart and trigger Rebuy Cart refresh
    const cart = await fetch('/cart.js').then((res) => res.json());
    console.log({ cart });

    // Trigger Rebuy cart update
    document.dispatchEvent(new CustomEvent('rebuy:cart.change', { detail: { cart } }));
  }, {
    bubbles: true
  });
</script>