@feedmepos/mf-connect 0.1.111-prod → 0.1.113-beta.3

package/dist/Store-DqQae9nE.js

@@ -0,0 +1,2629 @@
+import { defineComponent as Y, computed as D, resolveComponent as v, openBlock as m, createBlock as R, withCtx as I, createElementVNode as n, toDisplayString as w, createVNode as l, createCommentVNode as M, createElementBlock as T, unref as e, Fragment as z, renderList as ce, ref as O, isRef as be, reactive as lt, onMounted as Ne, watch as We, toRaw as it, createTextVNode as ee, h as rt, normalizeStyle as tt, normalizeClass as we } from "vue";
+import { _ as ct } from "./tier-BJDhpH6X.js";
+import { useDialog as Ye, useDialogChild as Je, components as dt } from "@feedmepos/ui-library";
+import { c as q, e as Le, S as He } from "./index-OvnHt5x5.js";
+import { u as ot } from "./loading-CUNk5u1d.js";
+import { u as Xe, C as Ie } from "./membership-ByJUFP8f.js";
+import { t as ut, u as mt, v as pt, w as Qe, x as ft, y as yt } from "./index-D34iYRdc.js";
+import { a as gt, c as qe } from "./object-BYyQ0PZp.js";
+import { _ as pe } from "./lodash-BJXravls.js";
+import { c as _e } from "./index-DnepoNWn.js";
+import { u as ve } from "./vue-i18n-Cw6fF11e.js";
+import { Z as ie, g as ae, a as se } from "./zod-CCPTOeUz.js";
+import { z as re, R as Ae } from "./app-Devzv4gO.js";
+import { u as je } from "./app-wDQR6dpb.js";
+import { _ as ye } from "./ZodTextField.vue_vue_type_script_setup_true_lang-CR-F0x1r.js";
+import { c as bt, p as Ee, n as vt, f as Ge } from "./plugins-iTZLbJGy.js";
+import { J as Ze } from "./JsonViewer-v8_C7l5N.js";
+import { _ as ht } from "./index-DtcUCknS.js";
+import { _ as xt } from "./ImageInput.vue_vue_type_script_setup_true_lang-srSgUY3e.js";
+import { _ as _t } from "./ChipMenu.vue_vue_type_script_setup_true_lang-BPpZZNkr.js";
+import { z as Ct, a as St } from "./money-Bf2IEMJJ.js";
+import { f as Ft } from "./currency-mwm4AWXK.js";
+import { F as wt } from "./number-CRBHrRUL.js";
+import { a as $t, t as kt } from "./helper-D9cEaMIv.js";
+import "./index-BvY2hQac.js";
+import "./index-B1jP-_Z_.js";
+import "./index-Byg4ztr-.js";
+import "./index-B7HH6vKF.js";
+import "./index-RwNlbTO8.js";
+import "./index-CZfqqrVu.js";
+import { m as Pt } from "./index-Ct6YjTIW.js";
+import { m as De } from "./index-BfoDdVQS.js";
+import { g as Ke } from "./index-B_gzo75q.js";
+import { u as Vt } from "./business-BjAmUqNA.js";
+import { useRouter as Tt } from "vue-router";
+function nt(b) {
+  return _e.DineroFactory(b).toUnit();
+}
+function at(b, a, d, g, c = [], x = []) {
+  const o = ht.compact(
+    a.map((t) => b.find((r) => r.systemCode === t.systemCode && r.taxCode === t.taxCode)).filter((t) => !!t && x.includes(t.systemCode))
+  ), i = o.reduce(
+    (t, r) => {
+      var p;
+      return Object.assign(t, {
+        [r.taxCode]: {
+          inclusive: ((p = c.find((y) => y.systemCode === r.systemCode)) == null ? void 0 : p.inclusive) || !1,
+          adjustment: {
+            level: 1,
+            type: {
+              type: "BY_MULTIPLIER",
+              amount: {
+                amount: r.rate.amount,
+                precision: r.rate.precision,
+                currency: "MYR"
+              }
+            }
+          }
+        }
+      });
+    },
+    {}
+  ), f = _e.Calculator.calculate({
+    items: {
+      0: {
+        quantity: 1,
+        adjustments: {
+          price: {
+            level: 0,
+            type: {
+              type: "BY_AMOUNT",
+              amount: _e.DineroFactory(d).subtract(_e.Dinero.fromNumber({ number: g }).toObject()).toObject()
+            }
+          }
+        },
+        taxes: i
+      }
+    },
+    adjustments: {},
+    roundToNearest: 0
+  });
+  return o.map((t) => ({
+    setting: t,
+    systemCode: t.systemCode,
+    name: t.name,
+    taxCode: t.taxCode,
+    rate: t.rate,
+    total: _e.DineroFactory({
+      ...f.items[0].taxes[t.taxCode].amount
+    }).convertPrecision(2).toObject()
+  }));
+}
+function st(b, a, d) {
+  return b ? b.reduce((g, c) => {
+    var x;
+    return (x = d.find((o) => o.systemCode === c.systemCode)) != null && x.inclusive || (g = _e.DineroFactory(g.toObject()).add(c.total)), g;
+  }, _e.DineroFactory(a)).toObject() : _e.DineroFactory(a).toObject();
+}
+const Rt = { class: "flex justify-between items-start gap-4 w-full" }, It = { class: "fm-typo-en-body-lg-600 text-left pt-4 break-words line-clamp-2" }, Ut = { class: "flex-shrink-0 -mr-8 -mt-8" }, Et = { class: "relative h-[120px] aspect-video flex mx-auto items-center justify-center border rounded-md border-fm-color-neutral-gray-300" }, Dt = ["src"], Bt = {
+  key: 2,
+  class: "absolute top-2 left-2"
+}, Nt = { class: "flex flex-col gap-8 flex-1 text-left w-full" }, Mt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ot = { class: "flex gap-8 items-center flex-wrap" }, Lt = /* @__PURE__ */ Y({
+  __name: "StoreBundleCard",
+  props: {
+    bundle: { type: Object, required: !0 }
+  },
+  emits: ["edit", "delete", "send"],
+  setup(b, { emit: a }) {
+    const d = b, g = a, c = D(() => {
+      const o = [];
+      return d.bundle.price.amount > 0 && o.push(
+        `${q.Config.getCountry().currency.symbol}${nt(d.bundle.price)}`
+      ), d.bundle.coinPrice && o.push(`${d.bundle.coinPrice} point(s)`), o.join(" or ");
+    }), x = D(() => {
+      var i, f;
+      const o = [];
+      if (d.bundle.titles.length > 0 && o.push(`${d.bundle.titles.length} title(s)`), d.bundle.vouchers.length > 0 && o.push(`${d.bundle.vouchers.length} voucher(s)`), d.bundle.credit.normal || (i = d.bundle.credit.free) != null && i.amount) {
+        const t = d.bundle.credit.normal + (((f = d.bundle.credit.free) == null ? void 0 : f.amount) ?? 0);
+        o.push(`${t} credit(s)`);
+      }
+      return o;
+    });
+    return (o, i) => {
+      const f = v("FmButton"), t = v("FmMenuItem"), r = v("FmMenu"), p = v("FmIcon"), y = v("FmChip"), $ = v("FmCard");
+      return m(), R($, {
+        variant: "outlined",
+        class: "flex flex-col gap-y-8 p-16 min-h-[240px] h-full"
+      }, {
+        default: I(() => [
+          n("div", Rt, [
+            n("div", It, w(b.bundle.name), 1),
+            n("div", Ut, [
+              l(r, { placement: "bottom-end" }, {
+                "menu-button": I(() => [
+                  l(f, {
+                    icon: "more_vert",
+                    variant: "tertiary"
+                  })
+                ]),
+                default: I(() => [
+                  l(t, {
+                    onClick: i[0] || (i[0] = (u) => g("edit", b.bundle)),
+                    icon: "edit",
+                    label: "Edit"
+                  }),
+                  b.bundle.stripePriceId ? M("", !0) : (m(), R(t, {
+                    key: 0,
+                    onClick: i[1] || (i[1] = (u) => g("send", b.bundle)),
+                    icon: "send",
+                    label: "Send"
+                  })),
+                  l(t, {
+                    onClick: i[2] || (i[2] = (u) => g("delete", b.bundle)),
+                    icon: "delete"
+                  }, {
+                    label: I(() => [...i[3] || (i[3] = [
+                      n("div", { class: "text-fm-color-typo-error fm-typo-en-body-md-400" }, " Delete ", -1)
+                    ])]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
+            ])
+          ]),
+          n("div", Et, [
+            b.bundle.image ? (m(), T("img", {
+              key: 1,
+              src: b.bundle.image,
+              class: "w-full h-full object-contain aspect-video"
+            }, null, 8, Dt)) : (m(), R(p, {
+              key: 0,
+              name: "image",
+              outline: !0,
+              size: "md",
+              class: "text-fm-color-neutral-gray-200"
+            })),
+            b.bundle.isFeedvibe ? (m(), T("div", Bt, [
+              l(y, {
+                label: "Feedvibe",
+                class: "text-fm-color-primary bg-fm-color-system-warning-100",
+                compact: ""
+              })
+            ])) : M("", !0)
+          ]),
+          n("div", Nt, [
+            n("div", Mt, w(e(c) || "Free"), 1),
+            n("div", Ot, [
+              (m(!0), T(z, null, ce(e(x), (u, F) => (m(), R(y, {
+                key: F,
+                label: u
+              }, null, 8, ["label"]))), 128))
+            ])
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+}), At = /* @__PURE__ */ Y({
+  __name: "AddBundleCard",
+  emits: ["create"],
+  setup(b, { emit: a }) {
+    const { t: d } = ve(), g = a;
+    return (c, x) => {
+      const o = v("FmButton"), i = v("FmCard");
+      return m(), R(i, {
+        variant: "outlined",
+        class: "flex flex-col gap-y-8 p-16 h-full min-h-[240px] items-center justify-center"
+      }, {
+        default: I(() => [
+          l(o, {
+            onClick: x[0] || (x[0] = (f) => g("create")),
+            label: e(d)("connect.store.actions.addBundle"),
+            icon: "add",
+            variant: "secondary"
+          }, null, 8, ["label"])
+        ]),
+        _: 1
+      });
+    };
+  }
+}), jt = { class: "space-y-16" }, qt = { class: "flex w-full justify-between pb-16" }, Gt = { class: "flex items-center justify-end gap-8" }, Kt = /* @__PURE__ */ Y({
+  __name: "CategoryDialog",
+  props: {
+    action: {
+      type: String,
+      default: () => "add"
+    },
+    initialValue: {
+      type: String,
+      default: () => ""
+    }
+  },
+  setup(b) {
+    const { t: a } = ve(), d = b, g = Ye(), { emitData: c, emitAction: x } = Je(), o = O(d.initialValue), i = re.string().min(1);
+    function f() {
+      c(o.value), x("primary"), g.close();
+    }
+    function t() {
+      c(null), x("primary"), g.close();
+    }
+    return (r, p) => {
+      const y = v("FmTextField"), $ = v("FmButton");
+      return m(), T("div", jt, [
+        l(y, {
+          modelValue: e(o),
+          "onUpdate:modelValue": p[0] || (p[0] = (u) => be(o) ? o.value = u : null),
+          label: e(a)("connect.store.category.label"),
+          rules: [e(ie).toRule(e(i))]
+        }, null, 8, ["modelValue", "label", "rules"]),
+        n("div", qt, [
+          n("div", null, [
+            b.action == "edit" ? (m(), R($, {
+              key: 0,
+              onClick: t,
+              label: e(a)("connect.common.delete"),
+              variant: "destructive"
+            }, null, 8, ["label"])) : M("", !0)
+          ]),
+          n("div", Gt, [
+            l($, {
+              label: e(a)("connect.common.cancel"),
+              variant: "tertiary",
+              onClick: p[1] || (p[1] = (u) => e(g).close())
+            }, null, 8, ["label"]),
+            l($, {
+              label: b.action == "edit" ? e(a)("connect.common.edit") : e(a)("connect.common.add"),
+              disabled: !e(o),
+              onClick: f
+            }, null, 8, ["label", "disabled"])
+          ])
+        ])
+      ]);
+    };
+  }
+}), Ht = { class: "space-y-16" }, zt = { class: "flex items-center justify-end gap-8 pb-16" }, Wt = /* @__PURE__ */ Y({
+  __name: "SelectCategoryDialog",
+  setup(b) {
+    const { emitData: a, emitAction: d } = Je(), g = Xe(), c = O(), x = D(
+      () => g.sortedStoreCategories.map((o, i) => ({
+        label: o.name,
+        value: i
+      }))
+    );
+    return (o, i) => {
+      const f = v("FmSelect"), t = v("FmButton");
+      return m(), T("div", Ht, [
+        i[4] || (i[4] = n("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " Select a category to create FeedMe CNY 2025 bundle ", -1)),
+        l(f, {
+          placeholder: "Select a category",
+          items: e(x),
+          modelValue: e(c),
+          "onUpdate:modelValue": [
+            i[0] || (i[0] = (r) => be(c) ? c.value = r : null),
+            i[1] || (i[1] = (r) => e(a)(r))
+          ],
+          label: "Category"
+        }, null, 8, ["items", "modelValue"]),
+        n("div", zt, [
+          l(t, {
+            variant: "tertiary",
+            label: "Cancel",
+            onClick: i[2] || (i[2] = (r) => e(d)("tertiary"))
+          }),
+          l(t, {
+            label: "Select",
+            onClick: i[3] || (i[3] = (r) => e(d)("primary")),
+            disabled: e(c) == null
+          }, null, 8, ["disabled"])
+        ])
+      ]);
+    };
+  }
+});
+function ge(b) {
+  return b.states.map((a) => ({ label: a, value: a }));
+}
+const Yt = {
+  [Le.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);
+    }
+  },
+  [Le.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);
+    }
+  },
+  [Le.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);
+    }
+  },
+  [Le.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);
+    }
+  }
+}, Ue = () => q.Config.getCountry(), Be = {
+  get fullCurrency() {
+    return Ue().currency;
+  },
+  get currency() {
+    return Ue().currency.code;
+  },
+  get fullTax() {
+    return q.Country.getCountryFlattenTaxes(Ue().code);
+  },
+  get taxSystem() {
+    return Ue().taxSystems;
+  },
+  taxInclusion(b) {
+    return Be.taxSystem.map((a) => ({
+      systemCode: a.code,
+      inclusive: b !== void 0 ? b : !1
+    }));
+  },
+  groupedTaxOptions() {
+    const b = q.Country.getCountryFlattenTaxes(Ue().code);
+    return Be.taxSystem.map((a) => ({
+      code: a.code,
+      options: b.map((d) => ({ ...d, feedmeTaxCode: Be.generateCode(d) })).filter((d) => d.systemCode === a.code)
+    }));
+  },
+  systemDefaultCode(b) {
+    const a = Be.groupedTaxOptions().find((d) => d.code === b);
+    return a == null ? void 0 : a.options.find((d) => d.default);
+  },
+  generateCode(b) {
+    return `${b.systemCode}/${b.taxCode}`;
+  }
+}, Z = Be, Jt = /* @__PURE__ */ Y({
+  __name: "TaxInclusiveSetting",
+  props: {
+    modelValue: {
+      type: Array,
+      required: !0,
+      default: () => []
+    }
+  },
+  emits: ["update:model-value"],
+  setup(b, { emit: a }) {
+    const d = b, g = Z.taxSystem, c = a, x = O(d.modelValue);
+    function o(r, p) {
+      const y = pe.clone(d.modelValue), $ = y.findIndex((u) => u.systemCode === r);
+      $ >= 0 ? y[$].inclusive = p : y.push({
+        systemCode: r,
+        inclusive: p
+      }), x.value = y, c("update:model-value", y);
+    }
+    function i() {
+      return g.map((r) => {
+        const p = d.modelValue ? d.modelValue.find((y) => y.systemCode === r.code) : !1;
+        return {
+          label: r.name,
+          config: {
+            value: p ? p.inclusive : !1
+          },
+          input: (y) => {
+            o(r.code, y);
+          }
+        };
+      });
+    }
+    const f = lt(i());
+    function t(r, p) {
+      return `${r} ${p ? "Inclusive" : "Exclusive"}`;
+    }
+    return Ne(() => {
+      d.modelValue.length || o(g[0].code, !1);
+    }), We(
+      () => d.modelValue,
+      (r, p) => {
+        r != p && !r.length && o(g[0].code, !1);
+      }
+    ), (r, p) => {
+      const y = v("FmSwitch");
+      return m(!0), T(z, null, ce(e(f), ($, u) => {
+        var F;
+        return m(), T("div", { key: u }, [
+          l(y, {
+            "model-value": ((F = e(x)[u]) == null ? void 0 : F.inclusive) || !1,
+            "label-placement": "left",
+            "onUpdate:modelValue": (k) => $.input(k)
+          }, {
+            label: I(() => {
+              var k;
+              return [
+                n("div", null, w(t($.label, ((k = e(x)[u]) == null ? void 0 : k.inclusive) || !1)), 1)
+              ];
+            }),
+            _: 2
+          }, 1032, ["model-value", "onUpdate:modelValue"])
+        ]);
+      }), 128);
+    };
+  }
+});
+var Xt = { mode: "development", appMode: "mf" };
+const Zt = { class: "space-y-8" }, Qt = {
+  key: 0,
+  class: "space-y-16"
+}, eo = /* @__PURE__ */ Y({
+  __name: "StripeSetting",
+  props: {
+    modelValue: {}
+  },
+  emits: ["update:modelValue"],
+  setup(b, { emit: a }) {
+    const d = b, g = a, c = O(!1);
+    We(c, (o, i) => {
+      i != o && (!d.modelValue && o ? g("update:modelValue", {
+        apiKey: "",
+        webhookSecret: ""
+      }) : o || g("update:modelValue", void 0));
+    });
+    const x = D(() => {
+      const o = Xt.mode === "development", i = q.Config.getCountry().code.toLowerCase(), f = i != "my" ? `.${i}` : "";
+      return `https://marketing${o ? "-dev" : ""}${f}.feedmeapi.com/stripe/${He.getBusinessId()}/webhook`;
+    });
+    return Ne(() => {
+      c.value = !!d.modelValue;
+    }), (o, i) => {
+      const f = v("FmSwitch"), t = v("FmTextField"), r = v("FmButton");
+      return m(), T("div", Zt, [
+        l(f, {
+          modelValue: e(c),
+          "onUpdate:modelValue": i[0] || (i[0] = (p) => be(c) ? c.value = p : null),
+          value: "true",
+          label: "Enable Stripe"
+        }, null, 8, ["modelValue"]),
+        d.modelValue ? (m(), T("div", Qt, [
+          l(t, {
+            label: "API Key",
+            modelValue: d.modelValue.apiKey,
+            "onUpdate:modelValue": i[1] || (i[1] = (p) => d.modelValue.apiKey = p),
+            "helper-text": "Go to Stripe Dashboard get your API Key and paste here."
+          }, null, 8, ["modelValue"]),
+          l(t, {
+            label: "Webhook URL",
+            "model-value": e(x),
+            readonly: "",
+            "helper-text": "Copy this URL to your Stripe dashboard"
+          }, {
+            append: I(() => [
+              l(r, {
+                icon: "content_copy",
+                variant: "tertiary",
+                onClick: i[2] || (i[2] = (p) => e(bt)(e(x)))
+              })
+            ]),
+            _: 1
+          }, 8, ["model-value"]),
+          l(t, {
+            modelValue: d.modelValue.webhookSecret,
+            "onUpdate:modelValue": i[3] || (i[3] = (p) => d.modelValue.webhookSecret = p),
+            label: "Webhook Secret",
+            "helper-text": `Copy the webhook signing secret from your Stripe account and paste
+            here.`
+          }, null, 8, ["modelValue"])
+        ])) : M("", !0)
+      ]);
+    };
+  }
+}), to = {
+  key: 0,
+  class: "space-y-16 pr-12"
+}, oo = { class: "fm-typo-en-title-sm-800 !mb-[-12px]" }, no = {
+  key: 1,
+  class: "space-y-16"
+}, ao = { class: "fm-typo-en-title-sm-800 !mb-[-12px]" }, so = { class: "fm-typo-en-title-sm-800 !mb-[-12px]" }, lo = { class: "grid grid-cols-2 gap-x-16 gap-y-16" }, io = { class: "space-y-4" }, ro = { class: "fm-typo-en-body-lg-400" }, co = { class: "space-y-16" }, uo = { class: "fm-typo-en-title-sm-800 !mb-[-12px]" }, mo = { class: "flex items-center gap-8" }, po = /* @__PURE__ */ Y({
+  __name: "StoreSettingSheet",
+  emits: ["update"],
+  setup(b, { expose: a, emit: d }) {
+    const { t: g } = ve(), c = d, x = O(!1), o = O(), i = O(!1), f = ut.extend({
+      company: mt.extend({
+        name: re.string().min(1, "Company name is required"),
+        regNo: re.string().min(1, "Registration number is required"),
+        address: pt.extend({
+          line1: re.string().min(1, "Line 1 is required"),
+          line2: re.string().optional(),
+          state: re.string().min(1, "State is required"),
+          city: re.string().min(1, "City is required"),
+          postcode: re.string().min(1, "Postcode is required"),
+          country: re.string().min(1, "Country is required")
+        }),
+        phoneNo: re.string().min(1, "Phone number is required"),
+        sstRegNo: re.string().optional()
+      })
+    }), t = D(() => f.safeParse(o.value).success);
+    function r() {
+      const $ = f.safeParse(o.value);
+      $.success && c("update", $.data);
+    }
+    function p() {
+      return {
+        company: {
+          name: "",
+          address: {
+            line1: "",
+            line2: "",
+            city: "",
+            postcode: "",
+            state: "",
+            country: q.Config.getCountry().name
+          },
+          phoneNo: "",
+          regNo: "",
+          sstRegNo: ""
+        },
+        inclusiveTaxes: []
+      };
+    }
+    function y($, u) {
+      x.value = $, $ && (o.value = u != null && u.company ? pe.cloneDeep(u) : p());
+    }
+    return a({
+      showSheet: y,
+      data: o
+    }), ($, u) => {
+      const F = v("FmIcon"), k = v("FmMenuItem"), N = v("FmMenu"), te = v("FmSelect"), oe = v("FmButton"), H = v("FmSideSheet");
+      return m(), R(H, {
+        "max-width": 560,
+        modelValue: e(x),
+        "onUpdate:modelValue": u[15] || (u[15] = (le) => be(x) ? x.value = le : null),
+        header: e(g)("connect.store.setting.title")
+      }, {
+        "side-sheet-footer": I(() => [
+          n("div", mo, [
+            l(oe, {
+              label: e(g)("connect.common.save"),
+              onClick: r,
+              disabled: !e(t) || e(je)().isLoading,
+              loading: e(je)().isLoading
+            }, null, 8, ["label", "disabled", "loading"]),
+            l(oe, {
+              label: e(g)("connect.common.cancel"),
+              onClick: u[14] || (u[14] = (le) => y(!1)),
+              variant: "tertiary"
+            }, null, 8, ["label"])
+          ])
+        ]),
+        default: I(() => {
+          var le, de;
+          return [
+            l(Ze, { json: e(o) }, null, 8, ["json"]),
+            e(o) && e(o).company ? (m(), T("div", to, [
+              n("div", oo, w(e(g)("connect.store.setting.company.legal_info")), 1),
+              l(ye, {
+                modelValue: e(o).company.name,
+                "onUpdate:modelValue": u[0] || (u[0] = (V) => e(o).company.name = V),
+                label: e(g)("connect.store.setting.company.name"),
+                schema: e(ie).typeAtPath(e(f), "company.name")
+              }, null, 8, ["modelValue", "label", "schema"]),
+              l(ye, {
+                modelValue: e(o).company.regNo,
+                "onUpdate:modelValue": u[1] || (u[1] = (V) => e(o).company.regNo = V),
+                label: e(g)("connect.store.setting.company.reg_no"),
+                schema: e(ie).typeAtPath(e(f), "company.regNo")
+              }, null, 8, ["modelValue", "label", "schema"]),
+              e(q.Config).getCountry().taxSystems.length ? (m(), R(ye, {
+                key: 0,
+                modelValue: e(o).company.sstRegNo,
+                "onUpdate:modelValue": [
+                  u[2] || (u[2] = (V) => e(o).company.sstRegNo = V),
+                  u[3] || (u[3] = (V) => V ? null : e(o).inclusiveTaxes = [])
+                ],
+                label: e(g)("connect.store.setting.company.tax_reg_no"),
+                schema: e(ie).typeAtPath(e(f), "company.sstRegNo")
+              }, null, 8, ["modelValue", "label", "schema"])) : M("", !0),
+              (le = e(o).company) != null && le.sstRegNo && e(o).inclusiveTaxes ? (m(), T("div", no, [
+                n("div", ao, w(e(g)("connect.store.setting.company.tax")), 1),
+                l(Jt, {
+                  modelValue: e(o).inclusiveTaxes,
+                  "onUpdate:modelValue": u[4] || (u[4] = (V) => e(o).inclusiveTaxes = V)
+                }, null, 8, ["modelValue"])
+              ])) : M("", !0),
+              l(ye, {
+                modelValue: e(o).company.phoneNo,
+                "onUpdate:modelValue": u[5] || (u[5] = (V) => e(o).company.phoneNo = V),
+                label: e(g)("connect.store.setting.company.phone"),
+                schema: e(ie).typeAtPath(e(f), "company.phoneNo")
+              }, null, 8, ["modelValue", "label", "schema"]),
+              n("div", so, w(e(g)("connect.store.setting.company.address.title")), 1),
+              l(ye, {
+                modelValue: e(o).company.address.line1,
+                "onUpdate:modelValue": u[6] || (u[6] = (V) => e(o).company.address.line1 = V),
+                label: e(g)("connect.store.setting.company.address.line1"),
+                schema: e(ie).typeAtPath(e(f), "company.address.line1")
+              }, null, 8, ["modelValue", "label", "schema"]),
+              l(ye, {
+                modelValue: e(o).company.address.line2,
+                "onUpdate:modelValue": u[7] || (u[7] = (V) => e(o).company.address.line2 = V),
+                label: e(g)("connect.store.setting.company.address.line2"),
+                schema: e(ie).typeAtPath(e(f), "company.address.line2")
+              }, null, 8, ["modelValue", "label", "schema"]),
+              n("div", lo, [
+                l(ye, {
+                  modelValue: e(o).company.address.city,
+                  "onUpdate:modelValue": u[8] || (u[8] = (V) => e(o).company.address.city = V),
+                  label: e(g)("connect.store.setting.company.address.city"),
+                  schema: e(ie).typeAtPath(e(f), "company.address.city")
+                }, null, 8, ["modelValue", "label", "schema"]),
+                l(ye, {
+                  modelValue: e(o).company.address.postcode,
+                  "onUpdate:modelValue": u[9] || (u[9] = (V) => e(o).company.address.postcode = V),
+                  label: e(g)("connect.store.setting.company.address.postcode"),
+                  schema: e(ie).typeAtPath(e(f), "company.address.postcode")
+                }, null, 8, ["modelValue", "label", "schema"]),
+                n("div", io, [
+                  n("div", ro, w(e(g)("connect.store.setting.company.address.state")), 1),
+                  l(N, {
+                    placement: "top-end",
+                    "model-value": e(i)
+                  }, {
+                    "menu-button": I(() => [
+                      l(ye, {
+                        modelValue: e(o).company.address.state,
+                        "onUpdate:modelValue": u[10] || (u[10] = (V) => e(o).company.address.state = V),
+                        schema: e(ie).typeAtPath(e(f), "company.address.state"),
+                        onFocusChanged: u[11] || (u[11] = (V) => i.value = V)
+                      }, {
+                        append: I(() => [
+                          l(F, {
+                            name: e(i) ? "keyboard_arrow_up" : "keyboard_arrow_down"
+                          }, null, 8, ["name"])
+                        ]),
+                        _: 1
+                      }, 8, ["modelValue", "schema"])
+                    ]),
+                    default: I(() => [
+                      (m(!0), T(z, null, ce(e(Yt)[e(q.Config).getCountry().code].stateItems.filter(
+                        (V) => {
+                          var he, fe;
+                          return V.label.toLowerCase().includes(((fe = (he = e(o)) == null ? void 0 : he.company) == null ? void 0 : fe.address.state.toLowerCase()) ?? "");
+                        }
+                      ) || [], (V) => (m(), R(k, {
+                        key: V.value,
+                        "model-value": e(o).company.address.state === V.value,
+                        label: V.label,
+                        onClick: () => {
+                          e(o).company.address.state = V.value, i.value = !1;
+                        }
+                      }, null, 8, ["model-value", "label", "onClick"]))), 128))
+                    ]),
+                    _: 1
+                  }, 8, ["model-value"])
+                ]),
+                l(te, {
+                  label: e(g)("connect.store.setting.company.address.country"),
+                  modelValue: e(o).company.address.country,
+                  "onUpdate:modelValue": u[12] || (u[12] = (V) => e(o).company.address.country = V),
+                  items: [
+                    {
+                      label: e(q.Config).getCountry().name,
+                      value: e(q.Config).getCountry().name
+                    }
+                  ],
+                  rules: [e(ie).ruleAtPath(e(f), "company.address.country")]
+                }, null, 8, ["label", "modelValue", "items", "rules"])
+              ]),
+              n("div", co, [
+                n("div", uo, w(e(g)("connect.store.setting.stripe.title")), 1),
+                l(eo, {
+                  "model-value": (de = e(o)) == null ? void 0 : de.stripe,
+                  "onUpdate:modelValue": u[13] || (u[13] = (V) => e(o).stripe = V)
+                }, null, 8, ["model-value"])
+              ])
+            ])) : M("", !0)
+          ];
+        }),
+        _: 1
+      }, 8, ["modelValue", "header"]);
+    };
+  }
+}), fo = /* @__PURE__ */ Y({
+  __name: "TaxVariantSetting",
+  props: {
+    modelValue: {
+      type: Array,
+      required: !0,
+      default: () => []
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(b, { emit: a }) {
+    const d = b, g = a;
+    Ne(() => {
+      if (o.value.length !== x.value.length) {
+        const t = x.value.reduce((r, p) => {
+          const y = Z.systemDefaultCode(p.name);
+          if (!y) return r;
+          const { systemCode: $, taxCode: u } = y;
+          return p.value || r.push({ systemCode: $, taxCode: u }), r;
+        }, []);
+        f(t);
+      }
+    });
+    function c() {
+      return Z.groupedTaxOptions();
+    }
+    const x = D(() => c().map((t) => ({
+      name: t.code,
+      value: (o.value || []).find(
+        (r) => t.options.some((p) => p.feedmeTaxCode === r)
+      ),
+      options: t.options.map((r) => ({
+        label: `${r.name} (${wt(r.rate)}%)`,
+        value: r.feedmeTaxCode
+      }))
+    }))), o = D(() => d.modelValue.map((t) => Z.generateCode(t)));
+    function i(t) {
+      const r = c().find(
+        (u) => u.options.some((F) => F.feedmeTaxCode === t)
+      ), p = r == null ? void 0 : r.options.find((u) => u.feedmeTaxCode === t);
+      if (!p) return;
+      const { systemCode: y, taxCode: $ } = p;
+      f([{ systemCode: y, taxCode: $ }]);
+    }
+    function f(t) {
+      const r = pe.clone(d.modelValue);
+      t.forEach((p) => {
+        const y = c().find(
+          (F) => F.options.some((k) => k.feedmeTaxCode === Z.generateCode(p))
+        ), $ = (y == null ? void 0 : y.options) || [], u = r.findIndex(
+          (F) => $.some((k) => Z.generateCode(k) === Z.generateCode(F))
+        );
+        u >= 0 ? r.splice(u, 1, p) : r.push(p);
+      }), g("update:modelValue", r);
+    }
+    return (t, r) => {
+      const p = v("FmRadio"), y = v("FmRadioGroup");
+      return m(!0), T(z, null, ce(e(x), ($) => (m(), T("div", {
+        key: $.name,
+        class: "flex items-start"
+      }, [
+        l(y, {
+          modelValue: $.value,
+          "onUpdate:modelValue": [
+            (u) => $.value = u,
+            r[0] || (r[0] = (u) => {
+              i(u);
+            })
+          ]
+        }, {
+          default: I(() => [
+            (m(!0), T(z, null, ce($.options, (u, F) => (m(), R(p, {
+              key: F,
+              value: u.value,
+              label: u.label
+            }, null, 8, ["value", "label"]))), 128))
+          ]),
+          _: 2
+        }, 1032, ["modelValue", "onUpdate:modelValue"])
+      ]))), 128);
+    };
+  }
+}), ze = {
+  get _id() {
+    return (/* @__PURE__ */ new Date()).toISOString();
+  },
+  name: "",
+  price: q.Dinero.zero().toObject(),
+  originalPrice: q.Dinero.zero().toObject(),
+  vouchers: [],
+  credit: {
+    normal: 0,
+    free: {
+      amount: 0,
+      day: 0
+    }
+  },
+  config: {
+    options: {}
+  },
+  titles: [],
+  taxes: [],
+  taxTotals: [],
+  internal: !1,
+  priceWithTaxes: Ct()
+}, yo = {
+  key: 0,
+  class: "space-y-24 pr-12"
+}, go = { class: "space-y-8" }, bo = { class: "fm-typo-en-title-sm-800 !mb-[-16px]" }, vo = { class: "flex items-center gap-8" }, ho = { class: "fm-typo-en-title-sm-800 !mb-[-16px]" }, xo = { class: "fm-typo-en-title-sm-800 !mb-[-16px]" }, _o = { class: "fm-typo-en-title-sm-800 !mb-[-20px]" }, Co = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary !mb-[-16px]" }, So = { class: "space-y-8" }, Fo = { class: "flex items-center justify-between" }, wo = { class: "fm-typo-en-title-sm-800 !mb-[-20px]" }, $o = { class: "space-y-8" }, ko = { class: "flex items-center gap-8" }, Po = /* @__PURE__ */ Y({
+  __name: "EditBundleSheet",
+  emits: ["update"],
+  setup(b, { expose: a, emit: d }) {
+    const g = d, { t: c } = ve(), x = Xe(), o = O(!1), i = O([]), f = O({
+      category: 0,
+      index: -1,
+      originalCategoryIndex: void 0
+    }), t = O(pe.cloneDeep(ze)), r = O(), p = Qe, y = D(() => {
+      const S = p.safeParse(t.value);
+      return S.success ? [] : S.error.errors;
+    }), $ = [
+      {
+        header: "Reward title",
+        accessorFn: (S) => S.collectible.name,
+        enableSorting: !0
+      },
+      {
+        id: "type",
+        header: "Reward type",
+        accessorFn: (S) => S.collectible.type,
+        cell(S) {
+          return Ie[S.row.original.collectible.type].chip();
+        }
+      },
+      {
+        header: "Description",
+        accessorFn: (S) => S.description,
+        cell(S) {
+          var P;
+          const s = S.row.original;
+          return s.collectible.type == "VOUCHER" || s.selectedReward == null ? s.description : rt(dt.FmStepperField, {
+            "onUpdate:modelValue": (B) => {
+              t.value.titles = t.value.titles.map(
+                (W) => W.id == s.collectible._id ? { ...W, dayToExpire: B } : W
+              );
+            },
+            modelValue: ((P = s.selectedReward) == null ? void 0 : P.extra) ?? 0,
+            appendText: "day(s)",
+            helperState: ae(y.value, "titles"),
+            helperText: se(y.value, "titles"),
+            max: 9999,
+            rules: [(B) => B <= 9999 || "Maximum 9999 days allowed"],
+            showSteppers: !1,
+            disabled: !!t.value.stripePriceId
+          });
+        }
+      }
+    ], u = O([]), F = D(() => {
+      var s;
+      const S = (s = t.value) != null && s.isFeedvibe ? "STORE_BUNDLE:FEEDVIBE" : "STORE_BUNDLE:DEFAULT";
+      return x.bundleRewards.filter((P) => {
+        var B;
+        return (B = t.value) != null && B.isFeedvibe && P.type !== "VOUCHER" ? !1 : $t(P.capabilities, S);
+      }).map((P) => {
+        const B = k.value.find((J) => J.id == P._id), W = P.type === "VOUCHER" ? `${P.options.maxUse} use(s), ${kt(
+          P.options.validityOption || {}
+        )}` : "No expiry";
+        return {
+          collectible: P,
+          description: W,
+          selectedReward: B
+        };
+      });
+    }), k = D(() => {
+      var S, s;
+      return [
+        ...((S = t.value) == null ? void 0 : S.titles.map((P) => ({
+          id: P.id,
+          extra: P.dayToExpire
+        }))) ?? [],
+        ...((s = t.value) == null ? void 0 : s.vouchers.map((P) => ({
+          id: P,
+          extra: void 0
+        }))) ?? []
+      ];
+    }), N = D(
+      () => t.value.stripePriceId && t.value.subscriptionValidity ? t.value.subscriptionValidity : 0
+    );
+    function te(S) {
+      t.value.subscriptionValidity = S;
+      for (const s of t.value.titles)
+        s.dayToExpire = S;
+      t.value.credit.free && (t.value.credit.free.day = S);
+    }
+    function oe() {
+      const S = F.value, s = t.value;
+      if (!(!s || !S))
+        for (let P = 0; P < S.length; P++) {
+          const B = S[P];
+          H.value[P] ? B.collectible.type == "TITLE" ? s.titles.findIndex(
+            (L) => L.id == B.collectible._id
+          ) < 0 && s.titles.push({
+            id: B.collectible._id,
+            dayToExpire: N.value
+          }) : s.vouchers.findIndex(
+            (L) => L == B.collectible._id
+          ) < 0 && s.vouchers.push(B.collectible._id) : (s.titles = s.titles.filter((J) => J.id != B.collectible._id), s.vouchers = s.vouchers.filter(
+            (J) => J != B.collectible._id
+          ));
+        }
+    }
+    const H = O({});
+    We(H, oe, { deep: !0 });
+    const le = D(() => {
+      var S, s;
+      return (s = (S = x.storeOption) == null ? void 0 : S.company) == null ? void 0 : s.sstRegNo;
+    }), de = D(() => {
+      var S, s, P;
+      return (P = (s = (S = x.storeOption) == null ? void 0 : S.inclusiveTaxes) == null ? void 0 : s[0]) != null && P.inclusive ? "Inclusive" : "Exclusive";
+    }), V = D(() => {
+      var S, s, P;
+      return at(
+        Z.fullTax,
+        it(t.value.taxes),
+        t.value.price,
+        Number(t.value.credit.normal),
+        ((S = x.storeOption) == null ? void 0 : S.inclusiveTaxes) ?? [],
+        (P = (s = x.storeOption) == null ? void 0 : s.company) != null && P.sstRegNo ? Z.taxSystem.map((B) => B.code) : []
+      );
+    }), he = D(() => V.value.reduce(
+      (s, P) => s.add(P.total),
+      St()
+    ).toFormat()), fe = D(() => {
+      var B;
+      const S = st(
+        V.value,
+        t.value.price,
+        ((B = x.storeOption) == null ? void 0 : B.inclusiveTaxes) ?? []
+      );
+      t.value.priceWithTaxes = S;
+      const s = Ft(S, !1), P = Number(s.replace(/[^\d.-]/g, ""));
+      return Number.isNaN(P) ? 0 : P;
+    });
+    function Te() {
+      t.value.taxTotals = V.value, g("update", Qe.parse(gt(t.value)));
+    }
+    function A() {
+      return pe.cloneDeep(ze);
+    }
+    function Ce(S, s) {
+      o.value = S, S && s && (r.value = void 0, i.value = s.categories, t.value = s.bundle || A(), f.value.category = s.category, f.value.index = s.index, f.value.originalCategoryIndex = s.category, H.value = F.value.reduce((P, B, W) => (P[W] = !!B.selectedReward, P), {}));
+    }
+    return a({
+      showSheet: Ce,
+      bundleImage: r,
+      target: f,
+      data: t
+    }), (S, s) => {
+      const P = v("FmSwitch"), B = v("FmHelperText"), W = v("FmTextField"), J = v("FmSelect"), L = v("FmStepperField"), $e = v("FmPill"), xe = v("FmMenuItem"), ke = v("FmTable"), ue = v("FmButton"), Pe = v("FmSideSheet");
+      return m(), R(Pe, {
+        "max-width": 768,
+        modelValue: e(o),
+        "onUpdate:modelValue": s[21] || (s[21] = (Se) => be(o) ? o.value = Se : null),
+        header: e(f).index != -1 ? e(c)("connect.store.bundle.edit.title") : e(c)("connect.store.bundle.edit.create")
+      }, {
+        "side-sheet-footer": I(() => [
+          n("div", ko, [
+            l(ue, {
+              label: e(f).index != -1 ? "Save" : "Add",
+              onClick: Te,
+              disabled: e(y).length > 0,
+              loading: e(je)().isLoading
+            }, null, 8, ["label", "disabled", "loading"]),
+            l(ue, {
+              label: "Cancel",
+              onClick: s[20] || (s[20] = (Se) => Ce(!1)),
+              variant: "tertiary"
+            })
+          ])
+        ]),
+        default: I(() => {
+          var Se, Re, Ve, Me, Oe, h, C, U, G, K;
+          return [
+            l(Ze, { json: e(t) }, null, 8, ["json"]),
+            e(t) ? (m(), T("div", yo, [
+              n("div", go, [
+                e(q.Config).getCountry().code == "MY" && ((Se = e(x).payoutAccount) == null ? void 0 : Se.status) == "APPROVED" && ((Re = e(x).payoutAccount) != null && Re.enable) ? (m(), R(P, {
+                  key: 0,
+                  "onUpdate:modelValue": s[0] || (s[0] = (_) => {
+                    e(t).isFeedvibe = _, e(t).isFeedvibe && (e(t).credit.normal = 0, e(t).coinPrice = 0, e(t).titles = [], H.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"])) : M("", !0),
+                e(t).isFeedvibe ? (m(), R(B, {
+                  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"
+                })) : M("", !0)
+              ]),
+              n("div", bo, w(e(c)("connect.store.bundle.edit.basicInformation")), 1),
+              l(W, {
+                label: e(c)("connect.store.bundle.edit.bundleName"),
+                modelValue: e(t).name,
+                "onUpdate:modelValue": s[1] || (s[1] = (_) => e(t).name = _),
+                "helper-state": e(ae)(e(y), "name"),
+                "helper-text": e(se)(e(y), "name")
+              }, null, 8, ["label", "modelValue", "helper-state", "helper-text"]),
+              l(J, {
+                modelValue: e(f).category,
+                "onUpdate:modelValue": s[2] || (s[2] = (_) => e(f).category = _),
+                label: "Store Category",
+                items: e(i).map((_, Q) => ({ label: _, value: Q }))
+              }, null, 8, ["modelValue", "items"]),
+              l(xt, {
+                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": s[3] || (s[3] = (_) => {
+                  r.value = _;
+                }),
+                "helper-state": e(ae)(e(y), "image"),
+                "helper-text": e(se)(e(y), "image")
+              }, null, 8, ["label", "thumbnail", "file", "helper-state", "helper-text"]),
+              l(L, {
+                "model-value": e(q.Dinero).fromFdoDinero(e(t).price).toUnit(),
+                label: e(c)("connect.store.bundle.edit.bundlePrice"),
+                min: 0,
+                "max-fraction-digits": 2,
+                "onUpdate:modelValue": s[4] || (s[4] = (_) => {
+                  e(t).price.amount = _ * 10 ** e(t).price.precision;
+                }),
+                "is-currency": !0,
+                "show-steppers": !1,
+                "helper-text": e(se)(e(y), "price") || `${e(q.Dinero).fromNumber({ number: 1 }).toFormat(
+                  !0
+                )} = ${e(q.Dinero).fromNumber({ number: 1 }).toUnit()} credit`,
+                "helper-state": e(ae)(e(y), "price")
+              }, {
+                prepend: I(() => [
+                  ee(w(e(q.Dinero).defaultCurrency()), 1)
+                ]),
+                _: 1
+              }, 8, ["model-value", "label", "helper-text", "helper-state"]),
+              l(L, {
+                "model-value": e(q.Dinero).fromFdoDinero(e(t).originalPrice).toUnit(),
+                label: e(c)("connect.store.bundle.edit.bundleValue"),
+                min: 0,
+                "max-fraction-digits": 2,
+                "onUpdate:modelValue": s[5] || (s[5] = (_) => {
+                  e(t).originalPrice || (e(t).originalPrice = e(q.Dinero).zero().toObject()), e(t).originalPrice.amount = _ * 10 ** e(t).originalPrice.precision;
+                }),
+                "is-currency": !0,
+                "show-steppers": !1,
+                "helper-text": e(se)(e(y), "originalPrice") || e(c)("connect.store.bundle.edit.originalPriceHelper"),
+                "helper-state": e(ae)(e(y), "originalPrice")
+              }, {
+                prepend: I(() => [
+                  ee(w(e(q.Dinero).defaultCurrency()), 1)
+                ]),
+                _: 1
+              }, 8, ["model-value", "label", "helper-text", "helper-state"]),
+              e(t).isFeedvibe ? M("", !0) : (m(), R(L, {
+                key: 0,
+                "model-value": e(t).coinPrice ?? null,
+                label: e(c)("connect.store.bundle.edit.pointNeeded"),
+                min: 0,
+                "onUpdate:modelValue": s[6] || (s[6] = (_) => {
+                  _ > 0 && e(t).credit.normal > 0 && (e(t).credit.normal = 0), e(t).coinPrice = _;
+                }),
+                "show-steppers": !1,
+                "helper-state": e(ae)(e(y), "coinPrice"),
+                "helper-text": e(se)(e(y), "coinPrice")
+              }, {
+                label: I(() => [
+                  n("div", vo, [
+                    ee(w(e(c)("connect.store.bundle.edit.pointNeeded")) + " ", 1),
+                    l($e, { variant: "premium" })
+                  ])
+                ]),
+                append: I(() => [...s[22] || (s[22] = [
+                  ee(" point(s) ", -1)
+                ])]),
+                _: 1
+              }, 8, ["model-value", "label", "helper-state", "helper-text"])),
+              (Ve = e(x).storeOption) != null && Ve.stripe && !e(t).isFeedvibe ? (m(), T(z, { key: 1 }, [
+                n("div", ho, w(e(c)("connect.store.bundle.edit.subscriptionSettings")), 1),
+                l(W, {
+                  label: e(c)("connect.store.bundle.edit.stripePriceId"),
+                  modelValue: e(t).stripePriceId,
+                  "onUpdate:modelValue": s[7] || (s[7] = (_) => e(t).stripePriceId = _),
+                  "helper-state": e(ae)(e(y), "stripePriceId"),
+                  "helper-text": e(se)(e(y), "stripePriceId")
+                }, null, 8, ["label", "modelValue", "helper-state", "helper-text"]),
+                e(t).stripePriceId ? (m(), R(L, {
+                  key: 0,
+                  "model-value": e(t).subscriptionValidity ?? null,
+                  min: 1,
+                  "onUpdate:modelValue": te,
+                  label: e(c)("connect.store.bundle.edit.subscriptionValidity"),
+                  "show-steppers": !1,
+                  "helper-state": e(ae)(e(y), "subscriptionValidity"),
+                  "helper-text": e(se)(e(y), "subscriptionValidity")
+                }, null, 8, ["model-value", "label", "helper-state", "helper-text"])) : M("", !0)
+              ], 64)) : M("", !0),
+              e(t).isFeedvibe ? M("", !0) : (m(), T(z, { key: 2 }, [
+                n("div", xo, w(e(c)("connect.store.bundle.edit.credit")), 1),
+                l(L, {
+                  modelValue: e(t).credit.normal,
+                  "onUpdate:modelValue": s[8] || (s[8] = (_) => e(t).credit.normal = _),
+                  label: e(c)("connect.store.bundle.edit.normalCredit"),
+                  "show-steppers": !1,
+                  "helper-state": e(ae)(e(y), "credit.normal"),
+                  "helper-text": e(se)(e(y), "credit.normal")
+                }, {
+                  append: I(() => [...s[23] || (s[23] = [
+                    ee(" credit ", -1)
+                  ])]),
+                  _: 1
+                }, 8, ["modelValue", "label", "helper-state", "helper-text"]),
+                l(L, {
+                  "model-value": ((Me = e(t).credit.free) == null ? void 0 : Me.amount) ?? null,
+                  min: 0,
+                  "onUpdate:modelValue": s[9] || (s[9] = (_) => {
+                    e(t).credit.free || (e(t).credit.free = {
+                      amount: 0,
+                      day: 1
+                    }), e(t).credit.free.amount = _;
+                  }),
+                  label: e(c)("connect.store.bundle.edit.freeCredit"),
+                  "show-steppers": !1,
+                  "helper-state": e(ae)(e(y), "credit.free.amount"),
+                  "helper-text": e(se)(e(y), "credit.free.amount")
+                }, {
+                  append: I(() => [...s[24] || (s[24] = [
+                    ee(" credit ", -1)
+                  ])]),
+                  _: 1
+                }, 8, ["model-value", "label", "helper-state", "helper-text"]),
+                (Oe = e(t).credit.free) != null && Oe.amount ? (m(), R(L, {
+                  key: 0,
+                  disabled: !!e(t).stripePriceId,
+                  "model-value": ((h = e(t).credit.free) == null ? void 0 : h.day) ?? null,
+                  min: 0,
+                  max: 9999,
+                  "onUpdate:modelValue": s[10] || (s[10] = (_) => {
+                    e(t).credit.free || (e(t).credit.free = {
+                      amount: 0,
+                      day: 1
+                    }), e(t).credit.free.day = e(N) || _;
+                  }),
+                  label: "Free credit valid for",
+                  "show-steppers": !1,
+                  "helper-state": e(ae)(e(y), "credit.free.day"),
+                  "helper-text": e(se)(e(y), "credit.free.day")
+                }, {
+                  append: I(() => [...s[25] || (s[25] = [
+                    ee(" day(s) ", -1)
+                  ])]),
+                  _: 1
+                }, 8, ["disabled", "model-value", "helper-state", "helper-text"])) : M("", !0)
+              ], 64)),
+              e(le) ? (m(), T(z, { key: 3 }, [
+                s[26] || (s[26] = n("div", { class: "fm-typo-en-title-sm-800 !mb-[-16px]" }, "Taxes", -1)),
+                l(fo, {
+                  modelValue: e(t).taxes,
+                  "onUpdate:modelValue": s[11] || (s[11] = (_) => e(t).taxes = _)
+                }, null, 8, ["modelValue"]),
+                l(W, {
+                  label: `Tax Charged (${e(de)})`,
+                  "model-value": e(he),
+                  disabled: ""
+                }, null, 8, ["label", "model-value"])
+              ], 64)) : M("", !0),
+              l(L, {
+                label: "Total Price",
+                "model-value": e(fe),
+                disabled: !0
+              }, null, 8, ["model-value"]),
+              n("div", _o, w(e(c)("connect.store.bundle.edit.bundleReward.title")), 1),
+              n("div", Co, w(e(c)("connect.store.bundle.edit.bundleReward.description")), 1),
+              n("div", So, [
+                n("div", Fo, [
+                  l(_t, {
+                    label: `Reward type: ${e(u).length == 0 ? "All" : e(u)[0].name}`
+                  }, {
+                    default: I(() => [
+                      l(xe, {
+                        onClick: s[12] || (s[12] = (_) => u.value = []),
+                        label: "All"
+                      }),
+                      l(xe, {
+                        onClick: s[13] || (s[13] = (_) => u.value = [
+                          {
+                            id: "type",
+                            value: "VOUCHER",
+                            name: e(Ie).VOUCHER.name
+                          }
+                        ]),
+                        label: e(Ie).VOUCHER.name
+                      }, null, 8, ["label"]),
+                      l(xe, {
+                        onClick: s[14] || (s[14] = (_) => u.value = [
+                          {
+                            id: "type",
+                            value: "TITLE",
+                            name: e(Ie).TITLE.name
+                          }
+                        ]),
+                        label: e(Ie).TITLE.name
+                      }, null, 8, ["label"])
+                    ]),
+                    _: 1
+                  }, 8, ["label"])
+                ]),
+                l(ke, {
+                  modelValue: e(H),
+                  "onUpdate:modelValue": s[15] || (s[15] = (_) => be(H) ? H.value = _ : null),
+                  selection: "multiple",
+                  "column-filter": e(u),
+                  "column-defs": $,
+                  "row-data": e(F),
+                  "hide-footer": e(F).length <= 10
+                }, null, 8, ["modelValue", "column-filter", "row-data", "hide-footer"]),
+                l(B, {
+                  text: e(se)(e(y), "titles"),
+                  state: e(ae)(e(y), "titles")
+                }, null, 8, ["text", "state"])
+              ]),
+              n("div", wo, w(e(c)("connect.store.bundle.edit.advanceSetting")), 1),
+              n("div", $o, [
+                e(t).isFeedvibe ? M("", !0) : (m(), T(z, { key: 0 }, [
+                  l(P, {
+                    "model-value": e(t).internal ?? !1,
+                    "onUpdate:modelValue": s[16] || (s[16] = (_) => e(t).internal = _),
+                    "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"]),
+                  l(P, {
+                    "model-value": e(t).hideInPos ?? !1,
+                    "onUpdate:modelValue": s[17] || (s[17] = (_) => e(t).hideInPos = _),
+                    "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)),
+                l(L, {
+                  "model-value": ((U = (C = e(t).config) == null ? void 0 : C.options) == null ? void 0 : U.maxPerUser) || null,
+                  "onUpdate:modelValue": s[18] || (s[18] = (_) => e(pe).set(e(t), "config.options.maxPerUser", _)),
+                  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"]),
+                l(L, {
+                  "model-value": ((K = (G = e(t).config) == null ? void 0 : G.options) == null ? void 0 : K.maxReceive) || null,
+                  "onUpdate:modelValue": s[19] || (s[19] = (_) => e(pe).set(e(t), "config.options.maxReceive", _)),
+                  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"])
+              ])
+            ])) : M("", !0)
+          ];
+        }),
+        _: 1
+      }, 8, ["modelValue", "header"]);
+    };
+  }
+}), Vo = { class: "flex gap-8 items-center flex-wrap" }, To = { class: "flex items-center gap-8" }, Ro = /* @__PURE__ */ Y({
+  __name: "SendBundleSheet",
+  emits: ["success"],
+  setup(b, { expose: a, emit: d }) {
+    const { minor: g } = ot, c = O(), x = O(""), o = O(""), i = O([]), f = O(!1), t = O();
+    O(!0);
+    function r(F) {
+      f.value = !0, x.value = null, o.value = "", c.value = F.bundle;
+    }
+    function p() {
+      f.value = !1;
+    }
+    async function y(F) {
+      const k = await Pt.read({
+        limit: 25,
+        skip: 0,
+        sortBy: "_id",
+        search: F,
+        descending: !1
+      });
+      i.value = k.resources.map((N) => ({
+        label: `${N.name} (${N.phoneNumber})`,
+        value: N._id
+      })), await new Promise((N) => setTimeout(N, 100));
+    }
+    async function $() {
+      if (!c.value || !x.value) return;
+      const F = i.value.find(
+        (N) => N.value === x.value
+      );
+      await Ee.confirm(
+        `Are you sure you want to send bundle ${c.value.name} to ${F == null ? void 0 : F.label}?`,
+        "Confirm",
+        "Confirm",
+        "Cancel"
+      ) && await g(
+        async () => {
+          const N = {
+            bundle: c.value._id,
+            member: x.value,
+            source: ft.enum.ADMIN,
+            ref: `ADMIN:${(/* @__PURE__ */ new Date()).toISOString()}:${o.value}`,
+            withCoin: !1
+          };
+          await De.sendBundle(N), p();
+        },
+        {
+          message: "Sending bundle",
+          successMessage: "Bundle sent"
+        }
+      );
+    }
+    const u = D(() => {
+      var k, N, te;
+      const F = [];
+      return ((k = c.value) == null ? void 0 : k.price.amount) > 0 && F.push(
+        `${q.Config.getCountry().currency.symbol}${nt((N = c.value) == null ? void 0 : N.price)}`
+      ), (te = c.value) != null && te.coinPrice && F.push(`${c.value.coinPrice} point(s)`), F.join(" or ");
+    });
+    return a({
+      showSheet: r,
+      hideSheet: p
+    }), Ne(async () => {
+      await y("");
+    }), (F, k) => {
+      const N = v("FmCardMedia"), te = v("FmCardHeader"), oe = v("FmChip"), H = v("FmCardSection"), le = v("FmCard"), de = v("FmSelect"), V = v("FmTextField"), he = v("FmForm"), fe = v("FmButton"), Te = v("FmSideSheet");
+      return m(), R(Te, {
+        "max-width": 560,
+        "dismiss-away": !0,
+        header: "Send bundle to member",
+        modelValue: e(f),
+        "onUpdate:modelValue": [
+          k[4] || (k[4] = (A) => be(f) ? f.value = A : null),
+          k[5] || (k[5] = (A) => f.value = A)
+        ]
+      }, {
+        "side-sheet-footer": I(() => [
+          n("div", To, [
+            l(fe, {
+              label: "Send",
+              loading: e(je)().isLoading,
+              onClick: k[2] || (k[2] = async () => {
+                var A;
+                return (A = e(t)) == null ? void 0 : A.validateInputs();
+              })
+            }, null, 8, ["loading"]),
+            l(fe, {
+              label: "Cancel",
+              type: "button",
+              variant: "tertiary",
+              onClick: k[3] || (k[3] = (A) => f.value = !1)
+            })
+          ])
+        ]),
+        default: I(() => [
+          l(he, {
+            class: "space-y-16",
+            ref_key: "form",
+            ref: t,
+            onValidationSuccess: $,
+            blameFormChildOnValidationFailed: ""
+          }, {
+            default: I(() => [
+              l(le, {
+                class: "max-w-[700px]",
+                horizontal: "",
+                variant: "outlined"
+              }, {
+                default: I(() => {
+                  var A, Ce;
+                  return [
+                    (A = e(c)) != null && A.image ? (m(), R(N, {
+                      key: 0,
+                      width: "100",
+                      src: (Ce = e(c)) == null ? void 0 : Ce.image
+                    }, null, 8, ["src"])) : M("", !0),
+                    l(H, { class: "flex flex-col gap-16 justify-between" }, {
+                      default: I(() => {
+                        var S;
+                        return [
+                          l(te, {
+                            class: "p-0",
+                            title: (S = e(c)) == null ? void 0 : S.name,
+                            subtitle: e(u)
+                          }, null, 8, ["title", "subtitle"]),
+                          l(H, { class: "p-0" }, {
+                            default: I(() => {
+                              var s, P, B, W, J, L, $e, xe, ke, ue, Pe;
+                              return [
+                                n("div", Vo, [
+                                  (s = e(c)) != null && s.isFeedvibe ? (m(), R(oe, {
+                                    key: 0,
+                                    label: "Feedvibe"
+                                  })) : M("", !0),
+                                  (B = (P = e(c)) == null ? void 0 : P.titles) != null && B.length ? (m(), R(oe, {
+                                    key: 1,
+                                    label: `${e(c).titles.length} title(s)`
+                                  }, null, 8, ["label"])) : M("", !0),
+                                  (J = (W = e(c)) == null ? void 0 : W.vouchers) != null && J.length ? (m(), R(oe, {
+                                    key: 2,
+                                    label: `${e(c).vouchers.length} voucher(s)`
+                                  }, null, 8, ["label"])) : M("", !0),
+                                  ($e = (L = e(c)) == null ? void 0 : L.credit) != null && $e.normal || (ue = (ke = (xe = e(c)) == null ? void 0 : xe.credit) == null ? void 0 : ke.free) != null && ue.amount ? (m(), R(oe, {
+                                    key: 3,
+                                    label: `${(e(c).credit.normal || 0) + (((Pe = e(c).credit.free) == null ? void 0 : Pe.amount) || 0)} credit(s)`
+                                  }, null, 8, ["label"])) : M("", !0)
+                                ])
+                              ];
+                            }),
+                            _: 1
+                          })
+                        ];
+                      }),
+                      _: 1
+                    })
+                  ];
+                }),
+                _: 1
+              }),
+              l(de, {
+                modelValue: e(x),
+                "onUpdate:modelValue": k[0] || (k[0] = (A) => be(x) ? x.value = A : null),
+                label: "Select member",
+                searchable: "",
+                items: e(i),
+                onSearch: y,
+                rules: [(A) => !!A > 0 || "Member is required"],
+                "helper-text": "Type to search member"
+              }, null, 8, ["modelValue", "items", "rules"]),
+              l(V, {
+                modelValue: e(o),
+                "onUpdate:modelValue": k[1] || (k[1] = (A) => be(o) ? o.value = A : null),
+                label: "Reference (optional)",
+                rules: [
+                  (A) => A.length < 50 || "Reference must be less than 50 characters"
+                ]
+              }, null, 8, ["modelValue", "rules"])
+            ]),
+            _: 1
+          }, 512)
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+}), Io = { class: "flex items-center gap-8" }, Uo = { class: "flex-shrink-0 -mr-8 -mt-8" }, Eo = ["title"], Do = ["src"], Bo = { class: "relative flex items-center gap-6 min-w-0" }, No = { class: "fm-typo-en-body-sm-600 tracking-[0.08em] truncate" }, Mo = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Oo = {
+  key: 0,
+  class: "flex items-center gap-6"
+}, Lo = "linear-gradient(135deg,#FF9455,#B25300)", Ao = /* @__PURE__ */ Y({
+  __name: "GiftCardProgramCard",
+  props: {
+    program: {},
+    disabled: { type: Boolean }
+  },
+  emits: ["edit", "setLive", "deactivate"],
+  setup(b, { emit: a }) {
+    const d = b, g = a, c = D(() => yt(d.program)), x = D(() => {
+      const { denominations: f, anyAmount: t } = c.value, r = [], p = [
+        ...f,
+        ...t ? [t.min, t.max] : []
+      ];
+      if (p.length) {
+        const y = Math.min(...p), $ = Math.max(...p);
+        r.push(y === $ ? `RM${y}` : `RM${y}–RM${$}`);
+      }
+      return t && r.push("Any amount"), r.join(" · ");
+    }), o = D(() => {
+      var f;
+      return ((f = d.program.designs) == null ? void 0 : f[0]) ?? null;
+    }), i = D(() => {
+      const f = d.program.numberFormat, t = (f == null ? void 0 : f.prefix) ?? "GC", r = Math.max(4, Math.min(Number((f == null ? void 0 : f.length) ?? 12), 16));
+      return `${t}${"•".repeat(r)}`;
+    });
+    return (f, t) => {
+      const r = v("FmChip"), p = v("FmButton"), y = v("FmMenuItem"), $ = v("FmMenu"), u = v("FmIcon"), F = v("FmCard");
+      return m(), R(F, {
+        variant: "outlined",
+        class: "flex flex-col gap-y-8 p-16 h-full min-h-[240px]"
+      }, {
+        default: I(() => [
+          n("div", Io, [
+            l(r, {
+              label: "Gift card",
+              variant: "neutral",
+              compact: ""
+            }),
+            l(r, {
+              label: b.program.active ? "Live" : "Inactive",
+              variant: b.program.active ? "success" : "neutral",
+              compact: ""
+            }, null, 8, ["label", "variant"]),
+            t[4] || (t[4] = n("div", { class: "flex-1" }, null, -1)),
+            n("div", Uo, [
+              l($, { placement: "bottom-end" }, {
+                "menu-button": I(() => [
+                  l(p, {
+                    icon: "more_vert",
+                    variant: "tertiary"
+                  })
+                ]),
+                default: I(() => [
+                  l(y, {
+                    onClick: t[0] || (t[0] = (k) => g("edit")),
+                    icon: "edit",
+                    label: "Edit"
+                  }),
+                  b.program.active ? (m(), R(y, {
+                    key: 1,
+                    onClick: t[2] || (t[2] = (k) => g("deactivate")),
+                    icon: "pause_circle",
+                    label: "Set inactive"
+                  })) : (m(), R(y, {
+                    key: 0,
+                    onClick: t[1] || (t[1] = (k) => g("setLive")),
+                    icon: "check_circle",
+                    label: "Set live"
+                  }))
+                ]),
+                _: 1
+              })
+            ])
+          ]),
+          n("div", {
+            class: "fm-typo-en-body-lg-600 truncate",
+            title: b.program.name
+          }, w(b.program.name), 9, Eo),
+          n("div", {
+            class: "relative h-[120px] aspect-[1.586/1] mx-auto rounded-md overflow-hidden flex flex-col p-8 text-fm-color-typo-white",
+            style: tt({ background: Lo })
+          }, [
+            e(o) ? (m(), T("img", {
+              key: 0,
+              src: e(o),
+              alt: "",
+              class: "absolute inset-0 w-full h-full object-cover"
+            }, null, 8, Do)) : M("", !0),
+            t[6] || (t[6] = n("div", { class: "relative flex items-start justify-between gap-4" }, [
+              n("span", { class: "fm-typo-en-body-sm-600" }, "FeedMe"),
+              n("span", { class: "fm-typo-en-body-sm-600 uppercase tracking-[0.1em] opacity-90 whitespace-nowrap" }, " Gift Card ")
+            ], -1)),
+            t[7] || (t[7] = n("div", { class: "flex-1" }, null, -1)),
+            n("div", Bo, [
+              t[5] || (t[5] = n("span", { class: "w-[20px] h-[14px] rounded-sm flex-none bg-gradient-to-br from-[#F4D479] to-[#C99B3B]" }, null, -1)),
+              n("span", No, w(e(i)), 1)
+            ])
+          ], 4),
+          n("div", Mo, w(e(x)), 1),
+          t[9] || (t[9] = n("div", { class: "flex-1" }, null, -1)),
+          b.program.active ? (m(), T("div", Oo, [
+            l(u, {
+              name: "check",
+              size: "sm",
+              class: "text-fm-color-system-success-400"
+            }),
+            t[8] || (t[8] = n("span", { class: "fm-typo-en-body-sm-600 text-fm-color-system-success-400" }, " Live to customers ", -1))
+          ])) : (m(), R(p, {
+            key: 1,
+            label: "Set live",
+            variant: "secondary",
+            size: "md",
+            disabled: b.disabled,
+            onClick: t[3] || (t[3] = (k) => g("setLive"))
+          }, null, 8, ["disabled"]))
+        ]),
+        _: 1
+      });
+    };
+  }
+}), jo = { class: "rounded-lg border-1 border-fm-color-primary p-24 flex flex-col gap-16" }, qo = { class: "flex items-start gap-16" }, Go = { class: "w-40 h-40 rounded-md flex-none grid place-items-center bg-fm-color-primary" }, Ko = { class: "flex flex-col gap-4" }, Ho = { class: "fm-typo-en-body-lg-600" }, zo = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Wo = { class: "rounded-md border-1 border-fm-color-neutral-gray-200" }, Yo = { class: "flex-1 min-w-0" }, Jo = { class: "fm-typo-en-body-md-600" }, Xo = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Zo = /* @__PURE__ */ Y({
+  __name: "StoreOnboarding",
+  props: {
+    settingStatus: {},
+    payoutStatus: {},
+    requiresPayout: { type: Boolean, default: !0 }
+  },
+  emits: ["setupStoreSetting", "setupPayout"],
+  setup(b, { emit: a }) {
+    const { t: d } = ve(), g = b, c = a, x = D(() => [
+      {
+        key: "payout",
+        title: d("connect.store.onboarding.payoutTitle"),
+        description: d("connect.store.onboarding.payoutDescription"),
+        status: g.payoutStatus,
+        action: "setupPayout"
+      },
+      {
+        key: "setting",
+        title: d("connect.store.onboarding.settingTitle"),
+        description: d("connect.store.onboarding.settingDescription"),
+        status: g.settingStatus,
+        action: "setupStoreSetting"
+      }
+    ].filter((i) => i.key !== "payout" || g.requiresPayout));
+    return (o, i) => {
+      const f = v("FmIcon"), t = v("FmChip"), r = v("FmButton");
+      return m(), T("div", jo, [
+        n("div", qo, [
+          n("span", Go, [
+            l(f, {
+              name: "warning",
+              class: "text-fm-color-typo-white"
+            })
+          ]),
+          n("div", Ko, [
+            n("div", Ho, w(e(d)("connect.store.onboarding.title")), 1),
+            n("div", zo, w(e(d)("connect.store.onboarding.description")), 1)
+          ])
+        ]),
+        n("div", Wo, [
+          (m(!0), T(z, null, ce(e(x), (p, y) => (m(), T("div", {
+            key: p.key,
+            class: we(["flex items-center gap-16 p-16", y > 0 ? "border-t-1 border-fm-color-neutral-gray-200" : ""])
+          }, [
+            n("span", {
+              class: we([
+                "w-24 h-24 rounded-sm flex-none grid place-items-center fm-typo-en-body-sm-600",
+                p.status === "COMPLETE" ? "bg-fm-color-system-success-100 text-fm-color-typo-success" : "bg-fm-color-primary-oats text-fm-color-primary"
+              ])
+            }, [
+              p.status === "COMPLETE" ? (m(), R(f, {
+                key: 0,
+                name: "check",
+                size: "sm"
+              })) : (m(), T(z, { key: 1 }, [
+                ee(w(y + 1), 1)
+              ], 64))
+            ], 2),
+            n("div", Yo, [
+              n("div", Jo, w(p.title), 1),
+              n("div", Xo, w(p.description), 1)
+            ]),
+            l(t, {
+              label: e(d)(
+                p.status === "COMPLETE" ? "connect.store.onboarding.complete" : p.status === "PENDING" ? "connect.store.onboarding.pendingApproval" : "connect.store.onboarding.incomplete"
+              ),
+              variant: "plain",
+              class: we(
+                p.status === "COMPLETE" ? "text-fm-color-typo-success bg-fm-color-system-success-100" : "text-fm-color-typo-warning bg-fm-color-system-warning-100"
+              ),
+              compact: ""
+            }, null, 8, ["label", "class"]),
+            p.status !== "COMPLETE" ? (m(), R(r, {
+              key: 0,
+              class: "flex-none",
+              label: e(d)(
+                p.status === "PENDING" ? "connect.store.onboarding.editDetails" : "connect.store.onboarding.setupNow"
+              ),
+              variant: "primary",
+              onClick: ($) => p.action === "setupPayout" ? c("setupPayout") : c("setupStoreSetting")
+            }, null, 8, ["label", "onClick"])) : M("", !0)
+          ], 2))), 128))
+        ])
+      ]);
+    };
+  }
+}), Qo = { class: "rounded-lg bg-fm-color-system-success-100 p-16 flex items-start gap-16" }, en = { class: "w-40 h-40 rounded-md flex-none grid place-items-center bg-fm-color-system-success-400" }, tn = { class: "flex-1 flex flex-col gap-4" }, on = { class: "fm-typo-en-body-lg-600" }, nn = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, an = /* @__PURE__ */ Y({
+  __name: "StoreAllSet",
+  emits: ["dismiss"],
+  setup(b, { emit: a }) {
+    const { t: d } = ve(), g = a;
+    return (c, x) => {
+      const o = v("FmIcon"), i = v("FmButton");
+      return m(), T("div", Qo, [
+        n("span", en, [
+          l(o, {
+            name: "check_circle",
+            class: "text-fm-color-typo-white"
+          })
+        ]),
+        n("div", tn, [
+          n("div", on, w(e(d)("connect.store.allSet.title")), 1),
+          n("div", nn, w(e(d)("connect.store.allSet.description")), 1)
+        ]),
+        l(i, {
+          class: "flex-none",
+          icon: "close",
+          size: "md",
+          variant: "tertiary",
+          onClick: x[0] || (x[0] = (f) => g("dismiss"))
+        })
+      ]);
+    };
+  }
+}), sn = { class: "space-y-16" }, ln = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, rn = { class: "space-y-8" }, cn = { class: "h-8 rounded-full bg-fm-color-neutral-gray-200 overflow-hidden" }, dn = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, un = { class: "space-y-8" }, mn = { class: "flex-1 min-w-0" }, pn = { class: "fm-typo-en-body-md-600" }, fn = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, yn = { class: "flex items-center justify-end gap-8 pb-16" }, gn = /* @__PURE__ */ Y({
+  __name: "StoreSetupDialog",
+  props: {
+    settingStatus: {},
+    payoutStatus: {},
+    requiresPayout: { type: Boolean, default: !0 }
+  },
+  setup(b) {
+    const { t: a } = ve(), d = b, g = Ye(), { emitData: c, emitAction: x } = Je(), o = D(() => [
+      {
+        key: "payout",
+        title: a("connect.store.onboarding.payoutTitle"),
+        description: a("connect.store.onboarding.payoutDescription"),
+        status: d.payoutStatus,
+        action: "setupPayout",
+        actionLabel: a(
+          d.payoutStatus === "PENDING" ? "connect.store.onboarding.editDetails" : "connect.store.onboarding.payoutAction"
+        )
+      },
+      {
+        key: "setting",
+        title: a("connect.store.onboarding.settingTitle"),
+        description: a("connect.store.onboarding.settingDescription"),
+        status: d.settingStatus,
+        action: "setupStoreSetting",
+        actionLabel: a("connect.store.onboarding.settingTitle")
+      }
+    ].filter((p) => p.key !== "payout" || d.requiresPayout)), i = D(
+      () => o.value.filter((r) => r.status === "COMPLETE").length
+    ), f = D(
+      () => o.value.find((r) => r.status !== "COMPLETE")
+    );
+    function t() {
+      f.value && (c(f.value.action), x("primary"), g.close());
+    }
+    return (r, p) => {
+      const y = v("FmIcon"), $ = v("FmChip"), u = v("FmButton");
+      return m(), T("div", sn, [
+        n("div", ln, w(e(a)("connect.store.setupDialog.description")), 1),
+        n("div", rn, [
+          n("div", cn, [
+            n("div", {
+              class: "h-full rounded-full bg-fm-color-primary transition-all",
+              style: tt({ width: `${e(i) / e(o).length * 100}%` })
+            }, null, 4)
+          ]),
+          n("div", dn, w(e(a)("connect.store.setupDialog.progress", {
+            done: e(i),
+            total: e(o).length
+          })), 1)
+        ]),
+        n("div", un, [
+          (m(!0), T(z, null, ce(e(o), (F, k) => {
+            var N;
+            return m(), T("div", {
+              key: F.key,
+              class: we([
+                "rounded-md border-1 p-16 flex items-center gap-16",
+                F.key === ((N = e(f)) == null ? void 0 : N.key) ? "border-fm-color-primary" : "border-fm-color-neutral-gray-200"
+              ])
+            }, [
+              n("span", {
+                class: we([
+                  "w-24 h-24 rounded-sm flex-none grid place-items-center fm-typo-en-body-sm-600",
+                  F.status === "COMPLETE" ? "bg-fm-color-system-success-100 text-fm-color-typo-success" : "bg-fm-color-primary-oats text-fm-color-primary"
+                ])
+              }, [
+                F.status === "COMPLETE" ? (m(), R(y, {
+                  key: 0,
+                  name: "check",
+                  size: "sm"
+                })) : (m(), T(z, { key: 1 }, [
+                  ee(w(k + 1), 1)
+                ], 64))
+              ], 2),
+              n("div", mn, [
+                n("div", pn, w(F.title), 1),
+                n("div", fn, w(F.description), 1)
+              ]),
+              l($, {
+                label: e(a)(
+                  F.status === "COMPLETE" ? "connect.store.onboarding.complete" : F.status === "PENDING" ? "connect.store.onboarding.pendingApproval" : "connect.store.onboarding.incomplete"
+                ),
+                variant: "plain",
+                class: we(
+                  F.status === "COMPLETE" ? "text-fm-color-typo-success bg-fm-color-system-success-100" : "text-fm-color-typo-warning bg-fm-color-system-warning-100"
+                ),
+                compact: ""
+              }, null, 8, ["label", "class"])
+            ], 2);
+          }), 128))
+        ]),
+        n("div", yn, [
+          l(u, {
+            label: e(a)("connect.common.cancel"),
+            variant: "tertiary",
+            onClick: p[0] || (p[0] = (F) => e(g).close())
+          }, null, 8, ["label"]),
+          e(f) ? (m(), R(u, {
+            key: 0,
+            label: e(f).actionLabel,
+            variant: "primary",
+            onClick: t
+          }, null, 8, ["label"])) : M("", !0)
+        ])
+      ]);
+    };
+  }
+});
+function bn(b, a, d = !0) {
+  let g = "INCOMPLETE";
+  (a == null ? void 0 : a.status) === "APPROVED" && a.enable ? g = "COMPLETE" : (a == null ? void 0 : a.status) === "PENDING" && (g = "PENDING");
+  const c = d;
+  return {
+    settingStatus: b ? "COMPLETE" : "INCOMPLETE",
+    payoutStatus: g,
+    requiresPayout: c,
+    complete: b && (!c || g === "COMPLETE")
+  };
+}
+const vn = { class: "grid lg:grid-cols-2 gap-32 items-center" }, hn = { class: "flex flex-col gap-16" }, xn = { class: "flex flex-col gap-8" }, _n = { class: "fm-typo-en-title-md-800" }, Cn = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary max-w-[460px]" }, Sn = { class: "flex flex-col gap-16" }, Fn = { class: "w-40 h-40 rounded-md flex-none grid place-items-center bg-fm-color-primary-oats text-fm-color-primary" }, wn = { class: "flex flex-col gap-2" }, $n = { class: "fm-typo-en-body-md-600" }, kn = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Pn = { class: "flex items-center gap-16 pt-8" }, Vn = { class: "relative rounded-lg overflow-hidden aspect-[4/3] flex items-end justify-center bg-gradient-to-br from-[#FFF3E6] to-[#FDE6D0]" }, Tn = { class: "absolute inset-0 grid place-items-center" }, Rn = { class: "relative w-[68%] max-w-[320px]" }, In = { 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" }, En = { class: "fm-typo-en-body-sm-400 uppercase tracking-[0.12em] opacity-90" }, Dn = /* @__PURE__ */ Y({
+  __name: "GiftCardUpsell",
+  props: {
+    premium: { type: Boolean }
+  },
+  emits: ["upgrade", "comparePlans", "create"],
+  setup(b, { emit: a }) {
+    const { t: d } = ve(), g = a, 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 (x, o) => {
+      const i = v("FmIcon"), f = v("FmButton"), t = v("FmCard");
+      return m(), R(t, {
+        variant: "outlined",
+        class: "p-24"
+      }, {
+        default: I(() => [
+          n("div", vn, [
+            n("div", hn, [
+              n("span", {
+                class: we([
+                  "self-start inline-flex items-center gap-4 px-8 py-4 rounded-sm fm-typo-en-body-sm-600 tracking-[0.05em]",
+                  b.premium ? "bg-fm-color-system-success-100 text-fm-color-typo-success" : "bg-fm-color-secondary-blueberry text-fm-color-typo-white uppercase"
+                ])
+              }, [
+                l(i, {
+                  name: b.premium ? "check" : "stars",
+                  size: "sm"
+                }, null, 8, ["name"]),
+                ee(" " + w(b.premium ? e(d)("connect.store.giftCard.includedInPlan") : e(d)("connect.store.giftCard.premium")), 1)
+              ], 2),
+              n("div", xn, [
+                n("div", _n, w(e(d)("connect.store.giftCard.upsellTitle")), 1),
+                n("div", Cn, w(e(d)("connect.store.giftCard.upsellDescription")), 1)
+              ]),
+              n("div", Sn, [
+                (m(), T(z, null, ce(c, (r) => n("div", {
+                  key: r.icon,
+                  class: "flex items-start gap-12"
+                }, [
+                  n("span", Fn, [
+                    l(i, {
+                      name: r.icon
+                    }, null, 8, ["name"])
+                  ]),
+                  n("div", wn, [
+                    n("div", $n, w(e(d)(r.title)), 1),
+                    n("div", kn, w(e(d)(r.description)), 1)
+                  ])
+                ])), 64))
+              ]),
+              n("div", Pn, [
+                b.premium ? (m(), R(f, {
+                  key: 0,
+                  label: e(d)("connect.store.giftCard.createGiftCard"),
+                  variant: "primary",
+                  icon: "add",
+                  onClick: o[0] || (o[0] = (r) => g("create"))
+                }, null, 8, ["label"])) : (m(), T(z, { key: 1 }, [
+                  l(f, {
+                    label: e(d)("connect.store.giftCard.upgrade"),
+                    variant: "primary",
+                    onClick: o[1] || (o[1] = (r) => g("upgrade"))
+                  }, null, 8, ["label"]),
+                  n("button", {
+                    type: "button",
+                    class: "inline-flex items-center gap-4 fm-typo-en-body-md-600 text-fm-color-typo-primary",
+                    onClick: o[2] || (o[2] = (r) => g("comparePlans"))
+                  }, [
+                    ee(w(e(d)("connect.store.giftCard.comparePlans")) + " ", 1),
+                    l(i, {
+                      name: "chevron_right",
+                      size: "sm"
+                    })
+                  ])
+                ], 64))
+              ])
+            ]),
+            n("div", Vn, [
+              n("div", Tn, [
+                n("div", Rn, [
+                  o[6] || (o[6] = n("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)),
+                  n("div", In, [
+                    o[5] || (o[5] = n("span", { class: "fm-typo-en-body-md-600" }, "FeedMe", -1)),
+                    n("div", Un, [
+                      n("span", En, w(e(d)("connect.store.giftCard.giftCardLabel")), 1),
+                      o[4] || (o[4] = n("span", { class: "fm-typo-en-title-md-800" }, "RM100", -1))
+                    ])
+                  ])
+                ])
+              ]),
+              b.premium ? M("", !0) : (m(), T("button", {
+                key: 0,
+                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: o[3] || (o[3] = (r) => g("upgrade"))
+              }, [
+                l(i, {
+                  name: "lock",
+                  size: "sm"
+                }),
+                ee(" " + w(e(d)("connect.store.giftCard.unlockNow")), 1)
+              ]))
+            ])
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+var et = { 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 Bn = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary max-w-[640px]" }, Nn = { class: "px-24 flex flex-col gap-y-16" }, Mn = { class: "space-y-8 py-12" }, On = { class: "flex gap-8 items-center" }, Ln = { class: "fm-typo-en-body-lg-600" }, An = {
+  key: 1,
+  class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary"
+}, jn = {
+  key: 1,
+  class: "grid sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-24"
+}, qn = { class: "flex gap-8 items-center" }, Gn = { class: "fm-typo-en-body-lg-600" }, Kn = { class: "grid sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-24" }, Hn = { class: "flex flex-col gap-16 text-center" }, zn = { class: "fm-typo-en-title-sm-800" }, Wn = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ta = /* @__PURE__ */ Y({
+  __name: "Store",
+  setup(b) {
+    const { t: a } = ve(), d = {
+      label: a("connect.store.actions.setting"),
+      value: "setting",
+      isPrimary: !1
+    }, g = {
+      label: a("connect.store.actions.manageReward"),
+      value: "create_reward"
+    }, c = {
+      label: a("connect.store.actions.addCategory"),
+      value: "create_category",
+      isPrimary: !0,
+      prependIcon: "add"
+    }, x = O(), o = Tt(), i = Xe(), { global: f, minor: t } = ot, r = Ye(), p = D(() => i.sortedStoreCategories), y = D(() => i.sortedStoreCategories.map((h) => h.name)), $ = O(), u = O(), F = Vt(), k = O([]), N = D(() => F.isPremium), te = D(() => {
+      var h;
+      return !!((h = i.storeOption) != null && h.company);
+    }), oe = O(!1), H = D(
+      () => bn(
+        te.value,
+        i.payoutAccount,
+        !oe.value || N.value
+      )
+    ), le = D(() => !H.value.complete), de = O(!1);
+    function V() {
+      return `connect.store.allSetDismissed.${He.getBusinessId()}`;
+    }
+    function he() {
+      try {
+        return localStorage.getItem(V()) === "1";
+      } catch {
+        return !1;
+      }
+    }
+    function fe() {
+      de.value = !0;
+      try {
+        localStorage.setItem(V(), "1");
+      } catch {
+      }
+    }
+    const Te = {
+      name: Ae["$connect-TRANSACTION"],
+      query: { tab: "store" }
+    };
+    function A() {
+      window.open(
+        `${et.licensePortalUrl}business/${He.businessId}/settings`,
+        "_blank"
+      );
+    }
+    function Ce() {
+      window.open("https://feedme.ai/pricing", "_blank", "noopener");
+    }
+    async function S() {
+      if (N.value)
+        try {
+          k.value = await Ke.readPrograms();
+        } catch {
+          k.value = [];
+        }
+    }
+    function s() {
+      o.push({ name: Ae["$connect-STORE_GIFT_CARD_SETUP"] });
+    }
+    function P(h) {
+      o.push({
+        name: Ae["$connect-STORE_GIFT_CARD_SETUP"],
+        params: { id: String(h._id) }
+      });
+    }
+    async function B(h) {
+      await Ee.confirm(
+        `Set "${h.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 t(
+        async () => {
+          await Ke.activateProgram(String(h._id)), await S();
+        },
+        { message: "Setting live", successMessage: "Gift card is live" }
+      );
+    }
+    async function W(h) {
+      await t(
+        async () => {
+          await Ke.deactivateProgram(String(h._id)), await S();
+        },
+        { message: "Updating gift card", successMessage: "Gift card set inactive" }
+      );
+    }
+    function J() {
+      r.open({
+        title: a("connect.store.setupDialog.title"),
+        contentComponent: gn,
+        contentComponentProps: {
+          settingStatus: H.value.settingStatus,
+          payoutStatus: H.value.payoutStatus,
+          requiresPayout: H.value.requiresPayout
+        }
+      }).onPrimary((h) => {
+        L(h === "setupPayout" ? "payout" : "setting");
+      });
+    }
+    async function L(h) {
+      var C;
+      h === "setting" ? (C = $.value) == null || C.showSheet(!0, i.storeOption) : h === "create_category" ? ue(-1) : h === "create_reward" ? await o.push({ name: Ae["$connect-STORE_REWARDS"] }) : h == "payout" && window.open(et.paymentPortalUrl, "_blank");
+    }
+    function $e(h, C) {
+      var Q;
+      const U = !!((Q = C.company) != null && Q.sstRegNo), G = C.inclusiveTaxes ?? [], K = Z.taxSystem.map((E) => E.code), _ = U ? G.flatMap((E) => {
+        console.log(E, "inclusive tax");
+        const j = Z.systemDefaultCode(E.systemCode);
+        return j ? [{ systemCode: E.systemCode, taxCode: j.taxCode }] : [];
+      }) : [];
+      return console.log([
+        ["hasSstRegNo", U],
+        ["defaultTaxCodes", _],
+        ["inclusiveTaxes", G],
+        ["taxSystemCodes", K]
+      ]), h.map((E) => ({
+        ...E,
+        bundles: E.bundles.map((j) => {
+          const { pf_vouchers: ne, ...X } = j;
+          if (!U)
+            return {
+              ...X,
+              taxes: [],
+              taxTotals: [],
+              priceWithTaxes: { ...X.price }
+            };
+          const me = _, Fe = at(
+            Z.fullTax,
+            me,
+            X.price,
+            Number(X.credit.normal),
+            G,
+            K
+          );
+          return {
+            ...X,
+            taxes: me,
+            taxTotals: Fe,
+            priceWithTaxes: st(
+              Fe,
+              X.price,
+              G
+            )
+          };
+        })
+      }));
+    }
+    async function xe(h, C, U) {
+      const G = !U && !!C, K = !!U && !C;
+      let _;
+      if (G) {
+        const E = Z.taxSystem[0] ? Z.systemDefaultCode(Z.taxSystem[0].code) : void 0, j = E ? `${E.name} (${E.taxCode})` : a("connect.store.taxPropagation.defaultTax");
+        _ = a("connect.store.taxPropagation.addConfirm", {
+          taxCode: j
+        });
+      } else K ? _ = a("connect.store.taxPropagation.removeConfirm") : _ = a("connect.store.taxPropagation.updateConfirm");
+      await Ee.confirm(
+        _,
+        a("connect.store.taxPropagation.title"),
+        a("connect.store.taxPropagation.confirm"),
+        a("connect.common.cancel")
+      ) && await t(
+        async () => {
+          const E = qe(i.sortedStoreCategories), j = $e(E, h);
+          await De.updateStoreBundle({ categories: j }), await i.readMemberStore(), await i.readMembership(), await i.readRewards();
+        },
+        {
+          message: a("connect.store.taxPropagation.updating"),
+          successMessage: a("connect.store.taxPropagation.success")
+        }
+      );
+    }
+    async function ke(h) {
+      var j, ne, X, me;
+      const C = ((ne = (j = i.storeOption) == null ? void 0 : j.company) == null ? void 0 : ne.sstRegNo) ?? "", U = pe.cloneDeep(
+        ((X = i.storeOption) == null ? void 0 : X.inclusiveTaxes) ?? []
+      ), G = ((me = h.company) == null ? void 0 : me.sstRegNo) ?? "";
+      await t(
+        async () => {
+          var Fe;
+          await De.updateStore(h), await i.readMemberStore(), (Fe = $.value) == null || Fe.showSheet(!1);
+        },
+        {
+          message: a("connect.store.setting.update.message"),
+          successMessage: a("connect.store.setting.update.success")
+        }
+      );
+      const K = C !== G, _ = !pe.isEqual(
+        U,
+        h.inclusiveTaxes ?? []
+      );
+      !(K || _) || i.sortedStoreCategories.flatMap(
+        (Fe) => Fe.bundles
+      ).length === 0 || await xe(h, G, C);
+    }
+    async function ue(h = -1) {
+      var C;
+      if (!te.value) {
+        J();
+        return;
+      }
+      r.open({
+        title: h == -1 ? a("connect.store.category.add") : a("connect.store.category.edit"),
+        contentComponent: Kt,
+        contentComponentProps: {
+          initialValue: ((C = p.value[h]) == null ? void 0 : C.name) ?? "",
+          action: h == -1 ? "add" : "edit"
+        }
+      }).onPrimary(async (U) => {
+        U === null && !await Ee.remove(
+          a("connect.store.category.remove.confirm"),
+          a("connect.store.category.remove.title")
+        ) || await t(
+          async () => {
+            const G = h == -1 ? [...p.value, { name: U, bundles: [] }] : [...p.value].map((K, _) => _ == h ? { ...K, name: U } : K).filter((K) => K.name !== null);
+            await De.updateStoreBundle({
+              categories: G
+            }), await i.readMemberStore();
+          },
+          {
+            message: U === null ? a("connect.store.category.update.deleting") : h == -1 ? a("connect.store.category.update.creating") : a("connect.store.category.update.updating"),
+            successMessage: U === null ? a("connect.store.category.update.success.deleted") : h == -1 ? a("connect.store.category.update.success.created") : a("connect.store.category.update.success.updated")
+          }
+        );
+      });
+    }
+    function Pe() {
+      const h = qe(p.value);
+      for (const C of h)
+        for (const U of C.bundles)
+          "pf_vouchers" in U && delete U.pf_vouchers;
+      return h;
+    }
+    async function Se(h) {
+      var U;
+      const C = (U = u.value) == null ? void 0 : U.bundleImage;
+      C === null && h.image ? (await Ge.delete(h.image), h.image = null) : C && (h.image = await Ge.update(
+        Ge.bundleImagePath(void 0, C),
+        C
+      ));
+    }
+    async function Re(h, C, U, G) {
+      var j, ne, X;
+      C ?? (C = (j = u.value) == null ? void 0 : j.target.category), U ?? (U = (ne = u.value) == null ? void 0 : ne.target.index), G ?? (G = (X = u.value) == null ? void 0 : X.target.originalCategoryIndex);
+      const K = Pe();
+      C != G && G != null && (K[G].bundles.splice(U, 1), U = K[C].bundles.length);
+      const _ = K[C];
+      if (!_) {
+        vt.error("Unexpected error", 2e3);
+        return;
+      }
+      if (h == null) {
+        if (await Ee.remove(
+          a("connect.store.bundle.delete.confirm"),
+          a("connect.store.bundle.delete.title")
+        ) == !1)
+          return;
+        _.bundles.splice(U, 1);
+      } else
+        U == -1 ? _.bundles.push(h) : _.bundles[U] = h;
+      let Q = "Updating", E = "updated";
+      h === null ? (Q = "Deleting", E = "deleted") : U === -1 && (Q = "Creating", E = "created"), await t(
+        async () => {
+          var me;
+          h != null && await Se(h), await De.updateStoreBundle({
+            categories: K
+          }), await i.readMemberStore(), await i.readMembership(), await i.readRewards(), (me = u.value) == null || me.showSheet(!1);
+        },
+        {
+          message: `${Q} bundle`,
+          successMessage: `Bundle ${E} successfully`
+        }
+      );
+    }
+    function Ve(h) {
+      var C;
+      if (!te.value) {
+        J();
+        return;
+      }
+      (C = u.value) == null || C.showSheet(!0, {
+        ...h,
+        bundle: h.bundle ? qe(h.bundle) : void 0
+      });
+    }
+    const Me = D(() => [
+      d,
+      g,
+      c
+    ]);
+    function Oe(h) {
+      var C;
+      (C = x.value) == null || C.showSheet({
+        bundle: h
+      });
+    }
+    return Ne(async () => {
+      await f(async () => {
+        var h, C;
+        if (await i.readMemberStore(), await i.readMembership(), await i.readRewards(), await i.readPayoutAccount(), await F.readPremium(), oe.value = !0, de.value = he(), await S(), (h = o.currentRoute.value.query) != null && h.action) {
+          switch ((C = o.currentRoute.value.query) == null ? void 0 : C.action) {
+            case "update_setting":
+              L("setting");
+              break;
+            case "create_category":
+              ue(-1);
+              break;
+            case "create_feedvibe_bundle":
+              r.open({
+                title: "Select category",
+                contentComponent: Wt
+              }).onPrimary((U) => {
+                r.close(), Ve({
+                  categories: y.value,
+                  category: U,
+                  index: -1,
+                  bundle: {
+                    ...pe.cloneDeep(ze),
+                    isFeedvibe: !0,
+                    price: q.Dinero.fromNumber({
+                      number: 10,
+                      precision: 2
+                    }).toObject()
+                  }
+                });
+              }).onTertiary(() => r.close());
+              break;
+          }
+          o.replace({ query: {} });
+        }
+      });
+    }), (h, C) => {
+      const U = v("RouterLink"), G = v("FmPageHead"), K = v("FmPill"), _ = v("FmButton"), Q = v("FmCard");
+      return m(), T(z, null, [
+        l(G, {
+          title: e(a)("connect.store.title"),
+          actions: e(Me),
+          "onClick:action": L
+        }, {
+          description: I(() => [
+            n("span", Bn, w(e(a)("connect.store.description")), 1),
+            l(U, {
+              to: Te,
+              class: "ml-8 fm-typo-en-link-md-600 text-fm-color-primary"
+            }, {
+              default: I(() => [
+                ee(w(e(a)("connect.store.viewTransactions")), 1)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["title", "actions"]),
+        n("div", Nn, [
+          e(le) ? (m(), R(Zo, {
+            key: 0,
+            class: "mt-12",
+            "setting-status": e(H).settingStatus,
+            "payout-status": e(H).payoutStatus,
+            "requires-payout": e(H).requiresPayout,
+            onSetupStoreSetting: C[0] || (C[0] = (E) => L("setting")),
+            onSetupPayout: C[1] || (C[1] = (E) => L("payout"))
+          }, null, 8, ["setting-status", "payout-status", "requires-payout"])) : e(de) ? M("", !0) : (m(), R(an, {
+            key: 1,
+            class: "mt-12",
+            onDismiss: fe
+          })),
+          n("div", Mn, [
+            n("div", On, [
+              n("div", Ln, w(e(a)("connect.store.giftCard.title")), 1),
+              l(K, {
+                variant: "premium",
+                label: e(a)("connect.store.giftCard.new")
+              }, null, 8, ["label"]),
+              e(N) && e(k).length ? (m(), R(_, {
+                key: 0,
+                icon: "edit",
+                size: "md",
+                variant: "tertiary",
+                onClick: C[2] || (C[2] = (E) => P(e(k)[0]))
+              })) : M("", !0),
+              C[4] || (C[4] = n("div", { class: "flex-1" }, null, -1)),
+              e(N) && e(k).length ? (m(), T("div", An, w(e(a)("connect.store.giftCard.oneLiveHint")), 1)) : M("", !0)
+            ]),
+            !e(N) || !e(k).length ? (m(), R(Dn, {
+              key: 0,
+              premium: e(N),
+              onUpgrade: A,
+              onComparePlans: Ce,
+              onCreate: s
+            }, null, 8, ["premium"])) : (m(), T("div", jn, [
+              (m(!0), T(z, null, ce(e(k), (E) => (m(), R(Ao, {
+                key: String(E._id),
+                program: E,
+                onEdit: (j) => P(E),
+                onSetLive: (j) => B(E),
+                onDeactivate: (j) => W(E)
+              }, null, 8, ["program", "onEdit", "onSetLive", "onDeactivate"]))), 128)),
+              l(Q, {
+                variant: "outlined",
+                class: "flex flex-col gap-y-8 p-16 h-full min-h-[240px] items-center justify-center"
+              }, {
+                default: I(() => [
+                  l(_, {
+                    label: e(a)("connect.store.giftCard.addGiftCard"),
+                    icon: "add",
+                    variant: "secondary",
+                    onClick: s
+                  }, null, 8, ["label"])
+                ]),
+                _: 1
+              })
+            ]))
+          ]),
+          e(p) && e(p).length > 0 ? (m(), T(z, { key: 2 }, [
+            (m(!0), T(z, null, ce(e(p), (E, j) => (m(), T("div", {
+              key: E.name,
+              class: "space-y-8 py-12"
+            }, [
+              n("div", qn, [
+                n("div", Gn, w(E.name), 1),
+                l(Ze, { json: E }, null, 8, ["json"]),
+                l(_, {
+                  icon: "edit",
+                  size: "md",
+                  variant: "tertiary",
+                  onClick: (ne) => ue(j)
+                }, null, 8, ["onClick"])
+              ]),
+              n("div", Kn, [
+                (m(!0), T(z, null, ce(E.bundles, (ne, X) => (m(), R(Lt, {
+                  bundle: ne,
+                  key: ne._id,
+                  onEdit: (me) => Ve({
+                    bundle: ne,
+                    category: j,
+                    index: X,
+                    categories: e(y)
+                  }),
+                  onDelete: (me) => Re(null, j, X),
+                  onSend: Oe
+                }, null, 8, ["bundle", "onEdit", "onDelete"]))), 128)),
+                l(At, {
+                  onCreate: (ne) => Ve({
+                    category: j,
+                    index: -1,
+                    categories: e(y)
+                  })
+                }, null, 8, ["onCreate"])
+              ])
+            ]))), 128)),
+            l(Po, {
+              ref_key: "bundleSheetRef",
+              ref: u,
+              onUpdate: Re
+            }, null, 512)
+          ], 64)) : (m(), R(Q, {
+            key: 3,
+            variant: "outlined",
+            class: "w-full flex flex-col items-center justify-center gap-y-24 p-24"
+          }, {
+            default: I(() => [
+              C[5] || (C[5] = n("img", {
+                src: ct,
+                class: "aspect-square w-[150px]"
+              }, null, -1)),
+              n("div", Hn, [
+                n("div", zn, w(e(a)("connect.store.bundle.title")), 1),
+                n("div", Wn, w(e(a)("connect.store.bundle.description")), 1)
+              ]),
+              l(_, {
+                variant: "primary",
+                label: e(a)("connect.store.actions.addCategory"),
+                icon: "add",
+                onClick: C[3] || (C[3] = (E) => ue(-1))
+              }, null, 8, ["label"])
+            ]),
+            _: 1
+          })),
+          l(po, {
+            ref_key: "settingSheetRef",
+            ref: $,
+            onUpdate: ke
+          }, null, 512),
+          l(Ro, {
+            ref_key: "sendBundleSheetRef",
+            ref: x
+          }, null, 512)
+        ])
+      ], 64);
+    };
+  }
+});
+export {
+  Ta as default
+};