@lincros-ui/components 0.2.1 → 0.2.3

package/dist/index.js

@@ -4551,7 +4551,9 @@ var SSOLoadingOverlay = memo(({
   tenantId,
   error,
   show = true,
-  className = ""
+  className = "",
+  ssoProviderName = "SSO",
+  appName = "o sistema"
 }) => {
   const getStepIcon = useMemo(() => {
     switch (step) {
@@ -4577,7 +4579,7 @@ var SSOLoadingOverlay = memo(({
       case "redirecting":
         return "Redirecionando para SSO";
       case "authenticating":
-        return "Autenticando com Sankhya";
+        return `Autenticando com ${ssoProviderName}`;
       case "processing":
         return "Processando credenciais";
       case "completing":
@@ -4587,24 +4589,24 @@ var SSOLoadingOverlay = memo(({
       default:
         return "Carregando...";
     }
-  }, [step]);
+  }, [step, ssoProviderName]);
   const getStepDescription = useMemo(() => {
     if (message) return message;
     switch (step) {
       case "redirecting":
-        return "Preparando conex\xE3o segura com Sankhya SSO...";
+        return `Preparando conex\xE3o segura com ${ssoProviderName}...`;
       case "authenticating":
-        return "Verificando suas credenciais no sistema Sankhya...";
+        return `Verificando suas credenciais no sistema ${ssoProviderName}...`;
       case "processing":
         return "Criando sua sess\xE3o e configurando acesso...";
       case "completing":
-        return "Redirecionando para o sistema Torre...";
+        return `Redirecionando para ${appName}...`;
       case "error":
         return error || "Ocorreu um erro durante a autentica\xE7\xE3o SSO";
       default:
         return "Aguarde...";
     }
-  }, [message, step, error]);
+  }, [message, step, error, ssoProviderName, appName]);
   const getBgColor = useMemo(() => {
     switch (step) {
       case "error":
@@ -4901,7 +4903,10 @@ function ControlSidebar({
   routePaths,
   user,
   onLogout,
-  getCurrentTenantId
+  getCurrentTenantId,
+  logoUrl = "/lovable-uploads/632ebc32-3ae3-4944-8e70-0e9c2539494a.png",
+  appName = "App",
+  appSubtitle = "Sistema"
 }) {
   const {
     toggleSubmenu,
@@ -5066,21 +5071,21 @@ function ControlSidebar({
         /* @__PURE__ */ jsx(
           "img",
           {
-            src: "/lovable-uploads/632ebc32-3ae3-4944-8e70-0e9c2539494a.png",
-            alt: "Lincros Logo",
+            src: logoUrl,
+            alt: `${appName} Logo`,
             className: "w-20 h-20 object-contain"
           }
         ),
         /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
-          /* @__PURE__ */ jsx("h2", { className: "font-bold text-lg text-gray-800", children: "Lincros" }),
-          /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-500", children: "Torre de Controle 4.0" })
+          /* @__PURE__ */ jsx("h2", { className: "font-bold text-lg text-gray-800", children: appName }),
+          /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-500", children: appSubtitle })
         ] })
       ] }),
       isCollapsed && /* @__PURE__ */ jsx("div", { className: "flex justify-center px-2 py-2", children: /* @__PURE__ */ jsx(
         "img",
         {
-          src: "/lovable-uploads/632ebc32-3ae3-4944-8e70-0e9c2539494a.png",
-          alt: "Lincros Logo",
+          src: logoUrl,
+          alt: `${appName} Logo`,
           className: "w-8 h-8 object-contain"
         }
       ) })
@@ -5198,7 +5203,10 @@ function MainLayout({
   user,
   onLogout,
   getCurrentTenantId,
-  currentTime
+  currentTime,
+  appName,
+  appSubtitle,
+  logoUrl
 }) {
   return /* @__PURE__ */ jsx(SidebarProvider, { children: /* @__PURE__ */ jsxs("div", { className: "h-screen w-full flex", children: [
     /* @__PURE__ */ jsx(
@@ -5208,13 +5216,16 @@ function MainLayout({
         user,
         onLogout,
         getCurrentTenantId,
-        currentTime
+        currentTime,
+        appName,
+        appSubtitle,
+        logoUrl
       }
     ),
     /* @__PURE__ */ jsx("main", { className: "flex-1 overflow-hidden", children: /* @__PURE__ */ jsx("div", { className: "h-full overflow-y-auto", children }) })
   ] }) });
 }
-function ProtectedRoute({ children, useAuthContext, tenantId, useSSO, routePaths, useTenant, tenantService }) {
+function ProtectedRoute({ children, useAuthContext, tenantId, useSSO, routePaths, useTenant, tenantService, appName, appSubtitle, logoUrl }) {
   const { isAuthenticated, isLoading, logout, user, getCurrentTenantId } = useAuthContext();
   const location = useLocation();
   const sso = useSSO(tenantId || void 0);
@@ -5254,6 +5265,9 @@ function ProtectedRoute({ children, useAuthContext, tenantId, useSSO, routePaths
       user,
       onLogout: logout,
       getCurrentTenantId,
+      appName,
+      appSubtitle,
+      logoUrl,
       children: /* @__PURE__ */ jsx(EnsureTenant, { useTenant, tenantService, children })
     }
   );
@@ -6839,7 +6853,10 @@ var SSOError = memo(({
   className = "",
   onRetry,
   onBackToLogin,
-  onContactSupport
+  onContactSupport,
+  ssoProviderName = "SSO",
+  appName = "o sistema",
+  supportEmail = "suporte@example.com"
 }) => {
   const getErrorIcon = () => {
     switch (errorType) {
@@ -6876,7 +6893,7 @@ var SSOError = memo(({
   const getErrorDescription = () => {
     switch (errorType) {
       case "authentication_failed":
-        return "N\xE3o foi poss\xEDvel autenticar suas credenciais no sistema Sankhya SSO. Verifique suas permiss\xF5es e tente novamente.";
+        return `N\xE3o foi poss\xEDvel autenticar suas credenciais no sistema ${ssoProviderName}. Verifique suas permiss\xF5es e tente novamente.`;
       case "invalid_state":
         return "A sess\xE3o SSO \xE9 inv\xE1lida ou foi comprometida. Por seguran\xE7a, o login foi cancelado.";
       case "token_expired":
@@ -6893,14 +6910,14 @@ var SSOError = memo(({
     switch (errorType) {
       case "authentication_failed":
         return [
-          "Verifique se voc\xEA tem acesso ao sistema Sankhya",
+          `Verifique se voc\xEA tem acesso ao sistema ${ssoProviderName}`,
           "Confirme se suas credenciais est\xE3o corretas",
           "Entre em contato com o administrador se o problema persistir"
         ];
       case "invalid_state":
         return [
           "Limpe os cookies do navegador",
-          "Feche todas as abas do Torre e Sankhya",
+          `Feche todas as abas de ${appName} e ${ssoProviderName}`,
           "Inicie um novo processo de login SSO"
         ];
       case "token_expired":
@@ -6912,7 +6929,7 @@ var SSOError = memo(({
       case "server_error":
         return [
           "Aguarde alguns minutos e tente novamente",
-          "Verifique se o servi\xE7o Sankhya SSO est\xE1 funcionando",
+          `Verifique se o servi\xE7o ${ssoProviderName} est\xE1 funcionando`,
           "Use o login tradicional como alternativa"
         ];
       case "tenant_mismatch":
@@ -6954,7 +6971,7 @@ var SSOError = memo(({
   }, [onBackToLogin]);
   const handleContactSupport = useCallback(() => {
     onContactSupport?.();
-    window.open("mailto:suporte@torre.com.br?subject=Erro SSO&body=" + encodeURIComponent(
+    window.open(`mailto:${supportEmail}?subject=Erro SSO&body=` + encodeURIComponent(
       `Erro SSO
 
 Tipo: ${errorType}
@@ -6963,7 +6980,7 @@ Tenant: ${tenantId}
 C\xF3digo: ${errorCode}
 Detalhes: ${details}`
     ), "_blank");
-  }, [onContactSupport, errorType, message, tenantId, errorCode, details]);
+  }, [onContactSupport, errorType, message, tenantId, errorCode, details, supportEmail]);
   return /* @__PURE__ */ jsx("div", { className: `min-h-screen flex items-center justify-center p-4 bg-muted/30 ${className}`, children: /* @__PURE__ */ jsxs(Card, { className: "w-full max-w-2xl shadow-lg", children: [
     /* @__PURE__ */ jsxs(CardHeader, { className: "text-center pb-4", children: [
       /* @__PURE__ */ jsx("div", { className: "flex justify-center mb-4", children: getErrorIcon() }),
@@ -7068,7 +7085,8 @@ var SSOLoginButton = memo(({
   onLoginError,
   hideAlternativeLogin = false,
   ssoLoginUrl,
-  apiBaseUrl = "http://localhost:8000"
+  apiBaseUrl = "http://localhost:8000",
+  ssoProviderName = "SSO"
 }) => {
   const [isInitiating, setIsInitiating] = useState(false);
   const handleSSOLogin = useCallback(async () => {
@@ -7150,7 +7168,7 @@ var SSOLoginButton = memo(({
         children: [
           /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-3", children: [
             isLoading ? /* @__PURE__ */ jsx("div", { className: "icon-size animate-spin rounded-full border-2 border-background border-t-foreground" }) : /* @__PURE__ */ jsx(Shield, { className: "icon-size" }),
-            /* @__PURE__ */ jsx("span", { className: "font-medium", children: isLoading ? "Iniciando SSO..." : "Entrar com SSO Sankhya" })
+            /* @__PURE__ */ jsx("span", { className: "font-medium", children: isLoading ? "Iniciando SSO..." : `Entrar com ${ssoProviderName}` })
           ] }),
           isLoading && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-background/50 backdrop-blur-sm" })
         ]
@@ -10390,7 +10408,8 @@ var SendMessageModal = ({
   onClose,
   config: initialConfig,
   configs = [],
-  defaultPhone = ""
+  defaultPhone = "",
+  appName = "Sistema"
 }) => {
   const { sendMessage, isSending, validatePhoneNumber } = useWhatsApp();
   const [selectedConfig, setSelectedConfig] = useState(initialConfig || null);
@@ -10778,7 +10797,7 @@ var SendMessageModal = ({
                   variant: "acorde",
                   value: locationName,
                   onChange: (e) => setLocationName(e.target.value),
-                  placeholder: "Torre de Controle",
+                  placeholder: appName,
                   className: "mt-1"
                 }
               )