@win2win/shared-ui 0.3.239 → 0.3.242

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

@@ -1,292 +0,0 @@
-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
-};