@win2win/shared-ui 0.3.240 → 0.3.242

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

@@ -1,22 +0,0 @@
-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

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

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