@feedmepos/mf-connect 0.0.6 → 0.0.8

package/dist/Store-4Um9keEp.js

@@ -0,0 +1,1424 @@
+import { defineComponent as G, computed as R, resolveComponent as V, openBlock as h, createBlock as E, withCtx as T, createElementVNode as v, createVNode as r, createElementBlock as P, toDisplayString as de, unref as e, Fragment as J, renderList as te, ref as A, isRef as ue, createCommentVNode as W, reactive as Ie, onMounted as me, watch as ve, toRaw as Re, createTextVNode as oe, h as De } from "vue";
+import { _ as Be } from "./tier-BJDhpH6X.js";
+import { useDialog as Pe, useDialogChild as Ne, components as Ae } from "@feedmepos/ui-library";
+import { u as Ee } from "./loading-Cxp7sI5p.js";
+import { u as Ue, C as le } from "./membership-DtD45RXh.js";
+import { a as Me, c as $e } from "./object-qECH92oz.js";
+import { a as Q, c as Oe, p as ce, n as je, f as pe } from "./plugins-B_d-WFtN.js";
+import { d as D, z as L, i as fe, S as Le, u as be, J as he, R as He } from "./app-CxBTTB31.js";
+import { F as qe, a as Ke, b as We, c as Te } from "./index-BvnZdJBY.js";
+import { _ as Y, Z as H, g as q, a as K } from "./ZodTextField.vue_vue_type_script_setup_true_lang-3LlSDiq0.js";
+import { _ as ie } from "./lodash-DsT1nK-T.js";
+import { _ as Je } from "./index-D2Juhkdw.js";
+import { _ as Ye } from "./ImageInput.vue_vue_type_script_setup_true_lang-Bq5-Gl9N.js";
+import { _ as ze } from "./ChipMenu.vue_vue_type_script_setup_true_lang-BPpZZNkr.js";
+import { z as Ge, a as Ze } from "./money-CFI1TMCS.js";
+import { F as Qe } from "./number-BBtf4fYz.js";
+import { t as Xe } from "./helper-Cpq3x8K5.js";
+import { useRouter as et } from "vue-router";
+import { m as ye } from "./index-C6NgUSl2.js";
+function tt(f) {
+  return Q.DineroFactory(f).toUnit();
+}
+function ot(f, b, u, F, _ = [], t = []) {
+  const p = Je.compact(
+    b.map((d) => f.find((i) => i.systemCode === d.systemCode && i.taxCode === d.taxCode)).filter((d) => !!d && t.includes(d.systemCode))
+  ), m = p.reduce(
+    (d, i) => {
+      var n;
+      return Object.assign(d, {
+        [i.taxCode]: {
+          inclusive: ((n = _.find((y) => y.systemCode === i.systemCode)) == null ? void 0 : n.inclusive) || !1,
+          adjustment: {
+            level: 1,
+            type: {
+              type: "BY_MULTIPLIER",
+              amount: {
+                amount: i.rate.amount,
+                precision: i.rate.precision,
+                currency: "MYR"
+              }
+            }
+          }
+        }
+      });
+    },
+    {}
+  ), a = Q.Calculator.calculate({
+    items: {
+      0: {
+        quantity: 1,
+        adjustments: {
+          price: {
+            level: 0,
+            type: {
+              type: "BY_AMOUNT",
+              amount: Q.DineroFactory(u).subtract(Q.Dinero.fromNumber({ number: F }).toObject()).toObject()
+            }
+          }
+        },
+        taxes: m
+      }
+    },
+    adjustments: {},
+    roundToNearest: 0
+  });
+  return p.map((d) => ({
+    setting: d,
+    systemCode: d.systemCode,
+    name: d.name,
+    taxCode: d.taxCode,
+    rate: d.rate,
+    total: Q.DineroFactory({
+      ...a.items[0].taxes[d.taxCode]
+    }).convertPrecision(2).toObject()
+  }));
+}
+function at(f, b, u) {
+  return f ? f.reduce((F, _) => {
+    var t;
+    return (t = u.find((p) => p.systemCode === _.systemCode)) != null && t.inclusive || (F = Q.DineroFactory(F.toObject()).add(_.total)), F;
+  }, Q.DineroFactory(b)).toObject() : Q.DineroFactory(b).toObject();
+}
+const nt = { class: "absolute top-0 right-0" }, lt = { class: "relative h-[120px] aspect-video flex items-center justify-center border rounded-md border-fm-color-neutral-gray-300" }, st = ["src"], rt = { class: "fm-typo-en-body-lg-600" }, it = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, dt = { class: "flex gap-8 items-center flex-wrap" }, ut = /* @__PURE__ */ G({
+  __name: "StoreBundleCard",
+  props: {
+    bundle: { type: Object, required: !0 }
+  },
+  emits: ["edit", "delete"],
+  setup(f, { emit: b }) {
+    const u = f, F = b, _ = R(() => {
+      const p = [];
+      return u.bundle.price.amount > 0 && p.push(
+        `${D.Config.getCountry().currency.symbol}${tt(u.bundle.price)}`
+      ), u.bundle.coinPrice && p.push(`${u.bundle.coinPrice} point(s)`), p.join(" or ");
+    }), t = R(() => {
+      var m, a;
+      const p = [];
+      if (u.bundle.titles.length > 0 && p.push(`${u.bundle.titles.length} title(s)`), u.bundle.vouchers.length > 0 && p.push(`${u.bundle.vouchers.length} voucher(s)`), u.bundle.credit.normal || (m = u.bundle.credit.free) != null && m.amount) {
+        const d = u.bundle.credit.normal + (((a = u.bundle.credit.free) == null ? void 0 : a.amount) ?? 0);
+        p.push(`${d} credit(s)`);
+      }
+      return p;
+    });
+    return (p, m) => {
+      const a = V("FmButton"), d = V("FmMenuItem"), i = V("FmMenu"), n = V("FmIcon"), y = V("FmChip"), l = V("FmCard");
+      return h(), E(l, {
+        variant: "outlined",
+        class: "flex flex-col gap-y-8 p-16 min-h-[240px] h-full text-center items-center relative"
+      }, {
+        default: T(() => [
+          v("div", nt, [
+            r(i, { placement: "bottom-end" }, {
+              "menu-button": T(() => [
+                r(a, {
+                  icon: "more_vert",
+                  variant: "tertiary"
+                })
+              ]),
+              default: T(() => [
+                r(d, {
+                  onClick: m[0] || (m[0] = (g) => F("edit", f.bundle)),
+                  label: "Edit"
+                }),
+                r(d, {
+                  onClick: m[1] || (m[1] = (g) => F("delete", f.bundle)),
+                  label: "Delete"
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          v("div", lt, [
+            f.bundle.image ? (h(), P("img", {
+              key: 1,
+              src: f.bundle.image,
+              class: "w-full h-full object-contain aspect-video"
+            }, null, 8, st)) : (h(), E(n, {
+              key: 0,
+              name: "image",
+              outline: !0,
+              size: "lg",
+              class: "text-fm-color-neutral-gray-200"
+            }))
+          ]),
+          v("div", rt, de(f.bundle.name), 1),
+          v("div", it, de(e(_) || "Free"), 1),
+          v("div", dt, [
+            (h(!0), P(J, null, te(e(t), (g, k) => (h(), E(y, {
+              key: k,
+              label: g
+            }, null, 8, ["label"]))), 128))
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+}), mt = /* @__PURE__ */ G({
+  __name: "AddBundleCard",
+  emits: ["create"],
+  setup(f, { emit: b }) {
+    const u = b;
+    return (F, _) => {
+      const t = V("FmButton"), p = V("FmCard");
+      return h(), E(p, {
+        variant: "outlined",
+        class: "flex flex-col gap-y-8 p-16 h-full min-h-[240px] items-center justify-center"
+      }, {
+        default: T(() => [
+          r(t, {
+            onClick: _[0] || (_[0] = (m) => u("create")),
+            label: "Add bundle",
+            icon: "add",
+            variant: "secondary"
+          })
+        ]),
+        _: 1
+      });
+    };
+  }
+}), ct = { class: "flex w-full justify-between mt-32" }, pt = { class: "flex items-center gap-8" }, ft = /* @__PURE__ */ G({
+  __name: "CategoryDialog",
+  props: {
+    action: {
+      type: String,
+      default: () => "add"
+    },
+    initialValue: {
+      type: String,
+      default: () => ""
+    }
+  },
+  setup(f) {
+    const b = f, u = Pe(), { emitData: F, emitAction: _ } = Ne(), t = A(b.initialValue), p = L.string().min(1), m = R(() => {
+      const i = p.safeParse(t.value);
+      return i.success ? "" : i.error.flatten().formErrors.join(`
+`);
+    });
+    function a() {
+      F(t.value), _("primary"), u.close();
+    }
+    function d() {
+      F(null), _("primary"), u.close();
+    }
+    return (i, n) => {
+      const y = V("FmTextField"), l = V("FmButton");
+      return h(), P("div", null, [
+        r(y, {
+          modelValue: e(t),
+          "onUpdate:modelValue": n[0] || (n[0] = (g) => ue(t) ? t.value = g : null),
+          label: "Category name",
+          "helper-text": e(m),
+          "helper-state": e(m) ? "error" : "none"
+        }, null, 8, ["modelValue", "helper-text", "helper-state"]),
+        v("div", ct, [
+          v("div", null, [
+            f.action == "edit" ? (h(), E(l, {
+              key: 0,
+              onClick: d,
+              label: "Delete",
+              variant: "destructive"
+            })) : W("", !0)
+          ]),
+          v("div", pt, [
+            r(l, {
+              label: "Cancel",
+              variant: "tertiary",
+              onClick: n[1] || (n[1] = (g) => e(u).close())
+            }),
+            r(l, {
+              label: f.action == "edit" ? "Edit" : "Add",
+              disabled: !!e(m),
+              onClick: a
+            }, null, 8, ["label", "disabled"])
+          ])
+        ])
+      ]);
+    };
+  }
+});
+function ge(f) {
+  return f.states.map((b) => ({ label: b, value: b }));
+}
+const yt = {
+  [fe.F_COUNTRY.enum.MY]: {
+    states: [
+      "Johor",
+      "Kedah",
+      "Kelantan",
+      "Kuala Lumpur",
+      "Labuan",
+      "Melaka",
+      "Negeri Sembilan",
+      "Pahang",
+      "Perak",
+      "Perlis",
+      "Pulau Pinang",
+      "Putrajaya",
+      "Sabah",
+      "Sarawak",
+      "Selangor",
+      "Terengganu"
+    ],
+    get stateItems() {
+      return ge(this);
+    }
+  },
+  [fe.F_COUNTRY.enum.SG]: {
+    states: [],
+    get stateItems() {
+      return ge(this);
+    }
+  },
+  [fe.F_COUNTRY.enum.ID]: {
+    states: [
+      "Aceh",
+      "Bali",
+      "Bangka-Belitung",
+      "Banten",
+      "Bengkulu",
+      "Central Java",
+      "Central Sulawesi",
+      "Daerah Istimewa Yogyakarta",
+      "East Java",
+      "East Kalimantan",
+      "East Nusa Tenggara",
+      "Gorontalo",
+      "Jakarta Raya",
+      "Jambi",
+      "Kalimantan Tengah",
+      "Lampung",
+      "Maluku",
+      "Maluku Utara",
+      "North Sulawesi",
+      "North Sumatra",
+      "Nusa Tenggara Barat",
+      "Papua",
+      "Riau",
+      "Riau Islands",
+      "South Kalimantan",
+      "South Sulawesi",
+      "South Sumatra",
+      "Sulawesi Barat",
+      "Sulawesi Tenggara",
+      "West Java",
+      "West Kalimantan",
+      "West Papua",
+      "West Sumatra"
+    ],
+    get stateItems() {
+      return ge(this);
+    }
+  }
+}, se = () => D.Config.getCountry(), re = {
+  get fullCurrency() {
+    return se().currency;
+  },
+  get currency() {
+    return se().currency.code;
+  },
+  get fullTax() {
+    return D.Country.getCountryFlattenTaxes(se().code);
+  },
+  get taxSystem() {
+    return se().taxSystems;
+  },
+  taxInclusion(f) {
+    return re.taxSystem.map((b) => ({
+      systemCode: b.code,
+      inclusive: f !== void 0 ? f : !1
+    }));
+  },
+  groupedTaxOptions() {
+    const f = D.Country.getCountryFlattenTaxes(se().code);
+    return re.taxSystem.map((b) => ({
+      code: b.code,
+      options: f.map((u) => ({ ...u, feedmeTaxCode: re.generateCode(u) })).filter((u) => u.systemCode === b.code)
+    }));
+  },
+  systemDefaultCode(f) {
+    const b = re.groupedTaxOptions().find((u) => u.code === f);
+    return b == null ? void 0 : b.options.find((u) => u.default);
+  },
+  generateCode(f) {
+    return `${f.systemCode}/${f.taxCode}`;
+  }
+}, z = re, gt = /* @__PURE__ */ G({
+  __name: "TaxInclusiveSetting",
+  props: {
+    modelValue: {
+      type: Array,
+      required: !0,
+      default: () => []
+    }
+  },
+  emits: ["update:model-value"],
+  setup(f, { emit: b }) {
+    const u = f, F = z.taxSystem, _ = b, t = A(u.modelValue);
+    function p(i, n) {
+      const y = ie.clone(u.modelValue), l = y.findIndex((g) => g.systemCode === i);
+      l >= 0 ? y[l].inclusive = n : y.push({
+        systemCode: i,
+        inclusive: n
+      }), t.value = y, _("update:model-value", y);
+    }
+    function m() {
+      return F.map((i) => {
+        const n = u.modelValue ? u.modelValue.find((y) => y.systemCode === i.code) : !1;
+        return {
+          label: i.name,
+          config: {
+            value: n ? n.inclusive : !1
+          },
+          input: (y) => {
+            p(i.code, y);
+          }
+        };
+      });
+    }
+    const a = Ie(m());
+    function d(i, n) {
+      return `${i} ${n ? "Inclusive" : "Exclusive"}`;
+    }
+    return me(() => {
+      u.modelValue.length || p(F[0].code, !1);
+    }), ve(
+      () => u.modelValue,
+      (i, n) => {
+        i != n && !i.length && p(F[0].code, !1);
+      }
+    ), (i, n) => {
+      const y = V("FmSwitch");
+      return h(!0), P(J, null, te(e(a), (l, g) => {
+        var k;
+        return h(), P("div", { key: g }, [
+          r(y, {
+            "model-value": ((k = e(t)[g]) == null ? void 0 : k.inclusive) || !1,
+            "label-placement": "left",
+            "onUpdate:modelValue": (B) => l.input(B)
+          }, {
+            label: T(() => {
+              var B;
+              return [
+                v("div", null, de(d(l.label, ((B = e(t)[g]) == null ? void 0 : B.inclusive) || !1)), 1)
+              ];
+            }),
+            _: 2
+          }, 1032, ["model-value", "onUpdate:modelValue"])
+        ]);
+      }), 128);
+    };
+  }
+});
+var bt = { mode: "production" };
+const vt = { class: "space-y-8" }, ht = {
+  key: 0,
+  class: "space-y-16"
+}, xt = /* @__PURE__ */ G({
+  __name: "StripeSetting",
+  props: {
+    modelValue: {}
+  },
+  emits: ["update:modelValue"],
+  setup(f, { emit: b }) {
+    const u = f, F = b, _ = A(!1);
+    ve(_, (p, m) => {
+      m != p && (!u.modelValue && p ? F("update:modelValue", {
+        apiKey: "",
+        webhookSecret: ""
+      }) : p || F("update:modelValue", void 0));
+    });
+    const t = R(() => {
+      const p = bt.mode === "development", m = D.Config.getCountry().code.toLowerCase(), a = m != "my" ? `.${m}` : "";
+      return `https://marketing${p ? "-dev" : ""}${a}.feedmeapi.com/stripe/${Le.getBusinessId()}/webhook`;
+    });
+    return me(() => {
+      _.value = !!u.modelValue;
+    }), (p, m) => {
+      const a = V("FmSwitch"), d = V("FmTextField"), i = V("FmButton");
+      return h(), P("div", vt, [
+        r(a, {
+          modelValue: e(_),
+          "onUpdate:modelValue": m[0] || (m[0] = (n) => ue(_) ? _.value = n : null),
+          value: "true",
+          label: "Enable Stripe"
+        }, null, 8, ["modelValue"]),
+        u.modelValue ? (h(), P("div", ht, [
+          r(d, {
+            label: "API Key",
+            modelValue: u.modelValue.apiKey,
+            "onUpdate:modelValue": m[1] || (m[1] = (n) => u.modelValue.apiKey = n),
+            "helper-text": "Go to Stripe Dashboard get your API Key and paste here."
+          }, null, 8, ["modelValue"]),
+          r(d, {
+            label: "Webhook URL",
+            "model-value": e(t),
+            readonly: "",
+            "helper-text": "Copy this URL to your Stripe dashboard"
+          }, {
+            append: T(() => [
+              r(i, {
+                icon: "content_copy",
+                variant: "tertiary",
+                onClick: m[2] || (m[2] = (n) => e(Oe)(e(t)))
+              })
+            ]),
+            _: 1
+          }, 8, ["model-value"]),
+          r(d, {
+            modelValue: u.modelValue.webhookSecret,
+            "onUpdate:modelValue": m[3] || (m[3] = (n) => u.modelValue.webhookSecret = n),
+            label: "Webhook Secret",
+            "helper-text": `Copy the webhook signing secret from your Stripe account and paste
+            here.`
+          }, null, 8, ["modelValue"])
+        ])) : W("", !0)
+      ]);
+    };
+  }
+}), _t = {
+  key: 0,
+  class: "space-y-16 pr-12"
+}, Ct = /* @__PURE__ */ v("div", { class: "fm-typo-en-title-sm-800 !mb-[-12px]" }, " Company legal information ", -1), Vt = {
+  key: 0,
+  class: "space-y-16"
+}, St = /* @__PURE__ */ v("div", { class: "fm-typo-en-title-sm-800 !mb-[-12px]" }, "Tax", -1), Ft = /* @__PURE__ */ v("div", { class: "fm-typo-en-title-sm-800 !mb-[-12px]" }, "Address", -1), wt = { class: "grid grid-cols-2 gap-x-16 gap-y-16" }, $t = { class: "space-y-4" }, Tt = /* @__PURE__ */ v("div", { class: "fm-typo-en-body-lg-400" }, "State", -1), Pt = { class: "space-y-16" }, Ut = /* @__PURE__ */ v("div", { class: "fm-typo-en-title-sm-800 !mb-[-12px]" }, " Stripe Integration ", -1), kt = { class: "flex items-center gap-8" }, It = /* @__PURE__ */ G({
+  __name: "StoreSettingSheet",
+  emits: ["update"],
+  setup(f, { expose: b, emit: u }) {
+    const F = u, _ = A(!1), t = A(), p = A(!1), m = qe.extend({
+      company: Ke.extend({
+        name: L.string().min(1, "Company name is required"),
+        regNo: L.string().min(1, "Registration number is required"),
+        address: We.extend({
+          line1: L.string().min(1, "Line 1 is required"),
+          line2: L.string().optional(),
+          state: L.string().min(1, "State is required"),
+          city: L.string().min(1, "City is required"),
+          postcode: L.string().min(1, "Postcode is required"),
+          country: L.string().min(1, "Country is required")
+        }),
+        phoneNo: L.string().min(1, "Phone number is required"),
+        sstRegNo: L.string().optional()
+      })
+    }), a = R(() => m.safeParse(t.value).success);
+    function d() {
+      const y = m.safeParse(t.value);
+      y.success && F("update", y.data);
+    }
+    function i() {
+      return {
+        company: {
+          name: "",
+          address: {
+            line1: "",
+            line2: "",
+            city: "",
+            postcode: "",
+            state: "",
+            country: D.Config.getCountry().name
+          },
+          phoneNo: "",
+          regNo: "",
+          sstRegNo: ""
+        },
+        inclusiveTaxes: []
+      };
+    }
+    function n(y, l) {
+      _.value = y, y && (t.value = l != null && l.company ? l : i());
+    }
+    return b({
+      showSheet: n,
+      data: t
+    }), (y, l) => {
+      const g = V("FmIcon"), k = V("FmMenuItem"), B = V("FmMenu"), C = V("FmSelect"), $ = V("FmButton"), U = V("FmSideSheet");
+      return h(), E(U, {
+        "max-width": 560,
+        modelValue: e(_),
+        "onUpdate:modelValue": l[15] || (l[15] = (I) => ue(_) ? _.value = I : null),
+        header: "Store setting"
+      }, {
+        "side-sheet-footer": T(() => [
+          v("div", kt, [
+            r($, {
+              label: "Submit",
+              onClick: d,
+              disabled: !e(a) || e(be)().isLoading,
+              loading: e(be)().isLoading
+            }, null, 8, ["disabled", "loading"]),
+            r($, {
+              label: "Cancel",
+              onClick: l[14] || (l[14] = (I) => n(!1)),
+              variant: "tertiary"
+            })
+          ])
+        ]),
+        default: T(() => {
+          var I, M;
+          return [
+            r(he, { json: e(t) }, null, 8, ["json"]),
+            e(t) && e(t).company ? (h(), P("div", _t, [
+              Ct,
+              r(Y, {
+                modelValue: e(t).company.name,
+                "onUpdate:modelValue": l[0] || (l[0] = (c) => e(t).company.name = c),
+                label: "Company name",
+                schema: e(H).typeAtPath(e(m), "company.name")
+              }, null, 8, ["modelValue", "schema"]),
+              r(Y, {
+                modelValue: e(t).company.regNo,
+                "onUpdate:modelValue": l[1] || (l[1] = (c) => e(t).company.regNo = c),
+                label: "Registration number",
+                schema: e(H).typeAtPath(e(m), "company.regNo")
+              }, null, 8, ["modelValue", "schema"]),
+              r(Y, {
+                modelValue: e(t).company.sstRegNo,
+                "onUpdate:modelValue": [
+                  l[2] || (l[2] = (c) => e(t).company.sstRegNo = c),
+                  l[3] || (l[3] = (c) => c ? null : e(t).inclusiveTaxes = [])
+                ],
+                label: "Tax Registration number",
+                schema: e(H).typeAtPath(e(m), "company.sstRegNo")
+              }, null, 8, ["modelValue", "schema"]),
+              (I = e(t).company) != null && I.sstRegNo && e(t).inclusiveTaxes ? (h(), P("div", Vt, [
+                St,
+                r(gt, {
+                  modelValue: e(t).inclusiveTaxes,
+                  "onUpdate:modelValue": l[4] || (l[4] = (c) => e(t).inclusiveTaxes = c)
+                }, null, 8, ["modelValue"])
+              ])) : W("", !0),
+              r(Y, {
+                modelValue: e(t).company.phoneNo,
+                "onUpdate:modelValue": l[5] || (l[5] = (c) => e(t).company.phoneNo = c),
+                label: "Phone number",
+                schema: e(H).typeAtPath(e(m), "company.phoneNo")
+              }, null, 8, ["modelValue", "schema"]),
+              Ft,
+              r(Y, {
+                modelValue: e(t).company.address.line1,
+                "onUpdate:modelValue": l[6] || (l[6] = (c) => e(t).company.address.line1 = c),
+                label: "Line 1",
+                schema: e(H).typeAtPath(e(m), "company.address.line1")
+              }, null, 8, ["modelValue", "schema"]),
+              r(Y, {
+                modelValue: e(t).company.address.line2,
+                "onUpdate:modelValue": l[7] || (l[7] = (c) => e(t).company.address.line2 = c),
+                label: "Line 2",
+                schema: e(H).typeAtPath(e(m), "company.address.line2")
+              }, null, 8, ["modelValue", "schema"]),
+              v("div", wt, [
+                r(Y, {
+                  modelValue: e(t).company.address.city,
+                  "onUpdate:modelValue": l[8] || (l[8] = (c) => e(t).company.address.city = c),
+                  label: "City",
+                  schema: e(H).typeAtPath(e(m), "company.address.city")
+                }, null, 8, ["modelValue", "schema"]),
+                r(Y, {
+                  modelValue: e(t).company.address.postcode,
+                  "onUpdate:modelValue": l[9] || (l[9] = (c) => e(t).company.address.postcode = c),
+                  label: "Postcode",
+                  schema: e(H).typeAtPath(e(m), "company.address.postcode")
+                }, null, 8, ["modelValue", "schema"]),
+                v("div", $t, [
+                  Tt,
+                  r(B, {
+                    placement: "top-end",
+                    "model-value": e(p)
+                  }, {
+                    "menu-button": T(() => [
+                      r(Y, {
+                        modelValue: e(t).company.address.state,
+                        "onUpdate:modelValue": l[10] || (l[10] = (c) => e(t).company.address.state = c),
+                        schema: e(H).typeAtPath(e(m), "company.address.state"),
+                        onFocusChanged: l[11] || (l[11] = (c) => p.value = c)
+                      }, {
+                        append: T(() => [
+                          r(g, {
+                            name: e(p) ? "keyboard_arrow_up" : "keyboard_arrow_down"
+                          }, null, 8, ["name"])
+                        ]),
+                        _: 1
+                      }, 8, ["modelValue", "schema"])
+                    ]),
+                    default: T(() => [
+                      (h(!0), P(J, null, te(e(yt)[e(D.Config).getCountry().code].stateItems.filter(
+                        (c) => {
+                          var N, O;
+                          return c.label.toLowerCase().includes(((O = (N = e(t)) == null ? void 0 : N.company) == null ? void 0 : O.address.state.toLowerCase()) ?? "");
+                        }
+                      ) || [], (c) => (h(), E(k, {
+                        key: c.value,
+                        "model-value": e(t).company.address.state === c.value,
+                        label: c.label,
+                        onClick: () => {
+                          e(t).company.address.state = c.value, p.value = !1;
+                        }
+                      }, null, 8, ["model-value", "label", "onClick"]))), 128))
+                    ]),
+                    _: 1
+                  }, 8, ["model-value"])
+                ]),
+                r(C, {
+                  label: "Country",
+                  modelValue: e(t).company.address.country,
+                  "onUpdate:modelValue": l[12] || (l[12] = (c) => e(t).company.address.country = c),
+                  items: [
+                    {
+                      label: e(D.Config).getCountry().name,
+                      value: e(D.Config).getCountry().name
+                    }
+                  ],
+                  rules: [e(H).ruleAtPath(e(m), "company.address.country")]
+                }, null, 8, ["modelValue", "items", "rules"])
+              ]),
+              v("div", Pt, [
+                Ut,
+                r(xt, {
+                  "model-value": (M = e(t)) == null ? void 0 : M.stripe,
+                  "onUpdate:modelValue": l[13] || (l[13] = (c) => e(t).stripe = c)
+                }, null, 8, ["model-value"])
+              ])
+            ])) : W("", !0)
+          ];
+        }),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+});
+function Rt(f, b = !0) {
+  return D.DineroFactory(f).toFormat(b);
+}
+const Dt = /* @__PURE__ */ G({
+  __name: "TaxVariantSetting",
+  props: {
+    modelValue: {
+      type: Array,
+      required: !0,
+      default: () => []
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(f, { emit: b }) {
+    const u = f, F = b;
+    me(() => {
+      if (p.value.length !== t.value.length) {
+        const d = t.value.reduce((i, n) => {
+          const y = z.systemDefaultCode(n.name);
+          if (!y) return i;
+          const { systemCode: l, taxCode: g } = y;
+          return n.value || i.push({ systemCode: l, taxCode: g }), i;
+        }, []);
+        a(d);
+      }
+    });
+    function _() {
+      return z.groupedTaxOptions();
+    }
+    const t = R(() => _().map((d) => ({
+      name: d.code,
+      value: (p.value || []).find(
+        (i) => d.options.some((n) => n.feedmeTaxCode === i)
+      ),
+      options: d.options.map((i) => ({
+        label: `${i.name} (${Qe(i.rate)}%)`,
+        value: i.feedmeTaxCode
+      }))
+    }))), p = R(() => u.modelValue.map((d) => z.generateCode(d)));
+    function m(d) {
+      const i = _().find(
+        (g) => g.options.some((k) => k.feedmeTaxCode === d)
+      ), n = i == null ? void 0 : i.options.find((g) => g.feedmeTaxCode === d);
+      if (!n) return;
+      const { systemCode: y, taxCode: l } = n;
+      a([{ systemCode: y, taxCode: l }]);
+    }
+    function a(d) {
+      const i = ie.clone(u.modelValue);
+      d.forEach((n) => {
+        const y = _().find(
+          (k) => k.options.some((B) => B.feedmeTaxCode === z.generateCode(n))
+        ), l = (y == null ? void 0 : y.options) || [], g = i.findIndex(
+          (k) => l.some((B) => z.generateCode(B) === z.generateCode(k))
+        );
+        g >= 0 ? i.splice(g, 1, n) : i.push(n);
+      }), F("update:modelValue", i);
+    }
+    return (d, i) => {
+      const n = V("FmRadio"), y = V("FmRadioGroup");
+      return h(!0), P(J, null, te(e(t), (l) => (h(), P("div", {
+        key: l.name,
+        class: "flex items-start"
+      }, [
+        r(y, {
+          modelValue: l.value,
+          "onUpdate:modelValue": [
+            (g) => l.value = g,
+            i[0] || (i[0] = (g) => {
+              m(g);
+            })
+          ]
+        }, {
+          default: T(() => [
+            (h(!0), P(J, null, te(l.options, (g, k) => (h(), E(n, {
+              key: k,
+              value: g.value,
+              label: g.label
+            }, null, 8, ["value", "label"]))), 128))
+          ]),
+          _: 2
+        }, 1032, ["modelValue", "onUpdate:modelValue"])
+      ]))), 128);
+    };
+  }
+}), Bt = {
+  key: 0,
+  class: "space-y-24 pr-12"
+}, Nt = /* @__PURE__ */ v("div", { class: "fm-typo-en-title-sm-800 !mb-[-16px]" }, "Basic information", -1), At = {
+  key: 0,
+  class: "fm-typo-en-title-sm-800 !mb-[-16px]"
+}, Et = /* @__PURE__ */ v("div", { class: "fm-typo-en-title-sm-800 !mb-[-16px]" }, "Credit", -1), Mt = /* @__PURE__ */ v("div", { class: "fm-typo-en-title-sm-800 !mb-[-16px]" }, "Taxes", -1), Ot = /* @__PURE__ */ v("div", { class: "fm-typo-en-title-sm-800 !mb-[-20px]" }, "Bundle reward", -1), jt = /* @__PURE__ */ v("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary !mb-[-16px]" }, " Let your member know what they can expect from this bundle ", -1), Lt = { class: "space-y-8" }, Ht = { class: "flex items-center justify-between" }, qt = /* @__PURE__ */ v("div", { class: "fm-typo-en-title-sm-800 !mb-[-20px]" }, "Advanced Setting", -1), Kt = { class: "space-y-8" }, Wt = { class: "flex items-center gap-8" }, Jt = /* @__PURE__ */ G({
+  __name: "EditBundleSheet",
+  emits: ["update"],
+  setup(f, { expose: b, emit: u }) {
+    const F = {
+      get _id() {
+        return (/* @__PURE__ */ new Date()).toISOString();
+      },
+      name: "",
+      price: D.Dinero.zero().toObject(),
+      vouchers: [],
+      credit: {
+        normal: 0,
+        free: {
+          amount: 0,
+          day: 0
+        }
+      },
+      config: {
+        options: {}
+      },
+      titles: [],
+      taxes: [],
+      taxTotals: [],
+      internal: !1,
+      priceWithTaxes: Ge()
+    }, _ = u, t = Ue(), p = A(!1), m = A({
+      category: 0,
+      index: -1
+    }), a = A(ie.cloneDeep(F)), d = A(), i = Te.superRefine((s, o) => {
+      var x, w;
+      s.price.amount < 0 && o.addIssue({
+        code: "custom",
+        path: ["price"],
+        message: "Price cannot be less than 0"
+      }), s.coinPrice && s.coinPrice < 0 && o.addIssue({
+        code: "custom",
+        path: ["coinPrice"],
+        message: "Point price cannot be less than 0"
+      }), s.credit.normal < 0 && o.addIssue({
+        code: "custom",
+        path: ["credit", "normal"],
+        message: "Normal credit cannot be less than 0"
+      }), s.credit.free && (s.credit.free.amount < 0 && o.addIssue({
+        code: "custom",
+        path: ["credit", "free", "amount"],
+        message: "Free credit cannot be less than 0"
+      }), s.credit.free.amount && s.credit.free.day < 0 && o.addIssue({
+        code: "custom",
+        path: ["credit", "free", "day"],
+        message: "Expiry must be at least 0 (expire same day)"
+      })), s.credit.normal && s.coinPrice && o.addIssue({
+        code: "custom",
+        message: "Bundle redeem with point cannot set normal credit.",
+        path: ["credit", "normal"]
+      }), s.credit.normal > D.Dinero.fromFdoDinero(s.price).toUnit() && o.addIssue({
+        code: "custom",
+        message: `Normal credit cannot be more than price. Max: ${D.Dinero.fromFdoDinero(s.price).toUnit()}`,
+        path: ["credit", "normal"]
+      }), s.titles.length > 0 && s.titles.some((j) => j.dayToExpire < 0) && o.addIssue({
+        code: "custom",
+        path: ["titles"],
+        message: "Title expiry must be at least 0 day (expire same day)"
+      }), (((w = (x = s.config) == null ? void 0 : x.options) == null ? void 0 : w.maxPerUser) || 0) < 0 && o.addIssue({
+        code: "custom",
+        path: ["config.options.maxPerUser"],
+        message: "Max purchase per user cannot be negative"
+      });
+    }), n = R(() => {
+      const s = i.safeParse(a.value);
+      return s.success ? [] : s.error.errors;
+    }), y = [
+      {
+        header: "Reward title",
+        accessorFn: (s) => s.collectible.name,
+        enableSorting: !0
+      },
+      {
+        id: "type",
+        header: "Reward type",
+        accessorFn: (s) => s.collectible.type,
+        cell(s) {
+          return le[s.row.original.collectible.type].chip();
+        }
+      },
+      {
+        header: "Description",
+        accessorFn: (s) => s.description,
+        cell(s) {
+          var x;
+          const o = s.row.original;
+          return o.collectible.type == "VOUCHER" || o.selectedReward == null ? o.description : De(Ae.FmStepperField, {
+            "onUpdate:modelValue": (w) => {
+              a.value.titles = a.value.titles.map(
+                (j) => j.id == o.collectible._id ? { ...j, dayToExpire: w } : j
+              );
+            },
+            modelValue: ((x = o.selectedReward) == null ? void 0 : x.extra) ?? 0,
+            appendText: "day(s)",
+            showSteppers: !1,
+            disabled: !!a.value.stripePriceId
+          });
+        }
+      }
+    ], l = A([]), g = R(() => t.bundleRewards.map((s) => {
+      const o = k.value.find((w) => w.id == s._id), x = s.type === "VOUCHER" ? `${s.options.maxUse} use(s), ${Xe(s.options.validityOption || {})}` : "No expiry";
+      return {
+        collectible: s,
+        description: x,
+        selectedReward: o
+      };
+    })), k = R(() => {
+      var s, o;
+      return [
+        ...((s = a.value) == null ? void 0 : s.titles.map((x) => ({
+          id: x.id,
+          extra: x.dayToExpire
+        }))) ?? [],
+        ...((o = a.value) == null ? void 0 : o.vouchers.map((x) => ({
+          id: x,
+          extra: void 0
+        }))) ?? []
+      ];
+    }), B = R(
+      () => a.value.stripePriceId && a.value.subscriptionValidity ? a.value.subscriptionValidity : 0
+    );
+    function C(s) {
+      a.value.subscriptionValidity = s;
+      for (const o of a.value.titles)
+        o.dayToExpire = s;
+      a.value.credit.free && (a.value.credit.free.day = s);
+    }
+    function $() {
+      const s = g.value, o = a.value;
+      if (!(!o || !s))
+        for (let x = 0; x < s.length; x++) {
+          const w = s[x];
+          U.value[x] ? w.collectible.type == "TITLE" ? o.titles.findIndex(
+            (ae) => ae.id == w.collectible._id
+          ) < 0 && o.titles.push({
+            id: w.collectible._id,
+            dayToExpire: B.value
+          }) : o.vouchers.findIndex(
+            (ae) => ae == w.collectible._id
+          ) < 0 && o.vouchers.push(w.collectible._id) : (o.titles = o.titles.filter((ee) => ee.id != w.collectible._id), o.vouchers = o.vouchers.filter(
+            (ee) => ee != w.collectible._id
+          ));
+        }
+    }
+    const U = A({});
+    ve(U, $, { deep: !0 });
+    const I = R(() => {
+      var s;
+      return (s = t.storeOption.company) == null ? void 0 : s.sstRegNo;
+    }), M = R(() => {
+      var s, o, x;
+      return (x = (o = (s = t.storeOption) == null ? void 0 : s.inclusiveTaxes) == null ? void 0 : o[0]) != null && x.inclusive ? "Inclusive" : "Exclusive";
+    }), c = R(() => {
+      var s, o;
+      return ot(
+        z.fullTax,
+        Re(a.value.taxes),
+        a.value.price,
+        Number(a.value.credit.normal),
+        ((s = t.storeOption) == null ? void 0 : s.inclusiveTaxes) ?? [],
+        (o = t.storeOption.company) != null && o.sstRegNo ? z.taxSystem.map((x) => x.code) : []
+      );
+    }), N = R(() => c.value.reduce(
+      (o, x) => o.add(x.total),
+      Ze()
+    ).toFormat()), O = R(() => {
+      var w;
+      const s = at(
+        c.value,
+        a.value.price,
+        ((w = t.storeOption) == null ? void 0 : w.inclusiveTaxes) ?? []
+      );
+      a.value.priceWithTaxes = s;
+      const o = Rt(s, !1), x = Number(o.replace(/[^\d.-]/g, ""));
+      return Number.isNaN(x) ? 0 : x;
+    });
+    function X() {
+      a.value.taxTotals = c.value, _("update", Te.parse(Me(a.value)));
+    }
+    function Z() {
+      return ie.cloneDeep(F);
+    }
+    function xe(s, o) {
+      p.value = s, s && o && (console.log(o.bundle, "set.bundle"), d.value = void 0, a.value = o.bundle || Z(), m.value.category = o.category, m.value.index = o.index, U.value = g.value.reduce((x, w, j) => (x[j] = !!w.selectedReward, x), {}));
+    }
+    return b({
+      showSheet: xe,
+      bundleImage: d,
+      target: m,
+      data: a
+    }), (s, o) => {
+      const x = V("FmTextField"), w = V("FmStepperField"), j = V("FmMenuItem"), ee = V("FmTable"), ae = V("FmHelperText"), _e = V("FmSwitch"), Ce = V("FmButton"), ke = V("FmSideSheet");
+      return h(), E(ke, {
+        "max-width": 560,
+        modelValue: e(p),
+        "onUpdate:modelValue": o[17] || (o[17] = (ne) => ue(p) ? p.value = ne : null),
+        header: e(m).index != -1 ? "Edit bundle" : "Create bundle"
+      }, {
+        "side-sheet-footer": T(() => [
+          v("div", Wt, [
+            r(Ce, {
+              label: e(m).index != -1 ? "Save" : "Add",
+              onClick: X,
+              disabled: e(n).length > 0,
+              loading: e(be)().isLoading
+            }, null, 8, ["label", "disabled", "loading"]),
+            r(Ce, {
+              label: "Cancel",
+              onClick: o[16] || (o[16] = (ne) => xe(!1)),
+              variant: "tertiary"
+            })
+          ])
+        ]),
+        default: T(() => {
+          var ne, Ve, Se, Fe, we;
+          return [
+            r(he, { json: e(a) }, null, 8, ["json"]),
+            e(a) ? (h(), P("div", Bt, [
+              Nt,
+              r(x, {
+                label: "Bundle name",
+                modelValue: e(a).name,
+                "onUpdate:modelValue": o[0] || (o[0] = (S) => e(a).name = S),
+                "helper-state": e(q)(e(n), "name"),
+                "helper-text": e(K)(e(n), "name")
+              }, null, 8, ["modelValue", "helper-state", "helper-text"]),
+              r(Ye, {
+                label: "Bundle image",
+                class: "w-1/2 xs:w-2/3",
+                "aspect-ratio": "16/9",
+                thumbnail: e(a).image ?? void 0,
+                file: e(d) ?? void 0,
+                "onUpdate:file": o[1] || (o[1] = (S) => {
+                  d.value = S;
+                }),
+                "helper-state": e(q)(e(n), "image"),
+                "helper-text": e(K)(e(n), "image")
+              }, null, 8, ["thumbnail", "file", "helper-state", "helper-text"]),
+              r(w, {
+                "model-value": e(D.Dinero).fromFdoDinero(e(a).price).toUnit(),
+                label: "Price",
+                min: 0,
+                "max-fraction-digits": 2,
+                "onUpdate:modelValue": o[2] || (o[2] = (S) => {
+                  e(a).price.amount = S * 10 ** e(a).price.precision;
+                }),
+                "is-currency": !0,
+                "show-steppers": !1,
+                "helper-text": e(K)(e(n), "price") || `${e(D.Dinero).fromNumber({ number: 1 }).toFormat(!0)} = ${e(D.Dinero).fromNumber({ number: 1 }).toUnit()} credit`,
+                "helper-state": e(q)(e(n), "price")
+              }, {
+                prepend: T(() => [
+                  oe(de(e(D.Dinero).defaultCurrency()), 1)
+                ]),
+                _: 1
+              }, 8, ["model-value", "helper-text", "helper-state"]),
+              r(w, {
+                "model-value": e(a).coinPrice ?? null,
+                label: "Point Needed",
+                min: 0,
+                "onUpdate:modelValue": o[3] || (o[3] = (S) => {
+                  S > 0 && e(a).credit.normal > 0 && (e(a).credit.normal = 0), e(a).coinPrice = S;
+                }),
+                "show-steppers": !1,
+                "helper-state": e(q)(e(n), "coinPrice"),
+                "helper-text": e(K)(e(n), "coinPrice")
+              }, {
+                append: T(() => [
+                  oe(" point(s) ")
+                ]),
+                _: 1
+              }, 8, ["model-value", "helper-state", "helper-text"]),
+              e(t).storeOption.stripe ? (h(), P("div", At, " Subscription Settings ")) : W("", !0),
+              e(t).storeOption.stripe ? (h(), E(x, {
+                key: 1,
+                label: "Stripe Price ID",
+                modelValue: e(a).stripePriceId,
+                "onUpdate:modelValue": o[4] || (o[4] = (S) => e(a).stripePriceId = S),
+                "helper-state": e(q)(e(n), "stripePriceId"),
+                "helper-text": e(K)(e(n), "stripePriceId")
+              }, null, 8, ["modelValue", "helper-state", "helper-text"])) : W("", !0),
+              e(a).stripePriceId ? (h(), E(w, {
+                key: 2,
+                "model-value": e(a).subscriptionValidity ?? null,
+                min: 1,
+                "onUpdate:modelValue": C,
+                label: "Subscription validity (days)",
+                "show-steppers": !1,
+                "helper-state": e(q)(e(n), "subscriptionValidity"),
+                "helper-text": e(K)(e(n), "subscriptionValidity")
+              }, {
+                append: T(() => [
+                  oe(" day(s) ")
+                ]),
+                _: 1
+              }, 8, ["model-value", "helper-state", "helper-text"])) : W("", !0),
+              Et,
+              r(w, {
+                modelValue: e(a).credit.normal,
+                "onUpdate:modelValue": o[5] || (o[5] = (S) => e(a).credit.normal = S),
+                label: "Normal credit",
+                "show-steppers": !1,
+                "helper-state": e(q)(e(n), "credit.normal"),
+                "helper-text": e(K)(e(n), "credit.normal")
+              }, {
+                append: T(() => [
+                  oe(" credit ")
+                ]),
+                _: 1
+              }, 8, ["modelValue", "helper-state", "helper-text"]),
+              r(w, {
+                "model-value": ((ne = e(a).credit.free) == null ? void 0 : ne.amount) ?? null,
+                min: 0,
+                "onUpdate:modelValue": o[6] || (o[6] = (S) => {
+                  e(a).credit.free || (e(a).credit.free = {
+                    amount: 0,
+                    day: 1
+                  }), e(a).credit.free.amount = S;
+                }),
+                label: "Free credit",
+                "show-steppers": !1,
+                "helper-state": e(q)(e(n), "credit.free.amount"),
+                "helper-text": e(K)(e(n), "credit.free.amount")
+              }, {
+                append: T(() => [
+                  oe(" credit ")
+                ]),
+                _: 1
+              }, 8, ["model-value", "helper-state", "helper-text"]),
+              (Ve = e(a).credit.free) != null && Ve.amount ? (h(), E(w, {
+                key: 3,
+                disabled: !!e(a).stripePriceId,
+                "model-value": ((Se = e(a).credit.free) == null ? void 0 : Se.day) ?? null,
+                min: 0,
+                "onUpdate:modelValue": o[7] || (o[7] = (S) => {
+                  e(a).credit.free || (e(a).credit.free = {
+                    amount: 0,
+                    day: 1
+                  }), e(a).credit.free.day = e(B) || S;
+                }),
+                label: "Free credit valid for",
+                "show-steppers": !1,
+                "helper-state": e(q)(e(n), "credit.free.day"),
+                "helper-text": e(K)(e(n), "credit.free.day")
+              }, {
+                append: T(() => [
+                  oe(" day(s) ")
+                ]),
+                _: 1
+              }, 8, ["disabled", "model-value", "helper-state", "helper-text"])) : W("", !0),
+              e(I) ? (h(), P(J, { key: 4 }, [
+                Mt,
+                r(Dt, {
+                  modelValue: e(a).taxes,
+                  "onUpdate:modelValue": o[8] || (o[8] = (S) => e(a).taxes = S)
+                }, null, 8, ["modelValue"]),
+                r(x, {
+                  label: `Tax Charged (${e(M)})`,
+                  "model-value": e(N),
+                  disabled: ""
+                }, null, 8, ["label", "model-value"])
+              ], 64)) : W("", !0),
+              r(w, {
+                label: "Total Price",
+                "model-value": e(O),
+                disabled: !0
+              }, null, 8, ["model-value"]),
+              Ot,
+              jt,
+              v("div", Lt, [
+                v("div", Ht, [
+                  r(ze, {
+                    label: `Reward type: ${e(l).length == 0 ? "All" : e(l)[0].name}`
+                  }, {
+                    default: T(() => [
+                      r(j, {
+                        onClick: o[9] || (o[9] = (S) => l.value = []),
+                        label: "All"
+                      }),
+                      r(j, {
+                        onClick: o[10] || (o[10] = (S) => l.value = [
+                          {
+                            id: "type",
+                            value: "VOUCHER",
+                            name: e(le).VOUCHER.name
+                          }
+                        ]),
+                        label: e(le).VOUCHER.name
+                      }, null, 8, ["label"]),
+                      r(j, {
+                        onClick: o[11] || (o[11] = (S) => l.value = [
+                          {
+                            id: "type",
+                            value: "TITLE",
+                            name: e(le).TITLE.name
+                          }
+                        ]),
+                        label: e(le).TITLE.name
+                      }, null, 8, ["label"])
+                    ]),
+                    _: 1
+                  }, 8, ["label"])
+                ]),
+                r(ee, {
+                  modelValue: e(U),
+                  "onUpdate:modelValue": o[12] || (o[12] = (S) => ue(U) ? U.value = S : null),
+                  selection: "multiple",
+                  "column-filter": e(l),
+                  "column-defs": y,
+                  "row-data": e(g),
+                  "hide-footer": e(g).length <= 10
+                }, null, 8, ["modelValue", "column-filter", "row-data", "hide-footer"]),
+                r(ae, {
+                  text: e(K)(e(n), "titles"),
+                  state: e(q)(e(n), "titles")
+                }, null, 8, ["text", "state"])
+              ]),
+              qt,
+              v("div", Kt, [
+                r(_e, {
+                  "model-value": e(a).internal ?? !1,
+                  "onUpdate:modelValue": o[13] || (o[13] = (S) => e(a).internal = S),
+                  "label-placement": "right",
+                  label: "Internal Bundle",
+                  sublabel: "Internal bundle will be hidden in FeedMe member app"
+                }, null, 8, ["model-value"]),
+                r(_e, {
+                  "model-value": e(a).hideInPos ?? !1,
+                  "onUpdate:modelValue": o[14] || (o[14] = (S) => e(a).hideInPos = S),
+                  "label-placement": "right",
+                  label: "Hide In POS",
+                  sublabel: "Bundle will be hidden in FeedMe POS"
+                }, null, 8, ["model-value"]),
+                r(w, {
+                  "model-value": ((we = (Fe = e(a).config) == null ? void 0 : Fe.options) == null ? void 0 : we.maxPerUser) || null,
+                  "onUpdate:modelValue": o[15] || (o[15] = (S) => e(ie).set(e(a), "config.options.maxPerUser", S)),
+                  label: "Max purchase per user",
+                  "show-steppers": !1,
+                  placeholder: "Unlimited"
+                }, null, 8, ["model-value"])
+              ])
+            ])) : W("", !0)
+          ];
+        }),
+        _: 1
+      }, 8, ["modelValue", "header"]);
+    };
+  }
+}), Yt = { class: "px-24 flex flex-col gap-y-16" }, zt = { class: "flex gap-8 items-center" }, Gt = { class: "fm-typo-en-body-lg-600" }, Zt = { class: "grid sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-24" }, Qt = /* @__PURE__ */ v("img", {
+  src: Be,
+  class: "aspect-square w-[150px]"
+}, null, -1), Xt = /* @__PURE__ */ v("div", { class: "flex flex-col gap-16 text-center" }, [
+  /* @__PURE__ */ v("div", { class: "fm-typo-en-title-sm-800" }, "Store bundle"),
+  /* @__PURE__ */ v("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " Add item that you want to let your user spend and get here. It can be bunch of vouchers, benefits, experience and more! ")
+], -1), xo = /* @__PURE__ */ G({
+  __name: "Store",
+  setup(f) {
+    const b = {
+      label: "Store setting",
+      value: "setting",
+      isPrimary: !1
+    }, u = {
+      label: "Manage reward",
+      value: "create_reward"
+    }, F = {
+      label: "Add category",
+      value: "create_category",
+      isPrimary: !0,
+      prependIcon: "add"
+    }, _ = et(), t = Ue(), { global: p, minor: m } = Ee, a = Pe(), d = R(() => t.sortedStoreCategories), i = A(), n = A();
+    async function y(C) {
+      var $;
+      C === "setting" ? ($ = i.value) == null || $.showSheet(!0, t.storeOption) : C === "create_category" ? g(-1) : C === "create_reward" && await _.push({ name: He["$connect-STORE_REWARDS"] });
+    }
+    async function l(C) {
+      await m(
+        async () => {
+          var $;
+          await ye.updateStore(C), await t.readMemberStore(), ($ = i.value) == null || $.showSheet(!1);
+        },
+        {
+          message: "Updating store setting",
+          successMessage: "Store setting updated successfully"
+        }
+      );
+    }
+    async function g(C = -1) {
+      var $, U;
+      if ((!t.storeOption || !t.storeOption.company) && await ce.confirm(
+        "Please set up your store setting first before adding category.",
+        "Update store setting",
+        "Update now"
+      ))
+        return ($ = i.value) == null ? void 0 : $.showSheet(!0);
+      a.open({
+        title: C == -1 ? "Add category" : "Edit category",
+        contentComponent: ft,
+        contentComponentProps: {
+          initialValue: ((U = d.value[C]) == null ? void 0 : U.name) ?? "",
+          action: C == -1 ? "add" : "edit"
+        }
+      }).onPrimary(async (I) => {
+        I === null && !await ce.remove(
+          "Are you sure you want to remove category?",
+          "Remove category"
+        ) || await m(
+          async () => {
+            const M = C == -1 ? [...d.value, { name: I, bundles: [] }] : [...d.value].map((c, N) => N == C ? { ...c, name: I } : c).filter((c) => c.name !== null);
+            await ye.updateStoreBundle({
+              categories: M
+            }), await t.readMemberStore();
+          },
+          {
+            message: I === null ? "Deleting category" : C == -1 ? "Creating category" : "Updating categories",
+            successMessage: `Category ${I === null ? "deleted" : C == -1 ? "created" : "updated"} successfully`
+          }
+        );
+      });
+    }
+    async function k(C, $, U) {
+      var c, N;
+      $ ?? ($ = (c = n.value) == null ? void 0 : c.target.category), U ?? (U = (N = n.value) == null ? void 0 : N.target.index);
+      const I = $e(d.value), M = I[$];
+      if (!M) {
+        je.error("Unexpected error", 2e3);
+        return;
+      }
+      if (C == null) {
+        if (await ce.remove(
+          "Are you sure you want to delete this bundle?",
+          "Delete bundle"
+        ) == !1)
+          return;
+        M.bundles.splice(U, 1);
+      } else
+        U == -1 ? M.bundles.push(C) : M.bundles[U] = C;
+      await m(
+        async () => {
+          var O, X;
+          if (C != null) {
+            const Z = (O = n.value) == null ? void 0 : O.bundleImage;
+            Z === null && C.image ? (await pe.delete(C.image), C.image = null) : Z && (C.image = await pe.update(
+              pe.bundleImagePath(void 0, Z),
+              Z
+            ));
+          }
+          await ye.updateStoreBundle({
+            categories: I
+          }), await t.readMemberStore(), await t.readMembership(), await t.readRewards(), (X = n.value) == null || X.showSheet(!1);
+        },
+        {
+          message: `${C == null ? "Deleting" : U == -1 ? "Creating" : "Updating"} bundle`,
+          successMessage: `Bundle ${C == null ? "deleted" : U == -1 ? "created" : "updated"} successfully`
+        }
+      );
+    }
+    function B(C) {
+      var $;
+      ($ = n.value) == null || $.showSheet(!0, {
+        ...C,
+        bundle: C.bundle ? $e(C.bundle) : void 0
+      });
+    }
+    return me(async () => {
+      await p(async () => {
+        await t.readMemberStore(), await t.readMembership(), await t.readRewards();
+      });
+    }), (C, $) => {
+      const U = V("FmPageHead"), I = V("FmButton"), M = V("FmCard");
+      return h(), P(J, null, [
+        r(U, {
+          title: "Store",
+          actions: [b, u, F],
+          "onClick:action": y
+        }, null, 8, ["actions"]),
+        v("div", Yt, [
+          e(d) && e(d).length > 0 ? (h(), P(J, { key: 0 }, [
+            (h(!0), P(J, null, te(e(d), (c, N) => (h(), P("div", {
+              key: c.name,
+              class: "space-y-8 py-12"
+            }, [
+              v("div", zt, [
+                v("div", Gt, de(c.name), 1),
+                r(he, { json: c }, null, 8, ["json"]),
+                r(I, {
+                  icon: "edit",
+                  size: "md",
+                  variant: "tertiary",
+                  onClick: (O) => g(N)
+                }, null, 8, ["onClick"])
+              ]),
+              v("div", Zt, [
+                (h(!0), P(J, null, te(c.bundles, (O, X) => (h(), E(ut, {
+                  bundle: O,
+                  key: O._id,
+                  onEdit: (Z) => B({ bundle: O, category: N, index: X }),
+                  onDelete: (Z) => k(null, N, X)
+                }, null, 8, ["bundle", "onEdit", "onDelete"]))), 128)),
+                r(mt, {
+                  onCreate: (O) => B({ category: N, index: -1 })
+                }, null, 8, ["onCreate"])
+              ])
+            ]))), 128)),
+            r(Jt, {
+              ref_key: "bundleSheetRef",
+              ref: n,
+              onUpdate: k
+            }, null, 512)
+          ], 64)) : (h(), E(M, {
+            key: 1,
+            variant: "outlined",
+            class: "w-full flex flex-col items-center justify-center gap-y-24 p-24"
+          }, {
+            default: T(() => [
+              Qt,
+              Xt,
+              r(I, {
+                variant: "primary",
+                label: "Add category",
+                icon: "add",
+                onClick: $[0] || ($[0] = (c) => g(-1))
+              })
+            ]),
+            _: 1
+          })),
+          r(It, {
+            ref_key: "settingSheetRef",
+            ref: i,
+            onUpdate: l
+          }, null, 512)
+        ])
+      ], 64);
+    };
+  }
+});
+export {
+  xo as default
+};