@win2win/shared-ui 0.3.238 → 0.3.240

package/dist/components/widgets/telephony-card/TelephonyCard.vue2.js

@@ -0,0 +1,292 @@
+import { defineComponent as de, toRefs as ce, computed as h, createBlock as $, openBlock as c, normalizeStyle as P, withCtx as C, createElementBlock as m, createCommentVNode as y, createVNode as E, unref as r, createElementVNode as n, toDisplayString as p, Fragment as U, renderList as K, createTextVNode as k, withModifiers as J } from "vue";
+import { l as x } from "../../../node_modules/lodash/lodash.js";
+import { QCardSection as ue, QChip as me, QBtn as X } from "quasar";
+import pe from "../../Common/Card.vue.js";
+const ve = {
+  key: 0,
+  style: { height: "60px" }
+}, fe = {
+  class: "row justify-center q-mb-sm",
+  style: { height: "45px" }
+}, ge = {
+  class: "text-center text-caption",
+  style: { height: "25px" }
+}, he = { class: "plan-info-container q-pt-sm" }, ye = {
+  key: 0,
+  class: "row plan-info"
+}, _e = { class: "text-main" }, Pe = {
+  key: 1,
+  class: "row plan-info"
+}, be = { class: "text-main" }, Ce = {
+  key: 2,
+  class: "row plan-info"
+}, ke = { class: "text-main" }, xe = {
+  class: "row q-my-sm q-mt-md",
+  style: { height: "150px" }
+}, Se = { class: "q-mx-sm" }, Oe = ["src"], Re = {
+  key: 1,
+  class: "row items-center justify-center q-mb-md text-black"
+}, Le = { class: "text-h2 text-bold" }, Ee = {
+  key: 2,
+  class: "row justify-center q-mb-md"
+}, qe = {
+  style: { height: "15px" },
+  class: "text-center text-uppercase text-caption text-black"
+}, we = { key: 0 }, Ve = /* @__PURE__ */ de({
+  __name: "TelephonyCard",
+  props: {
+    isPublic: { type: Boolean, default: !1 },
+    fetching: { type: Boolean },
+    scale: {},
+    count: {},
+    imageHeight: {},
+    borderRadius: {},
+    unelevated: { type: Boolean },
+    hoverable: { type: Boolean },
+    descriptionLines: { default: 2 },
+    hiddenProps: {},
+    titleHeight: { default: "8rem" },
+    showHeader: { type: Boolean, default: !1 },
+    data: {},
+    gamaProps: {},
+    context: {},
+    grupo: {},
+    tipoDeServicio: {},
+    headerColor: {},
+    nameColor: {},
+    filters: {},
+    queryParams: {},
+    cardColor: {}
+  },
+  emits: ["on-event"],
+  setup(Y, { emit: Z }) {
+    const L = Z, g = Y, { data: l, gamaProps: q } = ce(g), w = h(() => {
+      var e;
+      return ((e = l.value) == null ? void 0 : e.PROPS) || {};
+    }), S = (e, t) => e.find((o) => o.value === t) || t, ee = (e) => {
+      var o;
+      const t = w.value[e], s = q.value.find((d) => d.code === e);
+      return (o = s == null ? void 0 : s.options) != null && o.length ? x.isArray(t) ? t.map((d) => S(s.options, d)) : S(s.options, t) : t;
+    }, te = h(() => ee("complementos")), A = h(() => {
+      var s;
+      const e = w.value.wifi, t = q.value.find((o) => o.code === "wifi");
+      if (!((s = t == null ? void 0 : t.options) != null && s.length)) return e;
+      if (x.isArray(e))
+        return e.map((o) => S(t.options, o)).map((o) => typeof o == "object" ? o == null ? void 0 : o.label : o).join(", ").toUpperCase().replace("WIFI", "");
+      {
+        const o = S(t.options, e);
+        return (typeof o == "object" && ((o == null ? void 0 : o.label) || o) || "").toString().toUpperCase().replace("WIFI", "");
+      }
+    }), oe = h(() => {
+      var s, o, d;
+      const e = (s = te.value) == null ? void 0 : s.map((a) => {
+        var i;
+        return {
+          src: (i = a == null ? void 0 : a.image) == null ? void 0 : i.src,
+          label: a.label
+        };
+      });
+      if (e != null && e.length)
+        return e;
+      const t = ((d = (o = l.value) == null ? void 0 : o.DETALLE_PACK) == null ? void 0 : d.filter(
+        (a) => {
+          var i, u, v, f, _;
+          return ((v = (u = (i = a == null ? void 0 : a.DETALLE) == null ? void 0 : i.PROPS) == null ? void 0 : u.familia) == null ? void 0 : v.some(
+            (b) => ["streaming", "app"].includes(b)
+          )) && ((_ = (f = a == null ? void 0 : a.DETALLE) == null ? void 0 : f.ARCHIVOS) == null ? void 0 : _.length);
+        }
+      )) || [];
+      return t == null ? void 0 : t.map((a) => {
+        var i, u, v, f;
+        return {
+          src: (v = (u = (i = a == null ? void 0 : a.DETALLE) == null ? void 0 : i.ARCHIVOS) == null ? void 0 : u[0]) == null ? void 0 : v.LOCATION,
+          label: (f = a == null ? void 0 : a.DETALLE) == null ? void 0 : f.NOMBRE
+        };
+      });
+    }), ae = h(() => {
+      var e;
+      return String(((e = l.value) == null ? void 0 : e.NOMBRE) || "").toLowerCase();
+    }), B = h(() => {
+      var e;
+      return (e = l.value) == null ? void 0 : e.DESCRIPCION_CORTA;
+    }), le = h(() => {
+      var e, t;
+      return (t = (e = l.value) == null ? void 0 : e.TAGS) == null ? void 0 : t.split(",");
+    }), O = h(() => {
+      var e, t, s, o, d, a, i, u, v, f, _, b;
+      return g.cardColor ? g.cardColor : (s = (t = (e = l.value) == null ? void 0 : e.PROPS) == null ? void 0 : t.familia) != null && s.includes("movil") ? "#D60270" : (a = (d = (o = l.value) == null ? void 0 : o.PROPS) == null ? void 0 : d.familia) != null && a.includes("tv") ? "#FFA807" : (v = (u = (i = l.value) == null ? void 0 : i.PROPS) == null ? void 0 : u.familia) != null && v.includes("streaming") && ((b = (_ = (f = l.value) == null ? void 0 : f.PROPS) == null ? void 0 : _.familia) == null ? void 0 : b.length) == 1 ? "black" : "#00C1B5";
+    }), D = h(() => {
+      var e;
+      return Number(((e = l.value) == null ? void 0 : e.PRECIO) || 0);
+    }), I = h(() => {
+      var t, s, o, d, a, i, u;
+      if ((s = (t = l.value) == null ? void 0 : t.PROPS) != null && s.datos_moviles_gb)
+        return (d = (o = l.value) == null ? void 0 : o.PROPS) == null ? void 0 : d.datos_moviles_gb;
+      const e = (u = (i = (a = l.value) == null ? void 0 : a.PROPS) == null ? void 0 : i.segmento) == null ? void 0 : u.match(/(\d+)_gb$/i);
+      return e ? Number(e[1]) : null;
+    }), se = () => {
+      L("on-event", {
+        code: "start_checkout_with_product",
+        payload: {
+          product: l.value,
+          quantity: 1,
+          props: null
+        }
+      });
+    }, ne = () => {
+      g.isPublic || L("on-event", {
+        code: "card_click",
+        payload: { data: l.value }
+      });
+    }, ie = () => {
+      L("on-event", {
+        code: "card_click",
+        payload: { data: l.value }
+      });
+    };
+    return (e, t) => (c(), $(pe, {
+      class: "card-custom",
+      loading: e.fetching,
+      "no-padding": "",
+      unelevated: e.unelevated,
+      "border-radius": e.borderRadius,
+      hoverable: e.hoverable,
+      style: P({ scale: g.scale ?? 1 }),
+      onClick: ne
+    }, {
+      default: C(() => {
+        var s, o, d, a;
+        return [
+          g.showHeader ? (c(), m("div", ve, [
+            (o = (s = r(l)) == null ? void 0 : s.PROPS) != null && o.velocidad_de_internet_megas ? (c(), m("div", {
+              key: 0,
+              class: "text-h5 text-center text-white q-pa-md text-bold",
+              style: P({ backgroundColor: g.headerColor || O.value })
+            }, [
+              n("span", null, p((a = (d = r(l)) == null ? void 0 : d.PROPS) == null ? void 0 : a.velocidad_de_internet_megas) + " MEGAS", 1)
+            ], 4)) : y("", !0)
+          ])) : y("", !0),
+          E(r(ue), { class: "q-pa-lg card-content text-black" }, {
+            default: C(() => {
+              var i, u, v, f, _, b, V, T, N, H, j, F, M, W, z, G, Q;
+              return [
+                n("div", fe, [
+                  (c(!0), m(U, null, K(le.value, (R) => (c(), $(r(me), {
+                    outline: "",
+                    key: R,
+                    size: "md",
+                    style: P({ borderColor: O.value })
+                  }, {
+                    default: C(() => [
+                      k(p(r(x.capitalize)(R)), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["style"]))), 128))
+                ]),
+                n("div", ge, p((v = r(x.upperFirst)(r(x.snakeCase)((u = (i = r(l)) == null ? void 0 : i.PROPS) == null ? void 0 : u.segmento))) == null ? void 0 : v.replace(/_/g, " ")) + " " + p((_ = (f = r(l)) == null ? void 0 : f.PROPS) != null && _.segmento ? " - " : "") + " " + p((T = (V = (b = r(l)) == null ? void 0 : b.PROPS) == null ? void 0 : V.familia) == null ? void 0 : T.join(" - ")), 1),
+                n("div", {
+                  class: "name-container",
+                  style: P({ height: g.titleHeight })
+                }, [
+                  n("div", {
+                    class: "name q-my-sm",
+                    style: P({ color: g.nameColor })
+                  }, p(ae.value), 5)
+                ], 4),
+                n("div", he, [
+                  (H = (N = r(l)) == null ? void 0 : N.PROPS) != null && H.velocidad_de_internet_megas && !g.showHeader ? (c(), m("div", ye, [
+                    t[1] || (t[1] = n("div", { class: "col-6 text-main" }, "VELOCIDAD", -1)),
+                    n("div", null, [
+                      n("span", _e, p((F = (j = r(l)) == null ? void 0 : j.PROPS) == null ? void 0 : F.velocidad_de_internet_megas), 1),
+                      t[0] || (t[0] = k(" MB ", -1))
+                    ])
+                  ])) : y("", !0),
+                  A.value ? (c(), m("div", Pe, [
+                    t[2] || (t[2] = n("div", { class: "col-6 text-main" }, "WIFI", -1)),
+                    n("div", be, p(A.value), 1)
+                  ])) : y("", !0),
+                  I.value ? (c(), m("div", Ce, [
+                    t[4] || (t[4] = n("div", { class: "col-6 text-main" }, "MÓVIL", -1)),
+                    n("div", null, [
+                      n("span", ke, p(I.value), 1),
+                      t[3] || (t[3] = k(" GB ", -1))
+                    ])
+                  ])) : y("", !0)
+                ]),
+                n("div", xe, [
+                  (c(!0), m(U, null, K(oe.value, (R, re) => (c(), m("div", Se, [
+                    (c(), m("img", {
+                      key: re,
+                      src: R.src,
+                      class: "streaming-img q-mr-md"
+                    }, null, 8, Oe))
+                  ]))), 256))
+                ]),
+                n("div", null, [
+                  B.value ? (c(), m("div", {
+                    key: 0,
+                    class: "description text-left text-black q-my-md",
+                    style: P({
+                      lineClamp: e.descriptionLines,
+                      WebkitLineClamp: e.descriptionLines
+                    })
+                  }, p(B.value), 5)) : y("", !0),
+                  D.value ? (c(), m("div", Re, [
+                    n("span", Le, "$" + p(D.value), 1),
+                    t[5] || (t[5] = n("span", { class: "text-caption text-black q-pl-sm q-pt-sm" }, " al mes", -1))
+                  ])) : y("", !0),
+                  e.isPublic ? (c(), m("div", Ee, [
+                    E(r(X), {
+                      class: "text-bold",
+                      style: P({ backgroundColor: O.value }),
+                      "text-color": "white",
+                      "no-caps": "",
+                      unelevated: "",
+                      rounded: "",
+                      onClick: J(se, ["stop"])
+                    }, {
+                      default: C(() => [...t[6] || (t[6] = [
+                        k(" Contratar ahora ", -1)
+                      ])]),
+                      _: 1
+                    }, 8, ["style"]),
+                    E(r(X), {
+                      class: "text-bold q-ml-sm",
+                      color: "black",
+                      "no-caps": "",
+                      flat: "",
+                      rounded: "",
+                      onClick: J(ie, ["stop"])
+                    }, {
+                      default: C(() => [...t[7] || (t[7] = [
+                        k(" Saber más ", -1)
+                      ])]),
+                      _: 1
+                    })
+                  ])) : y("", !0),
+                  n("div", {
+                    class: "q-mt-lg",
+                    style: P({
+                      backgroundColor: `${O.value}`,
+                      height: "1px",
+                      width: "100%",
+                      margin: "1rem 0"
+                    })
+                  }, null, 4),
+                  n("div", qe, [
+                    (W = (M = r(l)) == null ? void 0 : M.PROPS) != null && W.permanencia ? (c(), m("span", we, " Contrato a " + p((Q = (G = (z = r(l)) == null ? void 0 : z.PROPS) == null ? void 0 : G.permanencia) == null ? void 0 : Q.replace(/_/g, " ")), 1)) : y("", !0)
+                  ])
+                ])
+              ];
+            }),
+            _: 1
+          })
+        ];
+      }),
+      _: 1
+    }, 8, ["loading", "unelevated", "border-radius", "hoverable", "style"]));
+  }
+});
+export {
+  Ve as default
+};