@feedmepos/mf-connect 0.1.0-beta.9 → 0.1.0-prod

package/dist/Store-8DO6ITWc.js

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