@gustavo-valsechi/client 1.3.51 → 1.3.53

package/dist/components/types/avatar/index.js

@@ -35,23 +35,16 @@ module.exports = __toCommonJS(avatar_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_styles = require("./styles");
-var import_tools = require("@gustavo-valsechi/server/tools");
 var import_randomcolor = __toESM(require("randomcolor"));
 var import_lodash = __toESM(require("lodash"));
 function Avatar(props) {
   const containerRef = (0, import_react.useRef)({});
   const [color, setColor] = (0, import_react.useState)("");
   (0, import_react.useEffect)(() => {
-    if (color) return;
-    (async () => {
-      const storageKey = process.env.NEXT_PUBLIC_STORAGE_AVATAR;
-      const storageColor = await (0, import_tools.getStorage)(storageKey);
-      if (storageColor) return setColor(storageColor);
-      const random = (0, import_randomcolor.default)({ luminosity: "light" });
-      await (0, import_tools.setStorage)(storageKey, random);
-      setColor(random);
-    })();
-  }, [color]);
+    if (color || !props.name) return;
+    const random = (0, import_randomcolor.default)({ luminosity: "light", seed: props.name });
+    setColor(random);
+  }, [color, props.name]);
   const name = () => {
     const [first, secound] = import_lodash.default.split(props.name, " ") || [];
     if (first && secound) return `${first} ${secound}`;

package/dist/components/types/avatar/index.mjs

@@ -2,23 +2,16 @@
 import { jsx } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from "react";
 import { Container } from "./styles";
-import { getStorage, setStorage } from "@gustavo-valsechi/server/tools";
 import randomColor from "randomcolor";
 import _ from "lodash";
 function Avatar(props) {
   const containerRef = useRef({});
   const [color, setColor] = useState("");
   useEffect(() => {
-    if (color) return;
-    (async () => {
-      const storageKey = process.env.NEXT_PUBLIC_STORAGE_AVATAR;
-      const storageColor = await getStorage(storageKey);
-      if (storageColor) return setColor(storageColor);
-      const random = randomColor({ luminosity: "light" });
-      await setStorage(storageKey, random);
-      setColor(random);
-    })();
-  }, [color]);
+    if (color || !props.name) return;
+    const random = randomColor({ luminosity: "light", seed: props.name });
+    setColor(random);
+  }, [color, props.name]);
   const name = () => {
     const [first, secound] = _.split(props.name, " ") || [];
     if (first && secound) return `${first} ${secound}`;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gustavo-valsechi/client",
-  "version": "1.3.51",
+  "version": "1.3.53",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -24,7 +24,7 @@
   },
   "dependencies": {
     "@emotion/is-prop-valid": "1.3.0",
-    "@gustavo-valsechi/server": "1.0.7",
+    "@gustavo-valsechi/server": "1.0.8",
     "@hookform/resolvers": "5.2.2",
     "apexcharts": "3.51.0",
     "lodash": "4.17.21",
@@ -62,20 +62,24 @@
   },
   "exports": {
     ".": {
+      "types": "./dist/index.d.ts",
       "import": "./dist/index.js",
-      "types": "./dist/index.d.ts"
+      "require": "./dist/index.cjs"
     },
     "./components": {
+      "types": "./dist/components/index.d.ts",
       "import": "./dist/components/index.js",
-      "types": "./dist/components/index.d.ts"
+      "require": "./dist/components/index.cjs"
     },
     "./contexts": {
+      "types": "./dist/contexts/index.d.ts",
       "import": "./dist/contexts/index.js",
-      "types": "./dist/contexts/index.d.ts"
+      "require": "./dist/contexts/index.cjs"
     },
     "./interfaces": {
+      "types": "./dist/interfaces/index.d.ts",
       "import": "./dist/interfaces/index.js",
-      "types": "./dist/interfaces/index.d.ts"
+      "require": "./dist/interfaces/index.cjs"
     }
   }
 }