@feedmepos/mf-connect 0.0.16-beta.10 → 0.0.16-beta.11

package/dist/EffectSheet.vue_vue_type_style_index_0_lang-DPgu45MD.js

@@ -0,0 +1,344 @@
+import { defineComponent as O, ref as R, onMounted as J, computed as z, resolveComponent as y, openBlock as s, createElementBlock as x, renderSlot as K, toDisplayString as A, createCommentVNode as f, createBlock as p, unref as e, isRef as H, createVNode as b, normalizeClass as q, watch as Q, withCtx as F, resolveDynamicComponent as k, Fragment as W, createElementVNode as h, createTextVNode as X } from "vue";
+import { z as _ } from "./app-Bd19eW7X.js";
+import { Z as d } from "./zod-W_PvIofQ.js";
+import { g as ee, h as te } from "./index-DYDhH9bi.js";
+import { s as C } from "./effect-C2jCStXO.js";
+import { p as le } from "./loading-D_AN6p24.js";
+import { s as oe } from "./app-CfS25Z66.js";
+const ae = { class: "flex flex-col gap-8" }, ne = {
+  key: 0,
+  class: "fm-typo-en-body-lg-600"
+}, se = { key: 1 }, ie = {
+  key: 2,
+  class: "space-y-16"
+}, de = /* @__PURE__ */ O({
+  __name: "ValidityInput",
+  props: {
+    label: {
+      type: String
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    type: {
+      type: String,
+      default: void 0
+    },
+    modelValue: {
+      type: Object,
+      required: !0
+    },
+    forCredit: {
+      type: Boolean,
+      default: !1
+    },
+    helperText: {
+      type: String
+    }
+  },
+  emits: ["update:model-value"],
+  setup(t, { emit: g }) {
+    var S, P;
+    const n = t, c = g, a = [
+      { label: "Date Range", value: "range" },
+      { label: "Custom", value: "custom" }
+    ], u = R(!1);
+    J(() => {
+      u.value = n.modelValue && Object.entries(n.modelValue).filter(
+        ([r, i]) => r != "followFirstReceive" && i != null
+      ).length > 0;
+    });
+    const l = R(
+      n.type ? a.find((r) => r.value === n.type) : (S = n.modelValue) != null && S.validBefore || (P = n.modelValue) != null && P.validAfter ? a[0] : a[1]
+    ), w = z(
+      () => n.forCredit ? ee : te
+    ), v = z(() => {
+      const r = w.value.safeParse(n.modelValue);
+      return r.success ? [] : r.error.errors;
+    });
+    function o(r) {
+      c("update:model-value", r);
+    }
+    function U(r) {
+      var i, D;
+      if (r.value == "range")
+        return o({
+          followFirstReceive: (i = n.modelValue) == null ? void 0 : i.followFirstReceive,
+          validAfter: void 0,
+          validBefore: void 0
+        });
+      if (r.value == "custom")
+        return u.value = !1, o({
+          validForDay: (D = n.modelValue) == null ? void 0 : D.validForDay
+        });
+    }
+    return (r, i) => {
+      var T, E, I, M, $, j, N, L;
+      const D = y("FmButtonGroup"), G = y("FmSimpleDateRangePicker"), Z = y("FmSwitch"), Y = y("FmStepperField"), B = y("FmHelperText");
+      return s(), x("div", ae, [
+        K(r.$slots, "label", {}, () => [
+          t.label ? (s(), x("div", ne, A(t.label), 1)) : f("", !0)
+        ]),
+        t.type ? f("", !0) : (s(), p(D, {
+          key: 0,
+          modelValue: e(l),
+          "onUpdate:modelValue": [
+            i[0] || (i[0] = (m) => H(l) ? l.value = m : null),
+            i[1] || (i[1] = (m) => U(m))
+          ],
+          items: a
+        }, null, 8, ["modelValue"])),
+        e(l).value === "range" ? (s(), x("div", se, [
+          b(G, {
+            "model-value": {
+              startDate: (T = t.modelValue) != null && T.validAfter ? new Date((E = t.modelValue) == null ? void 0 : E.validAfter).toISOString() : null,
+              endDate: (I = t.modelValue) != null && I.validAfter ? new Date(((M = t.modelValue) == null ? void 0 : M.validBefore) || "").toISOString() : null
+            },
+            "onUpdate:modelValue": i[2] || (i[2] = (m) => {
+              var V;
+              o({
+                followFirstReceive: (V = n.modelValue) == null ? void 0 : V.followFirstReceive,
+                validAfter: new Date(m.startDate).toISOString(),
+                validBefore: new Date(m.endDate).toISOString()
+              });
+            })
+          }, null, 8, ["model-value"])
+        ])) : e(l).value === "custom" ? (s(), x("div", ie, [
+          b(Z, {
+            "model-value": e(u),
+            label: "Expires",
+            "label-placement": "right",
+            "onUpdate:modelValue": i[3] || (i[3] = (m) => {
+              var V;
+              u.value = m, o({
+                validForDay: m ? 1 : void 0,
+                followFirstReceive: (V = n.modelValue) == null ? void 0 : V.followFirstReceive
+              });
+            })
+          }, null, 8, ["model-value"]),
+          e(u) ? (s(), p(Y, {
+            key: 0,
+            label: "After (days)",
+            class: q([{
+              "opacity-50 pointer-events-none": !e(u)
+            }, "mt-[-4px]"]),
+            "max-fraction-digits": 0,
+            disabled: !e(u),
+            "show-steppers": !1,
+            max: 99999,
+            "append-text": "day(s)",
+            "model-value": (($ = n.modelValue) == null ? void 0 : $.validForDay) ?? null,
+            "onUpdate:modelValue": i[4] || (i[4] = (m) => {
+              var V;
+              return o({
+                validForDay: m == null ? void 0 : parseInt(m.toString()),
+                followFirstReceive: (V = n.modelValue) == null ? void 0 : V.followFirstReceive
+              });
+            })
+          }, null, 8, ["class", "disabled", "model-value"])) : f("", !0)
+        ])) : f("", !0),
+        ((j = n.modelValue) == null ? void 0 : j.followFirstReceive) === !0 && e(u) ? (s(), p(B, {
+          key: 3,
+          text: "Expiry follows the first receive"
+        })) : f("", !0),
+        b(B, {
+          text: t.helperText || (((N = n.modelValue) == null ? void 0 : N.validForDay) === 0 ? "Expires on the same day" : e(d).helperText(e(v), "")),
+          state: t.helperText ? "error" : ((L = n.modelValue) == null ? void 0 : L.validForDay) === 0 ? "warning" : e(d).helperState(e(v), "")
+        }, null, 8, ["text", "state"])
+      ]);
+    };
+  }
+}), re = { class: "space-y-8" }, we = /* @__PURE__ */ O({
+  __name: "CollectibleOptionInput",
+  props: {
+    modelValue: {
+      type: Object
+    },
+    noCampaign: {
+      type: Boolean
+    },
+    schema: {
+      type: Object,
+      default: () => _.any()
+    },
+    isMission: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["update:model-value"],
+  setup(t, { emit: g }) {
+    const n = t, c = g, a = R(n.modelValue ?? {});
+    return Q(a, () => c("update:model-value", a.value)), (u, l) => {
+      const w = y("FmSwitch"), v = y("FmStepperField");
+      return s(), x("div", re, [
+        t.isMission ? f("", !0) : (s(), p(w, {
+          key: 0,
+          label: "Enable Transfer",
+          "label-placement": "right",
+          modelValue: e(a).enableTransfer,
+          "onUpdate:modelValue": l[0] || (l[0] = (o) => e(a).enableTransfer = o)
+        }, null, 8, ["modelValue"])),
+        t.noCampaign ? f("", !0) : (s(), x("div", {
+          key: 1,
+          class: q(["grid gap-16", t.isMission ? "" : "grid-cols-2"])
+        }, [
+          b(v, {
+            modelValue: e(a).maxPerUser,
+            "onUpdate:modelValue": l[1] || (l[1] = (o) => e(a).maxPerUser = o),
+            "show-steppers": !1,
+            rules: [e(d).ruleAtPath(t.schema, "maxPerUser")]
+          }, {
+            label: F(() => [
+              (s(), p(k(
+                e(d).toInputLabel(
+                  e(d).typeAtPath(t.schema, "maxPerUser"),
+                  "Max per user"
+                )
+              )))
+            ]),
+            _: 1
+          }, 8, ["modelValue", "rules"]),
+          t.isMission ? f("", !0) : (s(), p(v, {
+            key: 0,
+            modelValue: e(a).maxReceive,
+            "onUpdate:modelValue": l[2] || (l[2] = (o) => e(a).maxReceive = o),
+            "show-steppers": !1,
+            rules: [e(d).ruleAtPath(t.schema, "maxReceive")]
+          }, {
+            label: F(() => [
+              (s(), p(k(
+                e(d).toInputLabel(
+                  e(d).typeAtPath(t.schema, "maxReceive"),
+                  "Max distribute"
+                )
+              )))
+            ]),
+            _: 1
+          }, 8, ["modelValue", "rules"]))
+        ], 2)),
+        t.isMission ? f("", !0) : (s(), x(W, { key: 2 }, [
+          b(v, {
+            modelValue: e(a).maxUse,
+            "onUpdate:modelValue": l[3] || (l[3] = (o) => e(a).maxUse = o),
+            "append-text": "use(s)",
+            "show-steppers": !1,
+            rules: [e(d).ruleAtPath(t.schema, "maxUse")]
+          }, {
+            label: F(() => [
+              (s(), p(k(
+                e(d).toInputLabel(
+                  e(d).typeAtPath(t.schema, "maxUse"),
+                  "Usage count"
+                )
+              )))
+            ]),
+            _: 1
+          }, 8, ["modelValue", "rules"]),
+          e(a).maxUse && e(a).maxUse > 1 ? (s(), p(v, {
+            key: 0,
+            modelValue: e(a).cooldown,
+            "onUpdate:modelValue": l[4] || (l[4] = (o) => e(a).cooldown = o),
+            "append-text": "minute(s)",
+            "show-steppers": !1,
+            rules: [e(d).ruleAtPath(t.schema, "cooldown")]
+          }, {
+            label: F(() => [
+              (s(), p(k(
+                e(d).toInputLabel(
+                  e(d).typeAtPath(t.schema, "cooldown"),
+                  "Cooldown"
+                )
+              )))
+            ]),
+            _: 1
+          }, 8, ["modelValue", "rules"])) : f("", !0),
+          b(de, {
+            modelValue: e(a).validityOption,
+            "onUpdate:modelValue": l[5] || (l[5] = (o) => e(a).validityOption = o),
+            label: "Validity option"
+          }, null, 8, ["modelValue"])
+        ], 64))
+      ]);
+    };
+  }
+}), ue = { class: "space-y-8" }, me = {
+  key: 1,
+  class: "border-1 rounded-md flex gap-16 items-center justify-between px-16 py-12"
+}, pe = { class: "fm-typo-en-body-lg-400" }, ce = { class: "text-fm-color-typo-secondary" }, ge = /* @__PURE__ */ O({
+  __name: "EffectSheet",
+  props: {
+    modelValue: { type: Object },
+    canSetAutoApply: {
+      type: Boolean
+    }
+  },
+  emits: ["update:model-value"],
+  setup(t, { emit: g }) {
+    const n = g, c = R(!1);
+    async function a(u) {
+      u.stopPropagation(), await le.remove("Are you sure you want to remove this effect?") && n("update:model-value", null);
+    }
+    return (u, l) => {
+      const w = y("FmButton"), v = y("FmSideSheet");
+      return s(), p(v, {
+        "max-width": 550,
+        header: "Apply discount",
+        modelValue: e(c),
+        "onUpdate:modelValue": [
+          l[2] || (l[2] = (o) => H(c) ? c.value = o : null),
+          l[3] || (l[3] = (o) => c.value = o)
+        ]
+      }, {
+        "side-sheet-button": F(() => {
+          var o, U, S;
+          return [
+            h("div", ue, [
+              l[4] || (l[4] = h("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", me, [
+                h("div", pe, [
+                  h("div", null, A((o = e(C)(t.modelValue)) == null ? void 0 : o.type), 1),
+                  h("div", ce, A((U = e(C)(t.modelValue)) == null ? void 0 : U.adjustment) + " with " + A((S = e(C)(t.modelValue)) == null ? void 0 : S.requirements), 1)
+                ]),
+                b(w, {
+                  icon: "delete",
+                  "icon-color": "neutral-gray-400",
+                  variant: "tertiary",
+                  onClick: a
+                })
+              ])) : (s(), p(w, {
+                key: 0,
+                label: "Apply discount",
+                icon: "add",
+                "icon-color": "primary",
+                variant: "secondary",
+                class: "border-fm-color-primary text-fm-color-primary"
+              }))
+            ])
+          ];
+        }),
+        "side-sheet-footer": F(() => l[5] || (l[5] = [
+          X(A(void 0))
+        ])),
+        default: F(() => [
+          b(e(oe), {
+            class: "fm-effect-sheet",
+            title: "",
+            "can-set-auto-apply": t.canSetAutoApply,
+            "disable-effects": t.canSetAutoApply ? ["PAYMENT"] : void 0,
+            "initial-value": t.modelValue,
+            onOnConfirm: l[0] || (l[0] = (o) => (n("update:model-value", o), c.value = !1)),
+            onOnCancel: l[1] || (l[1] = (o) => c.value = !1)
+          }, null, 8, ["can-set-auto-apply", "disable-effects", "initial-value"])
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+});
+export {
+  ge as _,
+  we as a,
+  de as b
+};

package/dist/{Experience-CgKak5ik.js → Experience-C2Q-zqV6.js}

@@ -1,24 +1,33 @@
-import { defineComponent as A, ref as S, computed as D, onMounted as E, resolveComponent as l, openBlock as m, createElementBlock as _, Fragment as x, createVNode as c, unref as t, createElementVNode as n, withCtx as h, renderList as M, createBlock as w, resolveDynamicComponent as U, toDisplayString as d, h as H } from "vue";
-import { u as q, M as z, b as G, h as J, N as Q, v as L, w as V, j as W, y as X, e as Y, B as Z, c as g } from "./app-BpzzygYP.js";
-import { useDialog as ee, components as te } from "@feedmepos/ui-library";
-const oe = { class: "px-24 flex flex-col gap-y-16" }, ae = { class: "flex items-center justify-between w-full" }, ne = { class: "flex gap-8 overflow-x-auto" }, se = { class: "space-y-8" }, re = { class: "flex w-full gap-4 items-center" }, ce = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, le = { class: "space-y-4" }, ie = { class: "fm-typo-en-body-lg-600" }, me = { 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" }, pe = { class: "flex flex-col gap-16 text-center" }, ue = { class: "fm-typo-en-title-sm-800" }, ye = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, he = /* @__PURE__ */ A({
+import { defineComponent as D, ref as S, computed as E, onMounted as U, resolveComponent as c, openBlock as m, createElementBlock as _, Fragment as x, createVNode as i, 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 { u as J, p as Q } from "./loading-D_AN6p24.js";
+import { u as W } from "./business-dQh3AEot.js";
+import { u as X } from "./campaign-BOl8AgKA.js";
+import { g as L, b as V } from "./dto-B8NfyVPG.js";
+import { u as Y } from "./vue-i18n-BxwiXSkp.js";
+import { _ as Z } from "./ChipMenu.vue_vue_type_script_setup_true_lang-BPpZZNkr.js";
+import { _ as ee } from "./EditCampaignSheet.vue_vue_type_script_setup_true_lang-D9VR3P2d.js";
+import { u as te } from "./template-clxvNnbF.js";
+import { c as g } from "./index-UTQHDUdW.js";
+const oe = { class: "px-24 flex flex-col gap-y-16" }, ae = { class: "flex items-center justify-between w-full" }, ne = { class: "flex gap-8 overflow-x-auto" }, se = { class: "space-y-8" }, re = { class: "flex w-full gap-4 items-center" }, ie = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ce = { class: "space-y-4" }, le = { class: "fm-typo-en-body-lg-600" }, me = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, pe = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, de = { class: "flex flex-col gap-16 text-center" }, ue = { class: "fm-typo-en-title-sm-800" }, fe = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ve = /* @__PURE__ */ D({
   __name: "Experience",
-  setup(fe) {
-    const { t: s } = q(), I = {
+  setup(ye) {
+    const { t: s } = Y(), I = {
       label: s("connect.program.common.actions.create", {
         type: s("connect.program.experience.title").toLowerCase()
       }),
       value: "create",
       isPrimary: !0,
       prependIcon: "add"
-    }, P = z("POINT", ee()), B = G(), i = J(), { global: T, minor: v } = Y, r = S({
+    }, P = te("POINT", z()), B = W(), l = X(), { global: T, minor: v } = J, r = S({
       searchKey: "",
       location: null
-    }), y = D(
-      () => i.campaigns.experience.filter(
+    }), f = E(
+      () => l.campaigns.experience.filter(
         (e) => !r.value.location || !e.targetLocation || e.targetLocation.includes(r.value.location)
       )
-    ), N = [
+    ), K = [
       {
         header: "Program title",
         accessorFn: (e) => e.name
@@ -37,7 +46,7 @@ const oe = { class: "px-24 flex flex-col gap-y-16" }, ae = { class: "flex items-
       {
         header: "Actions",
         cell(e) {
-          return H(te.FmButton, {
+          return H(G.FmButton, {
             variant: "tertiary",
             icon: "delete",
             iconColor: "neutral-gray-400",
@@ -49,9 +58,9 @@ const oe = { class: "px-24 flex flex-col gap-y-16" }, ae = { class: "flex items-
       }
     ], b = S();
     async function C(e) {
-      await Z.remove(`Are you sure you want to remove ${e.name}?`) && await v(
+      await Q.remove(`Are you sure you want to remove ${e.name}?`) && await v(
         async () => {
-          await g.delete(e._id), await i.read("POINT");
+          await g.delete(e._id), await l.read("POINT");
         },
         {
           message: `Removing ${e.name}`,
@@ -59,24 +68,24 @@ const oe = { class: "px-24 flex flex-col gap-y-16" }, ae = { class: "flex items-
         }
       );
     }
-    async function f(e) {
-      e ? await o() : P.open(async (p) => {
-        await o(p);
+    async function y(e) {
+      e ? await o() : P.open(async (d) => {
+        await o(d);
       });
-      async function o(p) {
+      async function o(d) {
         var u;
         (u = b.value) == null || u.showSheet(
           !0,
           "POINT",
           e ? await g.readById(e._id) : void 0,
-          p
+          d
         );
       }
     }
-    async function K(e) {
+    async function N(e) {
       await v(
         async () => {
-          e.campaign._id ? await g.update(e.campaign._id, e) : await g.create(e), await i.read("POINT");
+          e.campaign._id ? await g.update(e.campaign._id, e) : await g.create(e), await l.read("POINT");
         },
         {
           message: s("program.common.update.updating", {
@@ -89,30 +98,30 @@ const oe = { class: "px-24 flex flex-col gap-y-16" }, ae = { class: "flex items-
         }
       );
     }
-    return E(async () => {
+    return U(async () => {
       await T(async () => {
-        await i.read("POINT");
+        await l.read("POINT");
       });
     }), (e, o) => {
-      const p = l("FmPageHead"), u = l("FmSearch"), R = l("FmTable"), F = l("FmButton"), $ = l("FmListItem"), O = l("FmList"), j = l("FmCard");
+      const d = c("FmPageHead"), u = c("FmSearch"), R = c("FmTable"), F = c("FmButton"), $ = c("FmListItem"), O = c("FmList"), A = c("FmCard");
       return m(), _(x, null, [
-        c(p, {
+        i(d, {
           title: t(s)("connect.program.experience.title"),
-          actions: t(y).length > 0 ? [I] : [],
-          "onClick:action": o[0] || (o[0] = () => f())
+          actions: t(f).length > 0 ? [I] : [],
+          "onClick:action": o[0] || (o[0] = () => y())
         }, null, 8, ["title", "actions"]),
         n("div", oe, [
-          c(u, {
+          i(u, {
             modelValue: t(r).searchKey,
             "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: ""
           }, null, 8, ["modelValue", "placeholder"]),
-          t(i).campaigns.experience && t(i).campaigns.experience.length > 0 ? (m(), _(x, { key: 0 }, [
+          t(l).campaigns.experience && t(l).campaigns.experience.length > 0 ? (m(), _(x, { key: 0 }, [
             n("div", ae, [
               n("div", ne, [
-                c(Q, {
+                i(Z, {
                   modelValue: t(r).location,
                   "onUpdate:modelValue": o[2] || (o[2] = (a) => t(r).location = a),
                   label: "Location: ",
@@ -122,7 +131,7 @@ const oe = { class: "px-24 flex flex-col gap-y-16" }, ae = { class: "flex items-
                   items: t(B).locationItems
                 }, null, 8, ["modelValue", "items"])
               ]),
-              c(u, {
+              i(u, {
                 modelValue: t(r).searchKey,
                 "onUpdate:modelValue": o[3] || (o[3] = (a) => t(r).searchKey = a),
                 class: "xs:hidden",
@@ -130,39 +139,39 @@ const oe = { class: "px-24 flex flex-col gap-y-16" }, ae = { class: "flex items-
                 collapsible: ""
               }, null, 8, ["modelValue"])
             ]),
-            c(R, {
+            i(R, {
               class: "xs:hidden",
-              "row-data": t(y),
-              "column-defs": N,
+              "row-data": t(f),
+              "column-defs": K,
               "search-value": t(r).searchKey,
               "column-filter": [],
-              onRowClick: o[4] || (o[4] = (a) => f(a.original)),
-              "hide-footer": t(y).length < 10
+              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]" }, {
+            i(O, { class: "hidden xs:flex flex-col mx-[-24px]" }, {
               default: h(() => [
-                (m(!0), _(x, null, M(t(y).filter(
+                (m(!0), _(x, null, j(t(f).filter(
                   (a) => a.name.toLowerCase().includes(t(r).searchKey.toLowerCase())
                 ), (a) => (m(), w($, {
                   key: a._id.toString(),
-                  onClick: (k) => f(a),
+                  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", se, [
                       n("div", re, [
-                        (m(), w(U(t(L)(a)))),
-                        n("div", ce, d(a.currentReceive ?? 0) + " used ", 1)
+                        (m(), w(M(t(L)(a)))),
+                        n("div", ie, p(a.currentReceive ?? 0) + " used ", 1)
                       ]),
-                      n("div", le, [
-                        n("div", ie, d(a.name), 1),
-                        n("div", me, d(t(V)(a)), 1)
+                      n("div", ce, [
+                        n("div", le, p(a.name), 1),
+                        n("div", me, p(t(V)(a)), 1)
                       ]),
-                      n("div", de, d(t(s)("program.experience.received", {
+                      n("div", pe, p(t(s)("program.experience.received", {
                         count: a.currentReceive ?? 0
                       })), 1)
                     ]),
-                    c(F, {
+                    i(F, {
                       icon: "delete",
                       "icon-color": "neutral-gray-400",
                       variant: "tertiary",
@@ -174,33 +183,33 @@ const oe = { class: "px-24 flex flex-col gap-y-16" }, ae = { class: "flex items-
               ]),
               _: 1
             })
-          ], 64)) : (m(), w(j, {
+          ], 64)) : (m(), w(A, {
             key: 1,
             variant: "outlined",
             class: "w-full flex flex-col items-center justify-center gap-y-24 p-24"
           }, {
             default: h(() => [
               o[6] || (o[6] = n("img", {
-                src: W,
+                src: q,
                 class: "aspect-square w-[150px]"
               }, null, -1)),
-              n("div", pe, [
-                n("div", ue, d(t(s)("connect.program.experience.empty_state.title")), 1),
-                n("div", ye, d(t(s)("connect.program.experience.empty_state.description")), 1)
+              n("div", de, [
+                n("div", ue, p(t(s)("connect.program.experience.empty_state.title")), 1),
+                n("div", fe, p(t(s)("connect.program.experience.empty_state.description")), 1)
               ]),
-              c(F, {
+              i(F, {
                 variant: "primary",
                 label: "Create experience program",
                 icon: "add",
-                onClick: o[5] || (o[5] = (a) => f())
+                onClick: o[5] || (o[5] = (a) => y())
               })
             ]),
             _: 1
           })),
-          c(X, {
+          i(ee, {
             ref_key: "sheetRef",
             ref: b,
-            "onSubmit:modelValue": K
+            "onSubmit:modelValue": N
           }, null, 512)
         ])
       ], 64);
@@ -208,5 +217,5 @@ const oe = { class: "px-24 flex flex-col gap-y-16" }, ae = { class: "flex items-
   }
 });
 export {
-  he as default
+  Ve as default
 };