@feedmepos/mf-connect 0.0.39-prod → 0.1.0-beta.2

package/dist/Store-C6-P6bwc.js

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