@feedmepos/mf-connect 0.1.63-prod → 0.1.65-prod

package/dist/{SettingAdvertisements-Cc9IMI41.js → SettingAdvertisements-D0e9lyCy.js}

@@ -1,52 +1,54 @@
-import { defineComponent as J, ref as y, computed as E, onMounted as K, resolveComponent as A, openBlock as u, createElementBlock as b, createElementVNode as s, createVNode as d, createTextVNode as W, toDisplayString as v, unref as e, withCtx as S, createBlock as B, Fragment as Y, renderList as Z, createCommentVNode as N, isRef as ee } from "vue";
-import { u as te } from "./loading-DsAWzrAU.js";
+import { defineComponent as J, ref as y, computed as z, onMounted as K, resolveComponent as A, openBlock as u, createElementBlock as b, createElementVNode as s, createVNode as d, createTextVNode as W, toDisplayString as v, unref as e, withCtx as S, createBlock as B, Fragment as Y, renderList as Z, createCommentVNode as N, isRef as ee } from "vue";
+import { u as te } from "./loading-DfP4ZQcW.js";
 import { u as ne } from "./app-wDQR6dpb.js";
-import { u as se } from "./business-D8WOIwU3.js";
-import { u as oe } from "./membership-CIWA-YIz.js";
-import "./index-BAjS-mNm.js";
-import { k as ae } from "./index-BHPj_XYw.js";
+import { u as se } from "./business-CxrnbBG7.js";
+import { u as oe } from "./membership-CiLwVV-2.js";
+import "./index-WY8Y3SjU.js";
+import { k as ae } from "./index-ByfJpxsf.js";
+import "./index-DWMboOMi.js";
 import { _ as le } from "./ImageInput.vue_vue_type_script_setup_true_lang-D1KQpDGg.js";
-import { f as Q, p as ie } from "./plugins-BaCcQwW_.js";
-import { _ as re } from "./TargetLocationInput.vue_vue_type_script_setup_true_lang-DG7dPhv0.js";
-import { u as ce } from "./vue-i18n-DbCbvmTz.js";
+import { f as D, p as ie } from "./plugins-GAf1L8Pd.js";
+import { _ as re } from "./TargetLocationInput.vue_vue_type_script_setup_true_lang-6gvUWrB_.js";
+import { u as ce } from "./vue-i18n-6i4pn5bC.js";
 import { useRouter as de } from "vue-router";
-import { m as me } from "./index-1xCqie-s.js";
-import { a as ue } from "./object-qECH92oz.js";
-const ve = { class: "min-h-screen bg-fm-color-neutral-gray-50" }, pe = { class: "bg-white border-b border-fm-color-neutral-gray-100 sticky top-0 z-10" }, fe = { class: "px-24 py-16 flex items-center justify-between" }, ge = { class: "flex items-center gap-16" }, _e = { class: "fm-typo-en-title-md-800 flex items-center gap-8" }, he = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, ye = {
+import { m as me } from "./index-CszV-kA7.js";
+import { R as ue } from "./app-VcIY7uz8.js";
+import { a as ve } from "./object-qECH92oz.js";
+const pe = { class: "min-h-screen bg-fm-color-neutral-gray-50" }, fe = { class: "bg-white border-b border-fm-color-neutral-gray-100 sticky top-0 z-10" }, ge = { class: "px-24 py-16 flex items-center justify-between" }, _e = { class: "flex items-center gap-16" }, he = { class: "fm-typo-en-title-md-800 flex items-center gap-8" }, ye = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, be = {
   key: 0,
   class: "px-24 py-24"
-}, be = { class: "flex items-center gap-24 mb-24" }, we = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, xe = { class: "fm-typo-en-body-lg-600" }, ke = { class: "fm-typo-en-title-sm-800 mb-8" }, Se = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary mb-16" }, Ae = {
+}, we = { class: "flex items-center gap-24 mb-24" }, xe = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ke = { class: "fm-typo-en-body-lg-600" }, Se = { class: "fm-typo-en-title-sm-800 mb-8" }, Ae = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary mb-16" }, Ce = {
   key: 1,
   class: "grid grid-cols-5 gap-16 lg:grid-cols-4 md:grid-cols-3 sm:grid-cols-2"
-}, Ce = { class: "absolute top-8 right-8 z-10" }, Fe = { class: "aspect-[3/4] bg-fm-color-neutral-gray-100" }, je = ["src"], Le = ["src", "alt"], Ve = {
+}, Fe = { class: "absolute top-8 right-8 z-10" }, je = { class: "aspect-[3/4] bg-fm-color-neutral-gray-100" }, Le = ["src"], Me = ["src", "alt"], Ve = {
   key: 2,
   class: "w-full h-full flex items-center justify-center text-fm-color-typo-disabled"
-}, Me = { class: "w-48 h-48 rounded-full bg-fm-color-neutral-gray-100 flex items-center justify-center mb-8" }, $e = { class: "fm-typo-en-body-md-600 mb-4" }, Be = { class: "fm-typo-en-body-xs-400 text-fm-color-typo-secondary" }, Pe = { class: "space-y-[40px]" }, Ie = { class: "flex" }, ze = { class: "flex flex-wrap" }, De = { class: "flex items-center gap-8" }, P = 20, Ze = /* @__PURE__ */ J({
+}, $e = { class: "w-48 h-48 rounded-full bg-fm-color-neutral-gray-100 flex items-center justify-center mb-8" }, Be = { class: "fm-typo-en-body-md-600 mb-4" }, Ie = { class: "fm-typo-en-body-xs-400 text-fm-color-typo-secondary" }, Pe = { class: "space-y-[40px]" }, Ee = { class: "flex" }, Te = { class: "flex flex-wrap" }, ze = { class: "flex items-center gap-8" }, I = 20, nt = /* @__PURE__ */ J({
   __name: "SettingAdvertisements",
-  setup(Ee) {
-    const T = de(), C = ne(), V = se(), F = oe(), { global: U, minor: R } = te, { t: o } = ce(), c = y(), f = y([]), _ = y([]), w = y(!1), g = y(null), j = y(null), L = y(null), M = E(() => {
+  setup(Ne) {
+    const U = de(), C = ne(), M = se(), F = oe(), { global: Q, minor: R } = te, { t: o } = ce(), c = y(), f = y([]), _ = y([]), w = y(!1), g = y(null), j = y(null), L = y(null), V = z(() => {
       var n, t;
       return ((t = (n = c.value) == null ? void 0 : n.advertisements) == null ? void 0 : t.length) ?? 0;
-    }), I = E(() => M.value < P);
+    }), P = z(() => V.value < I);
     function x(n) {
       var a, p;
       const t = (p = (a = c.value) == null ? void 0 : a.advertisements) == null ? void 0 : p[n];
       if (t)
         return typeof t == "string" ? t : t.url;
     }
-    function q(n) {
+    function O(n) {
       return n ? [".mp4", ".webm", ".ogg", ".mov"].some((a) => n.toLowerCase().includes(a)) : !1;
     }
     async function $() {
       await R(
         async () => {
-          const n = ue(c.value), t = ae.parse(n), a = Date.now(), p = (m) => `${a}-${m}-${Math.random().toString(36).substring(2, 15)}`, k = await Promise.all(
+          const n = ve(c.value), t = ae.parse(n), a = Date.now(), p = (m) => `${a}-${m}-${Math.random().toString(36).substring(2, 15)}`, k = await Promise.all(
             f.value.map(async (m, h) => {
               var r;
               const i = (r = t.advertisements) == null ? void 0 : r[h];
               let l;
-              return m ? l = await Q.update(
-                Q.advertisementPath(h, m),
+              return m ? l = await D.update(
+                D.advertisementPath(h, m),
                 m
               ) : typeof i == "string" ? l = i : i && typeof i == "object" && (l = i.url), l ? {
                 _id: typeof i == "object" && (i == null ? void 0 : i._id) || p(h),
@@ -64,18 +66,18 @@ const ve = { class: "min-h-screen bg-fm-color-neutral-gray-50" }, pe = { class:
         }
       );
     }
-    function z(n) {
+    function E(n) {
       g.value = n, j.value = f.value[n], L.value = _.value[n], w.value = !0;
     }
-    function H() {
-      if (!I.value) return;
+    function q() {
+      if (!P.value) return;
       const n = f.value.length;
-      f.value.push(null), _.value.push(null), z(n);
+      f.value.push(null), _.value.push(null), E(n);
     }
-    async function O() {
+    async function G() {
       g.value !== null && (f.value[g.value] = j.value, _.value[g.value] = L.value, await $(), w.value = !1);
     }
-    async function X(n, t) {
+    async function H(n, t) {
       var a, p;
       n.stopPropagation(), await ie.remove(
         o("connect.setting.advertisement.deleteConfirm"),
@@ -83,34 +85,34 @@ const ve = { class: "min-h-screen bg-fm-color-neutral-gray-50" }, pe = { class:
         o("connect.setting.advertisement.delete")
       ) && ((p = (a = c.value) == null ? void 0 : a.advertisements) == null || p.splice(t, 1), f.value.splice(t, 1), _.value.splice(t, 1), await $());
     }
-    function G() {
-      T.push("/setting");
+    function X() {
+      U.push({ name: ue["$connect-SETTING"] });
     }
     return K(async () => {
-      await U(async () => {
+      await Q(async () => {
         var n, t;
-        await V.readPremium(), await V.readLocations(), await F.readMembership(), c.value = F.membership, (t = (n = c.value) == null ? void 0 : n.advertisements) != null && t.length ? (f.value = c.value.advertisements.map(() => null), _.value = c.value.advertisements.map(
+        await M.readPremium(), await M.readLocations(), await F.readMembership(), c.value = F.membership, (t = (n = c.value) == null ? void 0 : n.advertisements) != null && t.length ? (f.value = c.value.advertisements.map(() => null), _.value = c.value.advertisements.map(
           (a) => typeof a == "string" ? null : a.targetLocation || null
         )) : (f.value = [], _.value = []);
       });
     }), (n, t) => {
       var i;
       const a = A("FmButton"), p = A("FmPill"), k = A("FmCard"), m = A("FmIcon"), h = A("FmSideSheet");
-      return u(), b("div", ve, [
-        s("div", pe, [
-          s("div", fe, [
-            s("div", ge, [
+      return u(), b("div", pe, [
+        s("div", fe, [
+          s("div", ge, [
+            s("div", _e, [
               d(a, {
                 icon: "arrow_back",
                 variant: "tertiary",
-                onClick: G
+                onClick: X
               }),
               s("div", null, [
-                s("div", _e, [
+                s("div", he, [
                   W(v(e(o)("connect.setting.advertisement.title")) + " ", 1),
                   d(p, { variant: "premium" })
                 ]),
-                s("div", he, v(e(o)("connect.setting.advertisement.subtitle")), 1)
+                s("div", ye, v(e(o)("connect.setting.advertisement.subtitle")), 1)
               ])
             ]),
             d(a, {
@@ -121,38 +123,38 @@ const ve = { class: "min-h-screen bg-fm-color-neutral-gray-50" }, pe = { class:
             }, null, 8, ["label", "disabled", "loading"])
           ])
         ]),
-        e(c) ? (u(), b("div", ye, [
-          s("div", be, [
+        e(c) ? (u(), b("div", be, [
+          s("div", we, [
             d(k, {
               variant: "outlined",
               class: "px-16 py-12 flex items-center gap-8"
             }, {
               default: S(() => [
-                s("span", we, v(e(o)("connect.setting.advertisement.activeAds")), 1),
-                s("span", xe, v(e(M)) + " / " + v(P), 1)
+                s("span", xe, v(e(o)("connect.setting.advertisement.activeAds")), 1),
+                s("span", ke, v(e(V)) + " / " + v(I), 1)
               ]),
               _: 1
             })
           ]),
-          e(V).isPremium ? (u(), b("div", Ae, [
+          e(M).isPremium ? (u(), b("div", Ce, [
             (u(!0), b(Y, null, Z(((i = e(c).advertisements) == null ? void 0 : i.length) || 0, (l, r) => (u(), B(k, {
               key: r,
               variant: "outlined",
               class: "cursor-pointer hover:shadow-lg transition-shadow overflow-hidden relative",
-              onClick: (D) => z(r)
+              onClick: (T) => E(r)
             }, {
               default: S(() => [
-                s("div", Ce, [
+                s("div", Fe, [
                   d(a, {
                     icon: "delete",
                     variant: "tertiary",
                     size: "sm",
                     class: "bg-white/90 hover:bg-white shadow-sm",
-                    onClick: (D) => X(D, r)
+                    onClick: (T) => H(T, r)
                   }, null, 8, ["onClick"])
                 ]),
-                s("div", Fe, [
-                  x(r) && q(x(r)) ? (u(), b("video", {
+                s("div", je, [
+                  x(r) && O(x(r)) ? (u(), b("video", {
                     key: 0,
                     src: x(r),
                     class: "w-full h-full object-cover",
@@ -160,12 +162,12 @@ const ve = { class: "min-h-screen bg-fm-color-neutral-gray-50" }, pe = { class:
                     loop: "",
                     autoplay: "",
                     playsinline: ""
-                  }, null, 8, je)) : x(r) ? (u(), b("img", {
+                  }, null, 8, Le)) : x(r) ? (u(), b("img", {
                     key: 1,
                     src: x(r),
                     class: "w-full h-full object-cover",
                     alt: `Ad ${r + 1}`
-                  }, null, 8, Le)) : (u(), b("div", Ve, [
+                  }, null, 8, Me)) : (u(), b("div", Ve, [
                     d(m, {
                       name: "image",
                       size: "48"
@@ -175,22 +177,22 @@ const ve = { class: "min-h-screen bg-fm-color-neutral-gray-50" }, pe = { class:
               ]),
               _: 2
             }, 1032, ["onClick"]))), 128)),
-            e(I) ? (u(), B(k, {
+            e(P) ? (u(), B(k, {
               key: 0,
               variant: "outlined",
               class: "cursor-pointer hover:bg-fm-color-neutral-gray-50 transition-colors border-dashed aspect-[3/4] flex flex-col items-center justify-center",
-              onClick: H
+              onClick: q
             }, {
               default: S(() => [
-                s("div", Me, [
+                s("div", $e, [
                   d(m, {
                     name: "add",
                     size: "24",
                     class: "text-fm-color-typo-secondary"
                   })
                 ]),
-                s("div", $e, v(e(o)("connect.setting.advertisement.addAd")), 1),
-                s("div", Be, v(P - e(M)) + " " + v(e(o)("connect.setting.advertisement.left")), 1)
+                s("div", Be, v(e(o)("connect.setting.advertisement.addAd")), 1),
+                s("div", Ie, v(I - e(V)) + " " + v(e(o)("connect.setting.advertisement.left")), 1)
               ]),
               _: 1
             })) : N("", !0)
@@ -200,8 +202,8 @@ const ve = { class: "min-h-screen bg-fm-color-neutral-gray-50" }, pe = { class:
             class: "p-24 text-center mb-24 bg-fm-color-warning-50"
           }, {
             default: S(() => [
-              s("div", ke, v(e(o)("connect.setting.advertisement.premiumFeatureTitle")), 1),
-              s("div", Se, v(e(o)("connect.setting.advertisement.premiumFeatureDescription")), 1)
+              s("div", Se, v(e(o)("connect.setting.advertisement.premiumFeatureTitle")), 1),
+              s("div", Ae, v(e(o)("connect.setting.advertisement.premiumFeatureDescription")), 1)
             ]),
             _: 1
           }))
@@ -216,10 +218,10 @@ const ve = { class: "min-h-screen bg-fm-color-neutral-gray-50" }, pe = { class:
           header: e(g) !== null ? `${e(o)("connect.setting.advertisement.manageAd")} #${e(g) + 1}` : e(o)("connect.setting.advertisement.addAdvertisement")
         }, {
           "side-sheet-footer": S(() => [
-            s("div", De, [
+            s("div", ze, [
               d(a, {
                 label: e(o)("connect.setting.advertisement.save"),
-                onClick: O,
+                onClick: G,
                 loading: !!e(C).loadingQueue.length,
                 disabled: !!e(C).loadingQueue.length
               }, null, 8, ["label", "loading", "disabled"])
@@ -227,8 +229,8 @@ const ve = { class: "min-h-screen bg-fm-color-neutral-gray-50" }, pe = { class:
           ]),
           default: S(() => [
             s("div", Pe, [
-              s("div", Ie, [
-                s("div", ze, [
+              s("div", Ee, [
+                s("div", Te, [
                   d(le, {
                     label: e(o)("connect.setting.advertisement.advertisementImage"),
                     "image-fit": "cover",
@@ -258,5 +260,5 @@ const ve = { class: "min-h-screen bg-fm-color-neutral-gray-50" }, pe = { class:
   }
 });
 export {
-  Ze as default
+  nt as default
 };