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

package/dist/Store-C_BMTPfl.js

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