@feedmepos/mf-connect 0.1.0-prod → 0.1.1-prod

package/dist/Store-Be3cui0S.js

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