@feedmepos/mf-connect 0.0.6 → 0.0.7

package/dist/Store-BeH0Gm7T.js

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