@synchat/webchat 0.0.13 → 0.0.15

package/README.md

@@ -1,77 +1,150 @@
-# React + TypeScript Component Library (tsup)
+# @synchat/webchat
 
-Starter para publicar um componente React no npm e consumir em outro projeto.
+Componente de chat para sites, integrado à plataforma **Synchat**. Exibe um botão flutuante que abre um painel com formulário (nome, e-mail, telefone, mensagem) ou mensagem de fora do horário de atendimento, conforme a configuração do canal no portal.
 
-## Como usar este template
+- **Site Synchat:** [synchat.com.br](https://synchat.com.br)  
+- **Portal (cadastro e gestão):** [portal.synchat.com.br](https://portal.synchat.com.br)
 
-1. **Renomeie o pacote** em `package.json`:
-   - Para um pacote público com _scope_: `"name": "@seu-escopo/minha-lib"`
-     - O primeiro publish precisa de `--access public`
-   - Ou sem scope: `"name": "minha-lib"`
+---
+
+## Como se cadastrar na plataforma
+
+1. Acesse o **portal**: [https://portal.synchat.com.br](https://portal.synchat.com.br).
+2. Clique em **Cadastre-se** (ou acesse [https://portal.synchat.com.br/auth/register](https://portal.synchat.com.br/auth/register)).
+3. Preencha os dados da empresa e do usuário e finalize o cadastro.
+4. Após o login, você gerencia **canais**, **atendentes** e **conversas** pelo menu do portal.
+
+Para mais informações sobre a Synchat, acesse [synchat.com.br](https://synchat.com.br).
+
+---
 
-2. **Instale dependências**:
-   ```bash
-   npm install
-   ```
+## Criar um canal WebChat e obter o secret
 
-3. **Build**:
-   ```bash
-   npm run build
-   ```
+1. No **portal**, vá em **Canais** (ou **Configurações** → **Canais**).
+2. Clique em **Novo canal** e escolha **WebChat**.
+3. Preencha:
+   - **Nome** do canal (ex.: "Chat do site")
+   - **Descrição** (opcional)
+   - **Restringir por dias e horário** (opcional): ative para exibir mensagem de “fora do horário” quando configurado
+   - Horários de atendimento (dias úteis e fim de semana), se usar restrição
+   - **Quando inativo, enviar para a fila** (opcional)
+4. Clique em **Criar canal WebChat**.
+5. Após a criação, o portal exibe o **secret** do canal. **Copie e guarde** esse valor — ele será usado no componente no seu site.
 
-4. **Publicar no npm**:
-   - Faça login (`npm login`).
-   - Se usar scope público: `npm publish --access public`
-     - Sem scope: `npm publish`
+O **secret** identifica o canal na API e no widget; não o compartilhe publicamente.
 
-> Dica: mantenha `react` e `react-dom` como `peerDependencies` (já configurado).
-> Isso evita múltiplas cópias do React no projeto consumidor.
+---
+
+## Instalação
 
-## Estrutura
+```bash
+npm install @synchat/webchat
 ```
-.
-├─ src/
-│  ├─ index.tsx
-│  └─ index.ts
-├─ package.json
-├─ tsconfig.json
-├─ tsup.config.ts
-├─ .gitignore
-└─ .npmignore
+
+O pacote usa **React** e **Material UI** como dependências do seu projeto. Se ainda não tiver:
+
+```bash
+npm install react react-dom @mui/material @mui/icons-material @emotion/react @emotion/styled
 ```
 
-- Edite/adicione componentes em `src/` e reexporte em `src/index.ts`.
+---
 
-## Consumindo em outro projeto
+## Uso básico
 
-```bash
-# em outro app (Vite, Next, CRA, etc.)
-npm install minha-lib
-# ou
-npm install @seu-escopo/minha-lib
+Importe o componente e informe o **secret** (obtido no portal) e a **URL base da API** da Synchat:
+
+```tsx
+import { WebChat } from "@synchat/webchat";
+
+function App() {
+  return (
+    <WebChat
+      secret="SEU_SECRET_DO_PORTAL"
+      apiBaseUrl="https://api.synchat.com.br"
+    />
+  );
+}
 ```
 
+- **secret:** valor exibido ao criar o canal WebChat no portal.  
+- **apiBaseUrl:** URL base da API (ex.: `https://api.synchat.com.br` em produção).
+
+O widget exibe um **botão flutuante** no canto inferior direito. Ao clicar:
+
+- Se o canal estiver **ativo** e **dentro do horário** (ou sem restrição): mostra o formulário (nome, e-mail, telefone, mensagem) e o botão **Iniciar chat**.
+- Se estiver **fora do horário** (com restrição configurada): mostra a mensagem de horário de atendimento.
+- Se o canal estiver inativo ou o secret for inválido: mostra mensagem de indisponibilidade.
+
+---
+
+## Início da conversa (WebSocket)
+
+O **início da conversa** não é feito por API; será feito via **WebSocket**. Por isso, o componente espera que você implemente o callback **onStartChat** e, nele, conecte ao WebSocket da Synchat e envie os dados do visitante.
+
+Exemplo de uso com **onStartChat**:
+
 ```tsx
-// Exemplo de uso
-import { Index } from 'minha-lib'
+<WebChat
+  secret="SEU_SECRET_DO_PORTAL"
+  apiBaseUrl="https://api.synchat.com.br"
+  onStartChat={async (data) => {
+    // Conectar ao WebSocket usando o secret e enviar
+    // name, email, phone, message conforme documentação da API/WebSocket
+    await minhaConexaoWebSocket.iniciarChat(data);
+  }}
+/>
+```
 
-export default function Page() {
-  return <Index onClick={() => alert('olá!')}>Enviar</Index>
-}
+Se **onStartChat** não for passado, o widget exibe uma mensagem orientando a configurá-lo (conversa via WebSocket).
+
+---
+
+## Props
+
+| Prop            | Tipo     | Obrigatório | Descrição |
+|-----------------|----------|-------------|-----------|
+| **secret**      | `string` | Sim         | Secret do canal WebChat (portal → Canais → criar WebChat → copiar secret). |
+| **apiBaseUrl**  | `string` | Sim         | URL base da API (ex.: `https://api.synchat.com.br`). |
+| **onStartChat** | `(data) => void \| Promise<void>` | Não | Callback ao clicar em "Iniciar chat". Recebe `{ name, email, phone, message }`. Implemente aqui a conexão WebSocket. |
+| **outOfHoursMessage** | `string` | Não | Mensagem customizada quando estiver fora do horário. Se não informado, usa o texto padrão com o horário configurado no canal. |
+
+---
+
+## Variáveis de ambiente (sugestão)
+
+Em produção, evite deixar o secret no código. Use variáveis de ambiente:
+
+```env
+VITE_WEBCHAT_SECRET=seu_secret_aqui
+VITE_SYNCHAT_API_URL=https://api.synchat.com.br
+```
+
+```tsx
+<WebChat
+  secret={import.meta.env.VITE_WEBCHAT_SECRET ?? ""}
+  apiBaseUrl={import.meta.env.VITE_SYNCHAT_API_URL ?? "https://api.synchat.com.br"}
+  onStartChat={handleStartChat}
+/>
 ```
 
-## Versionamento
-- Atualize `version` no `package.json` (ex.: `0.1.1`) antes de publicar novamente.
-- Ou use `npm version patch|minor|major`.
+---
 
-## Teste local sem publicar (opcional)
-- `npm pack` gera um `.tgz` local. No app consumidor: `npm install ../caminho/minha-lib-0.1.0.tgz`.
+## Resumo do fluxo
 
-## Dicas de qualidade
-- Adicione linters (`eslint`, `prettier`).
-- Configure CI (GitHub Actions) e _release_ automatizado (semantic-release).
-- Exporte CSS opcional com `style`/`files` ou mantenha apenas estilos inline/CSS-in-JS.
-- Se for SSR/Next.js, prefira `exports` bem definidos (já incluso).
+1. **Cadastro:** [portal.synchat.com.br](https://portal.synchat.com.br) → Cadastre-se.  
+2. **Canal WebChat:** Portal → Canais → Novo canal → WebChat → preencher → Criar → **copiar o secret**.  
+3. **No site:** `npm install @synchat/webchat` e usar `<WebChat secret="..." apiBaseUrl="..." />`.  
+4. **Conversa:** Implementar **onStartChat** para conectar ao WebSocket e enviar a primeira mensagem quando o recurso estiver disponível.
 
 ---
-Feito com ❤️
+
+## Links
+
+- **Site:** [synchat.com.br](https://synchat.com.br)  
+- **Portal (login/cadastro):** [portal.synchat.com.br](https://portal.synchat.com.br)  
+- **Cadastro:** [portal.synchat.com.br/auth/register](https://portal.synchat.com.br/auth/register)  
+- **Pacote no npm:** [npmjs.com/package/@synchat/webchat](https://www.npmjs.com/package/@synchat/webchat)
+
+---
+
+Feito com ❤️ por [Synchat](https://synchat.com.br)

package/dist/index.d.mts

@@ -1,6 +1,5 @@
 import * as React from 'react';
-import { FC } from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import React__default, { FC } from 'react';
 
 type ChatButtonProps = {
     children?: React.ReactNode;
@@ -17,6 +16,42 @@ interface IComponent<T = {}> extends FC<IDefaultProps & T> {
 
 declare const ChatButton: IComponent<ChatButtonProps>;
 
-declare const WebChat: () => react_jsx_runtime.JSX.Element;
+interface WebChatSchedule {
+    weekDays?: string[];
+    weekdaysStart?: string;
+    weekdaysEnd?: string;
+    weekendStart?: string;
+    weekendEnd?: string;
+}
+interface WebChatConfig {
+    name: string;
+    status: string;
+    restrictBySchedule?: boolean;
+    schedule?: WebChatSchedule;
+    sendToQueueWhenInactive?: boolean;
+}
+interface WebChatProps {
+    /** Channel secret (from portal when creating webchat channel). */
+    secret: string;
+    /** Base URL of the Synchat API (e.g. https://api.synchat.com.br). */
+    apiBaseUrl: string;
+    /** Called when user clicks "Iniciar chat". The app should connect via WebSocket and send the message (conversation start is not via API). */
+    onStartChat?: (data: {
+        name: string;
+        email: string;
+        phone: string;
+        message: string;
+    }) => void | Promise<void>;
+    /** Optional: custom out-of-hours message. If not set, uses schedule from config. */
+    outOfHoursMessage?: string;
+}
+interface WebChatFormData {
+    name: string;
+    email: string;
+    phone: string;
+    message: string;
+}
+
+declare const WebChat: React__default.FC<WebChatProps>;
 
-export { ChatButton, type ChatButtonProps, WebChat };
+export { ChatButton, type ChatButtonProps, WebChat, type WebChatConfig, type WebChatFormData, type WebChatProps };

package/dist/index.d.ts

@@ -1,6 +1,5 @@
 import * as React from 'react';
-import { FC } from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import React__default, { FC } from 'react';
 
 type ChatButtonProps = {
     children?: React.ReactNode;
@@ -17,6 +16,42 @@ interface IComponent<T = {}> extends FC<IDefaultProps & T> {
 
 declare const ChatButton: IComponent<ChatButtonProps>;
 
-declare const WebChat: () => react_jsx_runtime.JSX.Element;
+interface WebChatSchedule {
+    weekDays?: string[];
+    weekdaysStart?: string;
+    weekdaysEnd?: string;
+    weekendStart?: string;
+    weekendEnd?: string;
+}
+interface WebChatConfig {
+    name: string;
+    status: string;
+    restrictBySchedule?: boolean;
+    schedule?: WebChatSchedule;
+    sendToQueueWhenInactive?: boolean;
+}
+interface WebChatProps {
+    /** Channel secret (from portal when creating webchat channel). */
+    secret: string;
+    /** Base URL of the Synchat API (e.g. https://api.synchat.com.br). */
+    apiBaseUrl: string;
+    /** Called when user clicks "Iniciar chat". The app should connect via WebSocket and send the message (conversation start is not via API). */
+    onStartChat?: (data: {
+        name: string;
+        email: string;
+        phone: string;
+        message: string;
+    }) => void | Promise<void>;
+    /** Optional: custom out-of-hours message. If not set, uses schedule from config. */
+    outOfHoursMessage?: string;
+}
+interface WebChatFormData {
+    name: string;
+    email: string;
+    phone: string;
+    message: string;
+}
+
+declare const WebChat: React__default.FC<WebChatProps>;
 
-export { ChatButton, type ChatButtonProps, WebChat };
+export { ChatButton, type ChatButtonProps, WebChat, type WebChatConfig, type WebChatFormData, type WebChatProps };

package/dist/index.js

@@ -2,6 +2,16 @@
 
 var material = require('@mui/material');
 var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var CloseIcon = require('@mui/icons-material/Close');
+var ChatIcon = require('@mui/icons-material/Chat');
+var ScheduleIcon = require('@mui/icons-material/Schedule');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var CloseIcon__default = /*#__PURE__*/_interopDefault(CloseIcon);
+var ChatIcon__default = /*#__PURE__*/_interopDefault(ChatIcon);
+var ScheduleIcon__default = /*#__PURE__*/_interopDefault(ScheduleIcon);
 
 // src/lib/components/button/styles.tsx
 var AtomButton = material.styled(material.Button, {
@@ -31,14 +41,256 @@ var ChatButton = ({ children = "Chat", onClick, className, disabled }) => {
     }
   );
 };
-var WebChat = () => {
-  return /* @__PURE__ */ jsxRuntime.jsx("button", { style: {
-    position: "fixed",
-    bottom: "20px",
-    right: "20px",
-    backgroundColor: "#007bff",
-    display: "flex"
-  }, children: "CHAT" });
+var DAY_MAP = {
+  0: "SUNDAY",
+  1: "MONDAY",
+  2: "TUESDAY",
+  3: "WEDNESDAY",
+  4: "THURSDAY",
+  5: "FRIDAY",
+  6: "SATURDAY"
+};
+function isWithinSchedule(config) {
+  if (!config.restrictBySchedule || !config.schedule) return true;
+  const now = /* @__PURE__ */ new Date();
+  const day = DAY_MAP[now.getDay()];
+  const time = String(now.getHours()).padStart(2, "0") + ":" + String(now.getMinutes()).padStart(2, "0");
+  const weekDays = config.schedule.weekDays ?? [
+    "MONDAY",
+    "TUESDAY",
+    "WEDNESDAY",
+    "THURSDAY",
+    "FRIDAY"
+  ];
+  const isWeekday = weekDays.includes(day);
+  if (isWeekday) {
+    const start2 = config.schedule.weekdaysStart ?? "07:00";
+    const end2 = config.schedule.weekdaysEnd ?? "18:00";
+    return time >= start2 && time <= end2;
+  }
+  const start = config.schedule.weekendStart ?? "07:00";
+  const end = config.schedule.weekendEnd ?? "13:00";
+  return time >= start && time <= end;
+}
+function formatScheduleMessage(config) {
+  if (!config.schedule) {
+    return "Nosso hor\xE1rio de atendimento \xE9 de segunda \xE0 sexta-feira das 07:00h \xE0s 18:00h. S\xE1bados, domingos e feriados das 07:00h \xE0s 13:00h.";
+  }
+  const wdStart = config.schedule.weekdaysStart ?? "07:00";
+  const wdEnd = config.schedule.weekdaysEnd ?? "18:00";
+  const weStart = config.schedule.weekendStart ?? "07:00";
+  const weEnd = config.schedule.weekendEnd ?? "13:00";
+  return `Nosso hor\xE1rio de atendimento \xE9 de segunda \xE0 sexta-feira das ${wdStart}h \xE0s ${wdEnd}h. S\xE1bados, domingos e feriados das ${weStart}h \xE0s ${weEnd}h.`;
+}
+var WebChat = ({
+  secret,
+  apiBaseUrl,
+  onStartChat,
+  outOfHoursMessage
+}) => {
+  const [config, setConfig] = react.useState(null);
+  const [loading, setLoading] = react.useState(true);
+  const [error, setError] = react.useState(null);
+  const [open, setOpen] = react.useState(false);
+  const [submitting, setSubmitting] = react.useState(false);
+  const [submitted, setSubmitted] = react.useState(false);
+  const [form, setForm] = react.useState({
+    name: "",
+    email: "",
+    phone: "",
+    message: ""
+  });
+  const fetchConfig = react.useCallback(async () => {
+    if (!secret || !apiBaseUrl) return;
+    setLoading(true);
+    setError(null);
+    try {
+      const base = apiBaseUrl.replace(/\/$/, "");
+      const res = await fetch(`${base}/channel/webchat/${encodeURIComponent(secret)}`);
+      if (!res.ok) {
+        setError("Canal n\xE3o encontrado.");
+        setConfig(null);
+        return;
+      }
+      const data = await res.json();
+      setConfig(data);
+    } catch {
+      setError("N\xE3o foi poss\xEDvel carregar o canal.");
+      setConfig(null);
+    } finally {
+      setLoading(false);
+    }
+  }, [secret, apiBaseUrl]);
+  react.useEffect(() => {
+    fetchConfig();
+  }, [fetchConfig]);
+  const isActive = config && (config.status === "live" || config.status === "enable");
+  const outsideHours = config && config.restrictBySchedule && !isWithinSchedule(config);
+  const showOutOfHours = isActive && outsideHours;
+  const showForm = isActive && !outsideHours;
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    if (submitting || !form.name.trim()) return;
+    if (!onStartChat) {
+      setError("In\xEDcio de conversa ser\xE1 via WebSocket. Configure onStartChat no componente.");
+      return;
+    }
+    setSubmitting(true);
+    try {
+      await onStartChat({
+        name: form.name.trim(),
+        email: form.email.trim(),
+        phone: form.phone.trim(),
+        message: form.message.trim()
+      });
+      setSubmitted(true);
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Erro ao enviar.");
+    } finally {
+      setSubmitting(false);
+    }
+  };
+  if (!secret) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      material.IconButton,
+      {
+        onClick: () => setOpen((o) => !o),
+        sx: {
+          position: "fixed",
+          bottom: 20,
+          right: 20,
+          width: 56,
+          height: 56,
+          bgcolor: "#007bff",
+          color: "white",
+          "&:hover": { bgcolor: "#0056b3" },
+          boxShadow: 2
+        },
+        size: "large",
+        children: /* @__PURE__ */ jsxRuntime.jsx(ChatIcon__default.default, {})
+      }
+    ),
+    open && /* @__PURE__ */ jsxRuntime.jsxs(
+      material.Box,
+      {
+        sx: {
+          position: "fixed",
+          bottom: 90,
+          right: 20,
+          width: 380,
+          maxWidth: "calc(100vw - 40px)",
+          maxHeight: "calc(100vh - 120px)",
+          overflow: "auto",
+          bgcolor: "background.paper",
+          borderRadius: 2,
+          boxShadow: 6,
+          zIndex: 1300,
+          display: "flex",
+          flexDirection: "column"
+        },
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            material.Box,
+            {
+              sx: {
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "space-between",
+                p: 1.5,
+                borderBottom: 1,
+                borderColor: "divider"
+              },
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "subtitle1", fontWeight: 600, children: config?.name ?? "Chat" }),
+                /* @__PURE__ */ jsxRuntime.jsx(material.IconButton, { size: "small", onClick: () => setOpen(false), children: /* @__PURE__ */ jsxRuntime.jsx(CloseIcon__default.default, {}) })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { p: 2, flex: 1 }, children: [
+            loading && /* @__PURE__ */ jsxRuntime.jsx(material.Box, { display: "flex", justifyContent: "center", py: 3, children: /* @__PURE__ */ jsxRuntime.jsx(material.CircularProgress, { size: 32 }) }),
+            error && !loading && /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { color: "error", variant: "body2", children: error }),
+            !loading && config && !isActive && /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { color: "text.secondary", variant: "body2", children: "Este canal n\xE3o est\xE1 dispon\xEDvel no momento." }),
+            showOutOfHours && /* @__PURE__ */ jsxRuntime.jsxs(
+              material.Box,
+              {
+                sx: {
+                  textAlign: "center",
+                  py: 2,
+                  px: 1,
+                  bgcolor: "#1976d2",
+                  borderRadius: 1,
+                  color: "white"
+                },
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(ScheduleIcon__default.default, { sx: { fontSize: 48, opacity: 0.9, mb: 1 } }),
+                  /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body1", sx: { fontWeight: 500, mb: 1 }, children: "Fora do hor\xE1rio de atendimento" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body2", sx: { opacity: 0.95 }, children: outOfHoursMessage ?? formatScheduleMessage(config) })
+                ]
+              }
+            ),
+            showForm && !submitted && /* @__PURE__ */ jsxRuntime.jsx("form", { onSubmit: handleSubmit, children: /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { display: "flex", flexDirection: "column", gap: 2, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                material.TextField,
+                {
+                  label: "Nome",
+                  value: form.name,
+                  onChange: (e) => setForm((f) => ({ ...f, name: e.target.value })),
+                  required: true,
+                  fullWidth: true,
+                  size: "small"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                material.TextField,
+                {
+                  label: "E-mail",
+                  type: "email",
+                  value: form.email,
+                  onChange: (e) => setForm((f) => ({ ...f, email: e.target.value })),
+                  fullWidth: true,
+                  size: "small"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                material.TextField,
+                {
+                  label: "Telefone",
+                  value: form.phone,
+                  onChange: (e) => setForm((f) => ({ ...f, phone: e.target.value })),
+                  fullWidth: true,
+                  size: "small"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                material.TextField,
+                {
+                  label: "Mensagem",
+                  value: form.message,
+                  onChange: (e) => setForm((f) => ({ ...f, message: e.target.value })),
+                  multiline: true,
+                  rows: 3,
+                  fullWidth: true,
+                  size: "small"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                material.Button,
+                {
+                  type: "submit",
+                  variant: "contained",
+                  disabled: submitting || !form.name.trim(),
+                  fullWidth: true,
+                  children: submitting ? "Enviando\u2026" : "Iniciar chat"
+                }
+              )
+            ] }) }),
+            showForm && submitted && /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { color: "text.secondary", variant: "body2", sx: { py: 2 }, children: "Sua mensagem foi enviada. Em breve um atendente responder\xE1." })
+          ] })
+        ]
+      }
+    )
+  ] });
 };
 
 exports.ChatButton = ChatButton;

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/lib/components/button/styles.tsx","../src/lib/components/button/index.tsx","../src/lib/components/webchat/index.tsx"],"names":["styled","Button","jsx"],"mappings":";;;;;;AA8EO,IAAM,UAAA,GAAaA,gBAAOC,eAAA,EAAQ;AAAA,EACrC,iBAAA,EAAmB,CAAC,IAAA,KAAS,IAAA,KAAS;AAC1C,CAAC,CAAA,CAAmB,CAAC,EAAE,UAAA,GAAa,WAAU,KAAM;AAEhD,EAAA,OAAO,EACP;AAEJ,CAAC,CAAA;AChFM,IAAM,UAAA,GAA0C,CAAC,EAAE,QAAA,GAAW,QAAQ,OAAA,EAAS,SAAA,EAAW,UAAS,KAAM;AAC9G,EAAA,uBACEC,cAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,OAAA;AAAA,MACA,QAAA;AAAA,MACA,SAAA;AAAA,MACA,KAAA,EAAO;AAAA,QACH,QAAA,EAAU,OAAA;AAAA,QACV,MAAA,EAAQ,MAAA;AAAA,QACR,KAAA,EAAO,MAAA;AAAA,QACP,eAAA,EAAiB,SAAA;AAAA,QACjB,KAAA,EAAO,MAAA;AAAA,QACP,OAAA,EAAS,MAAA;AAAA,QACT,YAAA,EAAc,KAAA;AAAA,QACd,KAAA,EAAO,MAAA;AAAA,QACP,MAAA,EAAQ;AAAA,OACZ;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ;AC1BO,IAAM,UAAU,MAAM;AACzB,EAAA,uBACIA,cAAAA,CAAC,QAAA,EAAA,EAAO,KAAA,EAAO;AAAA,IACX,QAAA,EAAU,OAAA;AAAA,IACV,MAAA,EAAQ,MAAA;AAAA,IACR,KAAA,EAAO,MAAA;AAAA,IACP,eAAA,EAAiB,SAAA;AAAA,IACjB,OAAA,EAAS;AAAA,KACV,QAAA,EAAA,MAAA,EAEH,CAAA;AAER","file":"index.js","sourcesContent":["import { Button, ButtonProps, styled } from \"@mui/material\";\nimport { ButtonHTMLAttributes } from \"react\";\n\nconst disabledStyles = {\n    backgroundColor: \"#E0E0E0\",\n    color: \"#9E9E9E\",\n    borderColor: \"#BDBDBD\",\n};\n\nconst buttonVariants = {\n    primary: {\n        background: \"#00BB7E\",\n        color: \"#FFF\",\n        border: \"none\",\n    },\n    secondary: {\n        background: \"transparent\",\n        color: \"#00BB7E\",\n        border: \"#00BB7E\",\n    },\n    error: {\n        background: \"transparent\",\n        color: \"#D32F2F\",\n        border: \"#D32F2F\",\n    },\n    danger: {\n        background: \"#E61E2E\",\n        color: \"#fff\",\n        border: \"none\",\n    },\n    outlinedBlue: {\n        background: \"transparent\",\n        color: \"#2196F3\",\n        border: \"#2196F3\",\n    },\n    outlinedGreen: {\n        background: \"transparent\",\n        color: \"#00BB7E\",\n        border: \"#00BB7E\",\n    },\n    outlinedBlack: {\n        background: \"transparent\",\n        color: \"#000000DE\",\n        border: \"#000000DE\",\n    },\n    outlinedGrey: {\n        background: \"transparent\",\n        color: \"#59676D\",\n        border: \"#0B0D0E52\",\n    },\n    textPrimary: {\n        background: \"transparent\",\n        color: \"#00BB7E\",\n        border: \"transparent\",\n    },\n    textSecondary: {\n        background: \"transparent\",\n        color: \"#000000DE\",\n        border: \"transparent\",\n    },\n    textBlue: {\n        background: \"transparent\",\n        color: \"#2196F3\",\n        border: \"transparent\",\n    },\n    default: {\n        background: \"#00BB7E\",\n        color: \"#FFF\",\n        border: \"#00BB7E\",\n    },\n};\n\ninterface AtomButtonProps\n    extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, \"color\">,\n        ButtonProps {\n    buttonType?: keyof typeof buttonVariants;\n}\n\nexport const AtomButton = styled(Button, {\n    shouldForwardProp: (prop) => prop !== \"buttonType\",\n})<AtomButtonProps>(({ buttonType = \"default\" }) => {\n\n    return {\n    }\n\n});","import * as React from 'react'\nimport { ChatButtonProps } from \"./types\";\nimport IComponent from \"../../../types/component\";\nimport { AtomButton } from \"./styles\";\n\nexport const ChatButton: IComponent<ChatButtonProps> = ({ children = 'Chat', onClick, className, disabled }) => {\n  return (\n    <AtomButton\n      onClick={onClick}\n      disabled={disabled}\n      className={className}\n      style={{\n          position: \"fixed\",\n          bottom: \"20px\",\n          right: \"20px\",\n          backgroundColor: \"#007bff\",\n          color: \"#fff\",\n          display: \"flex\",\n          borderRadius: \"50%\",\n          width: \"60px\",\n          height: \"60px\"\n      }}\n    >\n      {children}\n    </AtomButton>\n  )\n}\n","export const WebChat = () => {\n    return (\n        <button style={{\n            position: \"fixed\",\n            bottom: \"20px\",\n            right: \"20px\",\n            backgroundColor: \"#007bff\",\n            display: \"flex\",\n        }}>\n            CHAT\n        </button>\n    )\n}"]}
+{"version":3,"sources":["../src/lib/components/button/styles.tsx","../src/lib/components/button/index.tsx","../src/lib/components/webchat/index.tsx"],"names":["styled","Button","jsx","start","end","useState","useCallback","useEffect","jsxs","Fragment","IconButton","ChatIcon","Box","Typography","CloseIcon","CircularProgress","ScheduleIcon","TextField"],"mappings":"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","file":"index.js","sourcesContent":["import { Button, ButtonProps, styled } from \"@mui/material\";\nimport { ButtonHTMLAttributes } from \"react\";\n\nconst disabledStyles = {\n    backgroundColor: \"#E0E0E0\",\n    color: \"#9E9E9E\",\n    borderColor: \"#BDBDBD\",\n};\n\nconst buttonVariants = {\n    primary: {\n        background: \"#00BB7E\",\n        color: \"#FFF\",\n        border: \"none\",\n    },\n    secondary: {\n        background: \"transparent\",\n        color: \"#00BB7E\",\n        border: \"#00BB7E\",\n    },\n    error: {\n        background: \"transparent\",\n        color: \"#D32F2F\",\n        border: \"#D32F2F\",\n    },\n    danger: {\n        background: \"#E61E2E\",\n        color: \"#fff\",\n        border: \"none\",\n    },\n    outlinedBlue: {\n        background: \"transparent\",\n        color: \"#2196F3\",\n        border: \"#2196F3\",\n    },\n    outlinedGreen: {\n        background: \"transparent\",\n        color: \"#00BB7E\",\n        border: \"#00BB7E\",\n    },\n    outlinedBlack: {\n        background: \"transparent\",\n        color: \"#000000DE\",\n        border: \"#000000DE\",\n    },\n    outlinedGrey: {\n        background: \"transparent\",\n        color: \"#59676D\",\n        border: \"#0B0D0E52\",\n    },\n    textPrimary: {\n        background: \"transparent\",\n        color: \"#00BB7E\",\n        border: \"transparent\",\n    },\n    textSecondary: {\n        background: \"transparent\",\n        color: \"#000000DE\",\n        border: \"transparent\",\n    },\n    textBlue: {\n        background: \"transparent\",\n        color: \"#2196F3\",\n        border: \"transparent\",\n    },\n    default: {\n        background: \"#00BB7E\",\n        color: \"#FFF\",\n        border: \"#00BB7E\",\n    },\n};\n\ninterface AtomButtonProps\n    extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, \"color\">,\n        ButtonProps {\n    buttonType?: keyof typeof buttonVariants;\n}\n\nexport const AtomButton = styled(Button, {\n    shouldForwardProp: (prop) => prop !== \"buttonType\",\n})<AtomButtonProps>(({ buttonType = \"default\" }) => {\n\n    return {\n    }\n\n});","import * as React from 'react'\nimport { ChatButtonProps } from \"./types\";\nimport IComponent from \"../../../types/component\";\nimport { AtomButton } from \"./styles\";\n\nexport const ChatButton: IComponent<ChatButtonProps> = ({ children = 'Chat', onClick, className, disabled }) => {\n  return (\n    <AtomButton\n      onClick={onClick}\n      disabled={disabled}\n      className={className}\n      style={{\n          position: \"fixed\",\n          bottom: \"20px\",\n          right: \"20px\",\n          backgroundColor: \"#007bff\",\n          color: \"#fff\",\n          display: \"flex\",\n          borderRadius: \"50%\",\n          width: \"60px\",\n          height: \"60px\"\n      }}\n    >\n      {children}\n    </AtomButton>\n  )\n}\n","import React, { useCallback, useEffect, useState } from \"react\";\nimport {\n  Box,\n  Button,\n  CircularProgress,\n  IconButton,\n  TextField,\n  Typography,\n} from \"@mui/material\";\nimport CloseIcon from \"@mui/icons-material/Close\";\nimport ChatIcon from \"@mui/icons-material/Chat\";\nimport ScheduleIcon from \"@mui/icons-material/Schedule\";\nimport { WebChatConfig, WebChatProps } from \"./types\";\n\nconst DAY_MAP: Record<number, string> = {\n  0: \"SUNDAY\",\n  1: \"MONDAY\",\n  2: \"TUESDAY\",\n  3: \"WEDNESDAY\",\n  4: \"THURSDAY\",\n  5: \"FRIDAY\",\n  6: \"SATURDAY\",\n};\n\nfunction isWithinSchedule(config: WebChatConfig): boolean {\n  if (!config.restrictBySchedule || !config.schedule) return true;\n\n  const now = new Date();\n  const day = DAY_MAP[now.getDay()];\n  const time =\n    String(now.getHours()).padStart(2, \"0\") +\n    \":\" +\n    String(now.getMinutes()).padStart(2, \"0\");\n  const weekDays = config.schedule.weekDays ?? [\n    \"MONDAY\",\n    \"TUESDAY\",\n    \"WEDNESDAY\",\n    \"THURSDAY\",\n    \"FRIDAY\",\n  ];\n  const isWeekday = weekDays.includes(day);\n\n  if (isWeekday) {\n    const start = config.schedule.weekdaysStart ?? \"07:00\";\n    const end = config.schedule.weekdaysEnd ?? \"18:00\";\n    return time >= start && time <= end;\n  }\n\n  const start = config.schedule.weekendStart ?? \"07:00\";\n  const end = config.schedule.weekendEnd ?? \"13:00\";\n  return time >= start && time <= end;\n}\n\nfunction formatScheduleMessage(config: WebChatConfig): string {\n  if (!config.schedule) {\n    return \"Nosso horário de atendimento é de segunda à sexta-feira das 07:00h às 18:00h. Sábados, domingos e feriados das 07:00h às 13:00h.\";\n  }\n  const wdStart = config.schedule.weekdaysStart ?? \"07:00\";\n  const wdEnd = config.schedule.weekdaysEnd ?? \"18:00\";\n  const weStart = config.schedule.weekendStart ?? \"07:00\";\n  const weEnd = config.schedule.weekendEnd ?? \"13:00\";\n  return `Nosso horário de atendimento é de segunda à sexta-feira das ${wdStart}h às ${wdEnd}h. Sábados, domingos e feriados das ${weStart}h às ${weEnd}h.`;\n}\n\nexport const WebChat: React.FC<WebChatProps> = ({\n  secret,\n  apiBaseUrl,\n  onStartChat,\n  outOfHoursMessage,\n}) => {\n  const [config, setConfig] = useState<WebChatConfig | null>(null);\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState<string | null>(null);\n  const [open, setOpen] = useState(false);\n  const [submitting, setSubmitting] = useState(false);\n  const [submitted, setSubmitted] = useState(false);\n\n  const [form, setForm] = useState({\n    name: \"\",\n    email: \"\",\n    phone: \"\",\n    message: \"\",\n  });\n\n  const fetchConfig = useCallback(async () => {\n    if (!secret || !apiBaseUrl) return;\n    setLoading(true);\n    setError(null);\n    try {\n      const base = apiBaseUrl.replace(/\\/$/, \"\");\n      const res = await fetch(`${base}/channel/webchat/${encodeURIComponent(secret)}`);\n      if (!res.ok) {\n        setError(\"Canal não encontrado.\");\n        setConfig(null);\n        return;\n      }\n      const data: WebChatConfig = await res.json();\n      setConfig(data);\n    } catch {\n      setError(\"Não foi possível carregar o canal.\");\n      setConfig(null);\n    } finally {\n      setLoading(false);\n    }\n  }, [secret, apiBaseUrl]);\n\n  useEffect(() => {\n    fetchConfig();\n  }, [fetchConfig]);\n\n  const isActive =\n    config &&\n    (config.status === \"live\" || config.status === \"enable\");\n  const outsideHours =\n    config && config.restrictBySchedule && !isWithinSchedule(config);\n  const showOutOfHours = isActive && outsideHours;\n  const showForm = isActive && !outsideHours;\n\n  const handleSubmit = async (e: React.FormEvent) => {\n    e.preventDefault();\n    if (submitting || !form.name.trim()) return;\n    if (!onStartChat) {\n      setError(\"Início de conversa será via WebSocket. Configure onStartChat no componente.\");\n      return;\n    }\n\n    setSubmitting(true);\n    try {\n      await onStartChat({\n        name: form.name.trim(),\n        email: form.email.trim(),\n        phone: form.phone.trim(),\n        message: form.message.trim(),\n      });\n      setSubmitted(true);\n    } catch (err) {\n      setError(err instanceof Error ? err.message : \"Erro ao enviar.\");\n    } finally {\n      setSubmitting(false);\n    }\n  };\n\n  if (!secret) return null;\n\n  return (\n    <>\n      <IconButton\n        onClick={() => setOpen((o) => !o)}\n        sx={{\n          position: \"fixed\",\n          bottom: 20,\n          right: 20,\n          width: 56,\n          height: 56,\n          bgcolor: \"#007bff\",\n          color: \"white\",\n          \"&:hover\": { bgcolor: \"#0056b3\" },\n          boxShadow: 2,\n        }}\n        size=\"large\"\n      >\n        <ChatIcon />\n      </IconButton>\n\n      {open && (\n        <Box\n          sx={{\n            position: \"fixed\",\n            bottom: 90,\n            right: 20,\n            width: 380,\n            maxWidth: \"calc(100vw - 40px)\",\n            maxHeight: \"calc(100vh - 120px)\",\n            overflow: \"auto\",\n            bgcolor: \"background.paper\",\n            borderRadius: 2,\n            boxShadow: 6,\n            zIndex: 1300,\n            display: \"flex\",\n            flexDirection: \"column\",\n          }}\n        >\n          <Box\n            sx={{\n              display: \"flex\",\n              alignItems: \"center\",\n              justifyContent: \"space-between\",\n              p: 1.5,\n              borderBottom: 1,\n              borderColor: \"divider\",\n            }}\n          >\n            <Typography variant=\"subtitle1\" fontWeight={600}>\n              {config?.name ?? \"Chat\"}\n            </Typography>\n            <IconButton size=\"small\" onClick={() => setOpen(false)}>\n              <CloseIcon />\n            </IconButton>\n          </Box>\n\n          <Box sx={{ p: 2, flex: 1 }}>\n            {loading && (\n              <Box display=\"flex\" justifyContent=\"center\" py={3}>\n                <CircularProgress size={32} />\n              </Box>\n            )}\n\n            {error && !loading && (\n              <Typography color=\"error\" variant=\"body2\">\n                {error}\n              </Typography>\n            )}\n\n            {!loading && config && !isActive && (\n              <Typography color=\"text.secondary\" variant=\"body2\">\n                Este canal não está disponível no momento.\n              </Typography>\n            )}\n\n            {showOutOfHours && (\n              <Box\n                sx={{\n                  textAlign: \"center\",\n                  py: 2,\n                  px: 1,\n                  bgcolor: \"#1976d2\",\n                  borderRadius: 1,\n                  color: \"white\",\n                }}\n              >\n                <ScheduleIcon sx={{ fontSize: 48, opacity: 0.9, mb: 1 }} />\n                <Typography variant=\"body1\" sx={{ fontWeight: 500, mb: 1 }}>\n                  Fora do horário de atendimento\n                </Typography>\n                <Typography variant=\"body2\" sx={{ opacity: 0.95 }}>\n                  {outOfHoursMessage ?? formatScheduleMessage(config)}\n                </Typography>\n              </Box>\n            )}\n\n            {showForm && !submitted && (\n              <form onSubmit={handleSubmit}>\n                <Box display=\"flex\" flexDirection=\"column\" gap={2}>\n                  <TextField\n                    label=\"Nome\"\n                    value={form.name}\n                    onChange={(e) => setForm((f) => ({ ...f, name: e.target.value }))}\n                    required\n                    fullWidth\n                    size=\"small\"\n                  />\n                  <TextField\n                    label=\"E-mail\"\n                    type=\"email\"\n                    value={form.email}\n                    onChange={(e) => setForm((f) => ({ ...f, email: e.target.value }))}\n                    fullWidth\n                    size=\"small\"\n                  />\n                  <TextField\n                    label=\"Telefone\"\n                    value={form.phone}\n                    onChange={(e) => setForm((f) => ({ ...f, phone: e.target.value }))}\n                    fullWidth\n                    size=\"small\"\n                  />\n                  <TextField\n                    label=\"Mensagem\"\n                    value={form.message}\n                    onChange={(e) => setForm((f) => ({ ...f, message: e.target.value }))}\n                    multiline\n                    rows={3}\n                    fullWidth\n                    size=\"small\"\n                  />\n                  <Button\n                    type=\"submit\"\n                    variant=\"contained\"\n                    disabled={submitting || !form.name.trim()}\n                    fullWidth\n                  >\n                    {submitting ? \"Enviando…\" : \"Iniciar chat\"}\n                  </Button>\n                </Box>\n              </form>\n            )}\n\n            {showForm && submitted && (\n              <Typography color=\"text.secondary\" variant=\"body2\" sx={{ py: 2 }}>\n                Sua mensagem foi enviada. Em breve um atendente responderá.\n              </Typography>\n            )}\n          </Box>\n        </Box>\n      )}\n    </>\n  );\n};\n"]}

package/dist/index.mjs

@@ -1,5 +1,9 @@
-import { styled, Button } from '@mui/material';
-import { jsx } from 'react/jsx-runtime';
+import { styled, Button, IconButton, Box, Typography, CircularProgress, TextField } from '@mui/material';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useState, useCallback, useEffect } from 'react';
+import CloseIcon from '@mui/icons-material/Close';
+import ChatIcon from '@mui/icons-material/Chat';
+import ScheduleIcon from '@mui/icons-material/Schedule';
 
 // src/lib/components/button/styles.tsx
 var AtomButton = styled(Button, {
@@ -29,14 +33,256 @@ var ChatButton = ({ children = "Chat", onClick, className, disabled }) => {
     }
   );
 };
-var WebChat = () => {
-  return /* @__PURE__ */ jsx("button", { style: {
-    position: "fixed",
-    bottom: "20px",
-    right: "20px",
-    backgroundColor: "#007bff",
-    display: "flex"
-  }, children: "CHAT" });
+var DAY_MAP = {
+  0: "SUNDAY",
+  1: "MONDAY",
+  2: "TUESDAY",
+  3: "WEDNESDAY",
+  4: "THURSDAY",
+  5: "FRIDAY",
+  6: "SATURDAY"
+};
+function isWithinSchedule(config) {
+  if (!config.restrictBySchedule || !config.schedule) return true;
+  const now = /* @__PURE__ */ new Date();
+  const day = DAY_MAP[now.getDay()];
+  const time = String(now.getHours()).padStart(2, "0") + ":" + String(now.getMinutes()).padStart(2, "0");
+  const weekDays = config.schedule.weekDays ?? [
+    "MONDAY",
+    "TUESDAY",
+    "WEDNESDAY",
+    "THURSDAY",
+    "FRIDAY"
+  ];
+  const isWeekday = weekDays.includes(day);
+  if (isWeekday) {
+    const start2 = config.schedule.weekdaysStart ?? "07:00";
+    const end2 = config.schedule.weekdaysEnd ?? "18:00";
+    return time >= start2 && time <= end2;
+  }
+  const start = config.schedule.weekendStart ?? "07:00";
+  const end = config.schedule.weekendEnd ?? "13:00";
+  return time >= start && time <= end;
+}
+function formatScheduleMessage(config) {
+  if (!config.schedule) {
+    return "Nosso hor\xE1rio de atendimento \xE9 de segunda \xE0 sexta-feira das 07:00h \xE0s 18:00h. S\xE1bados, domingos e feriados das 07:00h \xE0s 13:00h.";
+  }
+  const wdStart = config.schedule.weekdaysStart ?? "07:00";
+  const wdEnd = config.schedule.weekdaysEnd ?? "18:00";
+  const weStart = config.schedule.weekendStart ?? "07:00";
+  const weEnd = config.schedule.weekendEnd ?? "13:00";
+  return `Nosso hor\xE1rio de atendimento \xE9 de segunda \xE0 sexta-feira das ${wdStart}h \xE0s ${wdEnd}h. S\xE1bados, domingos e feriados das ${weStart}h \xE0s ${weEnd}h.`;
+}
+var WebChat = ({
+  secret,
+  apiBaseUrl,
+  onStartChat,
+  outOfHoursMessage
+}) => {
+  const [config, setConfig] = useState(null);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const [open, setOpen] = useState(false);
+  const [submitting, setSubmitting] = useState(false);
+  const [submitted, setSubmitted] = useState(false);
+  const [form, setForm] = useState({
+    name: "",
+    email: "",
+    phone: "",
+    message: ""
+  });
+  const fetchConfig = useCallback(async () => {
+    if (!secret || !apiBaseUrl) return;
+    setLoading(true);
+    setError(null);
+    try {
+      const base = apiBaseUrl.replace(/\/$/, "");
+      const res = await fetch(`${base}/channel/webchat/${encodeURIComponent(secret)}`);
+      if (!res.ok) {
+        setError("Canal n\xE3o encontrado.");
+        setConfig(null);
+        return;
+      }
+      const data = await res.json();
+      setConfig(data);
+    } catch {
+      setError("N\xE3o foi poss\xEDvel carregar o canal.");
+      setConfig(null);
+    } finally {
+      setLoading(false);
+    }
+  }, [secret, apiBaseUrl]);
+  useEffect(() => {
+    fetchConfig();
+  }, [fetchConfig]);
+  const isActive = config && (config.status === "live" || config.status === "enable");
+  const outsideHours = config && config.restrictBySchedule && !isWithinSchedule(config);
+  const showOutOfHours = isActive && outsideHours;
+  const showForm = isActive && !outsideHours;
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    if (submitting || !form.name.trim()) return;
+    if (!onStartChat) {
+      setError("In\xEDcio de conversa ser\xE1 via WebSocket. Configure onStartChat no componente.");
+      return;
+    }
+    setSubmitting(true);
+    try {
+      await onStartChat({
+        name: form.name.trim(),
+        email: form.email.trim(),
+        phone: form.phone.trim(),
+        message: form.message.trim()
+      });
+      setSubmitted(true);
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Erro ao enviar.");
+    } finally {
+      setSubmitting(false);
+    }
+  };
+  if (!secret) return null;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      IconButton,
+      {
+        onClick: () => setOpen((o) => !o),
+        sx: {
+          position: "fixed",
+          bottom: 20,
+          right: 20,
+          width: 56,
+          height: 56,
+          bgcolor: "#007bff",
+          color: "white",
+          "&:hover": { bgcolor: "#0056b3" },
+          boxShadow: 2
+        },
+        size: "large",
+        children: /* @__PURE__ */ jsx(ChatIcon, {})
+      }
+    ),
+    open && /* @__PURE__ */ jsxs(
+      Box,
+      {
+        sx: {
+          position: "fixed",
+          bottom: 90,
+          right: 20,
+          width: 380,
+          maxWidth: "calc(100vw - 40px)",
+          maxHeight: "calc(100vh - 120px)",
+          overflow: "auto",
+          bgcolor: "background.paper",
+          borderRadius: 2,
+          boxShadow: 6,
+          zIndex: 1300,
+          display: "flex",
+          flexDirection: "column"
+        },
+        children: [
+          /* @__PURE__ */ jsxs(
+            Box,
+            {
+              sx: {
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "space-between",
+                p: 1.5,
+                borderBottom: 1,
+                borderColor: "divider"
+              },
+              children: [
+                /* @__PURE__ */ jsx(Typography, { variant: "subtitle1", fontWeight: 600, children: config?.name ?? "Chat" }),
+                /* @__PURE__ */ jsx(IconButton, { size: "small", onClick: () => setOpen(false), children: /* @__PURE__ */ jsx(CloseIcon, {}) })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs(Box, { sx: { p: 2, flex: 1 }, children: [
+            loading && /* @__PURE__ */ jsx(Box, { display: "flex", justifyContent: "center", py: 3, children: /* @__PURE__ */ jsx(CircularProgress, { size: 32 }) }),
+            error && !loading && /* @__PURE__ */ jsx(Typography, { color: "error", variant: "body2", children: error }),
+            !loading && config && !isActive && /* @__PURE__ */ jsx(Typography, { color: "text.secondary", variant: "body2", children: "Este canal n\xE3o est\xE1 dispon\xEDvel no momento." }),
+            showOutOfHours && /* @__PURE__ */ jsxs(
+              Box,
+              {
+                sx: {
+                  textAlign: "center",
+                  py: 2,
+                  px: 1,
+                  bgcolor: "#1976d2",
+                  borderRadius: 1,
+                  color: "white"
+                },
+                children: [
+                  /* @__PURE__ */ jsx(ScheduleIcon, { sx: { fontSize: 48, opacity: 0.9, mb: 1 } }),
+                  /* @__PURE__ */ jsx(Typography, { variant: "body1", sx: { fontWeight: 500, mb: 1 }, children: "Fora do hor\xE1rio de atendimento" }),
+                  /* @__PURE__ */ jsx(Typography, { variant: "body2", sx: { opacity: 0.95 }, children: outOfHoursMessage ?? formatScheduleMessage(config) })
+                ]
+              }
+            ),
+            showForm && !submitted && /* @__PURE__ */ jsx("form", { onSubmit: handleSubmit, children: /* @__PURE__ */ jsxs(Box, { display: "flex", flexDirection: "column", gap: 2, children: [
+              /* @__PURE__ */ jsx(
+                TextField,
+                {
+                  label: "Nome",
+                  value: form.name,
+                  onChange: (e) => setForm((f) => ({ ...f, name: e.target.value })),
+                  required: true,
+                  fullWidth: true,
+                  size: "small"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                TextField,
+                {
+                  label: "E-mail",
+                  type: "email",
+                  value: form.email,
+                  onChange: (e) => setForm((f) => ({ ...f, email: e.target.value })),
+                  fullWidth: true,
+                  size: "small"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                TextField,
+                {
+                  label: "Telefone",
+                  value: form.phone,
+                  onChange: (e) => setForm((f) => ({ ...f, phone: e.target.value })),
+                  fullWidth: true,
+                  size: "small"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                TextField,
+                {
+                  label: "Mensagem",
+                  value: form.message,
+                  onChange: (e) => setForm((f) => ({ ...f, message: e.target.value })),
+                  multiline: true,
+                  rows: 3,
+                  fullWidth: true,
+                  size: "small"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  type: "submit",
+                  variant: "contained",
+                  disabled: submitting || !form.name.trim(),
+                  fullWidth: true,
+                  children: submitting ? "Enviando\u2026" : "Iniciar chat"
+                }
+              )
+            ] }) }),
+            showForm && submitted && /* @__PURE__ */ jsx(Typography, { color: "text.secondary", variant: "body2", sx: { py: 2 }, children: "Sua mensagem foi enviada. Em breve um atendente responder\xE1." })
+          ] })
+        ]
+      }
+    )
+  ] });
 };
 
 export { ChatButton, WebChat };

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/lib/components/button/styles.tsx","../src/lib/components/button/index.tsx","../src/lib/components/webchat/index.tsx"],"names":["jsx"],"mappings":";;;;AA8EO,IAAM,UAAA,GAAa,OAAO,MAAA,EAAQ;AAAA,EACrC,iBAAA,EAAmB,CAAC,IAAA,KAAS,IAAA,KAAS;AAC1C,CAAC,CAAA,CAAmB,CAAC,EAAE,UAAA,GAAa,WAAU,KAAM;AAEhD,EAAA,OAAO,EACP;AAEJ,CAAC,CAAA;AChFM,IAAM,UAAA,GAA0C,CAAC,EAAE,QAAA,GAAW,QAAQ,OAAA,EAAS,SAAA,EAAW,UAAS,KAAM;AAC9G,EAAA,uBACE,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,OAAA;AAAA,MACA,QAAA;AAAA,MACA,SAAA;AAAA,MACA,KAAA,EAAO;AAAA,QACH,QAAA,EAAU,OAAA;AAAA,QACV,MAAA,EAAQ,MAAA;AAAA,QACR,KAAA,EAAO,MAAA;AAAA,QACP,eAAA,EAAiB,SAAA;AAAA,QACjB,KAAA,EAAO,MAAA;AAAA,QACP,OAAA,EAAS,MAAA;AAAA,QACT,YAAA,EAAc,KAAA;AAAA,QACd,KAAA,EAAO,MAAA;AAAA,QACP,MAAA,EAAQ;AAAA,OACZ;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ;AC1BO,IAAM,UAAU,MAAM;AACzB,EAAA,uBACIA,GAAAA,CAAC,QAAA,EAAA,EAAO,KAAA,EAAO;AAAA,IACX,QAAA,EAAU,OAAA;AAAA,IACV,MAAA,EAAQ,MAAA;AAAA,IACR,KAAA,EAAO,MAAA;AAAA,IACP,eAAA,EAAiB,SAAA;AAAA,IACjB,OAAA,EAAS;AAAA,KACV,QAAA,EAAA,MAAA,EAEH,CAAA;AAER","file":"index.mjs","sourcesContent":["import { Button, ButtonProps, styled } from \"@mui/material\";\nimport { ButtonHTMLAttributes } from \"react\";\n\nconst disabledStyles = {\n    backgroundColor: \"#E0E0E0\",\n    color: \"#9E9E9E\",\n    borderColor: \"#BDBDBD\",\n};\n\nconst buttonVariants = {\n    primary: {\n        background: \"#00BB7E\",\n        color: \"#FFF\",\n        border: \"none\",\n    },\n    secondary: {\n        background: \"transparent\",\n        color: \"#00BB7E\",\n        border: \"#00BB7E\",\n    },\n    error: {\n        background: \"transparent\",\n        color: \"#D32F2F\",\n        border: \"#D32F2F\",\n    },\n    danger: {\n        background: \"#E61E2E\",\n        color: \"#fff\",\n        border: \"none\",\n    },\n    outlinedBlue: {\n        background: \"transparent\",\n        color: \"#2196F3\",\n        border: \"#2196F3\",\n    },\n    outlinedGreen: {\n        background: \"transparent\",\n        color: \"#00BB7E\",\n        border: \"#00BB7E\",\n    },\n    outlinedBlack: {\n        background: \"transparent\",\n        color: \"#000000DE\",\n        border: \"#000000DE\",\n    },\n    outlinedGrey: {\n        background: \"transparent\",\n        color: \"#59676D\",\n        border: \"#0B0D0E52\",\n    },\n    textPrimary: {\n        background: \"transparent\",\n        color: \"#00BB7E\",\n        border: \"transparent\",\n    },\n    textSecondary: {\n        background: \"transparent\",\n        color: \"#000000DE\",\n        border: \"transparent\",\n    },\n    textBlue: {\n        background: \"transparent\",\n        color: \"#2196F3\",\n        border: \"transparent\",\n    },\n    default: {\n        background: \"#00BB7E\",\n        color: \"#FFF\",\n        border: \"#00BB7E\",\n    },\n};\n\ninterface AtomButtonProps\n    extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, \"color\">,\n        ButtonProps {\n    buttonType?: keyof typeof buttonVariants;\n}\n\nexport const AtomButton = styled(Button, {\n    shouldForwardProp: (prop) => prop !== \"buttonType\",\n})<AtomButtonProps>(({ buttonType = \"default\" }) => {\n\n    return {\n    }\n\n});","import * as React from 'react'\nimport { ChatButtonProps } from \"./types\";\nimport IComponent from \"../../../types/component\";\nimport { AtomButton } from \"./styles\";\n\nexport const ChatButton: IComponent<ChatButtonProps> = ({ children = 'Chat', onClick, className, disabled }) => {\n  return (\n    <AtomButton\n      onClick={onClick}\n      disabled={disabled}\n      className={className}\n      style={{\n          position: \"fixed\",\n          bottom: \"20px\",\n          right: \"20px\",\n          backgroundColor: \"#007bff\",\n          color: \"#fff\",\n          display: \"flex\",\n          borderRadius: \"50%\",\n          width: \"60px\",\n          height: \"60px\"\n      }}\n    >\n      {children}\n    </AtomButton>\n  )\n}\n","export const WebChat = () => {\n    return (\n        <button style={{\n            position: \"fixed\",\n            bottom: \"20px\",\n            right: \"20px\",\n            backgroundColor: \"#007bff\",\n            display: \"flex\",\n        }}>\n            CHAT\n        </button>\n    )\n}"]}
+{"version":3,"sources":["../src/lib/components/button/styles.tsx","../src/lib/components/button/index.tsx","../src/lib/components/webchat/index.tsx"],"names":["start","end","jsx","Button"],"mappings":"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","file":"index.mjs","sourcesContent":["import { Button, ButtonProps, styled } from \"@mui/material\";\nimport { ButtonHTMLAttributes } from \"react\";\n\nconst disabledStyles = {\n    backgroundColor: \"#E0E0E0\",\n    color: \"#9E9E9E\",\n    borderColor: \"#BDBDBD\",\n};\n\nconst buttonVariants = {\n    primary: {\n        background: \"#00BB7E\",\n        color: \"#FFF\",\n        border: \"none\",\n    },\n    secondary: {\n        background: \"transparent\",\n        color: \"#00BB7E\",\n        border: \"#00BB7E\",\n    },\n    error: {\n        background: \"transparent\",\n        color: \"#D32F2F\",\n        border: \"#D32F2F\",\n    },\n    danger: {\n        background: \"#E61E2E\",\n        color: \"#fff\",\n        border: \"none\",\n    },\n    outlinedBlue: {\n        background: \"transparent\",\n        color: \"#2196F3\",\n        border: \"#2196F3\",\n    },\n    outlinedGreen: {\n        background: \"transparent\",\n        color: \"#00BB7E\",\n        border: \"#00BB7E\",\n    },\n    outlinedBlack: {\n        background: \"transparent\",\n        color: \"#000000DE\",\n        border: \"#000000DE\",\n    },\n    outlinedGrey: {\n        background: \"transparent\",\n        color: \"#59676D\",\n        border: \"#0B0D0E52\",\n    },\n    textPrimary: {\n        background: \"transparent\",\n        color: \"#00BB7E\",\n        border: \"transparent\",\n    },\n    textSecondary: {\n        background: \"transparent\",\n        color: \"#000000DE\",\n        border: \"transparent\",\n    },\n    textBlue: {\n        background: \"transparent\",\n        color: \"#2196F3\",\n        border: \"transparent\",\n    },\n    default: {\n        background: \"#00BB7E\",\n        color: \"#FFF\",\n        border: \"#00BB7E\",\n    },\n};\n\ninterface AtomButtonProps\n    extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, \"color\">,\n        ButtonProps {\n    buttonType?: keyof typeof buttonVariants;\n}\n\nexport const AtomButton = styled(Button, {\n    shouldForwardProp: (prop) => prop !== \"buttonType\",\n})<AtomButtonProps>(({ buttonType = \"default\" }) => {\n\n    return {\n    }\n\n});","import * as React from 'react'\nimport { ChatButtonProps } from \"./types\";\nimport IComponent from \"../../../types/component\";\nimport { AtomButton } from \"./styles\";\n\nexport const ChatButton: IComponent<ChatButtonProps> = ({ children = 'Chat', onClick, className, disabled }) => {\n  return (\n    <AtomButton\n      onClick={onClick}\n      disabled={disabled}\n      className={className}\n      style={{\n          position: \"fixed\",\n          bottom: \"20px\",\n          right: \"20px\",\n          backgroundColor: \"#007bff\",\n          color: \"#fff\",\n          display: \"flex\",\n          borderRadius: \"50%\",\n          width: \"60px\",\n          height: \"60px\"\n      }}\n    >\n      {children}\n    </AtomButton>\n  )\n}\n","import React, { useCallback, useEffect, useState } from \"react\";\nimport {\n  Box,\n  Button,\n  CircularProgress,\n  IconButton,\n  TextField,\n  Typography,\n} from \"@mui/material\";\nimport CloseIcon from \"@mui/icons-material/Close\";\nimport ChatIcon from \"@mui/icons-material/Chat\";\nimport ScheduleIcon from \"@mui/icons-material/Schedule\";\nimport { WebChatConfig, WebChatProps } from \"./types\";\n\nconst DAY_MAP: Record<number, string> = {\n  0: \"SUNDAY\",\n  1: \"MONDAY\",\n  2: \"TUESDAY\",\n  3: \"WEDNESDAY\",\n  4: \"THURSDAY\",\n  5: \"FRIDAY\",\n  6: \"SATURDAY\",\n};\n\nfunction isWithinSchedule(config: WebChatConfig): boolean {\n  if (!config.restrictBySchedule || !config.schedule) return true;\n\n  const now = new Date();\n  const day = DAY_MAP[now.getDay()];\n  const time =\n    String(now.getHours()).padStart(2, \"0\") +\n    \":\" +\n    String(now.getMinutes()).padStart(2, \"0\");\n  const weekDays = config.schedule.weekDays ?? [\n    \"MONDAY\",\n    \"TUESDAY\",\n    \"WEDNESDAY\",\n    \"THURSDAY\",\n    \"FRIDAY\",\n  ];\n  const isWeekday = weekDays.includes(day);\n\n  if (isWeekday) {\n    const start = config.schedule.weekdaysStart ?? \"07:00\";\n    const end = config.schedule.weekdaysEnd ?? \"18:00\";\n    return time >= start && time <= end;\n  }\n\n  const start = config.schedule.weekendStart ?? \"07:00\";\n  const end = config.schedule.weekendEnd ?? \"13:00\";\n  return time >= start && time <= end;\n}\n\nfunction formatScheduleMessage(config: WebChatConfig): string {\n  if (!config.schedule) {\n    return \"Nosso horário de atendimento é de segunda à sexta-feira das 07:00h às 18:00h. Sábados, domingos e feriados das 07:00h às 13:00h.\";\n  }\n  const wdStart = config.schedule.weekdaysStart ?? \"07:00\";\n  const wdEnd = config.schedule.weekdaysEnd ?? \"18:00\";\n  const weStart = config.schedule.weekendStart ?? \"07:00\";\n  const weEnd = config.schedule.weekendEnd ?? \"13:00\";\n  return `Nosso horário de atendimento é de segunda à sexta-feira das ${wdStart}h às ${wdEnd}h. Sábados, domingos e feriados das ${weStart}h às ${weEnd}h.`;\n}\n\nexport const WebChat: React.FC<WebChatProps> = ({\n  secret,\n  apiBaseUrl,\n  onStartChat,\n  outOfHoursMessage,\n}) => {\n  const [config, setConfig] = useState<WebChatConfig | null>(null);\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState<string | null>(null);\n  const [open, setOpen] = useState(false);\n  const [submitting, setSubmitting] = useState(false);\n  const [submitted, setSubmitted] = useState(false);\n\n  const [form, setForm] = useState({\n    name: \"\",\n    email: \"\",\n    phone: \"\",\n    message: \"\",\n  });\n\n  const fetchConfig = useCallback(async () => {\n    if (!secret || !apiBaseUrl) return;\n    setLoading(true);\n    setError(null);\n    try {\n      const base = apiBaseUrl.replace(/\\/$/, \"\");\n      const res = await fetch(`${base}/channel/webchat/${encodeURIComponent(secret)}`);\n      if (!res.ok) {\n        setError(\"Canal não encontrado.\");\n        setConfig(null);\n        return;\n      }\n      const data: WebChatConfig = await res.json();\n      setConfig(data);\n    } catch {\n      setError(\"Não foi possível carregar o canal.\");\n      setConfig(null);\n    } finally {\n      setLoading(false);\n    }\n  }, [secret, apiBaseUrl]);\n\n  useEffect(() => {\n    fetchConfig();\n  }, [fetchConfig]);\n\n  const isActive =\n    config &&\n    (config.status === \"live\" || config.status === \"enable\");\n  const outsideHours =\n    config && config.restrictBySchedule && !isWithinSchedule(config);\n  const showOutOfHours = isActive && outsideHours;\n  const showForm = isActive && !outsideHours;\n\n  const handleSubmit = async (e: React.FormEvent) => {\n    e.preventDefault();\n    if (submitting || !form.name.trim()) return;\n    if (!onStartChat) {\n      setError(\"Início de conversa será via WebSocket. Configure onStartChat no componente.\");\n      return;\n    }\n\n    setSubmitting(true);\n    try {\n      await onStartChat({\n        name: form.name.trim(),\n        email: form.email.trim(),\n        phone: form.phone.trim(),\n        message: form.message.trim(),\n      });\n      setSubmitted(true);\n    } catch (err) {\n      setError(err instanceof Error ? err.message : \"Erro ao enviar.\");\n    } finally {\n      setSubmitting(false);\n    }\n  };\n\n  if (!secret) return null;\n\n  return (\n    <>\n      <IconButton\n        onClick={() => setOpen((o) => !o)}\n        sx={{\n          position: \"fixed\",\n          bottom: 20,\n          right: 20,\n          width: 56,\n          height: 56,\n          bgcolor: \"#007bff\",\n          color: \"white\",\n          \"&:hover\": { bgcolor: \"#0056b3\" },\n          boxShadow: 2,\n        }}\n        size=\"large\"\n      >\n        <ChatIcon />\n      </IconButton>\n\n      {open && (\n        <Box\n          sx={{\n            position: \"fixed\",\n            bottom: 90,\n            right: 20,\n            width: 380,\n            maxWidth: \"calc(100vw - 40px)\",\n            maxHeight: \"calc(100vh - 120px)\",\n            overflow: \"auto\",\n            bgcolor: \"background.paper\",\n            borderRadius: 2,\n            boxShadow: 6,\n            zIndex: 1300,\n            display: \"flex\",\n            flexDirection: \"column\",\n          }}\n        >\n          <Box\n            sx={{\n              display: \"flex\",\n              alignItems: \"center\",\n              justifyContent: \"space-between\",\n              p: 1.5,\n              borderBottom: 1,\n              borderColor: \"divider\",\n            }}\n          >\n            <Typography variant=\"subtitle1\" fontWeight={600}>\n              {config?.name ?? \"Chat\"}\n            </Typography>\n            <IconButton size=\"small\" onClick={() => setOpen(false)}>\n              <CloseIcon />\n            </IconButton>\n          </Box>\n\n          <Box sx={{ p: 2, flex: 1 }}>\n            {loading && (\n              <Box display=\"flex\" justifyContent=\"center\" py={3}>\n                <CircularProgress size={32} />\n              </Box>\n            )}\n\n            {error && !loading && (\n              <Typography color=\"error\" variant=\"body2\">\n                {error}\n              </Typography>\n            )}\n\n            {!loading && config && !isActive && (\n              <Typography color=\"text.secondary\" variant=\"body2\">\n                Este canal não está disponível no momento.\n              </Typography>\n            )}\n\n            {showOutOfHours && (\n              <Box\n                sx={{\n                  textAlign: \"center\",\n                  py: 2,\n                  px: 1,\n                  bgcolor: \"#1976d2\",\n                  borderRadius: 1,\n                  color: \"white\",\n                }}\n              >\n                <ScheduleIcon sx={{ fontSize: 48, opacity: 0.9, mb: 1 }} />\n                <Typography variant=\"body1\" sx={{ fontWeight: 500, mb: 1 }}>\n                  Fora do horário de atendimento\n                </Typography>\n                <Typography variant=\"body2\" sx={{ opacity: 0.95 }}>\n                  {outOfHoursMessage ?? formatScheduleMessage(config)}\n                </Typography>\n              </Box>\n            )}\n\n            {showForm && !submitted && (\n              <form onSubmit={handleSubmit}>\n                <Box display=\"flex\" flexDirection=\"column\" gap={2}>\n                  <TextField\n                    label=\"Nome\"\n                    value={form.name}\n                    onChange={(e) => setForm((f) => ({ ...f, name: e.target.value }))}\n                    required\n                    fullWidth\n                    size=\"small\"\n                  />\n                  <TextField\n                    label=\"E-mail\"\n                    type=\"email\"\n                    value={form.email}\n                    onChange={(e) => setForm((f) => ({ ...f, email: e.target.value }))}\n                    fullWidth\n                    size=\"small\"\n                  />\n                  <TextField\n                    label=\"Telefone\"\n                    value={form.phone}\n                    onChange={(e) => setForm((f) => ({ ...f, phone: e.target.value }))}\n                    fullWidth\n                    size=\"small\"\n                  />\n                  <TextField\n                    label=\"Mensagem\"\n                    value={form.message}\n                    onChange={(e) => setForm((f) => ({ ...f, message: e.target.value }))}\n                    multiline\n                    rows={3}\n                    fullWidth\n                    size=\"small\"\n                  />\n                  <Button\n                    type=\"submit\"\n                    variant=\"contained\"\n                    disabled={submitting || !form.name.trim()}\n                    fullWidth\n                  >\n                    {submitting ? \"Enviando…\" : \"Iniciar chat\"}\n                  </Button>\n                </Box>\n              </form>\n            )}\n\n            {showForm && submitted && (\n              <Typography color=\"text.secondary\" variant=\"body2\" sx={{ py: 2 }}>\n                Sua mensagem foi enviada. Em breve um atendente responderá.\n              </Typography>\n            )}\n          </Box>\n        </Box>\n      )}\n    </>\n  );\n};\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synchat/webchat",
-  "version": "0.0.13",
+  "version": "0.0.15",
   "description": "Starter de biblioteca de componentes React + TypeScript com tsup.",
   "author": "synchat <contato@synchat.com.br>",
   "license": "MIT",
@@ -34,19 +34,25 @@
     "component-library",
     "tsup"
   ],
-  "dependencies": {
+  "peerDependencies": {
+    "@emotion/react": ">=11",
+    "@emotion/styled": ">=11",
+    "@mui/icons-material": ">=5",
+    "@mui/material": ">=5",
+    "react": ">=18",
+    "react-dom": ">=18"
+  },
+  "devDependencies": {
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",
     "@mui/icons-material": "^7.3.5",
     "@mui/material": "^7.3.5",
-    "react": "19.2.0",
-    "react-dom": "19.2.0"
-  },
-  "devDependencies": {
     "@types/react": "^18.3.0",
     "@types/react-dom": "^18.3.0",
+    "react": "19.2.0",
+    "react-dom": "19.2.0",
     "rimraf": "^6.0.0",
     "tsup": "^8.0.1",
     "typescript": "^5.6.0"
   }
-}
+}