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

package/dist/{EffectSheet.vue_vue_type_style_index_0_lang-ECkaQxuI.js → EffectSheet.vue_vue_type_style_index_0_lang-CU9XpMjd.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-ja_XST5q.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-zyVYgteg.js";
+import { u as Z } from "./vue-i18n-2D47GxQX.js";
+import { s as C } from "./effect-BW1-I1J4.js";
+import { p as ae } from "./plugins-Z2YcDTj8.js";
+import { e as ne } from "./app-DaFoFS2V.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-CjMVeGsX.js

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