@win2win/shared-ui 0.3.237 → 0.3.239

package/dist/components/widgets/perdm-telephony-product-detail/PerdmTelephonyProductDetail.vue2.js

@@ -0,0 +1,263 @@
+import { defineComponent as ue, provide as Q, ref as S, toRefs as ce, computed as h, createElementBlock as s, openBlock as l, Fragment as P, createElementVNode as r, createCommentVNode as y, createBlock as A, unref as n, createVNode as L, renderList as E, normalizeStyle as K, withCtx as U, createTextVNode as W, toDisplayString as C, withModifiers as de } from "vue";
+import { QChip as pe, QBtn as me } from "quasar";
+import ve from "../../Common/IconButton.vue.js";
+import _e from "../../Common/StateIndicator.vue.js";
+import { toProductLite as fe } from "../shared/helpers.js";
+import ge from "./components/ProductLongDescription.vue.js";
+import he from "./components/ProductShortDescription.vue.js";
+import { l as v } from "../../../node_modules/lodash/lodash.js";
+const ye = { class: "row justify-end" }, xe = { class: "text-h5 text-bold text-black" }, be = {
+  key: 0,
+  class: "row q-my-sm"
+}, ke = {
+  key: 1,
+  class: "row items-end q-mb-md text-black"
+}, Pe = { class: "text-h2 text-bold" }, Ce = { class: "row" }, we = { class: "col-md-7 col-12" }, Ee = {
+  key: 0,
+  class: "row q-my-sm"
+}, qe = { class: "q-mx-sm" }, Oe = ["src"], Re = {
+  key: 2,
+  class: "q-mt-md text-black"
+}, Se = { style: { "margin-top": "8px" } }, Ae = {
+  key: 3,
+  class: "q-mt-md text-black"
+}, Le = { style: { "margin-top": "8px" } }, Te = {
+  key: 4,
+  class: "q-mt-md text-black"
+}, Be = { style: { "margin-top": "8px" } }, Ve = {
+  key: 5,
+  class: "q-mt-md text-black"
+}, De = { style: { "margin-top": "8px" } }, Fe = {
+  key: 0,
+  class: "row q-mt-lg"
+}, Ie = { class: "row" }, We = /* @__PURE__ */ ue({
+  __name: "PerdmTelephonyProductDetail",
+  props: {
+    isPublic: { type: Boolean },
+    fetching: { type: Boolean },
+    scale: {},
+    count: {},
+    imageHeight: {},
+    borderRadius: {},
+    unelevated: { type: Boolean },
+    hoverable: { type: Boolean },
+    view: { default: "detail" },
+    title: {},
+    data: {},
+    gamaProps: {},
+    cardColor: {},
+    showPrice: { type: Function, default: () => !0 }
+  },
+  emits: ["on-event"],
+  setup(G, { emit: J }) {
+    const R = J;
+    Q("emit", R);
+    const w = G, X = S(1), { data: x, isPublic: q, gamaProps: T, count: Y } = ce(w), Z = h(() => {
+      var e;
+      return ((e = w.showPrice) == null ? void 0 : e.call(w, x.value)) ?? !0;
+    }), u = h(() => fe(x.value)), ee = h(() => {
+      var e, t;
+      return (t = (e = u.value) == null ? void 0 : e.nombre) == null ? void 0 : t.toLowerCase();
+    }), te = h(() => {
+      var e, t;
+      return (t = (e = u.value) == null ? void 0 : e.tags) == null ? void 0 : t.split(",");
+    }), oe = S(null), le = S([]);
+    Q("context", {
+      product: u,
+      slide: X,
+      isPublic: q,
+      selectedPackProduct: oe,
+      images: le,
+      count: Y,
+      gamaProps: T,
+      showPrice: Z
+    });
+    const se = h(() => {
+      var e;
+      return ((e = u.value) == null ? void 0 : e.props) || {};
+    }), B = (e, t) => e.find((i) => i.value === t) || t, ae = (e) => {
+      var i;
+      const t = se.value[e], a = T.value.find((p) => p.code === e);
+      return (i = a == null ? void 0 : a.options) != null && i.length ? v.isArray(t) ? t.map((p) => B(a.options, p)) : B(a.options, t) : t;
+    }, re = h(() => ae("complementos")), V = h(() => {
+      var a, i, p;
+      const e = (a = re.value) == null ? void 0 : a.map((o) => {
+        var c;
+        return {
+          src: (c = o == null ? void 0 : o.image) == null ? void 0 : c.src,
+          label: o.label
+        };
+      });
+      if (e != null && e.length)
+        return e;
+      const t = ((p = (i = u.value) == null ? void 0 : i.detalle_pack) == null ? void 0 : p.filter(
+        (o) => {
+          var c, _, f, g, b;
+          return ((f = (_ = (c = o == null ? void 0 : o.DETALLE) == null ? void 0 : c.PROPS) == null ? void 0 : _.familia) == null ? void 0 : f.some(
+            (k) => ["streaming", "app"].includes(k)
+          )) && ((b = (g = o == null ? void 0 : o.DETALLE) == null ? void 0 : g.ARCHIVOS) == null ? void 0 : b.length);
+        }
+      )) || [];
+      return t == null ? void 0 : t.map((o) => {
+        var c, _, f, g;
+        return {
+          src: (f = (_ = (c = o == null ? void 0 : o.DETALLE) == null ? void 0 : c.ARCHIVOS) == null ? void 0 : _[0]) == null ? void 0 : f.LOCATION,
+          label: (g = o == null ? void 0 : o.DETALLE) == null ? void 0 : g.NOMBRE
+        };
+      });
+    }), D = h(() => {
+      var e;
+      return Number(((e = u.value) == null ? void 0 : e.precio) || 0);
+    }), ne = () => {
+      var e;
+      return R("on-event", {
+        code: "edit_product",
+        payload: {
+          id: (e = u.value) == null ? void 0 : e.id,
+          detallePackComponent: "perdm_telephony",
+          hiddenTabs: ["proveedores", "prices"],
+          hidePriceTaxInputs: !0
+        }
+      });
+    }, O = h(
+      () => {
+        var e, t, a, i;
+        return (((t = (e = u.value) == null ? void 0 : e.props) == null ? void 0 : t.ideal_para_residenciales) || []).concat(
+          ((i = (a = u.value) == null ? void 0 : a.props) == null ? void 0 : i.ideal_para_negocio) || []
+        );
+      }
+    ), F = h(() => {
+      var e, t, a, i, p, o, c, _, f, g, b, k;
+      return w.cardColor ? w.cardColor : (a = (t = (e = x.value) == null ? void 0 : e.PROPS) == null ? void 0 : t.familia) != null && a.includes("movil") ? "#D60270" : (o = (p = (i = x.value) == null ? void 0 : i.PROPS) == null ? void 0 : p.familia) != null && o.includes("tv") ? "#FFA807" : (f = (_ = (c = x.value) == null ? void 0 : c.PROPS) == null ? void 0 : _.familia) != null && f.includes("streaming") && ((k = (b = (g = x.value) == null ? void 0 : g.PROPS) == null ? void 0 : b.familia) == null ? void 0 : k.length) == 1 ? "black" : "#00C1B5";
+    }), ie = () => {
+      const e = v.omit(u.value, "images", "table_estado");
+      R("on-event", {
+        code: "add_to_shopcart",
+        payload: {
+          product: v.mapKeys(
+            { ...e, id_producto: e.id },
+            (t, a) => a.toUpperCase()
+          ),
+          quantity: 1,
+          props: null
+        }
+      });
+    };
+    return (e, t) => {
+      var a, i, p, o, c, _, f, g, b, k, I, N, j, z, H, M, $;
+      return l(), s(P, null, [
+        r("div", ye, [
+          n(q) ? y("", !0) : (l(), A(ve, {
+            key: 0,
+            icon: "edit",
+            sm: "",
+            onClick: ne
+          }))
+        ]),
+        r("div", null, [
+          r("div", null, [
+            r("div", null, [
+              (l(!0), s(P, null, E(te.value, (m) => (l(), A(n(pe), {
+                outline: "",
+                key: m,
+                size: "md",
+                class: "q-mx-xs q-mb-md",
+                style: K({ borderColor: F.value })
+              }, {
+                default: U(() => [
+                  W(C(n(v.capitalize)(m)), 1)
+                ]),
+                _: 2
+              }, 1032, ["style"]))), 128))
+            ]),
+            r("div", xe, C(ee.value || ""), 1),
+            n(q) ? y("", !0) : (l(), s("div", be, [
+              (a = n(x)) != null && a.R_ESTADO ? (l(), A(_e, {
+                key: 0,
+                label: (p = (i = n(x)) == null ? void 0 : i.R_ESTADO) == null ? void 0 : p.NAME,
+                color: (c = (o = n(x)) == null ? void 0 : o.R_ESTADO) == null ? void 0 : c.COLOR
+              }, null, 8, ["label", "color"])) : y("", !0)
+            ])),
+            D.value ? (l(), s("div", ke, [
+              r("span", Pe, "$" + C(D.value), 1),
+              t[0] || (t[0] = r("span", { class: "text-caption q-pl-sm q-pb-sm" }, " al mes", -1))
+            ])) : y("", !0),
+            r("div", Ce, [
+              r("div", we, [
+                V.value.length ? (l(), s("div", Ee, [
+                  (l(!0), s(P, null, E(V.value, (m, d) => (l(), s("div", qe, [
+                    (l(), s("img", {
+                      key: d,
+                      src: m.src,
+                      class: "streaming-img q-mr-md"
+                    }, null, 8, Oe))
+                  ]))), 256))
+                ])) : y("", !0)
+              ])
+            ]),
+            L(he),
+            (_ = O.value) != null && _.length ? (l(), s("div", Re, [
+              t[1] || (t[1] = r("div", { class: "text-bold" }, "Ideal para:", -1)),
+              r("ul", Se, [
+                (l(!0), s(P, null, E(O.value, (m) => {
+                  var d;
+                  return l(), s("li", null, C((d = n(v.upperFirst)(n(v.snakeCase)(m))) == null ? void 0 : d.replace(/_/g, " ")), 1);
+                }), 256))
+              ])
+            ])) : y("", !0),
+            (f = O.value) != null && f.length ? (l(), s("div", Ae, [
+              t[2] || (t[2] = r("div", { class: "text-bold" }, "Ideal para:", -1)),
+              r("ul", Le, [
+                (l(!0), s(P, null, E(O.value, (m) => {
+                  var d;
+                  return l(), s("li", null, C((d = n(v.upperFirst)(n(v.snakeCase)(m))) == null ? void 0 : d.replace(/_/g, " ")), 1);
+                }), 256))
+              ])
+            ])) : y("", !0),
+            (k = (b = (g = u.value) == null ? void 0 : g.props) == null ? void 0 : b.ventajas) != null && k.length ? (l(), s("div", Te, [
+              t[3] || (t[3] = r("div", { class: "text-bold" }, "Ventajas/Beneficios:", -1)),
+              r("ul", Be, [
+                (l(!0), s(P, null, E((N = (I = u.value) == null ? void 0 : I.props) == null ? void 0 : N.ventajas, (m) => {
+                  var d;
+                  return l(), s("li", null, C((d = n(v.upperFirst)(n(v.snakeCase)(m))) == null ? void 0 : d.replace(/_/g, " ")), 1);
+                }), 256))
+              ])
+            ])) : y("", !0),
+            (H = (z = (j = u.value) == null ? void 0 : j.props) == null ? void 0 : z.wifi) != null && H.length ? (l(), s("div", Ve, [
+              t[4] || (t[4] = r("div", { class: "text-bold" }, "WIFI:", -1)),
+              r("ul", De, [
+                (l(!0), s(P, null, E(($ = (M = u.value) == null ? void 0 : M.props) == null ? void 0 : $.wifi, (m) => {
+                  var d;
+                  return l(), s("li", null, C((d = n(v.upperFirst)(n(v.snakeCase)(m))) == null ? void 0 : d.replace(/_/g, " ")), 1);
+                }), 256))
+              ])
+            ])) : y("", !0)
+          ])
+        ]),
+        n(q) ? (l(), s("div", Fe, [
+          L(n(me), {
+            class: "text-bold",
+            style: K({ backgroundColor: F.value }),
+            "text-color": "white",
+            size: "lg",
+            "no-caps": "",
+            unelevated: "",
+            rounded: "",
+            onClick: de(ie, ["stop"])
+          }, {
+            default: U(() => [...t[5] || (t[5] = [
+              W(" Contratar ahora ", -1)
+            ])]),
+            _: 1
+          }, 8, ["style"])
+        ])) : y("", !0),
+        r("div", Ie, [
+          L(ge)
+        ])
+      ], 64);
+    };
+  }
+});
+export {
+  We as default
+};

package/dist/components/widgets/perdm-telephony-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/perdm-telephony-product-detail/components/ProductLongDescription.vue2.js

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

package/dist/components/widgets/perdm-telephony-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/perdm-telephony-product-detail/components/ProductShortDescription.vue2.js

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