@feedmepos/mf-connect 0.0.16-beta.1 → 0.0.16-beta.11

package/dist/Store-C0WXCKs6.js

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