@win2win/shared-ui 0.3.238 → 0.3.239

package/dist/components/widgets/telmex-product-detail/components/ProductInfo.vue.js

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

package/dist/components/widgets/telmex-product-detail/components/ProductInfo.vue2.js

@@ -0,0 +1,316 @@
+import { defineComponent as ie, ref as q, provide as U, toRefs as ne, computed as u, resolveComponent as ce, createElementBlock as a, openBlock as l, Fragment as h, createElementVNode as o, createBlock as B, createCommentVNode as i, unref as s, createVNode as E, renderList as R, normalizeStyle as P, withCtx as H, createTextVNode as S, toDisplayString as b, withModifiers as de } from "vue";
+import ue from "../../../Common/IconButton.vue.js";
+import me from "../../../Common/StateIndicator.vue.js";
+import { l as m } from "../../../../node_modules/lodash/lodash.js";
+import { toProductLite as pe } from "../../shared/helpers.js";
+import _e from "./ProductLongDescription.vue.js";
+import ve from "./ProductShortDescription.vue.js";
+import { QBtn as be } from "quasar";
+const ke = { class: "row justify-end" }, ye = { class: "text-h4 text-bold text-black q-mb-sm" }, ge = {
+  key: 0,
+  class: "row q-my-sm"
+}, xe = {
+  key: 1,
+  class: "row items-end q-mb-md text-black"
+}, fe = { class: "text-h2 text-bold" }, he = {
+  key: 2,
+  class: "q-my-md"
+}, Pe = { class: "row" }, Ce = {
+  key: 0,
+  class: "q-mt-md text-black col-md-4"
+}, we = { class: "features-list text-black" }, qe = {
+  key: 1,
+  class: "q-mt-md text-black col-md-4"
+}, Re = { class: "features-list text-black" }, Se = {
+  key: 2,
+  class: "q-mt-md text-black col-md-4"
+}, Ae = { class: "features-list text-black" }, Oe = {
+  key: 3,
+  class: "q-my-md row items-center"
+}, Fe = {
+  key: 4,
+  class: "q-my-md text-black"
+}, Be = {
+  key: 0,
+  class: "q-mb-xs"
+}, Ee = { class: "row items-center q-mb-xs" }, Ie = { class: "text-bold" }, Ne = {
+  key: 1,
+  class: "q-mb-md"
+}, Ve = { class: "row items-center q-mb-xs" }, Me = { class: "text-bold" }, Te = {
+  key: 2,
+  class: "q-mb-md"
+}, De = { class: "row items-center q-mb-xs" }, ze = { class: "row" }, $e = "https://w2w-files.s3.amazonaws.com/telmex/93bbb8355e56f9c9_claro%20video.jpeg", je = "https://w2w-files.s3.amazonaws.com/telmex/cb555179b73aecab_paramount.jpeg", Ye = /* @__PURE__ */ ie({
+  __name: "ProductInfo",
+  props: {
+    isPublic: { type: Boolean },
+    fetching: { type: Boolean },
+    scale: {},
+    count: {},
+    imageHeight: {},
+    borderRadius: {},
+    unelevated: { type: Boolean },
+    hoverable: { type: Boolean },
+    view: { default: "detail" },
+    title: {},
+    data: {},
+    gamaProps: {},
+    cardColor: {},
+    color: { default: "#d83121" },
+    showPrice: { type: Function, default: () => !0 }
+  },
+  emits: ["click-contractar", "on-event"],
+  setup(W, { emit: J }) {
+    q(!1);
+    const A = J;
+    U("emit", A);
+    const v = W, K = q(1), { data: _, isPublic: C, gamaProps: X, count: Y, color: Z } = ne(v), ee = u(() => {
+      var t;
+      return ((t = v.showPrice) == null ? void 0 : t.call(v, _.value)) ?? !0;
+    }), n = u(() => pe(_.value)), te = u(() => {
+      var t, e;
+      return (e = (t = n.value) == null ? void 0 : t.nombre) == null ? void 0 : e.toUpperCase();
+    }), oe = u(
+      () => {
+        var t, e;
+        return m.compact(((e = (t = n.value) == null ? void 0 : t.tags) == null ? void 0 : e.split(",")) || []);
+      }
+    ), le = q(null), ae = q([]);
+    U("context", {
+      product: n,
+      slide: K,
+      isPublic: C,
+      selectedPackProduct: le,
+      images: ae,
+      count: Y,
+      gamaProps: X,
+      showPrice: ee
+    });
+    const I = u(() => {
+      var t;
+      return Number(((t = n.value) == null ? void 0 : t.precio) || 0);
+    }), se = () => {
+      var t;
+      return A("on-event", {
+        code: "edit_product",
+        payload: {
+          id: (t = n.value) == null ? void 0 : t.id,
+          detallePackComponent: "perdm_telephony",
+          hiddenTabs: ["proveedores", "prices"],
+          hidePriceTaxInputs: !0
+        }
+      });
+    }, k = (t) => t ? (m.isArray(t) ? t : [t]).map(String) : [], N = u(
+      () => {
+        var t, e, p, c;
+        return k((e = (t = n.value) == null ? void 0 : t.props) == null ? void 0 : e.cliente_ideal).concat(
+          k((c = (p = n.value) == null ? void 0 : p.props) == null ? void 0 : c.cliente_ideal_negocio)
+        );
+      }
+    ), V = u(
+      () => {
+        var t, e, p, c;
+        return k((e = (t = n.value) == null ? void 0 : t.props) == null ? void 0 : e.uso_recomendado).concat(
+          k((c = (p = n.value) == null ? void 0 : p.props) == null ? void 0 : c.uso_recomendado_negocio)
+        );
+      }
+    ), O = u(
+      () => {
+        var t, e;
+        return k((e = (t = n.value) == null ? void 0 : t.props) == null ? void 0 : e.promocion_portabilidad);
+      }
+    ), F = u(
+      () => {
+        var t, e;
+        return k((e = (t = n.value) == null ? void 0 : t.props) == null ? void 0 : e.promocion_altas);
+      }
+    ), re = u(
+      () => {
+        var t, e;
+        return !!((e = (t = _.value) == null ? void 0 : t.PROPS) != null && e.permite_alta_por_internet_recuperado);
+      }
+    ), M = u(() => {
+      var e, p, c, y, g;
+      return [
+        {
+          key: "lineas_telefonicas",
+          label: `${(p = (e = _.value) == null ? void 0 : e.PROPS) == null ? void 0 : p.lineas_telefonicas} líneas telefónicas`
+        },
+        {
+          key: "claro_drive",
+          label: `Claro Drive ${((g = (y = (c = _.value) == null ? void 0 : c.PROPS) == null ? void 0 : y.claro_drive) == null ? void 0 : g.replace(/_/g, " ")) || ""}`
+        },
+        { 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((w) => {
+        var x, f;
+        return (f = (x = _.value) == null ? void 0 : x.PROPS) == null ? void 0 : f[w.key];
+      }).slice(0, 5);
+    });
+    return (t, e) => {
+      var c, y, g, w, x, f, T, D, z, $, j, L, G, Q;
+      const p = ce("QChip");
+      return l(), a(h, null, [
+        o("div", ke, [
+          s(C) ? i("", !0) : (l(), B(ue, {
+            key: 0,
+            icon: "edit",
+            sm: "",
+            onClick: se
+          }))
+        ]),
+        o("div", null, [
+          o("div", null, [
+            o("div", null, [
+              (l(!0), a(h, null, R(oe.value, (r) => (l(), B(p, {
+                outline: "",
+                key: r,
+                size: "md",
+                class: "q-mx-xs q-mb-md",
+                style: P({ borderColor: s(Z) })
+              }, {
+                default: H(() => [
+                  S(b(s(m.capitalize)(r)), 1)
+                ]),
+                _: 2
+              }, 1032, ["style"]))), 128))
+            ]),
+            o("div", ye, b(te.value || ""), 1),
+            s(C) ? i("", !0) : (l(), a("div", ge, [
+              (c = s(_)) != null && c.R_ESTADO ? (l(), B(me, {
+                key: 0,
+                label: (g = (y = s(_)) == null ? void 0 : y.R_ESTADO) == null ? void 0 : g.NAME,
+                color: (x = (w = s(_)) == null ? void 0 : w.R_ESTADO) == null ? void 0 : x.COLOR
+              }, null, 8, ["label", "color"])) : i("", !0)
+            ])),
+            I.value ? (l(), a("div", xe, [
+              o("span", fe, "$" + b(I.value), 1),
+              e[1] || (e[1] = o("span", { class: "text-caption q-pl-sm q-pb-sm" }, " al mes", -1))
+            ])) : i("", !0),
+            E(ve),
+            s(C) ? (l(), a("div", he, [
+              E(s(be), {
+                class: "text-bold",
+                style: P({ backgroundColor: v.color }),
+                "text-color": "white",
+                size: "lg",
+                "no-caps": "",
+                unelevated: "",
+                onClick: e[0] || (e[0] = de((r) => A("click-contractar"), ["stop"]))
+              }, {
+                default: H(() => [...e[2] || (e[2] = [
+                  S(" Contratar ahora ", -1)
+                ])]),
+                _: 1
+              }, 8, ["style"])
+            ])) : i("", !0),
+            o("div", Pe, [
+              (f = M.value) != null && f.length ? (l(), a("div", Ce, [
+                e[3] || (e[3] = o("div", { class: "text-bold q-pl-md-lg" }, "Características:", -1)),
+                o("ul", we, [
+                  (l(!0), a(h, null, R(M.value, (r) => (l(), a("li", {
+                    key: r.key
+                  }, b(r.label), 1))), 128))
+                ])
+              ])) : i("", !0),
+              (T = N.value) != null && T.length ? (l(), a("div", qe, [
+                e[4] || (e[4] = o("div", { class: "text-bold q-pl-md-lg" }, "Ideal para:", -1)),
+                o("ul", Re, [
+                  (l(!0), a(h, null, R(N.value, (r) => {
+                    var d;
+                    return l(), a("li", { key: r }, b((d = s(m.upperFirst)(s(m.snakeCase)(r))) == null ? void 0 : d.replace(/_/g, " ")), 1);
+                  }), 128))
+                ])
+              ])) : i("", !0),
+              (D = V.value) != null && D.length ? (l(), a("div", Se, [
+                e[5] || (e[5] = o("div", { class: "text-bold q-pl-md-lg" }, "Uso recomendado:", -1)),
+                o("ul", Ae, [
+                  (l(!0), a(h, null, R(V.value, (r) => {
+                    var d;
+                    return l(), a("li", { key: r }, b((d = s(m.upperFirst)(s(m.snakeCase)(r))) == null ? void 0 : d.replace(/_/g, " ")), 1);
+                  }), 128))
+                ])
+              ])) : i("", !0)
+            ]),
+            ($ = (z = n.value) == null ? void 0 : z.props) != null && $.claro_video_paramounts ? (l(), a("div", Oe, [
+              o("img", {
+                src: $e,
+                alt: "Claro video",
+                style: { height: "50px", width: "50px", "border-radius": "8px" },
+                class: "q-mr-md"
+              }),
+              o("img", {
+                src: je,
+                alt: "Paramount+",
+                style: { height: "40px", width: "40px", "border-radius": "8px" }
+              })
+            ])) : i("", !0),
+            (j = O.value) != null && j.length || (L = F.value) != null && L.length ? (l(), a("div", Fe, [
+              (G = F.value) != null && G.length ? (l(), a("div", Be, [
+                o("div", Ee, [
+                  o("div", {
+                    class: "promo-indicator q-mr-sm",
+                    style: P({ backgroundColor: v.color })
+                  }, null, 4),
+                  o("div", null, [
+                    e[6] || (e[6] = S(" Promoción Alta Internet, Recuperado, Sólo clientes, Megacable: ", -1)),
+                    o("span", Ie, b(F.value.map(
+                      (r) => {
+                        var d;
+                        return (d = s(m.upperFirst)(s(m.snakeCase)(r))) == null ? void 0 : d.replace(/_/g, " ");
+                      }
+                    ).join(", ")), 1)
+                  ])
+                ])
+              ])) : i("", !0),
+              (Q = O.value) != null && Q.length ? (l(), a("div", Ne, [
+                o("div", Ve, [
+                  o("div", {
+                    class: "promo-indicator q-mr-sm",
+                    style: P({ backgroundColor: v.color })
+                  }, null, 4),
+                  o("div", null, [
+                    e[7] || (e[7] = S(" Promoción de Portabilidad: ", -1)),
+                    o("span", Me, b(O.value.map(
+                      (r) => {
+                        var d;
+                        return (d = s(m.upperFirst)(s(m.snakeCase)(r))) == null ? void 0 : d.replace(/_/g, " ");
+                      }
+                    ).join(", ")), 1)
+                  ])
+                ])
+              ])) : i("", !0),
+              re.value ? (l(), a("div", Te, [
+                o("div", De, [
+                  o("div", {
+                    class: "promo-indicator q-mr-sm",
+                    style: P({ backgroundColor: v.color })
+                  }, null, 4),
+                  e[8] || (e[8] = o("div", null, "Permite alta por internet recuperado", -1))
+                ])
+              ])) : i("", !0)
+            ])) : i("", !0)
+          ])
+        ]),
+        o("div", ze, [
+          E(_e)
+        ])
+      ], 64);
+    };
+  }
+});
+export {
+  Ye as default
+};

package/dist/components/widgets/telmex-product-detail/components/ProductLongDescription.vue.js

@@ -0,0 +1,21 @@
+import { defineComponent as r, computed as s, createElementBlock as d, createCommentVNode as i, openBlock as l, createElementVNode as n, toDisplayString as m } from "vue";
+import { useContext as p } from "../useContext.js";
+const a = {
+  key: 0,
+  class: "q-mt-md text-black col-12"
+}, v = /* @__PURE__ */ r({
+  __name: "ProductLongDescription",
+  setup(u) {
+    const { product: c } = p(), t = s(() => {
+      var e;
+      return (e = c.value) == null ? void 0 : e.descripcion;
+    });
+    return (e, o) => t.value ? (l(), d("div", a, [
+      o[0] || (o[0] = n("div", { class: "font-bold text-h6" }, "Información del producto", -1)),
+      n("div", null, m(t.value), 1)
+    ])) : i("", !0);
+  }
+});
+export {
+  v as default
+};

package/dist/components/widgets/telmex-product-detail/components/ProductLongDescription.vue2.js

@@ -0,0 +1,4 @@
+import f from "./ProductLongDescription.vue.js";
+export {
+  f as default
+};

package/dist/components/widgets/telmex-product-detail/components/ProductShortDescription.vue.js

@@ -0,0 +1,20 @@
+import { defineComponent as n, computed as s, createElementBlock as o, openBlock as c, createCommentVNode as a, toDisplayString as i } from "vue";
+import { useContext as p } from "../useContext.js";
+const u = { style: { "font-size": "16px", "max-height": "300px", "overflow-y": "auto" } }, _ = {
+  key: 0,
+  class: "text-black"
+}, f = /* @__PURE__ */ n({
+  __name: "ProductShortDescription",
+  setup(l) {
+    const { product: r } = p(), e = s(() => {
+      var t;
+      return ((t = r.value) == null ? void 0 : t.descripcion_corta) || "";
+    });
+    return (t, m) => (c(), o("div", u, [
+      e.value ? (c(), o("div", _, i(e.value), 1)) : a("", !0)
+    ]));
+  }
+});
+export {
+  f as default
+};

package/dist/components/widgets/telmex-product-detail/components/ProductShortDescription.vue2.js

@@ -0,0 +1,4 @@
+import f from "./ProductShortDescription.vue.js";
+export {
+  f as default
+};

package/dist/components/widgets/telmex-product-detail/components/TotalOrder.vue.js

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

package/dist/components/widgets/telmex-product-detail/components/TotalOrder.vue2.js

@@ -0,0 +1,52 @@
+import { defineComponent as h, toRefs as f, resolveComponent as C, createElementBlock as o, createCommentVNode as p, unref as e, openBlock as n, createElementVNode as t, createVNode as v, toDisplayString as s, Fragment as x, renderList as N, normalizeStyle as b } from "vue";
+import "../../../../node_modules/@win2win/shared/dist/index.js";
+import { __exports as a } from "../../../../_virtual/index.js";
+const w = {
+  key: 0,
+  class: "total-container q-mb-md"
+}, g = { class: "total-breakdown" }, k = { class: "row justify-between items-center q-mb-xs gt-sm" }, q = { class: "text-weight-medium" }, E = { class: "lt-md" }, P = { key: 0 }, B = { class: "row justify-between items-center text-bold" }, R = /* @__PURE__ */ h({
+  __name: "TotalOrder",
+  props: [
+    "totalPrice",
+    "selectedComplementsData",
+    "priceValue",
+    "name",
+    "color"
+  ],
+  setup(_) {
+    const c = _, { totalPrice: i, selectedComplementsData: r, priceValue: u, name: m, color: D } = f(c);
+    return (O, d) => {
+      const y = C("q-separator");
+      return e(i) > 0 ? (n(), o("div", w, [
+        t("div", g, [
+          t("div", k, [
+            t("span", null, "PLAN BASE " + s(e(m)) + ":", 1),
+            t("span", q, s(e(a.toCurrency)(e(u), "MXN")) + " al mes ", 1)
+          ]),
+          (n(!0), o(x, null, N(e(r), (l) => (n(), o("div", {
+            key: l.ID_PRODUCTO,
+            class: "row justify-between items-center q-mb-xs gt-sm"
+          }, [
+            t("span", null, s(l.NOMBRE) + ":", 1),
+            t("span", null, "+" + s(e(a.toCurrency)(l.PRECIO, "MXN")) + " al mes", 1)
+          ]))), 128)),
+          t("div", E, [
+            t("div", null, "PLAN BASE " + s(e(m)), 1),
+            e(r).length ? (n(), o("div", P, " +" + s(e(r).length) + " complementos ", 1)) : p("", !0)
+          ]),
+          v(y, { class: "q-my-sm" }),
+          t("div", B, [
+            d[0] || (d[0] = t("span", { class: "text-h6" }, "Total:", -1)),
+            t("span", {
+              class: "text-h6",
+              style: b({ color: c.color })
+            }, s(e(a.toCurrency)(e(i), "MXN")) + " al mes ", 5)
+          ])
+        ])
+      ])) : p("", !0);
+    };
+  }
+});
+export {
+  R as default
+};