@feedmepos/mf-connect 0.1.47-prod → 0.1.48-prod

package/dist/{EffectSheet.vue_vue_type_style_index_0_lang-ECkaQxuI.js → EffectSheet.vue_vue_type_style_index_0_lang-DT3y4k1C.js}

@@ -1,11 +1,11 @@
-import { defineComponent as P, ref as C, onMounted as Q, computed as H, resolveComponent as y, openBlock as i, createElementBlock as x, renderSlot as W, toDisplayString as w, createCommentVNode as v, createBlock as f, unref as e, isRef as q, createVNode as b, normalizeClass as G, watch as X, withCtx as F, resolveDynamicComponent as O, Fragment as _, createElementVNode as U, createTextVNode as ee } from "vue";
-import { z as te } from "./app-aVXsWATU.js";
+import { defineComponent as P, ref as O, onMounted as Q, computed as H, resolveComponent as y, openBlock as s, createElementBlock as x, renderSlot as W, toDisplayString as w, createCommentVNode as v, createBlock as f, unref as e, isRef as q, createVNode as b, normalizeClass as G, watch as X, withCtx as F, resolveDynamicComponent as R, Fragment as _, createElementVNode as U, createTextVNode as ee } from "vue";
+import { z as te } from "./app-2EJP4psh.js";
 import { Z as u } from "./zod-Bg2FbC-D.js";
-import { f as le, g as oe } from "./index-DNTd-FNx.js";
-import { u as Z } from "./vue-i18n--_Wu1nMj.js";
-import { s as R } from "./effect-B5-eXNEr.js";
-import { p as ae } from "./plugins-Dn7JDHi7.js";
-import { O as ne } from "./app-jRT7vsk_.js";
+import { f as le, g as oe } from "./index-CfgczUMX.js";
+import { u as Z } from "./vue-i18n-CkbS-IDD.js";
+import { s as C } from "./effect-DvEQNEl0.js";
+import { p as ae } from "./plugins-DJpBrPbQ.js";
+import { e as ne } from "./app-Dzon--6x.js";
 const ie = { class: "flex flex-col gap-8" }, se = {
   key: 0,
   class: "fm-typo-en-body-lg-600"
@@ -39,58 +39,58 @@ const ie = { class: "flex flex-col gap-8" }, se = {
     }
   },
   emits: ["update:model-value"],
-  setup(t, { emit: h }) {
+  setup(t, { emit: g }) {
     var A, B;
-    const { t: s } = Z(), l = t, g = h, o = [
-      { label: s("connect.template.validity_option.date_range"), value: "range" },
-      { label: s("connect.template.validity_option.custom"), value: "custom" }
-    ], d = C(!1);
+    const { t: d } = Z(), l = t, S = g, o = [
+      { label: d("connect.template.validity_option.date_range"), value: "range" },
+      { label: d("connect.template.validity_option.custom"), value: "custom" }
+    ], a = O(!1);
     Q(() => {
-      d.value = l.modelValue && Object.entries(l.modelValue).filter(
+      a.value = l.modelValue && Object.entries(l.modelValue).filter(
         ([p, r]) => p != "followFirstReceive" && r != null
       ).length > 0;
     });
-    const a = C(
+    const n = O(
       l.type ? o.find((p) => p.value === l.type) : (A = l.modelValue) != null && A.validBefore || (B = l.modelValue) != null && B.validAfter ? o[0] : o[1]
-    ), S = H(
+    ), h = H(
       () => l.forCredit ? le : oe
     ), m = H(() => {
-      const p = S.value.safeParse(l.modelValue);
+      const p = h.value.safeParse(l.modelValue);
       return p.success ? [] : p.error.errors;
     });
-    function n(p) {
-      g("update:model-value", p);
+    function i(p) {
+      S("update:model-value", p);
     }
     function k(p) {
       var r, D;
       if (p.value == "range")
-        return n({
+        return i({
           followFirstReceive: (r = l.modelValue) == null ? void 0 : r.followFirstReceive,
           validAfter: void 0,
           validBefore: void 0
         });
       if (p.value == "custom")
-        return d.value = !1, n({
+        return a.value = !1, i({
           validForDay: (D = l.modelValue) == null ? void 0 : D.validForDay
         });
     }
     return (p, r) => {
       var I, $, j, E, M, N, L, z;
       const D = y("FmButtonGroup"), Y = y("FmSimpleDateRangePicker"), J = y("FmSwitch"), K = y("FmStepperField"), T = y("FmHelperText");
-      return i(), x("div", ie, [
+      return s(), x("div", ie, [
         W(p.$slots, "label", {}, () => [
-          t.label ? (i(), x("div", se, w(t.label), 1)) : v("", !0)
+          t.label ? (s(), x("div", se, w(t.label), 1)) : v("", !0)
         ]),
-        t.type ? v("", !0) : (i(), f(D, {
+        t.type ? v("", !0) : (s(), f(D, {
           key: 0,
-          modelValue: e(a),
+          modelValue: e(n),
           "onUpdate:modelValue": [
-            r[0] || (r[0] = (c) => q(a) ? a.value = c : null),
+            r[0] || (r[0] = (c) => q(n) ? n.value = c : null),
             r[1] || (r[1] = (c) => k(c))
           ],
           items: o
         }, null, 8, ["modelValue"])),
-        e(a).value === "range" ? (i(), x("div", de, [
+        e(n).value === "range" ? (s(), x("div", de, [
           b(Y, {
             "model-value": {
               startDate: (I = t.modelValue) != null && I.validAfter ? new Date(($ = t.modelValue) == null ? void 0 : $.validAfter).toISOString() : null,
@@ -98,59 +98,59 @@ const ie = { class: "flex flex-col gap-8" }, se = {
             },
             "onUpdate:modelValue": r[2] || (r[2] = (c) => {
               var V;
-              n({
+              i({
                 followFirstReceive: (V = l.modelValue) == null ? void 0 : V.followFirstReceive,
                 validAfter: new Date(c.startDate).toISOString(),
                 validBefore: new Date(c.endDate).toISOString()
               });
             })
           }, null, 8, ["model-value"])
-        ])) : e(a).value === "custom" ? (i(), x("div", me, [
+        ])) : e(n).value === "custom" ? (s(), x("div", me, [
           b(J, {
-            "model-value": e(d),
-            label: e(s)("connect.template.validity_option.expire"),
+            "model-value": e(a),
+            label: e(d)("connect.template.validity_option.expire"),
             "label-placement": "right",
             "onUpdate:modelValue": r[3] || (r[3] = (c) => {
               var V;
-              d.value = c, n({
+              a.value = c, i({
                 validForDay: c ? 1 : void 0,
                 followFirstReceive: (V = l.modelValue) == null ? void 0 : V.followFirstReceive
               });
             })
           }, null, 8, ["model-value", "label"]),
-          e(d) ? (i(), f(K, {
+          e(a) ? (s(), f(K, {
             key: 0,
-            label: e(s)("connect.template.validity_option.after_day"),
+            label: e(d)("connect.template.validity_option.after_day"),
             class: G([{
-              "opacity-50 pointer-events-none": !e(d)
+              "opacity-50 pointer-events-none": !e(a)
             }, "mt-[-4px]"]),
             "max-fraction-digits": 0,
-            disabled: !e(d),
+            disabled: !e(a),
             "show-steppers": !1,
             max: 99999,
-            "append-text": e(s)("connect.template.validity_option.days"),
+            "append-text": e(d)("connect.template.validity_option.days"),
             "model-value": ((M = l.modelValue) == null ? void 0 : M.validForDay) ?? null,
             "onUpdate:modelValue": r[4] || (r[4] = (c) => {
               var V;
-              return n({
+              return i({
                 validForDay: c == null ? void 0 : parseInt(c.toString()),
                 followFirstReceive: (V = l.modelValue) == null ? void 0 : V.followFirstReceive
               });
             })
           }, null, 8, ["label", "class", "disabled", "append-text", "model-value"])) : v("", !0)
         ])) : v("", !0),
-        ((N = l.modelValue) == null ? void 0 : N.followFirstReceive) === !0 && e(d) ? (i(), f(T, {
+        ((N = l.modelValue) == null ? void 0 : N.followFirstReceive) === !0 && e(a) ? (s(), f(T, {
           key: 3,
-          text: e(s)("connect.template.validity_option.expire_follow_first_receive")
+          text: e(d)("connect.template.validity_option.expire_follow_first_receive")
         }, null, 8, ["text"])) : v("", !0),
         b(T, {
-          text: t.helperText || (((L = l.modelValue) == null ? void 0 : L.validForDay) === 0 ? e(s)("connect.template.validity_option.expires_on_same_day") : e(u).helperText(e(m), "")),
+          text: t.helperText || (((L = l.modelValue) == null ? void 0 : L.validForDay) === 0 ? e(d)("connect.template.validity_option.expires_on_same_day") : e(u).helperText(e(m), "")),
           state: t.helperText ? "error" : ((z = l.modelValue) == null ? void 0 : z.validForDay) === 0 ? "warning" : e(u).helperState(e(m), "")
         }, null, 8, ["text", "state"])
       ]);
     };
   }
-}), ue = { class: "space-y-8" }, Ae = /* @__PURE__ */ P({
+}), ue = { class: "space-y-8" }, he = /* @__PURE__ */ P({
   __name: "CollectibleOptionInput",
   props: {
     modelValue: {
@@ -169,89 +169,89 @@ const ie = { class: "flex flex-col gap-8" }, se = {
     }
   },
   emits: ["update:model-value"],
-  setup(t, { emit: h }) {
-    const { t: s } = Z(), l = t, g = h, o = C(l.modelValue ?? {});
-    return X(o, () => g("update:model-value", o.value)), (d, a) => {
-      const S = y("FmSwitch"), m = y("FmStepperField");
-      return i(), x("div", ue, [
-        t.isMission ? v("", !0) : (i(), f(S, {
+  setup(t, { emit: g }) {
+    const { t: d } = Z(), l = t, S = g, o = O(l.modelValue ?? {});
+    return X(o, () => S("update:model-value", o.value)), (a, n) => {
+      const h = y("FmSwitch"), m = y("FmStepperField");
+      return s(), x("div", ue, [
+        t.isMission ? v("", !0) : (s(), f(h, {
           key: 0,
-          label: e(s)("connect.template.enable_transfer"),
+          label: e(d)("connect.template.enable_transfer"),
           "label-placement": "right",
           modelValue: e(o).enableTransfer,
-          "onUpdate:modelValue": a[0] || (a[0] = (n) => e(o).enableTransfer = n)
+          "onUpdate:modelValue": n[0] || (n[0] = (i) => e(o).enableTransfer = i)
         }, null, 8, ["label", "modelValue"])),
-        t.noCampaign ? v("", !0) : (i(), x("div", {
+        t.noCampaign ? v("", !0) : (s(), x("div", {
           key: 1,
           class: G(["grid gap-16", t.isMission ? "" : "grid-cols-2"])
         }, [
           b(m, {
             modelValue: e(o).maxPerUser,
-            "onUpdate:modelValue": a[1] || (a[1] = (n) => e(o).maxPerUser = n),
+            "onUpdate:modelValue": n[1] || (n[1] = (i) => e(o).maxPerUser = i),
             "show-steppers": !1,
             rules: [e(u).ruleAtPath(t.schema, "maxPerUser")],
-            "helper-text": e(s)("connect.template.leave_empty_unlimited")
+            "helper-text": e(d)("connect.template.leave_empty_unlimited")
           }, {
             label: F(() => [
-              (i(), f(O(
+              (s(), f(R(
                 e(u).toInputLabel(
                   e(u).typeAtPath(t.schema, "maxPerUser"),
-                  e(s)("connect.template.max_per_user")
+                  e(d)("connect.template.max_per_user")
                 )
               )))
             ]),
             _: 1
           }, 8, ["modelValue", "rules", "helper-text"]),
-          t.isMission ? v("", !0) : (i(), f(m, {
+          t.isMission ? v("", !0) : (s(), f(m, {
             key: 0,
             modelValue: e(o).maxReceive,
-            "onUpdate:modelValue": a[2] || (a[2] = (n) => e(o).maxReceive = n),
+            "onUpdate:modelValue": n[2] || (n[2] = (i) => e(o).maxReceive = i),
             "show-steppers": !1,
             rules: [e(u).ruleAtPath(t.schema, "maxReceive")],
-            "helper-text": e(s)("connect.template.leave_empty_unlimited")
+            "helper-text": e(d)("connect.template.leave_empty_unlimited")
           }, {
             label: F(() => [
-              (i(), f(O(
+              (s(), f(R(
                 e(u).toInputLabel(
                   e(u).typeAtPath(t.schema, "maxReceive"),
-                  e(s)("connect.template.max_distribute")
+                  e(d)("connect.template.max_distribute")
                 )
               )))
             ]),
             _: 1
           }, 8, ["modelValue", "rules", "helper-text"]))
         ], 2)),
-        t.isMission ? v("", !0) : (i(), x(_, { key: 2 }, [
+        t.isMission ? v("", !0) : (s(), x(_, { key: 2 }, [
           b(m, {
             modelValue: e(o).maxUse,
-            "onUpdate:modelValue": a[3] || (a[3] = (n) => e(o).maxUse = n),
+            "onUpdate:modelValue": n[3] || (n[3] = (i) => e(o).maxUse = i),
             "append-text": "use(s)",
             "show-steppers": !1,
             rules: [e(u).ruleAtPath(t.schema, "maxUse")]
           }, {
             label: F(() => [
-              (i(), f(O(
+              (s(), f(R(
                 e(u).toInputLabel(
                   e(u).typeAtPath(t.schema, "maxUse"),
-                  e(s)("connect.template.usage_count")
+                  e(d)("connect.template.usage_count")
                 )
               )))
             ]),
             _: 1
           }, 8, ["modelValue", "rules"]),
-          e(o).maxUse && e(o).maxUse > 1 ? (i(), f(m, {
+          e(o).maxUse && e(o).maxUse > 1 ? (s(), f(m, {
             key: 0,
             modelValue: e(o).cooldown,
-            "onUpdate:modelValue": a[4] || (a[4] = (n) => e(o).cooldown = n),
+            "onUpdate:modelValue": n[4] || (n[4] = (i) => e(o).cooldown = i),
             "append-text": "minute(s)",
             "show-steppers": !1,
             rules: [e(u).ruleAtPath(t.schema, "cooldown")]
           }, {
             label: F(() => [
-              (i(), f(O(
+              (s(), f(R(
                 e(u).toInputLabel(
                   e(u).typeAtPath(t.schema, "cooldown"),
-                  e(s)("connect.template.cooldown")
+                  e(d)("connect.template.cooldown")
                 )
               )))
             ]),
@@ -259,17 +259,17 @@ const ie = { class: "flex flex-col gap-8" }, se = {
           }, 8, ["modelValue", "rules"])) : v("", !0),
           b(re, {
             modelValue: e(o).validityOption,
-            "onUpdate:modelValue": a[5] || (a[5] = (n) => e(o).validityOption = n),
-            label: e(s)("connect.template.validity_option.title")
+            "onUpdate:modelValue": n[5] || (n[5] = (i) => e(o).validityOption = i),
+            label: e(d)("connect.template.validity_option.title")
           }, null, 8, ["modelValue", "label"])
         ], 64))
       ]);
     };
   }
-}), pe = { class: "space-y-8" }, ce = /* @__PURE__ */ U("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " Configure the discount you want to offer your customer. ", -1), fe = {
+}), pe = { class: "space-y-8" }, ce = {
   key: 1,
   class: "border-1 rounded-md flex gap-16 items-center justify-between px-16 py-12"
-}, ve = { class: "fm-typo-en-body-lg-400" }, ye = { class: "text-fm-color-typo-secondary" }, Ue = /* @__PURE__ */ P({
+}, fe = { class: "fm-typo-en-body-lg-400" }, ve = { class: "text-fm-color-typo-secondary" }, Ae = /* @__PURE__ */ P({
   __name: "EffectSheet",
   props: {
     modelValue: { type: Object },
@@ -278,39 +278,39 @@ const ie = { class: "flex flex-col gap-8" }, se = {
     }
   },
   emits: ["update:model-value"],
-  setup(t, { emit: h }) {
-    const s = h, l = C(!1);
-    async function g(o) {
-      o.stopPropagation(), await ae.remove("Are you sure you want to remove this effect?") && s("update:model-value", null);
+  setup(t, { emit: g }) {
+    const d = g, l = O(!1);
+    async function S(o) {
+      o.stopPropagation(), await ae.remove("Are you sure you want to remove this effect?") && d("update:model-value", null);
     }
-    return (o, d) => {
-      const a = y("FmButton"), S = y("FmSideSheet");
-      return i(), f(S, {
+    return (o, a) => {
+      const n = y("FmButton"), h = y("FmSideSheet");
+      return s(), f(h, {
         "max-width": 550,
         header: "Apply discount",
         modelValue: e(l),
         "onUpdate:modelValue": [
-          d[2] || (d[2] = (m) => q(l) ? l.value = m : null),
-          d[3] || (d[3] = (m) => l.value = m)
+          a[2] || (a[2] = (m) => q(l) ? l.value = m : null),
+          a[3] || (a[3] = (m) => l.value = m)
         ]
       }, {
         "side-sheet-button": F(() => {
-          var m, n, k, A;
+          var m, i, k, A;
           return [
             U("div", pe, [
-              ce,
-              t.modelValue ? (i(), x("div", fe, [
-                U("div", ve, [
-                  U("div", null, w((m = e(R)(t.modelValue)) == null ? void 0 : m.type), 1),
-                  U("div", ye, w((n = e(R)(t.modelValue)) == null ? void 0 : n.adjustment) + " with " + w((k = e(R)(t.modelValue)) == null ? void 0 : k.requirements) + " " + w((A = e(R)(t.modelValue)) == null ? void 0 : A.maxCap), 1)
+              a[4] || (a[4] = U("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " Configure the discount you want to offer your customer. ", -1)),
+              t.modelValue ? (s(), x("div", ce, [
+                U("div", fe, [
+                  U("div", null, w((m = e(C)(t.modelValue)) == null ? void 0 : m.type), 1),
+                  U("div", ve, w((i = e(C)(t.modelValue)) == null ? void 0 : i.adjustment) + " with " + w((k = e(C)(t.modelValue)) == null ? void 0 : k.requirements) + " " + w((A = e(C)(t.modelValue)) == null ? void 0 : A.maxCap), 1)
                 ]),
-                b(a, {
+                b(n, {
                   icon: "delete",
                   "icon-color": "neutral-gray-400",
                   variant: "tertiary",
-                  onClick: g
+                  onClick: S
                 })
-              ])) : (i(), f(a, {
+              ])) : (s(), f(n, {
                 key: 0,
                 label: "Apply discount",
                 icon: "add",
@@ -321,9 +321,9 @@ const ie = { class: "flex flex-col gap-8" }, se = {
             ])
           ];
         }),
-        "side-sheet-footer": F(() => [
-          ee(w(void 0))
-        ]),
+        "side-sheet-footer": F(() => [...a[5] || (a[5] = [
+          ee(w(void 0), -1)
+        ])]),
         default: F(() => [
           b(e(ne), {
             class: "fm-effect-sheet",
@@ -331,8 +331,8 @@ const ie = { class: "flex flex-col gap-8" }, se = {
             "can-set-auto-apply": t.canSetAutoApply,
             "disable-effects": t.canSetAutoApply ? ["PAYMENT"] : void 0,
             "initial-value": t.modelValue,
-            onOnConfirm: d[0] || (d[0] = (m) => (s("update:model-value", m), l.value = !1)),
-            onOnCancel: d[1] || (d[1] = (m) => l.value = !1)
+            onOnConfirm: a[0] || (a[0] = (m) => (d("update:model-value", m), l.value = !1)),
+            onOnCancel: a[1] || (a[1] = (m) => l.value = !1)
           }, null, 8, ["can-set-auto-apply", "disable-effects", "initial-value"])
         ]),
         _: 1
@@ -341,7 +341,7 @@ const ie = { class: "flex flex-col gap-8" }, se = {
   }
 });
 export {
-  Ue as _,
-  Ae as a,
+  Ae as _,
+  he as a,
   re as b
 };

package/dist/{Experience-DzTV21vX.js → Experience-BdH44wBG.js}

@@ -1,22 +1,19 @@
 import { defineComponent as D, ref as S, computed as E, onMounted as U, resolveComponent as i, openBlock as m, createElementBlock as _, Fragment as x, createVNode as c, unref as t, createElementVNode as n, withCtx as h, renderList as j, createBlock as w, resolveDynamicComponent as M, toDisplayString as p, h as H } from "vue";
 import { _ as q } from "./campaign-CpzFl8Vr.js";
 import { useDialog as z, components as G } from "@feedmepos/ui-library";
-import { p as J } from "./plugins-Dn7JDHi7.js";
-import { u as Q } from "./loading-c4b7n9Xp.js";
-import { u as W } from "./business-DVlHPzaL.js";
-import { u as X } from "./campaign-D9KeUWA7.js";
-import { a as L, b as V, g as Y } from "./campaign-l-u9A514.js";
-import { u as Z } from "./vue-i18n--_Wu1nMj.js";
+import { p as J } from "./plugins-DJpBrPbQ.js";
+import { u as Q } from "./loading-qlqqYGF3.js";
+import { u as W } from "./business-BehG4fR2.js";
+import { u as X } from "./campaign-CAcP56Sz.js";
+import { a as L, b as V, g as Y } from "./campaign-BpaiTG4f.js";
+import { u as Z } from "./vue-i18n-CkbS-IDD.js";
 import { _ as ee } from "./ChipMenu.vue_vue_type_script_setup_true_lang-BPpZZNkr.js";
-import { _ as te } from "./EditCampaignSheet.vue_vue_type_script_setup_true_lang-hxuYl-OQ.js";
-import { u as oe } from "./template-BSQLFHf4.js";
-import { c as g } from "./index-1BGPM6Uy.js";
-const ae = { class: "px-24 flex flex-col gap-y-16" }, ne = { class: "flex items-center justify-between w-full" }, se = { class: "flex gap-8 overflow-x-auto" }, re = { class: "space-y-8" }, ce = { class: "flex w-full gap-4 items-center" }, ie = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, le = { class: "space-y-4" }, me = { class: "fm-typo-en-body-lg-600" }, pe = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, de = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ue = /* @__PURE__ */ n("img", {
-  src: q,
-  class: "aspect-square w-[150px]"
-}, null, -1), fe = { class: "flex flex-col gap-16 text-center" }, ye = { class: "fm-typo-en-title-sm-800" }, ge = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Be = /* @__PURE__ */ D({
+import { _ as te } from "./EditCampaignSheet.vue_vue_type_script_setup_true_lang-Dt9c2kvf.js";
+import { u as oe } from "./template-ElP-JIFL.js";
+import { c as g } from "./index-BCQMVr1J.js";
+const ae = { class: "px-24 flex flex-col gap-y-16" }, ne = { class: "flex items-center justify-between w-full" }, se = { class: "flex gap-8 overflow-x-auto" }, re = { class: "space-y-8" }, ce = { class: "flex w-full gap-4 items-center" }, ie = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, le = { class: "space-y-4" }, me = { class: "fm-typo-en-body-lg-600" }, pe = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, de = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ue = { class: "flex flex-col gap-16 text-center" }, fe = { class: "fm-typo-en-title-sm-800" }, ye = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Pe = /* @__PURE__ */ D({
   __name: "Experience",
-  setup(_e) {
+  setup(ge) {
     const { t: s } = Z(), I = {
       label: s("connect.program.common.actions.create", {
         type: s("connect.program.experience.title").toLowerCase()
@@ -55,8 +52,8 @@ const ae = { class: "px-24 flex flex-col gap-y-16" }, ne = { class: "flex items-
             variant: "tertiary",
             icon: "delete",
             iconColor: "neutral-gray-400",
-            onClick: (a) => {
-              a.stopPropagation(), C(e.row.original);
+            onClick: (o) => {
+              o.stopPropagation(), C(e.row.original);
             }
           });
         }
@@ -74,10 +71,10 @@ const ae = { class: "px-24 flex flex-col gap-y-16" }, ne = { class: "flex items-
       );
     }
     async function y(e) {
-      e ? await a() : P.open(async (d) => {
-        await a(d);
+      e ? await o() : P.open(async (d) => {
+        await o(d);
       });
-      async function a(d) {
+      async function o(d) {
         var u;
         (u = b.value) == null || u.showSheet(
           !0,
@@ -107,18 +104,18 @@ const ae = { class: "px-24 flex flex-col gap-y-16" }, ne = { class: "flex items-
       await T(async () => {
         await l.read("POINT");
       });
-    }), (e, a) => {
+    }), (e, o) => {
       const d = i("FmPageHead"), u = i("FmSearch"), R = i("FmTable"), F = i("FmButton"), $ = i("FmListItem"), O = i("FmList"), A = i("FmCard");
       return m(), _(x, null, [
         c(d, {
           title: t(s)("connect.program.experience.title"),
           actions: t(f).length > 0 ? [I] : [],
-          "onClick:action": a[0] || (a[0] = () => y())
+          "onClick:action": o[0] || (o[0] = () => y())
         }, null, 8, ["title", "actions"]),
         n("div", ae, [
           c(u, {
             modelValue: t(r).searchKey,
-            "onUpdate:modelValue": a[1] || (a[1] = (o) => t(r).searchKey = o),
+            "onUpdate:modelValue": o[1] || (o[1] = (a) => t(r).searchKey = a),
             class: "hidden xs:block border-b-2 border-fm-color-neutral-gray-100",
             placeholder: t(s)("connect.program.common.search"),
             collapsible: ""
@@ -128,7 +125,7 @@ const ae = { class: "px-24 flex flex-col gap-y-16" }, ne = { class: "flex items-
               n("div", se, [
                 c(ee, {
                   modelValue: t(r).location,
-                  "onUpdate:modelValue": a[2] || (a[2] = (o) => t(r).location = o),
+                  "onUpdate:modelValue": o[2] || (o[2] = (a) => t(r).location = a),
                   label: "Location: ",
                   "show-item-label": !0,
                   icon: "storefront",
@@ -138,7 +135,7 @@ const ae = { class: "px-24 flex flex-col gap-y-16" }, ne = { class: "flex items-
               ]),
               c(u, {
                 modelValue: t(r).searchKey,
-                "onUpdate:modelValue": a[3] || (a[3] = (o) => t(r).searchKey = o),
+                "onUpdate:modelValue": o[3] || (o[3] = (a) => t(r).searchKey = a),
                 class: "xs:hidden",
                 placeholder: "search",
                 collapsible: ""
@@ -150,37 +147,37 @@ const ae = { class: "px-24 flex flex-col gap-y-16" }, ne = { class: "flex items-
               "column-defs": K,
               "search-value": t(r).searchKey,
               "column-filter": [],
-              onRowClick: a[4] || (a[4] = (o) => y(o.original)),
+              onRowClick: o[4] || (o[4] = (a) => y(a.original)),
               "hide-footer": t(f).length < 10
             }, null, 8, ["row-data", "search-value", "hide-footer"]),
             c(O, { class: "hidden xs:flex flex-col mx-[-24px]" }, {
               default: h(() => [
                 (m(!0), _(x, null, j(t(f).filter(
-                  (o) => o.name.toLowerCase().includes(t(r).searchKey.toLowerCase())
-                ), (o) => (m(), w($, {
-                  key: o._id.toString(),
-                  onClick: (k) => y(o),
+                  (a) => a.name.toLowerCase().includes(t(r).searchKey.toLowerCase())
+                ), (a) => (m(), w($, {
+                  key: a._id.toString(),
+                  onClick: (k) => y(a),
                   class: "py-12 px-16 flex items-center justify-between border-b border-fm-color-neutral-gray-100"
                 }, {
                   default: h(() => [
                     n("div", re, [
                       n("div", ce, [
-                        (m(), w(M(t(L)(o)))),
-                        n("div", ie, p(o.currentReceive ?? 0) + " used ", 1)
+                        (m(), w(M(t(L)(a)))),
+                        n("div", ie, p(a.currentReceive ?? 0) + " used ", 1)
                       ]),
                       n("div", le, [
-                        n("div", me, p(o.name), 1),
-                        n("div", pe, p(t(V)(o)), 1)
+                        n("div", me, p(a.name), 1),
+                        n("div", pe, p(t(V)(a)), 1)
                       ]),
                       n("div", de, p(t(s)("connect.program.experience.received", {
-                        count: o.currentReceive ?? 0
+                        count: a.currentReceive ?? 0
                       })), 1)
                     ]),
                     c(F, {
                       icon: "delete",
                       "icon-color": "neutral-gray-400",
                       variant: "tertiary",
-                      onClick: (k) => (k.stopPropagation(), C(o))
+                      onClick: (k) => (k.stopPropagation(), C(a))
                     }, null, 8, ["onClick"])
                   ]),
                   _: 2
@@ -194,16 +191,19 @@ const ae = { class: "px-24 flex flex-col gap-y-16" }, ne = { class: "flex items-
             class: "w-full flex flex-col items-center justify-center gap-y-24 p-24"
           }, {
             default: h(() => [
-              ue,
-              n("div", fe, [
-                n("div", ye, p(t(s)("connect.program.experience.empty_state.title")), 1),
-                n("div", ge, p(t(s)("connect.program.experience.empty_state.description")), 1)
+              o[6] || (o[6] = n("img", {
+                src: q,
+                class: "aspect-square w-[150px]"
+              }, null, -1)),
+              n("div", ue, [
+                n("div", fe, p(t(s)("connect.program.experience.empty_state.title")), 1),
+                n("div", ye, p(t(s)("connect.program.experience.empty_state.description")), 1)
               ]),
               c(F, {
                 variant: "primary",
                 label: "Create experience program",
                 icon: "add",
-                onClick: a[5] || (a[5] = (o) => y())
+                onClick: o[5] || (o[5] = (a) => y())
               })
             ]),
             _: 1
@@ -219,5 +219,5 @@ const ae = { class: "px-24 flex flex-col gap-y-16" }, ne = { class: "flex items-
   }
 });
 export {
-  Be as default
+  Pe as default
 };