import {
  j as e,
  m as n,
  A as f,
} from "./v_7_4_3_73_d3c9bac7-c74e-47f6-ac42-499f067843a53.js";
import { a as y } from "./v_7_4_3_73_d3c9bac7-c74e-47f6-ac42-499f067843a52.js";
import { t as C } from "./v_7_4_3_73_d3c9bac7-c74e-47f6-ac42-499f067843a58.js";
import {
  u as j,
  d as I,
  e as R,
  V as z,
  q as F,
} from "./v_7_4_3_73_d3c9bac7-c74e-47f6-ac42-499f067843a54.js";
import {
  W as H,
  Y as W,
  X as M,
  Z as U,
  _ as q,
  $ as O,
  e as G,
  a0 as L,
  a1 as Q,
  a2 as X,
  a3 as Y,
  a4 as Z,
  F as _,
  u as E,
  D as J,
  a5 as K,
  S as ee,
  a6 as ae,
  a7 as te,
} from "./v_7_4_3_73_d3c9bac7-c74e-47f6-ac42-499f067843a57.js";
import {
  U as se,
  o as P,
} from "./v_7_4_3_73_d3c9bac7-c74e-47f6-ac42-499f067843a553.js";
import { B as re } from "./v_7_4_3_73_d3c9bac7-c74e-47f6-ac42-499f067843a557.js";
import { u as V } from "./v_7_4_3_73_d3c9bac7-c74e-47f6-ac42-499f067843a539.js";
import { q as D } from "./v_7_4_3_73_d3c9bac7-c74e-47f6-ac42-499f067843a525.js";
import {
  V as v,
  z as ie,
} from "./v_7_4_3_73_d3c9bac7-c74e-47f6-ac42-499f067843a55.js";
import { u as ne } from "./v_7_4_3_73_d3c9bac7-c74e-47f6-ac42-499f067843a556.js";
import "./v_7_4_3_73_d3c9bac7-c74e-47f6-ac42-499f067843a5.js";
import "./v_7_4_3_73_d3c9bac7-c74e-47f6-ac42-499f067843a56.js";
import "./v_7_4_3_73_d3c9bac7-c74e-47f6-ac42-499f067843a522.js";
import "./v_7_4_3_73_d3c9bac7-c74e-47f6-ac42-499f067843a541.js";
import "./v_7_4_3_73_d3c9bac7-c74e-47f6-ac42-499f067843a555.js";
import "./v_7_4_3_73_d3c9bac7-c74e-47f6-ac42-499f067843a543.js";
import "./v_7_4_3_73_d3c9bac7-c74e-47f6-ac42-499f067843a5120.js";
import "./v_7_4_3_73_d3c9bac7-c74e-47f6-ac42-499f067843a5139.js";
import "./v_7_4_3_73_d3c9bac7-c74e-47f6-ac42-499f067843a531.js";
import "./v_7_4_3_73_d3c9bac7-c74e-47f6-ac42-499f067843a5121.js";
import "./v_7_4_3_73_d3c9bac7-c74e-47f6-ac42-499f067843a546.js";
import "./v_7_4_3_73_d3c9bac7-c74e-47f6-ac42-499f067843a571.js";
import "./v_7_4_3_73_d3c9bac7-c74e-47f6-ac42-499f067843a5122.js";
import "./v_7_4_3_73_d3c9bac7-c74e-47f6-ac42-499f067843a5123.js";
import "./v_7_4_3_73_d3c9bac7-c74e-47f6-ac42-499f067843a5124.js";
import "./v_7_4_3_73_d3c9bac7-c74e-47f6-ac42-499f067843a545.js";
import "./v_7_4_3_73_d3c9bac7-c74e-47f6-ac42-499f067843a5125.js";
import "./v_7_4_3_73_d3c9bac7-c74e-47f6-ac42-499f067843a544.js";
import "./v_7_4_3_73_d3c9bac7-c74e-47f6-ac42-499f067843a59.js";
import "./v_7_4_3_73_d3c9bac7-c74e-47f6-ac42-499f067843a510.js";
import "./v_7_4_3_73_d3c9bac7-c74e-47f6-ac42-499f067843a520.js";
function oe({ isLoading: s, onClick: r }) {
  const [l, t] = y.useState(0),
    c = { type: "spring", stiffness: 380, damping: 28 },
    d = { type: "spring", stiffness: 420, damping: 26 },
    m = j((o) => o.language);
  y.useEffect(() => {
    if (!s) {
      t(0);
      return;
    }
    const o = setTimeout(() => t(1), 300),
      h = setTimeout(() => t(2), 1200);
    return () => {
      (clearTimeout(o), clearTimeout(h));
    };
  }, [s]);
  const a = [m.salvar, m.salvando, m.quaseLa][l];
  return e.jsx(n.button, {
    whileHover: s ? {} : { scale: 1.04 },
    whileTap: s ? {} : { scale: 0.96 },
    transition: c,
    onClick: s ? void 0 : r,
    disabled: s,
    className:
      "relative flex items-center justify-center gap-2 px-4 py-2 bg-[var(--primaria)] text-white rounded-lg transition-colors font-medium overflow-hidden disabled:cursor-not-allowed min-w-[130px]",
    children: e.jsxs("div", {
      className: "relative z-10 flex items-center gap-2",
      children: [
        !s &&
          e.jsx("div", {
            className: "w-4 h-4 flex items-center justify-center",
            children: e.jsx(f, {
              mode: "wait",
              children: e.jsx(
                n.span,
                {
                  initial: { opacity: 0, scale: 0.5 },
                  animate: { opacity: 1, scale: 1 },
                  exit: { opacity: 0, scale: 0.5 },
                  transition: d,
                  children: e.jsx(H, { size: 16 }),
                },
                "save-icon",
              ),
            }),
          }),
        e.jsx("div", {
          className: "relative overflow-hidden h-5 flex items-center",
          children: e.jsx(f, {
            mode: "wait",
            children: e.jsx(
              n.span,
              {
                className: "whitespace-nowrap flex items-center",
                initial: { y: 14, opacity: 0 },
                animate: { y: 0, opacity: 1 },
                exit: { y: -14, opacity: 0 },
                transition: { duration: 0.22, ease: [0.22, 1, 0.36, 1] },
                children: a,
              },
              a,
            ),
          }),
        }),
      ],
    }),
  });
}
function le({ isEditing: s, isLoading: r, onEdit: l, onSave: t, onCancel: c }) {
  const d = { type: "spring", stiffness: 420, damping: 26 },
    m = j((a) => a.language);
  return e.jsx("div", {
    className: "flex items-center gap-2",
    children: e.jsx(f, {
      mode: "wait",
      children: s
        ? e.jsxs(
            n.div,
            {
              initial: { opacity: 0, x: 10 },
              animate: { opacity: 1, x: 0 },
              exit: { opacity: 0, x: 10, scale: 0.92 },
              transition: d,
              className: "flex items-center gap-2",
              children: [
                e.jsx(f, {
                  children:
                    !r &&
                    e.jsxs(n.button, {
                      initial: { opacity: 0, x: 8 },
                      animate: { opacity: 1, x: 0 },
                      exit: { opacity: 0, x: 8, scale: 0.9 },
                      transition: d,
                      whileHover: { scale: 1.04 },
                      whileTap: { scale: 0.96 },
                      onClick: c,
                      className:
                        "flex items-center gap-2 px-4 py-2 border border-gray-300 dark:border-gray-700 text-gray-700 dark:text-gray-300 rounded-lg hover:bg-neutral-100 dark:hover:bg-neutral-800 transition-colors font-medium",
                      children: [
                        e.jsx(M, { size: 16 }),
                        e.jsx("span", { children: m.cancelar }),
                      ],
                    }),
                }),
                e.jsx(oe, { isLoading: r, onClick: t }),
              ],
            },
            "edit-actions",
          )
        : e.jsxs(
            n.button,
            {
              initial: { opacity: 0, x: 10 },
              animate: { opacity: 1, x: 0 },
              exit: { opacity: 0, x: 10, scale: 0.92 },
              transition: d,
              whileHover: { scale: 1.04 },
              whileTap: { scale: 0.96 },
              onClick: l,
              className:
                "flex items-center gap-2 px-4 py-2 bg-[var(--primaria)] text-white rounded-lg hover:opacity-90 transition-opacity font-medium",
              children: [
                e.jsx(W, { size: 16 }),
                e.jsx("span", { children: m.editarPerfil }),
              ],
            },
            "edit-btn",
          ),
    }),
  });
}
function A({ icon: s, title: r, description: l, action: t }) {
  return e.jsxs("div", {
    className: "flex items-center justify-between py-3",
    children: [
      e.jsxs("div", {
        className: "flex items-center gap-3",
        children: [
          e.jsx("div", {
            className:
              "w-8 h-8 rounded-lg bg-neutral-50 dark:bg-neutral-800 flex items-center justify-center text-gray-500 dark:text-gray-400",
            children: s,
          }),
          e.jsxs("div", {
            children: [
              e.jsx("p", {
                className:
                  "text-sm font-semibold text-gray-900 dark:text-white",
                children: r,
              }),
              e.jsx("p", {
                className: "text-xs text-gray-500 dark:text-gray-400",
                children: l,
              }),
            ],
          }),
        ],
      }),
      e.jsx("div", { children: t }),
    ],
  });
}
function u({
  icon: s,
  label: r,
  value: l,
  href: t,
  target: c = "_self",
  onClick: d,
  noBackground: m = !1,
}) {
  const a = j((h) => h.language),
    o = e.jsxs("div", {
      className: `flex items-start gap-3 group ${c === "_blank" ? "cursor-pointer" : ""}`,
      children: [
        e.jsx("div", {
          className: `w-10 h-10 rounded-xl ${m ? "" : "bg-neutral-200 dark:bg-neutral-800"} flex items-center justify-center flex-shrink-0 text-gray-500 dark:text-gray-400 border border-gray-100 dark:border-gray-700/50 group-hover:bg-(--primaria) transition-colors duration-200`,
          children: s,
        }),
        e.jsxs("div", {
          className: "flex-1",
          children: [
            e.jsx("label", {
              className:
                "text-xs font-medium text-gray-500 dark:text-gray-400 block mb-1",
              children: r,
            }),
            e.jsx("p", {
              className:
                "text-sm font-medium text-gray-900 dark:text-white break-all group-hover:text-[var(--primaria)] transition-colors duration-200",
              children:
                r === a.financeiro || r === a.aprendizagem
                  ? e.jsxs("span", {
                      className: "flex items-center gap-3",
                      children: [l, " ", e.jsx(U, { className: "w-4 h-4" })],
                    })
                  : e.jsx(e.Fragment, { children: l }),
            }),
          ],
        }),
      ],
    });
  return t
    ? e.jsx("a", {
        href: `https://youtu.be/NiwUIGthf8M?si=kIB-5SiuYk5fxVgj`,
        target: c,
        rel: c === "_blank" ? "noopener noreferrer" : void 0,
        className: "block cursor-pointer",
        children: o,
      })
    : d
      ? e.jsx("button", {
          type: "button",
          onClick: d,
          className: "block w-full text-left cursor-pointer",
          children: o,
        })
      : o;
}
function ce({
  isEditing: s,
  isLoading: r,
  name: l,
  value: t,
  onChange: c,
  isPremium: d,
  dataCadastro: m,
  checkout: a,
}) {
  const o = j((p) => p.language),
    h = j((p) => p.idioma),
    w = { pt: "pt-BR", es: "es-CO", en: "en-US" },
    N = (p, k = "es") => {
      if (!p) return "—";
      const x = w[k];
      return new Date(p).toLocaleDateString(x, {
        day: "2-digit",
        month: "long",
        year: "numeric",
      });
    },
    g = n(re),
    S = { type: "spring", stiffness: 420, damping: 26 };
  return e.jsx("div", {
    className: "flex-1 text-left w-full min-h-[90px]",
    children: e.jsx(f, {
      mode: "wait",
      children: s
        ? e.jsx(
            n.div,
            {
              initial: { opacity: 0, y: 6 },
              animate: { opacity: 1, y: 0 },
              exit: { opacity: 0, y: -6 },
              transition: { duration: 0.2, ease: [0.22, 1, 0.36, 1] },
              className: "space-y-3 w-full",
              children: e.jsxs("div", {
                children: [
                  e.jsx("label", {
                    className:
                      "text-xs font-medium text-gray-500 dark:text-gray-400 block mb-1",
                    children: o.nomeCompleto,
                  }),
                  e.jsxs("div", {
                    className: "relative",
                    children: [
                      e.jsx(n.input, {
                        autoFocus: !0,
                        type: "text",
                        name: "name",
                        value: t,
                        onChange: c,
                        disabled: r,
                        animate: r ? { opacity: [1, 0.5, 1] } : { opacity: 1 },
                        transition: r
                          ? { duration: 1.2, repeat: 1 / 0, ease: "easeInOut" }
                          : { duration: 0.2 },
                        className:
                          "w-full px-3 py-2 border border-[var(--primaria)] rounded-lg bg-white dark:bg-neutral-800 text-gray-900 dark:text-white focus:outline-none focus:ring-2 focus:ring-[var(--primaria)] disabled:cursor-not-allowed transition-shadow",
                      }),
                      e.jsx(f, {
                        children:
                          r &&
                          e.jsx(n.div, {
                            initial: { opacity: 0, scale: 0.7 },
                            animate: { opacity: 1, scale: 1 },
                            exit: { opacity: 0, scale: 0.7 },
                            transition: S,
                            className:
                              "absolute right-3 top-1/2 -translate-y-1/2 text-gray-400",
                            children: e.jsx(n.div, {
                              className:
                                "w-4 h-4 border-2 border-gray-300 dark:border-gray-600 border-t-[var(--primaria)] rounded-full",
                              animate: { rotate: 360 },
                              transition: {
                                duration: 0.7,
                                repeat: 1 / 0,
                                ease: "linear",
                              },
                            }),
                          }),
                      }),
                    ],
                  }),
                  e.jsx(f, {
                    children:
                      r &&
                      e.jsx(n.p, {
                        initial: { opacity: 0, y: -4 },
                        animate: { opacity: 1, y: 0 },
                        exit: { opacity: 0, y: -4 },
                        transition: { duration: 0.2 },
                        className:
                          "text-xs text-gray-400 dark:text-gray-500 mt-1.5 flex items-center gap-1",
                        children: e.jsx("span", {
                          children: o.aguardandoRespostaDoServidor,
                        }),
                      }),
                  }),
                ],
              }),
            },
            "edit-mode",
          )
        : e.jsxs(
            n.div,
            {
              initial: { opacity: 0, y: 6 },
              animate: { opacity: 1, y: 0 },
              exit: { opacity: 0, y: -6 },
              transition: { duration: 0.2, ease: [0.22, 1, 0.36, 1] },
              className: "space-y-1.5",
              children: [
                e.jsx("h2", {
                  className: "text-xl font-bold text-gray-900 dark:text-white",
                  children: l || o.seuNome,
                }),
                e.jsx("div", {
                  className: "flex items-center gap-2 justify-start",
                  children: d
                    ? e.jsxs("span", {
                        className:
                          "px-2.5 py-1.5 rounded-md text-[var(--primaria)] dark:text-[var(--primaria)] text-xs font-semibold flex items-center gap-1",
                        children: [
                          e.jsx(q, { size: 12 }),
                          " ",
                          o.assinaturaPremium,
                        ],
                      })
                    : e.jsxs("div", {
                        className:
                          "flex items-center gap-2 px-2.5 py-1.5 rounded-md text-gray-600 dark:text-gray-400 text-xs font-semibold",
                        children: [
                          e.jsx("span", {
                            className: "whitespace-nowrap",
                            children: o.planoGratuito,
                          }),
                          e.jsxs(g, {
                            onClick: () => window.open(a, "_blank"),
                            className:
                              "group relative overflow-hidden h-auto bg-[var(--primaria)] hover:bg-[var(--primaria)]/90 text-white py-1.5 px-3 rounded-md transition-all duration-200 border-none shadow-none outline-none",
                            whileTap: { scale: 0.98 },
                            initial: { opacity: 0, y: 10 },
                            animate: { opacity: 1, y: 0 },
                            children: [
                              e.jsx(n.div, {
                                className:
                                  "absolute top-0 -left-[100%] h-full w-1/2 bg-gradient-to-r from-transparent via-white/60 to-transparent skew-x-[-25deg]",
                                animate: { left: ["-100%", "100%"] },
                                transition: {
                                  duration: 2,
                                  repeat: 1 / 0,
                                  ease: "linear",
                                  repeatDelay: 2,
                                },
                              }),
                              e.jsxs("div", {
                                className:
                                  "relative z-10 flex items-center gap-2",
                                children: [
                                  e.jsx("span", {
                                    className:
                                      "text-xs font-semibold whitespace-nowrap",
                                    children: o.upgrade,
                                  }),
                                  e.jsx(O, {
                                    className:
                                      "w-4 h-4 shrink-0 opacity-70 group-hover:opacity-100",
                                  }),
                                ],
                              }),
                            ],
                          }),
                        ],
                      }),
                }),
                e.jsxs("p", {
                  className:
                    "text-xs text-gray-400 dark:text-gray-500 flex items-center gap-1.5 justify-start mt-2",
                  children: [
                    e.jsx(G, { size: 12 }),
                    o.registradoEm,
                    " ",
                    N(m, h),
                  ],
                }),
              ],
            },
            "view-mode",
          ),
    }),
  });
}
const de = {
    hidden: { opacity: 0 },
    visible: {
      opacity: 1,
      transition: {
        duration: 0.3,
        ease: "easeOut",
        staggerChildren: 0.07,
        delayChildren: 0.05,
      },
    },
  },
  me = {
    hidden: { opacity: 0, y: -12 },
    visible: {
      opacity: 1,
      y: 0,
      transition: { duration: 0.35, ease: [0.22, 1, 0.36, 1] },
    },
  },
  b = {
    hidden: { opacity: 0, y: 16 },
    visible: {
      opacity: 1,
      y: 0,
      transition: { duration: 0.4, ease: [0.22, 1, 0.36, 1] },
    },
  },
  pe = (s) => {
    if (!s) return "—";
    const r = s.replace(/\D/g, "");
    if (!r.startsWith("55")) return s;
    const t = r.slice(2).match(/^(\d{2})(\d{5})(\d{4})$/);
    return t ? `+55 (${t[1]}) ${t[2]}-${t[3]}` : s;
  },
  xe = { type: "spring", stiffness: 380, damping: 28 };
function ge() {
  const [s, r] = y.useState(!1),
    l = I(),
    t = v((i) => i.user),
    c = v((i) => i.session),
    d = v((i) => i.auth_google),
    m = v((i) => i.logout),
    a = j((i) => i.language),
    { config: o } = R(ne((i) => ({ config: i.config }))),
    h = D((i) => i.close),
    [w, N] = y.useState(!1),
    [g, S] = y.useState({ whatsapp: "", domSelector: "", remote_code: "" }),
    [p, k] = y.useState({
      name: t?.name ?? "",
      whatsapp_registro: t?.whatsapp_registro ?? "",
      whatsapp_plugin: t?.whatsapp_plugin ?? "",
    }),
    x = (i) => {
      k({ ...p, [i.target.name]: i.target.value });
    },
    T = async () => {
      N(!0);
      try {
        if (V) {
          const i = { full_name: p.name, name: p.name.trim().split(" ")[0] };
          (await V({ ...i })).success
            ? (v.setState({ user: { ...t, name: i.name } }),
              C.success(a.nomeAtualizadoComSucesso))
            : C.error(a.erroAoAtualizarNome);
        }
      } catch (i) {
        (console.error("Falha na requisição de atualização:", i),
          C.error(a.falhaDeComunicacaoTenteNovamente));
      } finally {
        (r(!1), N(!1));
      }
    },
    $ = () => {
      (k({
        name: t?.name ?? "",
        whatsapp_registro: t?.whatsapp_registro ?? "",
        whatsapp_plugin: t?.whatsapp_plugin ?? "",
      }),
        r(!1));
    };
  y.useEffect(() => {
    (async () => {
      const i = await ie.Whatsapp("version");
      S(i);
    })();
  }, []);
  const B = () => {
    const i = `*Versionamento ativo localmente*
* Plugin: \`${z.version}\`
* WhatsApp: \`${g.whatsapp}\`
* Código: \`${g.remote_code}\`
* Dom Selector: \`${g.domSelector}\``;
    (F(i), C.success(a.copySuccessMessage));
  };
  return e.jsx(n.div, {
    variants: de,
    initial: "hidden",
    animate: "visible",
    className: "p-8 w-full max-w-5xl mx-auto h-[calc(100vh-100px)]",
    children: e.jsxs("div", {
      className: "space-y-6",
      children: [
        e.jsxs(n.div, {
          variants: me,
          className: "flex flex-row items-center justify-between gap-4",
          children: [
            e.jsxs("div", {
              children: [
                e.jsx("h1", {
                  className: "text-3xl font-bold text-gray-900 dark:text-white",
                  children: a.perfilConfiguracoes,
                }),
                e.jsx("p", {
                  className: "text-sm text-gray-500 dark:text-gray-400 mt-1",
                  children: a.gerencieSuasInformacoesPreferenciasPlugin,
                }),
              ],
            }),
            e.jsx(le, {
              isEditing: s,
              isLoading: w,
              onEdit: () => r(!0),
              onSave: T,
              onCancel: $,
            }),
          ],
        }),
        e.jsxs("div", {
          className: "grid grid-cols-2 gap-6",
          children: [
            e.jsxs("div", {
              className: "space-y-6",
              children: [
                e.jsx(n.div, {
                  variants: b,
                  className:
                    "bg-white dark:bg-neutral-900 rounded-xl p-6 border border-gray-200 dark:border-gray-800",
                  children: e.jsxs("div", {
                    className: "flex flex-row items-center gap-6",
                    children: [
                      e.jsx("div", {
                        className: "relative",
                        children: e.jsx(se, {
                          size: "w-24 h-24",
                          textSize: "text-5xl",
                        }),
                      }),
                      e.jsx(ce, {
                        isEditing: s,
                        isLoading: w,
                        name: t?.name,
                        value: p.name,
                        onChange: x,
                        isPremium: c?.is_premium,
                        dataCadastro: t?.dataCadastro,
                        checkout: l,
                      }),
                    ],
                  }),
                }),
                e.jsxs(n.div, {
                  variants: b,
                  className:
                    "bg-white dark:bg-neutral-900 rounded-xl p-6 border border-gray-200 dark:border-gray-800",
                  children: [
                    e.jsxs("div", {
                      className: "flex items-center justify-between mb-5",
                      children: [
                        e.jsxs("h3", {
                          className:
                            "text-base font-bold text-gray-900 dark:text-white flex items-center gap-2",
                          children: [
                            e.jsx(L, {
                              size: 18,
                              className: "text-[var(--primaria)]",
                            }),
                            "Suporte",
                          ],
                        }),
                        e.jsx("button", {
                          onClick: B,
                          className:
                            "p-1 text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200 transition-colors rounded-md hover:bg-gray-100 dark:hover:bg-gray-800",
                          title: "Copiar",
                          "aria-label": "Copiar",
                          children: e.jsx(Q, { size: 18 }),
                        }),
                      ],
                    }),
                    e.jsxs("div", {
                      className: "space-y-4",
                      children: [
                        e.jsx(u, {
                          icon: e.jsx("img", {
                            className: "rounded-full",
                            src: chrome.runtime.getURL(
                              "label/icons/plugin/icon.png",
                            ),
                            draggable: !1,
                          }),
                          label: `Version ${o.primeiroNome}`,
                          noBackground: !0,
                          value: z.version,
                          onChange: x,
                        }),
                        e.jsx(u, {
                          icon: e.jsx(X, { size: 16 }),
                          label: "Version de WhatsApp",
                          value: g.whatsapp,
                          onChange: x,
                        }),
                        e.jsx(u, {
                          icon: e.jsx(Y, { size: 16 }),
                          label: "Version del Código",
                          value: g.remote_code,
                          onChange: x,
                        }),
                        e.jsx(u, {
                          icon: e.jsx(Z, { size: 16 }),
                          label: "Version del selector DOM",
                          value: g.domSelector,
                          onChange: x,
                        }),
                      ],
                    }),
                  ],
                }),
                e.jsxs(n.div, {
                  variants: b,
                  className:
                    "bg-white dark:bg-neutral-900 rounded-xl p-6 border border-gray-200 dark:border-gray-800",
                  children: [
                    e.jsxs("h3", {
                      className:
                        "text-base font-bold text-gray-900 dark:text-white mb-5 flex items-center gap-2",
                      children: [
                        e.jsx(_, {
                          size: 18,
                          className: "text-[var(--primaria)]",
                        }),
                        a.segurancaEAutenticacao,
                      ],
                    }),
                    e.jsx("div", {
                      className: "space-y-1",
                      children: c?.is_auth_google
                        ? e.jsx(A, {
                            icon: e.jsxs("svg", {
                              viewBox: "0 0 24 24",
                              width: "16",
                              height: "16",
                              xmlns: "http://www.w3.org/2000/svg",
                              children: [
                                e.jsx("path", {
                                  d: "M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z",
                                  fill: "#4285F4",
                                }),
                                e.jsx("path", {
                                  d: "M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z",
                                  fill: "#34A853",
                                }),
                                e.jsx("path", {
                                  d: "M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z",
                                  fill: "#FBBC05",
                                }),
                                e.jsx("path", {
                                  d: "M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z",
                                  fill: "#EA4335",
                                }),
                              ],
                            }),
                            title: a.contaGoogleVinculada,
                            description: d?.email_auth || a.conectado,
                          })
                        : e.jsx(A, {
                            icon: e.jsx(_, { size: 16 }),
                            title: a.acessoTradicional,
                            description: a.autenticadoViaEmailESenha,
                          }),
                    }),
                  ],
                }),
              ],
            }),
            e.jsxs("div", {
              className: "space-y-6",
              children: [
                e.jsxs(n.div, {
                  variants: b,
                  className:
                    "bg-white dark:bg-neutral-900 rounded-xl p-6 border border-gray-200 dark:border-gray-800",
                  children: [
                    e.jsxs("h3", {
                      className:
                        "text-base font-bold text-gray-900 dark:text-white mb-5 flex items-center gap-2",
                      children: [
                        e.jsx(E, {
                          size: 18,
                          className: "text-[var(--primaria)]",
                        }),
                        a.contatoELogin,
                      ],
                    }),
                    e.jsxs("div", {
                      className: "space-y-4",
                      children: [
                        e.jsx(u, {
                          icon: e.jsx(E, { size: 16 }),
                          label: a.emailAcesso,
                          value: t?.email || "—",
                          onChange: x,
                        }),
                        e.jsx(u, {
                          icon: e.jsx(J, { size: 16 }),
                          label: a.contato,
                          value: pe(p.whatsapp_registro),
                          onChange: x,
                        }),
                        e.jsxs(n.button, {
                          whileHover: { scale: 1.03 },
                          whileTap: { scale: 0.97 },
                          transition: xe,
                          onClick: () => {
                            (m(), h());
                          },
                          className:
                            "flex items-center gap-2 px-4 py-2 text-sm font-medium text-red-500 dark:text-red-400 bg-red-50 dark:bg-red-500/30 rounded-lg hover:bg-red-100 dark:hover:bg-red-500/40 transition-colors",
                          children: [e.jsx(K, { size: 16 }), a.encerrarSessao],
                        }),
                      ],
                    }),
                  ],
                }),
                e.jsxs(n.div, {
                  variants: b,
                  className:
                    "bg-white dark:bg-neutral-900 rounded-xl p-6 border border-gray-200 dark:border-gray-800",
                  children: [
                    e.jsxs("h3", {
                      className:
                        "text-base font-bold text-gray-900 dark:text-white mb-8 flex items-center gap-2",
                      children: [
                        e.jsx(ee, {
                          size: 18,
                          className: "text-[var(--primaria)]",
                        }),
                        a.gerenciamento,
                      ],
                    }),
                    e.jsxs("div", {
                      className: "space-y-4",
                      children: [
                        e.jsx(u, {
                          icon: e.jsx(ae, { size: 16 }),
                          label: a.aprendizagem,
                          value: `${a.tutoriais} ${o.primeiroNome}`,
                          //NOTA ET cambia el link de tutorial de configuracion deonde se ve la licencia
                          onClick: () =>
                            window.open("https://youtu.be/NiwUIGthf8M?si=Cj09RWt6UObp5y1_", "_blank"),
                          //onClick: () => P("tutorial"),
                          target: "_blank",
                        }),
                        e.jsx(u, {
                          icon: e.jsx(te, { size: 16 }),
                          label: a.financeiro,
                          value: a.abrirPainel,
                          onClick: () => window.open("https://www.relaccion.com/relaccion-lite-plus/panel", "_blank"),
                          target: "_blank",
                        }),
                      ],
                    }),
                  ],
                }),
              ],
            }),
          ],
        }),
      ],
    }),
  });
}
function Qe() {
  const s = D((r) => r.close);
  return e.jsxs("div", {
    className:
      "relative w-fit p-2 space-y-6 h-fit bg-gray-100 dark:bg-neutral-950 rounded-lg text-[var(--text)] m-auto",
    children: [
      e.jsx("button", {
        onClick: s,
        className: "absolute top-4 right-4 bg-transparent",
        children: e.jsx(M, {
          size: 20,
          className: "text-black dark:text-white",
        }),
      }),
      e.jsx("div", {
        className: "overflow-y-auto h-full w-full",
        children: e.jsx(ge, {}),
      }),
    ],
  });
}
export { Qe as default };
