@zauru-sdk/components 1.0.54 → 1.0.61

package/src/Zendesk/Chat.tsx

@@ -1,83 +1,83 @@
-import { useEffect } from "react";
-
-const canUseDOM = (): boolean => {
-  if (
-    typeof window === "undefined" ||
-    !window.document ||
-    !window.document.createElement
-  ) {
-    return false;
-  }
-  return true;
-};
-
-export const logoutFromZendesk = () => {
-  if (canUseDOM() && (window as any).zE) {
-    (window as any).zE("messenger", "logoutUser");
-  } else {
-    console.warn("Zendesk is not initialized yet");
-  }
-};
-
-export const ZendeskAPI = (...args: any[]) => {
-  if (canUseDOM() && (window as any).zE) {
-    (window as any).zE.apply(null, args);
-  } else {
-    console.warn("Zendesk is not initialized yet");
-  }
-};
-
-interface ZendeskProps {
-  defer?: boolean;
-  onLoaded?: () => void;
-  token: string;
-  configuration: {
-    zendeskChatKey: string;
-  };
-  [key: string]: any; // Para propiedades adicionales que se pasen y se asignen a window.zESettings
-}
-
-export const Zendesk: React.FC<ZendeskProps> = (props: ZendeskProps) => {
-  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 as any).zE("messenger", "loginUser", function (callback: any) {
-          callback(token);
-        });
-      });
-      document.body.appendChild(zendeskScript);
-
-      return zendeskScript; // Devolvemos la referencia del script
-    };
-
-    let script: HTMLScriptElement | undefined; // Guardamos la referencia del script aquí
-
-    if (canUseDOM() && !(window as any).zE) {
-      script = insertScript();
-      (window as any).zESettings = other;
-    }
-
-    return () => {
-      if (script) {
-        // Si el script existe, lo eliminamos del DOM
-        script.remove();
-      }
-    };
-  }, [props, defer, other, configuration, token]);
-
-  return null;
-};
+import { useEffect } from "react";
+
+const canUseDOM = (): boolean => {
+  if (
+    typeof window === "undefined" ||
+    !window.document ||
+    !window.document.createElement
+  ) {
+    return false;
+  }
+  return true;
+};
+
+export const logoutFromZendesk = () => {
+  if (canUseDOM() && (window as any).zE) {
+    (window as any).zE("messenger", "logoutUser");
+  } else {
+    console.warn("Zendesk is not initialized yet");
+  }
+};
+
+export const ZendeskAPI = (...args: any[]) => {
+  if (canUseDOM() && (window as any).zE) {
+    (window as any).zE.apply(null, args);
+  } else {
+    console.warn("Zendesk is not initialized yet");
+  }
+};
+
+interface ZendeskProps {
+  defer?: boolean;
+  onLoaded?: () => void;
+  token: string;
+  configuration: {
+    zendeskChatKey: string;
+  };
+  [key: string]: any; // Para propiedades adicionales que se pasen y se asignen a window.zESettings
+}
+
+export const Zendesk: React.FC<ZendeskProps> = (props: ZendeskProps) => {
+  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 as any).zE("messenger", "loginUser", function (callback: any) {
+          callback(token);
+        });
+      });
+      document.body.appendChild(zendeskScript);
+
+      return zendeskScript; // Devolvemos la referencia del script
+    };
+
+    let script: HTMLScriptElement | undefined; // Guardamos la referencia del script aquí
+
+    if (canUseDOM() && !(window as any).zE) {
+      script = insertScript();
+      (window as any).zESettings = other;
+    }
+
+    return () => {
+      if (script) {
+        // Si el script existe, lo eliminamos del DOM
+        script.remove();
+      }
+    };
+  }, [props, defer, other, configuration, token]);
+
+  return null;
+};

package/src/Zendesk/index.ts

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

package/src/Zendesk/zendesk.config.ts

@@ -1,40 +1,40 @@
-import jwt from "jsonwebtoken";
-
-export function zendeskJwt(
-  current_user: {
-    selected_entity_id: number;
-    id: number;
-    email: string;
-    name: string;
-  },
-  configuration: {
-    zendeskJWTSecret: string;
-    zendeskJWTKey: string;
-  }
-) {
-  // 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: jwt.JwtHeader = { kid: jwtKey, typ: "JWT", alg: "HS256" };
-
-  return jwt.sign(payload, jwtSecret, {
-    algorithm: "HS256",
-    header: jwtHeader,
-  });
-}
+import jwt from "jsonwebtoken";
+
+export function zendeskJwt(
+  current_user: {
+    selected_entity_id: number;
+    id: number;
+    email: string;
+    name: string;
+  },
+  configuration: {
+    zendeskJWTSecret: string;
+    zendeskJWTKey: string;
+  }
+) {
+  // 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: jwt.JwtHeader = { kid: jwtKey, typ: "JWT", alg: "HS256" };
+
+  return jwt.sign(payload, jwtSecret, {
+    algorithm: "HS256",
+    header: jwtHeader,
+  });
+}

package/src/index.ts

@@ -1,24 +1,24 @@
-export * from "./Alerts/index.js";
-export * from "./BlockUI/index.js";
-export * from "./Buttons/index.js";
-export * from "./Card/index.js";
-export * from "./ConnectionState/index.js";
-export * from "./Chat/index.js";
-export * from "./Containers/index.js";
-export * from "./DynamicTable/index.js";
-export * from "./Footer/index.js";
-export * from "./Form/index.js";
-export * from "./Labels/index.js";
-export * from "./Layouts/index.js";
-export * from "./LineSeparator/index.js";
-export * from "./Modal/index.js";
-export * from "./NavBar/index.js";
-export * from "./Skeletons/index.js";
-export * from "./Tab/index.js";
-export * from "./Table/index.js";
-export * from "./TaskList/index.js";
-export * from "./Titles/index.js";
-export * from "./Tooltip/index.js";
-export * from "./WithTooltip/index.js";
-export * from "./Wizards/index.js";
-export * from "./Zendesk/index.js";
+export * from "./Alerts/index.js";
+export * from "./BlockUI/index.js";
+export * from "./Buttons/index.js";
+export * from "./Card/index.js";
+export * from "./ConnectionState/index.js";
+export * from "./Chat/index.js";
+export * from "./Containers/index.js";
+export * from "./DynamicTable/index.js";
+export * from "./Footer/index.js";
+export * from "./Form/index.js";
+export * from "./Labels/index.js";
+export * from "./Layouts/index.js";
+export * from "./LineSeparator/index.js";
+export * from "./Modal/index.js";
+export * from "./NavBar/index.js";
+export * from "./Skeletons/index.js";
+export * from "./Tab/index.js";
+export * from "./Table/index.js";
+export * from "./TaskList/index.js";
+export * from "./Titles/index.js";
+export * from "./Tooltip/index.js";
+export * from "./WithTooltip/index.js";
+export * from "./Wizards/index.js";
+export * from "./Zendesk/index.js";

package/src/postcss.config.mjs

@@ -1,5 +1,5 @@
-export default {
-  plugins: {
-    tailwindcss: {},
-  },
-};
+export default {
+  plugins: {
+    tailwindcss: {},
+  },
+};

package/src/tailwind.config.ts

@@ -1,10 +1,10 @@
-/** @type {import('tailwindcss').Config} */
-import type { Config } from "tailwindcss";
-
-module.exports = {
-  content: ["./app/**/*.{ts,tsx,jsx,js}"],
-  theme: {
-    extend: {},
-  },
-  plugins: [require("@tailwindcss/forms")],
-} satisfies Config;
+/** @type {import('tailwindcss').Config} */
+import type { Config } from "tailwindcss";
+
+module.exports = {
+  content: ["./app/**/*.{ts,tsx,jsx,js}"],
+  theme: {
+    extend: {},
+  },
+  plugins: [require("@tailwindcss/forms")],
+} satisfies Config;

package/src/tailwind.css

@@ -1,3 +1,3 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@tailwind base;
+@tailwind components;
+@tailwind utilities;

package/tsconfig.cjs.json

@@ -1,8 +1,8 @@
-{
-  "extends": "./tsconfig.json",
-  "compilerOptions": {
-    "module": "CommonJS",
-    "moduleResolution": "Node",
-    "outDir": "./dist/cjs"
-  }
-}
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "module": "CommonJS",
+    "moduleResolution": "Node",
+    "outDir": "./dist/cjs"
+  }
+}

package/tsconfig.esm.json

@@ -1,11 +1,11 @@
-{
-  "extends": "./tsconfig.json",
-  "compilerOptions": {
-    "module": "NodeNext",
-    "target": "ES2022",
-    "moduleResolution": "NodeNext",
-    "outDir": "./dist/esm",
-    "declaration": true,
-    "declarationDir": "./dist"
-  }
-}
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "module": "NodeNext",
+    "target": "ES2022",
+    "moduleResolution": "NodeNext",
+    "outDir": "./dist/esm",
+    "declaration": true,
+    "declarationDir": "./dist"
+  }
+}

package/tsconfig.json

@@ -1,17 +1,17 @@
-{
-  "include": ["**/*.ts", "**/*.tsx", "**/*.css"],
-  "compilerOptions": {
-    "target": "ES2022",
-    "module": "NodeNext",
-    "moduleResolution": "NodeNext",
-    "esModuleInterop": true,
-    "strict": true,
-    "jsx": "react-jsx",
-    "baseUrl": ".",
-    "outDir": "./dist",
-    "rootDir": "./src",
-    "paths": {
-      "~/*": ["./src/*"]
-    }
-  }
-}
+{
+  "include": ["**/*.ts", "**/*.tsx", "**/*.css"],
+  "compilerOptions": {
+    "target": "ES2022",
+    "module": "NodeNext",
+    "moduleResolution": "NodeNext",
+    "esModuleInterop": true,
+    "strict": true,
+    "jsx": "react-jsx",
+    "baseUrl": ".",
+    "outDir": "./dist",
+    "rootDir": "./src",
+    "paths": {
+      "~/*": ["./src/*"]
+    }
+  }
+}