@feedmepos/mf-connect 0.1.3-prod → 0.1.4-prod

package/dist/Store-CdkJWpjV.js

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