@win2win/shared-ui 0.3.238 → 0.3.240

package/dist/components/widgets/telmex-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 TelmexCardPropsSchema
+};

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

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

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

@@ -0,0 +1,648 @@
+import { defineComponent as Oe, useCssVars as we, toRefs as Ie, computed as v, ref as C, createElementBlock as i, openBlock as a, Fragment as V, createVNode as n, unref as s, withCtx as T, createElementVNode as o, toDisplayString as g, renderList as U, createBlock as j, normalizeStyle as P, createTextVNode as qe, createCommentVNode as _, normalizeClass as D, mergeProps as Se } from "vue";
+import "axios";
+import "lodash-es";
+import { useFetch as Te } from "../../../composables/fetching/useFetch.js";
+import "@tanstack/vue-query";
+import { l as I } from "../../../node_modules/lodash/lodash.js";
+import { useQuasar as Re, QDialog as Ve, QCard as De, QCardSection as L, QBadge as oe, QBtn as k, QSkeleton as ze, QIcon as A, QInput as G, QSelect as ae } from "quasar";
+import { toProductLite as Ne } from "../shared/helpers.js";
+import Be from "./components/ProductInfo.vue.js";
+import Qe from "./components/TotalOrder.vue.js";
+const Ue = { class: "text-h6" }, Ae = { class: "q-mt-sm" }, Ee = { key: 0 }, Me = { key: 0 }, $e = {
+  key: 0,
+  class: "complements-grid"
+}, je = {
+  key: 1,
+  class: "complements-grid"
+}, Le = ["onClick"], Ge = { class: "complement-image" }, Fe = ["src", "alt"], We = {
+  key: 1,
+  class: "no-image"
+}, Ke = { class: "complement-content" }, He = ["title"], Je = {
+  key: 0,
+  class: "complement-price"
+}, Xe = ["title"], Ye = {
+  key: 1,
+  class: "complement-tag"
+}, Ze = {
+  key: 1,
+  class: "service-type-section"
+}, el = { class: "service-type-options" }, ll = { class: "row justify-center q-col-gutter-md" }, tl = { class: "col-12 col-md-4" }, ol = {
+  key: 0,
+  class: "col-12 col-md-4"
+}, al = {
+  key: 1,
+  class: "col-12 col-md-4"
+}, sl = {
+  key: 2,
+  class: "portability-section"
+}, il = {
+  key: 0,
+  class: "portability-quantity"
+}, rl = { class: "quantity-selector" }, nl = { class: "row justify-center q-col-gutter-md q-mb-lg" }, ul = { class: "col-auto" }, cl = {
+  key: 0,
+  class: "col-auto"
+}, dl = {
+  key: 1,
+  class: "col-auto"
+}, vl = {
+  key: 0,
+  class: "q-mb-lg"
+}, ml = { class: "row justify-center" }, pl = { class: "col-12 col-md-8" }, _l = { class: "row justify-center q-mt-xl q-col-gutter-md" }, yl = { class: "col-6" }, bl = { class: "col-6" }, fl = {
+  key: 1,
+  class: "q-pa-sm"
+}, Cl = { class: "row justify-between items-center q-mb-md" }, gl = { class: "text-subtitle1" }, kl = { class: "row justify-center q-mb-md" }, hl = { class: "portability-list" }, xl = { class: "row justify-between items-center q-mb-sm" }, Pl = { class: "text-weight-medium" }, Ol = { class: "row q-col-gutter-md" }, wl = { class: "col-12 col-md-6" }, Il = { class: "col-12 col-md-6" }, ql = {
+  key: 3,
+  class: "row justify-center q-my-lg"
+}, Al = /* @__PURE__ */ Oe({
+  __name: "TelmexProductDetail",
+  props: {
+    isPublic: { type: Boolean },
+    fetching: { type: Boolean },
+    scale: {},
+    count: {},
+    imageHeight: {},
+    borderRadius: {},
+    unelevated: { type: Boolean },
+    hoverable: { type: Boolean },
+    view: {},
+    title: {},
+    data: {},
+    gamaProps: {},
+    cardColor: {},
+    color: { default: "#d83121" },
+    showPrice: {}
+  },
+  emits: ["on-event"],
+  setup(se, { emit: ie }) {
+    we((e) => ({
+      "33c7ad86": r.color
+    }));
+    const { screen: re } = Re(), E = ie, r = se, { data: z } = Ie(r), R = v(() => Ne(z.value)), ne = v(() => {
+      var e, l;
+      return (l = (e = R.value) == null ? void 0 : e.nombre) == null ? void 0 : l.toUpperCase();
+    }), F = v(() => {
+      var e;
+      return Number(((e = R.value) == null ? void 0 : e.precio) || 0);
+    }), N = C(!1), m = C("complements"), u = C(null), b = C([]), h = C([]), x = C(""), q = C(!1), d = C(null), f = C(null), W = v(
+      () => {
+        var e, l;
+        return !!((l = (e = z.value) == null ? void 0 : e.PROPS) != null && l.permite_alta_por_internet_recuperado);
+      }
+    ), ue = v(
+      () => {
+        var e, l;
+        return !!((l = (e = z.value) == null ? void 0 : e.PROPS) != null && l.permite_portabilidad);
+      }
+    ), B = v(() => {
+      var l, c;
+      const e = Number(((c = (l = z.value) == null ? void 0 : l.PROPS) == null ? void 0 : c.cantidad_maxima_portabilidad) || 0) || 100;
+      return Math.min(e, 100);
+    }), O = v(() => {
+      const e = [
+        {
+          id: "complements",
+          title: "Complementos",
+          description: "Selecciona los complementos"
+        }
+      ];
+      return W.value && e.push({
+        id: "service-type",
+        title: "Tipo de servicio",
+        description: "Selecciona el tipo de servicio"
+      }), u.value === "portabilidad" && e.push({
+        id: "portability",
+        title: "Portabilidad",
+        description: "Indica la portabilidad"
+      }), u.value === "internet_recuperado" && e.push({
+        id: "internet-recovered",
+        title: "Compañía de internet",
+        description: "Selecciona la compañía de internet anterior"
+      }), e;
+    }), S = v(
+      () => O.value.findIndex((e) => e.id === m.value)
+    ), K = v(
+      () => S.value === O.value.length - 1
+    ), ce = v(
+      () => {
+        var e;
+        return ((e = O.value.find((l) => l.id === m.value)) == null ? void 0 : e.description) || "";
+      }
+    ), de = v(() => {
+      var e, l;
+      return [
+        "complementos",
+        { tipo_cliente: (l = (e = R.value) == null ? void 0 : e.props) == null ? void 0 : l.tipo_de_servicio }
+      ];
+    }), ve = v(() => {
+      var e;
+      return {
+        customs: { idGama: 44 },
+        byEqualCol: {
+          "producto.ID_GAMA": 44,
+          "producto.PROPS.$tipo_de_servicio$contains": (e = R.value) == null ? void 0 : e.props.tipo_de_servicio
+        }
+      };
+    }), { data: me, fetching: H } = Te(
+      de,
+      "/public/ecommerce/productos",
+      ve,
+      void 0,
+      { defaultValue: [] }
+    ), Q = v(
+      () => {
+        var e;
+        return I.orderBy(
+          ((e = me.value) == null ? void 0 : e.items) || [],
+          (l) => ["promocion", "oferta"].some((c) => I.snakeCase(l.TAGS || "").includes(c)),
+          "desc"
+        );
+      }
+    ), J = v(
+      () => Q.value.filter(
+        (e) => b.value.includes(e.ID_PRODUCTO)
+      )
+    ), pe = v(
+      () => J.value.reduce(
+        (e, l) => e + (Number(l.PRECIO) || 0),
+        0
+      )
+    ), X = v(() => F.value + pe.value), _e = v(() => d.value === 1 || d.value === 2 ? !0 : d.value === "more" ? f.value && f.value <= B.value : !1), Y = v(() => u.value !== "portabilidad" || !q.value ? !0 : h.value.every((e) => e.nip.trim() && e.numero.trim())), ye = v(() => m.value === "complements" ? !0 : m.value === "service-type" ? !!u.value : m.value === "portability" ? u.value !== "portabilidad" ? !0 : q.value ? Y.value && !!x.value : !1 : m.value === "internet-recovered" ? u.value !== "internet_recuperado" ? !0 : !!x.value : !0), be = v(() => m.value === "service-type" ? u.value ? u.value === "alta_nueva" ? "Contratar ahora" : "Siguiente" : "Selecciona una opción" : m.value === "portability" ? !Y.value || !x.value ? "Completa los datos de portabilidad" : "Contratar ahora" : K.value ? "Contratar ahora" : "Siguiente"), fe = (e) => {
+      const l = b.value.indexOf(e);
+      l > -1 ? b.value.splice(l, 1) : b.value.push(e);
+    }, M = (e) => {
+      u.value = e;
+    }, $ = (e) => {
+      d.value = e, e !== "more" && (f.value = null);
+    }, Ce = () => {
+      let e;
+      if (d.value === 1 || d.value === 2)
+        e = d.value;
+      else if (d.value === "more" && f.value)
+        e = f.value;
+      else return;
+      q.value = !0, h.value = Array(e).fill(null).map(() => ({
+        nip: "",
+        numero: "",
+        compania: ""
+      }));
+    }, ge = () => {
+      q.value = !1, d.value = null, f.value = null, h.value = [];
+    }, ke = () => {
+      if (m.value === "service-type" && u.value === "alta_nueva") {
+        ee();
+        return;
+      }
+      if (K.value) {
+        ee();
+        return;
+      }
+      const e = S.value + 1;
+      e < O.value.length && (m.value = O.value[e].id);
+    }, Z = () => {
+      const e = S.value - 1;
+      e >= 0 && (m.value = O.value[e].id);
+    }, ee = () => {
+      const e = I.omit(R.value, "images", "table_estado"), c = Q.value.filter(
+        (p) => b.value.includes(p.ID_PRODUCTO)
+      ).map((p) => ({ product: p, quantity: 1, props: null })).concat({
+        product: I.mapKeys(
+          { ...e, id_producto: e.id },
+          (p, w) => w.toUpperCase()
+        ),
+        quantity: 1,
+        props: null
+      });
+      E("on-event", { code: "add_to_shopcart", payload: c });
+      const t = {}, y = x.value.trim();
+      if (u.value === "portabilidad") {
+        const p = h.value.filter(
+          (w) => w.nip && w.numero
+        );
+        p.length > 0 && (t.portabilidad = p.map((w) => ({
+          ...w,
+          compania: y
+        })), t.compania_actual = y);
+      }
+      u.value === "internet_recuperado" && y !== "" && (t.compania_actual = y), u.value && (t.tipo_servicio = u.value), Object.keys(t).length > 0 && E("on-event", { code: "set_external_props", payload: t }), le();
+    }, le = () => {
+      N.value = !1, m.value = "complements", b.value = [], h.value = [], q.value = !1, d.value = null, f.value = null, u.value = null;
+    }, he = (e) => e === S.value || e < S.value ? r.color : "white", xe = (e) => e <= S.value ? "white" : "grey-7", Pe = (e) => I.orderBy(
+      (e.TAGS || "").split(",").map((c) => c.trim()),
+      (c) => I.snakeCase(c) === "promocion",
+      "desc"
+    )[0], te = [
+      ...I.orderBy(
+        [
+          { label: "Megacable", value: "Megacable" },
+          { label: "Izzi", value: "Izzi" },
+          { label: "Total Play", value: "Total Play" },
+          { label: "Maxcom", value: "Maxcom" },
+          { label: "Blue Telecomm", value: "Blue Telecomm" },
+          { label: "Wizz", value: "Wizz" },
+          { label: "Cablecom", value: "Cablecom" },
+          { label: "Cablemas", value: "Cablemas" }
+        ],
+        "label"
+      ),
+      { label: "Otra", value: "Otra" }
+    ];
+    return (e, l) => (a(), i(V, null, [
+      n(s(Ve), {
+        modelValue: N.value,
+        "onUpdate:modelValue": l[9] || (l[9] = (c) => N.value = c),
+        maximized: s(re).lt.md
+      }, {
+        default: T(() => [
+          n(s(De), { class: "complements-card" }, {
+            default: T(() => [
+              n(s(L), { class: "row justify-between no-wrap items-start q-pa-md" }, {
+                default: T(() => [
+                  o("div", null, [
+                    o("div", Ue, g(ce.value), 1),
+                    o("div", Ae, [
+                      (a(!0), i(V, null, U(O.value, (c, t) => (a(), j(s(oe), {
+                        key: c.id,
+                        style: P({ backgroundColor: he(t) }),
+                        "text-color": xe(t),
+                        class: "q-mr-sm"
+                      }, {
+                        default: T(() => [
+                          qe(g(t + 1) + ". " + g(c.title), 1)
+                        ]),
+                        _: 2
+                      }, 1032, ["style", "text-color"]))), 128))
+                    ])
+                  ]),
+                  n(s(k), {
+                    onClick: le,
+                    icon: "close",
+                    flat: ""
+                  })
+                ]),
+                _: 1
+              }),
+              n(s(L), { class: "card-content" }, {
+                default: T(() => {
+                  var c;
+                  return [
+                    m.value === "complements" ? (a(), i("div", Ee, [
+                      s(H) || (c = Q.value) != null && c.length ? (a(), i("div", Me, [
+                        s(H) ? (a(), i("div", $e, [
+                          (a(), i(V, null, U(7, (t) => o("div", {
+                            key: t,
+                            class: "complement-card-container"
+                          }, [
+                            n(s(ze), { class: "complement-skeleton" })
+                          ])), 64))
+                        ])) : (a(), i("div", je, [
+                          (a(!0), i(V, null, U(Q.value, (t) => {
+                            var y, p;
+                            return a(), i("div", {
+                              key: t.ID_PRODUCTO,
+                              class: "complement-card-container"
+                            }, [
+                              o("div", {
+                                class: D(["complement-card", {
+                                  "complement-card--selected": b.value.includes(
+                                    t.ID_PRODUCTO
+                                  )
+                                }]),
+                                style: P({
+                                  "--selection-color": r.color,
+                                  borderColor: b.value.includes(
+                                    t.ID_PRODUCTO
+                                  ) ? r.color : "#e0e0e0"
+                                }),
+                                onClick: (w) => fe(t.ID_PRODUCTO)
+                              }, [
+                                o("div", Ge, [
+                                  (p = (y = t == null ? void 0 : t.R_IMG) == null ? void 0 : y[0]) != null && p.LOCATION ? (a(), i("img", {
+                                    key: 0,
+                                    src: t.R_IMG[0].LOCATION,
+                                    alt: t.NOMBRE,
+                                    style: { "border-radius": "8px" }
+                                  }, null, 8, Fe)) : (a(), i("div", We, [...l[12] || (l[12] = [
+                                    o("span", null, "Sin imagen", -1)
+                                  ])]))
+                                ]),
+                                o("div", Ke, [
+                                  o("div", {
+                                    class: "complement-name",
+                                    title: t.NOMBRE
+                                  }, g(t.NOMBRE), 9, He),
+                                  t.PRECIO ? (a(), i("div", Je, " $" + g(t.PRECIO) + " al mes ", 1)) : _("", !0),
+                                  t.DESCRIPCION_CORTA ? (a(), i("div", {
+                                    key: 1,
+                                    class: "complement-description",
+                                    title: t.DESCRIPCION_CORTA
+                                  }, g(t.DESCRIPCION_CORTA), 9, Xe)) : _("", !0)
+                                ]),
+                                b.value.includes(t.ID_PRODUCTO) ? (a(), i("div", {
+                                  key: 0,
+                                  class: "complement-check",
+                                  style: P({ backgroundColor: r.color })
+                                }, [
+                                  n(s(A), {
+                                    name: "check",
+                                    color: "white",
+                                    size: "xs"
+                                  })
+                                ], 4)) : _("", !0),
+                                t.TAGS ? (a(), i("div", Ye, [
+                                  n(s(oe), {
+                                    style: { border: "1px solid white" },
+                                    rounded: "",
+                                    color: "red",
+                                    label: Pe(t)
+                                  }, null, 8, ["label"])
+                                ])) : _("", !0)
+                              ], 14, Le)
+                            ]);
+                          }), 128))
+                        ]))
+                      ])) : _("", !0)
+                    ])) : _("", !0),
+                    m.value === "service-type" ? (a(), i("div", Ze, [
+                      l[19] || (l[19] = o("div", { class: "text-h6 text-center q-mb-md" }, " Selecciona el tipo de servicio ", -1)),
+                      l[20] || (l[20] = o("div", { class: "text-subtitle2 text-center text-grey-7 q-mb-xl" }, " Elige una opción para continuar ", -1)),
+                      o("div", el, [
+                        o("div", ll, [
+                          o("div", tl, [
+                            o("div", {
+                              class: D(["service-option", {
+                                "service-option--selected": u.value === "alta_nueva"
+                              }]),
+                              onClick: l[0] || (l[0] = (t) => M("alta_nueva"))
+                            }, [
+                              n(s(A), {
+                                name: "add_circle",
+                                size: "xl",
+                                color: u.value === "alta_nueva" ? r.color : "grey-5",
+                                class: "q-mb-md"
+                              }, null, 8, ["color"]),
+                              l[13] || (l[13] = o("div", { class: "service-title" }, "Alta nueva", -1)),
+                              l[14] || (l[14] = o("div", { class: "service-description" }, " Instalación de nuevo servicio de internet ", -1))
+                            ], 2)
+                          ]),
+                          W.value ? (a(), i("div", ol, [
+                            o("div", {
+                              class: D(["service-option", {
+                                "service-option--selected": u.value === "internet_recuperado"
+                              }]),
+                              onClick: l[1] || (l[1] = (t) => M("internet_recuperado"))
+                            }, [
+                              n(s(A), {
+                                name: "restart_alt",
+                                size: "xl",
+                                color: u.value === "internet_recuperado" ? r.color : "grey-5",
+                                class: "q-mb-md"
+                              }, null, 8, ["color"]),
+                              l[15] || (l[15] = o("div", { class: "service-title" }, "Internet recuperado", -1)),
+                              l[16] || (l[16] = o("div", { class: "service-description" }, " Reactivación de servicio anteriormente contratado ", -1))
+                            ], 2)
+                          ])) : _("", !0),
+                          ue.value ? (a(), i("div", al, [
+                            o("div", {
+                              class: D(["service-option", {
+                                "service-option--selected": u.value === "portabilidad"
+                              }]),
+                              onClick: l[2] || (l[2] = (t) => M("portabilidad"))
+                            }, [
+                              n(s(A), {
+                                name: "contact_phone",
+                                size: "xl",
+                                color: u.value === "portabilidad" ? r.color : "grey-5",
+                                class: "q-mb-md"
+                              }, null, 8, ["color"]),
+                              l[17] || (l[17] = o("div", { class: "service-title" }, "Portabilidad", -1)),
+                              l[18] || (l[18] = o("div", { class: "service-description" }, " Cambia de operadora manteniendo tu número ", -1))
+                            ], 2)
+                          ])) : _("", !0)
+                        ])
+                      ])
+                    ])) : _("", !0),
+                    m.value === "portability" ? (a(), i("div", sl, [
+                      q.value ? (a(), i("div", fl, [
+                        o("div", Cl, [
+                          o("div", gl, " Ingrese los datos para " + g(h.value.length) + " portabilidad" + g(h.value.length > 1 ? "es" : ""), 1),
+                          n(s(k), {
+                            flat: "",
+                            "no-caps": "",
+                            color: r.color,
+                            label: "Cambiar cantidad",
+                            size: "sm",
+                            onClick: ge
+                          }, null, 8, ["color"])
+                        ]),
+                        o("div", kl, [
+                          n(s(ae), {
+                            style: { width: "100%", "max-width": "400px" },
+                            modelValue: x.value,
+                            "onUpdate:modelValue": l[7] || (l[7] = (t) => x.value = t),
+                            options: te,
+                            label: "Compañía actual",
+                            outlined: "",
+                            rounded: "",
+                            "emit-value": "",
+                            "map-options": "",
+                            rules: [(t) => !!t || "La compañía es requerida"]
+                          }, null, 8, ["modelValue", "rules"])
+                        ]),
+                        o("div", hl, [
+                          (a(!0), i(V, null, U(h.value, (t, y) => (a(), i("div", {
+                            key: y,
+                            class: "portability-item q-mb-md q-pa-md"
+                          }, [
+                            o("div", xl, [
+                              o("div", Pl, " Portabilidad " + g(y + 1), 1)
+                            ]),
+                            o("div", Ol, [
+                              o("div", wl, [
+                                n(s(G), {
+                                  modelValue: t.nip,
+                                  "onUpdate:modelValue": (p) => t.nip = p,
+                                  label: "NIP",
+                                  outlined: "",
+                                  rounded: "",
+                                  rules: [(p) => !!p || "NIP es requerido"]
+                                }, null, 8, ["modelValue", "onUpdate:modelValue", "rules"])
+                              ]),
+                              o("div", Il, [
+                                n(s(G), {
+                                  modelValue: t.numero,
+                                  "onUpdate:modelValue": (p) => t.numero = p,
+                                  label: "Número a portar",
+                                  outlined: "",
+                                  rounded: "",
+                                  rules: [(p) => !!p || "Número es requerido"]
+                                }, null, 8, ["modelValue", "onUpdate:modelValue", "rules"])
+                              ])
+                            ])
+                          ]))), 128))
+                        ])
+                      ])) : (a(), i("div", il, [
+                        l[21] || (l[21] = o("div", { class: "text-h6 text-center q-mb-md" }, " ¿Cuántas portabilidades desea realizar? ", -1)),
+                        o("div", rl, [
+                          o("div", nl, [
+                            o("div", ul, [
+                              n(s(k), {
+                                outline: d.value !== 1,
+                                color: r.color,
+                                style: P(
+                                  d.value === 1 ? { backgroundColor: r.color } : {}
+                                ),
+                                "text-color": d.value === 1 ? "white" : r.color,
+                                label: "1",
+                                onClick: l[3] || (l[3] = (t) => $(1)),
+                                class: "quantity-btn",
+                                size: "xl"
+                              }, null, 8, ["outline", "color", "style", "text-color"])
+                            ]),
+                            B.value >= 2 ? (a(), i("div", cl, [
+                              n(s(k), {
+                                outline: d.value !== 2,
+                                color: r.color,
+                                style: P(
+                                  d.value === 2 ? { backgroundColor: r.color } : {}
+                                ),
+                                "text-color": d.value === 2 ? "white" : r.color,
+                                label: "2",
+                                onClick: l[4] || (l[4] = (t) => $(2)),
+                                class: "quantity-btn",
+                                size: "xl"
+                              }, null, 8, ["outline", "color", "style", "text-color"])
+                            ])) : _("", !0),
+                            B.value > 2 ? (a(), i("div", dl, [
+                              n(s(k), {
+                                outline: d.value !== "more",
+                                color: r.color,
+                                style: P(
+                                  d.value === "more" ? { backgroundColor: r.color } : {}
+                                ),
+                                "text-color": d.value === "more" ? "white" : r.color,
+                                label: "Más",
+                                onClick: l[5] || (l[5] = (t) => $("more")),
+                                class: "quantity-btn-more",
+                                size: "lg",
+                                "no-caps": ""
+                              }, null, 8, ["outline", "color", "style", "text-color"])
+                            ])) : _("", !0)
+                          ]),
+                          d.value === "more" ? (a(), i("div", vl, [
+                            o("div", ml, [
+                              o("div", pl, [
+                                n(s(G), {
+                                  modelValue: f.value,
+                                  "onUpdate:modelValue": l[6] || (l[6] = (t) => f.value = t),
+                                  modelModifiers: { number: !0 },
+                                  type: "number",
+                                  label: "Ingresa la cantidad deseada",
+                                  outlined: "",
+                                  rounded: "",
+                                  hint: `Puedes ingresar hasta ${B.value}`
+                                }, null, 8, ["modelValue", "hint"])
+                              ])
+                            ])
+                          ])) : _("", !0),
+                          o("div", _l, [
+                            o("div", yl, [
+                              n(s(k), {
+                                flat: "",
+                                color: r.color,
+                                label: "Atrás",
+                                onClick: Z,
+                                class: "full-width",
+                                size: "lg",
+                                "no-caps": ""
+                              }, null, 8, ["color"])
+                            ]),
+                            o("div", bl, [
+                              n(s(k), {
+                                color: r.color,
+                                style: P({ backgroundColor: r.color }),
+                                "text-color": "white",
+                                label: "Confirmar",
+                                onClick: Ce,
+                                disabled: !_e.value,
+                                class: "full-width",
+                                size: "lg",
+                                "no-caps": "",
+                                unelevated: ""
+                              }, null, 8, ["color", "style", "disabled"])
+                            ])
+                          ])
+                        ])
+                      ]))
+                    ])) : _("", !0),
+                    m.value === "internet-recovered" ? (a(), i("div", ql, [
+                      n(s(ae), {
+                        style: { width: "100%", "max-width": "400px" },
+                        modelValue: x.value,
+                        "onUpdate:modelValue": l[8] || (l[8] = (t) => x.value = t),
+                        options: te,
+                        label: "Compañía actual",
+                        outlined: "",
+                        rounded: "",
+                        "emit-value": "",
+                        "map-options": "",
+                        rules: [(t) => !!t || "La compañía es requerida"]
+                      }, null, 8, ["modelValue", "rules"])
+                    ])) : _("", !0)
+                  ];
+                }),
+                _: 1
+              }),
+              n(s(L), { class: "card-footer" }, {
+                default: T(() => [
+                  X.value > 0 ? (a(), j(Qe, {
+                    key: 0,
+                    totalPrice: X.value,
+                    selectedComplementsData: J.value,
+                    priceValue: F.value,
+                    name: ne.value,
+                    color: e.color
+                  }, null, 8, ["totalPrice", "selectedComplementsData", "priceValue", "name", "color"])) : _("", !0),
+                  o("div", {
+                    class: D(m.value !== "complements" ? "grid-2" : "grid-1")
+                  }, [
+                    m.value !== "complements" ? (a(), j(s(k), {
+                      key: 0,
+                      outline: "",
+                      color: r.color,
+                      label: "Atrás",
+                      onClick: Z,
+                      class: "full-width",
+                      size: "lg",
+                      "no-caps": ""
+                    }, null, 8, ["color"])) : _("", !0),
+                    n(s(k), {
+                      color: r.color,
+                      style: P({ backgroundColor: r.color }),
+                      label: be.value,
+                      onClick: ke,
+                      disabled: !ye.value,
+                      class: "full-width",
+                      size: "lg",
+                      "no-caps": "",
+                      unelevated: ""
+                    }, null, 8, ["color", "style", "label", "disabled"])
+                  ], 2)
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["modelValue", "maximized"]),
+      n(Be, Se(r, {
+        onClickContractar: l[10] || (l[10] = (c) => N.value = !0),
+        onOnEvent: l[11] || (l[11] = (c) => E("on-event", c))
+      }), null, 16)
+    ], 64));
+  }
+});
+export {
+  Al as default
+};