@feedmepos/mf-connect 0.1.0-beta.17 → 0.1.0-beta.19

package/dist/Store-CtJ9sJol.js

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