Kaching Cart Drawer

<style>
  .memberr-sc-toggle-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 17px 24px;
  }
</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 () => {
    // refresh the Kaching Cart using the Kaching Cart API
    if (typeof window.kachingCartApi && typeof window.kachingCartApi.refreshCart === 'function') {
      window.kachingCartApi.refreshCart();
    } else {
      console.log('kachingCartApi.refreshCart is not a function, please check if the Kaching Cart API is loaded');
    }
  });
</script>