@lasterp/shared 1.0.0-beta.1 → 1.0.0-beta.10

package/dist/{rn/index.js → index.cjs}

@@ -1,10 +1,83 @@
 "use client";
+var __create = Object.create;
+var __getProtoOf = Object.getPrototypeOf;
+var __defProp = Object.defineProperty;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __toESM = (mod, isNodeMode, target) => {
+  target = mod != null ? __create(__getProtoOf(mod)) : {};
+  const to = isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target;
+  for (let key of __getOwnPropNames(mod))
+    if (!__hasOwnProp.call(to, key))
+      __defProp(to, key, {
+        get: () => mod[key],
+        enumerable: true
+      });
+  return to;
+};
+var __moduleCache = /* @__PURE__ */ new WeakMap;
+var __toCommonJS = (from) => {
+  var entry = __moduleCache.get(from), desc;
+  if (entry)
+    return entry;
+  entry = __defProp({}, "__esModule", { value: true });
+  if (from && typeof from === "object" || typeof from === "function")
+    __getOwnPropNames(from).map((key) => !__hasOwnProp.call(entry, key) && __defProp(entry, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    }));
+  __moduleCache.set(from, entry);
+  return entry;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, {
+      get: all[name],
+      enumerable: true,
+      configurable: true,
+      set: (newValue) => all[name] = () => newValue
+    });
+};
+
+// src/index.ts
+var exports_src = {};
+__export(exports_src, {
+  useVariantSelector: () => useVariantSelector,
+  useSearch: () => useSearch,
+  useLocale: () => useLocale,
+  useFrappeUpdateDoc: () => useFrappeUpdateDoc,
+  useFrappePutCall: () => useFrappePutCall,
+  useFrappePrefetchDoc: () => useFrappePrefetchDoc,
+  useFrappePostCall: () => useFrappePostCall,
+  useFrappeGetDocList: () => useFrappeGetDocList,
+  useFrappeGetDocCount: () => useFrappeGetDocCount,
+  useFrappeGetDoc: () => useFrappeGetDoc,
+  useFrappeGetCall: () => useFrappeGetCall,
+  useFrappeFileUpload: () => useFrappeFileUpload,
+  useFrappeEventListener: () => useFrappeEventListener,
+  useFrappeDocumentEventListener: () => useFrappeDocumentEventListener,
+  useFrappeDocTypeEventListener: () => useFrappeDocTypeEventListener,
+  useFrappeDeleteDoc: () => useFrappeDeleteDoc,
+  useFrappeDeleteCall: () => useFrappeDeleteCall,
+  useFrappeCreateDoc: () => useFrappeCreateDoc,
+  useFrappeAuth: () => useFrappeAuth,
+  equalsIgnoreCase: () => equalsIgnoreCase,
+  decamelizeKeys: () => import_humps.decamelizeKeys,
+  decamelize: () => import_humps.decamelize,
+  camelizeKeys: () => import_humps.camelizeKeys,
+  camelize: () => import_humps.camelize,
+  LocaleProvider: () => LocaleProvider,
+  FrappeProvider: () => FrappeProvider,
+  FrappeContext: () => FrappeContext
+});
+module.exports = __toCommonJS(exports_src);
 // src/frappe/provider.tsx
-import { useMemo, createContext } from "react";
-import { FrappeApp } from "frappe-js-sdk";
+var import_react = require("react");
+var import_frappe_js_sdk = require("frappe-js-sdk");
 
 // src/frappe/socket.ts
-import io from "socket.io-client";
+var import_socket = __toESM(require("socket.io-client"));
 
 class SocketIO {
   socket_port;
@@ -35,7 +108,7 @@ class SocketIO {
       this.url = `${this.url}${site_name}`;
     }
     this.site_name = site_name;
-    this.socket = io(`${this.url}`, {
+    this.socket = import_socket.default(`${this.url}`, {
       withCredentials: true,
       secure: this.protocol === "https",
       extraHeaders: tokenParams && tokenParams.useToken === true ? {
@@ -46,9 +119,9 @@ class SocketIO {
 }
 
 // src/frappe/provider.tsx
-import { jsx } from "react/jsx-runtime";
+var jsx_runtime = require("react/jsx-runtime");
 
-var FrappeContext = createContext(null);
+var FrappeContext = import_react.createContext(null);
 var FrappeProvider = ({
   url = "",
   tokenParams,
@@ -58,8 +131,8 @@ var FrappeProvider = ({
   children,
   customHeaders
 }) => {
-  const frappeConfig = useMemo(() => {
-    const frappe = new FrappeApp(url, tokenParams, undefined, customHeaders);
+  const config = import_react.useMemo(() => {
+    const frappe = new import_frappe_js_sdk.FrappeApp(url, tokenParams, undefined, customHeaders);
     return {
       url,
       tokenParams,
@@ -71,19 +144,19 @@ var FrappeProvider = ({
       socket: enableSocket ? new SocketIO(url, siteName, socketPort, tokenParams).socket : undefined
     };
   }, [url, tokenParams, enableSocket, socketPort, siteName, customHeaders]);
-  return /* @__PURE__ */ jsx(FrappeContext.Provider, {
-    value: frappeConfig,
+  return /* @__PURE__ */ jsx_runtime.jsx(FrappeContext.Provider, {
+    value: config,
     children
   });
 };
 // src/frappe/hooks/auth.ts
-import { useCallback, useContext, useState, useEffect } from "react";
-import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+var import_react2 = require("react");
+var import_react_query = require("@tanstack/react-query");
 var useFrappeAuth = () => {
-  const queryClient = useQueryClient();
-  const { auth, tokenParams } = useContext(FrappeContext);
-  const [userID, setUserID] = useState();
-  const getUserCookie = useCallback(() => {
+  const queryClient = import_react_query.useQueryClient();
+  const { auth, tokenParams } = import_react2.useContext(FrappeContext);
+  const [userID, setUserID] = import_react2.useState();
+  const getUserCookie = import_react2.useCallback(() => {
     const userCookie = document.cookie.split(";").find((c) => c.trim().startsWith("user_id="));
     if (userCookie) {
       const userName = userCookie.split("=")[1];
@@ -96,7 +169,7 @@ var useFrappeAuth = () => {
       setUserID(null);
     }
   }, []);
-  useEffect(() => {
+  import_react2.useEffect(() => {
     if (tokenParams && tokenParams.useToken) {
       setUserID(null);
     } else {
@@ -108,7 +181,7 @@ var useFrappeAuth = () => {
     error,
     isLoading,
     isFetching: isValidating
-  } = useQuery({
+  } = import_react_query.useQuery({
     queryKey: ["currentUser", { tokenParams, userID }],
     queryFn: () => auth.getLoggedInUser(),
     enabled: !!(tokenParams?.useToken || userID),
@@ -116,14 +189,14 @@ var useFrappeAuth = () => {
     refetchOnWindowFocus: false,
     staleTime: Infinity
   });
-  const loginMutation = useMutation({
+  const loginMutation = import_react_query.useMutation({
     mutationFn: (credentials) => auth.loginWithUsernamePassword(credentials),
     onSuccess: () => {
       getUserCookie();
       queryClient.invalidateQueries({ queryKey: ["currentUser"] });
     }
   });
-  const logoutMutation = useMutation({
+  const logoutMutation = import_react_query.useMutation({
     mutationFn: () => auth.logout(),
     onSuccess: () => {
       setUserID(null);
@@ -142,8 +215,8 @@ var useFrappeAuth = () => {
   };
 };
 // src/frappe/hooks/call.ts
-import { useContext as useContext2 } from "react";
-import { useMutation as useMutation2, useQuery as useQuery2 } from "@tanstack/react-query";
+var import_react3 = require("react");
+var import_react_query2 = require("@tanstack/react-query");
 
 // src/frappe/utils.ts
 function encodeQueryData(data) {
@@ -155,11 +228,11 @@ function encodeQueryData(data) {
 
 // src/frappe/hooks/call.ts
 var useFrappeGetCall = (method, params, options, type = "GET") => {
-  const { call } = useContext2(FrappeContext);
+  const { call } = import_react3.useContext(FrappeContext);
   const urlParams = encodeQueryData(params ?? {});
   const url = `${method}?${urlParams}`;
   const queryKey = ["frappeCall", type, method, url];
-  const { data, error, isLoading, isFetching, refetch } = useQuery2({
+  const { data, error, isLoading, isFetching, refetch } = import_react_query2.useQuery({
     queryKey,
     queryFn: type === "GET" ? () => call.get(method, params) : () => call.post(method, params),
     enabled: (options?.enabled ?? true) && !!method,
@@ -175,9 +248,9 @@ var useFrappeGetCall = (method, params, options, type = "GET") => {
   };
 };
 var useFrappeMutation = (method, httpMethod) => {
-  const { call: frappeCall } = useContext2(FrappeContext);
+  const { call: frappeCall } = import_react3.useContext(FrappeContext);
   const queryKey = ["frappeCall", httpMethod, method];
-  const { mutateAsync, data, isPending, error, isSuccess, reset } = useMutation2({
+  const { mutateAsync, data, isPending, error, isSuccess, reset } = import_react_query2.useMutation({
     mutationKey: queryKey,
     mutationFn: (params) => {
       if (httpMethod === "POST")
@@ -200,12 +273,12 @@ var useFrappePostCall = (method) => useFrappeMutation(method, "POST");
 var useFrappePutCall = (method) => useFrappeMutation(method, "PUT");
 var useFrappeDeleteCall = (method) => useFrappeMutation(method, "DELETE");
 // src/frappe/hooks/count.ts
-import { useContext as useContext3 } from "react";
-import { useQuery as useQuery3 } from "@tanstack/react-query";
+var import_react4 = require("react");
+var import_react_query3 = require("@tanstack/react-query");
 var useFrappeGetDocCount = (doctype, filters, debug = false, options) => {
-  const { url, db } = useContext3(FrappeContext);
+  const { url, db } = import_react4.useContext(FrappeContext);
   const queryKey = ["docCount", url, doctype, filters ?? [], debug];
-  const { data, error, isLoading, isFetching, refetch } = useQuery3({
+  const { data, error, isLoading, isFetching, refetch } = import_react_query3.useQuery({
     queryKey,
     queryFn: () => db.getCount(doctype, filters, debug),
     enabled: !!doctype,
@@ -220,11 +293,11 @@ var useFrappeGetDocCount = (doctype, filters, debug = false, options) => {
   };
 };
 // src/frappe/hooks/create.ts
-import { useContext as useContext4 } from "react";
-import { useMutation as useMutation3 } from "@tanstack/react-query";
+var import_react5 = require("react");
+var import_react_query4 = require("@tanstack/react-query");
 var useFrappeCreateDoc = () => {
-  const { db } = useContext4(FrappeContext);
-  const { mutateAsync, isPending, error, isSuccess, reset } = useMutation3({
+  const { db } = import_react5.useContext(FrappeContext);
+  const { mutateAsync, isPending, error, isSuccess, reset } = import_react_query4.useMutation({
     mutationFn: ({ doctype, doc }) => db.createDoc(doctype, doc)
   });
   const createDoc = (doctype, doc) => mutateAsync({ doctype, doc });
@@ -237,11 +310,11 @@ var useFrappeCreateDoc = () => {
   };
 };
 // src/frappe/hooks/delete.ts
-import { useContext as useContext5 } from "react";
-import { useMutation as useMutation4 } from "@tanstack/react-query";
+var import_react6 = require("react");
+var import_react_query5 = require("@tanstack/react-query");
 var useFrappeDeleteDoc = () => {
-  const { db } = useContext5(FrappeContext);
-  const { mutateAsync, isPending, error, isSuccess, reset } = useMutation4({
+  const { db } = import_react6.useContext(FrappeContext);
+  const { mutateAsync, isPending, error, isSuccess, reset } = import_react_query5.useMutation({
     mutationFn: ({ doctype, docname }) => db.deleteDoc(doctype, docname)
   });
   const deleteDoc = (doctype, docname) => mutateAsync({ doctype, docname });
@@ -254,10 +327,10 @@ var useFrappeDeleteDoc = () => {
   };
 };
 // src/frappe/hooks/event.ts
-import { useCallback as useCallback2, useContext as useContext6, useState as useState2, useEffect as useEffect2 } from "react";
+var import_react7 = require("react");
 var useFrappeEventListener = (eventName, callback) => {
-  const { socket } = useContext6(FrappeContext);
-  useEffect2(() => {
+  const { socket } = import_react7.useContext(FrappeContext);
+  import_react7.useEffect(() => {
     if (socket === undefined) {
       console.warn("Socket is not enabled. Please enable socket in FrappeProvider.");
     }
@@ -268,9 +341,9 @@ var useFrappeEventListener = (eventName, callback) => {
   }, [eventName, callback, socket]);
 };
 var useFrappeDocumentEventListener = (doctype, docname, onUpdateCallback, emitOpenCloseEventsOnMount = true) => {
-  const { socket } = useContext6(FrappeContext);
-  const [viewers, setViewers] = useState2([]);
-  useEffect2(() => {
+  const { socket } = import_react7.useContext(FrappeContext);
+  const [viewers, setViewers] = import_react7.useState([]);
+  import_react7.useEffect(() => {
     if (socket === undefined) {
       console.warn("Socket is not enabled. Please enable socket in FrappeProvider.");
     }
@@ -291,13 +364,13 @@ var useFrappeDocumentEventListener = (doctype, docname, onUpdateCallback, emitOp
     };
   }, [doctype, docname, emitOpenCloseEventsOnMount, socket]);
   useFrappeEventListener("doc_update", onUpdateCallback);
-  const emitDocOpen = useCallback2(() => {
+  const emitDocOpen = import_react7.useCallback(() => {
     socket?.emit("doc_open", doctype, docname);
   }, [doctype, docname, socket]);
-  const emitDocClose = useCallback2(() => {
+  const emitDocClose = import_react7.useCallback(() => {
     socket?.emit("doc_close", doctype, docname);
   }, [doctype, docname, socket]);
-  const onViewerEvent = useCallback2((data) => {
+  const onViewerEvent = import_react7.useCallback((data) => {
     if (data.doctype === doctype && data.docname === docname) {
       setViewers(data.users);
     }
@@ -310,8 +383,8 @@ var useFrappeDocumentEventListener = (doctype, docname, onUpdateCallback, emitOp
   };
 };
 var useFrappeDocTypeEventListener = (doctype, onListUpdateCallback) => {
-  const { socket } = useContext6(FrappeContext);
-  useEffect2(() => {
+  const { socket } = import_react7.useContext(FrappeContext);
+  import_react7.useEffect(() => {
     if (socket === undefined) {
       console.warn("Socket is not enabled. Please enable socket in FrappeProvider.");
     }
@@ -328,18 +401,18 @@ var useFrappeDocTypeEventListener = (doctype, onListUpdateCallback) => {
   useFrappeEventListener("list_update", onListUpdateCallback);
 };
 // src/frappe/hooks/file.ts
-import { useContext as useContext7, useState as useState3 } from "react";
-import { useMutation as useMutation5 } from "@tanstack/react-query";
+var import_react8 = require("react");
+var import_react_query6 = require("@tanstack/react-query");
 var useFrappeFileUpload = () => {
-  const { file } = useContext7(FrappeContext);
-  const [progress, setProgress] = useState3(0);
+  const { file } = import_react8.useContext(FrappeContext);
+  const [progress, setProgress] = import_react8.useState(0);
   const {
     mutateAsync,
     isPending,
     error,
     isSuccess,
     reset: resetMutation
-  } = useMutation5({
+  } = import_react_query6.useMutation({
     mutationFn: ({ f, args, apiPath }) => {
       setProgress(0);
       return file.uploadFile(f, args, (completed, total) => {
@@ -366,12 +439,12 @@ var useFrappeFileUpload = () => {
   };
 };
 // src/frappe/hooks/get.ts
-import { useContext as useContext8 } from "react";
-import { useQuery as useQuery4 } from "@tanstack/react-query";
+var import_react9 = require("react");
+var import_react_query7 = require("@tanstack/react-query");
 var useFrappeGetDoc = (doctype, name, options) => {
-  const { url, db } = useContext8(FrappeContext);
+  const { url, db } = import_react9.useContext(FrappeContext);
   const queryKey = ["doc", url, doctype, name];
-  const { data, error, isLoading, isFetching, refetch } = useQuery4({
+  const { data, error, isLoading, isFetching, refetch } = import_react_query7.useQuery({
     queryKey,
     queryFn: () => db.getDoc(doctype, name),
     enabled: !!name,
@@ -387,14 +460,12 @@ var useFrappeGetDoc = (doctype, name, options) => {
   };
 };
 // src/frappe/hooks/list.ts
-import { useContext as useContext9 } from "react";
-import {
-  useQuery as useQuery5
-} from "@tanstack/react-query";
+var import_react10 = require("react");
+var import_react_query8 = require("@tanstack/react-query");
 var useFrappeGetDocList = (doctype, args, options) => {
-  const { url, db } = useContext9(FrappeContext);
+  const { url, db } = import_react10.useContext(FrappeContext);
   const queryKey = ["docList", url, doctype, args ?? null];
-  const { data, error, isLoading, isFetching, refetch } = useQuery5({
+  const { data, error, isLoading, isFetching, refetch } = import_react_query8.useQuery({
     queryKey,
     queryFn: () => db.getDocList(doctype, args),
     ...options
@@ -408,12 +479,12 @@ var useFrappeGetDocList = (doctype, args, options) => {
   };
 };
 // src/frappe/hooks/prefetch.ts
-import { useCallback as useCallback3, useContext as useContext10 } from "react";
-import { useQueryClient as useQueryClient2 } from "@tanstack/react-query";
+var import_react11 = require("react");
+var import_react_query9 = require("@tanstack/react-query");
 var useFrappePrefetchDoc = (doctype, name, options) => {
-  const queryClient = useQueryClient2();
-  const { url, db } = useContext10(FrappeContext);
-  const preloadDoc = useCallback3(() => {
+  const queryClient = import_react_query9.useQueryClient();
+  const { url, db } = import_react11.useContext(FrappeContext);
+  const preloadDoc = import_react11.useCallback(() => {
     if (!name)
       return;
     const queryKey = ["doc", url, doctype, name];
@@ -426,7 +497,7 @@ var useFrappePrefetchDoc = (doctype, name, options) => {
   return preloadDoc;
 };
 // src/frappe/hooks/search.ts
-import { useEffect as useEffect3, useState as useState4 } from "react";
+var import_react12 = require("react");
 var useSearch = (doctype, text, filters = [], limit = 20, debounce = 250) => {
   const debouncedText = useDebounce(text, debounce);
   return useFrappeGetCall("frappe.desk.search.search_link", {
@@ -437,8 +508,8 @@ var useSearch = (doctype, text, filters = [], limit = 20, debounce = 250) => {
   });
 };
 var useDebounce = (value, delay) => {
-  const [debouncedValue, setDebouncedValue] = useState4(value);
-  useEffect3(() => {
+  const [debouncedValue, setDebouncedValue] = import_react12.useState(value);
+  import_react12.useEffect(() => {
     const handler = setTimeout(() => {
       setDebouncedValue(value);
     }, delay);
@@ -449,11 +520,11 @@ var useDebounce = (value, delay) => {
   return debouncedValue;
 };
 // src/frappe/hooks/update.ts
-import { useContext as useContext11 } from "react";
-import { useMutation as useMutation6 } from "@tanstack/react-query";
+var import_react13 = require("react");
+var import_react_query10 = require("@tanstack/react-query");
 var useFrappeUpdateDoc = () => {
-  const { db } = useContext11(FrappeContext);
-  const { mutateAsync, isPending, error, isSuccess, reset } = useMutation6({
+  const { db } = import_react13.useContext(FrappeContext);
+  const { mutateAsync, isPending, error, isSuccess, reset } = import_react_query10.useMutation({
     mutationFn: ({ doctype, docname, doc }) => db.updateDoc(doctype, docname, doc)
   });
   const updateDoc = (doctype, docname, doc) => mutateAsync({ doctype, docname, doc });
@@ -466,7 +537,7 @@ var useFrappeUpdateDoc = () => {
   };
 };
 // src/hooks/use-variant-selector/hook.ts
-import { useCallback as useCallback4, useMemo as useMemo2, useState as useState5 } from "react";
+var import_react14 = require("react");
 
 // src/hooks/use-variant-selector/utils.ts
 function findVariant(variants, specs, caseInsensitive) {
@@ -499,21 +570,21 @@ function findVariants(variants, specs, caseInsensitive) {
 // src/hooks/use-variant-selector/hook.ts
 var useVariantSelector = (props) => {
   const { variants, attributes, defaultId } = props;
-  const [selectedSpecs, setSelectedSpecs] = useState5(() => {
+  const [selectedSpecs, setSelectedSpecs] = import_react14.useState(() => {
     if (defaultId) {
       const variant = variants.find((v) => v.id === defaultId);
       return variant?.specs || {};
     }
     return {};
   });
-  const variantId = useMemo2(() => {
+  const variantId = import_react14.useMemo(() => {
     const complete = attributes.every((attr) => selectedSpecs[attr.key]);
     if (!complete)
       return;
     const variant = findVariant(variants, selectedSpecs);
     return variant?.id;
   }, [variants, selectedSpecs, attributes]);
-  const options = useMemo2(() => {
+  const options = import_react14.useMemo(() => {
     const result = {};
     attributes.forEach((attr, attrIndex) => {
       const constraints = {};
@@ -536,7 +607,7 @@ var useVariantSelector = (props) => {
     });
     return result;
   }, [variants, attributes, selectedSpecs]);
-  const onOptionSelect = useCallback4((key, value) => {
+  const onOptionSelect = import_react14.useCallback((key, value) => {
     setSelectedSpecs((prev) => {
       const newSpecs = { ...prev, [key]: value };
       const attrIndex = attributes.findIndex((a) => a.key === key);
@@ -570,35 +641,54 @@ var useVariantSelector = (props) => {
     getOptions: (key) => options[key] || []
   };
 };
+// src/locale/provider.tsx
+var import_react15 = require("react");
+var jsx_runtime2 = require("react/jsx-runtime");
+function translate(message, replace, messages = {}) {
+  let translated = messages[message] ?? message;
+  replace?.forEach((val, i) => {
+    translated = translated.replace(`{${i}}`, String(val));
+  });
+  return translated;
+}
+var LocaleContext = import_react15.createContext((message) => message);
+function LocaleProvider({
+  method,
+  language,
+  storage,
+  children
+}) {
+  const [messages, setMessages] = import_react15.useState({});
+  import_react15.useEffect(() => {
+    if (!storage)
+      return;
+    const key = `locale:${language}`;
+    Promise.resolve(storage.getItem(key)).then((cached) => {
+      if (cached)
+        setMessages(JSON.parse(cached));
+    }).catch(() => {});
+  }, [language, storage]);
+  const { data, isLoading } = useFrappeGetCall(method, { lang: language }, { staleTime: Infinity });
+  import_react15.useEffect(() => {
+    if (!data?.message)
+      return;
+    setMessages(data.message);
+    storage?.setItem(`locale:${language}`, JSON.stringify(data.message));
+  }, [data, language, storage]);
+  const __ = import_react15.useCallback((message, replace) => translate(message, replace, messages), [messages]);
+  if (isLoading && Object.keys(messages).length === 0)
+    return null;
+  return /* @__PURE__ */ jsx_runtime2.jsx(LocaleContext.Provider, {
+    value: __,
+    children
+  });
+}
+function useLocale() {
+  const __ = import_react15.useContext(LocaleContext);
+  return { __ };
+}
 // src/utils/char.ts
-import { camelize, decamelize, camelizeKeys, decamelizeKeys } from "humps";
+var import_humps = require("humps");
 function equalsIgnoreCase(str1, str2) {
   return str1.localeCompare(str2, undefined, { sensitivity: "accent" }) === 0;
 }
-export {
-  useVariantSelector,
-  useSearch,
-  useFrappeUpdateDoc,
-  useFrappePutCall,
-  useFrappePrefetchDoc,
-  useFrappePostCall,
-  useFrappeGetDocList,
-  useFrappeGetDocCount,
-  useFrappeGetDoc,
-  useFrappeGetCall,
-  useFrappeFileUpload,
-  useFrappeEventListener,
-  useFrappeDocumentEventListener,
-  useFrappeDocTypeEventListener,
-  useFrappeDeleteDoc,
-  useFrappeDeleteCall,
-  useFrappeCreateDoc,
-  useFrappeAuth,
-  equalsIgnoreCase,
-  decamelizeKeys,
-  decamelize,
-  camelizeKeys,
-  camelize,
-  FrappeProvider,
-  FrappeContext
-};

package/dist/{rn/index.d.ts → index.d.cts}

@@ -611,6 +611,19 @@ declare const useVariantSelector: <T extends {
 	id: string;
 	specs: Record<string, string>;
 }>(props: VariantSelectorProps<T>) => VariantSelectorResult;
+import { JSX, ReactNode } from "react";
+import { StateStorage } from "zustand/middleware";
+type TranslateFn = (message: string, replace?: (string | number)[]) => string;
+interface LocaleProviderProps {
+	method: string;
+	language: string;
+	storage?: StateStorage;
+	children: ReactNode;
+}
+declare function LocaleProvider({ method, language, storage, children }: LocaleProviderProps): JSX.Element | null;
+declare function useLocale(): {
+	__: TranslateFn;
+};
 interface Category {
 	name: string;
 }
@@ -644,4 +657,4 @@ interface ProductContext {
 }
 import { camelize, decamelize, camelizeKeys, decamelizeKeys } from "humps";
 declare function equalsIgnoreCase(str1: string, str2: string): boolean;
-export { useVariantSelector, useSearch, useFrappeUpdateDoc, useFrappePutCall, useFrappePrefetchDoc, useFrappePostCall, useFrappeGetDocList, useFrappeGetDocCount, useFrappeGetDoc, useFrappeGetCall, useFrappeFileUpload, useFrappeEventListener, useFrappeDocumentEventListener, useFrappeDocTypeEventListener, useFrappeDeleteDoc, useFrappeDeleteCall, useFrappeCreateDoc, useFrappeAuth, equalsIgnoreCase, decamelizeKeys, decamelize, camelizeKeys, camelize, ViewerEventData, VariantSelectorResult, VariantSelectorProps, VariantSelectorOption, UseFrappeFileUploadReturnType, TopbarItem, Topbar, TokenParams, ShopContext, SearchResult, ProductVariant, ProductContext, Product, Page, NavbarSubItemGroup, NavbarSubItem, NavbarItem, Model, ItemVariant, Item, Hero, Header, Globals, FrappeProviderProps, FrappeProvider, FrappeMutationResult, FrappeFileUploadResponse, FrappeError, FrappeContext, FrappeConfig, FooterItemGroup, FooterItem, Footer, DocumentUpdateEventData, DocTypeListUpdateEventData, Colour, Category, Brand, Block };
+export { useVariantSelector, useSearch, useLocale, useFrappeUpdateDoc, useFrappePutCall, useFrappePrefetchDoc, useFrappePostCall, useFrappeGetDocList, useFrappeGetDocCount, useFrappeGetDoc, useFrappeGetCall, useFrappeFileUpload, useFrappeEventListener, useFrappeDocumentEventListener, useFrappeDocTypeEventListener, useFrappeDeleteDoc, useFrappeDeleteCall, useFrappeCreateDoc, useFrappeAuth, equalsIgnoreCase, decamelizeKeys, decamelize, camelizeKeys, camelize, ViewerEventData, VariantSelectorResult, VariantSelectorProps, VariantSelectorOption, UseFrappeFileUploadReturnType, TopbarItem, Topbar, TokenParams, ShopContext, SearchResult, ProductVariant, ProductContext, Product, Page, NavbarSubItemGroup, NavbarSubItem, NavbarItem, Model, LocaleProvider, ItemVariant, Item, Hero, Header, Globals, FrappeProviderProps, FrappeProvider, FrappeMutationResult, FrappeFileUploadResponse, FrappeError, FrappeContext, FrappeConfig, FooterItemGroup, FooterItem, Footer, DocumentUpdateEventData, DocTypeListUpdateEventData, Colour, Category, Brand, Block };

package/dist/{node/index.d.ts → index.d.ts}

@@ -611,6 +611,19 @@ declare const useVariantSelector: <T extends {
 	id: string;
 	specs: Record<string, string>;
 }>(props: VariantSelectorProps<T>) => VariantSelectorResult;
+import { JSX, ReactNode } from "react";
+import { StateStorage } from "zustand/middleware";
+type TranslateFn = (message: string, replace?: (string | number)[]) => string;
+interface LocaleProviderProps {
+	method: string;
+	language: string;
+	storage?: StateStorage;
+	children: ReactNode;
+}
+declare function LocaleProvider({ method, language, storage, children }: LocaleProviderProps): JSX.Element | null;
+declare function useLocale(): {
+	__: TranslateFn;
+};
 interface Category {
 	name: string;
 }
@@ -644,4 +657,4 @@ interface ProductContext {
 }
 import { camelize, decamelize, camelizeKeys, decamelizeKeys } from "humps";
 declare function equalsIgnoreCase(str1: string, str2: string): boolean;
-export { useVariantSelector, useSearch, useFrappeUpdateDoc, useFrappePutCall, useFrappePrefetchDoc, useFrappePostCall, useFrappeGetDocList, useFrappeGetDocCount, useFrappeGetDoc, useFrappeGetCall, useFrappeFileUpload, useFrappeEventListener, useFrappeDocumentEventListener, useFrappeDocTypeEventListener, useFrappeDeleteDoc, useFrappeDeleteCall, useFrappeCreateDoc, useFrappeAuth, equalsIgnoreCase, decamelizeKeys, decamelize, camelizeKeys, camelize, ViewerEventData, VariantSelectorResult, VariantSelectorProps, VariantSelectorOption, UseFrappeFileUploadReturnType, TopbarItem, Topbar, TokenParams, ShopContext, SearchResult, ProductVariant, ProductContext, Product, Page, NavbarSubItemGroup, NavbarSubItem, NavbarItem, Model, ItemVariant, Item, Hero, Header, Globals, FrappeProviderProps, FrappeProvider, FrappeMutationResult, FrappeFileUploadResponse, FrappeError, FrappeContext, FrappeConfig, FooterItemGroup, FooterItem, Footer, DocumentUpdateEventData, DocTypeListUpdateEventData, Colour, Category, Brand, Block };
+export { useVariantSelector, useSearch, useLocale, useFrappeUpdateDoc, useFrappePutCall, useFrappePrefetchDoc, useFrappePostCall, useFrappeGetDocList, useFrappeGetDocCount, useFrappeGetDoc, useFrappeGetCall, useFrappeFileUpload, useFrappeEventListener, useFrappeDocumentEventListener, useFrappeDocTypeEventListener, useFrappeDeleteDoc, useFrappeDeleteCall, useFrappeCreateDoc, useFrappeAuth, equalsIgnoreCase, decamelizeKeys, decamelize, camelizeKeys, camelize, ViewerEventData, VariantSelectorResult, VariantSelectorProps, VariantSelectorOption, UseFrappeFileUploadReturnType, TopbarItem, Topbar, TokenParams, ShopContext, SearchResult, ProductVariant, ProductContext, Product, Page, NavbarSubItemGroup, NavbarSubItem, NavbarItem, Model, LocaleProvider, ItemVariant, Item, Hero, Header, Globals, FrappeProviderProps, FrappeProvider, FrappeMutationResult, FrappeFileUploadResponse, FrappeError, FrappeContext, FrappeConfig, FooterItemGroup, FooterItem, Footer, DocumentUpdateEventData, DocTypeListUpdateEventData, Colour, Category, Brand, Block };

package/dist/{node/index.js → index.js}

@@ -58,7 +58,7 @@ var FrappeProvider = ({
   children,
   customHeaders
 }) => {
-  const frappeConfig = useMemo(() => {
+  const config = useMemo(() => {
     const frappe = new FrappeApp(url, tokenParams, undefined, customHeaders);
     return {
       url,
@@ -72,7 +72,7 @@ var FrappeProvider = ({
     };
   }, [url, tokenParams, enableSocket, socketPort, siteName, customHeaders]);
   return /* @__PURE__ */ jsx(FrappeContext.Provider, {
-    value: frappeConfig,
+    value: config,
     children
   });
 };
@@ -570,6 +570,58 @@ var useVariantSelector = (props) => {
     getOptions: (key) => options[key] || []
   };
 };
+// src/locale/provider.tsx
+import {
+  createContext as createContext2,
+  useCallback as useCallback5,
+  useContext as useContext12,
+  useEffect as useEffect4,
+  useState as useState6
+} from "react";
+import { jsx as jsx2 } from "react/jsx-runtime";
+function translate(message, replace, messages = {}) {
+  let translated = messages[message] ?? message;
+  replace?.forEach((val, i) => {
+    translated = translated.replace(`{${i}}`, String(val));
+  });
+  return translated;
+}
+var LocaleContext = createContext2((message) => message);
+function LocaleProvider({
+  method,
+  language,
+  storage,
+  children
+}) {
+  const [messages, setMessages] = useState6({});
+  useEffect4(() => {
+    if (!storage)
+      return;
+    const key = `locale:${language}`;
+    Promise.resolve(storage.getItem(key)).then((cached) => {
+      if (cached)
+        setMessages(JSON.parse(cached));
+    }).catch(() => {});
+  }, [language, storage]);
+  const { data, isLoading } = useFrappeGetCall(method, { lang: language }, { staleTime: Infinity });
+  useEffect4(() => {
+    if (!data?.message)
+      return;
+    setMessages(data.message);
+    storage?.setItem(`locale:${language}`, JSON.stringify(data.message));
+  }, [data, language, storage]);
+  const __ = useCallback5((message, replace) => translate(message, replace, messages), [messages]);
+  if (isLoading && Object.keys(messages).length === 0)
+    return null;
+  return /* @__PURE__ */ jsx2(LocaleContext.Provider, {
+    value: __,
+    children
+  });
+}
+function useLocale() {
+  const __ = useContext12(LocaleContext);
+  return { __ };
+}
 // src/utils/char.ts
 import { camelize, decamelize, camelizeKeys, decamelizeKeys } from "humps";
 function equalsIgnoreCase(str1, str2) {
@@ -578,6 +630,7 @@ function equalsIgnoreCase(str1, str2) {
 export {
   useVariantSelector,
   useSearch,
+  useLocale,
   useFrappeUpdateDoc,
   useFrappePutCall,
   useFrappePrefetchDoc,
@@ -599,6 +652,7 @@ export {
   decamelize,
   camelizeKeys,
   camelize,
+  LocaleProvider,
   FrappeProvider,
   FrappeContext
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lasterp/shared",
-  "version": "1.0.0-beta.1",
+  "version": "1.0.0-beta.10",
   "description": "Shared repo for webapp and native app",
   "license": "MIT",
   "files": [
@@ -20,38 +20,32 @@
     "typescript": "^5.9.3"
   },
   "peerDependencies": {
+    "@tanstack/react-query": "^5.90.21",
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0",
-    "typescript": ">=4.5.0",
-    "@tanstack/react-query": "^5.90.21",
-    "@logto/react": "^4.0.13",
-    "@logto/rn": "^1.1.0"
+    "typescript": ">=4.5.0"
   },
   "peerDependenciesMeta": {
     "typescript": {
       "optional": true
-    },
-    "@logto/react": {
-      "optional": true
-    },
-    "@logto/rn": {
-      "optional": true
     }
   },
   "type": "module",
   "exports": {
     ".": {
-      "node": "./dist/node/index.js",
-      "rn": "./dist/rn/index.js",
-      "default": "./dist/node/index.js"
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
     },
     "./package.json": "./package.json"
   },
   "module": "./dist/index.js",
+  "main": "./dist/index.cjs",
   "types": "./dist/index.d.ts",
   "dependencies": {
     "frappe-js-sdk": "^1.12.0",
     "humps": "^2.0.1",
-    "socket.io-client": "^4.8.3"
+    "socket.io-client": "^4.8.3",
+    "zustand": "^5.0.11"
   }
 }