@feedmepos/mf-connect 0.1.38-beta.74 → 0.1.38-beta.76

package/dist/Point-CjG77Sma.js

@@ -0,0 +1,263 @@
+import { defineComponent as H, ref as I, computed as q, h as x, onMounted as z, resolveComponent as m, openBlock as d, createElementBlock as v, Fragment as k, createVNode as s, unref as o, withCtx as h, createElementVNode as n, toDisplayString as u, renderList as G, createBlock as F, resolveDynamicComponent as J } from "vue";
+import { _ as Q } from "./campaign-CpzFl8Vr.js";
+import { useDialog as W, components as V } from "@feedmepos/ui-library";
+import { p as X } from "./plugins-A4jDcmfS.js";
+import { u as Y } from "./loading-8_73fcXo.js";
+import { u as Z } from "./business-CrfQ56D0.js";
+import { u as ee } from "./campaign-B9fR7RwT.js";
+import { a as te, b as $, c as N } from "./campaign-B_iIaTKz.js";
+import { c as oe, p as ae } from "./duplicateCampaign-C6RXfeWE.js";
+import { _ as ne } from "./FilterChip.vue_vue_type_script_setup_true_lang-DaU-9GzO.js";
+import { _ as ie } from "./EditCampaignSheet.vue_vue_type_script_setup_true_lang-D2gTuN97.js";
+import { u as se } from "./template-D7rpG7FN.js";
+import { u as re } from "./vue-i18n-BvqmcBWZ.js";
+import { c as f } from "./index-Cp8wkBus.js";
+const le = { class: "flex items-center" }, ce = { class: "fm-typo-en-title-md-600 fm-step-title line-clamp-2 mr-8" }, me = { class: "px-24 flex flex-col gap-y-16" }, pe = { class: "flex items-center justify-between w-full" }, de = { class: "flex gap-8 overflow-x-auto" }, ue = { class: "space-y-8" }, fe = { class: "flex w-full gap-4 items-center" }, ge = { class: "space-y-4" }, ye = { class: "fm-typo-en-body-lg-600" }, _e = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, he = { class: "flex items-center gap-8" }, Ce = { class: "flex flex-col gap-16 text-center" }, we = { class: "fm-typo-en-title-sm-800" }, be = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ae = /* @__PURE__ */ H({
+  __name: "Point",
+  setup(xe) {
+    const { t: i } = re(), D = {
+      label: i("connect.program.common.actions.create", {
+        type: i("connect.program.point.title").toLowerCase()
+      }),
+      value: "create",
+      isPrimary: !0,
+      prependIcon: "add"
+    }, K = se("COIN", W()), C = Z(), p = ee(), { global: O, minor: S } = Y, l = I({
+      searchKey: "",
+      location: []
+    });
+    function A(e) {
+      const t = l.value.location;
+      return !t || t.length === 0 || !e.targetLocation ? !0 : Array.isArray(t) ? t.some((c) => {
+        var r;
+        return (r = e == null ? void 0 : e.targetLocation) == null ? void 0 : r.includes(c);
+      }) : e.targetLocation.includes(t);
+    }
+    const g = q(
+      () => p.campaigns.point.filter((e) => A(e))
+    ), R = [
+      {
+        header: i("connect.program.common.table.title"),
+        accessorFn: (e) => e.name
+      },
+      {
+        header: i("connect.program.common.table.status"),
+        accessorFn: (e) => te(e),
+        cell(e) {
+          return $(e.row.original);
+        }
+      },
+      {
+        header: i("connect.program.common.table.summary"),
+        accessorFn: (e) => N(e)
+      },
+      {
+        header: i("connect.program.common.table.actions"),
+        cell(e) {
+          return x("div", { class: "flex items-center gap-8 justify-end" }, [
+            x(V.FmButton, {
+              variant: "tertiary",
+              icon: "content_copy",
+              iconColor: "neutral-gray-400",
+              onClick: async (t) => {
+                t.stopPropagation(), await P(e.row.original);
+              }
+            }),
+            x(V.FmButton, {
+              variant: "tertiary",
+              icon: "delete",
+              iconColor: "neutral-gray-400",
+              onClick: (t) => {
+                t.stopPropagation(), L(e.row.original);
+              }
+            })
+          ]);
+        }
+      }
+    ], w = I();
+    async function L(e) {
+      await X.remove(`Are you sure you want to remove ${e.name}?`) && await S(
+        async () => {
+          await f.delete(e._id), await p.read("COIN");
+        },
+        {
+          message: `Removing ${e.name}`,
+          successMessage: `Removed ${e.name} successfully`
+        }
+      );
+    }
+    async function y(e) {
+      e ? await t() : K.open(async (c) => {
+        await t(c);
+      });
+      async function t(c) {
+        var r;
+        (r = w.value) == null || r.showSheet(
+          !0,
+          "COIN",
+          e ? await f.readById(e._id) : void 0,
+          c
+        );
+      }
+    }
+    async function P(e) {
+      var r;
+      if (!await oe(e.name))
+        return;
+      const t = await f.readById(e._id), c = ae(t, {
+        keepCollectible: !0
+      });
+      (r = w.value) == null || r.showSheet(
+        !0,
+        "COIN",
+        c,
+        t.template
+      );
+    }
+    async function U(e) {
+      await S(
+        async () => {
+          e.campaign._id ? await f.update(e.campaign._id, e) : await f.create(e), await p.read("COIN");
+        },
+        {
+          message: `${e.campaign._id ? "Updating" : "Creating"} point program`,
+          successMessage: `Point program ${e.campaign._id ? "updated" : "created"} successfully`
+        }
+      );
+    }
+    return z(async () => {
+      await O(async () => {
+        await p.read("COIN");
+      });
+    }), (e, t) => {
+      const c = m("FmPill"), r = m("FmPageHead"), B = m("FmSearch"), j = m("FmTable"), b = m("FmButton"), T = m("FmListItem"), E = m("FmList"), M = m("FmCard");
+      return d(), v(k, null, [
+        s(r, {
+          title: o(i)("connect.program.point.title"),
+          actions: o(g).length > 0 && o(C).isPremium ? [D] : [],
+          "onClick:action": t[0] || (t[0] = () => y())
+        }, {
+          title: h(() => [
+            n("div", le, [
+              n("span", ce, u(o(i)("connect.program.point.title")), 1),
+              s(c, { variant: "premium" })
+            ])
+          ]),
+          _: 1
+        }, 8, ["title", "actions"]),
+        n("div", me, [
+          s(B, {
+            modelValue: o(l).searchKey,
+            "onUpdate:modelValue": t[1] || (t[1] = (a) => o(l).searchKey = a),
+            class: "hidden xs:!block sm:!block border-b-2 border-fm-color-neutral-gray-100",
+            placeholder: "search",
+            collapsible: ""
+          }, null, 8, ["modelValue"]),
+          o(p).campaigns.point && o(p).campaigns.point.length > 0 ? (d(), v(k, { key: 0 }, [
+            n("div", pe, [
+              n("div", de, [
+                s(ne, {
+                  label: `${o(i)("connect.common.location")}: `,
+                  "right-icon": "keyboard_arrow_down",
+                  modelValue: o(l).location,
+                  "onUpdate:modelValue": t[2] || (t[2] = (a) => o(l).location = a),
+                  icon: "storefront",
+                  "show-item-label": !0,
+                  items: o(C).locationOptions
+                }, null, 8, ["label", "modelValue", "items"])
+              ]),
+              s(B, {
+                modelValue: o(l).searchKey,
+                "onUpdate:modelValue": t[3] || (t[3] = (a) => o(l).searchKey = a),
+                class: "xs:hidden sm:hidden",
+                placeholder: "search",
+                collapsible: ""
+              }, null, 8, ["modelValue"])
+            ]),
+            s(j, {
+              class: "xs:hidden sm:hidden",
+              "row-data": o(g),
+              "column-defs": R,
+              "search-value": o(l).searchKey,
+              "column-filter": [],
+              onRowClick: t[4] || (t[4] = (a) => y(a.original)),
+              "hide-footer": o(g).length < 10
+            }, null, 8, ["row-data", "search-value", "hide-footer"]),
+            s(E, { class: "hidden xs:!flex sm:!flex flex-col mx-[-24px]" }, {
+              default: h(() => [
+                (d(!0), v(k, null, G(o(g).filter(
+                  (a) => a.name.toLowerCase().includes(o(l).searchKey.toLowerCase())
+                ), (a) => (d(), F(T, {
+                  key: a._id.toString(),
+                  onClick: (_) => y(a),
+                  class: "py-12 px-16 flex items-center justify-between border-b border-fm-color-neutral-gray-100"
+                }, {
+                  default: h(() => [
+                    n("div", ue, [
+                      n("div", fe, [
+                        (d(), F(J(o($)(a))))
+                      ]),
+                      n("div", ge, [
+                        n("div", ye, u(a.name), 1),
+                        n("div", _e, u(o(N)(a)), 1)
+                      ])
+                    ]),
+                    n("div", he, [
+                      s(b, {
+                        icon: "content_copy",
+                        "icon-color": "neutral-gray-400",
+                        variant: "tertiary",
+                        onClick: async (_) => {
+                          _.stopPropagation(), await P(a);
+                        }
+                      }, null, 8, ["onClick"]),
+                      s(b, {
+                        icon: "delete",
+                        "icon-color": "neutral-gray-400",
+                        variant: "tertiary",
+                        onClick: (_) => (_.stopPropagation(), L(a))
+                      }, null, 8, ["onClick"])
+                    ])
+                  ]),
+                  _: 2
+                }, 1032, ["onClick"]))), 128))
+              ]),
+              _: 1
+            })
+          ], 64)) : (d(), F(M, {
+            key: 1,
+            variant: "outlined",
+            class: "w-full flex flex-col items-center justify-center gap-y-24 p-24"
+          }, {
+            default: h(() => [
+              t[6] || (t[6] = n("img", {
+                src: Q,
+                class: "aspect-square w-[150px]"
+              }, null, -1)),
+              n("div", Ce, [
+                n("div", we, u(o(i)("connect.program.point.empty_state.title")), 1),
+                n("div", be, u(o(i)("connect.program.point.empty_state.description")), 1)
+              ]),
+              s(b, {
+                variant: "primary",
+                label: "Create point program",
+                disabled: !o(C).isPremium,
+                icon: "add",
+                onClick: t[5] || (t[5] = (a) => y())
+              }, null, 8, ["disabled"])
+            ]),
+            _: 1
+          })),
+          s(ie, {
+            ref_key: "sheetRef",
+            ref: w,
+            "onSubmit:modelValue": U
+          }, null, 512)
+        ])
+      ], 64);
+    };
+  }
+});
+export {
+  Ae as default
+};

package/dist/Promotion-C5I-1qPN.js

@@ -0,0 +1,397 @@
+import { defineComponent as Q, ref as w, resolveComponent as d, openBlock as f, createBlock as S, unref as a, isRef as te, withCtx as k, createElementVNode as i, createVNode as c, computed as ne, h as I, onMounted as ae, createElementBlock as L, Fragment as B, renderList as se, resolveDynamicComponent as ie, toDisplayString as h } from "vue";
+import { _ as re } from "./campaign-CpzFl8Vr.js";
+import { useDialog as le, components as N } from "@feedmepos/ui-library";
+import { c as $, p as j } from "./plugins-A4jDcmfS.js";
+import { u as ce } from "./loading-8_73fcXo.js";
+import { u as me } from "./business-CrfQ56D0.js";
+import { u as ue } from "./campaign-B9fR7RwT.js";
+import { u as de } from "./vue-i18n-BvqmcBWZ.js";
+import { g as q, a as pe, b as K } from "./campaign-B_iIaTKz.js";
+import { c as fe, p as ye } from "./duplicateCampaign-C6RXfeWE.js";
+import { e as U } from "./effect-DGVfWyIc.js";
+import { _ as ge } from "./EditCampaignSheet.vue_vue_type_script_setup_true_lang-D2gTuN97.js";
+import { c as y } from "./index-Cp8wkBus.js";
+import { u as he } from "./template-D7rpG7FN.js";
+import { _ as E } from "./FilterChip.vue_vue_type_script_setup_true_lang-DaU-9GzO.js";
+const _e = { class: "space-y-8" }, be = /* @__PURE__ */ Q({
+  __name: "QueueSheet",
+  emits: ["update:model-value"],
+  setup(H, { expose: n, emit: R }) {
+    const p = w(!1), _ = w([]);
+    async function P() {
+      p.value = !0;
+      const r = await y.getPromotionQueue();
+      console.log(r, "jobs"), _.value = r;
+    }
+    const v = [
+      {
+        header: "Started At",
+        accessorFn: (r) => r.createdAt,
+        enableSorting: !0
+      },
+      {
+        header: "Campaigns",
+        accessorFn: (r) => r.campaigns
+        // cell(props) {
+        //   const r = props.row.original;
+        //   return h('div', {
+        //     innerHTML: r.campaigns.map((c: any) => c.name).join(', '),
+        //   });
+        // },
+      }
+    ];
+    return n({
+      showSheet: P
+    }), (r, u) => {
+      const b = d("FmTable"), T = d("FmSideSheet");
+      return f(), S(T, {
+        "max-width": 550,
+        header: "Promotion Sync Queue",
+        modelValue: a(p),
+        "onUpdate:modelValue": [
+          u[1] || (u[1] = (s) => te(p) ? p.value = s : null),
+          u[2] || (u[2] = (s) => p.value = s)
+        ]
+      }, {
+        default: k(() => [
+          i("div", _e, [
+            u[3] || (u[3] = i("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " Promotion synchronizing to your restaurant(s) is queued here. Depending on the number of campaigns and restaurants, this process may take several minutes. No task displayed here means there are no pending promotions to sync. ", -1)),
+            c(b, {
+              modelValue: r.tableRef,
+              "onUpdate:modelValue": u[0] || (u[0] = (s) => r.tableRef = s),
+              "column-filter": r.jobFilters,
+              "column-defs": v,
+              "row-data": a(_),
+              "hide-footer": a(_).length <= 10
+            }, null, 8, ["modelValue", "column-filter", "row-data", "hide-footer"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+}), we = { class: "px-24 flex flex-col gap-y-16" }, ve = { class: "flex items-center justify-between w-full" }, Ce = { class: "flex gap-8 overflow-x-auto" }, xe = { class: "space-y-8" }, Fe = { class: "flex w-full gap-4 items-center" }, Se = { class: "space-y-4" }, ke = { class: "fm-typo-en-body-lg-600" }, Pe = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Te = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ve = { class: "flex items-center gap-8" }, Oe = { class: "flex flex-col gap-16 text-center" }, Ie = { class: "fm-typo-en-title-sm-800" }, Le = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ge = /* @__PURE__ */ Q({
+  __name: "Promotion",
+  setup(H) {
+    const { t: n } = de(), R = {
+      label: n("connect.promotion.createCampaign"),
+      value: "create",
+      isPrimary: !0,
+      prependIcon: "add"
+    }, p = {
+      label: "Force sync",
+      value: "sync",
+      isPrimary: !1,
+      prependIcon: "refresh"
+    }, _ = {
+      label: "Queue",
+      value: "queue",
+      isPrimary: !1,
+      prependIcon: "work_history"
+    }, P = he("PROMOTION", le()), v = me(), r = ue(), { global: u, minor: b } = ce, T = [
+      {
+        label: "Bill promotion",
+        value: "BILL"
+      },
+      {
+        label: "Item promotion",
+        value: "ITEM"
+      }
+    ], s = w({
+      searchKey: "",
+      location: [],
+      effectType: []
+    });
+    function z(e) {
+      const o = s.value.location;
+      return !o || o.length === 0 || !e.targetLocation ? !0 : Array.isArray(o) ? o.some((m) => {
+        var l;
+        return (l = e == null ? void 0 : e.targetLocation) == null ? void 0 : l.includes(m);
+      }) : e.targetLocation.includes(o);
+    }
+    function G(e) {
+      var l, x;
+      const o = s.value.effectType;
+      if (!o || o.length === 0) return !0;
+      const m = (x = (l = e.effect) == null ? void 0 : l.options) == null ? void 0 : x.target;
+      return o.includes(m);
+    }
+    const g = ne(
+      () => r.campaigns.promotion.filter(
+        (e) => z(e) && G(e)
+      )
+    ), J = [
+      {
+        header: n("connect.promotion.promotionTitle"),
+        accessorFn: (e) => e.name
+      },
+      {
+        header: n("connect.promotion.campaignDate"),
+        accessorFn: (e) => q(e)
+      },
+      {
+        header: n("connect.promotion.status"),
+        accessorFn: (e) => pe(e),
+        cell(e) {
+          return K(e.row.original);
+        }
+      },
+      {
+        header: n("connect.promotion.type"),
+        accessorFn: (e) => `${$.title(e.effect.options.target)} promotion`
+      },
+      {
+        header: n("connect.promotion.summary"),
+        accessorFn: (e) => U(e.effect)
+      },
+      {
+        header: n("connect.promotion.actions"),
+        cell(e) {
+          return I("div", { class: "flex items-center gap-8 justify-end" }, [
+            I(N.FmButton, {
+              variant: "tertiary",
+              icon: "content_copy",
+              iconColor: "neutral-gray-400",
+              onClick: async (o) => {
+                o.stopPropagation(), await M(e.row.original);
+              }
+            }),
+            I(N.FmButton, {
+              variant: "tertiary",
+              icon: "delete",
+              iconColor: "neutral-gray-400",
+              onClick: (o) => {
+                o.stopPropagation(), D(e.row.original);
+              }
+            })
+          ]);
+        }
+      }
+    ], V = w(), A = w();
+    async function D(e) {
+      await j.remove(
+        n("connect.promotion.confirmRemove", { name: e.name })
+      ) && await b(
+        async () => {
+          await y.delete(e._id), await r.read("PROMOTION");
+        },
+        {
+          message: n("connect.promotion.removing", { name: e.name }),
+          successMessage: n("connect.promotion.removedSuccessfully", {
+            name: e.name
+          })
+        }
+      );
+    }
+    async function C(e) {
+      e ? await o() : P.open(async (m) => {
+        await o(m);
+      });
+      async function o(m) {
+        var l;
+        (l = V.value) == null || l.showSheet(
+          !0,
+          "PROMOTION",
+          e ? await y.readById(e._id) : void 0,
+          m
+        );
+      }
+    }
+    async function M(e) {
+      var l;
+      if (!await fe(e.name))
+        return;
+      const o = await y.readById(e._id), m = ye(o);
+      (l = V.value) == null || l.showSheet(
+        !0,
+        "PROMOTION",
+        m,
+        o.template
+      );
+    }
+    async function W(e) {
+      await b(
+        async () => {
+          e.campaign._id ? await y.update(e.campaign._id, e) : await y.create(e), await r.read("PROMOTION");
+        },
+        {
+          message: n(
+            e.campaign._id ? "connect.promotion.updating" : "connect.promotion.creating"
+          ),
+          successMessage: n(
+            e.campaign._id ? "connect.promotion.updatedSuccessfully" : "connect.promotion.createdSuccessfully"
+          )
+        }
+      );
+    }
+    async function X(e) {
+      var o;
+      switch (e) {
+        case "create":
+          C();
+          break;
+        case "sync":
+          await j.confirm(
+            "Are you sure you want to synchronize all promotions to POS?",
+            "Force sync"
+          ) && b(
+            async () => {
+              await y.syncAllPromotion();
+            },
+            {
+              message: "Syncing promotions...",
+              successMessage: "All promotions synced"
+            }
+          );
+          break;
+        case "queue":
+          (o = A.value) == null || o.showSheet();
+          break;
+      }
+    }
+    return ae(async () => {
+      await u(async () => {
+        await v.readLocations(), await r.read("PROMOTION");
+      });
+    }), (e, o) => {
+      const m = d("FmPageHead"), l = d("FmSearch"), x = d("FmTable"), Y = d("FmChip"), O = d("FmButton"), Z = d("FmListItem"), ee = d("FmList"), oe = d("FmCard");
+      return f(), L(B, null, [
+        c(m, {
+          title: a(n)("connect.promotion.title"),
+          actions: a(g).length > 0 ? [R, p, _] : [],
+          "onClick:action": X
+        }, null, 8, ["title", "actions"]),
+        i("div", we, [
+          c(l, {
+            modelValue: s.value.searchKey,
+            "onUpdate:modelValue": o[0] || (o[0] = (t) => s.value.searchKey = t),
+            class: "hidden xs:!block sm:!block border-b-2 border-fm-color-neutral-gray-100",
+            placeholder: a(n)("connect.promotion.search"),
+            collapsible: ""
+          }, null, 8, ["modelValue", "placeholder"]),
+          a(g) && a(g).length > 0 ? (f(), L(B, { key: 0 }, [
+            i("div", ve, [
+              i("div", Ce, [
+                c(E, {
+                  label: `${a(n)("connect.common.location")}: `,
+                  "right-icon": "keyboard_arrow_down",
+                  modelValue: s.value.location,
+                  "onUpdate:modelValue": o[1] || (o[1] = (t) => s.value.location = t),
+                  icon: "storefront",
+                  "show-item-label": !0,
+                  items: a(v).locationOptions
+                }, null, 8, ["label", "modelValue", "items"]),
+                c(E, {
+                  label: "Type:",
+                  "right-icon": "keyboard_arrow_down",
+                  modelValue: s.value.effectType,
+                  "onUpdate:modelValue": o[2] || (o[2] = (t) => s.value.effectType = t),
+                  icon: "filter_list",
+                  "show-item-label": !0,
+                  items: T
+                }, null, 8, ["modelValue"])
+              ]),
+              c(l, {
+                modelValue: s.value.searchKey,
+                "onUpdate:modelValue": o[3] || (o[3] = (t) => s.value.searchKey = t),
+                class: "xs:hidden sm:hidden",
+                placeholder: "search",
+                collapsible: ""
+              }, null, 8, ["modelValue"])
+            ]),
+            c(x, {
+              class: "xs:hidden sm:hidden",
+              "row-data": a(g),
+              "column-defs": J,
+              "search-value": s.value.searchKey,
+              "column-filter": [],
+              onRowClick: o[4] || (o[4] = (t) => C(t.original)),
+              "hide-footer": a(g).length < 10
+            }, null, 8, ["row-data", "search-value", "hide-footer"]),
+            c(ee, { class: "hidden xs:!flex sm:!flex flex-col mx-[-24px]" }, {
+              default: k(() => [
+                (f(!0), L(B, null, se(a(g).filter(
+                  (t) => t.name.toLowerCase().includes(s.value.searchKey.toLowerCase())
+                ), (t) => (f(), S(Z, {
+                  key: t._id.toString(),
+                  onClick: (F) => C(t),
+                  class: "py-12 px-16 flex items-center justify-between border-b border-fm-color-neutral-gray-100"
+                }, {
+                  default: k(() => [
+                    i("div", xe, [
+                      i("div", Fe, [
+                        (f(), S(ie(a(K)(t)))),
+                        c(Y, {
+                          class: "!text-fm-color-typo-info !bg-fm-color-system-info-100",
+                          compact: !0,
+                          label: `${a($).title(t.effect.options.target)} promotion`
+                        }, null, 8, ["label"])
+                      ]),
+                      i("div", Se, [
+                        i("div", ke, h(t.name), 1),
+                        i("div", Pe, h(a(U)(t.effect)), 1),
+                        i("div", Te, h(a(n)("connect.promotion.campaignDate")) + ": " + h(a(q)(t)), 1)
+                      ])
+                    ]),
+                    i("div", Ve, [
+                      c(O, {
+                        icon: "content_copy",
+                        "icon-color": "neutral-gray-400",
+                        variant: "tertiary",
+                        onClick: async (F) => {
+                          F.stopPropagation(), await M(t);
+                        }
+                      }, null, 8, ["onClick"]),
+                      c(O, {
+                        icon: "delete",
+                        "icon-color": "neutral-gray-400",
+                        variant: "tertiary",
+                        onClick: (F) => (F.stopPropagation(), D(t))
+                      }, null, 8, ["onClick"])
+                    ])
+                  ]),
+                  _: 2
+                }, 1032, ["onClick"]))), 128))
+              ]),
+              _: 1
+            })
+          ], 64)) : (f(), S(oe, {
+            key: 1,
+            variant: "outlined",
+            class: "w-full flex flex-col items-center justify-center gap-y-24 p-24"
+          }, {
+            default: k(() => [
+              o[6] || (o[6] = i("img", {
+                src: re,
+                class: "aspect-square w-[150px]"
+              }, null, -1)),
+              i("div", Oe, [
+                i("div", Ie, h(a(n)("connect.promotion.createPromotionCampaign")), 1),
+                i("div", Le, h(a(n)("connect.promotion.description")), 1)
+              ]),
+              c(O, {
+                variant: "primary",
+                label: a(n)("connect.promotion.createPromotionCampaign"),
+                icon: "add",
+                onClick: o[5] || (o[5] = (t) => C())
+              }, null, 8, ["label"])
+            ]),
+            _: 1
+          }))
+        ]),
+        c(ge, {
+          ref_key: "sheetRef",
+          ref: V,
+          "onSubmit:modelValue": W
+        }, null, 512),
+        c(be, {
+          ref_key: "queueSheetRef",
+          ref: A
+        }, null, 512)
+      ], 64);
+    };
+  }
+});
+export {
+  Ge as default
+};