@zauru-sdk/components 1.0.12 → 1.0.13

package/dist/Icons/StylesConstants.js

@@ -1,34 +0,0 @@
-// ============================| Background colors |============================
-export const styleGreenBackground = "bg-green-600";
-export const styleActiveGreenBackground = "active:bg-green-800";
-export const styleRedBackground = "bg-red-600";
-export const styleActiveRedBackground = "active:bg-red-800";
-export const styleInactiveButtonBackground = "bg-zinc-300";
-export const styleActiveInactiveButtonBackground = "active:bg-zinc-200";
-export const styleStandardBackgroundColor = "bg-slate-900";
-export const styleStandardActiveBackgroundColor = "active:bg-slate-800";
-// ==============================| Icons Colors |=================================
-export const buttonIconTableColor = "text-slate-700";
-export const greenColorIcon = "text-emerald-600";
-export const redColorIcon = "text-red-600";
-export const applicationDropDownIconColor = "text-slate-900";
-export const inputIconColor = "text-zinc-400";
-// ==============================| Table Utils Colors |============================
-// CSS Color Nams, RGB, Hexadecimal
-export const lastRowSelectedBackground = "lightgreen";
-// ==============================| Dropdown Hover |=================================
-export const greenDropdownHover = "hover:bg-red-100";
-export const redDropdownHover = "hover:bg-green-100";
-export const standardDropdownHover = "hover:bg-gray-100";
-// ===============================| Border Colors | =================================
-export const standarBorderColor = "border-slate-500";
-export const alertBorderColor = "border-red-500";
-// ===============================| Section Background Color | =================================
-export const sectionNormalBackgroundColor = "bg-neutral-100";
-export const inProgressProcessAlertBackgroundColor = "bg-yellow-900";
-// ===============================| Progress Bar Styles | =================================
-export const progressBarLightBackground = "bg-slate-200";
-export const progressBarBackground = "bg-slate-600";
-export const progressBarTextColor = "text-slate-800";
-export const progressBarLightTextColor = "text-slate-300";
-export const progressBarSpinnerFillColor = "fill-slate-800";

package/dist/Zendesk/Chat.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-export declare const logoutFromZendesk: () => void;
-export declare const ZendeskAPI: (...args: any[]) => void;
-interface ZendeskProps {
-    defer?: boolean;
-    onLoaded?: () => void;
-    token: string;
-    configuration: {
-        zendeskChatKey: string;
-    };
-    [key: string]: any;
-}
-export declare const Zendesk: React.FC<ZendeskProps>;
-export {};

package/dist/Zendesk/Chat.js

@@ -1,63 +0,0 @@
-import { useEffect } from "react";
-const canUseDOM = () => {
-    if (typeof window === "undefined" ||
-        !window.document ||
-        !window.document.createElement) {
-        return false;
-    }
-    return true;
-};
-export const logoutFromZendesk = () => {
-    if (canUseDOM() && window.zE) {
-        window.zE("messenger", "logoutUser");
-    }
-    else {
-        console.warn("Zendesk is not initialized yet");
-    }
-};
-export const ZendeskAPI = (...args) => {
-    if (canUseDOM() && window.zE) {
-        window.zE.apply(null, args);
-    }
-    else {
-        console.warn("Zendesk is not initialized yet");
-    }
-};
-export const Zendesk = (props) => {
-    const { defer, configuration, token, ...other } = props;
-    useEffect(() => {
-        const insertScript = () => {
-            const zendeskScript = document.createElement("script");
-            if (defer) {
-                zendeskScript.defer = true;
-            }
-            else {
-                zendeskScript.async = true;
-            }
-            zendeskScript.id = "ze-snippet";
-            zendeskScript.src = `https://static.zdassets.com/ekr/snippet.js?key=${configuration.zendeskChatKey}`;
-            zendeskScript.addEventListener("load", () => {
-                if (props.onLoaded) {
-                    props.onLoaded();
-                }
-                window.zE("messenger", "loginUser", function (callback) {
-                    callback(token);
-                });
-            });
-            document.body.appendChild(zendeskScript);
-            return zendeskScript; // Devolvemos la referencia del script
-        };
-        let script; // Guardamos la referencia del script aquí
-        if (canUseDOM() && !window.zE) {
-            script = insertScript();
-            window.zESettings = other;
-        }
-        return () => {
-            if (script) {
-                // Si el script existe, lo eliminamos del DOM
-                script.remove();
-            }
-        };
-    }, [props, defer, other, configuration, token]);
-    return null;
-};

package/dist/Zendesk/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./Chat";
-export * from "./zendesk.config";

package/dist/Zendesk/index.js

@@ -1,2 +0,0 @@
-export * from "./Chat";
-export * from "./zendesk.config";

package/dist/Zendesk/zendesk.config.d.ts

@@ -1,9 +0,0 @@
-export declare function zendeskJwt(current_user: {
-    selected_entity_id: number;
-    id: number;
-    email: string;
-    name: string;
-}, configuration: {
-    zendeskJWTSecret: string;
-    zendeskJWTKey: string;
-}): any;

package/dist/Zendesk/zendesk.config.js

@@ -1,24 +0,0 @@
-import jwt from "jsonwebtoken";
-export function zendeskJwt(current_user, configuration) {
-    // get the INFO
-    const jwtSecret = configuration.zendeskJWTSecret;
-    const jwtKey = configuration.zendeskJWTKey;
-    const expiresIn = Math.floor(Date.now() / 1000) + 60 * 60 * 24; // Expires in 1 day
-    // create the payload
-    const payload = {
-        external_id: "z" +
-            current_user.selected_entity_id.toString() +
-            "-" +
-            current_user.id.toString(),
-        email: current_user.email,
-        name: current_user.name,
-        organization_id: current_user.selected_entity_id.toString(),
-        scope: "user",
-        exp: expiresIn,
-    };
-    const jwtHeader = { kid: jwtKey, typ: "JWT", alg: "HS256" };
-    return jwt.sign(payload, jwtSecret, {
-        algorithm: "HS256",
-        header: jwtHeader,
-    });
-}

package/src/Alerts/Alert.tsx

@@ -1,149 +0,0 @@
-import React, { useState, useRef, useEffect } from "react";
-import { createRoot } from "react-dom/client";
-import { ExitSvg } from "../Icons/Icons";
-import { AnimatePresence, motion } from "framer-motion";
-
-type AlertType = "success" | "error" | "info" | "warning";
-
-export type AlertProps = {
-  type: AlertType;
-  title: string;
-  description: string;
-  onClose?: () => void;
-};
-
-const Alert: React.FC<AlertProps> = ({ type, title, description, onClose }) => {
-  const [, setLifetime] = useState(4000);
-  const [progress, setProgress] = useState(0);
-  const intervalRef = useRef<any>(null);
-
-  const getColor = () => {
-    switch (type) {
-      case "success":
-        return "bg-green-100 text-green-800";
-      case "error":
-        return "bg-red-100 text-red-800";
-      case "info":
-        return "bg-blue-100 text-blue-800";
-      case "warning":
-        return "bg-yellow-100 text-yellow-800";
-      default:
-        return "bg-gray-100 text-gray-800";
-    }
-  };
-
-  useEffect(() => {
-    const startTimer = () => {
-      intervalRef.current = setInterval(() => {
-        setLifetime((lifetime) => {
-          if (lifetime <= 0) {
-            onClose && onClose();
-            clearInterval(intervalRef.current);
-            return 0;
-          } else {
-            setProgress((4000 - lifetime) / 4000);
-            return lifetime - 50;
-          }
-        });
-      }, 50);
-    };
-
-    const pauseTimer = () => {
-      clearInterval(intervalRef.current);
-    };
-
-    startTimer();
-    return () => {
-      pauseTimer();
-    };
-  }, [onClose]);
-
-  return (
-    <motion.div
-      initial={{ y: -50, opacity: 0 }}
-      animate={{ y: 0, opacity: 1 }}
-      exit={{ y: -50, opacity: 0 }}
-      className={`fixed top-0 right-0 w-80 mt-10 mr-10 rounded-md shadow-lg ${getColor()} p-4 transition-transform duration-300`}
-      style={{
-        zIndex: 1000,
-        transform: `translateY(calc(var(--alert-offset, 0)))`,
-      }}
-      onMouseEnter={() => clearInterval(intervalRef.current)}
-      onMouseLeave={() => {
-        intervalRef.current = setInterval(() => {
-          setLifetime((lifetime) => {
-            if (lifetime <= 0) {
-              onClose && onClose();
-              clearInterval(intervalRef.current);
-              return 0;
-            } else {
-              setProgress((4000 - lifetime) / 4000);
-              return lifetime - 50;
-            }
-          });
-        }, 50);
-      }}
-    >
-      <div className="flex items-center justify-between">
-        <h3 className="font-semibold">{title}</h3>
-        <button
-          className="text-gray-400 hover:text-gray-500 focus:outline-none focus:text-gray-500 transition duration-150 ease-in-out"
-          onClick={() => {
-            setLifetime(0);
-            onClose && onClose();
-          }}
-        >
-          <ExitSvg />
-        </button>
-      </div>
-      <div className="mt-2">
-        <p className="text-sm overflow-wrap break-words">{description}</p>
-      </div>
-      <div className="relative h-1 mt-4 bg-gray-200 rounded">
-        <div
-          className={`absolute left-0 top-0 h-full ${getColor()} rounded`}
-          style={{ width: `${progress * 100}%` }}
-        ></div>
-      </div>
-    </motion.div>
-  );
-};
-
-let activeAlerts: HTMLElement[] = [];
-
-export const showAlert = (alertProps: AlertProps) => {
-  if (typeof document === "undefined") {
-    return;
-  }
-  const container = document.createElement("div");
-  document.body.appendChild(container);
-
-  const onClose = () => {
-    root.unmount();
-    container.remove();
-    activeAlerts = activeAlerts.filter((alert) => alert !== container);
-    updateAlertOffsets();
-  };
-
-  const asyncOnClose = () => {
-    setTimeout(() => {
-      onClose();
-    }, 0);
-  };
-
-  activeAlerts.push(container);
-  updateAlertOffsets();
-
-  const root = createRoot(container);
-  root.render(
-    <AnimatePresence>
-      <Alert {...alertProps} onClose={asyncOnClose} />
-    </AnimatePresence>
-  );
-};
-
-const updateAlertOffsets = () => {
-  activeAlerts.forEach((alertContainer, index) => {
-    alertContainer.style.setProperty("--alert-offset", `${index * 100}px`);
-  });
-};