vlite3 1.4.22 → 1.4.24

package/components/Cart/Cart.vue.js

@@ -1,11 +1,12 @@
-import { defineComponent as N, computed as s, ref as R, watch as f, openBlock as Q, createBlock as U, resolveDynamicComponent as F } from "vue";
-import { getComponentConfig as P } from "../../utils/configUtils.js";
-import { calculateCartTotals as z } from "./composables/useCartCalculation.js";
-import H from "./CartVariant1.vue.js";
-import L from "./CartVariant2.vue.js";
-import j from "./CartVariant3.vue.js";
-import E from "./CartVariant4.vue.js";
-const Y = /* @__PURE__ */ N({
+import { defineComponent as R, computed as s, ref as Q, watch as f, openBlock as U, createBlock as F, resolveDynamicComponent as P } from "vue";
+import { getComponentConfig as z } from "../../utils/configUtils.js";
+import { formatCurrency as H } from "../../utils/functions.js";
+import { calculateCartTotals as L } from "./composables/useCartCalculation.js";
+import j from "./CartVariant1.vue.js";
+import E from "./CartVariant2.vue.js";
+import G from "./CartVariant3.vue.js";
+import J from "./CartVariant4.vue.js";
+const te = /* @__PURE__ */ R({
   __name: "Cart",
   props: {
     data: {},
@@ -18,18 +19,18 @@ const Y = /* @__PURE__ */ N({
   },
   emits: ["update:quantity", "remove", "clear", "apply-coupon", "remove-coupon", "coupon-change", "continue", "continue-shopping", "update:coupon", "update:totals"],
   setup(v, { emit: C }) {
-    const t = v, o = C, c = P("cart") || {}, g = s(() => {
+    const t = v, o = C, c = z("cart") || {}, g = s(() => {
       switch (t.variant ?? c.variant ?? "Variant1") {
         case "Variant2":
-          return L;
+          return E;
         case "Variant3":
-          return j;
+          return G;
         case "Variant4":
-          return E;
+          return J;
         default:
-          return H;
+          return j;
       }
-    }), h = s(() => {
+    }), y = s(() => {
       const e = {
         editableQuantity: !0,
         removable: !0,
@@ -50,28 +51,31 @@ const Y = /* @__PURE__ */ N({
         trustSignals: !0
       }, n = c.features ?? {}, u = t.features ?? {}, i = t.data?.readonly ? { editableQuantity: !1, removable: !1, clearable: !1, coupon: !1 } : {};
       return { ...e, ...n, ...u, ...i };
-    }), y = s(() => ({
+    }), h = s(() => ({
       showContinue: !0,
       showContinueShopping: !0,
       continueDisabled: !1,
       continueShoppingDisabled: !1,
       ...c.actions ?? {},
       ...t.actions ?? {}
-    })), r = R(null), p = s(() => r.value ?? t.data.coupon), d = s(() => z({
+    })), r = Q(null), m = s(() => r.value ?? t.data.coupon), d = s(() => L({
       items: t.data.items || [],
       tax: t.data.tax,
       shipping: t.data.shipping,
-      coupon: p.value,
+      coupon: m.value,
       currency: t.data.currency
     }).totals);
     s(() => t.data.totals === void 0);
-    const m = s(() => t.data.totals ? t.data.totals : d.value);
+    const p = s(() => t.data.totals ? t.data.totals : d.value), b = (e) => H(e, {
+      currency: t.data.currency || p.value.currency,
+      numberFormat: "standard"
+    });
     f(
-      m,
+      p,
       (e) => o("update:totals", e),
       { deep: !0 }
     );
-    const b = s(
+    const k = s(
       () => !!t.validateCoupon || !!t.data.coupons?.length
     );
     f(
@@ -81,7 +85,7 @@ const Y = /* @__PURE__ */ N({
       },
       { deep: !0 }
     );
-    async function k(e) {
+    async function $(e) {
       const n = e.trim().toUpperCase(), u = d.value.subtotal, i = t.data.currency;
       if (t.data.coupons?.length) {
         const a = t.data.coupons.find(
@@ -113,10 +117,10 @@ const Y = /* @__PURE__ */ N({
           coupon: {
             code: e,
             state: "error",
-            message: `Add ${(a.minSubtotal - u).toFixed(2)} more to use "${e}".`
+            message: `Add ${b(a.minSubtotal - u)} more to use "${e}".`
           }
         } : a.minItems !== void 0 && (t.data.items || []).reduce(
-          (B, I) => B + (I.quantity || 0),
+          (I, N) => I + (N.quantity || 0),
           0
         ) < a.minItems ? {
           ok: !1,
@@ -180,63 +184,63 @@ const Y = /* @__PURE__ */ N({
         expiresAt: n.expiresAt
       };
     }
-    function $(e, n) {
+    function _(e, n) {
       o("update:quantity", e, n);
     }
-    function _(e) {
+    function S(e) {
       o("remove", e);
     }
-    function S() {
+    function A() {
       o("clear");
     }
-    async function A(e) {
-      if (o("apply-coupon", e), !b.value)
+    async function w(e) {
+      if (o("apply-coupon", e), !k.value)
         return;
       const n = e.trim();
       r.value = { code: n, state: "applying" }, t.validateCoupon || await new Promise((i) => setTimeout(i, 120));
-      const u = await k(n);
+      const u = await $(n);
       if (u.ok === !0) {
         const i = x(n, u.definition);
         r.value = null, o("update:coupon", i);
       } else
         r.value = null, o("update:coupon", u.coupon);
     }
-    function w() {
+    function V() {
       r.value = null, o("update:coupon", null), o("remove-coupon");
     }
-    function V(e) {
+    function D(e) {
       o("coupon-change", e);
     }
-    function D() {
+    function T() {
       o("continue");
     }
-    function T() {
+    function q() {
       o("continue-shopping");
     }
-    const q = s(() => ({
+    const B = s(() => ({
       ...t.data,
       items: t.data.items || [],
-      totals: m.value,
-      coupon: p.value
+      totals: p.value,
+      coupon: m.value
     }));
-    return (e, n) => (Q(), U(F(g.value), {
-      data: q.value,
+    return (e, n) => (U(), F(P(g.value), {
+      data: B.value,
       variant: t.variant,
-      actions: y.value,
-      features: h.value,
+      actions: h.value,
+      features: y.value,
       labels: t.labels,
       "container-class": t.containerClass,
-      "onUpdate:quantity": $,
-      onRemove: _,
-      onClear: S,
-      onApplyCoupon: A,
-      onRemoveCoupon: w,
-      onCouponChange: V,
-      onContinue: D,
-      onContinueShopping: T
+      "onUpdate:quantity": _,
+      onRemove: S,
+      onClear: A,
+      onApplyCoupon: w,
+      onRemoveCoupon: V,
+      onCouponChange: D,
+      onContinue: T,
+      onContinueShopping: q
     }, null, 40, ["data", "variant", "actions", "features", "labels", "container-class"]));
   }
 });
 export {
-  Y as default
+  te as default
 };

package/components/Cart/CartCouponInput.vue.d.ts

@@ -16,6 +16,7 @@ type __VLS_Props = {
     labels: CartLabels;
     compact?: boolean;
     readonly?: boolean;
+    currency?: string;
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     remove: () => any;

package/components/Cart/CartCouponInput.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as S, computed as t, ref as K, watch as D, openBlock as a, createElementBlock as i, normalizeClass as n, createElementVNode as p, createVNode as u, withKeys as L, createSlots as M, withCtx as T, createTextVNode as x, toDisplayString as f, createCommentVNode as r, unref as z, createBlock as R } from "vue";
+import { defineComponent as S, computed as t, ref as K, watch as D, openBlock as a, createElementBlock as u, normalizeClass as n, createElementVNode as p, createVNode as i, withKeys as L, createSlots as M, withCtx as T, createTextVNode as x, toDisplayString as f, createCommentVNode as r, unref as z, createBlock as R } from "vue";
 import C from "../Icon.vue.js";
 import U from "../Input.vue.js";
 /* empty css            */
@@ -10,23 +10,24 @@ const W = { class: "flex-1 min-w-0" }, q = { class: "flex items-center gap-2 min
     coupon: {},
     labels: {},
     compact: { type: Boolean, default: !1 },
-    readonly: { type: Boolean, default: !1 }
+    readonly: { type: Boolean, default: !1 },
+    currency: {}
   },
   emits: ["apply", "remove", "change"],
   setup(e, { emit: N }) {
-    const c = e, g = N, m = t(() => c.labels || {}), o = K(c.coupon?.code ?? "");
+    const c = e, g = N, m = t(() => c.labels || {}), l = K(c.coupon?.code ?? "");
     D(
       () => c.coupon?.code,
-      (l) => {
-        l !== void 0 && l !== o.value && (o.value = l);
+      (o) => {
+        o !== void 0 && o !== l.value && (l.value = o);
       }
     );
-    const v = t(() => c.coupon?.state ?? "idle"), h = t(() => v.value === "applied"), A = t(() => v.value === "applying"), b = t(() => v.value === "invalid"), y = t(() => v.value === "expired"), k = t(() => v.value === "error"), I = t(() => A.value || h.value || c.readonly), w = t(() => b.value ? c.coupon?.message || "Invalid coupon code. Please try again." : y.value ? c.coupon?.message || "This coupon has expired and can no longer be applied." : k.value ? c.coupon?.message || "We could not apply this coupon. Please try again." : ""), s = t(() => b.value ? {
+    const v = t(() => c.coupon?.state ?? "idle"), y = t(() => v.value === "applied"), A = t(() => v.value === "applying"), h = t(() => v.value === "invalid"), b = t(() => v.value === "expired"), k = t(() => v.value === "error"), I = t(() => A.value || y.value || c.readonly), w = t(() => h.value ? c.coupon?.message || "Invalid coupon code. Please try again." : b.value ? c.coupon?.message || "This coupon has expired and can no longer be applied." : k.value ? c.coupon?.message || "We could not apply this coupon. Please try again." : ""), s = t(() => h.value ? {
       rightIcon: "lucide:circle-x",
       borderClass: "border-danger focus-within:border-danger",
       helperClass: "text-danger",
       helperText: w.value
-    } : y.value ? {
+    } : b.value ? {
       rightIcon: "lucide:clock-alert",
       borderClass: "border-warning focus-within:border-warning",
       helperClass: "text-warning",
@@ -37,28 +38,28 @@ const W = { class: "flex-1 min-w-0" }, q = { class: "flex items-center gap-2 min
       helperClass: "text-danger",
       helperText: w.value
     } : null);
-    function $(l) {
-      o.value = String(l), g("change", o.value);
+    function $(o) {
+      l.value = String(o), g("change", l.value);
     }
     function V() {
-      const l = o.value.trim();
-      l && g("apply", l);
+      const o = l.value.trim();
+      o && g("apply", o);
     }
     function j() {
-      o.value = "", g("remove");
+      l.value = "", g("remove");
     }
-    return (l, d) => (a(), i("div", {
+    return (o, d) => (a(), u("div", {
       class: n(["v-cart-coupon w-full", e.compact ? "space-y-1.5" : "space-y-2"])
     }, [
-      h.value ? r("", !0) : (a(), i("div", {
+      y.value ? r("", !0) : (a(), u("div", {
         key: 0,
         class: n(["flex items-center gap-2", e.compact ? "flex-col items-stretch gap-1.5" : "flex-col sm:flex-row sm:items-stretch"])
       }, [
         p("div", W, [
-          u(U, {
-            modelValue: o.value,
+          i(U, {
+            modelValue: l.value,
             "onUpdate:modelValue": [
-              d[0] || (d[0] = (P) => o.value = P),
+              d[0] || (d[0] = (P) => l.value = P),
               $
             ],
             placeholder: m.value.couponPlaceholder || "Enter coupon code",
@@ -75,11 +76,11 @@ const W = { class: "flex-1 min-w-0" }, q = { class: "flex items-center gap-2 min
             s.value ? {
               name: "addon-right",
               fn: T(() => [
-                u(C, {
+                i(C, {
                   icon: s.value.rightIcon,
                   class: n([
                     "h-4 w-4",
-                    b.value || k.value ? "text-danger" : y.value ? "text-warning" : ""
+                    h.value || k.value ? "text-danger" : b.value ? "text-warning" : ""
                   ])
                 }, null, 8, ["icon", "class"])
               ]),
@@ -87,11 +88,11 @@ const W = { class: "flex-1 min-w-0" }, q = { class: "flex items-center gap-2 min
             } : void 0
           ]), 1032, ["modelValue", "placeholder", "input-class", "disabled", "readonly", "aria-label"])
         ]),
-        u(B, {
+        i(B, {
           variant: "primary",
           size: "md",
           loading: A.value,
-          disabled: !o.value.trim() || I.value,
+          disabled: !l.value.trim() || I.value,
           "aria-label": m.value.applyCoupon || "Apply coupon",
           class: "shrink-0",
           onClick: V
@@ -102,23 +103,23 @@ const W = { class: "flex-1 min-w-0" }, q = { class: "flex items-center gap-2 min
           _: 1
         }, 8, ["loading", "disabled", "aria-label"])
       ], 2)),
-      s.value && !e.compact ? (a(), i("p", {
+      s.value && !e.compact ? (a(), u("p", {
         key: 1,
         class: n(["text-xs font-medium flex items-center gap-1.5", s.value.helperClass])
       }, [
-        u(C, {
+        i(C, {
           icon: s.value.rightIcon,
           class: "w-3.5 h-3.5 shrink-0"
         }, null, 8, ["icon"]),
         x(" " + f(s.value.helperText), 1)
       ], 2)) : r("", !0),
-      h.value && e.coupon ? (a(), i("div", {
+      y.value && e.coupon ? (a(), u("div", {
         key: 2,
         class: n(["flex items-center justify-between gap-2 rounded-md border border-success/40 bg-success-light/40 p-2.5", e.compact ? "p-2" : "p-2.5"])
       }, [
         p("div", q, [
           p("div", F, [
-            u(C, {
+            i(C, {
               icon: "lucide:check",
               class: "w-4 h-4"
             })
@@ -128,31 +129,33 @@ const W = { class: "flex-1 min-w-0" }, q = { class: "flex items-center gap-2 min
               p("p", {
                 class: n(["font-bold text-foreground uppercase tracking-wider", e.compact ? "text-[10px]" : "text-xs"])
               }, f(e.coupon.code), 3),
-              e.coupon.definition?.type === "percentage" ? (a(), i("span", {
+              e.coupon.definition?.type === "percentage" ? (a(), u("span", {
                 key: 0,
                 class: n(["inline-flex items-center px-1.5 py-0.5 rounded bg-success/30 text-success font-bold tabular-nums", e.compact ? "text-[9px]" : "text-[10px]"])
-              }, " −" + f(e.coupon.definition.value) + "% ", 3)) : e.coupon.discountAmount && e.coupon.discountAmount > 0 ? (a(), i("span", {
+              }, " −" + f(e.coupon.definition.value) + "% ", 3)) : e.coupon.discountAmount && e.coupon.discountAmount > 0 ? (a(), u("span", {
                 key: 1,
                 class: n(["inline-flex items-center px-1.5 py-0.5 rounded bg-success/10 text-success font-bold", e.compact ? "text-[9px]" : "text-[10px]"])
               }, [
                 d[1] || (d[1] = x(" −", -1)),
-                u(z(E), {
+                i(z(E), {
                   value: e.coupon.discountAmount,
+                  currency: e.currency,
                   class: "text-success"
-                }, null, 8, ["value"])
+                }, null, 8, ["value", "currency"])
               ], 2)) : r("", !0),
-              e.coupon.definition?.type === "percentage" && e.coupon.discountAmount && e.coupon.discountAmount > 0 ? (a(), i("span", {
+              e.coupon.definition?.type === "percentage" && e.coupon.discountAmount && e.coupon.discountAmount > 0 ? (a(), u("span", {
                 key: 2,
                 class: n(["inline-flex items-center px-1.5 py-0.5 rounded bg-success/5 text-success font-semibold", e.compact ? "text-[9px]" : "text-[10px]"])
               }, [
-                u(z(E), {
+                i(z(E), {
                   value: e.coupon.discountAmount,
+                  currency: e.currency,
                   class: "text-success"
-                }, null, 8, ["value"]),
+                }, null, 8, ["value", "currency"]),
                 d[2] || (d[2] = x(" off ", -1))
               ], 2)) : r("", !0)
             ]),
-            e.coupon.description ? (a(), i("p", {
+            e.coupon.description ? (a(), u("p", {
               key: 0,
               class: n(["text-muted-foreground leading-snug truncate", e.compact ? "text-[10px] mt-0.5" : "text-xs mt-0.5"])
             }, f(e.coupon.description), 3)) : r("", !0)

package/components/Cart/CartLineItem.vue.d.ts

@@ -14,6 +14,7 @@ type __VLS_Props = {
     compact?: boolean;
     readonly?: boolean;
     layout?: Layout;
+    currency?: string;
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     remove: (itemId: string | number) => any;