@feedmepos/mf-connect 0.1.98-beta.8 → 0.1.98-beta.80

package/dist/Voucher-VFD1LY9Y.js

@@ -0,0 +1,837 @@
+import { defineComponent as le, ref as w, computed as ce, h as m, onMounted as re, resolveComponent as h, openBlock as u, createElementBlock as N, Fragment as E, createVNode as r, unref as a, createElementVNode as c, withCtx as x, renderList as se, createBlock as y, resolveDynamicComponent as me, createCommentVNode as F, toDisplayString as _ } from "vue";
+import { _ as pe } from "./campaign-CpzFl8Vr.js";
+import { useDialog as ue, components as d } from "@feedmepos/ui-library";
+import { _ as M } from "./FilterChip.vue_vue_type_script_setup_true_lang-3bH-tZAm.js";
+import { c as de, p as he } from "./plugins-C39O5j42.js";
+import { useCoreStore as ge } from "@feedmepos/mf-common";
+import { u as fe } from "./loading-C686AMVG.js";
+import { u as ye } from "./business-DH7djUl8.js";
+import { u as _e } from "./campaign-DlHDgoFX.js";
+import { a as Ce, b as B, c as D } from "./campaign-k_WHxsOR.js";
+import { c as be, p as ve } from "./duplicateCampaign-YTXMbJTj.js";
+import "./index-Bonq819P.js";
+import { u as He } from "./template-D37Z_b0m.js";
+import { _ as Se } from "./EditCampaignSheet.vue_vue_type_script_setup_true_lang-8r29jKh9.js";
+import { _ as ze } from "./SendVoucherSheet.vue_vue_type_script_setup_true_lang-BRIcZwnU.js";
+import { u as Ue } from "./vue-i18n-Dpic36zz.js";
+import { T as Te } from "./trigger-Bc6s2cvq.js";
+import { u as Ve } from "./onboardingSetup-CcvKmyx8.js";
+import { R as W, W as Pe, S as we } from "./index-BRPajAkE.js";
+import "./index-BTkxgos0.js";
+import { i as $ } from "./helper-BCkTvF4m.js";
+import { useRouter as Ne } from "vue-router";
+import { c as C } from "./index-D5AR7A5e.js";
+import { R } from "./app-BEYzXWZO.js";
+const Ee = {
+  _id: "",
+  intention: ["REVISITING", "MEMBER_REWARD"],
+  name: "Win Back Inactive Customers",
+  name_locale: {
+    "en-US": "Win Back Inactive Customers",
+    "th-TH": "ดึงลูกค้าที่ไม่ได้ใช้งานกลับมา",
+    "zh-Hant": "挽回沉睡顧客",
+    "zh-CN": "挽回沉默客户",
+    "ja-JP": "休眠顧客を取り戻す"
+  },
+  description: "Re-engage customers who haven't visited recently with special offers",
+  description_locale: {
+    "en-US": "Re-engage customers who haven't visited recently with special offers",
+    "th-TH": "กระตุ้นลูกค้าที่ไม่ได้มาเยี่ยมเยียนเร็ว ๆ นี้ด้วยข้อเสนอพิเศษ",
+    "zh-Hant": "透過特別優惠重新吸引近期未到訪的顧客",
+    "zh-CN": "通过特别优惠重新吸引近期未到访的客户",
+    "ja-JP": "最近来店していない顧客を特別オファーで再エンゲージ"
+  },
+  steps: [
+    {
+      name: "connect.template.general_information",
+      name_locale: {
+        "en-US": "General information",
+        "th-TH": "ข้อมูลทั่วไป",
+        "zh-Hant": "基本信息",
+        "zh-CN": "基本信息",
+        "ja-JP": "一般情報"
+      },
+      groups: [
+        {
+          name: "connect.template.general",
+          name_locale: {
+            "en-US": "General",
+            "th-TH": "ทั่วไป",
+            "zh-Hant": "常規",
+            "zh-CN": "常规",
+            "ja-JP": "一般"
+          },
+          fields: [
+            {
+              label: "connect.template.campaign_name",
+              label_locale: {
+                "en-US": "Campaign name",
+                "th-TH": "ชื่อแคมเปญ",
+                "zh-Hant": "活動名稱",
+                "zh-CN": "活动名称",
+                "ja-JP": "キャンペーン名"
+              },
+              property: "campaign.name",
+              type: "text"
+            },
+            {
+              label: "connect.template.campaign_description",
+              label_locale: {
+                "en-US": "Campaign description",
+                "th-TH": "คำอธิบายแคมเปญ",
+                "zh-Hant": "活動描述",
+                "zh-CN": "活动描述",
+                "ja-JP": "キャンペーンの説明"
+              },
+              property: "campaign.description",
+              type: "textarea"
+            },
+            {
+              label: "connect.template.campaign_period",
+              label_locale: {
+                "en-US": "Campaign period",
+                "th-TH": "ระยะเวลาแคมเปญ",
+                "zh-Hant": "活動週期",
+                "zh-CN": "活动周期",
+                "ja-JP": "キャンペーン期間"
+              },
+              property: "campaign.timeframeOptions",
+              type: "timeframe"
+            }
+          ]
+        },
+        {
+          name: void 0,
+          name_locale: {},
+          fields: [
+            {
+              label: void 0,
+              label_locale: {},
+              property: "campaign.event.rule.rules.g_schedule",
+              type: "rule_schedule",
+              extras: "campaign.timeframeOptions"
+            }
+          ],
+          condition: {
+            property: "campaign.event.type",
+            value: "SCHEDULE"
+          }
+        }
+      ]
+    },
+    {
+      name: "connect.template.discount",
+      name_locale: {
+        "en-US": "Discount",
+        "th-TH": "ส่วนลด",
+        "zh-Hant": "折扣",
+        "zh-CN": "折扣",
+        "ja-JP": "割引"
+      },
+      groups: [
+        {
+          name: "connect.template.discount",
+          name_locale: {
+            "en-US": "Discount",
+            "th-TH": "ส่วนลด",
+            "zh-Hant": "折扣",
+            "zh-CN": "折扣",
+            "ja-JP": "割引"
+          },
+          fields: [
+            {
+              label: void 0,
+              label_locale: {},
+              property: "configs.extras.effect",
+              type: "effect"
+            }
+          ]
+        },
+        {
+          name: "connect.template.voucher_detail",
+          name_locale: {
+            "en-US": "Voucher detail",
+            "th-TH": "รายละเอียดบัตรกำนัล",
+            "zh-Hant": "優惠券詳情",
+            "zh-CN": "优惠券详情",
+            "ja-JP": "バウチャー詳細"
+          },
+          fields: [
+            {
+              label: "connect.template.voucher_name",
+              label_locale: {
+                "en-US": "Voucher name",
+                "th-TH": "ชื่อบัตรกำนัล",
+                "zh-Hant": "優惠券名稱",
+                "zh-CN": "优惠券名称",
+                "ja-JP": "バウチャー名"
+              },
+              property: "configs.name",
+              type: "text"
+            },
+            {
+              label: "connect.template.voucher_description",
+              label_locale: {
+                "en-US": "Voucher description",
+                "th-TH": "คำอธิบายบัตรกำนัล",
+                "zh-Hant": "優惠券描述",
+                "zh-CN": "优惠券描述",
+                "ja-JP": "バウチャーの説明"
+              },
+              property: "configs.description",
+              type: "textarea"
+            },
+            {
+              label: "Voucher Image",
+              label_locale: {
+                "en-US": "Voucher Image",
+                "th-TH": "รูปภาพคูปอง",
+                "zh-Hant": "優惠券圖片",
+                "zh-CN": "优惠券图片",
+                "ja-JP": "バウチャー画像"
+              },
+              property: "configs.image",
+              type: "image"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      name: "connect.template.terms_conditions",
+      name_locale: {
+        "en-US": "Terms and conditions",
+        "th-TH": "ข้อตกลงและเงื่อนไข",
+        "zh-Hant": "條款和條件",
+        "zh-CN": "条款和条件",
+        "ja-JP": "利用規約"
+      },
+      groups: [
+        {
+          name: "connect.template.target_audience",
+          name_locale: {
+            "en-US": "Target audience",
+            "th-TH": "กลุ่มเป้าหมาย",
+            "zh-Hant": "目標受眾",
+            "zh-CN": "目标受众",
+            "ja-JP": "対象者"
+          },
+          fields: [
+            {
+              label: void 0,
+              label_locale: {},
+              property: "campaign.event.rule",
+              type: "rule_user"
+            }
+          ]
+        },
+        {
+          name: "connect.template.voucher_usage_configuration",
+          name_locale: {
+            "en-US": "Voucher usage configuration",
+            "th-TH": "การกำหนดค่าการใช้งานบัตรกำนัล",
+            "zh-Hant": "優惠券使用配置",
+            "zh-CN": "优惠券使用配置",
+            "ja-JP": "バウチャー使用設定"
+          },
+          fields: [
+            {
+              label: void 0,
+              label_locale: {},
+              property: "configs.options",
+              type: "collectible_options"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      name: "connect.template.configuration",
+      name_locale: {
+        "en-US": "Configuration",
+        "th-TH": "การกำหนดค่า",
+        "zh-Hant": "配置",
+        "zh-CN": "配置",
+        "ja-JP": "設定"
+      },
+      groups: [
+        {
+          name: "connect.template.notify_audience",
+          name_locale: {
+            "en-US": "Notify audience",
+            "th-TH": "แจ้งเตือนกลุ่มเป้าหมาย",
+            "zh-Hant": "通知受眾",
+            "zh-CN": "通知受众",
+            "ja-JP": "対象者への通知"
+          },
+          fields: [
+            {
+              label: "Send notification",
+              label_locale: {
+                "en-US": "Send notification",
+                "th-TH": "ส่งการแจ้งเตือน",
+                "zh-Hant": "發送通知",
+                "zh-CN": "发送通知",
+                "ja-JP": "通知を送信"
+              },
+              property: "campaign.notify",
+              type: "switch"
+            }
+          ]
+        },
+        {
+          name: "connect.template.notify_message",
+          name_locale: {
+            "en-US": "Notify message",
+            "th-TH": "ข้อความแจ้งเตือน",
+            "zh-Hant": "通知消息",
+            "zh-CN": "通知消息",
+            "ja-JP": "通知メッセージ"
+          },
+          fields: [
+            {
+              label: "Notification message",
+              label_locale: {
+                "en-US": "Notification message",
+                "th-TH": "ข้อความแจ้งเตือน",
+                "zh-Hant": "通知消息",
+                "zh-CN": "通知消息",
+                "ja-JP": "通知メッセージ"
+              },
+              property: "campaign.notifyMessage",
+              type: "message",
+              extras: "ISSUE_REWARD"
+            }
+          ],
+          condition: {
+            property: "campaign.notify",
+            value: !0
+          }
+        }
+      ]
+    }
+  ],
+  defaultValue: {
+    templateId: "",
+    campaign: {
+      collectible: "",
+      type: "VOUCHER",
+      templateId: "",
+      name: "",
+      description: "",
+      image: "",
+      event: {
+        type: "SCHEDULE",
+        rule: {
+          ...W.scaffoldGroup(),
+          rules: {
+            g_schedule: {
+              name: "g_schedule",
+              rules: {
+                r_triggerdate: {
+                  name: "r_triggerdate",
+                  property: "trigger.date",
+                  conditions: {
+                    _rrule: "RRULE:FREQ=WEEKLY;INTERVAL=1;BYHOUR=10;BYMINUTE=0;BYSECOND=0;WKST=SU;BYDAY=MO"
+                  },
+                  negated: !1
+                },
+                r_triggertime: {
+                  name: "r_triggertime",
+                  property: "trigger.time",
+                  conditions: {
+                    _isOnTime: "10:00"
+                  },
+                  negated: !1
+                }
+              },
+              logic: "r_triggerdate && r_triggertime"
+            },
+            g_user: {
+              name: "g_user",
+              rules: {
+                r_lastVisit: {
+                  name: "r_lastVisit",
+                  property: "user.stats.lastVisit",
+                  conditions: {
+                    _isRange: {
+                      op: "last",
+                      unit: "day",
+                      ignoreYear: !1,
+                      x: 30
+                    }
+                  },
+                  negated: !0
+                }
+              },
+              logic: "!r_lastVisit"
+            }
+          },
+          logic: "g_user && g_schedule"
+        }
+      },
+      group: null,
+      targetLocation: null,
+      timeframeOptions: {
+        type: "timeframe",
+        property: "__now"
+      },
+      earningOption: {
+        type: "FIXED",
+        amount: 1
+      },
+      notify: !1,
+      hideInApp: !0
+    },
+    configs: $("VOUCHER", {
+      name: "",
+      business: null,
+      noCampaign: !1
+    })
+  }
+};
+W.scaffoldGroup(), $("VOUCHER", {
+  name: "",
+  business: null,
+  noCampaign: !1
+});
+var xe = { 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 Fe = { class: "px-24 flex flex-col gap-y-16" }, Re = { class: "flex items-center justify-between w-full" }, je = { class: "flex gap-8 overflow-x-auto" }, ke = { class: "space-y-8" }, Ie = { class: "flex w-full gap-4 items-center" }, Je = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Oe = { class: "space-y-4" }, Le = { class: "fm-typo-en-body-lg-600" }, Ae = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Me = { class: "flex gap-8 items-center" }, Be = { class: "flex flex-col gap-16 text-center" }, De = { class: "fm-typo-en-title-sm-800" }, We = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, yt = /* @__PURE__ */ le({
+  __name: "Voucher",
+  setup($e) {
+    const { t: i } = Ue(), G = {
+      label: i("connect.voucher.createCampaign"),
+      value: "create",
+      isPrimary: !0,
+      prependIcon: "add"
+    }, j = ue(), K = He("VOUCHER", j), Y = ye(), g = _e(), { global: X, minor: k } = fe, z = Ne(), s = w({
+      searchKey: "",
+      location: [],
+      triggerType: []
+    }), b = ce(
+      () => g.campaigns.voucher.filter(
+        (e) => Q(e) && Z(e)
+      )
+    ), q = Te.VOUCHER.map((e) => ({
+      label: e.name,
+      value: e.value
+    }));
+    function Q(e) {
+      const t = s.value.location;
+      return !t || t.length === 0 || !e.targetLocation ? !0 : Array.isArray(t) ? t.some(
+        (o) => {
+          var l;
+          return (l = e == null ? void 0 : e.targetLocation) == null ? void 0 : l.includes(o);
+        }
+      ) : e.targetLocation.includes(t);
+    }
+    function U(e) {
+      return e.hideInApp === !1;
+    }
+    function T(e) {
+      return e.event.type === "SIMPLE_CLAIM" && !U(e);
+    }
+    function Z(e) {
+      const t = s.value.triggerType;
+      if (!t || t.length === 0) return !0;
+      const o = e.event.type;
+      return t.includes(o);
+    }
+    const ee = [
+      {
+        header: i("connect.voucher.voucherTitle"),
+        accessorFn: (e) => e.name,
+        cell(e) {
+          const t = [e.row.original.name];
+          return U(e.row.original) && t.push(
+            m(d.FmChip, {
+              label: "Feedvibe",
+              class: "text-fm-color-primary bg-fm-color-system-warning-100",
+              compact: !0
+            })
+          ), m("div", { class: "flex items-center gap-4" }, t);
+        }
+      },
+      {
+        header: i("connect.voucher.status"),
+        accessorFn: (e) => Ce(e),
+        cell(e) {
+          return B(e.row.original);
+        }
+      },
+      {
+        header: i("connect.voucher.summary"),
+        accessorFn: (e) => D(e)
+      },
+      {
+        header: i("connect.voucher.quota"),
+        accessorFn: (e) => {
+          var t;
+          return ((t = e.pf_collectible) == null ? void 0 : t.options.maxReceive) ?? "Unlimited";
+        }
+      },
+      {
+        header: i("connect.voucher.claimed"),
+        accessorFn: (e) => {
+          var t;
+          return ((t = e == null ? void 0 : e.pf_collectible) == null ? void 0 : t.currentReceive) ?? 0;
+        }
+      },
+      {
+        header: i("connect.voucher.actions"),
+        cell(e) {
+          return m("div", { class: "flex items-center justify-end" }, [
+            m(d.FmButton, {
+              icon: "insights",
+              variant: "tertiary",
+              iconColor: "neutral-gray-400",
+              onClick: async (t) => {
+                t.stopPropagation(), await J(e.row.original);
+              }
+            }),
+            m(d.FmButton, {
+              icon: "visibility",
+              variant: "tertiary",
+              iconColor: "neutral-gray-400",
+              onClick: async (t) => {
+                t.stopPropagation(), await z.push({
+                  name: R["$connect-CAMPAIGN_VOUCHER_COLLECTIONS"],
+                  params: { id: e.row.original._id }
+                });
+              }
+            }),
+            m(
+              d.FmMenu,
+              {
+                placement: "bottom-end",
+                onClick: (t) => {
+                  t.stopPropagation();
+                }
+              },
+              {
+                "menu-button": () => m(d.FmButton, {
+                  icon: "more_vert",
+                  iconColor: "neutral-gray-400",
+                  variant: "tertiary"
+                }),
+                default: () => {
+                  const t = [
+                    m(d.FmMenuItem, {
+                      label: i("connect.voucher.duplicate"),
+                      onClick: async (o) => {
+                        o.stopPropagation(), await O(e.row.original);
+                      }
+                    }),
+                    m(
+                      d.FmMenuItem,
+                      {
+                        onClick: async (o) => {
+                          o.stopPropagation(), I(e.row.original);
+                        }
+                      },
+                      {
+                        label: m(
+                          "div",
+                          {
+                            class: "text-fm-color-typo-error fm-typo-en-body-md-400"
+                          },
+                          i("connect.voucher.remove")
+                        )
+                      }
+                    )
+                  ];
+                  return T(e.row.original) && (t.unshift(
+                    m(d.FmMenuItem, {
+                      label: i("connect.voucher.send"),
+                      onClick: async (o) => {
+                        var l;
+                        o.stopPropagation(), (l = V.value) == null || l.showSheet({
+                          campaignId: e.row.original._id
+                        });
+                      }
+                    })
+                  ), t.unshift(
+                    m(d.FmMenuItem, {
+                      label: i("connect.voucher.share"),
+                      onClick: async (o) => {
+                        o.stopPropagation(), await de(
+                          `https://${ge().currentBusiness.value._id}.${xe.appUrl}/vouchers/${e.row.original._id}`,
+                          {
+                            successMessage: "Voucher link copied to clipboard"
+                          }
+                        );
+                      }
+                    })
+                  )), t;
+                }
+              }
+            )
+          ]);
+        }
+      }
+    ], v = w(), V = w();
+    async function I(e) {
+      await he.remove(i("connect.voucher.confirmRemove", { name: e.name })) && await k(
+        async () => {
+          await C.delete(e._id), await g.read("VOUCHER");
+        },
+        {
+          message: i("connect.voucher.removing", { name: e.name }),
+          successMessage: i("connect.voucher.removedSuccessfully", {
+            name: e.name
+          })
+        }
+      );
+    }
+    async function H(e) {
+      e ? await t(await C.readById(e._id)) : K.open(async (o) => {
+        await t(void 0, o);
+      });
+      async function t(o, l) {
+        var S;
+        (S = v.value) == null || S.showSheet(!0, "VOUCHER", o, l);
+      }
+    }
+    async function J(e) {
+      await z.push({
+        name: R["$connect-CAMPAIGN_VOUCHER_ANALYTIC"],
+        params: { id: e._id }
+      });
+    }
+    async function O(e) {
+      var l;
+      if (!await be(e.name))
+        return;
+      const t = await C.readById(e._id), o = ve(t);
+      (l = v.value) == null || l.showSheet(
+        !0,
+        "VOUCHER",
+        o,
+        t.template
+      );
+    }
+    async function te(e) {
+      e.campaign._id && await new Promise((t) => {
+        j.open({
+          title: "Confirmation",
+          message: "This will change all future vouchers? Would you like to update previous claimed vouchers expiry date and discount?",
+          primaryActions: { text: "Update all", close: !0 },
+          secondaryActions: { text: "Update future only", close: !0 }
+        }).onPrimary(async () => {
+          var o;
+          e.updateCollections = !0, (o = window.top) == null || o.postMessage("updateAllVoucher", "*"), t();
+        }).onSecondary(async () => {
+          t();
+        });
+      }), await k(
+        async () => {
+          e.campaign._id ? await C.update(e.campaign._id, e) : await C.create(e), await g.read("VOUCHER");
+        },
+        {
+          message: i(
+            e.campaign._id ? "connect.voucher.updating" : "connect.voucher.creating"
+          ),
+          successMessage: i(
+            e.campaign._id ? "connect.voucher.updatedSuccessfully" : "connect.voucher.createdSuccessfully"
+          )
+        }
+      );
+    }
+    const L = Ve();
+    return re(async () => {
+      var o;
+      await X(async () => {
+        await g.read("VOUCHER");
+      });
+      const e = await L.consume(), t = {
+        VOUCHER_WELCOME: Pe,
+        VOUCHER_SPEND_MORE: we,
+        VOUCHER_WIN_BACK: Ee
+      };
+      if (e && e in t) {
+        const l = t[e];
+        (o = v.value) == null || o.showSheet(
+          !0,
+          "VOUCHER",
+          void 0,
+          await L.template(l)
+        );
+      }
+    }), (e, t) => {
+      const o = h("FmPageHead"), l = h("FmSearch"), S = h("FmTable"), ae = h("FmChip"), f = h("FmButton"), ne = h("FmListItem"), oe = h("FmList"), ie = h("FmCard");
+      return u(), N(E, null, [
+        r(o, {
+          title: a(i)("connect.voucher.title"),
+          actions: a(b).length > 0 ? [G] : [],
+          "onClick:action": t[0] || (t[0] = () => H())
+        }, null, 8, ["title", "actions"]),
+        c("div", Fe, [
+          r(l, {
+            modelValue: a(s).searchKey,
+            "onUpdate:modelValue": t[1] || (t[1] = (n) => a(s).searchKey = n),
+            class: "hidden xs:!block sm:!block border-b-2 border-fm-color-neutral-gray-100",
+            placeholder: a(i)("connect.voucher.search"),
+            collapsible: ""
+          }, null, 8, ["modelValue", "placeholder"]),
+          a(g).campaigns.voucher && a(g).campaigns.voucher.length > 0 ? (u(), N(E, { key: 0 }, [
+            c("div", Re, [
+              c("div", je, [
+                r(M, {
+                  label: `${a(i)("connect.common.location")}: `,
+                  "right-icon": "keyboard_arrow_down",
+                  modelValue: a(s).location,
+                  "onUpdate:modelValue": t[2] || (t[2] = (n) => a(s).location = n),
+                  icon: "storefront",
+                  "show-item-label": !0,
+                  items: a(Y).locationOptions
+                }, null, 8, ["label", "modelValue", "items"]),
+                r(M, {
+                  label: "Type:",
+                  "right-icon": "keyboard_arrow_down",
+                  modelValue: a(s).triggerType,
+                  "onUpdate:modelValue": t[3] || (t[3] = (n) => a(s).triggerType = n),
+                  icon: "filter_list",
+                  "show-item-label": !0,
+                  items: a(q)
+                }, null, 8, ["modelValue", "items"])
+              ]),
+              r(l, {
+                modelValue: a(s).searchKey,
+                "onUpdate:modelValue": t[4] || (t[4] = (n) => a(s).searchKey = n),
+                class: "xs:hidden sm:hidden",
+                placeholder: a(i)("connect.voucher.search"),
+                collapsible: ""
+              }, null, 8, ["modelValue", "placeholder"])
+            ]),
+            r(S, {
+              class: "xs:hidden sm:hidden",
+              "row-data": a(b),
+              "column-defs": ee,
+              "search-value": a(s).searchKey,
+              "column-filter": [],
+              onRowClick: t[5] || (t[5] = (n) => H(n.original)),
+              "hide-footer": a(b).length < 10
+            }, null, 8, ["row-data", "search-value", "hide-footer"]),
+            r(oe, { class: "hidden xs:!flex sm:!flex flex-col mx-[-24px]" }, {
+              default: x(() => [
+                (u(!0), N(E, null, se(a(b).filter(
+                  (n) => n.name.toLowerCase().includes(a(s).searchKey.toLowerCase())
+                ), (n) => (u(), y(ne, {
+                  key: n._id.toString(),
+                  onClick: (P) => H(n),
+                  class: "py-12 px-16 flex items-center justify-between border-b border-fm-color-neutral-gray-100"
+                }, {
+                  default: x(() => {
+                    var P;
+                    return [
+                      c("div", ke, [
+                        c("div", Ie, [
+                          (u(), y(me(a(B)(n)))),
+                          U(n) ? (u(), y(ae, {
+                            key: 0,
+                            label: "Feedvibe",
+                            class: "text-fm-color-primary bg-fm-color-system-warning-100",
+                            compact: ""
+                          })) : F("", !0),
+                          c("div", Je, _(((P = n.pf_collectible) == null ? void 0 : P.currentReceive) ?? 0) + " claimed ", 1)
+                        ]),
+                        c("div", Oe, [
+                          c("div", Le, _(n.name), 1),
+                          c("div", Ae, _(a(D)(n)), 1)
+                        ])
+                      ]),
+                      c("div", Me, [
+                        r(f, {
+                          icon: "insights",
+                          "icon-color": "neutral-gray-400",
+                          variant: "tertiary",
+                          onClick: async (p) => {
+                            p.stopPropagation(), await J(n);
+                          }
+                        }, null, 8, ["onClick"]),
+                        r(f, {
+                          icon: "content_copy",
+                          "icon-color": "neutral-gray-400",
+                          variant: "tertiary",
+                          onClick: async (p) => {
+                            p.stopPropagation(), await O(n);
+                          }
+                        }, null, 8, ["onClick"]),
+                        T(n) ? (u(), y(f, {
+                          key: 0,
+                          icon: "visibility",
+                          "icon-color": "neutral-gray-400",
+                          variant: "tertiary",
+                          onClick: async (p) => {
+                            p.stopPropagation(), await a(z).push({
+                              name: a(R)["$connect-CAMPAIGN_VOUCHER_COLLECTIONS"],
+                              params: { id: n._id }
+                            });
+                          }
+                        }, null, 8, ["onClick"])) : F("", !0),
+                        T(n) ? (u(), y(f, {
+                          key: 1,
+                          icon: "send",
+                          "icon-color": "neutral-gray-400",
+                          variant: "tertiary",
+                          onClick: (p) => {
+                            var A;
+                            p.stopPropagation(), (A = a(V)) == null || A.showSheet({
+                              campaignId: n._id
+                            });
+                          }
+                        }, null, 8, ["onClick"])) : F("", !0),
+                        r(f, {
+                          icon: "delete",
+                          "icon-color": "neutral-gray-400",
+                          variant: "tertiary",
+                          onClick: (p) => (p.stopPropagation(), I(n))
+                        }, null, 8, ["onClick"])
+                      ])
+                    ];
+                  }),
+                  _: 2
+                }, 1032, ["onClick"]))), 128))
+              ]),
+              _: 1
+            })
+          ], 64)) : (u(), y(ie, {
+            key: 1,
+            variant: "outlined",
+            class: "w-full flex flex-col items-center justify-center gap-y-24 p-24"
+          }, {
+            default: x(() => [
+              t[7] || (t[7] = c("img", {
+                src: pe,
+                class: "aspect-square w-[150px]"
+              }, null, -1)),
+              c("div", Be, [
+                c("div", De, _(a(i)("connect.voucher.createVoucherCampaign")), 1),
+                c("div", We, _(a(i)("connect.voucher.description")), 1)
+              ]),
+              r(f, {
+                variant: "primary",
+                label: a(i)("connect.voucher.createVoucherCampaign"),
+                icon: "add",
+                onClick: t[6] || (t[6] = (n) => H())
+              }, null, 8, ["label"])
+            ]),
+            _: 1
+          })),
+          r(Se, {
+            ref_key: "sheetRef",
+            ref: v,
+            "onSubmit:modelValue": te
+          }, null, 512),
+          r(ze, {
+            ref_key: "sendVoucherSheetRef",
+            ref: V
+          }, null, 512)
+        ])
+      ], 64);
+    };
+  }
+});
+export {
+  yt as default
+};