@win2win/shared-ui 0.3.238 → 0.3.240

package/dist/components/widgets/telephony-card/mock-props.js

@@ -0,0 +1,400 @@
+const e = {
+  isPublic: !0,
+  data: {},
+  fetching: !1,
+  descriptionLines: 4,
+  scale: 1,
+  unelevated: !0,
+  imageHeight: "200px",
+  borderRadius: "6.5px",
+  hoverable: !0,
+  grupo: "",
+  tipo_de_servicio: "",
+  gamaProps: [
+    {
+      id: "9d797d57-d3d2-4744-ad86-45d82e709e7b",
+      code: "wifi",
+      image: null,
+      label: "Wifi",
+      prefix: "",
+      suffix: "",
+      options: [
+        {
+          image: {
+            src: ""
+          },
+          label: "Wifi mesh interior",
+          value: "wifi_mesh_interior",
+          condition: "",
+          exclusive: !1,
+          description: ""
+        },
+        {
+          image: {
+            src: ""
+          },
+          label: "Wifi mesh exterior",
+          value: "wifi_mesh_exterior",
+          condition: "",
+          exclusive: !1,
+          description: ""
+        },
+        {
+          image: {
+            src: ""
+          },
+          label: "Wifi empresarial",
+          value: "wifi_empresarial",
+          condition: "",
+          exclusive: !1,
+          description: ""
+        }
+      ],
+      pricing: !1,
+      multiple: !0,
+      structure: [],
+      validators: [],
+      visibility: {
+        form: !0,
+        roles: [],
+        detail: !0,
+        public: !1,
+        summary: !0
+      },
+      controlType: "select"
+    },
+    {
+      code: "complementos",
+      options: [
+        {
+          image: {
+            src: "https://w2w-files.s3.us-east-1.amazonaws.com/telmex/ClaroVideo.png"
+          },
+          label: "Claro Video",
+          value: "claro_video",
+          condition: "",
+          exclusive: !1,
+          description: "Plataforma propia de Telmex para ver series, películas y canales en vivo, incluida gratis en la mayoría de paquetes Infinitum."
+        },
+        {
+          image: {
+            src: "https://w2w-files.s3.us-east-1.amazonaws.com/telmex/netflix-vector-flat-logo-735811696261671nhzlvgcmyf.png"
+          },
+          label: "Netflix",
+          value: "netflix",
+          condition: "",
+          exclusive: !1,
+          description: "Servicio de streaming líder con películas, series y documentales en HD, 4K y contenido original exclusivo."
+        },
+        {
+          image: {
+            src: "https://w2w-files.s3.us-east-1.amazonaws.com/telmex/Amazon-Prime-Video-Emblem.png"
+          },
+          label: "Amazon Prime Video",
+          value: "amazon_prime_video",
+          condition: "",
+          exclusive: !1,
+          description: "Plataforma con contenido original, películas y series, además de beneficios adicionales de Amazon Prime."
+        },
+        {
+          image: {
+            src: "https://w2w-files.s3.us-east-1.amazonaws.com/telmex/Disney%2B_2024_(Print).svg"
+          },
+          label: "Disney+",
+          value: "disney",
+          condition: "",
+          exclusive: !1,
+          description: "Servicio de streaming con contenido familiar de Disney, Pixar, Marvel, Star Wars y National Geographic."
+        },
+        {
+          image: {
+            src: "https://w2w-files.s3.us-east-1.amazonaws.com/telmex/Star%2B_logo.svg"
+          },
+          label: "Star+",
+          value: "star",
+          condition: "",
+          exclusive: !1,
+          description: "Plataforma con series, películas y deportes en vivo, incluyendo contenido exclusivo de ESPN."
+        },
+        {
+          image: {
+            src: "https://w2w-files.s3.us-east-1.amazonaws.com/telmex/HBO_Max_2024_(NOT_US).svg"
+          },
+          label: "HBO Max",
+          value: "hbo_max",
+          condition: "",
+          exclusive: !1,
+          description: "Streaming premium con series originales, películas y estrenos de Warner Bros."
+        },
+        {
+          image: {
+            src: "https://w2w-files.s3.us-east-1.amazonaws.com/telmex/Paramount_Plus.svg"
+          },
+          label: "Paramount+",
+          value: "paramount",
+          condition: "",
+          exclusive: !1,
+          description: "Plataforma con películas, series y contenido exclusivo de Paramount."
+        },
+        {
+          image: {
+            src: "https://w2w-files.s3.us-east-1.amazonaws.com/telmex/unnamed.png"
+          },
+          label: "Startv Stream",
+          value: "startv_stream",
+          condition: "",
+          exclusive: !1,
+          description: "Servicio de TV en vivo por streaming con canales de entretenimiento, deportes y noticias."
+        },
+        {
+          image: {
+            src: "https://w2w-files.s3.us-east-1.amazonaws.com/telmex/FOXSportsPremium2019.png"
+          },
+          label: "Fox Sports Premium",
+          value: "fox_sports_premium",
+          condition: "",
+          exclusive: !1,
+          description: "Canales premium con eventos y transmisiones deportivas exclusivas."
+        },
+        {
+          image: {
+            src: "https://w2w-files.s3.us-east-1.amazonaws.com/telmex/logo_Vixpremium.png"
+          },
+          label: "ViX Premium",
+          value: "vix_premium",
+          condition: "",
+          exclusive: !1,
+          description: "Plataforma en español con novelas, películas, series y contenido original."
+        },
+        {
+          image: {
+            src: "https://w2w-files.s3.us-east-1.amazonaws.com/telmex/EDYE-MascotLogotype-rgb.jpg"
+          },
+          label: "Edye",
+          value: "edye",
+          condition: "",
+          exclusive: !1,
+          description: "Servicio infantil educativo y seguro para niños pequeños, sin anuncios."
+        }
+      ]
+    },
+    {
+      id: "cfd54388-32c2-4210-bf5d-79d796f589d5",
+      code: "idiomas",
+      image: null,
+      label: "Idiomas",
+      prefix: "",
+      suffix: "",
+      options: [
+        {
+          image: null,
+          label: "Castellano",
+          value: "castellano",
+          condition: "",
+          exclusive: !1
+        },
+        {
+          image: null,
+          label: "Catalán",
+          value: "catalan",
+          condition: "",
+          exclusive: !1
+        },
+        {
+          image: null,
+          label: "Ingles",
+          value: "ingles",
+          condition: "",
+          exclusive: !1
+        },
+        {
+          image: null,
+          label: "Frances",
+          value: "frances",
+          condition: "",
+          exclusive: !1
+        },
+        {
+          image: null,
+          label: "Arabe",
+          value: "arabe",
+          condition: "",
+          exclusive: !1
+        },
+        {
+          image: null,
+          label: "Chino",
+          value: "chino",
+          condition: "",
+          exclusive: !1
+        }
+      ],
+      multiple: !1,
+      structure: [],
+      validators: [],
+      visibility: {
+        form: !0,
+        roles: [],
+        detail: !0,
+        public: !1,
+        summary: !0
+      },
+      controlType: "cards_select"
+    },
+    {
+      id: "d1bc7acf-0d4c-408a-9964-f44a4ea2793c",
+      code: "numero_de_broker",
+      image: null,
+      label: "Número de Broker",
+      prefix: "",
+      suffix: "",
+      options: [],
+      multiple: !1,
+      structure: [],
+      validators: [],
+      visibility: {
+        form: !0,
+        roles: [],
+        detail: !0,
+        public: !1,
+        summary: !0
+      },
+      controlType: "input_text"
+    },
+    {
+      id: "8aa0194d-eb5b-4366-8836-75dd53a2ecc3",
+      code: "especializacion",
+      image: null,
+      label: "Especialización",
+      prefix: "",
+      suffix: "",
+      options: [
+        {
+          image: null,
+          label: "Jóvenes profesionales",
+          value: "jovenes_profesionales",
+          condition: "",
+          exclusive: !1
+        },
+        {
+          image: null,
+          label: "Mayores de 55",
+          value: "mayores_de_55",
+          condition: "",
+          exclusive: !1
+        },
+        {
+          image: null,
+          label: "Empleados público",
+          value: "empleados_publico",
+          condition: "",
+          exclusive: !1
+        },
+        {
+          image: null,
+          label: "Trabajadores temporales",
+          value: "trabajadores_temporales",
+          condition: "",
+          exclusive: !1
+        },
+        {
+          image: null,
+          label: "Parejas",
+          value: "parejas",
+          condition: "",
+          exclusive: !1
+        },
+        {
+          image: null,
+          label: "Familias numerosas",
+          value: "familias_numerosas",
+          condition: "",
+          exclusive: !1
+        },
+        {
+          image: null,
+          label: "Personas con discapacidad",
+          value: "personas_con_discapacidad",
+          condition: "",
+          exclusive: !1
+        }
+      ],
+      multiple: !1,
+      structure: [],
+      validators: [],
+      visibility: {
+        form: !0,
+        roles: [],
+        detail: !0,
+        public: !1,
+        summary: !0
+      },
+      controlType: "cards_select"
+    },
+    {
+      id: "e11f27fb-3943-47d7-a270-a01358a81f3f",
+      code: "especializacion_de_residencia",
+      image: null,
+      label: "Especialización de residencia",
+      prefix: "",
+      suffix: "",
+      options: [
+        {
+          image: null,
+          label: "Zonas rurales",
+          value: "zonas_rurales",
+          condition: "",
+          exclusive: !1
+        },
+        {
+          image: null,
+          label: "Áreas metropolitanas ",
+          value: "areas_metropolitanas",
+          condition: "",
+          exclusive: !1
+        },
+        {
+          image: null,
+          label: "Segunda residencia (casa vacacional)",
+          value: "segunda_residencia_casa_vacacional",
+          condition: "",
+          exclusive: !1
+        }
+      ],
+      multiple: !1,
+      structure: [],
+      validators: [],
+      visibility: {
+        form: !0,
+        roles: [],
+        detail: !0,
+        public: !1,
+        summary: !0
+      },
+      controlType: "cards_select"
+    },
+    {
+      id: "0baf5bb3-ea86-4345-bfce-c61975366b9f",
+      code: "fecha_de_inicio",
+      image: null,
+      label: "Fecha de inicio",
+      prefix: "",
+      suffix: "",
+      options: [],
+      multiple: !1,
+      structure: [],
+      validators: [],
+      visibility: {
+        form: !0,
+        roles: [],
+        detail: !0,
+        public: !1,
+        summary: !0
+      },
+      controlType: "input_text"
+    }
+  ]
+};
+export {
+  e as default
+};

package/dist/components/widgets/telephony-card/schema.js

@@ -0,0 +1,22 @@
+import { z as o } from "zod";
+import { WidgetPropsSchema as r } from "../shared/schema.js";
+const i = r.extend({
+  descriptionLines: o.number().optional(),
+  hiddenProps: o.array(o.string()).optional(),
+  gamaProps: o.array(o.record(o.string(), o.any())),
+  context: o.enum(["captacion", "partner"]).default("captacion"),
+  isPublic: o.boolean().optional(),
+  filters: o.object({
+    grupo: o.string().optional(),
+    tipoDeServicio: o.string().optional()
+  }).optional(),
+  queryParams: o.record(o.any()).optional(),
+  cardColor: o.string().optional(),
+  headerColor: o.string().optional(),
+  nameColor: o.string().optional(),
+  titleHeight: o.string().optional(),
+  showHeader: o.boolean().optional()
+});
+export {
+  i as TelephonyCardPropsSchema
+};

package/dist/components/widgets/telmex-card/TelmexCard.vue.js

@@ -0,0 +1,7 @@
+import o from "./TelmexCard.vue2.js";
+/* empty css                */
+import r from "../../../_virtual/_plugin-vue_export-helper.js";
+const a = /* @__PURE__ */ r(o, [["__scopeId", "data-v-3ebd5bf7"]]);
+export {
+  a as default
+};

package/dist/components/widgets/telmex-card/TelmexCard.vue2.js

@@ -0,0 +1,232 @@
+import { defineComponent as M, toRefs as Q, computed as y, createBlock as q, openBlock as i, normalizeStyle as r, withCtx as h, createElementBlock as n, createCommentVNode as b, createVNode as P, unref as s, toDisplayString as _, createElementVNode as o, Fragment as O, renderList as B, createTextVNode as N, withModifiers as $ } from "vue";
+import { l as C } from "../../../node_modules/lodash/lodash.js";
+import { QCardSection as A, QChip as j, QBtn as G } from "quasar";
+import W from "../../Common/Card.vue.js";
+const U = {
+  class: "row justify-center q-mb-sm",
+  style: { height: "45px" }
+}, J = { class: "features-list text-black" }, K = { class: "promo-section text-caption" }, X = {
+  key: 0,
+  class: "row items-center no-wrap text-black"
+}, Y = {
+  key: 1,
+  class: "row items-center no-wrap text-black",
+  style: { "white-space": "nowrap", overflow: "hidden", "text-overflow": "ellipsis" }
+}, Z = {
+  key: 2,
+  class: "row items-center no-wrap text-black",
+  style: { "white-space": "nowrap", overflow: "hidden", "text-overflow": "ellipsis" }
+}, ee = { class: "row text-black items-center justify-center q-mb-md" }, te = { class: "text-h2 text-bold text-black" }, ae = {
+  key: 0,
+  class: "q-pa-sm"
+}, se = /* @__PURE__ */ M({
+  __name: "TelmexCard",
+  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: "3.75rem" },
+    showHeader: { type: Boolean },
+    data: {},
+    gamaProps: {},
+    context: {},
+    grupo: {},
+    tipoDeServicio: {},
+    headerColor: { default: "#0167ED" },
+    nameColor: {},
+    filters: {},
+    queryParams: {},
+    color: { default: "#d83121" }
+  },
+  emits: ["on-event"],
+  setup(E, { emit: L }) {
+    const w = L, a = E, { data: l } = Q(a), V = y(() => {
+      var t, e;
+      return (e = (t = l.value) == null ? void 0 : t.NOMBRE) == null ? void 0 : e.toLowerCase();
+    }), x = y(() => {
+      var t;
+      return (t = l.value) == null ? void 0 : t.DESCRIPCION_CORTA;
+    }), T = y(
+      () => {
+        var t, e;
+        return C.compact(((e = (t = l.value) == null ? void 0 : t.TAGS) == null ? void 0 : e.split(",")) || []);
+      }
+    ), D = y(() => {
+      var t;
+      return Number(((t = l.value) == null ? void 0 : t.PRECIO) || 0);
+    }), F = y(() => {
+      var c, d, u, p;
+      const t = Number(((d = (c = l.value) == null ? void 0 : c.PROPS) == null ? void 0 : d.lineas_telefonicas) || 0), e = (p = (u = l.value) == null ? void 0 : u.PROPS) == null ? void 0 : p.claro_drive;
+      return C.compact([
+        t ? {
+          key: "lineas_telefonicas",
+          label: `${t} líneas telefónicas`
+        } : null,
+        e && e !== "none" ? {
+          key: "claro_drive",
+          label: `Claro Drive ${(e == null ? void 0 : e.replace(/_/g, " ")) || ""}`
+        } : null,
+        { key: "llamadas_ilimitadas", label: "Llamadas ilimitadas" },
+        { key: "claro_video_paramounts", label: "Claro Video Paramount+" },
+        { key: "correo_negocio", label: "Correo Negocio" },
+        { key: "antivirus", label: "Antivirus" },
+        {
+          key: "facturacion_electronica",
+          label: "Facturación electrónica (Aspel ADM)"
+        },
+        { key: "seccion_amarilla", label: "Sección Amarilla" },
+        { key: "respaldo_info", label: "Respaldo de información" },
+        { key: "pagina_web", label: "Página web" },
+        { key: "facebook_fanpage", label: "Facebook Fanpage" },
+        { key: "google_mi_negocio", label: "Google Mi Negocio" },
+        { key: "whatsapp_empresarial", label: "WhatsApp Empresarial" },
+        { key: "videoconferencia_telmex", label: "Videoconferencia Telmex" }
+      ]).filter((m) => {
+        var k, f;
+        return (f = (k = l.value) == null ? void 0 : k.PROPS) == null ? void 0 : f[m.key];
+      }).slice(0, 5);
+    }), z = () => {
+      w("on-event", {
+        code: "contratar_click",
+        payload: { data: l.value }
+      });
+    }, H = () => {
+      a.isPublic || w("on-event", {
+        code: "card_click",
+        payload: { data: l.value }
+      });
+    }, I = y(() => {
+      var c, d, u, p;
+      const t = ((d = (c = l.value) == null ? void 0 : c.PROPS) == null ? void 0 : d.velocidad_de_internet_megas) || 0, e = (u = a.gamaProps) == null ? void 0 : u.find(
+        (m) => m.code === "velocidad_de_internet_megas"
+      ), v = (p = e == null ? void 0 : e.options) == null ? void 0 : p.find((m) => m.value === t);
+      return ((v == null ? void 0 : v.label) || String(t)).toUpperCase();
+    });
+    return (t, e) => (i(), q(W, {
+      class: "card-custom",
+      loading: t.fetching,
+      "no-padding": "",
+      unelevated: t.unelevated,
+      "border-radius": t.borderRadius,
+      hoverable: t.hoverable,
+      style: r({ scale: a.scale ?? 1 }),
+      onClick: H,
+      contentStyle: "height: 100%"
+    }, {
+      default: h(() => {
+        var v, c;
+        return [
+          (c = (v = s(l)) == null ? void 0 : v.PROPS) != null && c.velocidad_de_internet_megas ? (i(), n("div", {
+            key: 0,
+            class: "header text-h5 text-center text-white q-pa-md text-bold",
+            style: r({ backgroundColor: a.headerColor || a.color })
+          }, _(I.value), 5)) : b("", !0),
+          P(s(A), { class: "q-pa-lg" }, {
+            default: h(() => {
+              var d, u, p, m, k, f, S, R;
+              return [
+                o("div", U, [
+                  (i(!0), n(O, null, B(T.value, (g) => (i(), q(s(j), {
+                    key: g,
+                    outline: "",
+                    size: "md",
+                    style: r({ borderColor: a.color })
+                  }, {
+                    default: h(() => [
+                      N(_(s(C.capitalize)(g)), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["style"]))), 128))
+                ]),
+                o("div", {
+                  class: "name-container",
+                  style: r({ height: a.titleHeight })
+                }, [
+                  o("div", {
+                    class: "name q-my-sm text-black",
+                    style: r({ color: a.nameColor })
+                  }, _(s(C.capitalize)(V.value)), 5)
+                ], 4),
+                x.value ? (i(), n("div", {
+                  key: 0,
+                  class: "description text-black q-my-md",
+                  style: r({
+                    lineClamp: a.descriptionLines,
+                    WebkitLineClamp: a.descriptionLines
+                  })
+                }, _(x.value), 5)) : b("", !0),
+                o("ul", J, [
+                  (i(!0), n(O, null, B(F.value, (g) => (i(), n("li", {
+                    key: g.key
+                  }, _(g.label), 1))), 128))
+                ]),
+                o("div", K, [
+                  (p = (u = (d = s(l)) == null ? void 0 : d.PROPS) == null ? void 0 : u.promocion_portabilidad) != null && p.length ? (i(), n("div", X, [
+                    o("div", {
+                      style: r({ backgroundColor: a.color }),
+                      class: "promo-indicator q-mr-sm"
+                    }, null, 4),
+                    e[0] || (e[0] = o("div", null, "Promoción de Portabilidad", -1))
+                  ])) : b("", !0),
+                  (f = (k = (m = s(l)) == null ? void 0 : m.PROPS) == null ? void 0 : k.promocion_altas) != null && f.length ? (i(), n("div", Y, [
+                    o("div", {
+                      style: r({ backgroundColor: a.color }),
+                      class: "promo-indicator q-mr-sm"
+                    }, null, 4),
+                    e[1] || (e[1] = o("div", null, "Promoción Alta Internet, Recuperado, Sólo clientes", -1))
+                  ])) : b("", !0),
+                  (R = (S = s(l)) == null ? void 0 : S.PROPS) != null && R.permite_alta_por_internet_recuperado ? (i(), n("div", Z, [
+                    o("div", {
+                      style: r({ backgroundColor: a.color }),
+                      class: "promo-indicator q-mr-sm"
+                    }, null, 4),
+                    e[2] || (e[2] = o("div", null, "Permite alta por internet recuperado", -1))
+                  ])) : b("", !0)
+                ])
+              ];
+            }),
+            _: 1
+          }),
+          P(s(A), {
+            class: "q-pa-lg q-mt-auto",
+            style: { "padding-top": "0" }
+          }, {
+            default: h(() => [
+              o("div", ee, [
+                o("span", te, "$" + _(D.value), 1),
+                e[3] || (e[3] = o("span", { class: "text-caption q-pl-sm q-pt-sm" }, "al mes", -1))
+              ]),
+              t.isPublic ? (i(), n("div", ae, [
+                P(s(G), {
+                  class: "full-width text-bold",
+                  style: r({ backgroundColor: a.color }),
+                  "text-color": "white",
+                  "no-caps": "",
+                  unelevated: "",
+                  onClick: $(z, ["stop"])
+                }, {
+                  default: h(() => [...e[4] || (e[4] = [
+                    N(" Contratar ahora ", -1)
+                  ])]),
+                  _: 1
+                }, 8, ["style"])
+              ])) : b("", !0)
+            ]),
+            _: 1
+          })
+        ];
+      }),
+      _: 1
+    }, 8, ["loading", "unelevated", "border-radius", "hoverable", "style"]));
+  }
+});
+export {
+  se as default
+};