import {
  j as e,
  a as _,
  m as i,
  A as he,
} from "./v_7_4_3_73_d3c9bac7-c74e-47f6-ac42-499f067843a53.js";
import {
  c as A,
  a as l,
} from "./v_7_4_3_73_d3c9bac7-c74e-47f6-ac42-499f067843a52.js";
import { u as xe } from "./v_7_4_3_73_d3c9bac7-c74e-47f6-ac42-499f067843a523.js";
import {
  f,
  B as ge,
  t as be,
} from "./v_7_4_3_73_d3c9bac7-c74e-47f6-ac42-499f067843a58.js";
import {
  e as z,
  u as ae,
} from "./v_7_4_3_73_d3c9bac7-c74e-47f6-ac42-499f067843a54.js";
import { V as $ } from "./v_7_4_3_73_d3c9bac7-c74e-47f6-ac42-499f067843a55.js";
import { u as re } from "./v_7_4_3_73_d3c9bac7-c74e-47f6-ac42-499f067843a539.js";
import { a as oe } from "./v_7_4_3_73_d3c9bac7-c74e-47f6-ac42-499f067843a540.js";
import { a as ne } from "./v_7_4_3_73_d3c9bac7-c74e-47f6-ac42-499f067843a56.js";
import { L as ve } from "./v_7_4_3_73_d3c9bac7-c74e-47f6-ac42-499f067843a567.js";
import {
  c as O,
  d as P,
  e as I,
  f as ye,
  D as E,
  g as B,
  h as H,
  i as T,
  j as q,
  k as R,
  P as we,
  l as je,
  m as ke,
  n as Ne,
  C as Ce,
  o as m,
} from "./v_7_4_3_73_d3c9bac7-c74e-47f6-ac42-499f067843a557.js";
import {
  H as Me,
  e as Pe,
  f as Ie,
  M as Se,
  B as ze,
  g as De,
  P as Ve,
} from "./v_7_4_3_73_d3c9bac7-c74e-47f6-ac42-499f067843a57.js";
import { u as ie } from "./v_7_4_3_73_d3c9bac7-c74e-47f6-ac42-499f067843a556.js";
import "./v_7_4_3_73_d3c9bac7-c74e-47f6-ac42-499f067843a541.js";
import "./v_7_4_3_73_d3c9bac7-c74e-47f6-ac42-499f067843a5.js";
import "./v_7_4_3_73_d3c9bac7-c74e-47f6-ac42-499f067843a524.js";
import "./v_7_4_3_73_d3c9bac7-c74e-47f6-ac42-499f067843a543.js";
const Fe = {
    lessThanXSeconds: {
      one: "menos de um segundo",
      other: "menos de {{count}} segundos",
    },
    xSeconds: { one: "1 segundo", other: "{{count}} segundos" },
    halfAMinute: "meio minuto",
    lessThanXMinutes: {
      one: "menos de um minuto",
      other: "menos de {{count}} minutos",
    },
    xMinutes: { one: "1 minuto", other: "{{count}} minutos" },
    aboutXHours: { one: "cerca de 1 hora", other: "cerca de {{count}} horas" },
    xHours: { one: "1 hora", other: "{{count}} horas" },
    xDays: { one: "1 dia", other: "{{count}} dias" },
    aboutXWeeks: {
      one: "cerca de 1 semana",
      other: "cerca de {{count}} semanas",
    },
    xWeeks: { one: "1 semana", other: "{{count}} semanas" },
    aboutXMonths: { one: "cerca de 1 mês", other: "cerca de {{count}} meses" },
    xMonths: { one: "1 mês", other: "{{count}} meses" },
    aboutXYears: { one: "cerca de 1 ano", other: "cerca de {{count}} anos" },
    xYears: { one: "1 ano", other: "{{count}} anos" },
    overXYears: { one: "mais de 1 ano", other: "mais de {{count}} anos" },
    almostXYears: { one: "quase 1 ano", other: "quase {{count}} anos" },
  },
  Le = (t, a, r) => {
    let o;
    const n = Fe[t];
    return (
      typeof n == "string"
        ? (o = n)
        : a === 1
          ? (o = n.one)
          : (o = n.other.replace("{{count}}", String(a))),
      r?.addSuffix
        ? r.comparison && r.comparison > 0
          ? "em " + o
          : "há " + o
        : o
    );
  },
  We = {
    full: "EEEE, d 'de' MMMM 'de' y",
    long: "d 'de' MMMM 'de' y",
    medium: "d MMM y",
    short: "dd/MM/yyyy",
  },
  Oe = {
    full: "HH:mm:ss zzzz",
    long: "HH:mm:ss z",
    medium: "HH:mm:ss",
    short: "HH:mm",
  },
  _e = {
    full: "{{date}} 'às' {{time}}",
    long: "{{date}} 'às' {{time}}",
    medium: "{{date}}, {{time}}",
    short: "{{date}}, {{time}}",
  },
  Ae = {
    date: O({ formats: We, defaultWidth: "full" }),
    time: O({ formats: Oe, defaultWidth: "full" }),
    dateTime: O({ formats: _e, defaultWidth: "full" }),
  },
  $e = {
    lastWeek: (t) => {
      const a = t.getDay();
      return "'" + (a === 0 || a === 6 ? "último" : "última") + "' eeee 'às' p";
    },
    yesterday: "'ontem às' p",
    today: "'hoje às' p",
    tomorrow: "'amanhã às' p",
    nextWeek: "eeee 'às' p",
    other: "P",
  },
  Ee = (t, a, r, o) => {
    const n = $e[t];
    return typeof n == "function" ? n(a) : n;
  },
  Be = {
    narrow: ["AC", "DC"],
    abbreviated: ["AC", "DC"],
    wide: ["antes de cristo", "depois de cristo"],
  },
  He = {
    narrow: ["1", "2", "3", "4"],
    abbreviated: ["T1", "T2", "T3", "T4"],
    wide: ["1º trimestre", "2º trimestre", "3º trimestre", "4º trimestre"],
  },
  Te = {
    narrow: ["j", "f", "m", "a", "m", "j", "j", "a", "s", "o", "n", "d"],
    abbreviated: [
      "jan",
      "fev",
      "mar",
      "abr",
      "mai",
      "jun",
      "jul",
      "ago",
      "set",
      "out",
      "nov",
      "dez",
    ],
    wide: [
      "janeiro",
      "fevereiro",
      "março",
      "abril",
      "maio",
      "junho",
      "julho",
      "agosto",
      "setembro",
      "outubro",
      "novembro",
      "dezembro",
    ],
  },
  qe = {
    narrow: ["D", "S", "T", "Q", "Q", "S", "S"],
    short: ["dom", "seg", "ter", "qua", "qui", "sex", "sab"],
    abbreviated: [
      "domingo",
      "segunda",
      "terça",
      "quarta",
      "quinta",
      "sexta",
      "sábado",
    ],
    wide: [
      "domingo",
      "segunda-feira",
      "terça-feira",
      "quarta-feira",
      "quinta-feira",
      "sexta-feira",
      "sábado",
    ],
  },
  Re = {
    narrow: {
      am: "a",
      pm: "p",
      midnight: "mn",
      noon: "md",
      morning: "manhã",
      afternoon: "tarde",
      evening: "tarde",
      night: "noite",
    },
    abbreviated: {
      am: "AM",
      pm: "PM",
      midnight: "meia-noite",
      noon: "meio-dia",
      morning: "manhã",
      afternoon: "tarde",
      evening: "tarde",
      night: "noite",
    },
    wide: {
      am: "a.m.",
      pm: "p.m.",
      midnight: "meia-noite",
      noon: "meio-dia",
      morning: "manhã",
      afternoon: "tarde",
      evening: "tarde",
      night: "noite",
    },
  },
  Xe = {
    narrow: {
      am: "a",
      pm: "p",
      midnight: "mn",
      noon: "md",
      morning: "da manhã",
      afternoon: "da tarde",
      evening: "da tarde",
      night: "da noite",
    },
    abbreviated: {
      am: "AM",
      pm: "PM",
      midnight: "meia-noite",
      noon: "meio-dia",
      morning: "da manhã",
      afternoon: "da tarde",
      evening: "da tarde",
      night: "da noite",
    },
    wide: {
      am: "a.m.",
      pm: "p.m.",
      midnight: "meia-noite",
      noon: "meio-dia",
      morning: "da manhã",
      afternoon: "da tarde",
      evening: "da tarde",
      night: "da noite",
    },
  },
  Ye = (t, a) => {
    const r = Number(t);
    return a?.unit === "week" ? r + "ª" : r + "º";
  },
  Qe = {
    ordinalNumber: Ye,
    era: P({ values: Be, defaultWidth: "wide" }),
    quarter: P({
      values: He,
      defaultWidth: "wide",
      argumentCallback: (t) => t - 1,
    }),
    month: P({ values: Te, defaultWidth: "wide" }),
    day: P({ values: qe, defaultWidth: "wide" }),
    dayPeriod: P({
      values: Re,
      defaultWidth: "wide",
      formattingValues: Xe,
      defaultFormattingWidth: "wide",
    }),
  },
  Ze = /^(\d+)[ºªo]?/i,
  Ue = /\d+/i,
  Ge = {
    narrow: /^(ac|dc|a|d)/i,
    abbreviated: /^(a\.?\s?c\.?|d\.?\s?c\.?)/i,
    wide: /^(antes de cristo|depois de cristo)/i,
  },
  Ke = {
    any: [/^ac/i, /^dc/i],
    wide: [/^antes de cristo/i, /^depois de cristo/i],
  },
  Je = {
    narrow: /^[1234]/i,
    abbreviated: /^T[1234]/i,
    wide: /^[1234](º)? trimestre/i,
  },
  et = { any: [/1/i, /2/i, /3/i, /4/i] },
  tt = {
    narrow: /^[jfmajsond]/i,
    abbreviated: /^(jan|fev|mar|abr|mai|jun|jul|ago|set|out|nov|dez)/i,
    wide: /^(janeiro|fevereiro|março|abril|maio|junho|julho|agosto|setembro|outubro|novembro|dezembro)/i,
  },
  at = {
    narrow: [
      /^j/i,
      /^f/i,
      /^m/i,
      /^a/i,
      /^m/i,
      /^j/i,
      /^j/i,
      /^a/i,
      /^s/i,
      /^o/i,
      /^n/i,
      /^d/i,
    ],
    any: [
      /^ja/i,
      /^fev/i,
      /^mar/i,
      /^abr/i,
      /^mai/i,
      /^jun/i,
      /^jul/i,
      /^ago/i,
      /^set/i,
      /^out/i,
      /^nov/i,
      /^dez/i,
    ],
  },
  rt = {
    narrow: /^(dom|[23456]ª?|s[aá]b)/i,
    short: /^(dom|[23456]ª?|s[aá]b)/i,
    abbreviated: /^(dom|seg|ter|qua|qui|sex|s[aá]b)/i,
    wide: /^(domingo|(segunda|ter[cç]a|quarta|quinta|sexta)([- ]feira)?|s[aá]bado)/i,
  },
  ot = {
    short: [/^d/i, /^2/i, /^3/i, /^4/i, /^5/i, /^6/i, /^s[aá]/i],
    narrow: [/^d/i, /^2/i, /^3/i, /^4/i, /^5/i, /^6/i, /^s[aá]/i],
    any: [/^d/i, /^seg/i, /^t/i, /^qua/i, /^qui/i, /^sex/i, /^s[aá]b/i],
  },
  nt = {
    narrow: /^(a|p|mn|md|(da) (manhã|tarde|noite))/i,
    any: /^([ap]\.?\s?m\.?|meia[-\s]noite|meio[-\s]dia|(da) (manhã|tarde|noite))/i,
  },
  it = {
    any: {
      am: /^a/i,
      pm: /^p/i,
      midnight: /^mn|^meia[-\s]noite/i,
      noon: /^md|^meio[-\s]dia/i,
      morning: /manhã/i,
      afternoon: /tarde/i,
      evening: /tarde/i,
      night: /noite/i,
    },
  },
  st = {
    ordinalNumber: ye({
      matchPattern: Ze,
      parsePattern: Ue,
      valueCallback: (t) => parseInt(t, 10),
    }),
    era: I({
      matchPatterns: Ge,
      defaultMatchWidth: "wide",
      parsePatterns: Ke,
      defaultParseWidth: "any",
    }),
    quarter: I({
      matchPatterns: Je,
      defaultMatchWidth: "wide",
      parsePatterns: et,
      defaultParseWidth: "any",
      valueCallback: (t) => t + 1,
    }),
    month: I({
      matchPatterns: tt,
      defaultMatchWidth: "wide",
      parsePatterns: at,
      defaultParseWidth: "any",
    }),
    day: I({
      matchPatterns: rt,
      defaultMatchWidth: "wide",
      parsePatterns: ot,
      defaultParseWidth: "any",
    }),
    dayPeriod: I({
      matchPatterns: nt,
      defaultMatchWidth: "any",
      parsePatterns: it,
      defaultParseWidth: "any",
    }),
  },
  K = {
    code: "es-ES",
    formatDistance: Le,
    formatLong: Ae,
    formatRelative: Ee,
    localize: Qe,
    match: st,
    options: { weekStartsOn: 0, firstWeekContainsDate: 1 },
  },
  lt = "https://app-backend.wascript.com.br",
  dt = "90b77da2-ba31-4ece-8ecb-7d67bb21bf7a",
  Ya = (a) => {
    window.open("https://www.relaccion.com/relaccion-lite-plus", "_blank");
  },
  ct = async () => {
    const { config: t } = z.getState(),
      { user: a, session: r } = $.getState(),
      { setForm: o } = D.getState();
    if (r.is_auth)
      try {
        const n = (
          await ne.get(lt + "/api/utils/access-form/" + t.chromeStoreID, {
            headers: {
              "access-token": dt,
              Authorization: `Bearer ${a.bearer_token}`,
            },
          })
        ).data;
        n.success
          ? o(n.form)
          : console.warn("Nenhum formulário válido retornado:", n);
      } catch (n) {
        console.error("Error ao tentar realizar a captura do formulario: ", n);
      }
  },
  D = A((t) => ({
    form: {
      wl_id: "",
      active: !1,
      form: [],
      personInput: [],
      videoInstall: "",
    },
    setForm: (a) => t({ form: a }),
  })),
  se = A((t, a) => ({
    inputs: {},
    setInputValue: ({ id: r, value: o }) =>
      t((n) => ({ inputs: { ...n.inputs, [r]: o } })),
    getInputValue: (r) => a().inputs[r] || "",
  })),
  J = {
    email: "",
    senha: "",
    password: "",
    loginPassword: "",
    confirmPassword: "",
    name: "",
    whatsapp: "",
    gmail: "",
    origin: "",
    address: "",
    cep: "",
    city: "",
    neighborhood: "",
    number: "",
    complement: "",
    company: "",
    segmento: "",
    numero_funcionarios: "",
    card: "",
    date: "",
    birthdayDate: "",
    search: "",
    passwordRecovery: "",
    emailLessValidations: "",
  },
  j = A((t, a) => ({
    values: J,
    errors: {},
    setValue: (r, o) =>
      t((n) => {
        let s = o;
        return (
          typeof s == "string" &&
            ((r === "email" || r === "gmail") &&
              (s = s.replace(/\s/g, "").toLowerCase()),
            [
              "password",
              "loginPassword",
              "confirmPassword",
              "senha",
              "passwordRecovery",
            ].includes(r) && (s = s.trim())),
          { values: { ...n.values, [r]: s } }
        );
      }),
    setError: (r, o) => t((n) => ({ errors: { ...n.errors, [r]: o } })),
    reset: () => t({ values: J, errors: {} }),
    getValues: (r) => {
      const o = a().values;
      return r ? Object.fromEntries(r.map((n) => [n, o[n] ?? ""])) : o;
    },
  })),
  ut = async (t) => {
    const a = z.getState().getWebhooks,
      { user: r } = $.getState(),
      o = a("preencheu_form");
    if (!o.active) return;
    const n = {
      user_id: r.user_id,
      name: r.name,
      email: r.email,
      email_auth: r.email,
      whatsapp_registro: r.whatsapp_registro,
      whatsapp_plugin: r.whatsapp_plugin,
      path: r.path,
      campanhaID: r.campanhaID,
      afiliado: r.afiliado,
      cookies: r?.cookies,
      ...t,
    };
    await ne.post(o.link, n);
  },
  mt = async (t) => {
    const { values: a } = j.getState(),
      { inputs: r } = se.getState(),
      o = Object.entries(r).reduce(
        (s, [d, u]) => ((s[`person_${d}`] = u), s),
        {},
      ),
      n = {
        start_form: !0,
        empresa: a.company,
        segmento: a.segmento,
        numero_funcionarios: a.numero_funcionarios,
        nascimentoData:
          a.birthdayDate.length > 0 ? new Date(a.birthdayDate) : null,
        origem: a.origin,
        ...o,
      };
    try {
      (await re(n), await ut(n));
    } finally {
      oe();
    }
  };
function pt() {
  const t = z((a) => a.config);
  return e.jsx("img", {
    src: chrome.runtime.getURL("label/icons/plugin/icon.png"),
    alt: `Logo ${t.primeiroNome}`,
    className: "w-16 rounded-full select-none",
    draggable: !1,
  });
}
const ft = {
    hidden: { opacity: 0 },
    visible: {
      opacity: 1,
      transition: { staggerChildren: 0.1, delayChildren: 0.2 },
    },
  },
  ht = {
    enter: { opacity: 0, y: 20, filter: "blur(10px)" },
    center: {
      opacity: 1,
      y: 0,
      filter: "blur(0px)",
      transition: { type: "spring", stiffness: 350, damping: 30 },
    },
    exit: {
      opacity: 0,
      y: -20,
      filter: "blur(10px)",
      transition: { duration: 0.3 },
    },
  },
  y = {
    hidden: { opacity: 0, y: 20 },
    visible: { opacity: 1, y: 0, transition: { duration: 0.6, ease: _ } },
  },
  xt = {
    initial: { borderColor: "rgba(255, 255, 255, 0.2)" },
    focus: { borderColor: "rgba(59, 130, 246, 0.8)" },
  },
  ee = {
    initial: { opacity: 0, scale: 0.8 },
    animate: {
      opacity: 1,
      scale: 1,
      transition: { delay: 0.8, duration: 0.6, ease: _ },
    },
    hover: { scale: 1.1, transition: { duration: 0.2, ease: _ } },
  };
function gt() {
  const { values: t, setValue: a } = j(),
    r = !!t.segmento,
    o = r;
  return e.jsxs("div", {
    className: "w-full relative group",
    children: [
      e.jsx("label", {
        className: f(
          "absolute pointer-events-none truncate max-w-[calc(100%-3rem)] z-20",
          "transition-all duration-300 ease-[cubic-bezier(0.16,1,0.3,1)] origin-left",
          o
            ? f(
                "-top-4 left-1",
                "text-[10px] font-semibold text-[var(--primaria)]",
                "px-1.5 bg-[var(--background-secondary)] rounded-sm",
              )
            : f(
                "top-1/2 -translate-y-1/2",
                "text-sm text-muted-foreground bg-transparent",
                "left-10",
              ),
        ),
        children: "Segmento",
      }),
      e.jsxs(E, {
        children: [
          e.jsx(B, {
            asChild: !0,
            children: e.jsxs("button", {
              type: "button",
              className: f(
                "flex items-center w-full cursor-pointer justify-start border border-solid border-gray-100 dark:border-neutral-700 rounded-lg px-3 py-2.5 text-sm text-left transition-all h-[42px] bg-[var(--background-secondary)]",
                "hover:border-[var(--primaria)] focus:border-[var(--primaria)] focus:outline-none focus:ring-1 focus:ring-[var(--primaria)]",
                "border-border",
              ),
              children: [
                e.jsx(Me, {
                  className: f(
                    "w-5 h-5 mr-3 transition-colors duration-200",
                    r ? "text-[var(--primaria)]" : "text-muted-foreground",
                  ),
                }),
                e.jsx("span", {
                  className: f("truncate", !r && "text-muted-foreground"),
                  children: r ? t.segmento : "",
                }),
              ],
            }),
          }),
          e.jsxs(H, {
            className: "w-full max-w-[280px] sm:max-w-[340px]",
            children: [
              e.jsx(T, { children: "Segmento de atuação" }),
              e.jsx(q, {}),
              [
                "Academia",
                "Advocacia",
                "Clínica Médica/Estética",
                "Comércio",
                "Consórcio",
                "Imobiliário",
                "Marketing",
                "Seguros",
                "Serviços em Geral",
                "Outros",
              ].map((n) =>
                e.jsx(
                  R,
                  {
                    onClick: () => a("segmento", n),
                    className: "cursor-pointer",
                    children: n,
                  },
                  n,
                ),
              ),
            ],
          }),
        ],
      }),
    ],
  });
}
function X({
  icon: t,
  placeholder: a,
  type: r = "text",
  hasRightIcon: o = !1,
  rightIcon: n,
  className: s = "",
  validator: d,
  onValidation: u,
  name: p,
  inputMode: v,
  maxLength: V,
  value: g,
  isDisabled: b = !1,
  onChange: k,
  readOnly: c,
  enableFloatingLabel: h = !1,
  autoCapitalize: F,
  autoComplete: S,
  ...le
}) {
  const Y = j((x) => x.values[p] ?? ""),
    L = j((x) => x.setValue),
    N = g !== void 0 ? g : Y,
    [Q, de] = l.useState(!1);
  (l.useEffect(() => {
    de(!0);
  }, []),
    l.useEffect(() => {
      g !== void 0 && L(p, g);
    }, [g, p, L]));
  const [W, Z] = l.useState(!1),
    [C, U] = l.useState(""),
    [w, ce] = l.useState(!1),
    ue = W || (N && N.length > 0),
    G = (x) => {
      if (d) {
        const M = d(x);
        return (U(M), u && u(p, x, M), M === "");
      }
      return (U(""), !0);
    },
    me = (x) => {
      const M = x.target.value;
      (L(p, M), k && k(x));
    },
    pe = () => {
      (Z(!1), ce(!0), G(Y));
    },
    fe = () => Z(!0);
  return (
    l.useEffect(() => {
      w && G(N);
    }, [d, N, w]),
    e.jsxs(i.div, {
      className: f(
        "relative group border border-solid bg-gray-100 dark:bg-neutral-700 rounded-lg bg-[var(--background-secondary)]",
        Q ? "transition-all duration-200" : "transition-none",
        W
          ? "border-[var(--primaria)] ring-1 ring-[var(--primaria)]"
          : C && w
            ? "border-destructive"
            : "border hover:border-[var(--primaria)]",
        s,
      ),
      variants: y,
      children: [
        h &&
          e.jsx("label", {
            className: f(
              "absolute pointer-events-none truncate max-w-[calc(100%-3rem)]",
              Q
                ? "transition-all duration-300 ease-[cubic-bezier(0.16,1,0.3,1)]"
                : "transition-none",
              "origin-left",
              ue
                ? f(
                    "-top-4 left-1",
                    "text-[10px] font-semibold text-[var(--primaria)]",
                    "px-1.5 bg-[var(--background-secondary)] z-10 rounded-sm",
                  )
                : f(
                    "top-1/2 -translate-y-1/2",
                    "text-sm text-muted-foreground bg-transparent",
                    t ? "left-10" : "left-3",
                  ),
            ),
            children: a,
          }),
        t &&
          e.jsx(i.div, {
            className:
              "absolute left-3 top-0 h-full flex items-center justify-center pointer-events-none",
            variants: ee,
            initial: "initial",
            animate: "animate",
            children: e.jsx(t, {
              className: f(
                "w-5 h-5 transition-colors duration-200",
                W ? "text-[var(--primaria)]" : "text-muted-foreground",
                C && w && "text-destructive",
              ),
            }),
          }),
        o &&
          e.jsx(i.div, {
            className:
              "absolute right-3 top-0 h-full flex items-center justify-center",
            variants: ee,
            initial: "initial",
            animate: "animate",
            children: n,
          }),
        e.jsx(i.input, {
          type: r,
          value: N,
          onChange: me,
          onFocus: fe,
          onBlur: pe,
          disabled: b,
          inputMode: v,
          readOnly: c,
          maxLength: V,
          placeholder: h ? "" : a,
          autoCapitalize: F,
          autoComplete: S,
          ...le,
          className: f(
            "flex items-center w-full cursor-text justify-start rounded-lg px-3 py-2.5 text-sm text-left bg-transparent text-neutral-900 dark:text-neutral-100 placeholder:text-neutral-500 dark:placeholder:text-neutral-400 transition-all",
            "border-none outline-none focus:outline-none focus:ring-0 focus:border-transparent",
            `pl-12 ${o ? "pr-12" : "pr-4"}`,
            !t && "pl-4",
          ),
          variants: xt,
          initial: "initial",
          whileFocus: "focus",
          "aria-invalid": !!C && w,
        }),
        C &&
          w &&
          e.jsx(i.div, {
            initial: { opacity: 0, y: -5 },
            animate: { opacity: 1, y: 0 },
            exit: { opacity: 0, y: -5 },
            className:
              "absolute -bottom-5 left-1 text-destructive text-[10px] font-semibold tracking-wide",
            children: C,
          }),
      ],
    })
  );
}
function bt({ position: t = "bottom" }) {
  const [a, r] = l.useState(void 0);
  return e.jsxs(we, {
    children: [
      e.jsx(je, {
        asChild: !0,
        children: e.jsx("button", {
          type: "button",
          className: "w-full",
          children: e.jsx(X, {
            enableFloatingLabel: !0,
            className: "cursor-pointer",
            name: "birthdayDate",
            icon: Pe,
            placeholder: "Sua data de nascimento",
            value: a ? ke(a, "dd/MM/yyyy", { locale: K }) : "",
            readOnly: !0,
          }),
        }),
      }),
      e.jsx(Ne, {
        align: "start",
        side: t,
        className: "w-auto p-2 shadow-lg rounded-lg border bg-background",
        children: e.jsx(Ce, {
          mode: "single",
          selected: a,
          onSelect: r,
          locale: K,
          showOutsideDays: !0,
          className: "rounded-md w-64",
          captionLayout: "dropdown",
        }),
      }),
    ],
  });
}
function vt() {
  const { values: t, setValue: a } = j(),
    [r, o] = l.useState(!1),
    [n, s] = l.useState(!1);
  l.useEffect(() => {
    s(!0);
  }, []);
  const d = !!t.numero_funcionarios,
    u = r || d;
  return e.jsxs("div", {
    className: "w-full relative group",
    children: [
      e.jsx("label", {
        className: m(
          "absolute pointer-events-none truncate max-w-[calc(100%-2rem)] z-20",
          "origin-left",
          n
            ? "transition-all duration-300 ease-[cubic-bezier(0.16,1,0.3,1)]"
            : "transition-none",
          u
            ? m(
                "-top-4 left-1",
                "text-[10px] font-semibold text-[var(--primaria)]",
                "px-1.5 bg-[var(--background-secondary)] rounded-sm",
              )
            : m(
                "top-1/2 -translate-y-1/2",
                "text-sm text-muted-foreground bg-transparent",
                "left-10",
              ),
        ),
        children: "Número de funcionários",
      }),
      e.jsx("div", {
        className:
          "absolute left-3 top-0 h-full flex items-center justify-center pointer-events-none z-10",
        children: e.jsx(Ie, {
          className: m(
            "w-5 h-5 transition-colors duration-200",
            r || d ? "text-[var(--primaria)]" : "text-muted-foreground",
          ),
        }),
      }),
      e.jsxs(E, {
        onOpenChange: o,
        children: [
          e.jsx(B, {
            asChild: !0,
            children: e.jsx("button", {
              type: "button",
              className: m(
                "flex items-center w-full cursor-pointer justify-start border border-solid rounded-lg px-3 py-2.5 text-sm text-left h-[42px] bg-[var(--background-secondary)]",
                "pl-12",
                n ? "transition-all duration-200" : "transition-none",
                "hover:border-[var(--primaria)] focus:border-[var(--primaria)] focus:outline-none focus:ring-1 focus:ring-[var(--primaria)]/20",
                r
                  ? "border-[var(--primaria)] ring-1 ring-[var(--primaria)]"
                  : "border-border",
              ),
              children: e.jsx("span", {
                className: m("truncate", !d && "opacity-0"),
                children: t.numero_funcionarios || "Placeholder",
              }),
            }),
          }),
          e.jsxs(H, {
            className: "w-[--radix-dropdown-menu-trigger-width] min-w-[200px]",
            children: [
              e.jsx(T, { children: "Quantidade de funcionários" }),
              e.jsx(q, {}),
              [
                "1 - 10",
                "11 - 20",
                "21 - 50",
                "51 - 100",
                "101 - 150",
                "151 - 200",
                "+200",
              ].map((p) =>
                e.jsx(
                  R,
                  {
                    onClick: () => a("numero_funcionarios", p),
                    className: "cursor-pointer",
                    children: p,
                  },
                  p,
                ),
              ),
            ],
          }),
        ],
      }),
    ],
  });
}
const yt = (t) => ({
    phone: (a) => {
      const r = a.replace(/\D/g, "");
      return r
        ? r.length < 9
          ? t.telefoneInvalido
          : ""
        : t.telefoneObrigatorio;
    },
    email: (a) => {
      const r = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
      return a ? (r.test(a) ? "" : t.emailInvalido) : t.emailObrigatorio;
    },
    stringObrigatoria: (a) => (a ? "" : "Campo obrigatório"),
    cep: (a) => {
      const r = a.replace(/\D/g, "");
      return r
        ? r.length !== 8
          ? t.cepInvalido
          : /^[0-9]{8}$/.test(r)
            ? ""
            : t.cepApenasNumeros
        : t.cepObrigatorio;
    },
    dateValidator: (a) => {
      if (!a) return t.campoObrigatorio || "Campo obrigatório";
      const r = /^(\d{2})\/(\d{2})\/(\d{4})$/,
        o = a.match(r);
      if (!o) return t.formatoDataInvalido || "Formato inválido (dd/mm/yyyy)";
      const [, n, s, d] = o,
        u = new Date(parseInt(d), parseInt(s) - 1, parseInt(n));
      return u.getDate() !== parseInt(n) ||
        u.getMonth() !== parseInt(s) - 1 ||
        u.getFullYear() !== parseInt(d)
        ? t.dataInvalida || "Data inválida"
        : "";
    },
    emailLessValidation: (a) =>
      a ? (a.length < 4 ? t.emailInvalido : "") : t.emailObrigatorio,
    maskDate: (a) => {
      let r = a.replace(/\D/g, "").slice(0, 8);
      return r.length >= 5
        ? `${r.slice(0, 2)}/${r.slice(2, 4)}/${r.slice(4, 8)}`
        : r.length >= 3
          ? `${r.slice(0, 2)}/${r.slice(2, 4)}`
          : r;
    },
    name: (a) => {
      if (!a) return t.nomeObrigatorio;
      const r = a.trim();
      return r.length > 100
        ? t.nomeLongo
        : /^[A-Za-zÀ-ÖØ-öø-ÿ\s]*$/.test(r)
          ? r.split(/\s+/).filter((n) => n.length > 0).length < 2
            ? t.preenchaNomeCompleto
            : ""
          : t.nomeCaracteresInvalidos;
    },
    address: (a) =>
      a
        ? a.length < 3
          ? t.enderecoCurto
          : /^[A-Za-zÀ-ÖØ-öø-ÿ0-9\s,.-]+$/.test(a)
            ? ""
            : t.enderecoInvalido
        : t.enderecoObrigatorio,
    number: (a) => {
      const r = a.trim();
      return r
        ? /^[0-9]+$/.test(r)
          ? ""
          : t.numeroInvalido
        : t.numeroObrigatorio;
    },
    neighborhood: (a) =>
      a
        ? a.length < 3
          ? t.bairroCurto
          : /^[A-Za-zÀ-ÖØ-öø-ÿ\s]+$/.test(a)
            ? ""
            : t.bairroInvalido
        : t.bairroObrigatorio,
    city: (a) =>
      a
        ? a.length < 3
          ? t.cidadeCurta
          : /^[A-Za-zÀ-ÖØ-öø-ÿ\s]+$/.test(a)
            ? ""
            : t.cidadeInvalida
        : t.cidadeObrigatoria,
    complement: (a) => {
      if (!a) return "";
      const r = a.trim();
      return r.length < 2
        ? t.complementoCurto || "Complemento muito curto"
        : r.length > 100
          ? t.complementoLongo || "Complemento muito longo"
          : /^[A-Za-zÀ-ÖØ-öø-ÿ0-9\s,.-/º°ª]+$/.test(r)
            ? ""
            : t.complementoInvalido ||
              "Complemento contém caracteres inválidos";
    },
    password: (a) =>
      a
        ? a.length < 8
          ? t.senhaCurta || "A senha deve ter pelo menos 8 caracteres"
          : /[a-zA-Z]/.test(a)
            ? /[0-9]/.test(a)
              ? ""
              : t.senhaSemNumero || "A senha deve conter pelo menos um número"
            : t.senhaSemLetra || "A senha deve conter pelo menos uma letra"
        : t.insiraUmaSenha,
    loginPassword: (a) =>
      a
        ? a.length < 4
          ? "A senha deve ter pelo menos 4 caracteres"
          : ""
        : t.insiraUmaSenha,
  }),
  wt = ({ placeholder: t, className: a = "", name: r = "company" }) => (
    (t = ae((n) => n.language).empresa),
    e.jsx(X, {
      icon: ze,
      enableFloatingLabel: !0,
      placeholder: t,
      type: "text",
      className: a,
      name: r,
    })
  ),
  jt = ({ className: t = "", name: a = "origin", placeholder: r }) => {
    r = "Como nos encontrou?";
    const o = ae((s) => s.language),
      n = l.useMemo(() => yt(o), [o]);
    return e.jsx(X, {
      icon: Se,
      placeholder: r,
      enableFloatingLabel: !0,
      type: "text",
      validator: n.stringObrigatoria,
      className: t,
      name: a,
    });
  },
  te = { CompanyInput: wt, Origin: jt };
function kt({ input: t, value: a, onChange: r }) {
  const [o, n] = l.useState(!1),
    s = !!a,
    d = t.placeholder || t.placehoolder;
  return e.jsxs("div", {
    className: "group w-full space-y-1.5",
    children: [
      e.jsx("label", {
        className: m(
          "block text-xs font-semibold leading-tight",
          "line-clamp-2 break-words",
          "transition-colors duration-200",
          o || s ? "text-[var(--primaria)]" : "text-muted-foreground",
        ),
        children: d,
      }),
      e.jsxs(E, {
        onOpenChange: n,
        children: [
          e.jsx(B, {
            asChild: !0,
            children: e.jsxs("button", {
              type: "button",
              className: m(
                "flex items-center w-full cursor-pointer justify-start border border-solid rounded-lg px-3 py-2.5 h-[42px] text-sm text-left transition-all bg-[var(--background-secondary)]",
                "hover:border-[var(--primaria)] focus:border-[var(--primaria)] focus:outline-none focus:ring-1 focus:ring-[var(--primaria)]/20",
                o
                  ? "border-[var(--primaria)] ring-1 ring-[var(--primaria)]/20"
                  : "border-border",
              ),
              children: [
                e.jsx(De, {
                  className: m(
                    "w-5 h-5 mr-3 transition-colors duration-200",
                    o || s ? "text-[var(--primaria)]" : "text-muted-foreground",
                  ),
                }),
                e.jsx("span", {
                  className: m("truncate", !s && "opacity-0"),
                  children: a || "Placeholder",
                }),
              ],
            }),
          }),
          e.jsxs(H, {
            className: "w-[--radix-dropdown-menu-trigger-width] min-w-[200px]",
            children: [
              e.jsx(T, { children: t.name }),
              e.jsx(q, {}),
              t.selections?.map((u) =>
                e.jsx(
                  R,
                  {
                    onClick: () => r(u),
                    className: "cursor-pointer",
                    children: u,
                  },
                  u,
                ),
              ),
            ],
          }),
        ],
      }),
    ],
  });
}
function Nt({ input: t, value: a, onChange: r }) {
  const [o, n] = l.useState(!1),
    s = o || (a && a.length > 0);
  return e.jsxs("div", {
    className: m(
      "relative group transition-all duration-200 border rounded-lg bg-background",
      o
        ? "border-[var(--primaria)] ring-1 ring-[var(--primaria)]/20"
        : "border-border hover:border-[var(--primaria)]/50",
    ),
    children: [
      e.jsx("label", {
        className: m(
          "absolute pointer-events-none truncate max-w-[calc(100%-3rem)] z-20",
          "transition-all duration-300 ease-[cubic-bezier(0.16,1,0.3,1)] origin-left",
          s
            ? "-top-4 left-1 text-[10px] font-semibold text-[var(--primaria)] px-1.5 bg-background rounded-sm"
            : "top-1/2 -translate-y-1/2 text-sm text-muted-foreground bg-transparent left-10",
        ),
        children: t.placeholder || t.placehoolder,
      }),
      e.jsx(Ve, {
        className: m(
          "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 transition-colors z-10",
          o || a ? "text-[var(--primaria)]" : "text-muted-foreground",
        ),
      }),
      e.jsx("input", {
        type: "text",
        value: a || "",
        onChange: r,
        onFocus: () => n(!0),
        onBlur: () => n(!1),
        placeholder: "",
        className: m(
          "w-full pl-10 pr-4 rounded-lg py-2.5 h-[42px] text-sm bg-transparent outline-none transition-colors",
          "placeholder:text-transparent",
        ),
      }),
    ],
  });
}
function Ct() {
  const t = D((o) => o.form),
    { getInputValue: a, setInputValue: r } = se(
      ie((o) => ({
        inputs: o.inputs,
        getInputValue: o.getInputValue,
        setInputValue: o.setInputValue,
      })),
    );
  return e.jsxs(i.div, {
    className: "grid grid-cols-1 lg:grid-cols-2 gap-8 p-8",
    variants: ft,
    initial: "hidden",
    animate: "visible",
    children: [
      t?.form?.includes("origem") &&
        e.jsx(i.div, { variants: y, children: e.jsx(te.Origin, {}) }),
      t?.form?.includes("nascimentoData") &&
        e.jsx(i.div, {
          variants: y,
          children: e.jsx(bt, { position: "left" }),
        }),
      t?.form?.includes("empresa") &&
        e.jsx(i.div, { variants: y, children: e.jsx(te.CompanyInput, {}) }),
      t?.form?.includes("segmento") &&
        e.jsx(i.div, { variants: y, children: e.jsx(gt, {}) }),
      t?.form?.includes("numero_funcionarios") &&
        e.jsx(i.div, { variants: y, children: e.jsx(vt, {}) }),
      t?.personInput?.map((o, n) =>
        e.jsxs(
          i.div,
          {
            variants: y,
            children: [
              o.type === "selection" &&
                e.jsx(kt, {
                  input: o,
                  value: a(o.id),
                  onChange: (s) => r({ id: o.id, value: s }),
                }),
              o.type === "text" &&
                e.jsx(Nt, {
                  input: o,
                  value: a(o.id),
                  onChange: (s) => r({ id: o.id, value: s.target.value }),
                }),
            ],
          },
          n,
        ),
      ),
    ],
  });
}
const Mt = () => {
  const { config: t } = z(ie((a) => ({ config: a.config })));
  return [
    {
      icon: e.jsx("svg", {
        className: "w-5 h-5",
        fill: "none",
        viewBox: "0 0 24 24",
        stroke: "currentColor",
        children: e.jsx("path", {
          strokeLinecap: "round",
          strokeLinejoin: "round",
          strokeWidth: 2,
          d: "M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4",
        }),
      }),
      text: `Beinvenido a ${t.primeiroNome}! una herramienta genial de Colombia para el mundo`,
    },
    {
      icon: e.jsx("svg", {
        className: "w-5 h-5",
        fill: "none",
        viewBox: "0 0 24 24",
        stroke: "currentColor",
        children: e.jsx("path", {
          strokeLinecap: "round",
          strokeLinejoin: "round",
          strokeWidth: 2,
          d: "M3 10h18M7 15h1m4 0h1m-7 4h12a3 3 0 003-3V8a3 3 0 00-3-3H6a3 3 0 00-3 3v8a3 3 0 003 3z",
        }),
      }),
      text: "Utilizalo GRATIS y si quieres funciones premium escribenos",
    },
    {
      icon: e.jsxs("svg", {
        className: "w-5 h-5",
        fill: "none",
        viewBox: "0 0 24 24",
        stroke: "currentColor",
        children: [
          e.jsx("path", {
            strokeLinecap: "round",
            strokeLinejoin: "round",
            strokeWidth: 2,
            d: "M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z",
          }),
          e.jsx("path", {
            strokeLinecap: "round",
            strokeLinejoin: "round",
            strokeWidth: 2,
            d: "M15 12a3 3 0 11-6 0 3 3 0 016 0z",
          }),
        ],
      }),
      text: "Configura tus preferencias y asi seras mas productivo con LUMA",
    },
    {
      icon: e.jsx("svg", {
        className: "w-5 h-5",
        fill: "none",
        viewBox: "0 0 24 24",
        stroke: "currentColor",
        children: e.jsx("path", {
          strokeLinecap: "round",
          strokeLinejoin: "round",
          strokeWidth: 2,
          d: "M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z",
        }),
      }),
      text: `Mantén tu whatsapp generardo ingresos con ${t.primeiroNome}`,
    },
    {
      icon: e.jsx("svg", {
        className: "w-5 h-5",
        fill: "none",
        viewBox: "0 0 24 24",
        stroke: "currentColor",
        children: e.jsx("path", {
          strokeLinecap: "round",
          strokeLinejoin: "round",
          strokeWidth: 2,
          d: "M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z",
        }),
      }),
      text: "Siempre tendras las ultimas actualizaciones para estar en el top de la tecnoligia",
    },
    {
      icon: e.jsx("svg", {
        className: "w-5 h-5",
        fill: "none",
        viewBox: "0 0 24 24",
        stroke: "currentColor",
        children: e.jsx("path", {
          strokeLinecap: "round",
          strokeLinejoin: "round",
          strokeWidth: 2,
          d: "M18.364 5.636l-3.536 3.536m0 5.656l3.536 3.536M9.172 9.172L5.636 5.636m3.536 9.192l-3.536 3.536M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-5 0a4 4 0 11-8 0 4 4 0 018 0z",
        }),
      }),
      text: "¿Necesitas ayuda? escríbenos al WhatsApp 573151007777",
    },
  ];
};
function Pt({ position: t = "bottom-right" }) {
  const a = D((s) => s.form),
    [r, o] = l.useState(!1),
    n = t === "bottom-right" ? "bottom-6 right-6" : "bottom-6 left-6";
  return (
    a?.videoInstall?.length > 0 &&
    e.jsxs(i.button, {
      onHoverStart: () => o(!0),
      onHoverEnd: () => o(!1),
      className: `fixed ${n} z-50 group`,
      initial: { scale: 0, opacity: 0 },
      animate: { scale: 1, opacity: 1 },
      transition: { duration: 0.3, ease: "easeOut" },
      whileHover: { scale: 1.05 },
      whileTap: { scale: 0.95 },
      onClick: () => window.open(a.videoInstall, "_blank"),
      children: [
        e.jsxs("div", {
          className:
            "relative flex border border-gray-600 cursor-pointer items-center justify-center w-14 h-14 bg-red-500 text-white rounded-full shadow-lg hover:shadow-xl transition-shadow",
          children: [
            e.jsx(ge, {}),
            e.jsx(i.div, {
              className: "absolute inset-0 rounded-full bg-red-500",
              initial: { scale: 1, opacity: 0.5 },
              animate: { scale: 1.5, opacity: 0 },
              transition: { duration: 2, repeat: 1 / 0, ease: "easeOut" },
            }),
          ],
        }),
        e.jsxs(i.div, {
          initial: { opacity: 0, x: 10 },
          animate: { opacity: r ? 1 : 0, x: r ? 0 : 10 },
          className: `absolute ${t === "bottom-right" ? "right-16" : "left-16"} top-1/2 -translate-y-1/2 px-4 py-2 bg-black text-white text-sm font-medium rounded-lg shadow-lg whitespace-nowrap border border-neutral-700`,
          children: [
            "Dúvidas? acesse nosso canal",
            e.jsx("div", {
              className: `absolute top-1/2 -translate-y-1/2 w-2 h-2 bg-black border-neutral-700 rotate-45 ${t === "bottom-right" ? "-right-1 border-r border-t" : "-left-1 border-l border-b"}`,
            }),
          ],
        }),
      ],
    })
  );
}
function It() {
  const { wl_id: t } = $((c) => c.user),
    a = t,
    r = D((c) => c.form),
    o = j((c) => c.values),
    [n, s] = l.useState(0),
    [d, u] = l.useState(!0),
    p = l.useRef(!1),
    v = Mt(),
    V = xe(),
    g = {
      numero_funcionarios: "numero_funcionarios",
      segmento: "segmento",
      empresa: "company",
      origem: "origin",
      nascimentoData: "birthdayDate",
    },
    b = l.useMemo(
      () =>
        r?.form
          ? Object.keys(g).some((c) => {
              if (!r.form.includes(c)) return !1;
              const F = g[c],
                S = o[F];
              return !S || S.toString().trim() === "";
            })
          : !0,
      [r, o],
    );
  (l.useEffect(() => {
    (async () => {
      try {
        await ct();
      } catch (h) {
        console.error(h);
      } finally {
        u(!1);
      }
    })();
  }, [t]),
    l.useEffect(() => {
      const c = setInterval(() => {
        s((h) => (h + 1) % v.length);
      }, 4e3);
      return () => clearInterval(c);
    }, [v.length]),
    l.useEffect(() => {
      d ||
        (a &&
          r?.active === !1 &&
          !p.current &&
          ((p.current = !0),
          (async () => (await re({ start_form: !0 }), oe()))()));
    }, [r?.active, V, a, d]));
  const k = (c) => {
    (c.preventDefault(), mt());
  };
  return d
    ? null
    : e.jsxs(i.div, {
        className:
          "relative h-screen w-full flex justify-center items-center overflow-hidden px-4 sm:px-6 md:px-8",
        initial: { opacity: 0 },
        animate: { opacity: 1 },
        transition: { duration: 0.5, ease: [0.22, 1, 0.36, 1] },
        children: [
          e.jsx(i.div, {
            className:
              "fixed inset-0 w-full h-full bg-gradient-to-tr from-[var(--primaria)] via-zinc-950 to-black",
            initial: { opacity: 0, scale: 1.1 },
            animate: { opacity: 1, scale: 1 },
            transition: { duration: 0.8, ease: [0.22, 1, 0.36, 1] },
            onAnimationComplete: () => {
              document.body.style.overflow = "auto";
            },
          }),
          e.jsx(i.div, {
            className:
              "absolute top-20 left-10 w-72 h-72 bg-[var(--primaria)] rounded-full blur-3xl -z-10",
            initial: { opacity: 0, scale: 0, x: -100, y: -100 },
            animate: {
              opacity: 0.5,
              scale: 1,
              x: 0,
              y: 0,
              transition: { duration: 1, delay: 0.3, ease: [0.22, 1, 0.36, 1] },
            },
          }),
          e.jsx(i.div, {
            className: `absolute bottom-20 right-10 w-96 h-96 bg-[var(--primaria)]
                 rounded-full blur-3xl -z-10`,
            initial: { opacity: 0, scale: 0, x: 100, y: 100 },
            animate: {
              opacity: 0.3,
              scale: 1,
              x: 0,
              y: 0,
              transition: { duration: 1, delay: 0.4, ease: [0.22, 1, 0.36, 1] },
            },
          }),
          e.jsx(i.div, {
            className:
              "absolute top-4 right-4 sm:top-6 sm:right-8 md:top-10 md:right-20 z-20",
            initial: { opacity: 0, y: -20 },
            animate: { opacity: 1, y: 0 },
            transition: { duration: 0.6, delay: 0.2, ease: [0.22, 1, 0.36, 1] },
            children: e.jsx("div", {
              className: "flex gap-5",
              children: e.jsx(ve, {}),
            }),
          }),
          e.jsxs(i.div, {
            className:
              "relative z-10 w-full max-w-5xl min-h-[600px] h-[65vh] bg-white/40 dark:bg-black/40 backdrop-blur-xl rounded-2xl shadow-2xl overflow-hidden flex flex-col lg:flex-row border border-black/10 dark:border-white/10",
            initial: { opacity: 0, y: 40, filter: "blur(20px)" },
            animate: { opacity: 1, y: 0, filter: "blur(0px)" },
            transition: { duration: 0.8, delay: 0.4, ease: [0.22, 1, 0.36, 1] },
            children: [
              e.jsxs(i.div, {
                className:
                  "relative w-full lg:w-1/2 p-10 flex flex-col space-y-5 justify-center items-center bg-white/15 overflow-hidden",
                initial: { opacity: 0, x: -30 },
                animate: {
                  opacity: 1,
                  x: 0,
                  transition: {
                    type: "spring",
                    stiffness: 350,
                    damping: 30,
                    delay: 0.7,
                  },
                },
                children: [
                  e.jsx(i.div, {
                    className:
                      "absolute top-0 right-0 w-40 h-40 bg-gradient-to-br from-[var(--primaria)]/10 to-transparent rounded-full blur-2xl",
                    initial: { opacity: 0, scale: 0 },
                    animate: {
                      opacity: 1,
                      scale: 1.5,
                      transition: { duration: 1, delay: 1 },
                    },
                  }),
                  e.jsx(i.div, {
                    className:
                      "w-20 h-20 mb-6 rounded-2xl bg-white/20 backdrop-blur-sm flex items-center justify-center",
                    initial: { opacity: 0, scale: 0, rotate: -180 },
                    animate: {
                      opacity: 1,
                      scale: 1,
                      rotate: 0,
                      transition: {
                        type: "spring",
                        stiffness: 350,
                        damping: 25,
                        delay: 0.9,
                      },
                    },
                    children: e.jsx(pt, {}),
                  }),
                  e.jsx(i.h2, {
                    className:
                      "text-3xl font-bold text-white text-center relative z-10",
                    initial: { opacity: 0, y: 20 },
                    animate: {
                      opacity: 1,
                      y: 0,
                      transition: {
                        type: "spring",
                        stiffness: 350,
                        damping: 25,
                        delay: 0.8,
                      },
                    },
                    //NOTA ET el baner del formulario
                    children: "¡Simpre estamos para ti 573151007777!",
                  }),
                  e.jsx(i.p, {
                    className:
                      "text-white/80 mt-4 leading-relaxed text-center relative z-10",
                    initial: { opacity: 0, y: 20 },
                    animate: {
                      opacity: 1,
                      y: 0,
                      transition: {
                        type: "spring",
                        stiffness: 350,
                        damping: 25,
                        delay: 0.9,
                      },
                    },
                    children:
                      "Ya casi empezamos con LUMA CONECTA para que podamos continuar con tu experiencia da clic en proximo.",
                  }),
                  e.jsx(i.div, {
                    className:
                      "relative w-full max-w-sm h-20 mt-8 flex items-center justify-center",
                    initial: { opacity: 0, y: 20 },
                    animate: {
                      opacity: 1,
                      y: 0,
                      transition: {
                        type: "spring",
                        stiffness: 350,
                        damping: 25,
                        delay: 1,
                      },
                    },
                    children: e.jsx(he, {
                      mode: "wait",
                      children: e.jsxs(
                        i.div,
                        {
                          variants: ht,
                          initial: "enter",
                          animate: "center",
                          exit: "exit",
                          className:
                            "absolute w-full flex items-center gap-3 px-4 py-3 bg-white/10 backdrop-blur-sm rounded-xl border border-white/20",
                          children: [
                            e.jsx("div", {
                              className:
                                "flex-shrink-0 w-10 h-10 rounded-lg bg-white/20 flex items-center justify-center text-white",
                              children: v[n].icon,
                            }),
                            e.jsx("p", {
                              className: "text-sm text-white/90 leading-snug",
                              children: v[n].text,
                            }),
                          ],
                        },
                        n,
                      ),
                    }),
                  }),
                  e.jsx(i.div, {
                    className: "flex gap-2 mt-4",
                    initial: { opacity: 0 },
                    animate: { opacity: 1, transition: { delay: 1.1 } },
                    children: v.map((c, h) =>
                      e.jsx(
                        i.div,
                        {
                          className: `h-1.5 rounded-full transition-all duration-500 ${h === n ? "w-8 bg-white" : "w-1.5 bg-white/30"}`,
                        },
                        h,
                      ),
                    ),
                  }),
                ],
              }),
              e.jsx(i.div, {
                className:
                  "w-full lg:w-1/2 p-4 bg-gray-50 dark:bg-zinc-900 border-l border-black/10 dark:border-white/10 rounded-r-xl flex items-start overflow-y-auto stw-scroll-thumb-only",
                initial: { opacity: 0, x: 30 },
                animate: {
                  opacity: 1,
                  x: 0,
                  transition: {
                    type: "spring",
                    stiffness: 350,
                    damping: 30,
                    delay: 0.7,
                  },
                },
                children: e.jsxs("form", {
                  onSubmit: k,
                  className: "space-y-10 text-[var(--text)] p-2 p w-full",
                  children: [
                    e.jsx(Ct, {}),
                    e.jsx(i.div, {
                      className: "flex justify-end w-full",
                      initial: { opacity: 0, y: 20 },
                      animate: {
                        opacity: 1,
                        y: 0,
                        transition: {
                          type: "spring",
                          stiffness: 350,
                          damping: 25,
                          delay: 1.1,
                        },
                      },
                      children: e.jsx(i.button, {
                        initial: { opacity: 0, y: 10 },
                        animate: { opacity: 1, y: 0 },
                        transition: {
                          duration: 0.7,
                          delay: 2.8,
                          ease: [0.22, 1, 0.36, 1],
                        },
                        whileHover: b ? {} : { scale: 1.02 },
                        whileTap: b ? {} : { scale: 0.98 },
                        "aria-disabled": b,
                        onClick: (c) => {
                          if (b) {
                            (c.preventDefault(),
                              be.error(
                                "Por favor, preencha todos os campos obrigatórios.",
                              ));
                            return;
                          }
                          k(c);
                        },
                        className: `group relative p-2 bg-[var(--primaria)] text-white rounded-md font-medium shadow-2xl transition-all duration-300 
        ${b ? "opacity-50 cursor-not-allowed shadow-white/10" : "cursor-pointer shadow-white/10 hover:shadow-white/20"}
    `,
                        children: e.jsxs("span", {
                          className:
                            "flex items-center gap-2 text-sm sm:text-base",
                          children: [
                            "Próximo",
                            e.jsx("svg", {
                              className: `w-5 h-5 transition-transform duration-300 ${!b && "group-hover:translate-x-1"}`,
                              fill: "none",
                              viewBox: "0 0 24 24",
                              stroke: "currentColor",
                              children: e.jsx("path", {
                                strokeLinecap: "round",
                                strokeLinejoin: "round",
                                strokeWidth: 2,
                                d: "M13 7l5 5m0 0l-5 5m5-5H6",
                              }),
                            }),
                          ],
                        }),
                      }),
                    }),
                  ],
                }),
              }),
            ],
          }),
          e.jsx(Pt, { position: "bottom-left" }),
        ],
      });
}
function Xt() {
  return e.jsx("div", { style: { padding: "20px" }, children: e.jsx(It, {}) });
}
export { Xt as default };
