@everymatrix/loyalty-shop 0.1.8 → 0.1.10

package/components/LoyaltyShopItem-BRu06lmS.js

@@ -0,0 +1,316 @@
+import { y as ce, c as G, p as K, a as me, b as o, s as ve, d as Z, z as T, A as fe, B as he, C as J, E as w, F as ye, G as ge, m as a, f as _e, g as we, i as U, h as S, j as W, H as be, I as xe, J as Ee, K as Re, k as i, l as ke, n as f, o as x, r as h, t as O, q as I, L as Se, v as M, u as N, w as Ie, $ as Ne, M as Ce, N as q } from "./LoyaltyPagination-BcRXvso4.js";
+import { L as Le } from "./LoyaltyPointsCard-DMYnP3nm.js";
+if (typeof window < "u") {
+  let y = function(t) {
+    return function(...l) {
+      try {
+        return t.apply(this, l);
+      } catch (d) {
+        if (d instanceof DOMException && d.message.includes("has already been used with this registry") || d instanceof Error && d.message.includes("Cannot define multiple custom elements with the same tag name"))
+          return !1;
+        throw d;
+      }
+    };
+  };
+  customElements.define = y(customElements.define), import("./LoyaltyPointsCard-DMYnP3nm.js").then((t) => t.a).then((t) => {
+    const l = t.default || t;
+    customElements.get("loyalty-points-card") || customElements.define("loyalty-points-card", l.element || l);
+  }).catch((t) => {
+    console.error("BOOT ERROR:", t);
+  });
+}
+const Te = {
+  en: {
+    tokens: "Tokens",
+    buyNow: "Buy Now",
+    back: "Back"
+  },
+  tr: {
+    tokens: "Tokens",
+    buyNow: "Şimdi Satın Al",
+    back: "Geri"
+  },
+  da: {
+    tokens: "Tokens",
+    buyNow: "Køb nu",
+    back: "Tilbage"
+  },
+  de: {
+    tokens: "Token",
+    buyNow: "Jetzt kaufen",
+    back: "Zurück"
+  },
+  nl: {
+    tokens: "Tokens",
+    buyNow: "Nu kopen",
+    back: "Terug"
+  },
+  fr: {
+    tokens: "Jetons",
+    buyNow: "Acheter",
+    back: "Retour"
+  },
+  hu: {
+    tokens: "Tokenek",
+    buyNow: "Vásárlás",
+    back: "Vissza"
+  }
+}, Ue = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='800px'%20height='800px'%20viewBox='0%200%20120%20120'%20fill='none'%3e%3crect%20width='120'%20height='120'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M33.2503%2038.4816C33.2603%2037.0472%2034.4199%2035.8864%2035.8543%2035.875H83.1463C84.5848%2035.875%2085.7503%2037.0431%2085.7503%2038.4816V80.5184C85.7403%2081.9528%2084.5807%2083.1136%2083.1463%2083.125H35.8543C34.4158%2083.1236%2033.2503%2081.957%2033.2503%2080.5184V38.4816ZM80.5006%2041.1251H38.5006V77.8751L62.8921%2053.4783C63.9172%2052.4536%2065.5788%2052.4536%2066.6039%2053.4783L80.5006%2067.4013V41.1251ZM43.75%2051.6249C43.75%2054.5244%2046.1005%2056.8749%2049%2056.8749C51.8995%2056.8749%2054.25%2054.5244%2054.25%2051.6249C54.25%2048.7254%2051.8995%2046.3749%2049%2046.3749C46.1005%2046.3749%2043.75%2048.7254%2043.75%2051.6249Z'%20fill='%23687787'/%3e%3c/svg%3e";
+var Oe = M('<img class="loyalty-shop-item__image svelte-ravnpu"/>'), Me = M('<div class="loyalty-shop-item__card loyalty-shop-item__card--description svelte-ravnpu"><p class="loyalty-shop-item__description svelte-ravnpu"> </p></div>'), ze = M('<div class="loyalty-shop-item svelte-ravnpu"><div class="loyalty-shop-item__card svelte-ravnpu"><!> <span class="loyalty-shop-item__title svelte-ravnpu"> </span> <span class="loyalty-shop-item__points svelte-ravnpu"> </span> <button class="loyalty-shop-item__button svelte-ravnpu" type="button"> </button></div> <!> <!></div>');
+const je = {
+  hash: "svelte-ravnpu",
+  code: `.loyalty-shop-item.svelte-ravnpu {display:flex;flex-direction:column;gap:12px;}.loyalty-shop-item__card.svelte-ravnpu {display:flex;flex-direction:column;gap:8px;padding:16px;border-radius:10px;border:1px solid var(--border-default, rgba(251, 251, 251, 0.15));background-color:var(--app-container-bg-default, #022652);}.loyalty-shop-item__card--description.svelte-ravnpu {min-height:120px;}.loyalty-shop-item__image.svelte-ravnpu {width:100%;height:170px;border-radius:6px;}.loyalty-shop-item__title.svelte-ravnpu {color:var(--text-default, #ffffff);font-size:12px;font-weight:400;}.loyalty-shop-item__points.svelte-ravnpu {color:var(--text-subtle, #dfe3e8);font-size:14px;font-weight:400;}.loyalty-shop-item__button.svelte-ravnpu {margin-top:auto;width:100%;height:37px;padding:8px 16px;border:none;border-radius:6px;background:var(--button-primary-bg-default, #ffcc00);color:var(--button-primary-text-default, #261d00);font-size:12px;font-weight:400;cursor:pointer;}.loyalty-shop-item__button.svelte-ravnpu:disabled {opacity:0.4;cursor:default;}.loyalty-shop-item__description.svelte-ravnpu {color:var(--text-subtle, #dfe3e8);font-size:12px;line-height:1.4;margin:0;font-weight:500;min-height:120px;}
+
+  @media (min-width: 768px) {.loyalty-shop-item__image.svelte-ravnpu {height:clamp(170px, 30vw, 400px);object-fit:cover;}
+  }`
+};
+function Y(y, t) {
+  K(t, !0), me(y, je);
+  const l = () => Ie(Ne, "$_", d), [d, b] = ke(), u = o(t, "apiEndpoint", 7, ""), p = o(t, "userSession", 7, ""), c = o(t, "locale", 7, ""), g = o(t, "itemId", 7, ""), r = o(t, "elevateReward"), E = o(t, "translationUrl");
+  ve({ withLocale: c(), translations: {} }), Object.entries(Te).forEach(([e, s]) => {
+    Z(e, s);
+  });
+  let n = T(fe(r())), R = T(!1), z = T("");
+  const j = N(() => a(n)?.presentation?.assets?.[0] ?? ""), V = N(() => a(n)?.presentation?.displayName ?? a(n)?.displayName ?? ""), A = N(() => a(n)?.presentation?.description ?? ""), B = N(() => a(n)?.available === "true"), X = () => {
+    let e = new URL(E(), window.location.href);
+    fetch(e.href).then((s) => s.json()).then((s) => {
+      Object.keys(s).forEach((_) => {
+        Z(_, s[_]);
+      });
+    }).catch((s) => {
+      console.log("loyalty shop item translation url err:", s);
+    });
+  };
+  he(() => {
+    E() && X();
+  }), J(() => {
+    if (r()) {
+      w(n, r(), !0);
+      return;
+    }
+    !u() || !g() || ye(
+      {
+        apiEndpoint: u(),
+        userSession: p(),
+        locale: c()
+      },
+      g()
+    ).then((e) => {
+      w(n, e, !0);
+    }).catch((e) => console.error("Failed to load shop item:", e));
+  });
+  const $ = () => {
+    a(R) || !a(B) || !a(n) || Ce(a(n).displayName || a(n).presentation.displayName, a(n).id);
+  }, ee = async () => {
+    if (!u() || !a(n))
+      return;
+    w(R, !0), w(z, "");
+    const e = a(n).id;
+    try {
+      await be({ apiEndpoint: u(), userSession: p() }, e), xe(e), Ee();
+    } catch (s) {
+      w(z, s?.message ?? "Redeem failed", !0), Re(e, s);
+    } finally {
+      w(R, !1);
+    }
+  };
+  J(() => {
+    const e = (s) => {
+      s.data?.type === ge.REDEEM_REWARD_CONFIRMED && s.data?.id === a(n)?.id && ee();
+    };
+    return window.addEventListener("message", e), () => window.removeEventListener("message", e);
+  });
+  var te = {
+    get apiEndpoint() {
+      return u();
+    },
+    set apiEndpoint(e = "") {
+      u(e), i();
+    },
+    get userSession() {
+      return p();
+    },
+    set userSession(e = "") {
+      p(e), i();
+    },
+    get locale() {
+      return c();
+    },
+    set locale(e = "") {
+      c(e), i();
+    },
+    get itemId() {
+      return g();
+    },
+    set itemId(e = "") {
+      g(e), i();
+    },
+    get elevateReward() {
+      return r();
+    },
+    set elevateReward(e) {
+      r(e), i();
+    },
+    get translationUrl() {
+      return E();
+    },
+    set translationUrl(e) {
+      E(e), i();
+    }
+  }, D = _e(), ae = we(D);
+  {
+    var se = (e) => {
+      var s = ze(), _ = f(s), F = f(_);
+      {
+        var ne = (m) => {
+          var v = Oe();
+          O(() => {
+            q(v, "src", a(j) || Ue), q(v, "alt", a(V));
+          }), S(m, v);
+        };
+        U(F, (m) => {
+          a(j) && m(ne);
+        });
+      }
+      var C = x(F, 2), oe = f(C, !0);
+      h(C);
+      var L = x(C, 2), ie = f(L);
+      h(L);
+      var k = x(L, 2), le = f(k, !0);
+      h(k), h(_);
+      var H = x(_, 2);
+      Le(H, {
+        get apiEndpoint() {
+          return u();
+        },
+        get userSession() {
+          return p();
+        },
+        get locale() {
+          return c();
+        }
+      });
+      var de = x(H, 2);
+      {
+        var ue = (m) => {
+          var v = Me(), P = f(v), pe = f(P, !0);
+          h(P), h(v), O(() => I(pe, a(A))), S(m, v);
+        };
+        U(de, (m) => {
+          a(A) && m(ue);
+        });
+      }
+      h(s), O(
+        (m, v) => {
+          I(oe, a(V)), I(ie, `${a(n).points ?? ""}
+        ${m ?? ""}`), k.disabled = !a(B) || a(R), I(le, v);
+        },
+        [() => l()("tokens"), () => l()("buyNow")]
+      ), Se("click", k, $), S(e, s);
+    };
+    U(ae, (e) => {
+      a(n) && e(se);
+    });
+  }
+  S(y, D);
+  var re = W(te);
+  return b(), re;
+}
+ce(["click"]);
+G(
+  Y,
+  {
+    apiEndpoint: {},
+    userSession: {},
+    locale: {},
+    itemId: {},
+    elevateReward: {},
+    translationUrl: {}
+  },
+  [],
+  [],
+  { mode: "open" }
+);
+function Q(y, t) {
+  K(t, !0);
+  let l = o(t, "apiEndpoint", 7, ""), d = o(t, "userSession", 7, ""), b = o(t, "locale", 7, ""), u = o(t, "itemId", 7, ""), p = o(t, "elevateReward"), c = o(t, "translationUrl");
+  var g = {
+    get apiEndpoint() {
+      return l();
+    },
+    set apiEndpoint(r = "") {
+      l(r), i();
+    },
+    get userSession() {
+      return d();
+    },
+    set userSession(r = "") {
+      d(r), i();
+    },
+    get locale() {
+      return b();
+    },
+    set locale(r = "") {
+      b(r), i();
+    },
+    get itemId() {
+      return u();
+    },
+    set itemId(r = "") {
+      u(r), i();
+    },
+    get elevateReward() {
+      return p();
+    },
+    set elevateReward(r) {
+      p(r), i();
+    },
+    get translationUrl() {
+      return c();
+    },
+    set translationUrl(r) {
+      c(r), i();
+    }
+  };
+  return Y(y, {
+    get apiEndpoint() {
+      return l();
+    },
+    get userSession() {
+      return d();
+    },
+    get locale() {
+      return b();
+    },
+    get itemId() {
+      return u();
+    },
+    get elevateReward() {
+      return p();
+    },
+    get translationUrl() {
+      return c();
+    }
+  }), W(g);
+}
+customElements.define("loyalty-shop-item", G(
+  Q,
+  {
+    apiEndpoint: {},
+    userSession: {},
+    locale: {},
+    itemId: {},
+    elevateReward: {},
+    translationUrl: {}
+  },
+  [],
+  []
+));
+const Be = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: Q
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  Y as L,
+  Be as a
+};

package/components/LoyaltyShopItem-Dd0M-wKW.cjs

@@ -0,0 +1,5 @@
+"use strict";const e=require("./LoyaltyPagination-CiEOz3pr.cjs"),G=require("./LoyaltyPointsCard-BcX6gbsm.cjs");if(typeof window<"u"){let m=function(r){return function(...o){try{return r.apply(this,o)}catch(i){if(i instanceof DOMException&&i.message.includes("has already been used with this registry")||i instanceof Error&&i.message.includes("Cannot define multiple custom elements with the same tag name"))return!1;throw i}}};customElements.define=m(customElements.define),Promise.resolve().then(()=>require("./LoyaltyPointsCard-BcX6gbsm.cjs")).then(r=>r.LoyaltyPointsCard_ce).then(r=>{const o=r.default||r;customElements.get("loyalty-points-card")||customElements.define("loyalty-points-card",o.element||o)}).catch(r=>{console.error("BOOT ERROR:",r)})}const K={en:{tokens:"Tokens",buyNow:"Buy Now",back:"Back"},tr:{tokens:"Tokens",buyNow:"Şimdi Satın Al",back:"Geri"},da:{tokens:"Tokens",buyNow:"Køb nu",back:"Tilbage"},de:{tokens:"Token",buyNow:"Jetzt kaufen",back:"Zurück"},nl:{tokens:"Tokens",buyNow:"Nu kopen",back:"Terug"},fr:{tokens:"Jetons",buyNow:"Acheter",back:"Retour"},hu:{tokens:"Tokenek",buyNow:"Vásárlás",back:"Vissza"}},W="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='800px'%20height='800px'%20viewBox='0%200%20120%20120'%20fill='none'%3e%3crect%20width='120'%20height='120'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M33.2503%2038.4816C33.2603%2037.0472%2034.4199%2035.8864%2035.8543%2035.875H83.1463C84.5848%2035.875%2085.7503%2037.0431%2085.7503%2038.4816V80.5184C85.7403%2081.9528%2084.5807%2083.1136%2083.1463%2083.125H35.8543C34.4158%2083.1236%2033.2503%2081.957%2033.2503%2080.5184V38.4816ZM80.5006%2041.1251H38.5006V77.8751L62.8921%2053.4783C63.9172%2052.4536%2065.5788%2052.4536%2066.6039%2053.4783L80.5006%2067.4013V41.1251ZM43.75%2051.6249C43.75%2054.5244%2046.1005%2056.8749%2049%2056.8749C51.8995%2056.8749%2054.25%2054.5244%2054.25%2051.6249C54.25%2048.7254%2051.8995%2046.3749%2049%2046.3749C46.1005%2046.3749%2043.75%2048.7254%2043.75%2051.6249Z'%20fill='%23687787'/%3e%3c/svg%3e";var Y=e.from_html('<img class="loyalty-shop-item__image svelte-ravnpu"/>'),Q=e.from_html('<div class="loyalty-shop-item__card loyalty-shop-item__card--description svelte-ravnpu"><p class="loyalty-shop-item__description svelte-ravnpu"> </p></div>'),X=e.from_html('<div class="loyalty-shop-item svelte-ravnpu"><div class="loyalty-shop-item__card svelte-ravnpu"><!> <span class="loyalty-shop-item__title svelte-ravnpu"> </span> <span class="loyalty-shop-item__points svelte-ravnpu"> </span> <button class="loyalty-shop-item__button svelte-ravnpu" type="button"> </button></div> <!> <!></div>');const $={hash:"svelte-ravnpu",code:`.loyalty-shop-item.svelte-ravnpu {display:flex;flex-direction:column;gap:12px;}.loyalty-shop-item__card.svelte-ravnpu {display:flex;flex-direction:column;gap:8px;padding:16px;border-radius:10px;border:1px solid var(--border-default, rgba(251, 251, 251, 0.15));background-color:var(--app-container-bg-default, #022652);}.loyalty-shop-item__card--description.svelte-ravnpu {min-height:120px;}.loyalty-shop-item__image.svelte-ravnpu {width:100%;height:170px;border-radius:6px;}.loyalty-shop-item__title.svelte-ravnpu {color:var(--text-default, #ffffff);font-size:12px;font-weight:400;}.loyalty-shop-item__points.svelte-ravnpu {color:var(--text-subtle, #dfe3e8);font-size:14px;font-weight:400;}.loyalty-shop-item__button.svelte-ravnpu {margin-top:auto;width:100%;height:37px;padding:8px 16px;border:none;border-radius:6px;background:var(--button-primary-bg-default, #ffcc00);color:var(--button-primary-text-default, #261d00);font-size:12px;font-weight:400;cursor:pointer;}.loyalty-shop-item__button.svelte-ravnpu:disabled {opacity:0.4;cursor:default;}.loyalty-shop-item__description.svelte-ravnpu {color:var(--text-subtle, #dfe3e8);font-size:12px;line-height:1.4;margin:0;font-weight:500;min-height:120px;}
+
+  @media (min-width: 768px) {.loyalty-shop-item__image.svelte-ravnpu {height:clamp(170px, 30vw, 400px);object-fit:cover;}
+  }`};function x(m,r){e.push(r,!0),e.append_styles(m,$);const o=()=>e.store_get(e.$format,"$_",i),[i,v]=e.setup_stores(),l=e.prop(r,"apiEndpoint",7,""),d=e.prop(r,"userSession",7,""),p=e.prop(r,"locale",7,""),h=e.prop(r,"itemId",7,""),n=e.prop(r,"elevateReward"),f=e.prop(r,"translationUrl");e.setupI18n({withLocale:p(),translations:{}}),Object.entries(K).forEach(([t,a])=>{e.addNewMessages(t,a)});let s=e.state(e.proxy(n())),g=e.state(!1),S=e.state("");const k=e.user_derived(()=>e.get(s)?.presentation?.assets?.[0]??""),E=e.user_derived(()=>e.get(s)?.presentation?.displayName??e.get(s)?.displayName??""),R=e.user_derived(()=>e.get(s)?.presentation?.description??""),I=e.user_derived(()=>e.get(s)?.available==="true"),O=()=>{let t=new URL(f(),window.location.href);fetch(t.href).then(a=>a.json()).then(a=>{Object.keys(a).forEach(y=>{e.addNewMessages(y,a[y])})}).catch(a=>{console.log("loyalty shop item translation url err:",a)})};e.user_pre_effect(()=>{f()&&O()}),e.user_effect(()=>{if(n()){e.set(s,n(),!0);return}!l()||!h()||e.fetchShopItem({apiEndpoint:l(),userSession:d(),locale:p()},h()).then(t=>{e.set(s,t,!0)}).catch(t=>console.error("Failed to load shop item:",t))});const M=()=>{e.get(g)||!e.get(I)||!e.get(s)||e.sendRedeemRewardRequested(e.get(s).displayName||e.get(s).presentation.displayName,e.get(s).id)},P=async()=>{if(!l()||!e.get(s))return;e.set(g,!0),e.set(S,"");const t=e.get(s).id;try{await e.redeemReward({apiEndpoint:l(),userSession:d()},t),e.sendRedeemRewardSuccess(t),e.dispatchRedeemRewardButton()}catch(a){e.set(S,a?.message??"Redeem failed",!0),e.sendRedeemRewardFailed(t,a)}finally{e.set(g,!1)}};e.user_effect(()=>{const t=a=>{a.data?.type===e.EVENT_TYPES.REDEEM_REWARD_CONFIRMED&&a.data?.id===e.get(s)?.id&&P()};return window.addEventListener("message",t),()=>window.removeEventListener("message",t)});var z={get apiEndpoint(){return l()},set apiEndpoint(t=""){l(t),e.flushSync()},get userSession(){return d()},set userSession(t=""){d(t),e.flushSync()},get locale(){return p()},set locale(t=""){p(t),e.flushSync()},get itemId(){return h()},set itemId(t=""){h(t),e.flushSync()},get elevateReward(){return n()},set elevateReward(t){n(t),e.flushSync()},get translationUrl(){return f()},set translationUrl(t){f(t),e.flushSync()}},N=e.comment(),V=e.first_child(N);{var j=t=>{var a=X(),y=e.child(a),C=e.child(y);{var B=c=>{var u=Y();e.template_effect(()=>{e.set_attribute(u,"src",e.get(k)||W),e.set_attribute(u,"alt",e.get(E))}),e.append(c,u)};e.if_block(C,c=>{e.get(k)&&c(B)})}var b=e.sibling(C,2),D=e.child(b,!0);e.reset(b);var w=e.sibling(b,2),q=e.child(w);e.reset(w);var _=e.sibling(w,2),Z=e.child(_,!0);e.reset(_),e.reset(y);var L=e.sibling(y,2);G.LoyaltyPointsCard(L,{get apiEndpoint(){return l()},get userSession(){return d()},get locale(){return p()}});var F=e.sibling(L,2);{var H=c=>{var u=Q(),T=e.child(u),J=e.child(T,!0);e.reset(T),e.reset(u),e.template_effect(()=>e.set_text(J,e.get(R))),e.append(c,u)};e.if_block(F,c=>{e.get(R)&&c(H)})}e.reset(a),e.template_effect((c,u)=>{e.set_text(D,e.get(E)),e.set_text(q,`${e.get(s).points??""}
+        ${c??""}`),_.disabled=!e.get(I)||e.get(g),e.set_text(Z,u)},[()=>o()("tokens"),()=>o()("buyNow")]),e.delegated("click",_,M),e.append(t,a)};e.if_block(V,t=>{e.get(s)&&t(j)})}e.append(m,N);var A=e.pop(z);return v(),A}e.delegate(["click"]);e.create_custom_element(x,{apiEndpoint:{},userSession:{},locale:{},itemId:{},elevateReward:{},translationUrl:{}},[],[],{mode:"open"});function U(m,r){e.push(r,!0);let o=e.prop(r,"apiEndpoint",7,""),i=e.prop(r,"userSession",7,""),v=e.prop(r,"locale",7,""),l=e.prop(r,"itemId",7,""),d=e.prop(r,"elevateReward"),p=e.prop(r,"translationUrl");var h={get apiEndpoint(){return o()},set apiEndpoint(n=""){o(n),e.flushSync()},get userSession(){return i()},set userSession(n=""){i(n),e.flushSync()},get locale(){return v()},set locale(n=""){v(n),e.flushSync()},get itemId(){return l()},set itemId(n=""){l(n),e.flushSync()},get elevateReward(){return d()},set elevateReward(n){d(n),e.flushSync()},get translationUrl(){return p()},set translationUrl(n){p(n),e.flushSync()}};return x(m,{get apiEndpoint(){return o()},get userSession(){return i()},get locale(){return v()},get itemId(){return l()},get elevateReward(){return d()},get translationUrl(){return p()}}),e.pop(h)}customElements.define("loyalty-shop-item",e.create_custom_element(U,{apiEndpoint:{},userSession:{},locale:{},itemId:{},elevateReward:{},translationUrl:{}},[],[]));const ee=Object.freeze(Object.defineProperty({__proto__:null,default:U},Symbol.toStringTag,{value:"Module"}));exports.LoyaltyShopItem=x;exports.LoyaltyShopItem_ce=ee;

package/esnext/loyalty-shop.cjs

@@ -0,0 +1 @@
+"use strict";const s=require("../components/LoyaltyShop-CJ-9FkKC.cjs");if(typeof window<"u"){let o=function(e){return function(...n){try{return e.apply(this,n)}catch(t){if(t instanceof DOMException&&t.message.includes("has already been used with this registry")||t instanceof Error&&t.message.includes("Cannot define multiple custom elements with the same tag name"))return!1;throw t}}};customElements.define=o(customElements.define),Promise.resolve().then(()=>require("../components/LoyaltyShop-CJ-9FkKC.cjs")).then(e=>e.LoyaltyShop_ce).then(e=>{const n=e.default||e;customElements.get("loyalty-shop")||customElements.define("loyalty-shop",n.element||n)}).catch(e=>{console.error("BOOT ERROR:",e)})}module.exports=s.LoyaltyShop;

package/esnext/loyalty-shop.js

@@ -0,0 +1,23 @@
+import { L as a } from "../components/LoyaltyShop-DV-j5py7.js";
+if (typeof window < "u") {
+  let s = function(e) {
+    return function(...n) {
+      try {
+        return e.apply(this, n);
+      } catch (t) {
+        if (t instanceof DOMException && t.message.includes("has already been used with this registry") || t instanceof Error && t.message.includes("Cannot define multiple custom elements with the same tag name"))
+          return !1;
+        throw t;
+      }
+    };
+  };
+  customElements.define = s(customElements.define), import("../components/LoyaltyShop-DV-j5py7.js").then((e) => e.a).then((e) => {
+    const n = e.default || e;
+    customElements.get("loyalty-shop") || customElements.define("loyalty-shop", n.element || n);
+  }).catch((e) => {
+    console.error("BOOT ERROR:", e);
+  });
+}
+export {
+  a as default
+};

package/package.json

@@ -1,20 +1,21 @@
 {
   "name": "@everymatrix/loyalty-shop",
-  "version": "0.1.8",
+  "version": "0.1.10",
   "type": "module",
-  "main": "es2015/loyalty-shop.cjs",
-  "module": "esnext/loyalty-shop.js",
+  "main": "./esnext/loyalty-shop.cjs",
+  "module": "./esnext/loyalty-shop.js",
   "exports": {
     ".": {
+      "types": "./dist/index.d.ts",
       "import": "./esnext/loyalty-shop.js",
-      "require": "./es2015/loyalty-shop.cjs"
+      "require": "./esnext/loyalty-shop.cjs",
+      "default": "./esnext/loyalty-shop.js"
     },
-    "./es2015/loyalty-shop.cjs": "./es2015/loyalty-shop.cjs",
-    "./es2015/loyalty-shop.js": "./es2015/loyalty-shop.js"
+    "./esnext/loyalty-shop.cjs": "./esnext/loyalty-shop.cjs",
+    "./esnext/loyalty-shop.js": "./esnext/loyalty-shop.js"
   },
   "files": [
-    "svelte/",
-    "es2015",
+    "esnext",
     "components"
   ],
   "publishConfig": {

package/components/LoyaltyPagination-BFOXFDPJ.js

@@ -1,144 +0,0 @@
-import { p as et, a as at, b as g, s as st, c as nt, u as S, d as lt, e as B, i as O, g as e, f, h as ot, j as it, k as M, l as rt, m as v, n as y, o as pt, t as z, q as x, r as G, v as ct, w as T, x as _t, y as dt, z as gt, $ as ft, A as m, B as vt, C as yt, D as mt } from "./LoyaltyShop-CXYYTheE.js";
-const ut = {
-  en: {
-    prev: "Previous",
-    next: "Next"
-  },
-  tr: {
-    prev: "Önceki",
-    next: "Sonraki"
-  }
-}, q = 10, ht = 7, xt = 4;
-var bt = x('<span class="loyalty-pagination__ellipsis svelte-lms3sp" aria-hidden="true">...</span>'), wt = x('<button type="button"> </button>'), It = x('<div class="loyalty-pagination__pages svelte-lms3sp"><button class="loyalty-pagination__btn loyalty-pagination__btn--prev svelte-lms3sp" type="button"> </button> <!> <button class="loyalty-pagination__btn loyalty-pagination__btn--next svelte-lms3sp" type="button"> </button></div>'), Pt = x('<div class="loyalty-pagination svelte-lms3sp"><!></div>');
-const kt = {
-  hash: "svelte-lms3sp",
-  code: `
-  @layer loyalty-pagination-component {.loyalty-pagination.svelte-lms3sp {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;box-sizing:border-box;width:100%;}
-
-    @media (min-width: 768px) {.loyalty-pagination.svelte-lms3sp {width:auto;margin-left:auto;justify-content:flex-end;padding-right:10px;}.loyalty-pagination__pages.svelte-lms3sp {justify-content:flex-end;}
-    }.loyalty-pagination__pages.svelte-lms3sp {display:flex;flex-wrap:wrap;align-items:center;gap:8px;justify-content:flex-start;}.loyalty-pagination__ellipsis.svelte-lms3sp {display:inline-flex;align-items:center;justify-content:center;color:var(--text-default, #ffffff);font-size:13px;width:24px;}.loyalty-pagination__btn.svelte-lms3sp {min-width:30px;height:30px;padding:4px 8px;border:none;border-radius:4px;background:var(--bg-overlay-neutral-level-1, rgba(251, 251, 251, 0.05));color:var(--text-subtle, #dfe3e8);font-size:13px;font-weight:400;cursor:pointer;}.loyalty-pagination__btn--active.svelte-lms3sp {background:var(--accent, #ffcc00);color:var(--text-on-color, #261d00);}.loyalty-pagination__btn.svelte-lms3sp:disabled {cursor:default;color:var(--text-muted, rgba(251, 251, 251, 0.15));}.loyalty-pagination__btn--prev.svelte-lms3sp,
-    .loyalty-pagination__btn--next.svelte-lms3sp {width:95px;}
-
-    @media (max-width: 767px) {.loyalty-pagination__btn--prev.svelte-lms3sp,
-      .loyalty-pagination__btn--next.svelte-lms3sp {width:90px;}
-    }.loyalty-pagination__btn--prev.svelte-lms3sp:not(:disabled),
-    .loyalty-pagination__btn--next.svelte-lms3sp:not(:disabled) {color:var(--text-default, #ffffff);}
-  }`
-};
-function Mt(A, o) {
-  et(o, !0), at(A, kt);
-  const E = () => gt(ft, "$_", D), [D, V] = it(), b = g(o, "offset", 7, 0), n = g(o, "limit", 7, q), w = g(o, "total", 7, 0), c = g(o, "onPageChange", 7, (t) => {
-  }), u = g(o, "locale", 7, "en");
-  st({ withLocale: u(), translations: {} }), Object.entries(ut).forEach(([t, a]) => {
-    nt(t, a);
-  }), S(() => {
-    var t;
-    lt((t = u()) != null ? t : "en");
-  });
-  const h = M(() => Math.max(1, Math.ceil(w() / Math.max(1, n())))), i = M(() => n() > 0 ? Math.floor(b() / n()) : 0);
-  let I = rt(!1);
-  S(() => {
-    const t = window.matchMedia("(max-width: 767px)"), a = (s) => {
-      B(I, s.matches, !0);
-    };
-    return B(I, t.matches, !0), t.addEventListener("change", a), () => t.removeEventListener("change", a);
-  });
-  const F = (t, a, s) => t <= (s ? xt : ht) ? Array.from({ length: t }, (N, d) => d) : a <= 1 || a >= t - 2 ? [0, 1, "ellipsis", t - 2, t - 1] : [0, "ellipsis", a, "ellipsis", t - 1], R = M(() => F(e(h), e(i), e(I))), U = (t) => c()(t * n()), H = () => c()(Math.max(0, e(i) - 1) * n()), J = () => c()(Math.min(e(h) - 1, e(i) + 1) * n());
-  var K = {
-    get offset() {
-      return b();
-    },
-    set offset(t = 0) {
-      b(t), v();
-    },
-    get limit() {
-      return n();
-    },
-    set limit(t = q) {
-      n(t), v();
-    },
-    get total() {
-      return w();
-    },
-    set total(t = 0) {
-      w(t), v();
-    },
-    get onPageChange() {
-      return c();
-    },
-    set onPageChange(t = (a) => {
-    }) {
-      c(t), v();
-    },
-    get locale() {
-      return u();
-    },
-    set locale(t = "en") {
-      u(t), v();
-    }
-  }, P = Pt(), Q = y(P);
-  {
-    var W = (t) => {
-      var a = It(), s = y(a);
-      s.__click = H;
-      var L = y(s, !0);
-      m(s);
-      var k = G(s, 2);
-      pt(k, 17, () => e(R), ct, (d, r) => {
-        var C = vt(), Y = yt(C);
-        {
-          var Z = (p) => {
-            var l = bt();
-            f(p, l);
-          }, $ = (p) => {
-            var l = wt();
-            let j;
-            l.__click = () => U(e(r));
-            var tt = y(l, !0);
-            m(l), z(() => {
-              j = mt(l, 1, "loyalty-pagination__btn svelte-lms3sp", null, j, {
-                "loyalty-pagination__btn--active": e(r) === e(i)
-              }), T(tt, e(r) + 1);
-            }), f(p, l);
-          };
-          O(Y, (p) => {
-            e(r) === "ellipsis" ? p(Z) : p($, !1);
-          });
-        }
-        f(d, C);
-      });
-      var _ = G(k, 2);
-      _.__click = J;
-      var N = y(_, !0);
-      m(_), m(a), z(
-        (d, r) => {
-          s.disabled = e(i) <= 0, T(L, d), _.disabled = e(i) >= e(h) - 1, T(N, r);
-        },
-        [() => E()("prev"), () => E()("next")]
-      ), f(t, a);
-    };
-    O(Q, (t) => {
-      e(h) > 1 && t(W);
-    });
-  }
-  m(P), f(A, P);
-  var X = ot(K);
-  return V(), X;
-}
-_t(["click"]);
-customElements.define("loyalty-pagination", dt(
-  Mt,
-  {
-    offset: {},
-    limit: {},
-    total: {},
-    onPageChange: {},
-    locale: {}
-  },
-  [],
-  [],
-  !1
-));
-export {
-  Mt as default
-};

package/components/LoyaltyPagination-DmhT7cnV.js

@@ -1,143 +0,0 @@
-import { a as et, p as g, s as at, b as st, u as S, i as B, c as f, d as nt, e as lt, f as x, g as v, h as ot, j as it, k as O, l as rt, m as pt, n as ct, o as y, q as e, r as m, t as M, v as z, w as _t, x as dt, y as G, z as gt, A as ft, B as vt, C as T, D as yt, $ as mt } from "./LoyaltyShop-DdRqHIuf.js";
-const ut = {
-  en: {
-    prev: "Previous",
-    next: "Next"
-  },
-  tr: {
-    prev: "Önceki",
-    next: "Sonraki"
-  }
-}, q = 10, ht = 7, xt = 4;
-var bt = x('<span class="loyalty-pagination__ellipsis svelte-lms3sp" aria-hidden="true">...</span>'), wt = x('<button type="button"> </button>'), It = x('<div class="loyalty-pagination__pages svelte-lms3sp"><button class="loyalty-pagination__btn loyalty-pagination__btn--prev svelte-lms3sp" type="button"> </button> <!> <button class="loyalty-pagination__btn loyalty-pagination__btn--next svelte-lms3sp" type="button"> </button></div>'), Pt = x('<div class="loyalty-pagination svelte-lms3sp"><!></div>');
-const kt = {
-  hash: "svelte-lms3sp",
-  code: `
-  @layer loyalty-pagination-component {.loyalty-pagination.svelte-lms3sp {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;box-sizing:border-box;width:100%;}
-
-    @media (min-width: 768px) {.loyalty-pagination.svelte-lms3sp {width:auto;margin-left:auto;justify-content:flex-end;padding-right:10px;}.loyalty-pagination__pages.svelte-lms3sp {justify-content:flex-end;}
-    }.loyalty-pagination__pages.svelte-lms3sp {display:flex;flex-wrap:wrap;align-items:center;gap:8px;justify-content:flex-start;}.loyalty-pagination__ellipsis.svelte-lms3sp {display:inline-flex;align-items:center;justify-content:center;color:var(--text-default, #ffffff);font-size:13px;width:24px;}.loyalty-pagination__btn.svelte-lms3sp {min-width:30px;height:30px;padding:4px 8px;border:none;border-radius:4px;background:var(--bg-overlay-neutral-level-1, rgba(251, 251, 251, 0.05));color:var(--text-subtle, #dfe3e8);font-size:13px;font-weight:400;cursor:pointer;}.loyalty-pagination__btn--active.svelte-lms3sp {background:var(--accent, #ffcc00);color:var(--text-on-color, #261d00);}.loyalty-pagination__btn.svelte-lms3sp:disabled {cursor:default;color:var(--text-muted, rgba(251, 251, 251, 0.15));}.loyalty-pagination__btn--prev.svelte-lms3sp,
-    .loyalty-pagination__btn--next.svelte-lms3sp {width:95px;}
-
-    @media (max-width: 767px) {.loyalty-pagination__btn--prev.svelte-lms3sp,
-      .loyalty-pagination__btn--next.svelte-lms3sp {width:90px;}
-    }.loyalty-pagination__btn--prev.svelte-lms3sp:not(:disabled),
-    .loyalty-pagination__btn--next.svelte-lms3sp:not(:disabled) {color:var(--text-default, #ffffff);}
-  }`
-};
-function Mt(A, o) {
-  ot(o, !0), et(A, kt);
-  const E = () => yt(mt, "$_", D), [D, V] = lt(), b = g(o, "offset", 7, 0), n = g(o, "limit", 7, q), w = g(o, "total", 7, 0), c = g(o, "onPageChange", 7, (t) => {
-  }), u = g(o, "locale", 7, "en");
-  at({ withLocale: u(), translations: {} }), Object.entries(ut).forEach(([t, a]) => {
-    st(t, a);
-  }), S(() => {
-    it(u() ?? "en");
-  });
-  const h = M(() => Math.max(1, Math.ceil(w() / Math.max(1, n())))), i = M(() => n() > 0 ? Math.floor(b() / n()) : 0);
-  let I = ct(!1);
-  S(() => {
-    const t = window.matchMedia("(max-width: 767px)"), a = (s) => {
-      O(I, s.matches, !0);
-    };
-    return O(I, t.matches, !0), t.addEventListener("change", a), () => t.removeEventListener("change", a);
-  });
-  const F = (t, a, s) => t <= (s ? xt : ht) ? Array.from({ length: t }, (N, d) => d) : a <= 1 || a >= t - 2 ? [0, 1, "ellipsis", t - 2, t - 1] : [0, "ellipsis", a, "ellipsis", t - 1], R = M(() => F(e(h), e(i), e(I))), U = (t) => c()(t * n()), H = () => c()(Math.max(0, e(i) - 1) * n()), J = () => c()(Math.min(e(h) - 1, e(i) + 1) * n());
-  var K = {
-    get offset() {
-      return b();
-    },
-    set offset(t = 0) {
-      b(t), v();
-    },
-    get limit() {
-      return n();
-    },
-    set limit(t = q) {
-      n(t), v();
-    },
-    get total() {
-      return w();
-    },
-    set total(t = 0) {
-      w(t), v();
-    },
-    get onPageChange() {
-      return c();
-    },
-    set onPageChange(t = (a) => {
-    }) {
-      c(t), v();
-    },
-    get locale() {
-      return u();
-    },
-    set locale(t = "en") {
-      u(t), v();
-    }
-  }, P = Pt(), Q = y(P);
-  {
-    var W = (t) => {
-      var a = It(), s = y(a);
-      s.__click = H;
-      var L = y(s, !0);
-      m(s);
-      var k = z(s, 2);
-      _t(k, 17, () => e(R), dt, (d, r) => {
-        var C = gt(), Y = ft(C);
-        {
-          var Z = (p) => {
-            var l = bt();
-            f(p, l);
-          }, $ = (p) => {
-            var l = wt();
-            let j;
-            l.__click = () => U(e(r));
-            var tt = y(l, !0);
-            m(l), G(() => {
-              j = vt(l, 1, "loyalty-pagination__btn svelte-lms3sp", null, j, {
-                "loyalty-pagination__btn--active": e(r) === e(i)
-              }), T(tt, e(r) + 1);
-            }), f(p, l);
-          };
-          B(Y, (p) => {
-            e(r) === "ellipsis" ? p(Z) : p($, !1);
-          });
-        }
-        f(d, C);
-      });
-      var _ = z(k, 2);
-      _.__click = J;
-      var N = y(_, !0);
-      m(_), m(a), G(
-        (d, r) => {
-          s.disabled = e(i) <= 0, T(L, d), _.disabled = e(i) >= e(h) - 1, T(N, r);
-        },
-        [() => E()("prev"), () => E()("next")]
-      ), f(t, a);
-    };
-    B(Q, (t) => {
-      e(h) > 1 && t(W);
-    });
-  }
-  m(P), f(A, P);
-  var X = nt(K);
-  return V(), X;
-}
-rt(["click"]);
-customElements.define("loyalty-pagination", pt(
-  Mt,
-  {
-    offset: {},
-    limit: {},
-    total: {},
-    onPageChange: {},
-    locale: {}
-  },
-  [],
-  [],
-  !1
-));
-export {
-  Mt as default
-};