@andre1502/react-utilities 0.9.7 → 1.0.2

package/dist/useWebSocket-vgu8TAsa.js

@@ -0,0 +1,163 @@
+import { useState, useEffect, useSyncExternalStore, useRef } from 'react';
+import { Howl } from 'howler';
+
+var DeviceEnum;
+(function (DeviceEnum) {
+  DeviceEnum["PC"] = "pc";
+  DeviceEnum["MOBILE"] = "mobile";
+})(DeviceEnum || (DeviceEnum = {}));
+
+const useDevice = () => {
+  const [deviceType, setDevice] = useState(DeviceEnum.PC);
+  useEffect(() => {
+    const isTouchDevice = () => 'ontouchstart' in window || navigator.maxTouchPoints > 0;
+    const isPortrait = () => window.screen.orientation?.type.includes('portrait') || window.innerHeight > window.innerWidth;
+    const hasMouse = () => 'onmousemove' in window;
+    const detectDevice = () => {
+      if (isTouchDevice() && isPortrait() && !hasMouse()) {
+        setDevice(DeviceEnum.MOBILE);
+      } else {
+        setDevice(DeviceEnum.PC);
+      }
+    };
+    detectDevice();
+    window.addEventListener('resize', detectDevice);
+    return () => {
+      window.removeEventListener('resize', detectDevice);
+    };
+  }, []);
+  return deviceType;
+};
+
+const getDataSEStoreFromLocalStorage = (key) => {
+    return window.localStorage.getItem(key) || '';
+};
+const subscribe = (key, callback) => {
+    window.addEventListener(key, callback);
+    return () => {
+        window.removeEventListener(key, callback);
+    };
+};
+const useSEStore = (key) => {
+    const dataSEStore = useSyncExternalStore((callback) => subscribe(key, callback), () => getDataSEStoreFromLocalStorage(key));
+    const setDataSEStore = (key, value) => {
+        window.localStorage.setItem(key, value);
+        window.dispatchEvent(new Event(key));
+    };
+    return { dataSEStore, setDataSEStore };
+};
+
+const useSound = _ref => {
+  let {
+    src,
+    volume,
+    autoplay = false,
+    loop = false
+  } = _ref;
+  const [audio, setAudio] = useState(null);
+  useEffect(() => {
+    const howl = new Howl({
+      src: src,
+      onplayerror: (e, d) => {
+        console.log('onplayerror', e, d);
+        howl.once('unlock', () => {
+          // howl.play();
+        });
+      },
+      loop: loop ? true : false,
+      volume: volume,
+      autoplay: autoplay
+    });
+    setAudio(howl);
+    return () => {
+      howl.unload();
+    };
+  }, []);
+  return [audio];
+};
+
+const useWebSocket = () => {
+  const pingInterval = 30000; // Default ping every 30 seconds
+  const [url, setUrl] = useState('');
+  const [isConnected, setIsConnected] = useState(false);
+  const [isError, setIsError] = useState(false);
+  const [messages, setMessages] = useState([]);
+  const socketRef = useRef(null);
+  const heartbeatIntervalRef = useRef(undefined);
+  const connect = newUrl => {
+    if (newUrl && url !== newUrl) {
+      setUrl(newUrl);
+    }
+  };
+  const clearMessages = () => {
+    setMessages([]);
+  };
+  // Connect WebSocket after login
+  useEffect(() => {
+    if (url) {
+      // Open WebSocket connection
+      if (socketRef.current === null) {
+        socketRef.current = new WebSocket(url);
+      } else if (socketRef.current.url !== url) {
+        socketRef.current.close();
+        socketRef.current = new WebSocket(url);
+      }
+      socketRef.current.onopen = event => {
+        // console.log('WebSocket onopen', 'event', event);
+        setIsError(false);
+        setIsConnected(true);
+        heartbeatIntervalRef.current = window.setInterval(() => {
+          if (socketRef.current?.readyState === WebSocket.OPEN) {
+            socketRef.current?.send('ping');
+          }
+        }, pingInterval);
+      };
+      socketRef.current.onmessage = event => {
+        console.log('WebSocket onmessage', 'event.data', event.data);
+        if (event.data === 'ping') {
+          socketRef.current?.send('pong');
+          return;
+        }
+        setTimeout(() => {
+          setMessages(prev => {
+            if (!prev.includes(event.data)) {
+              prev.push(event.data);
+            }
+            return prev;
+          });
+        }, 1000);
+      };
+      socketRef.current.onerror = error => {
+        console.error('WebSocket onerror:', 'error', error);
+        setIsError(true);
+        setIsConnected(false);
+      };
+      socketRef.current.onclose = event => {
+        // console.log('WebSocket onclose', 'event', event);
+        if (event.wasClean) ; else {
+          // e.g. server process killed or network down, event.code is usually 1006 in this case
+          console.warn(`[close] Connection died, code=${event.code} reason=${event.reason}`);
+          setIsError(true);
+        }
+        setIsConnected(false);
+      };
+    }
+    // Cleanup on unmount or logout
+    return () => {
+      if (socketRef.current) {
+        socketRef.current.close();
+      }
+      clearInterval(heartbeatIntervalRef.current);
+    };
+  }, [url]);
+  return {
+    isConnected,
+    isError,
+    connect,
+    messages,
+    clearMessages
+  };
+};
+
+export { useSEStore as a, useSound as b, useWebSocket as c, useDevice as u };
+//# sourceMappingURL=useWebSocket-vgu8TAsa.js.map

package/dist/useWebSocket-vgu8TAsa.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWebSocket-vgu8TAsa.js","sources":["../src/enums/DeviceEnum.ts","../src/Hooks/useDevice.ts","../src/Hooks/useSEStore.tsx","../src/Hooks/useSound.ts","../src/Hooks/useWebSocket.ts"],"sourcesContent":[null,null,null,null,null],"names":["DeviceEnum","useDevice","deviceType","setDevice","useState","PC","useEffect","isTouchDevice","window","navigator","maxTouchPoints","isPortrait","screen","orientation","type","includes","innerHeight","innerWidth","hasMouse","detectDevice","MOBILE","addEventListener","removeEventListener","useSound","_ref","src","volume","autoplay","loop","audio","setAudio","howl","Howl","onplayerror","e","d","console","log","once","unload","useWebSocket","pingInterval","url","setUrl","isConnected","setIsConnected","isError","setIsError","messages","setMessages","socketRef","useRef","heartbeatIntervalRef","undefined","connect","newUrl","clearMessages","current","WebSocket","close","onopen","event","setInterval","readyState","OPEN","send","onmessage","data","setTimeout","prev","push","onerror","error","onclose","wasClean","warn","code","reason","clearInterval"],"mappings":"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"}

package/dist/utils.cjs

@@ -0,0 +1,59 @@
+'use strict';
+
+var Utils = require('./Utils-BC1fDy39.js');
+
+const padArrayStart = (array, targetLength, padValue) => {
+  const padding = Array(Math.max(targetLength - array.length, 0)).fill(padValue);
+  return [...padding, ...array];
+};
+const sliceFromEnd = (array, positionFromEnd) => {
+  if (positionFromEnd <= 0) return []; // If position is 0 or negative, return an empty array
+  return array.slice(-positionFromEnd);
+};
+const joinWithoutFalsy = function (array) {
+  let separator = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : ',';
+  return array.filter(Boolean).join(separator);
+};
+
+const getItemRow = (index, page, pageSize) => {
+  page = page ?? 0;
+  if (page > 0) {
+    page = page - 1;
+  }
+  return (pageSize ?? 0) * page + index + 1;
+};
+const getNextPage = (page, pageSize, totalRecords) => {
+  let totalPage = 0;
+  page = (page ?? 0) + 1;
+  if (pageSize && totalRecords) {
+    totalPage = Math.ceil(totalRecords / pageSize);
+  }
+  if (page > totalPage) {
+    page = undefined;
+  }
+  return page;
+};
+const getTotalPages = (pageSize, totalRecords) => {
+  let totalPage = 0;
+  if (pageSize && totalRecords) {
+    totalPage = Math.ceil(totalRecords / pageSize);
+  }
+  return totalPage || 1;
+};
+
+exports.autoBlur = Utils.autoBlur;
+exports.getKeyByValue = Utils.getKeyByValue;
+exports.getLastPathName = Utils.getLastPathName;
+exports.getUniquePermutations = Utils.getUniquePermutations;
+exports.getV = Utils.getV;
+exports.isHiddenKey = Utils.isHiddenKey;
+exports.isValidHttpUrl = Utils.isValidHttpUrl;
+exports.padNumber = Utils.padNumber;
+exports.parseQueryString = Utils.parseQueryString;
+exports.getItemRow = getItemRow;
+exports.getNextPage = getNextPage;
+exports.getTotalPages = getTotalPages;
+exports.joinWithoutFalsy = joinWithoutFalsy;
+exports.padArrayStart = padArrayStart;
+exports.sliceFromEnd = sliceFromEnd;
+//# sourceMappingURL=utils.cjs.map

package/dist/utils.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.cjs","sources":["../src/Utils/Array.ts","../src/Utils/Pagination.ts"],"sourcesContent":[null,null],"names":["padArrayStart","array","targetLength","padValue","padding","Array","Math","max","length","fill","sliceFromEnd","positionFromEnd","slice","joinWithoutFalsy","separator","arguments","undefined","filter","Boolean","join","getItemRow","index","page","pageSize","getNextPage","totalRecords","totalPage","ceil","getTotalPages"],"mappings":";;;;AAAO,MAAMA,aAAa,GAAGA,CAC3BC,KAAe,EACfC,YAAoB,EACpBC,QAAgB,KACJ;EACZ,MAAMC,OAAO,GAAGC,KAAK,CAACC,IAAI,CAACC,GAAG,CAACL,YAAY,GAAGD,KAAK,CAACO,MAAM,EAAE,CAAC,CAAC,CAAC,CAACC,IAAI,CAClEN,QAAQ,CACT;AACD,EAAA,OAAO,CAAC,GAAGC,OAAO,EAAE,GAAGH,KAAK,CAAC;AAC/B;MAEaS,YAAY,GAAGA,CAC1BT,KAAe,EACfU,eAAuB,KACX;AACZ,EAAA,IAAIA,eAAe,IAAI,CAAC,EAAE,OAAO,EAAE,CAAC;AAEpC,EAAA,OAAOV,KAAK,CAACW,KAAK,CAAC,CAACD,eAAe,CAAC;AACtC;MAEaE,gBAAgB,GAAG,UAACZ,KAAe,EAA6B;AAAA,EAAA,IAA3Ba,SAAS,GAAAC,SAAA,CAAAP,MAAA,GAAA,CAAA,IAAAO,SAAA,CAAA,CAAA,CAAA,KAAAC,SAAA,GAAAD,SAAA,CAAA,CAAA,CAAA,GAAG,GAAG;EAC/D,OAAOd,KAAK,CAACgB,MAAM,CAACC,OAAO,CAAC,CAACC,IAAI,CAACL,SAAS,CAAC;AAC9C;;ACtBO,MAAMM,UAAU,GAAGA,CAACC,KAAa,EAAEC,IAAa,EAAEC,QAAiB,KAAI;EAC5ED,IAAI,GAAGA,IAAI,IAAI,CAAC;EAEhB,IAAIA,IAAI,GAAG,CAAC,EAAE;IACZA,IAAI,GAAGA,IAAI,GAAG,CAAC;AACjB;EAEA,OAAO,CAACC,QAAQ,IAAI,CAAC,IAAID,IAAI,GAAGD,KAAK,GAAG,CAAC;AAC3C;AAEO,MAAMG,WAAW,GAAGA,CACzBF,IAAa,EACbC,QAAiB,EACjBE,YAAqB,KACC;EACtB,IAAIC,SAAS,GAAG,CAAC;AAEjBJ,EAAAA,IAAI,GAAG,CAACA,IAAI,IAAI,CAAC,IAAI,CAAC;EAEtB,IAAIC,QAAQ,IAAIE,YAAY,EAAE;IAC5BC,SAAS,GAAGpB,IAAI,CAACqB,IAAI,CAACF,YAAY,GAAGF,QAAQ,CAAC;AAChD;EAEA,IAAID,IAAI,GAAGI,SAAS,EAAE;AACpBJ,IAAAA,IAAI,GAAGN,SAAS;AAClB;AAEA,EAAA,OAAOM,IAAI;AACb;MAEaM,aAAa,GAAGA,CAC3BL,QAAiB,EACjBE,YAAqB,KACX;EACV,IAAIC,SAAS,GAAG,CAAC;EAEjB,IAAIH,QAAQ,IAAIE,YAAY,EAAE;IAC5BC,SAAS,GAAGpB,IAAI,CAACqB,IAAI,CAACF,YAAY,GAAGF,QAAQ,CAAC;AAChD;EAEA,OAAOG,SAAS,IAAI,CAAC;AACvB;;;;;;;;;;;;;;;;;;"}

package/dist/utils.d.ts

@@ -0,0 +1,3 @@
+export * from './Utils/Array';
+export * from './Utils/Pagination';
+export * from './Utils/Utils';

package/dist/utils.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _Array = require("./Utils/Array");
+Object.keys(_Array).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Array[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Array[key];
+    }
+  });
+});
+var _Pagination = require("./Utils/Pagination");
+Object.keys(_Pagination).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Pagination[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Pagination[key];
+    }
+  });
+});
+var _Utils = require("./Utils/Utils");
+Object.keys(_Utils).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Utils[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Utils[key];
+    }
+  });
+});
+//# sourceMappingURL=utils.js.map

package/dist/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","names":["_Array","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_Pagination","_Utils"],"sources":["../src/utils.ts"],"sourcesContent":["export * from './Utils/Array';\nexport * from './Utils/Pagination';\nexport * from './Utils/Utils';\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,MAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,MAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,MAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,WAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,WAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,WAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAC,WAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,MAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,MAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,MAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAE,MAAA,CAAAN,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/dist/utils.mjs

@@ -0,0 +1,43 @@
+export { e as autoBlur, d as getKeyByValue, a as getLastPathName, c as getUniquePermutations, g as getV, f as isHiddenKey, i as isValidHttpUrl, p as padNumber, b as parseQueryString } from './Utils-D7KRF8VU.js';
+
+const padArrayStart = (array, targetLength, padValue) => {
+  const padding = Array(Math.max(targetLength - array.length, 0)).fill(padValue);
+  return [...padding, ...array];
+};
+const sliceFromEnd = (array, positionFromEnd) => {
+  if (positionFromEnd <= 0) return []; // If position is 0 or negative, return an empty array
+  return array.slice(-positionFromEnd);
+};
+const joinWithoutFalsy = function (array) {
+  let separator = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : ',';
+  return array.filter(Boolean).join(separator);
+};
+
+const getItemRow = (index, page, pageSize) => {
+  page = page ?? 0;
+  if (page > 0) {
+    page = page - 1;
+  }
+  return (pageSize ?? 0) * page + index + 1;
+};
+const getNextPage = (page, pageSize, totalRecords) => {
+  let totalPage = 0;
+  page = (page ?? 0) + 1;
+  if (pageSize && totalRecords) {
+    totalPage = Math.ceil(totalRecords / pageSize);
+  }
+  if (page > totalPage) {
+    page = undefined;
+  }
+  return page;
+};
+const getTotalPages = (pageSize, totalRecords) => {
+  let totalPage = 0;
+  if (pageSize && totalRecords) {
+    totalPage = Math.ceil(totalRecords / pageSize);
+  }
+  return totalPage || 1;
+};
+
+export { getItemRow, getNextPage, getTotalPages, joinWithoutFalsy, padArrayStart, sliceFromEnd };
+//# sourceMappingURL=utils.mjs.map

package/dist/utils.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.mjs","sources":["../src/Utils/Array.ts","../src/Utils/Pagination.ts"],"sourcesContent":[null,null],"names":["padArrayStart","array","targetLength","padValue","padding","Array","Math","max","length","fill","sliceFromEnd","positionFromEnd","slice","joinWithoutFalsy","separator","arguments","undefined","filter","Boolean","join","getItemRow","index","page","pageSize","getNextPage","totalRecords","totalPage","ceil","getTotalPages"],"mappings":";;AAAO,MAAMA,aAAa,GAAGA,CAC3BC,KAAe,EACfC,YAAoB,EACpBC,QAAgB,KACJ;EACZ,MAAMC,OAAO,GAAGC,KAAK,CAACC,IAAI,CAACC,GAAG,CAACL,YAAY,GAAGD,KAAK,CAACO,MAAM,EAAE,CAAC,CAAC,CAAC,CAACC,IAAI,CAClEN,QAAQ,CACT;AACD,EAAA,OAAO,CAAC,GAAGC,OAAO,EAAE,GAAGH,KAAK,CAAC;AAC/B;MAEaS,YAAY,GAAGA,CAC1BT,KAAe,EACfU,eAAuB,KACX;AACZ,EAAA,IAAIA,eAAe,IAAI,CAAC,EAAE,OAAO,EAAE,CAAC;AAEpC,EAAA,OAAOV,KAAK,CAACW,KAAK,CAAC,CAACD,eAAe,CAAC;AACtC;MAEaE,gBAAgB,GAAG,UAACZ,KAAe,EAA6B;AAAA,EAAA,IAA3Ba,SAAS,GAAAC,SAAA,CAAAP,MAAA,GAAA,CAAA,IAAAO,SAAA,CAAA,CAAA,CAAA,KAAAC,SAAA,GAAAD,SAAA,CAAA,CAAA,CAAA,GAAG,GAAG;EAC/D,OAAOd,KAAK,CAACgB,MAAM,CAACC,OAAO,CAAC,CAACC,IAAI,CAACL,SAAS,CAAC;AAC9C;;ACtBO,MAAMM,UAAU,GAAGA,CAACC,KAAa,EAAEC,IAAa,EAAEC,QAAiB,KAAI;EAC5ED,IAAI,GAAGA,IAAI,IAAI,CAAC;EAEhB,IAAIA,IAAI,GAAG,CAAC,EAAE;IACZA,IAAI,GAAGA,IAAI,GAAG,CAAC;AACjB;EAEA,OAAO,CAACC,QAAQ,IAAI,CAAC,IAAID,IAAI,GAAGD,KAAK,GAAG,CAAC;AAC3C;AAEO,MAAMG,WAAW,GAAGA,CACzBF,IAAa,EACbC,QAAiB,EACjBE,YAAqB,KACC;EACtB,IAAIC,SAAS,GAAG,CAAC;AAEjBJ,EAAAA,IAAI,GAAG,CAACA,IAAI,IAAI,CAAC,IAAI,CAAC;EAEtB,IAAIC,QAAQ,IAAIE,YAAY,EAAE;IAC5BC,SAAS,GAAGpB,IAAI,CAACqB,IAAI,CAACF,YAAY,GAAGF,QAAQ,CAAC;AAChD;EAEA,IAAID,IAAI,GAAGI,SAAS,EAAE;AACpBJ,IAAAA,IAAI,GAAGN,SAAS;AAClB;AAEA,EAAA,OAAOM,IAAI;AACb;MAEaM,aAAa,GAAGA,CAC3BL,QAAiB,EACjBE,YAAqB,KACX;EACV,IAAIC,SAAS,GAAG,CAAC;EAEjB,IAAIH,QAAQ,IAAIE,YAAY,EAAE;IAC5BC,SAAS,GAAGpB,IAAI,CAACqB,IAAI,CAACF,YAAY,GAAGF,QAAQ,CAAC;AAChD;EAEA,OAAOG,SAAS,IAAI,CAAC;AACvB;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@andre1502/react-utilities",
-  "version": "0.9.7",
+  "version": "1.0.2",
   "description": "module to combine common functions",
   "repository": {
     "type": "git",
@@ -30,6 +30,11 @@
       "require": "./dist/format.cjs",
       "import": "./dist/format.mjs"
     },
+    "./hooks": {
+      "types": "./dist/hooks.d.ts",
+      "require": "./dist/hooks.cjs",
+      "import": "./dist/hooks.mjs"
+    },
     "./i18n": {
       "types": "./dist/i18n.d.ts",
       "require": "./dist/i18n.cjs",
@@ -45,6 +50,11 @@
       "require": "./dist/sentry-rn.cjs",
       "import": "./dist/sentry-rn.mjs"
     },
+    "./utils": {
+      "types": "./dist/utils.d.ts",
+      "require": "./dist/utils.cjs",
+      "import": "./dist/utils.mjs"
+    },
     "./sentry-cli": {
       "types": "./dist/sentry-cli.d.ts",
       "require": "./dist/sentry-cli.cjs",
@@ -77,56 +87,57 @@
     "test": "echo \"Warn: no test specified, ignore it\" && exit 0"
   },
   "dependencies": {
-    "@formatjs/intl-datetimeformat": "^6.12.5",
-    "@formatjs/intl-displaynames": "^6.6.8",
-    "@formatjs/intl-getcanonicallocales": "^2.3.0",
-    "@formatjs/intl-listformat": "^7.5.7",
-    "@formatjs/intl-locale": "^4.0.0",
-    "@formatjs/intl-numberformat": "^8.10.3",
-    "@formatjs/intl-pluralrules": "^5.2.14",
-    "@formatjs/intl-relativetimeformat": "^11.2.14",
-    "@sentry/react-native": "^5.26.0",
-    "@types/lodash": "^4.17.7",
+    "@formatjs/intl-datetimeformat": "^6.17.4",
+    "@formatjs/intl-displaynames": "^6.8.11",
+    "@formatjs/intl-getcanonicallocales": "^2.5.5",
+    "@formatjs/intl-listformat": "^7.7.11",
+    "@formatjs/intl-locale": "^4.2.11",
+    "@formatjs/intl-numberformat": "^8.15.4",
+    "@formatjs/intl-pluralrules": "^5.4.4",
+    "@formatjs/intl-relativetimeformat": "^11.4.11",
+    "@sentry/react-native": "^6.9.1",
+    "@types/howler": "^2.2.12",
+    "@types/lodash-es": "^4.17.12",
     "google-auth-library": "^9.11.0",
     "googleapis": "^140.0.1",
-    "i18next": "^23.16.5",
+    "howler": "^2.2.4",
+    "i18next": "^24.2.3",
     "i18next-chained-backend": "^4.6.2",
-    "i18next-http-backend": "^2.6.2",
+    "i18next-http-backend": "^3.0.2",
     "i18next-localstorage-backend": "^4.2.0",
     "i18next-resources-to-backend": "^1.2.1",
-    "lodash": "^4.17.21",
+    "lodash-es": "^4.17.21",
     "sitemap": "^8.0.0"
   },
   "devDependencies": {
-    "@babel/cli": "^7.24.8",
-    "@babel/core": "^7.24.9",
-    "@babel/preset-env": "^7.24.8",
-    "@babel/preset-react": "^7.24.7",
-    "@babel/preset-typescript": "^7.24.7",
+    "@babel/cli": "^7.26.4",
+    "@babel/core": "^7.26.10",
+    "@babel/preset-env": "^7.26.9",
+    "@babel/preset-react": "^7.26.3",
+    "@babel/preset-typescript": "^7.26.0",
     "@rollup/plugin-babel": "^6.0.4",
-    "@rollup/plugin-commonjs": "^26.0.1",
+    "@rollup/plugin-commonjs": "^28.0.3",
     "@rollup/plugin-json": "^6.1.0",
-    "@rollup/plugin-node-resolve": "^15.2.3",
-    "@rollup/plugin-typescript": "^11.1.6",
-    "@types/node": "^20.14.11",
-    "@types/react": "^18.3.3",
-    "@typescript-eslint/eslint-plugin": "^7.16.1",
-    "@typescript-eslint/parser": "^7.16.1",
+    "@rollup/plugin-node-resolve": "^16.0.1",
+    "@rollup/plugin-typescript": "^12.1.2",
+    "@types/node": "^22.13.11",
+    "@types/react": "^19.0.12",
+    "@typescript-eslint/eslint-plugin": "^8.27.0",
+    "@typescript-eslint/parser": "^8.27.0",
     "cross-env": "^7.0.3",
-    "eslint": "^9.7.0",
-    "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-prettier": "^5.1.3",
-    "eslint-plugin-react": "^7.34.4",
-    "eslint-plugin-react-hooks": "^4.6.2",
-    "eslint-plugin-storybook": "^0.8.0",
-    "prettier": "^3.3.3",
-    "prettier-plugin-organize-imports": "^4.0.0",
-    "prettier-plugin-packagejson": "^2.5.1",
-    "rollup": "^4.19.1",
+    "eslint": "^9.23.0",
+    "eslint-config-prettier": "^10.1.1",
+    "eslint-plugin-prettier": "^5.2.3",
+    "eslint-plugin-react": "^7.37.4",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "eslint-plugin-storybook": "^0.11.6",
+    "prettier": "^3.5.3",
+    "prettier-plugin-organize-imports": "^4.1.0",
+    "prettier-plugin-packagejson": "^2.5.10",
+    "rollup": "^4.37.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
-    "tslib": "^2.6.3",
-    "typescript": "^5.5.3",
-    "yarn-upgrade-all": "^0.7.2"
+    "tslib": "^2.8.1",
+    "typescript": "^5.8.2"
   },
   "peerDependencies": {
     "react": "*",
@@ -135,9 +146,9 @@
     "tslib": "*"
   },
   "optionalDependencies": {
-    "@rollup/rollup-linux-x64-gnu": "^4.13.2"
+    "@rollup/rollup-linux-x64-gnu": "^4.37.0"
   },
-  "packageManager": "yarn@4.3.1",
+  "packageManager": "yarn@4.8.1",
   "publishConfig": {
     "@andre1502:registry": "https://registry.npmjs.org/"
   }

package/src/Config/Config.ts

@@ -1,7 +1,8 @@
-import * as lodash from 'lodash';
+import { isNull } from 'lodash-es';
 import { EnvironmentEnum } from '../enums/EnvironmentEnum';
 import { OutputMap } from '../interfaces/Config/OutputMap';
 import { OutputOptions } from '../interfaces/Config/OutputOptions';
+import { isHiddenKey } from '../utils';
 import { outputToFile } from './Output';
 
 /**
@@ -170,7 +171,7 @@ const contentMap = (key: string, value: any, exportAs: string): string => {
 
   switch (exportAs) {
     case 'ts':
-      if (lodash.isNull(value)) {
+      if (isNull(value)) {
         content += `export const ${key}: string | null = ${value};\n`;
       } else if (typeof value === 'boolean') {
         content += `export const ${key}: boolean = ${value};\n`;
@@ -211,9 +212,10 @@ const transformConfig = (
   let content = contentMap(envKey, envMap(env), options.exportAs!);
 
   Object.keys(data).forEach((key) => {
-    const newConfigKey = configKeyPrefix ? `${configKeyPrefix}${key}` : key;
+    const newConfigKey =
+      configKeyPrefix && !isHiddenKey(key) ? `${configKeyPrefix}${key}` : key;
 
-    if (key === 'BASE_PROJECT') {
+    if (key === 'BASE_PROJECT' || key === '__BASE_PROJECT') {
       const extensionFile = [
         `.${data[key]}.js`,
         `.${data[key]}.jsx`,
@@ -233,7 +235,7 @@ const transformConfig = (
       return;
     }
 
-    if (key === 'SITEMAP') {
+    if (key === 'SITEMAP' || key === '__SITEMAP') {
       content += contentMap(
         newConfigKey,
         JSON.stringify(data[key]),

package/src/Hooks/useDevice.ts

@@ -0,0 +1,34 @@
+import { useEffect, useState } from 'react';
+import { DeviceEnum } from '../enums/DeviceEnum';
+
+const useDevice = (): DeviceEnum => {
+  const [deviceType, setDevice] = useState<DeviceEnum>(DeviceEnum.PC);
+
+  useEffect(() => {
+    const isTouchDevice = () =>
+      'ontouchstart' in window || navigator.maxTouchPoints > 0;
+    const isPortrait = () =>
+      window.screen.orientation?.type.includes('portrait') ||
+      window.innerHeight > window.innerWidth;
+    const hasMouse = () => 'onmousemove' in window;
+
+    const detectDevice = () => {
+      if (isTouchDevice() && isPortrait() && !hasMouse()) {
+        setDevice(DeviceEnum.MOBILE);
+      } else {
+        setDevice(DeviceEnum.PC);
+      }
+    };
+
+    detectDevice();
+    window.addEventListener('resize', detectDevice);
+
+    return () => {
+      window.removeEventListener('resize', detectDevice);
+    };
+  }, []);
+
+  return deviceType;
+};
+
+export default useDevice;

package/src/Hooks/useSEStore.tsx

@@ -0,0 +1,29 @@
+import { useSyncExternalStore } from 'react';
+
+const getDataSEStoreFromLocalStorage = (key: string): string => {
+  return window.localStorage.getItem(key) || '';
+};
+
+const subscribe = (key: string, callback: () => void): (() => void) => {
+  window.addEventListener(key, callback);
+
+  return () => {
+    window.removeEventListener(key, callback);
+  };
+};
+
+const useSEStore = (key: string) => {
+  const dataSEStore = useSyncExternalStore(
+    (callback: () => void) => subscribe(key, callback),
+    () => getDataSEStoreFromLocalStorage(key),
+  );
+
+  const setDataSEStore = (key: string, value: string) => {
+    window.localStorage.setItem(key, value);
+    window.dispatchEvent(new Event(key));
+  };
+
+  return { dataSEStore, setDataSEStore };
+};
+
+export default useSEStore;

package/src/Hooks/useSound.ts

@@ -0,0 +1,44 @@
+import { Howl } from 'howler';
+import { useEffect, useState } from 'react';
+
+export interface UseSoundProps {
+  src: string;
+  volume?: number;
+  autoplay?: boolean;
+  loop?: boolean;
+}
+
+const useSound = ({
+  src,
+  volume,
+  autoplay = false,
+  loop = false,
+}: UseSoundProps) => {
+  const [audio, setAudio] = useState<Howl | null>(null);
+
+  useEffect(() => {
+    const howl = new Howl({
+      src: src,
+      onplayerror: (e, d) => {
+        console.log('onplayerror', e, d);
+
+        howl.once('unlock', () => {
+          // howl.play();
+        });
+      },
+      loop: loop ? true : false,
+      volume: volume,
+      autoplay: autoplay,
+    });
+
+    setAudio(howl);
+
+    return () => {
+      howl.unload();
+    };
+  }, []);
+
+  return [audio] as const;
+};
+
+export default useSound;