@feedmepos/mf-connect 0.1.98-beta.35 → 0.1.98-beta.37

package/dist/Store-sb8ErlFD.js

@@ -0,0 +1,2413 @@
+import { defineComponent as te, computed as O, resolveComponent as v, openBlock as p, createBlock as D, withCtx as I, createElementVNode as s, toDisplayString as P, createVNode as i, createCommentVNode as L, createElementBlock as U, unref as e, Fragment as J, renderList as me, ref as j, isRef as ve, reactive as Ze, onMounted as Te, watch as Ae, toRaw as Qe, createTextVNode as be, h as et, normalizeStyle as tt, normalizeClass as ot } from "vue";
+import { _ as nt } from "./tier-BJDhpH6X.js";
+import { useDialog as He, useDialogChild as Ge, components as at } from "@feedmepos/ui-library";
+import { c as H, e as Re, S as qe } from "./index-DGpkyH2j.js";
+import { u as ze } from "./loading-T-icSn5y.js";
+import { u as Oe, C as $e } from "./membership-CA1Fassd.js";
+import { j as st, k as lt, l as it, m as Le, n as rt, o as ct } from "./index-C8x-UhWE.js";
+import { a as dt, c as Be } from "./object-BYyQ0PZp.js";
+import { _ as ue } from "./lodash-C6UlAXyK.js";
+import { c as xe } from "./index-BMMhg8Hh.js";
+import { u as Se } from "./vue-i18n-CeS6FGat.js";
+import { Z as re, g as se, a as le } from "./zod-DNAiXqKo.js";
+import { z as ce, R as Ie } from "./app-DxFhtqd1.js";
+import { u as Ue } from "./app-wDQR6dpb.js";
+import { _ as ye } from "./ZodTextField.vue_vue_type_script_setup_true_lang-B6iFdvtl.js";
+import { c as ut, p as Ce, n as mt, f as De } from "./plugins-CCpPPyPJ.js";
+import { J as Ee } from "./JsonViewer-v8_C7l5N.js";
+import { _ as pt } from "./index-BM_fSx7X.js";
+import { _ as ft } from "./ImageInput.vue_vue_type_script_setup_true_lang-BMTfN6qs.js";
+import { _ as yt } from "./ChipMenu.vue_vue_type_script_setup_true_lang-BPpZZNkr.js";
+import { z as gt, a as bt } from "./money-hOG706Lw.js";
+import { F as vt } from "./number-Chs5QzFx.js";
+import { a as ht, t as xt } from "./helper-7bp0sypg.js";
+import "./index-CbA2o3F8.js";
+import "./index-DU1eyOSc.js";
+import "./index-CGw5nsSs.js";
+import "./index-BIyPos60.js";
+import { m as _t } from "./index-DyJrON_w.js";
+import { m as ke } from "./index-D62OV4qw.js";
+import { g as Ne } from "./index-qp6B4rgH.js";
+import { u as Ct } from "./business-BTJVs9l4.js";
+import { useRouter as St } from "vue-router";
+function We(b) {
+  return xe.DineroFactory(b).toUnit();
+}
+function Ye(b, x, o, y, c = [], h = []) {
+  const n = pt.compact(
+    x.map((t) => b.find((r) => r.systemCode === t.systemCode && r.taxCode === t.taxCode)).filter((t) => !!t && h.includes(t.systemCode))
+  ), m = n.reduce(
+    (t, r) => {
+      var f;
+      return Object.assign(t, {
+        [r.taxCode]: {
+          inclusive: ((f = c.find((u) => u.systemCode === r.systemCode)) == null ? void 0 : f.inclusive) || !1,
+          adjustment: {
+            level: 1,
+            type: {
+              type: "BY_MULTIPLIER",
+              amount: {
+                amount: r.rate.amount,
+                precision: r.rate.precision,
+                currency: "MYR"
+              }
+            }
+          }
+        }
+      });
+    },
+    {}
+  ), l = xe.Calculator.calculate({
+    items: {
+      0: {
+        quantity: 1,
+        adjustments: {
+          price: {
+            level: 0,
+            type: {
+              type: "BY_AMOUNT",
+              amount: xe.DineroFactory(o).subtract(xe.Dinero.fromNumber({ number: y }).toObject()).toObject()
+            }
+          }
+        },
+        taxes: m
+      }
+    },
+    adjustments: {},
+    roundToNearest: 0
+  });
+  return n.map((t) => ({
+    setting: t,
+    systemCode: t.systemCode,
+    name: t.name,
+    taxCode: t.taxCode,
+    rate: t.rate,
+    total: xe.DineroFactory({
+      ...l.items[0].taxes[t.taxCode].amount
+    }).convertPrecision(2).toObject()
+  }));
+}
+function Je(b, x, o) {
+  return b ? b.reduce((y, c) => {
+    var h;
+    return (h = o.find((n) => n.systemCode === c.systemCode)) != null && h.inclusive || (y = xe.DineroFactory(y.toObject()).add(c.total)), y;
+  }, xe.DineroFactory(x)).toObject() : xe.DineroFactory(x).toObject();
+}
+const Ft = { class: "flex justify-between items-start gap-4 w-full" }, wt = { class: "fm-typo-en-body-lg-600 text-left pt-4 break-words line-clamp-2" }, $t = { class: "flex-shrink-0 -mr-8 -mt-8" }, Vt = { class: "relative h-[120px] aspect-video flex mx-auto items-center justify-center border rounded-md border-fm-color-neutral-gray-300" }, kt = ["src"], Pt = {
+  key: 2,
+  class: "absolute top-2 left-2"
+}, Tt = { class: "flex flex-col gap-8 flex-1 text-left w-full" }, Rt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ut = { class: "flex gap-8 items-center flex-wrap" }, Bt = /* @__PURE__ */ te({
+  __name: "StoreBundleCard",
+  props: {
+    bundle: { type: Object, required: !0 }
+  },
+  emits: ["edit", "delete", "send"],
+  setup(b, { emit: x }) {
+    const o = b, y = x, c = O(() => {
+      const n = [];
+      return o.bundle.price.amount > 0 && n.push(
+        `${H.Config.getCountry().currency.symbol}${We(o.bundle.price)}`
+      ), o.bundle.coinPrice && n.push(`${o.bundle.coinPrice} point(s)`), n.join(" or ");
+    }), h = O(() => {
+      var m, l;
+      const n = [];
+      if (o.bundle.titles.length > 0 && n.push(`${o.bundle.titles.length} title(s)`), o.bundle.vouchers.length > 0 && n.push(`${o.bundle.vouchers.length} voucher(s)`), o.bundle.credit.normal || (m = o.bundle.credit.free) != null && m.amount) {
+        const t = o.bundle.credit.normal + (((l = o.bundle.credit.free) == null ? void 0 : l.amount) ?? 0);
+        n.push(`${t} credit(s)`);
+      }
+      return n;
+    });
+    return (n, m) => {
+      const l = v("FmButton"), t = v("FmMenuItem"), r = v("FmMenu"), f = v("FmIcon"), u = v("FmChip"), w = v("FmCard");
+      return p(), D(w, {
+        variant: "outlined",
+        class: "flex flex-col gap-y-8 p-16 min-h-[240px] h-full"
+      }, {
+        default: I(() => [
+          s("div", Ft, [
+            s("div", wt, P(b.bundle.name), 1),
+            s("div", $t, [
+              i(r, { placement: "bottom-end" }, {
+                "menu-button": I(() => [
+                  i(l, {
+                    icon: "more_vert",
+                    variant: "tertiary"
+                  })
+                ]),
+                default: I(() => [
+                  i(t, {
+                    onClick: m[0] || (m[0] = (d) => y("edit", b.bundle)),
+                    icon: "edit",
+                    label: "Edit"
+                  }),
+                  b.bundle.stripePriceId ? L("", !0) : (p(), D(t, {
+                    key: 0,
+                    onClick: m[1] || (m[1] = (d) => y("send", b.bundle)),
+                    icon: "send",
+                    label: "Send"
+                  })),
+                  i(t, {
+                    onClick: m[2] || (m[2] = (d) => y("delete", b.bundle)),
+                    icon: "delete"
+                  }, {
+                    label: I(() => [...m[3] || (m[3] = [
+                      s("div", { class: "text-fm-color-typo-error fm-typo-en-body-md-400" }, " Delete ", -1)
+                    ])]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
+            ])
+          ]),
+          s("div", Vt, [
+            b.bundle.image ? (p(), U("img", {
+              key: 1,
+              src: b.bundle.image,
+              class: "w-full h-full object-contain aspect-video"
+            }, null, 8, kt)) : (p(), D(f, {
+              key: 0,
+              name: "image",
+              outline: !0,
+              size: "md",
+              class: "text-fm-color-neutral-gray-200"
+            })),
+            b.bundle.isFeedvibe ? (p(), U("div", Pt, [
+              i(u, {
+                label: "Feedvibe",
+                class: "text-fm-color-primary bg-fm-color-system-warning-100",
+                compact: ""
+              })
+            ])) : L("", !0)
+          ]),
+          s("div", Tt, [
+            s("div", Rt, P(e(c) || "Free"), 1),
+            s("div", Ut, [
+              (p(!0), U(J, null, me(e(h), (d, $) => (p(), D(u, {
+                key: $,
+                label: d
+              }, null, 8, ["label"]))), 128))
+            ])
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+}), It = /* @__PURE__ */ te({
+  __name: "AddBundleCard",
+  emits: ["create"],
+  setup(b, { emit: x }) {
+    const { t: o } = Se(), y = x;
+    return (c, h) => {
+      const n = v("FmButton"), m = v("FmCard");
+      return p(), D(m, {
+        variant: "outlined",
+        class: "flex flex-col gap-y-8 p-16 h-full min-h-[240px] items-center justify-center"
+      }, {
+        default: I(() => [
+          i(n, {
+            onClick: h[0] || (h[0] = (l) => y("create")),
+            label: e(o)("connect.store.actions.addBundle"),
+            icon: "add",
+            variant: "secondary"
+          }, null, 8, ["label"])
+        ]),
+        _: 1
+      });
+    };
+  }
+}), Dt = { class: "space-y-16" }, Nt = { class: "flex w-full justify-between pb-16" }, Mt = { class: "flex items-center justify-end gap-8" }, At = /* @__PURE__ */ te({
+  __name: "CategoryDialog",
+  props: {
+    action: {
+      type: String,
+      default: () => "add"
+    },
+    initialValue: {
+      type: String,
+      default: () => ""
+    }
+  },
+  setup(b) {
+    const { t: x } = Se(), o = b, y = He(), { emitData: c, emitAction: h } = Ge(), n = j(o.initialValue), m = ce.string().min(1);
+    function l() {
+      c(n.value), h("primary"), y.close();
+    }
+    function t() {
+      c(null), h("primary"), y.close();
+    }
+    return (r, f) => {
+      const u = v("FmTextField"), w = v("FmButton");
+      return p(), U("div", Dt, [
+        i(u, {
+          modelValue: e(n),
+          "onUpdate:modelValue": f[0] || (f[0] = (d) => ve(n) ? n.value = d : null),
+          label: e(x)("connect.store.category.label"),
+          rules: [e(re).toRule(e(m))]
+        }, null, 8, ["modelValue", "label", "rules"]),
+        s("div", Nt, [
+          s("div", null, [
+            b.action == "edit" ? (p(), D(w, {
+              key: 0,
+              onClick: t,
+              label: e(x)("connect.common.delete"),
+              variant: "destructive"
+            }, null, 8, ["label"])) : L("", !0)
+          ]),
+          s("div", Mt, [
+            i(w, {
+              label: e(x)("connect.common.cancel"),
+              variant: "tertiary",
+              onClick: f[1] || (f[1] = (d) => e(y).close())
+            }, null, 8, ["label"]),
+            i(w, {
+              label: b.action == "edit" ? e(x)("connect.common.edit") : e(x)("connect.common.add"),
+              disabled: !e(n),
+              onClick: l
+            }, null, 8, ["label", "disabled"])
+          ])
+        ])
+      ]);
+    };
+  }
+}), Ot = { class: "space-y-16" }, Et = { class: "flex items-center justify-end gap-8 pb-16" }, Lt = /* @__PURE__ */ te({
+  __name: "SelectCategoryDialog",
+  setup(b) {
+    const { emitData: x, emitAction: o } = Ge(), y = Oe(), c = j(), h = O(
+      () => y.sortedStoreCategories.map((n, m) => ({
+        label: n.name,
+        value: m
+      }))
+    );
+    return (n, m) => {
+      const l = v("FmSelect"), t = v("FmButton");
+      return p(), U("div", Ot, [
+        m[4] || (m[4] = s("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " Select a category to create FeedMe CNY 2025 bundle ", -1)),
+        i(l, {
+          placeholder: "Select a category",
+          items: e(h),
+          modelValue: e(c),
+          "onUpdate:modelValue": [
+            m[0] || (m[0] = (r) => ve(c) ? c.value = r : null),
+            m[1] || (m[1] = (r) => e(x)(r))
+          ],
+          label: "Category"
+        }, null, 8, ["items", "modelValue"]),
+        s("div", Et, [
+          i(t, {
+            variant: "tertiary",
+            label: "Cancel",
+            onClick: m[2] || (m[2] = (r) => e(o)("tertiary"))
+          }),
+          i(t, {
+            label: "Select",
+            onClick: m[3] || (m[3] = (r) => e(o)("primary")),
+            disabled: e(c) == null
+          }, null, 8, ["disabled"])
+        ])
+      ]);
+    };
+  }
+});
+function ge(b) {
+  return b.states.map((x) => ({ label: x, value: x }));
+}
+const jt = {
+  [Re.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 ge(this);
+    }
+  },
+  [Re.F_COUNTRY.enum.SG]: {
+    states: [],
+    get stateItems() {
+      return ge(this);
+    }
+  },
+  JP: {
+    states: [],
+    get stateItems() {
+      return ge(this);
+    }
+  },
+  AE: {
+    states: [],
+    get stateItems() {
+      return ge(this);
+    }
+  },
+  AU: {
+    states: [],
+    get stateItems() {
+      return ge(this);
+    }
+  },
+  MO: {
+    states: [],
+    get stateItems() {
+      return ge(this);
+    }
+  },
+  VN: {
+    states: [],
+    get stateItems() {
+      return ge(this);
+    }
+  },
+  [Re.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 ge(this);
+    }
+  },
+  [Re.F_COUNTRY.enum.TH]: {
+    states: [
+      "Bangkok",
+      "Amnat Charoen",
+      "Ang Thong",
+      "Bueng Kan",
+      "Buri Ram",
+      "Chachoengsao",
+      "Chai Nat",
+      "Chaiyaphum",
+      "Chanthaburi",
+      "Chiang Mai",
+      "Chiang Rai",
+      "Chonburi",
+      "Chumphon",
+      "Kalasin",
+      "Kamphaeng Phet",
+      "Kanchanaburi",
+      "Khon Kaen",
+      "Krabi",
+      "Lampang",
+      "Lamphun",
+      "Loei",
+      "Lopburi",
+      "Mae Hong Son",
+      "Maha Sarakham",
+      "Mukdahan",
+      "Nakhon Nayok",
+      "Nakhon Pathom",
+      "Nakhon Phanom",
+      "Nakhon Ratchasima",
+      "Nakhon Sawan",
+      "Nakhon Si Thammarat",
+      "Nan",
+      "Narathiwat",
+      "Nong Bua Lamphu",
+      "Nong Khai",
+      "Nonthaburi",
+      "Pathum Thani",
+      "Pattani",
+      "Phang Nga",
+      "Phatthalung",
+      "Phayao",
+      "Phetchabun",
+      "Phetchaburi",
+      "Phichit",
+      "Phitsanulok",
+      "Phra Nakhon Si Ayutthaya",
+      "Phrae",
+      "Phuket",
+      "Prachinburi",
+      "Prachuap Khiri Khan",
+      "Ranong",
+      "Ratchaburi",
+      "Rayong",
+      "Roi Et",
+      "Sa Kaeo",
+      "Sakon Nakhon",
+      "Samut Prakan",
+      "Samut Sakhon",
+      "Samut Songkhram",
+      "Saraburi",
+      "Satun",
+      "Sing Buri",
+      "Sisaket",
+      "Songkhla",
+      "Sukhothai",
+      "Suphan Buri",
+      "Surat Thani",
+      "Surin",
+      "Tak",
+      "Trang",
+      "Trat",
+      "Ubon Ratchathani",
+      "Udon Thani",
+      "Uthai Thani",
+      "Uttaradit",
+      "Yala",
+      "Yasothon"
+    ],
+    get stateItems() {
+      return ge(this);
+    }
+  }
+}, Ve = () => H.Config.getCountry(), Pe = {
+  get fullCurrency() {
+    return Ve().currency;
+  },
+  get currency() {
+    return Ve().currency.code;
+  },
+  get fullTax() {
+    return H.Country.getCountryFlattenTaxes(Ve().code);
+  },
+  get taxSystem() {
+    return Ve().taxSystems;
+  },
+  taxInclusion(b) {
+    return Pe.taxSystem.map((x) => ({
+      systemCode: x.code,
+      inclusive: b !== void 0 ? b : !1
+    }));
+  },
+  groupedTaxOptions() {
+    const b = H.Country.getCountryFlattenTaxes(Ve().code);
+    return Pe.taxSystem.map((x) => ({
+      code: x.code,
+      options: b.map((o) => ({ ...o, feedmeTaxCode: Pe.generateCode(o) })).filter((o) => o.systemCode === x.code)
+    }));
+  },
+  systemDefaultCode(b) {
+    const x = Pe.groupedTaxOptions().find((o) => o.code === b);
+    return x == null ? void 0 : x.options.find((o) => o.default);
+  },
+  generateCode(b) {
+    return `${b.systemCode}/${b.taxCode}`;
+  }
+}, ee = Pe, Kt = /* @__PURE__ */ te({
+  __name: "TaxInclusiveSetting",
+  props: {
+    modelValue: {
+      type: Array,
+      required: !0,
+      default: () => []
+    }
+  },
+  emits: ["update:model-value"],
+  setup(b, { emit: x }) {
+    const o = b, y = ee.taxSystem, c = x, h = j(o.modelValue);
+    function n(r, f) {
+      const u = ue.clone(o.modelValue), w = u.findIndex((d) => d.systemCode === r);
+      w >= 0 ? u[w].inclusive = f : u.push({
+        systemCode: r,
+        inclusive: f
+      }), h.value = u, c("update:model-value", u);
+    }
+    function m() {
+      return y.map((r) => {
+        const f = o.modelValue ? o.modelValue.find((u) => u.systemCode === r.code) : !1;
+        return {
+          label: r.name,
+          config: {
+            value: f ? f.inclusive : !1
+          },
+          input: (u) => {
+            n(r.code, u);
+          }
+        };
+      });
+    }
+    const l = Ze(m());
+    function t(r, f) {
+      return `${r} ${f ? "Inclusive" : "Exclusive"}`;
+    }
+    return Te(() => {
+      o.modelValue.length || n(y[0].code, !1);
+    }), Ae(
+      () => o.modelValue,
+      (r, f) => {
+        r != f && !r.length && n(y[0].code, !1);
+      }
+    ), (r, f) => {
+      const u = v("FmSwitch");
+      return p(!0), U(J, null, me(e(l), (w, d) => {
+        var $;
+        return p(), U("div", { key: d }, [
+          i(u, {
+            "model-value": (($ = e(h)[d]) == null ? void 0 : $.inclusive) || !1,
+            "label-placement": "left",
+            "onUpdate:modelValue": (T) => w.input(T)
+          }, {
+            label: I(() => {
+              var T;
+              return [
+                s("div", null, P(t(w.label, ((T = e(h)[d]) == null ? void 0 : T.inclusive) || !1)), 1)
+              ];
+            }),
+            _: 2
+          }, 1032, ["model-value", "onUpdate:modelValue"])
+        ]);
+      }), 128);
+    };
+  }
+});
+var Ht = { mode: "development", appMode: "mf" };
+const Gt = { class: "space-y-8" }, qt = {
+  key: 0,
+  class: "space-y-16"
+}, zt = /* @__PURE__ */ te({
+  __name: "StripeSetting",
+  props: {
+    modelValue: {}
+  },
+  emits: ["update:modelValue"],
+  setup(b, { emit: x }) {
+    const o = b, y = x, c = j(!1);
+    Ae(c, (n, m) => {
+      m != n && (!o.modelValue && n ? y("update:modelValue", {
+        apiKey: "",
+        webhookSecret: ""
+      }) : n || y("update:modelValue", void 0));
+    });
+    const h = O(() => {
+      const n = Ht.mode === "development", m = H.Config.getCountry().code.toLowerCase(), l = m != "my" ? `.${m}` : "";
+      return `https://marketing${n ? "-dev" : ""}${l}.feedmeapi.com/stripe/${qe.getBusinessId()}/webhook`;
+    });
+    return Te(() => {
+      c.value = !!o.modelValue;
+    }), (n, m) => {
+      const l = v("FmSwitch"), t = v("FmTextField"), r = v("FmButton");
+      return p(), U("div", Gt, [
+        i(l, {
+          modelValue: e(c),
+          "onUpdate:modelValue": m[0] || (m[0] = (f) => ve(c) ? c.value = f : null),
+          value: "true",
+          label: "Enable Stripe"
+        }, null, 8, ["modelValue"]),
+        o.modelValue ? (p(), U("div", qt, [
+          i(t, {
+            label: "API Key",
+            modelValue: o.modelValue.apiKey,
+            "onUpdate:modelValue": m[1] || (m[1] = (f) => o.modelValue.apiKey = f),
+            "helper-text": "Go to Stripe Dashboard get your API Key and paste here."
+          }, null, 8, ["modelValue"]),
+          i(t, {
+            label: "Webhook URL",
+            "model-value": e(h),
+            readonly: "",
+            "helper-text": "Copy this URL to your Stripe dashboard"
+          }, {
+            append: I(() => [
+              i(r, {
+                icon: "content_copy",
+                variant: "tertiary",
+                onClick: m[2] || (m[2] = (f) => e(ut)(e(h)))
+              })
+            ]),
+            _: 1
+          }, 8, ["model-value"]),
+          i(t, {
+            modelValue: o.modelValue.webhookSecret,
+            "onUpdate:modelValue": m[3] || (m[3] = (f) => o.modelValue.webhookSecret = f),
+            label: "Webhook Secret",
+            "helper-text": `Copy the webhook signing secret from your Stripe account and paste
+            here.`
+          }, null, 8, ["modelValue"])
+        ])) : L("", !0)
+      ]);
+    };
+  }
+}), Wt = {
+  key: 0,
+  class: "space-y-16 pr-12"
+}, Yt = { class: "fm-typo-en-title-sm-800 !mb-[-12px]" }, Jt = {
+  key: 1,
+  class: "space-y-16"
+}, Xt = { class: "fm-typo-en-title-sm-800 !mb-[-12px]" }, Zt = { class: "fm-typo-en-title-sm-800 !mb-[-12px]" }, Qt = { class: "grid grid-cols-2 gap-x-16 gap-y-16" }, eo = { class: "space-y-4" }, to = { class: "fm-typo-en-body-lg-400" }, oo = { class: "space-y-16" }, no = { class: "fm-typo-en-title-sm-800 !mb-[-12px]" }, ao = { class: "flex items-center gap-8" }, so = /* @__PURE__ */ te({
+  __name: "StoreSettingSheet",
+  emits: ["update"],
+  setup(b, { expose: x, emit: o }) {
+    const { t: y } = Se(), c = o, h = j(!1), n = j(), m = j(!1), l = st.extend({
+      company: lt.extend({
+        name: ce.string().min(1, "Company name is required"),
+        regNo: ce.string().min(1, "Registration number is required"),
+        address: it.extend({
+          line1: ce.string().min(1, "Line 1 is required"),
+          line2: ce.string().optional(),
+          state: ce.string().min(1, "State is required"),
+          city: ce.string().min(1, "City is required"),
+          postcode: ce.string().min(1, "Postcode is required"),
+          country: ce.string().min(1, "Country is required")
+        }),
+        phoneNo: ce.string().min(1, "Phone number is required"),
+        sstRegNo: ce.string().optional()
+      })
+    }), t = O(() => l.safeParse(n.value).success);
+    function r() {
+      const w = l.safeParse(n.value);
+      w.success && c("update", w.data);
+    }
+    function f() {
+      return {
+        company: {
+          name: "",
+          address: {
+            line1: "",
+            line2: "",
+            city: "",
+            postcode: "",
+            state: "",
+            country: H.Config.getCountry().name
+          },
+          phoneNo: "",
+          regNo: "",
+          sstRegNo: ""
+        },
+        inclusiveTaxes: []
+      };
+    }
+    function u(w, d) {
+      h.value = w, w && (n.value = d != null && d.company ? ue.cloneDeep(d) : f());
+    }
+    return x({
+      showSheet: u,
+      data: n
+    }), (w, d) => {
+      const $ = v("FmIcon"), T = v("FmMenuItem"), E = v("FmMenu"), X = v("FmSelect"), ae = v("FmButton"), Z = v("FmSideSheet");
+      return p(), D(Z, {
+        "max-width": 560,
+        modelValue: e(h),
+        "onUpdate:modelValue": d[15] || (d[15] = (ie) => ve(h) ? h.value = ie : null),
+        header: e(y)("connect.store.setting.title")
+      }, {
+        "side-sheet-footer": I(() => [
+          s("div", ao, [
+            i(ae, {
+              label: e(y)("connect.common.save"),
+              onClick: r,
+              disabled: !e(t) || e(Ue)().isLoading,
+              loading: e(Ue)().isLoading
+            }, null, 8, ["label", "disabled", "loading"]),
+            i(ae, {
+              label: e(y)("connect.common.cancel"),
+              onClick: d[14] || (d[14] = (ie) => u(!1)),
+              variant: "tertiary"
+            }, null, 8, ["label"])
+          ])
+        ]),
+        default: I(() => {
+          var ie, he;
+          return [
+            i(Ee, { json: e(n) }, null, 8, ["json"]),
+            e(n) && e(n).company ? (p(), U("div", Wt, [
+              s("div", Yt, P(e(y)("connect.store.setting.company.legal_info")), 1),
+              i(ye, {
+                modelValue: e(n).company.name,
+                "onUpdate:modelValue": d[0] || (d[0] = (V) => e(n).company.name = V),
+                label: e(y)("connect.store.setting.company.name"),
+                schema: e(re).typeAtPath(e(l), "company.name")
+              }, null, 8, ["modelValue", "label", "schema"]),
+              i(ye, {
+                modelValue: e(n).company.regNo,
+                "onUpdate:modelValue": d[1] || (d[1] = (V) => e(n).company.regNo = V),
+                label: e(y)("connect.store.setting.company.reg_no"),
+                schema: e(re).typeAtPath(e(l), "company.regNo")
+              }, null, 8, ["modelValue", "label", "schema"]),
+              e(H.Config).getCountry().taxSystems.length ? (p(), D(ye, {
+                key: 0,
+                modelValue: e(n).company.sstRegNo,
+                "onUpdate:modelValue": [
+                  d[2] || (d[2] = (V) => e(n).company.sstRegNo = V),
+                  d[3] || (d[3] = (V) => V ? null : e(n).inclusiveTaxes = [])
+                ],
+                label: e(y)("connect.store.setting.company.tax_reg_no"),
+                schema: e(re).typeAtPath(e(l), "company.sstRegNo")
+              }, null, 8, ["modelValue", "label", "schema"])) : L("", !0),
+              (ie = e(n).company) != null && ie.sstRegNo && e(n).inclusiveTaxes ? (p(), U("div", Jt, [
+                s("div", Xt, P(e(y)("connect.store.setting.company.tax")), 1),
+                i(Kt, {
+                  modelValue: e(n).inclusiveTaxes,
+                  "onUpdate:modelValue": d[4] || (d[4] = (V) => e(n).inclusiveTaxes = V)
+                }, null, 8, ["modelValue"])
+              ])) : L("", !0),
+              i(ye, {
+                modelValue: e(n).company.phoneNo,
+                "onUpdate:modelValue": d[5] || (d[5] = (V) => e(n).company.phoneNo = V),
+                label: e(y)("connect.store.setting.company.phone"),
+                schema: e(re).typeAtPath(e(l), "company.phoneNo")
+              }, null, 8, ["modelValue", "label", "schema"]),
+              s("div", Zt, P(e(y)("connect.store.setting.company.address.title")), 1),
+              i(ye, {
+                modelValue: e(n).company.address.line1,
+                "onUpdate:modelValue": d[6] || (d[6] = (V) => e(n).company.address.line1 = V),
+                label: e(y)("connect.store.setting.company.address.line1"),
+                schema: e(re).typeAtPath(e(l), "company.address.line1")
+              }, null, 8, ["modelValue", "label", "schema"]),
+              i(ye, {
+                modelValue: e(n).company.address.line2,
+                "onUpdate:modelValue": d[7] || (d[7] = (V) => e(n).company.address.line2 = V),
+                label: e(y)("connect.store.setting.company.address.line2"),
+                schema: e(re).typeAtPath(e(l), "company.address.line2")
+              }, null, 8, ["modelValue", "label", "schema"]),
+              s("div", Qt, [
+                i(ye, {
+                  modelValue: e(n).company.address.city,
+                  "onUpdate:modelValue": d[8] || (d[8] = (V) => e(n).company.address.city = V),
+                  label: e(y)("connect.store.setting.company.address.city"),
+                  schema: e(re).typeAtPath(e(l), "company.address.city")
+                }, null, 8, ["modelValue", "label", "schema"]),
+                i(ye, {
+                  modelValue: e(n).company.address.postcode,
+                  "onUpdate:modelValue": d[9] || (d[9] = (V) => e(n).company.address.postcode = V),
+                  label: e(y)("connect.store.setting.company.address.postcode"),
+                  schema: e(re).typeAtPath(e(l), "company.address.postcode")
+                }, null, 8, ["modelValue", "label", "schema"]),
+                s("div", eo, [
+                  s("div", to, P(e(y)("connect.store.setting.company.address.state")), 1),
+                  i(E, {
+                    placement: "top-end",
+                    "model-value": e(m)
+                  }, {
+                    "menu-button": I(() => [
+                      i(ye, {
+                        modelValue: e(n).company.address.state,
+                        "onUpdate:modelValue": d[10] || (d[10] = (V) => e(n).company.address.state = V),
+                        schema: e(re).typeAtPath(e(l), "company.address.state"),
+                        onFocusChanged: d[11] || (d[11] = (V) => m.value = V)
+                      }, {
+                        append: I(() => [
+                          i($, {
+                            name: e(m) ? "keyboard_arrow_up" : "keyboard_arrow_down"
+                          }, null, 8, ["name"])
+                        ]),
+                        _: 1
+                      }, 8, ["modelValue", "schema"])
+                    ]),
+                    default: I(() => [
+                      (p(!0), U(J, null, me(e(jt)[e(H.Config).getCountry().code].stateItems.filter(
+                        (V) => {
+                          var de, pe;
+                          return V.label.toLowerCase().includes(((pe = (de = e(n)) == null ? void 0 : de.company) == null ? void 0 : pe.address.state.toLowerCase()) ?? "");
+                        }
+                      ) || [], (V) => (p(), D(T, {
+                        key: V.value,
+                        "model-value": e(n).company.address.state === V.value,
+                        label: V.label,
+                        onClick: () => {
+                          e(n).company.address.state = V.value, m.value = !1;
+                        }
+                      }, null, 8, ["model-value", "label", "onClick"]))), 128))
+                    ]),
+                    _: 1
+                  }, 8, ["model-value"])
+                ]),
+                i(X, {
+                  label: e(y)("connect.store.setting.company.address.country"),
+                  modelValue: e(n).company.address.country,
+                  "onUpdate:modelValue": d[12] || (d[12] = (V) => e(n).company.address.country = V),
+                  items: [
+                    {
+                      label: e(H.Config).getCountry().name,
+                      value: e(H.Config).getCountry().name
+                    }
+                  ],
+                  rules: [e(re).ruleAtPath(e(l), "company.address.country")]
+                }, null, 8, ["label", "modelValue", "items", "rules"])
+              ]),
+              s("div", oo, [
+                s("div", no, P(e(y)("connect.store.setting.stripe.title")), 1),
+                i(zt, {
+                  "model-value": (he = e(n)) == null ? void 0 : he.stripe,
+                  "onUpdate:modelValue": d[13] || (d[13] = (V) => e(n).stripe = V)
+                }, null, 8, ["model-value"])
+              ])
+            ])) : L("", !0)
+          ];
+        }),
+        _: 1
+      }, 8, ["modelValue", "header"]);
+    };
+  }
+});
+function lo(b, x = !0) {
+  return H.DineroFactory(b).toFormat(x);
+}
+const io = /* @__PURE__ */ te({
+  __name: "TaxVariantSetting",
+  props: {
+    modelValue: {
+      type: Array,
+      required: !0,
+      default: () => []
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(b, { emit: x }) {
+    const o = b, y = x;
+    Te(() => {
+      if (n.value.length !== h.value.length) {
+        const t = h.value.reduce((r, f) => {
+          const u = ee.systemDefaultCode(f.name);
+          if (!u) return r;
+          const { systemCode: w, taxCode: d } = u;
+          return f.value || r.push({ systemCode: w, taxCode: d }), r;
+        }, []);
+        l(t);
+      }
+    });
+    function c() {
+      return ee.groupedTaxOptions();
+    }
+    const h = O(() => c().map((t) => ({
+      name: t.code,
+      value: (n.value || []).find(
+        (r) => t.options.some((f) => f.feedmeTaxCode === r)
+      ),
+      options: t.options.map((r) => ({
+        label: `${r.name} (${vt(r.rate)}%)`,
+        value: r.feedmeTaxCode
+      }))
+    }))), n = O(() => o.modelValue.map((t) => ee.generateCode(t)));
+    function m(t) {
+      const r = c().find(
+        (d) => d.options.some(($) => $.feedmeTaxCode === t)
+      ), f = r == null ? void 0 : r.options.find((d) => d.feedmeTaxCode === t);
+      if (!f) return;
+      const { systemCode: u, taxCode: w } = f;
+      l([{ systemCode: u, taxCode: w }]);
+    }
+    function l(t) {
+      const r = ue.clone(o.modelValue);
+      t.forEach((f) => {
+        const u = c().find(
+          ($) => $.options.some((T) => T.feedmeTaxCode === ee.generateCode(f))
+        ), w = (u == null ? void 0 : u.options) || [], d = r.findIndex(
+          ($) => w.some((T) => ee.generateCode(T) === ee.generateCode($))
+        );
+        d >= 0 ? r.splice(d, 1, f) : r.push(f);
+      }), y("update:modelValue", r);
+    }
+    return (t, r) => {
+      const f = v("FmRadio"), u = v("FmRadioGroup");
+      return p(!0), U(J, null, me(e(h), (w) => (p(), U("div", {
+        key: w.name,
+        class: "flex items-start"
+      }, [
+        i(u, {
+          modelValue: w.value,
+          "onUpdate:modelValue": [
+            (d) => w.value = d,
+            r[0] || (r[0] = (d) => {
+              m(d);
+            })
+          ]
+        }, {
+          default: I(() => [
+            (p(!0), U(J, null, me(w.options, (d, $) => (p(), D(f, {
+              key: $,
+              value: d.value,
+              label: d.label
+            }, null, 8, ["value", "label"]))), 128))
+          ]),
+          _: 2
+        }, 1032, ["modelValue", "onUpdate:modelValue"])
+      ]))), 128);
+    };
+  }
+}), Me = {
+  get _id() {
+    return (/* @__PURE__ */ new Date()).toISOString();
+  },
+  name: "",
+  price: H.Dinero.zero().toObject(),
+  originalPrice: H.Dinero.zero().toObject(),
+  vouchers: [],
+  credit: {
+    normal: 0,
+    free: {
+      amount: 0,
+      day: 0
+    }
+  },
+  config: {
+    options: {}
+  },
+  titles: [],
+  taxes: [],
+  taxTotals: [],
+  internal: !1,
+  priceWithTaxes: gt()
+}, ro = {
+  key: 0,
+  class: "space-y-24 pr-12"
+}, co = { class: "space-y-8" }, uo = { class: "fm-typo-en-title-sm-800 !mb-[-16px]" }, mo = { class: "fm-typo-en-title-sm-800 !mb-[-16px]" }, po = { class: "fm-typo-en-title-sm-800 !mb-[-16px]" }, fo = { class: "fm-typo-en-title-sm-800 !mb-[-20px]" }, yo = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary !mb-[-16px]" }, go = { class: "space-y-8" }, bo = { class: "flex items-center justify-between" }, vo = { class: "fm-typo-en-title-sm-800 !mb-[-20px]" }, ho = { class: "space-y-8" }, xo = { class: "flex items-center gap-8" }, _o = /* @__PURE__ */ te({
+  __name: "EditBundleSheet",
+  emits: ["update"],
+  setup(b, { expose: x, emit: o }) {
+    const y = o, { t: c } = Se(), h = Oe(), n = j(!1), m = j([]), l = j({
+      category: 0,
+      index: -1,
+      originalCategoryIndex: void 0
+    }), t = j(ue.cloneDeep(Me)), r = j(), f = Le, u = O(() => {
+      const _ = f.safeParse(t.value);
+      return _.success ? [] : _.error.errors;
+    }), w = [
+      {
+        header: "Reward title",
+        accessorFn: (_) => _.collectible.name,
+        enableSorting: !0
+      },
+      {
+        id: "type",
+        header: "Reward type",
+        accessorFn: (_) => _.collectible.type,
+        cell(_) {
+          return $e[_.row.original.collectible.type].chip();
+        }
+      },
+      {
+        header: "Description",
+        accessorFn: (_) => _.description,
+        cell(_) {
+          var F;
+          const a = _.row.original;
+          return a.collectible.type == "VOUCHER" || a.selectedReward == null ? a.description : et(at.FmStepperField, {
+            "onUpdate:modelValue": (N) => {
+              t.value.titles = t.value.titles.map(
+                (z) => z.id == a.collectible._id ? { ...z, dayToExpire: N } : z
+              );
+            },
+            modelValue: ((F = a.selectedReward) == null ? void 0 : F.extra) ?? 0,
+            appendText: "day(s)",
+            helperState: se(u.value, "titles"),
+            helperText: le(u.value, "titles"),
+            max: 9999,
+            rules: [(N) => N <= 9999 || "Maximum 9999 days allowed"],
+            showSteppers: !1,
+            disabled: !!t.value.stripePriceId
+          });
+        }
+      }
+    ], d = j([]), $ = O(() => {
+      var a;
+      const _ = (a = t.value) != null && a.isFeedvibe ? "STORE_BUNDLE:FEEDVIBE" : "STORE_BUNDLE:DEFAULT";
+      return h.bundleRewards.filter((F) => {
+        var N;
+        return (N = t.value) != null && N.isFeedvibe && F.type !== "VOUCHER" ? !1 : ht(F.capabilities, _);
+      }).map((F) => {
+        const N = T.value.find((Q) => Q.id == F._id), z = F.type === "VOUCHER" ? `${F.options.maxUse} use(s), ${xt(
+          F.options.validityOption || {}
+        )}` : "No expiry";
+        return {
+          collectible: F,
+          description: z,
+          selectedReward: N
+        };
+      });
+    }), T = O(() => {
+      var _, a;
+      return [
+        ...((_ = t.value) == null ? void 0 : _.titles.map((F) => ({
+          id: F.id,
+          extra: F.dayToExpire
+        }))) ?? [],
+        ...((a = t.value) == null ? void 0 : a.vouchers.map((F) => ({
+          id: F,
+          extra: void 0
+        }))) ?? []
+      ];
+    }), E = O(
+      () => t.value.stripePriceId && t.value.subscriptionValidity ? t.value.subscriptionValidity : 0
+    );
+    function X(_) {
+      t.value.subscriptionValidity = _;
+      for (const a of t.value.titles)
+        a.dayToExpire = _;
+      t.value.credit.free && (t.value.credit.free.day = _);
+    }
+    function ae() {
+      const _ = $.value, a = t.value;
+      if (!(!a || !_))
+        for (let F = 0; F < _.length; F++) {
+          const N = _[F];
+          Z.value[F] ? N.collectible.type == "TITLE" ? a.titles.findIndex(
+            (q) => q.id == N.collectible._id
+          ) < 0 && a.titles.push({
+            id: N.collectible._id,
+            dayToExpire: E.value
+          }) : a.vouchers.findIndex(
+            (q) => q == N.collectible._id
+          ) < 0 && a.vouchers.push(N.collectible._id) : (a.titles = a.titles.filter((Q) => Q.id != N.collectible._id), a.vouchers = a.vouchers.filter(
+            (Q) => Q != N.collectible._id
+          ));
+        }
+    }
+    const Z = j({});
+    Ae(Z, ae, { deep: !0 });
+    const ie = O(() => {
+      var _, a;
+      return (a = (_ = h.storeOption) == null ? void 0 : _.company) == null ? void 0 : a.sstRegNo;
+    }), he = O(() => {
+      var _, a, F;
+      return (F = (a = (_ = h.storeOption) == null ? void 0 : _.inclusiveTaxes) == null ? void 0 : a[0]) != null && F.inclusive ? "Inclusive" : "Exclusive";
+    }), V = O(() => {
+      var _, a, F;
+      return Ye(
+        ee.fullTax,
+        Qe(t.value.taxes),
+        t.value.price,
+        Number(t.value.credit.normal),
+        ((_ = h.storeOption) == null ? void 0 : _.inclusiveTaxes) ?? [],
+        (F = (a = h.storeOption) == null ? void 0 : a.company) != null && F.sstRegNo ? ee.taxSystem.map((N) => N.code) : []
+      );
+    }), de = O(() => V.value.reduce(
+      (a, F) => a.add(F.total),
+      bt()
+    ).toFormat()), pe = O(() => {
+      var N;
+      const _ = Je(
+        V.value,
+        t.value.price,
+        ((N = h.storeOption) == null ? void 0 : N.inclusiveTaxes) ?? []
+      );
+      t.value.priceWithTaxes = _;
+      const a = lo(_, !1), F = Number(a.replace(/[^\d.-]/g, ""));
+      return Number.isNaN(F) ? 0 : F;
+    });
+    function Fe() {
+      t.value.taxTotals = V.value, y("update", Le.parse(dt(t.value)));
+    }
+    function G() {
+      return ue.cloneDeep(Me);
+    }
+    function _e(_, a) {
+      n.value = _, _ && a && (r.value = void 0, m.value = a.categories, t.value = a.bundle || G(), l.value.category = a.category, l.value.index = a.index, l.value.originalCategoryIndex = a.category, Z.value = $.value.reduce((F, N, z) => (F[z] = !!N.selectedReward, F), {}));
+    }
+    return x({
+      showSheet: _e,
+      bundleImage: r,
+      target: l,
+      data: t
+    }), (_, a) => {
+      const F = v("FmSwitch"), N = v("FmHelperText"), z = v("FmTextField"), Q = v("FmSelect"), q = v("FmStepperField"), fe = v("FmMenuItem"), we = v("FmTable"), g = v("FmButton"), C = v("FmSideSheet");
+      return p(), D(C, {
+        "max-width": 768,
+        modelValue: e(n),
+        "onUpdate:modelValue": a[21] || (a[21] = (R) => ve(n) ? n.value = R : null),
+        header: e(l).index != -1 ? e(c)("connect.store.bundle.edit.title") : e(c)("connect.store.bundle.edit.create")
+      }, {
+        "side-sheet-footer": I(() => [
+          s("div", xo, [
+            i(g, {
+              label: e(l).index != -1 ? "Save" : "Add",
+              onClick: Fe,
+              disabled: e(u).length > 0,
+              loading: e(Ue)().isLoading
+            }, null, 8, ["label", "disabled", "loading"]),
+            i(g, {
+              label: "Cancel",
+              onClick: a[20] || (a[20] = (R) => _e(!1)),
+              variant: "tertiary"
+            })
+          ])
+        ]),
+        default: I(() => {
+          var R, B, M, k, K, A, W, oe, Y, ne;
+          return [
+            i(Ee, { json: e(t) }, null, 8, ["json"]),
+            e(t) ? (p(), U("div", ro, [
+              s("div", co, [
+                e(H.Config).getCountry().code == "MY" && ((R = e(h).payoutAccount) == null ? void 0 : R.status) == "APPROVED" && ((B = e(h).payoutAccount) != null && B.enable) ? (p(), D(F, {
+                  key: 0,
+                  "onUpdate:modelValue": a[0] || (a[0] = (S) => {
+                    e(t).isFeedvibe = S, e(t).isFeedvibe && (e(t).credit.normal = 0, e(t).coinPrice = 0, e(t).titles = [], Z.value = {}, e(t).hideInPos = !0, e(t).internal = !0);
+                  }),
+                  "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"])) : L("", !0),
+                e(t).isFeedvibe ? (p(), D(N, {
+                  key: 1,
+                  text: "There will be a 15% charge for FeedVibe bundles sold in the FeedVibe app. FeedVibe bundles only show up in the FeedVibe app and cannot be sold in the POS and mini program. For more information, please contact support.",
+                  state: "warning"
+                })) : L("", !0)
+              ]),
+              s("div", uo, P(e(c)("connect.store.bundle.edit.basicInformation")), 1),
+              i(z, {
+                label: e(c)("connect.store.bundle.edit.bundleName"),
+                modelValue: e(t).name,
+                "onUpdate:modelValue": a[1] || (a[1] = (S) => e(t).name = S),
+                "helper-state": e(se)(e(u), "name"),
+                "helper-text": e(le)(e(u), "name")
+              }, null, 8, ["label", "modelValue", "helper-state", "helper-text"]),
+              i(Q, {
+                modelValue: e(l).category,
+                "onUpdate:modelValue": a[2] || (a[2] = (S) => e(l).category = S),
+                label: "Store Category",
+                items: e(m).map((S, Xe) => ({ label: S, value: Xe }))
+              }, null, 8, ["modelValue", "items"]),
+              i(ft, {
+                label: e(c)("connect.store.bundle.edit.bundleImage"),
+                class: "w-1/2 xs:w-2/3",
+                "aspect-ratio": "16/9",
+                thumbnail: e(t).image ?? void 0,
+                file: e(r) ?? void 0,
+                "onUpdate:file": a[3] || (a[3] = (S) => {
+                  r.value = S;
+                }),
+                "helper-state": e(se)(e(u), "image"),
+                "helper-text": e(le)(e(u), "image")
+              }, null, 8, ["label", "thumbnail", "file", "helper-state", "helper-text"]),
+              i(q, {
+                "model-value": e(H.Dinero).fromFdoDinero(e(t).price).toUnit(),
+                label: e(c)("connect.store.bundle.edit.bundlePrice"),
+                min: 0,
+                "max-fraction-digits": 2,
+                "onUpdate:modelValue": a[4] || (a[4] = (S) => {
+                  e(t).price.amount = S * 10 ** e(t).price.precision;
+                }),
+                "is-currency": !0,
+                "show-steppers": !1,
+                "helper-text": e(le)(e(u), "price") || `${e(H.Dinero).fromNumber({ number: 1 }).toFormat(
+                  !0
+                )} = ${e(H.Dinero).fromNumber({ number: 1 }).toUnit()} credit`,
+                "helper-state": e(se)(e(u), "price")
+              }, {
+                prepend: I(() => [
+                  be(P(e(H.Dinero).defaultCurrency()), 1)
+                ]),
+                _: 1
+              }, 8, ["model-value", "label", "helper-text", "helper-state"]),
+              i(q, {
+                "model-value": e(H.Dinero).fromFdoDinero(e(t).originalPrice).toUnit(),
+                label: e(c)("connect.store.bundle.edit.bundleValue"),
+                min: 0,
+                "max-fraction-digits": 2,
+                "onUpdate:modelValue": a[5] || (a[5] = (S) => {
+                  e(t).originalPrice || (e(t).originalPrice = e(H.Dinero).zero().toObject()), e(t).originalPrice.amount = S * 10 ** e(t).originalPrice.precision;
+                }),
+                "is-currency": !0,
+                "show-steppers": !1,
+                "helper-text": e(le)(e(u), "originalPrice") || e(c)("connect.store.bundle.edit.originalPriceHelper"),
+                "helper-state": e(se)(e(u), "originalPrice")
+              }, {
+                prepend: I(() => [
+                  be(P(e(H.Dinero).defaultCurrency()), 1)
+                ]),
+                _: 1
+              }, 8, ["model-value", "label", "helper-text", "helper-state"]),
+              e(t).isFeedvibe ? L("", !0) : (p(), D(q, {
+                key: 0,
+                "model-value": e(t).coinPrice ?? null,
+                label: e(c)("connect.store.bundle.edit.pointNeeded"),
+                min: 0,
+                "onUpdate:modelValue": a[6] || (a[6] = (S) => {
+                  S > 0 && e(t).credit.normal > 0 && (e(t).credit.normal = 0), e(t).coinPrice = S;
+                }),
+                "show-steppers": !1,
+                "helper-state": e(se)(e(u), "coinPrice"),
+                "helper-text": e(le)(e(u), "coinPrice")
+              }, {
+                append: I(() => [...a[22] || (a[22] = [
+                  be(" point(s) ", -1)
+                ])]),
+                _: 1
+              }, 8, ["model-value", "label", "helper-state", "helper-text"])),
+              (M = e(h).storeOption) != null && M.stripe && !e(t).isFeedvibe ? (p(), U(J, { key: 1 }, [
+                s("div", mo, P(e(c)("connect.store.bundle.edit.subscriptionSettings")), 1),
+                i(z, {
+                  label: e(c)("connect.store.bundle.edit.stripePriceId"),
+                  modelValue: e(t).stripePriceId,
+                  "onUpdate:modelValue": a[7] || (a[7] = (S) => e(t).stripePriceId = S),
+                  "helper-state": e(se)(e(u), "stripePriceId"),
+                  "helper-text": e(le)(e(u), "stripePriceId")
+                }, null, 8, ["label", "modelValue", "helper-state", "helper-text"]),
+                e(t).stripePriceId ? (p(), D(q, {
+                  key: 0,
+                  "model-value": e(t).subscriptionValidity ?? null,
+                  min: 1,
+                  "onUpdate:modelValue": X,
+                  label: e(c)("connect.store.bundle.edit.subscriptionValidity"),
+                  "show-steppers": !1,
+                  "helper-state": e(se)(e(u), "subscriptionValidity"),
+                  "helper-text": e(le)(e(u), "subscriptionValidity")
+                }, null, 8, ["model-value", "label", "helper-state", "helper-text"])) : L("", !0)
+              ], 64)) : L("", !0),
+              e(t).isFeedvibe ? L("", !0) : (p(), U(J, { key: 2 }, [
+                s("div", po, P(e(c)("connect.store.bundle.edit.credit")), 1),
+                i(q, {
+                  modelValue: e(t).credit.normal,
+                  "onUpdate:modelValue": a[8] || (a[8] = (S) => e(t).credit.normal = S),
+                  label: e(c)("connect.store.bundle.edit.normalCredit"),
+                  "show-steppers": !1,
+                  "helper-state": e(se)(e(u), "credit.normal"),
+                  "helper-text": e(le)(e(u), "credit.normal")
+                }, {
+                  append: I(() => [...a[23] || (a[23] = [
+                    be(" credit ", -1)
+                  ])]),
+                  _: 1
+                }, 8, ["modelValue", "label", "helper-state", "helper-text"]),
+                i(q, {
+                  "model-value": ((k = e(t).credit.free) == null ? void 0 : k.amount) ?? null,
+                  min: 0,
+                  "onUpdate:modelValue": a[9] || (a[9] = (S) => {
+                    e(t).credit.free || (e(t).credit.free = {
+                      amount: 0,
+                      day: 1
+                    }), e(t).credit.free.amount = S;
+                  }),
+                  label: e(c)("connect.store.bundle.edit.freeCredit"),
+                  "show-steppers": !1,
+                  "helper-state": e(se)(e(u), "credit.free.amount"),
+                  "helper-text": e(le)(e(u), "credit.free.amount")
+                }, {
+                  append: I(() => [...a[24] || (a[24] = [
+                    be(" credit ", -1)
+                  ])]),
+                  _: 1
+                }, 8, ["model-value", "label", "helper-state", "helper-text"]),
+                (K = e(t).credit.free) != null && K.amount ? (p(), D(q, {
+                  key: 0,
+                  disabled: !!e(t).stripePriceId,
+                  "model-value": ((A = e(t).credit.free) == null ? void 0 : A.day) ?? null,
+                  min: 0,
+                  "onUpdate:modelValue": a[10] || (a[10] = (S) => {
+                    e(t).credit.free || (e(t).credit.free = {
+                      amount: 0,
+                      day: 1
+                    }), e(t).credit.free.day = e(E) || S;
+                  }),
+                  label: "Free credit valid for",
+                  "show-steppers": !1,
+                  "helper-state": e(se)(e(u), "credit.free.day"),
+                  "helper-text": e(le)(e(u), "credit.free.day")
+                }, {
+                  append: I(() => [...a[25] || (a[25] = [
+                    be(" day(s) ", -1)
+                  ])]),
+                  _: 1
+                }, 8, ["disabled", "model-value", "helper-state", "helper-text"])) : L("", !0)
+              ], 64)),
+              e(ie) ? (p(), U(J, { key: 3 }, [
+                a[26] || (a[26] = s("div", { class: "fm-typo-en-title-sm-800 !mb-[-16px]" }, "Taxes", -1)),
+                i(io, {
+                  modelValue: e(t).taxes,
+                  "onUpdate:modelValue": a[11] || (a[11] = (S) => e(t).taxes = S)
+                }, null, 8, ["modelValue"]),
+                i(z, {
+                  label: `Tax Charged (${e(he)})`,
+                  "model-value": e(de),
+                  disabled: ""
+                }, null, 8, ["label", "model-value"])
+              ], 64)) : L("", !0),
+              i(q, {
+                label: "Total Price",
+                "model-value": e(pe),
+                disabled: !0
+              }, null, 8, ["model-value"]),
+              s("div", fo, P(e(c)("connect.store.bundle.edit.bundleReward.title")), 1),
+              s("div", yo, P(e(c)("connect.store.bundle.edit.bundleReward.description")), 1),
+              s("div", go, [
+                s("div", bo, [
+                  i(yt, {
+                    label: `Reward type: ${e(d).length == 0 ? "All" : e(d)[0].name}`
+                  }, {
+                    default: I(() => [
+                      i(fe, {
+                        onClick: a[12] || (a[12] = (S) => d.value = []),
+                        label: "All"
+                      }),
+                      i(fe, {
+                        onClick: a[13] || (a[13] = (S) => d.value = [
+                          {
+                            id: "type",
+                            value: "VOUCHER",
+                            name: e($e).VOUCHER.name
+                          }
+                        ]),
+                        label: e($e).VOUCHER.name
+                      }, null, 8, ["label"]),
+                      i(fe, {
+                        onClick: a[14] || (a[14] = (S) => d.value = [
+                          {
+                            id: "type",
+                            value: "TITLE",
+                            name: e($e).TITLE.name
+                          }
+                        ]),
+                        label: e($e).TITLE.name
+                      }, null, 8, ["label"])
+                    ]),
+                    _: 1
+                  }, 8, ["label"])
+                ]),
+                i(we, {
+                  modelValue: e(Z),
+                  "onUpdate:modelValue": a[15] || (a[15] = (S) => ve(Z) ? Z.value = S : null),
+                  selection: "multiple",
+                  "column-filter": e(d),
+                  "column-defs": w,
+                  "row-data": e($),
+                  "hide-footer": e($).length <= 10
+                }, null, 8, ["modelValue", "column-filter", "row-data", "hide-footer"]),
+                i(N, {
+                  text: e(le)(e(u), "titles"),
+                  state: e(se)(e(u), "titles")
+                }, null, 8, ["text", "state"])
+              ]),
+              s("div", vo, P(e(c)("connect.store.bundle.edit.advanceSetting")), 1),
+              s("div", ho, [
+                e(t).isFeedvibe ? L("", !0) : (p(), U(J, { key: 0 }, [
+                  i(F, {
+                    "model-value": e(t).internal ?? !1,
+                    "onUpdate:modelValue": a[16] || (a[16] = (S) => e(t).internal = S),
+                    "label-placement": "right",
+                    label: e(c)("connect.store.bundle.edit.internalBundle"),
+                    sublabel: e(c)("connect.store.bundle.edit.internalBundleDescription")
+                  }, null, 8, ["model-value", "label", "sublabel"]),
+                  i(F, {
+                    "model-value": e(t).hideInPos ?? !1,
+                    "onUpdate:modelValue": a[17] || (a[17] = (S) => e(t).hideInPos = S),
+                    "label-placement": "right",
+                    label: e(c)("connect.store.bundle.edit.hideInPos"),
+                    sublabel: e(c)("connect.store.bundle.edit.hideInPosDescription")
+                  }, null, 8, ["model-value", "label", "sublabel"])
+                ], 64)),
+                i(q, {
+                  "model-value": ((oe = (W = e(t).config) == null ? void 0 : W.options) == null ? void 0 : oe.maxPerUser) || null,
+                  "onUpdate:modelValue": a[18] || (a[18] = (S) => e(ue).set(e(t), "config.options.maxPerUser", S)),
+                  label: e(c)("connect.store.bundle.edit.maxPerUser"),
+                  "show-steppers": !1,
+                  placeholder: e(c)("connect.store.bundle.edit.unlimited")
+                }, null, 8, ["model-value", "label", "placeholder"]),
+                i(q, {
+                  "model-value": ((ne = (Y = e(t).config) == null ? void 0 : Y.options) == null ? void 0 : ne.maxReceive) || null,
+                  "onUpdate:modelValue": a[19] || (a[19] = (S) => e(ue).set(e(t), "config.options.maxReceive", S)),
+                  label: e(c)("connect.store.bundle.edit.maxReceive"),
+                  "show-steppers": !1,
+                  placeholder: e(c)("connect.store.bundle.edit.unlimited")
+                }, null, 8, ["model-value", "label", "placeholder"])
+              ])
+            ])) : L("", !0)
+          ];
+        }),
+        _: 1
+      }, 8, ["modelValue", "header"]);
+    };
+  }
+}), Co = { class: "flex gap-8 items-center flex-wrap" }, So = { class: "flex items-center gap-8" }, Fo = /* @__PURE__ */ te({
+  __name: "SendBundleSheet",
+  emits: ["success"],
+  setup(b, { expose: x, emit: o }) {
+    const { minor: y } = ze, c = j(), h = j(""), n = j(""), m = j([]), l = j(!1), t = j();
+    j(!0);
+    function r($) {
+      l.value = !0, h.value = null, n.value = "", c.value = $.bundle;
+    }
+    function f() {
+      l.value = !1;
+    }
+    async function u($) {
+      const T = await _t.read({
+        limit: 25,
+        skip: 0,
+        sortBy: "_id",
+        search: $,
+        descending: !1
+      });
+      m.value = T.resources.map((E) => ({
+        label: `${E.name} (${E.phoneNumber})`,
+        value: E._id
+      })), await new Promise((E) => setTimeout(E, 100));
+    }
+    async function w() {
+      if (!c.value || !h.value) return;
+      const $ = m.value.find(
+        (E) => E.value === h.value
+      );
+      await Ce.confirm(
+        `Are you sure you want to send bundle ${c.value.name} to ${$ == null ? void 0 : $.label}?`,
+        "Confirm",
+        "Confirm",
+        "Cancel"
+      ) && await y(
+        async () => {
+          const E = {
+            bundle: c.value._id,
+            member: h.value,
+            source: rt.enum.ADMIN,
+            ref: `ADMIN:${(/* @__PURE__ */ new Date()).toISOString()}:${n.value}`,
+            withCoin: !1
+          };
+          await ke.sendBundle(E), f();
+        },
+        {
+          message: "Sending bundle",
+          successMessage: "Bundle sent"
+        }
+      );
+    }
+    const d = O(() => {
+      var T, E, X;
+      const $ = [];
+      return ((T = c.value) == null ? void 0 : T.price.amount) > 0 && $.push(
+        `${H.Config.getCountry().currency.symbol}${We((E = c.value) == null ? void 0 : E.price)}`
+      ), (X = c.value) != null && X.coinPrice && $.push(`${c.value.coinPrice} point(s)`), $.join(" or ");
+    });
+    return x({
+      showSheet: r,
+      hideSheet: f
+    }), Te(async () => {
+      await u("");
+    }), ($, T) => {
+      const E = v("FmCardMedia"), X = v("FmCardHeader"), ae = v("FmChip"), Z = v("FmCardSection"), ie = v("FmCard"), he = v("FmSelect"), V = v("FmTextField"), de = v("FmForm"), pe = v("FmButton"), Fe = v("FmSideSheet");
+      return p(), D(Fe, {
+        "max-width": 560,
+        "dismiss-away": !0,
+        header: "Send bundle to member",
+        modelValue: e(l),
+        "onUpdate:modelValue": [
+          T[4] || (T[4] = (G) => ve(l) ? l.value = G : null),
+          T[5] || (T[5] = (G) => l.value = G)
+        ]
+      }, {
+        "side-sheet-footer": I(() => [
+          s("div", So, [
+            i(pe, {
+              label: "Send",
+              loading: e(Ue)().isLoading,
+              onClick: T[2] || (T[2] = async () => {
+                var G;
+                return (G = e(t)) == null ? void 0 : G.validateInputs();
+              })
+            }, null, 8, ["loading"]),
+            i(pe, {
+              label: "Cancel",
+              type: "button",
+              variant: "tertiary",
+              onClick: T[3] || (T[3] = (G) => l.value = !1)
+            })
+          ])
+        ]),
+        default: I(() => [
+          i(de, {
+            class: "space-y-16",
+            ref_key: "form",
+            ref: t,
+            onValidationSuccess: w,
+            blameFormChildOnValidationFailed: ""
+          }, {
+            default: I(() => [
+              i(ie, {
+                class: "max-w-[700px]",
+                horizontal: "",
+                variant: "outlined"
+              }, {
+                default: I(() => {
+                  var G, _e;
+                  return [
+                    (G = e(c)) != null && G.image ? (p(), D(E, {
+                      key: 0,
+                      width: "100",
+                      src: (_e = e(c)) == null ? void 0 : _e.image
+                    }, null, 8, ["src"])) : L("", !0),
+                    i(Z, { class: "flex flex-col gap-16 justify-between" }, {
+                      default: I(() => {
+                        var _;
+                        return [
+                          i(X, {
+                            class: "p-0",
+                            title: (_ = e(c)) == null ? void 0 : _.name,
+                            subtitle: e(d)
+                          }, null, 8, ["title", "subtitle"]),
+                          i(Z, { class: "p-0" }, {
+                            default: I(() => {
+                              var a, F, N, z, Q, q, fe, we, g, C, R;
+                              return [
+                                s("div", Co, [
+                                  (a = e(c)) != null && a.isFeedvibe ? (p(), D(ae, {
+                                    key: 0,
+                                    label: "Feedvibe"
+                                  })) : L("", !0),
+                                  (N = (F = e(c)) == null ? void 0 : F.titles) != null && N.length ? (p(), D(ae, {
+                                    key: 1,
+                                    label: `${e(c).titles.length} title(s)`
+                                  }, null, 8, ["label"])) : L("", !0),
+                                  (Q = (z = e(c)) == null ? void 0 : z.vouchers) != null && Q.length ? (p(), D(ae, {
+                                    key: 2,
+                                    label: `${e(c).vouchers.length} voucher(s)`
+                                  }, null, 8, ["label"])) : L("", !0),
+                                  (fe = (q = e(c)) == null ? void 0 : q.credit) != null && fe.normal || (C = (g = (we = e(c)) == null ? void 0 : we.credit) == null ? void 0 : g.free) != null && C.amount ? (p(), D(ae, {
+                                    key: 3,
+                                    label: `${(e(c).credit.normal || 0) + (((R = e(c).credit.free) == null ? void 0 : R.amount) || 0)} credit(s)`
+                                  }, null, 8, ["label"])) : L("", !0)
+                                ])
+                              ];
+                            }),
+                            _: 1
+                          })
+                        ];
+                      }),
+                      _: 1
+                    })
+                  ];
+                }),
+                _: 1
+              }),
+              i(he, {
+                modelValue: e(h),
+                "onUpdate:modelValue": T[0] || (T[0] = (G) => ve(h) ? h.value = G : null),
+                label: "Select member",
+                searchable: "",
+                items: e(m),
+                onSearch: u,
+                rules: [(G) => !!G > 0 || "Member is required"],
+                "helper-text": "Type to search member"
+              }, null, 8, ["modelValue", "items", "rules"]),
+              i(V, {
+                modelValue: e(n),
+                "onUpdate:modelValue": T[1] || (T[1] = (G) => ve(n) ? n.value = G : null),
+                label: "Reference (optional)",
+                rules: [
+                  (G) => G.length < 50 || "Reference must be less than 50 characters"
+                ]
+              }, null, 8, ["modelValue", "rules"])
+            ]),
+            _: 1
+          }, 512)
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+});
+async function je({
+  hasStoreCompany: b,
+  confirm: x,
+  showSettingSheet: o
+}) {
+  return b ? !0 : (await x() && o(!0), !1);
+}
+const wo = { class: "flex items-center gap-8" }, $o = { class: "flex-shrink-0 -mr-8 -mt-8" }, Vo = ["title"], ko = ["src"], Po = { class: "relative flex items-center gap-8" }, To = { class: "font-mono tracking-[0.1em] fm-typo-en-body-sm-600 truncate" }, Ro = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Uo = {
+  key: 0,
+  class: "flex items-center gap-6"
+}, Bo = "linear-gradient(135deg,#FF9455,#B25300)", Io = /* @__PURE__ */ te({
+  __name: "GiftCardProgramCard",
+  props: {
+    program: {},
+    disabled: { type: Boolean }
+  },
+  emits: ["edit", "setLive", "deactivate"],
+  setup(b, { emit: x }) {
+    const o = b, y = x, c = O(() => ct(o.program)), h = O(() => {
+      const { denominations: l, anyAmount: t } = c.value, r = [], f = [
+        ...l,
+        ...t ? [t.min, t.max] : []
+      ];
+      if (f.length) {
+        const u = Math.min(...f), w = Math.max(...f);
+        r.push(u === w ? `RM${u}` : `RM${u}–RM${w}`);
+      }
+      return t && r.push("Any amount"), r.join(" · ");
+    }), n = O(() => {
+      var l;
+      return ((l = o.program.designs) == null ? void 0 : l[0]) ?? null;
+    }), m = O(() => {
+      const l = o.program.numberFormat, t = (l == null ? void 0 : l.prefix) ?? "GC", r = Math.max(4, Math.min(Number((l == null ? void 0 : l.length) ?? 12), 16));
+      return `${t}${"•".repeat(r)}`;
+    });
+    return (l, t) => {
+      const r = v("FmChip"), f = v("FmButton"), u = v("FmMenuItem"), w = v("FmMenu"), d = v("FmIcon"), $ = v("FmCard");
+      return p(), D($, {
+        variant: "outlined",
+        class: "flex flex-col gap-y-12 p-16 h-full"
+      }, {
+        default: I(() => [
+          s("div", wo, [
+            i(r, {
+              label: "Gift card",
+              variant: "neutral",
+              compact: ""
+            }),
+            i(r, {
+              label: b.program.active ? "Live" : "Inactive",
+              variant: b.program.active ? "success" : "neutral",
+              compact: ""
+            }, null, 8, ["label", "variant"]),
+            t[4] || (t[4] = s("div", { class: "flex-1" }, null, -1)),
+            s("div", $o, [
+              i(w, { placement: "bottom-end" }, {
+                "menu-button": I(() => [
+                  i(f, {
+                    icon: "more_vert",
+                    variant: "tertiary"
+                  })
+                ]),
+                default: I(() => [
+                  i(u, {
+                    onClick: t[0] || (t[0] = (T) => y("edit")),
+                    icon: "edit",
+                    label: "Edit"
+                  }),
+                  b.program.active ? (p(), D(u, {
+                    key: 1,
+                    onClick: t[2] || (t[2] = (T) => y("deactivate")),
+                    icon: "pause_circle",
+                    label: "Set inactive"
+                  })) : (p(), D(u, {
+                    key: 0,
+                    onClick: t[1] || (t[1] = (T) => y("setLive")),
+                    icon: "check_circle",
+                    label: "Set live"
+                  }))
+                ]),
+                _: 1
+              })
+            ])
+          ]),
+          s("div", {
+            class: "fm-typo-en-body-lg-600 truncate",
+            title: b.program.name
+          }, P(b.program.name), 9, Vo),
+          s("div", {
+            class: "relative w-full aspect-[1.586/1] rounded-lg overflow-hidden flex flex-col p-12 text-fm-color-typo-white",
+            style: tt({ background: Bo })
+          }, [
+            e(n) ? (p(), U("img", {
+              key: 0,
+              src: e(n),
+              alt: "",
+              class: "absolute inset-0 w-full h-full object-cover"
+            }, null, 8, ko)) : L("", !0),
+            t[6] || (t[6] = s("div", { class: "relative flex items-start justify-between" }, [
+              s("span", { class: "fm-typo-en-body-md-600" }, "FeedMe"),
+              s("span", { class: "fm-typo-en-body-sm-600 uppercase tracking-[0.1em] opacity-90" }, " Gift Card ")
+            ], -1)),
+            t[7] || (t[7] = s("div", { class: "flex-1" }, null, -1)),
+            s("div", Po, [
+              t[5] || (t[5] = s("span", { class: "w-[28px] h-[20px] rounded-sm flex-none bg-gradient-to-br from-[#F4D479] to-[#C99B3B]" }, null, -1)),
+              s("span", To, P(e(m)), 1)
+            ])
+          ], 4),
+          s("div", Ro, P(e(h)), 1),
+          t[9] || (t[9] = s("div", { class: "flex-1" }, null, -1)),
+          b.program.active ? (p(), U("div", Uo, [
+            i(d, {
+              name: "check",
+              size: "sm",
+              class: "text-fm-color-system-success-400"
+            }),
+            t[8] || (t[8] = s("span", { class: "fm-typo-en-body-sm-600 text-fm-color-system-success-400" }, " Live to customers ", -1))
+          ])) : (p(), D(f, {
+            key: 1,
+            label: "Set live",
+            variant: "secondary",
+            size: "md",
+            disabled: b.disabled,
+            onClick: t[3] || (t[3] = (T) => y("setLive"))
+          }, null, 8, ["disabled"]))
+        ]),
+        _: 1
+      });
+    };
+  }
+}), Do = { class: "rounded-lg border-1 border-fm-color-primary p-24 flex flex-col gap-16" }, No = { class: "flex items-start gap-16" }, Mo = { class: "w-40 h-40 rounded-md flex-none grid place-items-center bg-fm-color-primary" }, Ao = { class: "flex flex-col gap-4" }, Oo = { class: "fm-typo-en-body-lg-600" }, Eo = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Lo = { class: "rounded-md border-1 border-fm-color-neutral-gray-200" }, jo = { class: "w-24 h-24 rounded-sm flex-none grid place-items-center bg-fm-color-primary-oats text-fm-color-primary fm-typo-en-body-sm-600" }, Ko = { class: "flex-1 min-w-0" }, Ho = { class: "fm-typo-en-body-md-600" }, Go = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, qo = { class: "px-8 py-4 rounded-sm bg-fm-color-primary-oats text-fm-color-primary fm-typo-en-body-sm-600 whitespace-nowrap" }, zo = /* @__PURE__ */ te({
+  __name: "StoreOnboarding",
+  props: {
+    hasStoreSetting: { type: Boolean },
+    hasPayoutAccount: { type: Boolean },
+    isPremium: { type: Boolean }
+  },
+  emits: ["setupStoreSetting", "setupPayout"],
+  setup(b, { emit: x }) {
+    const { t: o } = Se(), y = b, c = x, h = O(() => {
+      const n = [];
+      return y.isPremium && n.push({
+        key: "payout",
+        title: o("connect.store.onboarding.payoutTitle"),
+        description: o("connect.store.onboarding.payoutDescription"),
+        done: y.hasPayoutAccount,
+        action: "setupPayout"
+      }), n.push({
+        key: "setting",
+        title: o("connect.store.onboarding.settingTitle"),
+        description: o("connect.store.onboarding.settingDescription"),
+        done: y.hasStoreSetting,
+        action: "setupStoreSetting"
+      }), n;
+    });
+    return (n, m) => {
+      const l = v("FmIcon"), t = v("FmChip"), r = v("FmButton");
+      return p(), U("div", Do, [
+        s("div", No, [
+          s("span", Mo, [
+            i(l, {
+              name: "warning",
+              class: "text-fm-color-typo-white"
+            })
+          ]),
+          s("div", Ao, [
+            s("div", Oo, P(e(o)("connect.store.onboarding.title")), 1),
+            s("div", Eo, P(e(o)("connect.store.onboarding.description")), 1)
+          ])
+        ]),
+        s("div", Lo, [
+          (p(!0), U(J, null, me(e(h), (f, u) => (p(), U("div", {
+            key: f.key,
+            class: ot(["flex items-center gap-16 p-16", u > 0 ? "border-t-1 border-fm-color-neutral-gray-200" : ""])
+          }, [
+            s("span", jo, P(u + 1), 1),
+            s("div", Ko, [
+              s("div", Ho, P(f.title), 1),
+              s("div", Go, P(f.description), 1)
+            ]),
+            f.done ? (p(), D(t, {
+              key: 0,
+              label: e(o)("connect.store.onboarding.complete"),
+              variant: "success",
+              compact: ""
+            }, null, 8, ["label"])) : (p(), U(J, { key: 1 }, [
+              s("span", qo, P(e(o)("connect.store.onboarding.incomplete")), 1),
+              i(r, {
+                class: "flex-none",
+                label: e(o)("connect.store.onboarding.setupNow"),
+                variant: "primary",
+                onClick: (w) => f.action === "setupPayout" ? c("setupPayout") : c("setupStoreSetting")
+              }, null, 8, ["label", "onClick"])
+            ], 64))
+          ], 2))), 128))
+        ])
+      ]);
+    };
+  }
+}), Wo = { class: "grid lg:grid-cols-2 gap-32 items-center" }, Yo = { class: "flex flex-col gap-16" }, Jo = { class: "self-start inline-flex items-center gap-4 px-8 py-4 rounded-sm bg-fm-color-secondary-blueberry text-fm-color-typo-white fm-typo-en-body-sm-600 uppercase tracking-[0.05em]" }, Xo = { class: "flex flex-col gap-8" }, Zo = { class: "fm-typo-en-title-md-800" }, Qo = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary max-w-[460px]" }, en = { class: "flex flex-col gap-16" }, tn = { class: "w-40 h-40 rounded-md flex-none grid place-items-center bg-fm-color-primary-oats text-fm-color-primary" }, on = { class: "flex flex-col gap-2" }, nn = { class: "fm-typo-en-body-md-600" }, an = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, sn = { class: "flex items-center gap-16 pt-8" }, ln = { class: "relative rounded-lg overflow-hidden aspect-[4/3] flex items-end justify-center bg-gradient-to-br from-[#FFF3E6] to-[#FDE6D0]" }, rn = { class: "absolute inset-0 grid place-items-center" }, cn = { class: "relative w-[68%] max-w-[320px]" }, dn = { class: "relative w-full aspect-[1.586/1] rounded-lg p-16 flex flex-col justify-between text-fm-color-typo-white bg-gradient-to-br from-[#C98A4B] to-[#A96A2E] rotate-[-3deg]" }, un = { class: "flex flex-col" }, mn = { class: "fm-typo-en-body-sm-400 uppercase tracking-[0.12em] opacity-90" }, pn = /* @__PURE__ */ te({
+  __name: "GiftCardUpsell",
+  emits: ["upgrade", "comparePlans"],
+  setup(b, { emit: x }) {
+    const { t: o } = Se(), y = x, c = [
+      {
+        icon: "send",
+        title: "connect.store.giftCard.benefitGiftTitle",
+        description: "connect.store.giftCard.benefitGiftDescription"
+      },
+      {
+        icon: "bar_chart",
+        title: "connect.store.giftCard.benefitSalesTitle",
+        description: "connect.store.giftCard.benefitSalesDescription"
+      },
+      {
+        icon: "favorite",
+        title: "connect.store.giftCard.benefitLoyaltyTitle",
+        description: "connect.store.giftCard.benefitLoyaltyDescription"
+      }
+    ];
+    return (h, n) => {
+      const m = v("FmIcon"), l = v("FmButton"), t = v("FmCard");
+      return p(), D(t, {
+        variant: "outlined",
+        class: "p-24"
+      }, {
+        default: I(() => [
+          s("div", Wo, [
+            s("div", Yo, [
+              s("span", Jo, [
+                i(m, {
+                  name: "stars",
+                  size: "sm"
+                }),
+                be(" " + P(e(o)("connect.store.giftCard.premium")), 1)
+              ]),
+              s("div", Xo, [
+                s("div", Zo, P(e(o)("connect.store.giftCard.upsellTitle")), 1),
+                s("div", Qo, P(e(o)("connect.store.giftCard.upsellDescription")), 1)
+              ]),
+              s("div", en, [
+                (p(), U(J, null, me(c, (r) => s("div", {
+                  key: r.icon,
+                  class: "flex items-start gap-12"
+                }, [
+                  s("span", tn, [
+                    i(m, {
+                      name: r.icon
+                    }, null, 8, ["name"])
+                  ]),
+                  s("div", on, [
+                    s("div", nn, P(e(o)(r.title)), 1),
+                    s("div", an, P(e(o)(r.description)), 1)
+                  ])
+                ])), 64))
+              ]),
+              s("div", sn, [
+                i(l, {
+                  label: e(o)("connect.store.giftCard.upgrade"),
+                  variant: "primary",
+                  onClick: n[0] || (n[0] = (r) => y("upgrade"))
+                }, null, 8, ["label"]),
+                s("button", {
+                  type: "button",
+                  class: "inline-flex items-center gap-4 fm-typo-en-body-md-600 text-fm-color-typo-primary",
+                  onClick: n[1] || (n[1] = (r) => y("comparePlans"))
+                }, [
+                  be(P(e(o)("connect.store.giftCard.comparePlans")) + " ", 1),
+                  i(m, {
+                    name: "chevron_right",
+                    size: "sm"
+                  })
+                ])
+              ])
+            ]),
+            s("div", ln, [
+              s("div", rn, [
+                s("div", cn, [
+                  n[5] || (n[5] = s("div", { class: "absolute -left-[14%] top-[6%] w-full aspect-[1.586/1] rounded-lg bg-gradient-to-br from-[#3A3A3C] to-[#1C1C1E] rotate-[-8deg]" }, null, -1)),
+                  s("div", dn, [
+                    n[4] || (n[4] = s("span", { class: "fm-typo-en-body-md-600" }, "FeedMe", -1)),
+                    s("div", un, [
+                      s("span", mn, P(e(o)("connect.store.giftCard.giftCardLabel")), 1),
+                      n[3] || (n[3] = s("span", { class: "fm-typo-en-title-md-800" }, "RM100", -1))
+                    ])
+                  ])
+                ])
+              ]),
+              s("button", {
+                type: "button",
+                class: "relative mb-24 inline-flex items-center gap-8 px-16 py-8 rounded-full bg-fm-color-neutral-black text-fm-color-typo-white fm-typo-en-body-sm-600",
+                onClick: n[2] || (n[2] = (r) => y("upgrade"))
+              }, [
+                i(m, {
+                  name: "lock",
+                  size: "sm"
+                }),
+                be(" " + P(e(o)("connect.store.giftCard.unlockNow")), 1)
+              ])
+            ])
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+var Ke = { authUrl: "https://portal-v2-dev.feedmeapi.com/", slackWebhookUrl: "https://hooks.slack.com/services/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", appUrl: "feedmedev.vip", crmUrl: "crm.feedmedev.cc", paymentPortalUrl: "https://portal.feedmedev.cc/payment/payout-account", licensePortalUrl: "https://license.feedmedev.cc/", marketingV1Portal: "https://marketing-v1.feedmedev.cc", voucherAppUrl: "https://voucher.feedmedev.cc/" };
+const fn = { class: "px-24 flex flex-col gap-y-16" }, yn = { class: "space-y-8 py-12" }, gn = { class: "flex gap-8 items-center" }, bn = { class: "fm-typo-en-body-lg-600" }, vn = { class: "px-8 py-2 rounded-sm bg-fm-color-primary-oats text-fm-color-primary fm-typo-en-body-sm-600" }, hn = {
+  key: 1,
+  class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary"
+}, xn = {
+  key: 1,
+  class: "grid sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-24"
+}, _n = { class: "flex gap-8 items-center" }, Cn = { class: "fm-typo-en-body-lg-600" }, Sn = { class: "grid sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-24" }, Fn = { class: "flex flex-col gap-16 text-center" }, wn = { class: "fm-typo-en-title-sm-800" }, $n = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, sa = /* @__PURE__ */ te({
+  __name: "Store",
+  setup(b) {
+    const x = {
+      label: "Setup payout account",
+      value: "payout",
+      isPrimary: !1
+    }, { t: o } = Se(), y = {
+      label: o("connect.store.actions.setting"),
+      value: "setting",
+      isPrimary: !1
+    }, c = {
+      label: o("connect.store.actions.manageReward"),
+      value: "create_reward"
+    }, h = {
+      label: o("connect.store.actions.addCategory"),
+      value: "create_category",
+      isPrimary: !0,
+      prependIcon: "add"
+    }, n = j(), m = St(), l = Oe(), { global: t, minor: r } = ze, f = He(), u = O(() => l.sortedStoreCategories), w = O(() => l.sortedStoreCategories.map((g) => g.name)), d = j(), $ = j(), T = Ct(), E = j([]), X = O(() => T.isPremium), ae = O(() => {
+      var g;
+      return !!((g = l.storeOption) != null && g.company);
+    }), Z = O(
+      () => {
+        var g, C;
+        return ((g = l.payoutAccount) == null ? void 0 : g.status) === "APPROVED" && ((C = l.payoutAccount) == null ? void 0 : C.enable) === !0;
+      }
+    ), ie = O(
+      () => !ae.value || X.value && !Z.value
+    );
+    function he() {
+      window.open(
+        `${Ke.licensePortalUrl}business/${qe.businessId}/settings`,
+        "_blank"
+      );
+    }
+    function V() {
+      window.open("https://feedme.ai/pricing", "_blank", "noopener");
+    }
+    async function de() {
+      if (X.value)
+        try {
+          E.value = await Ne.readPrograms();
+        } catch {
+          E.value = [];
+        }
+    }
+    function pe() {
+      m.push({ name: Ie["$connect-STORE_GIFT_CARD_SETUP"] });
+    }
+    function Fe(g) {
+      m.push({
+        name: Ie["$connect-STORE_GIFT_CARD_SETUP"],
+        params: { id: String(g._id) }
+      });
+    }
+    async function G(g) {
+      await Ce.confirm(
+        `Set "${g.name}" live? Only one gift card can be live at a time, so any other will be set inactive.`,
+        "Set live",
+        "Set live",
+        "Cancel"
+      ) && await r(
+        async () => {
+          await Ne.activateProgram(String(g._id)), await de();
+        },
+        { message: "Setting live", successMessage: "Gift card is live" }
+      );
+    }
+    async function _e(g) {
+      await r(
+        async () => {
+          await Ne.deactivateProgram(String(g._id)), await de();
+        },
+        { message: "Updating gift card", successMessage: "Gift card set inactive" }
+      );
+    }
+    async function _(g) {
+      var C;
+      g === "setting" ? (C = d.value) == null || C.showSheet(!0, l.storeOption) : g === "create_category" ? z(-1) : g === "create_reward" ? await m.push({ name: Ie["$connect-STORE_REWARDS"] }) : g == "payout" && window.open(Ke.paymentPortalUrl, "_blank");
+    }
+    function a(g, C) {
+      var K;
+      const R = !!((K = C.company) != null && K.sstRegNo), B = C.inclusiveTaxes ?? [], M = ee.taxSystem.map((A) => A.code), k = R ? B.flatMap((A) => {
+        console.log(A, "inclusive tax");
+        const W = ee.systemDefaultCode(A.systemCode);
+        return W ? [{ systemCode: A.systemCode, taxCode: W.taxCode }] : [];
+      }) : [];
+      return console.log([
+        ["hasSstRegNo", R],
+        ["defaultTaxCodes", k],
+        ["inclusiveTaxes", B],
+        ["taxSystemCodes", M]
+      ]), g.map((A) => ({
+        ...A,
+        bundles: A.bundles.map((W) => {
+          const { pf_vouchers: oe, ...Y } = W;
+          if (!R)
+            return {
+              ...Y,
+              taxes: [],
+              taxTotals: [],
+              priceWithTaxes: { ...Y.price }
+            };
+          const ne = k, S = Ye(
+            ee.fullTax,
+            ne,
+            Y.price,
+            Number(Y.credit.normal),
+            B,
+            M
+          );
+          return {
+            ...Y,
+            taxes: ne,
+            taxTotals: S,
+            priceWithTaxes: Je(
+              S,
+              Y.price,
+              B
+            )
+          };
+        })
+      }));
+    }
+    async function F(g, C, R) {
+      const B = !R && !!C, M = !!R && !C;
+      let k;
+      if (B) {
+        const A = ee.taxSystem[0] ? ee.systemDefaultCode(ee.taxSystem[0].code) : void 0, W = A ? `${A.name} (${A.taxCode})` : o("connect.store.taxPropagation.defaultTax");
+        k = o("connect.store.taxPropagation.addConfirm", {
+          taxCode: W
+        });
+      } else M ? k = o("connect.store.taxPropagation.removeConfirm") : k = o("connect.store.taxPropagation.updateConfirm");
+      await Ce.confirm(
+        k,
+        o("connect.store.taxPropagation.title"),
+        o("connect.store.taxPropagation.confirm"),
+        o("connect.common.cancel")
+      ) && await r(
+        async () => {
+          const A = Be(l.sortedStoreCategories), W = a(A, g);
+          await ke.updateStoreBundle({ categories: W }), await l.readMemberStore(), await l.readMembership(), await l.readRewards();
+        },
+        {
+          message: o("connect.store.taxPropagation.updating"),
+          successMessage: o("connect.store.taxPropagation.success")
+        }
+      );
+    }
+    async function N(g) {
+      var W, oe, Y, ne;
+      const C = ((oe = (W = l.storeOption) == null ? void 0 : W.company) == null ? void 0 : oe.sstRegNo) ?? "", R = ue.cloneDeep(
+        ((Y = l.storeOption) == null ? void 0 : Y.inclusiveTaxes) ?? []
+      ), B = ((ne = g.company) == null ? void 0 : ne.sstRegNo) ?? "";
+      await r(
+        async () => {
+          var S;
+          await ke.updateStore(g), await l.readMemberStore(), (S = d.value) == null || S.showSheet(!1);
+        },
+        {
+          message: o("connect.store.setting.update.message"),
+          successMessage: o("connect.store.setting.update.success")
+        }
+      );
+      const M = C !== B, k = !ue.isEqual(
+        R,
+        g.inclusiveTaxes ?? []
+      );
+      !(M || k) || l.sortedStoreCategories.flatMap(
+        (S) => S.bundles
+      ).length === 0 || await F(g, B, C);
+    }
+    async function z(g = -1) {
+      var R, B;
+      await je({
+        hasStoreCompany: !!((R = l.storeOption) != null && R.company),
+        confirm: () => Ce.confirm(
+          o("connect.store.category.setup.title"),
+          o("connect.store.category.setup.button"),
+          o("connect.store.category.setup.action"),
+          o("connect.common.cancel")
+        ),
+        showSettingSheet: (M) => {
+          var k;
+          return (k = d.value) == null ? void 0 : k.showSheet(M);
+        }
+      }) && f.open({
+        title: g == -1 ? o("connect.store.category.add") : o("connect.store.category.edit"),
+        contentComponent: At,
+        contentComponentProps: {
+          initialValue: ((B = u.value[g]) == null ? void 0 : B.name) ?? "",
+          action: g == -1 ? "add" : "edit"
+        }
+      }).onPrimary(async (M) => {
+        M === null && !await Ce.remove(
+          o("connect.store.category.remove.confirm"),
+          o("connect.store.category.remove.title")
+        ) || await r(
+          async () => {
+            const k = g == -1 ? [...u.value, { name: M, bundles: [] }] : [...u.value].map((K, A) => A == g ? { ...K, name: M } : K).filter((K) => K.name !== null);
+            await ke.updateStoreBundle({
+              categories: k
+            }), await l.readMemberStore();
+          },
+          {
+            message: M === null ? o("connect.store.category.update.deleting") : g == -1 ? o("connect.store.category.update.creating") : o("connect.store.category.update.updating"),
+            successMessage: M === null ? o("connect.store.category.update.success.deleted") : g == -1 ? o("connect.store.category.update.success.created") : o("connect.store.category.update.success.updated")
+          }
+        );
+      });
+    }
+    async function Q(g, C, R, B) {
+      var K, A, W;
+      C ?? (C = (K = $.value) == null ? void 0 : K.target.category), R ?? (R = (A = $.value) == null ? void 0 : A.target.index), B ?? (B = (W = $.value) == null ? void 0 : W.target.originalCategoryIndex);
+      const M = Be(u.value);
+      for (const oe of M)
+        for (const Y of oe.bundles)
+          console.log(Y, "bundle in payload"), "pf_vouchers" in Y && delete Y.pf_vouchers;
+      C != B && B != null && (M[B].bundles.splice(R, 1), R = M[C].bundles.length);
+      const k = M[C];
+      if (!k) {
+        mt.error("Unexpected error", 2e3);
+        return;
+      }
+      if (g == null) {
+        if (await Ce.remove(
+          o("connect.store.bundle.delete.confirm"),
+          o("connect.store.bundle.delete.title")
+        ) == !1)
+          return;
+        k.bundles.splice(R, 1);
+      } else
+        R == -1 ? k.bundles.push(g) : k.bundles[R] = g;
+      await r(
+        async () => {
+          var oe, Y;
+          if (g != null) {
+            const ne = (oe = $.value) == null ? void 0 : oe.bundleImage;
+            ne === null && g.image ? (await De.delete(g.image), g.image = null) : ne && (g.image = await De.update(
+              De.bundleImagePath(void 0, ne),
+              ne
+            ));
+          }
+          await ke.updateStoreBundle({
+            categories: M
+          }), await l.readMemberStore(), await l.readMembership(), await l.readRewards(), (Y = $.value) == null || Y.showSheet(!1);
+        },
+        {
+          message: `${g == null ? "Deleting" : R == -1 ? "Creating" : "Updating"} bundle`,
+          successMessage: `Bundle ${g == null ? "deleted" : R == -1 ? "created" : "updated"} successfully`
+        }
+      );
+    }
+    function q(g) {
+      var C;
+      je({
+        hasStoreCompany: !!((C = l.storeOption) != null && C.company),
+        confirm: () => Ce.confirm(
+          o("connect.store.category.setup.title"),
+          o("connect.store.category.setup.button"),
+          o("connect.store.category.setup.action"),
+          o("connect.common.cancel")
+        ),
+        showSettingSheet: (R) => {
+          var B;
+          return (B = d.value) == null ? void 0 : B.showSheet(R);
+        }
+      }).then((R) => {
+        var B;
+        R && ((B = $.value) == null || B.showSheet(!0, {
+          ...g,
+          bundle: g.bundle ? Be(g.bundle) : void 0
+        }));
+      });
+    }
+    const fe = j([]);
+    function we(g) {
+      var C;
+      (C = n.value) == null || C.showSheet({
+        bundle: g
+      });
+    }
+    return Te(async () => {
+      var C, R;
+      await t(async () => {
+        var B, M;
+        if (await l.readMemberStore(), await l.readMembership(), await l.readRewards(), await l.readPayoutAccount(), await T.readPremium(), await de(), (B = m.currentRoute.value.query) != null && B.action) {
+          switch ((M = m.currentRoute.value.query) == null ? void 0 : M.action) {
+            case "update_setting":
+              _("setting");
+              break;
+            case "create_category":
+              z(-1);
+              break;
+            case "create_feedvibe_bundle":
+              f.open({
+                title: "Select category",
+                contentComponent: Lt
+              }).onPrimary((k) => {
+                f.close(), q({
+                  categories: w.value,
+                  category: k,
+                  index: -1,
+                  bundle: {
+                    ...ue.cloneDeep(Me),
+                    isFeedvibe: !0,
+                    price: H.Dinero.fromNumber({
+                      number: 10,
+                      precision: 2
+                    }).toObject()
+                  }
+                });
+              }).onTertiary(() => f.close());
+              break;
+          }
+          m.replace({ query: {} });
+        }
+      });
+      const g = ((C = l.payoutAccount) == null ? void 0 : C.status) === "APPROVED" && ((R = l.payoutAccount) == null ? void 0 : R.enable) === !0;
+      fe.value = [
+        ...g ? [] : [x],
+        y,
+        c,
+        h
+      ];
+    }), (g, C) => {
+      const R = v("FmPageHead"), B = v("FmButton"), M = v("FmCard");
+      return p(), U(J, null, [
+        i(R, {
+          title: e(o)("connect.store.title"),
+          actions: e(fe),
+          "onClick:action": _
+        }, null, 8, ["title", "actions"]),
+        s("div", fn, [
+          e(ie) ? (p(), D(zo, {
+            key: 0,
+            class: "mt-12",
+            "has-store-setting": e(ae),
+            "has-payout-account": e(Z),
+            "is-premium": e(X),
+            onSetupStoreSetting: C[0] || (C[0] = (k) => _("setting")),
+            onSetupPayout: C[1] || (C[1] = (k) => _("payout"))
+          }, null, 8, ["has-store-setting", "has-payout-account", "is-premium"])) : L("", !0),
+          s("div", yn, [
+            s("div", gn, [
+              s("div", bn, P(e(o)("connect.store.giftCard.title")), 1),
+              s("span", vn, P(e(o)("connect.store.giftCard.new")), 1),
+              e(X) && e(E).length ? (p(), D(B, {
+                key: 0,
+                icon: "edit",
+                size: "md",
+                variant: "tertiary",
+                onClick: C[2] || (C[2] = (k) => Fe(e(E)[0]))
+              })) : L("", !0),
+              C[4] || (C[4] = s("div", { class: "flex-1" }, null, -1)),
+              e(X) && e(E).length ? (p(), U("div", hn, P(e(o)("connect.store.giftCard.oneLiveHint")), 1)) : L("", !0)
+            ]),
+            e(X) ? (p(), U("div", xn, [
+              (p(!0), U(J, null, me(e(E), (k) => (p(), D(Io, {
+                key: String(k._id),
+                program: k,
+                onEdit: (K) => Fe(k),
+                onSetLive: (K) => G(k),
+                onDeactivate: (K) => _e(k)
+              }, null, 8, ["program", "onEdit", "onSetLive", "onDeactivate"]))), 128)),
+              i(M, {
+                variant: "outlined",
+                class: "flex flex-col gap-y-8 p-16 h-full min-h-[240px] items-center justify-center"
+              }, {
+                default: I(() => [
+                  i(B, {
+                    label: e(o)("connect.store.giftCard.addGiftCard"),
+                    icon: "add",
+                    variant: "secondary",
+                    onClick: pe
+                  }, null, 8, ["label"])
+                ]),
+                _: 1
+              })
+            ])) : (p(), D(pn, {
+              key: 0,
+              onUpgrade: he,
+              onComparePlans: V
+            }))
+          ]),
+          e(u) && e(u).length > 0 ? (p(), U(J, { key: 1 }, [
+            (p(!0), U(J, null, me(e(u), (k, K) => (p(), U("div", {
+              key: k.name,
+              class: "space-y-8 py-12"
+            }, [
+              s("div", _n, [
+                s("div", Cn, P(k.name), 1),
+                i(Ee, { json: k }, null, 8, ["json"]),
+                i(B, {
+                  icon: "edit",
+                  size: "md",
+                  variant: "tertiary",
+                  onClick: (A) => z(K)
+                }, null, 8, ["onClick"])
+              ]),
+              s("div", Sn, [
+                (p(!0), U(J, null, me(k.bundles, (A, W) => (p(), D(Bt, {
+                  bundle: A,
+                  key: A._id,
+                  onEdit: (oe) => q({
+                    bundle: A,
+                    category: K,
+                    index: W,
+                    categories: e(w)
+                  }),
+                  onDelete: (oe) => Q(null, K, W),
+                  onSend: we
+                }, null, 8, ["bundle", "onEdit", "onDelete"]))), 128)),
+                i(It, {
+                  onCreate: (A) => q({
+                    category: K,
+                    index: -1,
+                    categories: e(w)
+                  })
+                }, null, 8, ["onCreate"])
+              ])
+            ]))), 128)),
+            i(_o, {
+              ref_key: "bundleSheetRef",
+              ref: $,
+              onUpdate: Q
+            }, null, 512)
+          ], 64)) : (p(), D(M, {
+            key: 2,
+            variant: "outlined",
+            class: "w-full flex flex-col items-center justify-center gap-y-24 p-24"
+          }, {
+            default: I(() => [
+              C[5] || (C[5] = s("img", {
+                src: nt,
+                class: "aspect-square w-[150px]"
+              }, null, -1)),
+              s("div", Fn, [
+                s("div", wn, P(e(o)("connect.store.bundle.title")), 1),
+                s("div", $n, P(e(o)("connect.store.bundle.description")), 1)
+              ]),
+              i(B, {
+                variant: "primary",
+                label: e(o)("connect.store.actions.addCategory"),
+                icon: "add",
+                onClick: C[3] || (C[3] = (k) => z(-1))
+              }, null, 8, ["label"])
+            ]),
+            _: 1
+          })),
+          i(so, {
+            ref_key: "settingSheetRef",
+            ref: d,
+            onUpdate: N
+          }, null, 512),
+          i(Fo, {
+            ref_key: "sendBundleSheetRef",
+            ref: n
+          }, null, 512)
+        ])
+      ], 64);
+    };
+  }
+});
+export {
+  sa as default
+};