@willphan1712000/frontend 1.7.2 → 1.8.1

package/dist/index.d.mts

@@ -540,9 +540,20 @@ declare function handleAsync<DataType>(data: Promise<DataType>): Promise<HandleA
  */
 declare function textProcessing(text: string): string;
 
+/**
+ * Function creates and returns a unique UUID and store it in local storage
+ * @params key name
+ * @returns UUID
+ *
+ * @example
+ * const deviceId = getOrCreateUUID("deviceId")
+ */
+declare function getOrCreateUUID(key: string): string;
+
 declare const tools: {
     handleAsync: typeof handleAsync;
     textProcessing: typeof textProcessing;
+    getOrCreateUUID: typeof getOrCreateUUID;
 };
 
 /**

package/dist/index.d.ts

@@ -540,9 +540,20 @@ declare function handleAsync<DataType>(data: Promise<DataType>): Promise<HandleA
  */
 declare function textProcessing(text: string): string;
 
+/**
+ * Function creates and returns a unique UUID and store it in local storage
+ * @params key name
+ * @returns UUID
+ *
+ * @example
+ * const deviceId = getOrCreateUUID("deviceId")
+ */
+declare function getOrCreateUUID(key: string): string;
+
 declare const tools: {
     handleAsync: typeof handleAsync;
     textProcessing: typeof textProcessing;
+    getOrCreateUUID: typeof getOrCreateUUID;
 };
 
 /**

package/dist/index.js

@@ -1727,7 +1727,7 @@ var InputGoogle = (_a) => {
   (0, import_react13.useEffect)(() => {
     transitionOnFocus();
     transitionOffFocus();
-  }, []);
+  }, [value]);
   return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { style: InputGoogle_styles_default.container, children: [
     /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
       "input",
@@ -3531,10 +3531,26 @@ function textProcessing(text) {
   return newWords.join(" ");
 }
 
+// src/utilities/tools/UUID.ts
+function getOrCreateUUID(key) {
+  const STORAGE_KEY = key;
+  let deviceId = localStorage.getItem(STORAGE_KEY);
+  if (!deviceId) {
+    if (window.crypto && window.crypto.randomUUID) {
+      deviceId = window.crypto.randomUUID();
+    } else {
+      deviceId = "id-" + Math.random().toString(36).substring(2, 15) + Date.now().toString(36);
+    }
+    localStorage.setItem(STORAGE_KEY, deviceId);
+  }
+  return deviceId;
+}
+
 // src/utilities/tools/tools.ts
 var tools = {
   handleAsync: handleAsync_default,
-  textProcessing
+  textProcessing,
+  getOrCreateUUID
 };
 var tools_default = tools;
 

package/dist/index.mjs

@@ -1688,7 +1688,7 @@ var InputGoogle = (_a) => {
   useEffect9(() => {
     transitionOnFocus();
     transitionOffFocus();
-  }, []);
+  }, [value]);
   return /* @__PURE__ */ jsxs12("div", { style: InputGoogle_styles_default.container, children: [
     /* @__PURE__ */ jsx15(
       "input",
@@ -3492,10 +3492,26 @@ function textProcessing(text) {
   return newWords.join(" ");
 }
 
+// src/utilities/tools/UUID.ts
+function getOrCreateUUID(key) {
+  const STORAGE_KEY = key;
+  let deviceId = localStorage.getItem(STORAGE_KEY);
+  if (!deviceId) {
+    if (window.crypto && window.crypto.randomUUID) {
+      deviceId = window.crypto.randomUUID();
+    } else {
+      deviceId = "id-" + Math.random().toString(36).substring(2, 15) + Date.now().toString(36);
+    }
+    localStorage.setItem(STORAGE_KEY, deviceId);
+  }
+  return deviceId;
+}
+
 // src/utilities/tools/tools.ts
 var tools = {
   handleAsync: handleAsync_default,
-  textProcessing
+  textProcessing,
+  getOrCreateUUID
 };
 var tools_default = tools;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@willphan1712000/frontend",
-  "version": "1.7.2",
+  "version": "1.8.1",
   "description": "Frontend Library",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",