"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var a=require("@gem-sdk/core");exports.default=({setting:t,advanced:e})=>{let{widgetType:l,align:s}=t??{};return a.template`
    <div
      class="${e?.cssClass} gp-appstle-loyalty [&_*]:gp-max-w-none"
      style="${{...a.makeStyleResponsive("ta",s)}}"
    >
      {% assign widget = '${l}' %}
      {% case widget %}
        {% when "loyalty_dedicated_page" %}
          <div class="appstleLoyaltyPage" data-appstle-loyalty="APPSTLE_LOYALTY_PAGE" id="appstleLoyaltyPage"></div>
        {% when "points_display_on_product" %}
          <div class="appstle-loyalty-acquire-points-block" data-appstle-loyalty="APPSTLE_LOYALTY_ACQUIRE_POINTS" id="appstle-loyalty-acquire-points-block"></div>
        {% when "points_display_on_collections" %}
          <div class="appstle-loyalty-stand-alone-selector" data-product-id="{{product.id}}" data-product-handle="{{product.handle}}" data-variant-id="{{product.variants[0].id}}" data-product-data="{{product | json | escape}}"></div>
      {% endcase %}
    </div>
  `};
