@feedmepos/mf-connect 0.0.17-prod → 0.0.19-prod

package/dist/Store-BOqFpaYd.js

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