@xyo-network/react-app-settings 7.5.8 → 7.5.11

package/dist/browser/contexts/AppSettings/Provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Provider.d.ts","sourceRoot":"","sources":["../../../../src/contexts/AppSettings/Provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAC7D,OAAO,KAA4B,MAAM,OAAO,CAAA;AAGhD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAA;AAE3D,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAA;AAEjD,iEAAiE;AACjE,MAAM,WAAW,wBAAwB,CAAC,CAAC,SAAS,uBAAuB,GAAG,uBAAuB,CAAE,SAAQ,aAAa,CAAC,CAAC,CAAC;IAC7H,OAAO,CAAC,EAAE,kBAAkB,CAAA;CAC7B;AAED,iEAAiE;AACjE,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,wBAAwB,CAAC,CAmErF,CAAA"}
+{"version":3,"file":"Provider.d.ts","sourceRoot":"","sources":["../../../../src/contexts/AppSettings/Provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAC7D,OAAO,KAEN,MAAM,OAAO,CAAA;AAGd,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAA;AAE3D,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAA;AAEjD,iEAAiE;AACjE,MAAM,WAAW,wBAAwB,CAAC,CAAC,SAAS,uBAAuB,GAAG,uBAAuB,CAAE,SAAQ,aAAa,CAAC,CAAC,CAAC;IAC7H,OAAO,CAAC,EAAE,kBAAkB,CAAA;CAC7B;AAED,iEAAiE;AACjE,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,wBAAwB,CAAC,CAqFrF,CAAA"}

package/dist/browser/index.mjs

@@ -1,10 +1,6 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-
 // src/components/DarkModeIconButton.tsx
 import { DarkModeRounded as DarkModeRoundedIcon, LightModeRounded as LightModeRoundedIcon } from "@mui/icons-material";
 import { IconButton } from "@mui/material";
-import React2 from "react";
 
 // src/contexts/AppSettings/Context.ts
 import { createContext } from "react";
@@ -21,7 +17,7 @@ var AppSettingSlug = Enum({
 });
 
 // src/contexts/AppSettings/appSettingDefault.ts
-var appSettingDefault = /* @__PURE__ */ __name(() => {
+var appSettingDefault = () => {
   return {
     [AppSettingSlug.DarkMode]: false,
     [AppSettingSlug.Developer]: false,
@@ -30,20 +26,21 @@ var appSettingDefault = /* @__PURE__ */ __name(() => {
     [AppSettingSlug.SeedPhrase]: "",
     [AppSettingSlug.MaxAccounts]: 1
   };
-}, "appSettingDefault");
+};
 
 // src/contexts/AppSettings/Context.ts
 var AppSettingsContext = createContext(appSettingDefault());
 
 // src/contexts/AppSettings/Provider.tsx
-import React, { useMemo, useState } from "react";
+import {
+  useCallback,
+  useMemo,
+  useState
+} from "react";
 
 // src/contexts/AppSettings/StorageBase.ts
 import { assertDefinedEx, assertEx } from "@xylabs/sdk-js";
 var AppSettingsStorageBase = class {
-  static {
-    __name(this, "AppSettingsStorageBase");
-  }
   defaults;
   prefix;
   constructor(prefix = "AppSettings", defaults) {
@@ -118,14 +115,8 @@ var AppSettingsStorageBase = class {
 
 // src/contexts/AppSettings/Storage.ts
 var AppSettingsStorage = class extends AppSettingsStorageBase {
-  static {
-    __name(this, "AppSettingsStorage");
-  }
   constructor(prefix = "AppSettings", defaults) {
-    super(prefix, {
-      ...appSettingDefault(),
-      ...defaults
-    });
+    super(prefix, { ...appSettingDefault(), ...defaults });
   }
   get darkMode() {
     return this.getBoolean(AppSettingSlug.DarkMode);
@@ -166,83 +157,104 @@ var AppSettingsStorage = class extends AppSettingsStorageBase {
 };
 
 // src/contexts/AppSettings/Provider.tsx
-var AppSettingsProvider = /* @__PURE__ */ __name(({ storage, value, children, ...props }) => {
-  const storageMemo = useMemo(() => storage ?? new AppSettingsStorage(), [
-    storage
-  ]);
+import { jsx } from "react/jsx-runtime";
+var AppSettingsProvider = ({
+  storage,
+  value,
+  children,
+  ...props
+}) => {
+  const storageMemo = useMemo(() => storage ?? new AppSettingsStorage(), [storage]);
   const [developerMode, setDeveloperMode] = useState(storageMemo.developerMode);
   const [darkMode, setDarkMode] = useState(storageMemo.darkMode);
   const [navigationType, setNavigationType] = useState(storageMemo.navigationType);
   const [navigationCollapsed, setNavigationCollapsed] = useState(storageMemo.navigationCollapsed);
   const [seedPhrase, setSeedPhrase] = useState(storageMemo.seedPhrase);
   const [maxAccounts, setMaxAccounts] = useState(storageMemo.maxAccounts);
-  const enableDeveloperMode = /* @__PURE__ */ __name((value2) => {
+  const enableDeveloperMode = useCallback((value2) => {
     storageMemo.developerMode = value2;
     setDeveloperMode(storageMemo.developerMode);
-  }, "enableDeveloperMode");
-  const enableDarkMode = /* @__PURE__ */ __name((value2) => {
+  }, [storageMemo]);
+  const enableDarkMode = useCallback((value2) => {
     storageMemo.darkMode = value2;
     setDarkMode(storageMemo.darkMode);
-  }, "enableDarkMode");
-  const changeNavigationType = /* @__PURE__ */ __name((value2) => {
+  }, [storageMemo]);
+  const changeNavigationType = useCallback((value2) => {
     storageMemo.navigationType = value2;
     setNavigationType(value2);
-  }, "changeNavigationType");
-  const changeNavigationCollapsed = /* @__PURE__ */ __name((value2) => {
+  }, [storageMemo]);
+  const changeNavigationCollapsed = useCallback((value2) => {
     storageMemo.navigationCollapsed = value2;
     setNavigationCollapsed(value2);
-  }, "changeNavigationCollapsed");
-  const changeSeedPhrase = /* @__PURE__ */ __name((value2) => {
+  }, [storageMemo]);
+  const changeSeedPhrase = useCallback((value2) => {
     storageMemo.seedPhrase = value2;
     setSeedPhrase(value2);
-  }, "changeSeedPhrase");
-  const changeMaxAccounts = /* @__PURE__ */ __name((value2) => {
+  }, [storageMemo]);
+  const changeMaxAccounts = useCallback((value2) => {
     storageMemo.maxAccounts = value2;
     setMaxAccounts(value2);
-  }, "changeMaxAccounts");
-  return /* @__PURE__ */ React.createElement(AppSettingsContext, {
-    value: {
-      changeMaxAccounts,
-      changeNavigationCollapsed,
-      changeNavigationType,
-      changeSeedPhrase,
-      darkMode,
-      developerMode,
-      enableDarkMode,
-      enableDeveloperMode,
-      maxAccounts,
-      navigationCollapsed,
-      navigationType,
-      seedPhrase,
-      ...value
-    },
-    ...props
-  }, children);
-}, "AppSettingsProvider");
+  }, [storageMemo]);
+  const contextValue = useMemo(() => ({
+    changeMaxAccounts,
+    changeNavigationCollapsed,
+    changeNavigationType,
+    changeSeedPhrase,
+    darkMode,
+    developerMode,
+    enableDarkMode,
+    enableDeveloperMode,
+    maxAccounts,
+    navigationCollapsed,
+    navigationType,
+    seedPhrase,
+    ...value
+  }), [
+    changeMaxAccounts,
+    changeNavigationCollapsed,
+    changeNavigationType,
+    changeSeedPhrase,
+    darkMode,
+    developerMode,
+    enableDarkMode,
+    enableDeveloperMode,
+    maxAccounts,
+    navigationCollapsed,
+    navigationType,
+    seedPhrase,
+    value
+  ]);
+  return /* @__PURE__ */ jsx(
+    AppSettingsContext,
+    {
+      value: contextValue,
+      ...props,
+      children
+    }
+  );
+};
 
 // src/contexts/AppSettings/useAppSettings.ts
 import { use } from "react";
-var useAppSettings = /* @__PURE__ */ __name(() => {
+var useAppSettings = () => {
   return use(AppSettingsContext);
-}, "useAppSettings");
+};
 
 // src/components/DarkModeIconButton.tsx
-var DarkModeIconButton = /* @__PURE__ */ __name((props) => {
+import { jsx as jsx2 } from "react/jsx-runtime";
+var DarkModeIconButton = (props) => {
   const { darkMode, enableDarkMode } = useAppSettings();
-  const handleDarkModeChange = /* @__PURE__ */ __name(() => {
+  const handleDarkModeChange = () => {
     enableDarkMode?.(!darkMode);
-  }, "handleDarkModeChange");
-  return /* @__PURE__ */ React2.createElement(IconButton, {
-    onClick: handleDarkModeChange,
-    ...props
-  }, darkMode ? /* @__PURE__ */ React2.createElement(DarkModeRoundedIcon, null) : /* @__PURE__ */ React2.createElement(LightModeRoundedIcon, null));
-}, "DarkModeIconButton");
+  };
+  return /* @__PURE__ */ jsx2(IconButton, { onClick: handleDarkModeChange, ...props, children: darkMode ? /* @__PURE__ */ jsx2(DarkModeRoundedIcon, {}) : /* @__PURE__ */ jsx2(LightModeRoundedIcon, {}) });
+};
 
 // src/components/Developer.tsx
-var Developer = /* @__PURE__ */ __name(({ children = null }) => {
+var Developer = ({ children = null }) => {
   const { developerMode } = useAppSettings();
   return developerMode ? children : null;
-}, "Developer");
+};
 export {
   AppSettingSlug,
   AppSettingsContext,

package/dist/browser/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/DarkModeIconButton.tsx","../../src/contexts/AppSettings/Context.ts","../../src/contexts/AppSettings/Slug.ts","../../src/contexts/AppSettings/appSettingDefault.ts","../../src/contexts/AppSettings/Provider.tsx","../../src/contexts/AppSettings/StorageBase.ts","../../src/contexts/AppSettings/Storage.ts","../../src/contexts/AppSettings/useAppSettings.ts","../../src/components/Developer.tsx"],"sourcesContent":["import { DarkModeRounded as DarkModeRoundedIcon, LightModeRounded as LightModeRoundedIcon } from '@mui/icons-material'\nimport type { IconButtonProps } from '@mui/material'\nimport { IconButton } from '@mui/material'\nimport React from 'react'\n\nimport { useAppSettings } from '../contexts/index.ts'\n\n/** @deprecated import from @xylabs/react-app-settings instead */\nexport const DarkModeIconButton: React.FC<IconButtonProps> = (props) => {\n  const { darkMode, enableDarkMode } = useAppSettings()\n\n  const handleDarkModeChange = () => {\n    enableDarkMode?.(!darkMode)\n  }\n\n  return (\n    <IconButton onClick={handleDarkModeChange} {...props}>\n      {darkMode\n        ? <DarkModeRoundedIcon />\n        : <LightModeRoundedIcon />}\n    </IconButton>\n  )\n}\n","import { createContext } from 'react'\n\nimport type { WebAppNavigationType } from '../../WebAppNavigationType.ts'\nimport { appSettingDefault } from './appSettingDefault.ts'\n\n/** @deprecated import from @xylabs/react-app-settings instead */\nexport interface AppSettingsContextProps {\n  changeMaxAccounts?: (value: number) => void\n  changeNavigationCollapsed?: (value: boolean) => void\n  changeNavigationType?: (value: WebAppNavigationType) => void\n  changeSeedPhrase?: (value: string) => void\n  darkMode?: boolean\n  developerMode?: boolean\n  enableDarkMode?: (value: boolean) => void\n  enableDeveloperMode?: (value: boolean) => void\n  maxAccounts?: number\n  navigationCollapsed?: boolean\n  navigationType?: WebAppNavigationType\n  seedPhrase?: string\n}\n\n/** @deprecated import from @xylabs/react-app-settings instead */\nexport const AppSettingsContext = createContext<AppSettingsContextProps>(appSettingDefault())\n","import type { EnumValue } from '@xylabs/sdk-js'\nimport { Enum } from '@xylabs/sdk-js'\n\n/** @deprecated import from @xylabs/react-app-settings instead */\nexport const AppSettingSlug = Enum({\n  DarkMode: 'darkmode',\n  Developer: 'developer',\n  NavigationType: 'navigationType',\n  NavigationCollapsed: 'navigationCollapsed',\n  SeedPhrase: 'seedPhrase',\n  MaxAccounts: 'maxAccounts',\n})\n\nexport type AppSettingSlug = EnumValue<typeof AppSettingSlug>\n","import { AppSettingSlug } from './Slug.ts'\n\n/** @deprecated import from @xylabs/react-app-settings instead */\nexport const appSettingDefault = (): Record<string, unknown> => {\n  return {\n    [AppSettingSlug.DarkMode]: false,\n    [AppSettingSlug.Developer]: false,\n    [AppSettingSlug.NavigationType]: 'menu',\n    [AppSettingSlug.NavigationCollapsed]: false,\n    [AppSettingSlug.SeedPhrase]: '',\n    [AppSettingSlug.MaxAccounts]: 1,\n  }\n}\n","import type { PropsWithChildren, ProviderProps } from 'react'\nimport React, { useMemo, useState } from 'react'\n\nimport type { WebAppNavigationType } from '../../WebAppNavigationType.ts'\nimport type { AppSettingsContextProps } from './Context.ts'\nimport { AppSettingsContext } from './Context.ts'\nimport { AppSettingsStorage } from './Storage.ts'\n\n/** @deprecated import from @xylabs/react-app-settings instead */\nexport interface AppSettingsProviderProps<T extends AppSettingsContextProps = AppSettingsContextProps> extends ProviderProps<T> {\n  storage?: AppSettingsStorage\n}\n\n/** @deprecated import from @xylabs/react-app-settings instead */\nexport const AppSettingsProvider: React.FC<PropsWithChildren<AppSettingsProviderProps>> = ({\n  storage,\n  value,\n  children,\n  ...props\n}) => {\n  const storageMemo = useMemo(() => storage ?? new AppSettingsStorage(), [storage])\n  const [developerMode, setDeveloperMode] = useState(storageMemo.developerMode)\n  const [darkMode, setDarkMode] = useState(storageMemo.darkMode)\n  const [navigationType, setNavigationType] = useState(storageMemo.navigationType)\n  const [navigationCollapsed, setNavigationCollapsed] = useState(storageMemo.navigationCollapsed)\n  const [seedPhrase, setSeedPhrase] = useState(storageMemo.seedPhrase)\n  const [maxAccounts, setMaxAccounts] = useState(storageMemo.maxAccounts)\n\n  const enableDeveloperMode = (value: boolean) => {\n    storageMemo.developerMode = value\n    setDeveloperMode(storageMemo.developerMode)\n  }\n\n  const enableDarkMode = (value: boolean) => {\n    storageMemo.darkMode = value\n    setDarkMode(storageMemo.darkMode)\n  }\n\n  const changeNavigationType = (value: WebAppNavigationType) => {\n    storageMemo.navigationType = value\n    setNavigationType(value)\n  }\n\n  const changeNavigationCollapsed = (value: boolean) => {\n    storageMemo.navigationCollapsed = value\n    setNavigationCollapsed(value)\n  }\n\n  const changeSeedPhrase = (value: string) => {\n    storageMemo.seedPhrase = value\n    setSeedPhrase(value)\n  }\n\n  const changeMaxAccounts = (value: number) => {\n    storageMemo.maxAccounts = value\n    setMaxAccounts(value)\n  }\n\n  return (\n    <AppSettingsContext\n      value={{\n        changeMaxAccounts,\n        changeNavigationCollapsed,\n        changeNavigationType,\n        changeSeedPhrase,\n        darkMode,\n        developerMode,\n        enableDarkMode,\n        enableDeveloperMode,\n        maxAccounts,\n        navigationCollapsed,\n        navigationType,\n        seedPhrase,\n\n        ...value,\n      }}\n      {...props}\n    >\n      {children}\n    </AppSettingsContext>\n  )\n}\n","import { assertDefinedEx, assertEx } from '@xylabs/sdk-js'\n\n/** @deprecated import from @xylabs/react-app-settings instead */\nexport class AppSettingsStorageBase {\n  private defaults: Record<string, unknown>\n  private prefix: string\n  constructor(prefix = 'AppSettings', defaults?: Record<string, unknown>) {\n    this.prefix = prefix\n    this.defaults = defaults ?? {}\n  }\n\n  getBoolean(name: string): boolean {\n    const storedValue = localStorage.getItem(`${this.prefix}|${name}`)\n    if (!storedValue) {\n      assertEx(typeof this.defaults[name] === 'boolean', () => 'Default value is not boolean')\n      const defaultValue = this.defaults[name] as boolean\n      assertEx(defaultValue !== undefined, () => `Missing Default for ${name}`)\n      return defaultValue\n    }\n    return storedValue !== 'false'\n  }\n\n  getNumber(name: string): number {\n    const storedValue = localStorage.getItem(`${this.prefix}|${name}`)\n    if (!storedValue) {\n      assertEx(typeof this.defaults[name] === 'number', () => 'Default value is not a number')\n      const defaultValue = this.defaults[name] as number\n      assertEx(defaultValue !== undefined, () => `Missing Default for ${name}`)\n      return defaultValue\n    }\n    return Number.parseFloat(storedValue)\n  }\n\n  getObject<T>(name: string): T {\n    const storedValue = localStorage.getItem(`${this.prefix}|${name}`)\n    const parsedStoredValue = storedValue ? JSON.parse(storedValue) : null\n    if (!parsedStoredValue) {\n      assertEx(typeof this.defaults[name] === 'object', () => 'Default value is not object')\n      return assertEx(this.defaults[name] as T, () => `Missing Default for ${name}`)\n    }\n    return parsedStoredValue as T\n  }\n\n  getString(name: string) {\n    const storedValue = localStorage.getItem(`${this.prefix}|${name}`)\n    if (!storedValue) {\n      assertDefinedEx(typeof this.defaults[name] === 'string', () => 'Default value is not string')\n      const defaultValue = this.defaults[name] as string\n      assertEx(defaultValue !== undefined, () => `Missing Default for ${name}`)\n      return defaultValue\n    }\n    return storedValue\n  }\n\n  getStringArray(name: string) {\n    const storedValue = localStorage.getItem(`${this.prefix}|${name}`)?.split(',')\n    if (!storedValue) {\n      assertDefinedEx(Array.isArray(this.defaults[name]), () => 'Default value is not array')\n      const defaultValue = this.defaults[name] as string[]\n      assertEx(defaultValue !== undefined, () => `Missing Default for ${name}`)\n      return defaultValue\n    }\n    return storedValue\n  }\n\n  setBoolean(name: string, value: boolean) {\n    localStorage.setItem(`${this.prefix}|${name}`, JSON.stringify(value))\n  }\n\n  setNumber(name: string, value: number) {\n    localStorage.setItem(`${this.prefix}|${name}`, JSON.stringify(value))\n  }\n\n  setObject<T>(name: string, value: T) {\n    localStorage.setItem(`${this.prefix}|${name}`, JSON.stringify(value))\n  }\n\n  setString(name: string, value: string) {\n    localStorage.setItem(`${this.prefix}|${name}`, value)\n  }\n\n  setStringArray(name: string, value: string[]) {\n    localStorage.setItem(`${this.prefix}|${name}`, value.join(','))\n  }\n}\n","import type { WebAppNavigationType } from '../../WebAppNavigationType.ts'\nimport { appSettingDefault } from './appSettingDefault.ts'\nimport { AppSettingSlug } from './Slug.ts'\nimport { AppSettingsStorageBase } from './StorageBase.ts'\n\n/** @deprecated import from @xylabs/react-app-settings instead */\nexport class AppSettingsStorage extends AppSettingsStorageBase {\n  constructor(prefix = 'AppSettings', defaults?: Record<string, unknown>) {\n    super(prefix, { ...appSettingDefault(), ...defaults })\n  }\n\n  get darkMode() {\n    return this.getBoolean(AppSettingSlug.DarkMode)\n  }\n\n  set darkMode(value: boolean) {\n    this.setBoolean(AppSettingSlug.DarkMode, value)\n  }\n\n  get developerMode() {\n    return this.getBoolean(AppSettingSlug.Developer)\n  }\n\n  set developerMode(value: boolean) {\n    this.setBoolean(AppSettingSlug.Developer, value)\n  }\n\n  get maxAccounts() {\n    return this.getNumber(AppSettingSlug.MaxAccounts)\n  }\n\n  set maxAccounts(value: number) {\n    this.setNumber(AppSettingSlug.MaxAccounts, value)\n  }\n\n  get navigationCollapsed() {\n    return this.getBoolean(AppSettingSlug.NavigationCollapsed)\n  }\n\n  set navigationCollapsed(value: boolean) {\n    this.setBoolean(AppSettingSlug.NavigationCollapsed, value)\n  }\n\n  get navigationType() {\n    return this.getString(AppSettingSlug.NavigationType) as WebAppNavigationType\n  }\n\n  set navigationType(value: WebAppNavigationType) {\n    this.setString(AppSettingSlug.NavigationType, value)\n  }\n\n  get seedPhrase() {\n    return this.getString(AppSettingSlug.SeedPhrase)\n  }\n\n  set seedPhrase(value: string) {\n    this.setString(AppSettingSlug.SeedPhrase, value)\n  }\n}\n","import { use } from 'react'\n\nimport { AppSettingsContext } from './Context.ts'\n\n/** @deprecated import from @xylabs/react-app-settings instead */\nexport const useAppSettings = () => {\n  return use(AppSettingsContext)\n}\n","import type { ReactElement } from 'react'\n\nimport { useAppSettings } from '../contexts/index.ts'\n\n/** @deprecated import from @xylabs/react-app-settings instead */\nexport const Developer: React.FC<{ children: ReactElement }> = ({ children = null }) => {\n  const { developerMode } = useAppSettings()\n\n  return developerMode ? children : null\n}\n"],"mappings":"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","names":["DarkModeRounded","DarkModeRoundedIcon","LightModeRounded","LightModeRoundedIcon","IconButton","React","createContext","Enum","AppSettingSlug","DarkMode","Developer","NavigationType","NavigationCollapsed","SeedPhrase","MaxAccounts","appSettingDefault","AppSettingSlug","DarkMode","Developer","NavigationType","NavigationCollapsed","SeedPhrase","MaxAccounts","AppSettingsContext","createContext","appSettingDefault","React","useMemo","useState","assertDefinedEx","assertEx","AppSettingsStorageBase","defaults","prefix","getBoolean","name","storedValue","localStorage","getItem","assertEx","defaultValue","undefined","getNumber","Number","parseFloat","getObject","parsedStoredValue","JSON","parse","getString","assertDefinedEx","getStringArray","split","Array","isArray","setBoolean","value","setItem","stringify","setNumber","setObject","setString","setStringArray","join","AppSettingsStorage","AppSettingsStorageBase","prefix","defaults","appSettingDefault","darkMode","getBoolean","AppSettingSlug","DarkMode","value","setBoolean","developerMode","Developer","maxAccounts","getNumber","MaxAccounts","setNumber","navigationCollapsed","NavigationCollapsed","navigationType","getString","NavigationType","setString","seedPhrase","SeedPhrase","AppSettingsProvider","storage","value","children","props","storageMemo","useMemo","AppSettingsStorage","developerMode","setDeveloperMode","useState","darkMode","setDarkMode","navigationType","setNavigationType","navigationCollapsed","setNavigationCollapsed","seedPhrase","setSeedPhrase","maxAccounts","setMaxAccounts","enableDeveloperMode","enableDarkMode","changeNavigationType","changeNavigationCollapsed","changeSeedPhrase","changeMaxAccounts","AppSettingsContext","use","useAppSettings","use","AppSettingsContext","DarkModeIconButton","props","darkMode","enableDarkMode","useAppSettings","handleDarkModeChange","React","IconButton","onClick","DarkModeRoundedIcon","LightModeRoundedIcon","Developer","children","developerMode","useAppSettings"]}
+{"version":3,"sources":["../../src/components/DarkModeIconButton.tsx","../../src/contexts/AppSettings/Context.ts","../../src/contexts/AppSettings/Slug.ts","../../src/contexts/AppSettings/appSettingDefault.ts","../../src/contexts/AppSettings/Provider.tsx","../../src/contexts/AppSettings/StorageBase.ts","../../src/contexts/AppSettings/Storage.ts","../../src/contexts/AppSettings/useAppSettings.ts","../../src/components/Developer.tsx"],"sourcesContent":["import { DarkModeRounded as DarkModeRoundedIcon, LightModeRounded as LightModeRoundedIcon } from '@mui/icons-material'\nimport type { IconButtonProps } from '@mui/material'\nimport { IconButton } from '@mui/material'\nimport React from 'react'\n\nimport { useAppSettings } from '../contexts/index.ts'\n\n/** @deprecated import from @xylabs/react-app-settings instead */\nexport const DarkModeIconButton: React.FC<IconButtonProps> = (props) => {\n  const { darkMode, enableDarkMode } = useAppSettings()\n\n  const handleDarkModeChange = () => {\n    enableDarkMode?.(!darkMode)\n  }\n\n  return (\n    <IconButton onClick={handleDarkModeChange} {...props}>\n      {darkMode\n        ? <DarkModeRoundedIcon />\n        : <LightModeRoundedIcon />}\n    </IconButton>\n  )\n}\n","import { createContext } from 'react'\n\nimport type { WebAppNavigationType } from '../../WebAppNavigationType.ts'\nimport { appSettingDefault } from './appSettingDefault.ts'\n\n/** @deprecated import from @xylabs/react-app-settings instead */\nexport interface AppSettingsContextProps {\n  changeMaxAccounts?: (value: number) => void\n  changeNavigationCollapsed?: (value: boolean) => void\n  changeNavigationType?: (value: WebAppNavigationType) => void\n  changeSeedPhrase?: (value: string) => void\n  darkMode?: boolean\n  developerMode?: boolean\n  enableDarkMode?: (value: boolean) => void\n  enableDeveloperMode?: (value: boolean) => void\n  maxAccounts?: number\n  navigationCollapsed?: boolean\n  navigationType?: WebAppNavigationType\n  seedPhrase?: string\n}\n\n/** @deprecated import from @xylabs/react-app-settings instead */\nexport const AppSettingsContext = createContext<AppSettingsContextProps>(appSettingDefault())\n","import type { EnumValue } from '@xylabs/sdk-js'\nimport { Enum } from '@xylabs/sdk-js'\n\n/** @deprecated import from @xylabs/react-app-settings instead */\nexport const AppSettingSlug = Enum({\n  DarkMode: 'darkmode',\n  Developer: 'developer',\n  NavigationType: 'navigationType',\n  NavigationCollapsed: 'navigationCollapsed',\n  SeedPhrase: 'seedPhrase',\n  MaxAccounts: 'maxAccounts',\n})\n\nexport type AppSettingSlug = EnumValue<typeof AppSettingSlug>\n","import { AppSettingSlug } from './Slug.ts'\n\n/** @deprecated import from @xylabs/react-app-settings instead */\nexport const appSettingDefault = (): Record<string, unknown> => {\n  return {\n    [AppSettingSlug.DarkMode]: false,\n    [AppSettingSlug.Developer]: false,\n    [AppSettingSlug.NavigationType]: 'menu',\n    [AppSettingSlug.NavigationCollapsed]: false,\n    [AppSettingSlug.SeedPhrase]: '',\n    [AppSettingSlug.MaxAccounts]: 1,\n  }\n}\n","import type { PropsWithChildren, ProviderProps } from 'react'\nimport React, {\n  useCallback, useMemo, useState,\n} from 'react'\n\nimport type { WebAppNavigationType } from '../../WebAppNavigationType.ts'\nimport type { AppSettingsContextProps } from './Context.ts'\nimport { AppSettingsContext } from './Context.ts'\nimport { AppSettingsStorage } from './Storage.ts'\n\n/** @deprecated import from @xylabs/react-app-settings instead */\nexport interface AppSettingsProviderProps<T extends AppSettingsContextProps = AppSettingsContextProps> extends ProviderProps<T> {\n  storage?: AppSettingsStorage\n}\n\n/** @deprecated import from @xylabs/react-app-settings instead */\nexport const AppSettingsProvider: React.FC<PropsWithChildren<AppSettingsProviderProps>> = ({\n  storage,\n  value,\n  children,\n  ...props\n}) => {\n  const storageMemo = useMemo(() => storage ?? new AppSettingsStorage(), [storage])\n  const [developerMode, setDeveloperMode] = useState(storageMemo.developerMode)\n  const [darkMode, setDarkMode] = useState(storageMemo.darkMode)\n  const [navigationType, setNavigationType] = useState(storageMemo.navigationType)\n  const [navigationCollapsed, setNavigationCollapsed] = useState(storageMemo.navigationCollapsed)\n  const [seedPhrase, setSeedPhrase] = useState(storageMemo.seedPhrase)\n  const [maxAccounts, setMaxAccounts] = useState(storageMemo.maxAccounts)\n\n  /* eslint-disable react-hooks/immutability -- storageMemo is an external storage object that must be mutated */\n  const enableDeveloperMode = useCallback((value: boolean) => {\n    storageMemo.developerMode = value\n    setDeveloperMode(storageMemo.developerMode)\n  }, [storageMemo])\n\n  const enableDarkMode = useCallback((value: boolean) => {\n    storageMemo.darkMode = value\n    setDarkMode(storageMemo.darkMode)\n  }, [storageMemo])\n\n  const changeNavigationType = useCallback((value: WebAppNavigationType) => {\n    storageMemo.navigationType = value\n    setNavigationType(value)\n  }, [storageMemo])\n\n  const changeNavigationCollapsed = useCallback((value: boolean) => {\n    storageMemo.navigationCollapsed = value\n    setNavigationCollapsed(value)\n  }, [storageMemo])\n\n  const changeSeedPhrase = useCallback((value: string) => {\n    storageMemo.seedPhrase = value\n    setSeedPhrase(value)\n  }, [storageMemo])\n\n  const changeMaxAccounts = useCallback((value: number) => {\n    storageMemo.maxAccounts = value\n    setMaxAccounts(value)\n  }, [storageMemo])\n  /* eslint-enable react-hooks/immutability */\n\n  const contextValue = useMemo(() => ({\n    changeMaxAccounts,\n    changeNavigationCollapsed,\n    changeNavigationType,\n    changeSeedPhrase,\n    darkMode,\n    developerMode,\n    enableDarkMode,\n    enableDeveloperMode,\n    maxAccounts,\n    navigationCollapsed,\n    navigationType,\n    seedPhrase,\n\n    ...value,\n  }), [\n    changeMaxAccounts,\n    changeNavigationCollapsed,\n    changeNavigationType,\n    changeSeedPhrase,\n    darkMode,\n    developerMode,\n    enableDarkMode,\n    enableDeveloperMode,\n    maxAccounts,\n    navigationCollapsed,\n    navigationType,\n    seedPhrase,\n    value,\n  ])\n\n  return (\n    <AppSettingsContext\n      value={contextValue}\n      {...props}\n    >\n      {children}\n    </AppSettingsContext>\n  )\n}\n","import { assertDefinedEx, assertEx } from '@xylabs/sdk-js'\n\n/** @deprecated import from @xylabs/react-app-settings instead */\nexport class AppSettingsStorageBase {\n  private defaults: Record<string, unknown>\n  private prefix: string\n  constructor(prefix = 'AppSettings', defaults?: Record<string, unknown>) {\n    this.prefix = prefix\n    this.defaults = defaults ?? {}\n  }\n\n  getBoolean(name: string): boolean {\n    const storedValue = localStorage.getItem(`${this.prefix}|${name}`)\n    if (!storedValue) {\n      assertEx(typeof this.defaults[name] === 'boolean', () => 'Default value is not boolean')\n      const defaultValue = this.defaults[name] as boolean\n      assertEx(defaultValue !== undefined, () => `Missing Default for ${name}`)\n      return defaultValue\n    }\n    return storedValue !== 'false'\n  }\n\n  getNumber(name: string): number {\n    const storedValue = localStorage.getItem(`${this.prefix}|${name}`)\n    if (!storedValue) {\n      assertEx(typeof this.defaults[name] === 'number', () => 'Default value is not a number')\n      const defaultValue = this.defaults[name] as number\n      assertEx(defaultValue !== undefined, () => `Missing Default for ${name}`)\n      return defaultValue\n    }\n    return Number.parseFloat(storedValue)\n  }\n\n  getObject<T>(name: string): T {\n    const storedValue = localStorage.getItem(`${this.prefix}|${name}`)\n    const parsedStoredValue = storedValue ? JSON.parse(storedValue) : null\n    if (!parsedStoredValue) {\n      assertEx(typeof this.defaults[name] === 'object', () => 'Default value is not object')\n      return assertEx(this.defaults[name] as T, () => `Missing Default for ${name}`)\n    }\n    return parsedStoredValue as T\n  }\n\n  getString(name: string) {\n    const storedValue = localStorage.getItem(`${this.prefix}|${name}`)\n    if (!storedValue) {\n      assertDefinedEx(typeof this.defaults[name] === 'string', () => 'Default value is not string')\n      const defaultValue = this.defaults[name] as string\n      assertEx(defaultValue !== undefined, () => `Missing Default for ${name}`)\n      return defaultValue\n    }\n    return storedValue\n  }\n\n  getStringArray(name: string) {\n    const storedValue = localStorage.getItem(`${this.prefix}|${name}`)?.split(',')\n    if (!storedValue) {\n      assertDefinedEx(Array.isArray(this.defaults[name]), () => 'Default value is not array')\n      const defaultValue = this.defaults[name] as string[]\n      assertEx(defaultValue !== undefined, () => `Missing Default for ${name}`)\n      return defaultValue\n    }\n    return storedValue\n  }\n\n  setBoolean(name: string, value: boolean) {\n    localStorage.setItem(`${this.prefix}|${name}`, JSON.stringify(value))\n  }\n\n  setNumber(name: string, value: number) {\n    localStorage.setItem(`${this.prefix}|${name}`, JSON.stringify(value))\n  }\n\n  setObject<T>(name: string, value: T) {\n    localStorage.setItem(`${this.prefix}|${name}`, JSON.stringify(value))\n  }\n\n  setString(name: string, value: string) {\n    localStorage.setItem(`${this.prefix}|${name}`, value)\n  }\n\n  setStringArray(name: string, value: string[]) {\n    localStorage.setItem(`${this.prefix}|${name}`, value.join(','))\n  }\n}\n","import type { WebAppNavigationType } from '../../WebAppNavigationType.ts'\nimport { appSettingDefault } from './appSettingDefault.ts'\nimport { AppSettingSlug } from './Slug.ts'\nimport { AppSettingsStorageBase } from './StorageBase.ts'\n\n/** @deprecated import from @xylabs/react-app-settings instead */\nexport class AppSettingsStorage extends AppSettingsStorageBase {\n  constructor(prefix = 'AppSettings', defaults?: Record<string, unknown>) {\n    super(prefix, { ...appSettingDefault(), ...defaults })\n  }\n\n  get darkMode() {\n    return this.getBoolean(AppSettingSlug.DarkMode)\n  }\n\n  set darkMode(value: boolean) {\n    this.setBoolean(AppSettingSlug.DarkMode, value)\n  }\n\n  get developerMode() {\n    return this.getBoolean(AppSettingSlug.Developer)\n  }\n\n  set developerMode(value: boolean) {\n    this.setBoolean(AppSettingSlug.Developer, value)\n  }\n\n  get maxAccounts() {\n    return this.getNumber(AppSettingSlug.MaxAccounts)\n  }\n\n  set maxAccounts(value: number) {\n    this.setNumber(AppSettingSlug.MaxAccounts, value)\n  }\n\n  get navigationCollapsed() {\n    return this.getBoolean(AppSettingSlug.NavigationCollapsed)\n  }\n\n  set navigationCollapsed(value: boolean) {\n    this.setBoolean(AppSettingSlug.NavigationCollapsed, value)\n  }\n\n  get navigationType() {\n    return this.getString(AppSettingSlug.NavigationType) as WebAppNavigationType\n  }\n\n  set navigationType(value: WebAppNavigationType) {\n    this.setString(AppSettingSlug.NavigationType, value)\n  }\n\n  get seedPhrase() {\n    return this.getString(AppSettingSlug.SeedPhrase)\n  }\n\n  set seedPhrase(value: string) {\n    this.setString(AppSettingSlug.SeedPhrase, value)\n  }\n}\n","import { use } from 'react'\n\nimport { AppSettingsContext } from './Context.ts'\n\n/** @deprecated import from @xylabs/react-app-settings instead */\nexport const useAppSettings = () => {\n  return use(AppSettingsContext)\n}\n","import type { ReactElement } from 'react'\n\nimport { useAppSettings } from '../contexts/index.ts'\n\n/** @deprecated import from @xylabs/react-app-settings instead */\nexport const Developer: React.FC<{ children: ReactElement }> = ({ children = null }) => {\n  const { developerMode } = useAppSettings()\n\n  return developerMode ? children : null\n}\n"],"mappings":";AAAA,SAAS,mBAAmB,qBAAqB,oBAAoB,4BAA4B;AAEjG,SAAS,kBAAkB;;;ACF3B,SAAS,qBAAqB;;;ACC9B,SAAS,YAAY;AAGd,IAAM,iBAAiB,KAAK;AAAA,EACjC,UAAU;AAAA,EACV,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB,qBAAqB;AAAA,EACrB,YAAY;AAAA,EACZ,aAAa;AACf,CAAC;;;ACRM,IAAM,oBAAoB,MAA+B;AAC9D,SAAO;AAAA,IACL,CAAC,eAAe,QAAQ,GAAG;AAAA,IAC3B,CAAC,eAAe,SAAS,GAAG;AAAA,IAC5B,CAAC,eAAe,cAAc,GAAG;AAAA,IACjC,CAAC,eAAe,mBAAmB,GAAG;AAAA,IACtC,CAAC,eAAe,UAAU,GAAG;AAAA,IAC7B,CAAC,eAAe,WAAW,GAAG;AAAA,EAChC;AACF;;;AFUO,IAAM,qBAAqB,cAAuC,kBAAkB,CAAC;;;AGrB5F;AAAA,EACE;AAAA,EAAa;AAAA,EAAS;AAAA,OACjB;;;ACHP,SAAS,iBAAiB,gBAAgB;AAGnC,IAAM,yBAAN,MAA6B;AAAA,EAC1B;AAAA,EACA;AAAA,EACR,YAAY,SAAS,eAAe,UAAoC;AACtE,SAAK,SAAS;AACd,SAAK,WAAW,YAAY,CAAC;AAAA,EAC/B;AAAA,EAEA,WAAW,MAAuB;AAChC,UAAM,cAAc,aAAa,QAAQ,GAAG,KAAK,MAAM,IAAI,IAAI,EAAE;AACjE,QAAI,CAAC,aAAa;AAChB,eAAS,OAAO,KAAK,SAAS,IAAI,MAAM,WAAW,MAAM,8BAA8B;AACvF,YAAM,eAAe,KAAK,SAAS,IAAI;AACvC,eAAS,iBAAiB,QAAW,MAAM,uBAAuB,IAAI,EAAE;AACxE,aAAO;AAAA,IACT;AACA,WAAO,gBAAgB;AAAA,EACzB;AAAA,EAEA,UAAU,MAAsB;AAC9B,UAAM,cAAc,aAAa,QAAQ,GAAG,KAAK,MAAM,IAAI,IAAI,EAAE;AACjE,QAAI,CAAC,aAAa;AAChB,eAAS,OAAO,KAAK,SAAS,IAAI,MAAM,UAAU,MAAM,+BAA+B;AACvF,YAAM,eAAe,KAAK,SAAS,IAAI;AACvC,eAAS,iBAAiB,QAAW,MAAM,uBAAuB,IAAI,EAAE;AACxE,aAAO;AAAA,IACT;AACA,WAAO,OAAO,WAAW,WAAW;AAAA,EACtC;AAAA,EAEA,UAAa,MAAiB;AAC5B,UAAM,cAAc,aAAa,QAAQ,GAAG,KAAK,MAAM,IAAI,IAAI,EAAE;AACjE,UAAM,oBAAoB,cAAc,KAAK,MAAM,WAAW,IAAI;AAClE,QAAI,CAAC,mBAAmB;AACtB,eAAS,OAAO,KAAK,SAAS,IAAI,MAAM,UAAU,MAAM,6BAA6B;AACrF,aAAO,SAAS,KAAK,SAAS,IAAI,GAAQ,MAAM,uBAAuB,IAAI,EAAE;AAAA,IAC/E;AACA,WAAO;AAAA,EACT;AAAA,EAEA,UAAU,MAAc;AACtB,UAAM,cAAc,aAAa,QAAQ,GAAG,KAAK,MAAM,IAAI,IAAI,EAAE;AACjE,QAAI,CAAC,aAAa;AAChB,sBAAgB,OAAO,KAAK,SAAS,IAAI,MAAM,UAAU,MAAM,6BAA6B;AAC5F,YAAM,eAAe,KAAK,SAAS,IAAI;AACvC,eAAS,iBAAiB,QAAW,MAAM,uBAAuB,IAAI,EAAE;AACxE,aAAO;AAAA,IACT;AACA,WAAO;AAAA,EACT;AAAA,EAEA,eAAe,MAAc;AAC3B,UAAM,cAAc,aAAa,QAAQ,GAAG,KAAK,MAAM,IAAI,IAAI,EAAE,GAAG,MAAM,GAAG;AAC7E,QAAI,CAAC,aAAa;AAChB,sBAAgB,MAAM,QAAQ,KAAK,SAAS,IAAI,CAAC,GAAG,MAAM,4BAA4B;AACtF,YAAM,eAAe,KAAK,SAAS,IAAI;AACvC,eAAS,iBAAiB,QAAW,MAAM,uBAAuB,IAAI,EAAE;AACxE,aAAO;AAAA,IACT;AACA,WAAO;AAAA,EACT;AAAA,EAEA,WAAW,MAAc,OAAgB;AACvC,iBAAa,QAAQ,GAAG,KAAK,MAAM,IAAI,IAAI,IAAI,KAAK,UAAU,KAAK,CAAC;AAAA,EACtE;AAAA,EAEA,UAAU,MAAc,OAAe;AACrC,iBAAa,QAAQ,GAAG,KAAK,MAAM,IAAI,IAAI,IAAI,KAAK,UAAU,KAAK,CAAC;AAAA,EACtE;AAAA,EAEA,UAAa,MAAc,OAAU;AACnC,iBAAa,QAAQ,GAAG,KAAK,MAAM,IAAI,IAAI,IAAI,KAAK,UAAU,KAAK,CAAC;AAAA,EACtE;AAAA,EAEA,UAAU,MAAc,OAAe;AACrC,iBAAa,QAAQ,GAAG,KAAK,MAAM,IAAI,IAAI,IAAI,KAAK;AAAA,EACtD;AAAA,EAEA,eAAe,MAAc,OAAiB;AAC5C,iBAAa,QAAQ,GAAG,KAAK,MAAM,IAAI,IAAI,IAAI,MAAM,KAAK,GAAG,CAAC;AAAA,EAChE;AACF;;;AC9EO,IAAM,qBAAN,cAAiC,uBAAuB;AAAA,EAC7D,YAAY,SAAS,eAAe,UAAoC;AACtE,UAAM,QAAQ,EAAE,GAAG,kBAAkB,GAAG,GAAG,SAAS,CAAC;AAAA,EACvD;AAAA,EAEA,IAAI,WAAW;AACb,WAAO,KAAK,WAAW,eAAe,QAAQ;AAAA,EAChD;AAAA,EAEA,IAAI,SAAS,OAAgB;AAC3B,SAAK,WAAW,eAAe,UAAU,KAAK;AAAA,EAChD;AAAA,EAEA,IAAI,gBAAgB;AAClB,WAAO,KAAK,WAAW,eAAe,SAAS;AAAA,EACjD;AAAA,EAEA,IAAI,cAAc,OAAgB;AAChC,SAAK,WAAW,eAAe,WAAW,KAAK;AAAA,EACjD;AAAA,EAEA,IAAI,cAAc;AAChB,WAAO,KAAK,UAAU,eAAe,WAAW;AAAA,EAClD;AAAA,EAEA,IAAI,YAAY,OAAe;AAC7B,SAAK,UAAU,eAAe,aAAa,KAAK;AAAA,EAClD;AAAA,EAEA,IAAI,sBAAsB;AACxB,WAAO,KAAK,WAAW,eAAe,mBAAmB;AAAA,EAC3D;AAAA,EAEA,IAAI,oBAAoB,OAAgB;AACtC,SAAK,WAAW,eAAe,qBAAqB,KAAK;AAAA,EAC3D;AAAA,EAEA,IAAI,iBAAiB;AACnB,WAAO,KAAK,UAAU,eAAe,cAAc;AAAA,EACrD;AAAA,EAEA,IAAI,eAAe,OAA6B;AAC9C,SAAK,UAAU,eAAe,gBAAgB,KAAK;AAAA,EACrD;AAAA,EAEA,IAAI,aAAa;AACf,WAAO,KAAK,UAAU,eAAe,UAAU;AAAA,EACjD;AAAA,EAEA,IAAI,WAAW,OAAe;AAC5B,SAAK,UAAU,eAAe,YAAY,KAAK;AAAA,EACjD;AACF;;;AFoCI;AA9EG,IAAM,sBAA6E,CAAC;AAAA,EACzF;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,cAAc,QAAQ,MAAM,WAAW,IAAI,mBAAmB,GAAG,CAAC,OAAO,CAAC;AAChF,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,YAAY,aAAa;AAC5E,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,YAAY,QAAQ;AAC7D,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAS,YAAY,cAAc;AAC/E,QAAM,CAAC,qBAAqB,sBAAsB,IAAI,SAAS,YAAY,mBAAmB;AAC9F,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,YAAY,UAAU;AACnE,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,YAAY,WAAW;AAGtE,QAAM,sBAAsB,YAAY,CAACA,WAAmB;AAC1D,gBAAY,gBAAgBA;AAC5B,qBAAiB,YAAY,aAAa;AAAA,EAC5C,GAAG,CAAC,WAAW,CAAC;AAEhB,QAAM,iBAAiB,YAAY,CAACA,WAAmB;AACrD,gBAAY,WAAWA;AACvB,gBAAY,YAAY,QAAQ;AAAA,EAClC,GAAG,CAAC,WAAW,CAAC;AAEhB,QAAM,uBAAuB,YAAY,CAACA,WAAgC;AACxE,gBAAY,iBAAiBA;AAC7B,sBAAkBA,MAAK;AAAA,EACzB,GAAG,CAAC,WAAW,CAAC;AAEhB,QAAM,4BAA4B,YAAY,CAACA,WAAmB;AAChE,gBAAY,sBAAsBA;AAClC,2BAAuBA,MAAK;AAAA,EAC9B,GAAG,CAAC,WAAW,CAAC;AAEhB,QAAM,mBAAmB,YAAY,CAACA,WAAkB;AACtD,gBAAY,aAAaA;AACzB,kBAAcA,MAAK;AAAA,EACrB,GAAG,CAAC,WAAW,CAAC;AAEhB,QAAM,oBAAoB,YAAY,CAACA,WAAkB;AACvD,gBAAY,cAAcA;AAC1B,mBAAeA,MAAK;AAAA,EACtB,GAAG,CAAC,WAAW,CAAC;AAGhB,QAAM,eAAe,QAAQ,OAAO;AAAA,IAClC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IAEA,GAAG;AAAA,EACL,IAAI;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,MACN,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;;;AGrGA,SAAS,WAAW;AAKb,IAAM,iBAAiB,MAAM;AAClC,SAAO,IAAI,kBAAkB;AAC/B;;;APWU,gBAAAC,YAAA;AAVH,IAAM,qBAAgD,CAAC,UAAU;AACtE,QAAM,EAAE,UAAU,eAAe,IAAI,eAAe;AAEpD,QAAM,uBAAuB,MAAM;AACjC,qBAAiB,CAAC,QAAQ;AAAA,EAC5B;AAEA,SACE,gBAAAA,KAAC,cAAW,SAAS,sBAAuB,GAAG,OAC5C,qBACG,gBAAAA,KAAC,uBAAoB,IACrB,gBAAAA,KAAC,wBAAqB,GAC5B;AAEJ;;;AQjBO,IAAM,YAAkD,CAAC,EAAE,WAAW,KAAK,MAAM;AACtF,QAAM,EAAE,cAAc,IAAI,eAAe;AAEzC,SAAO,gBAAgB,WAAW;AACpC;","names":["value","jsx"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xyo-network/react-app-settings",
-  "version": "7.5.8",
+  "version": "7.5.11",
   "description": "Common React library for all XYO projects that use React",
   "keywords": [
     "xyo",
@@ -36,33 +36,58 @@
     },
     "./package.json": "./package.json"
   },
-  "module": "dist/browser/index.mjs",
-  "types": "dist/browser/index.d.ts",
   "files": [
     "dist",
-    "src"
+    "README.md"
   ],
-  "dependencies": {
-    "@xylabs/sdk-js": "~5.0.90"
-  },
   "devDependencies": {
-    "@mui/icons-material": "~7.3.9",
-    "@mui/material": "~7.3.9",
+    "@mui/icons-material": "^7.3.10",
+    "@mui/material": "^7.3.10",
+    "@opentelemetry/api": "^1.9.1",
+    "@opentelemetry/sdk-trace-base": "^2.7.0",
+    "@types/node": "~25.6.0",
     "@types/react": "^19.2.14",
-    "@xylabs/ts-scripts-common": "~7.5.6",
-    "@xylabs/ts-scripts-yarn3": "~7.5.6",
-    "react": "^19.2.4",
-    "react-dom": "^19.2.4",
-    "typescript": "^5.9.3"
+    "@xylabs/sdk-js": "^5.0.100",
+    "@xylabs/toolchain": "~7.11.9",
+    "@xylabs/tsconfig": "^7.11.9",
+    "@xylabs/tsconfig-dom": "^7.11.9",
+    "@xylabs/tsconfig-react": "~7.11.9",
+    "async-mutex": "^0.5.0",
+    "axios": "^1.15.2",
+    "bn.js": "^5.2.3",
+    "buffer": "^6.0.3",
+    "chalk": "^5.6.2",
+    "esbuild": "~0.28.0",
+    "eslint": "^10.2.1",
+    "ethers": "^6.16.0",
+    "pako": "^2.1.0",
+    "react": "^19.2.5",
+    "react-dom": "^19.2.5",
+    "typescript": "^5.9.3",
+    "zod": "^4.3.6"
   },
   "peerDependencies": {
-    "@mui/icons-material": ">=6 <8",
-    "@mui/material": ">=6 <8",
-    "react": "^19",
-    "react-dom": "^19"
+    "@mui/icons-material": "^7.3.10",
+    "@mui/material": "^7.3.10",
+    "@opentelemetry/api": "^1.9.1",
+    "@opentelemetry/sdk-trace-base": "^2.7.0",
+    "@types/react": "^19.2.14",
+    "@xylabs/sdk-js": "^5.0.100",
+    "@xylabs/tsconfig": "^7.11.9",
+    "@xylabs/tsconfig-dom": "^7.11.9",
+    "async-mutex": "^0.5.0",
+    "axios": "^1.15.2",
+    "bn.js": "^5.2.3",
+    "buffer": "^6.0.3",
+    "chalk": "^5.6.2",
+    "ethers": "^6.16.0",
+    "pako": "^2.1.0",
+    "react": "^19.2.5",
+    "react-dom": "^19.2.5",
+    "zod": "^4.3.6"
   },
   "publishConfig": {
     "access": "public"
   },
   "docs": "dist/docs.json"
-}
+}

package/src/WebAppNavigationType.ts

@@ -1,2 +0,0 @@
-/** @deprecated import from @xylabs/react-app-settings instead */
-export type WebAppNavigationType = 'menu' | 'sidebar'

package/src/components/DarkModeIconButton.tsx

@@ -1,23 +0,0 @@
-import { DarkModeRounded as DarkModeRoundedIcon, LightModeRounded as LightModeRoundedIcon } from '@mui/icons-material'
-import type { IconButtonProps } from '@mui/material'
-import { IconButton } from '@mui/material'
-import React from 'react'
-
-import { useAppSettings } from '../contexts/index.ts'
-
-/** @deprecated import from @xylabs/react-app-settings instead */
-export const DarkModeIconButton: React.FC<IconButtonProps> = (props) => {
-  const { darkMode, enableDarkMode } = useAppSettings()
-
-  const handleDarkModeChange = () => {
-    enableDarkMode?.(!darkMode)
-  }
-
-  return (
-    <IconButton onClick={handleDarkModeChange} {...props}>
-      {darkMode
-        ? <DarkModeRoundedIcon />
-        : <LightModeRoundedIcon />}
-    </IconButton>
-  )
-}

package/src/components/Developer.tsx

@@ -1,10 +0,0 @@
-import type { ReactElement } from 'react'
-
-import { useAppSettings } from '../contexts/index.ts'
-
-/** @deprecated import from @xylabs/react-app-settings instead */
-export const Developer: React.FC<{ children: ReactElement }> = ({ children = null }) => {
-  const { developerMode } = useAppSettings()
-
-  return developerMode ? children : null
-}

package/src/components/index.ts

@@ -1,2 +0,0 @@
-export * from './DarkModeIconButton.tsx'
-export * from './Developer.tsx'

package/src/contexts/AppSettings/Context.ts

@@ -1,23 +0,0 @@
-import { createContext } from 'react'
-
-import type { WebAppNavigationType } from '../../WebAppNavigationType.ts'
-import { appSettingDefault } from './appSettingDefault.ts'
-
-/** @deprecated import from @xylabs/react-app-settings instead */
-export interface AppSettingsContextProps {
-  changeMaxAccounts?: (value: number) => void
-  changeNavigationCollapsed?: (value: boolean) => void
-  changeNavigationType?: (value: WebAppNavigationType) => void
-  changeSeedPhrase?: (value: string) => void
-  darkMode?: boolean
-  developerMode?: boolean
-  enableDarkMode?: (value: boolean) => void
-  enableDeveloperMode?: (value: boolean) => void
-  maxAccounts?: number
-  navigationCollapsed?: boolean
-  navigationType?: WebAppNavigationType
-  seedPhrase?: string
-}
-
-/** @deprecated import from @xylabs/react-app-settings instead */
-export const AppSettingsContext = createContext<AppSettingsContextProps>(appSettingDefault())

package/src/contexts/AppSettings/Provider.tsx

@@ -1,82 +0,0 @@
-import type { PropsWithChildren, ProviderProps } from 'react'
-import React, { useMemo, useState } from 'react'
-
-import type { WebAppNavigationType } from '../../WebAppNavigationType.ts'
-import type { AppSettingsContextProps } from './Context.ts'
-import { AppSettingsContext } from './Context.ts'
-import { AppSettingsStorage } from './Storage.ts'
-
-/** @deprecated import from @xylabs/react-app-settings instead */
-export interface AppSettingsProviderProps<T extends AppSettingsContextProps = AppSettingsContextProps> extends ProviderProps<T> {
-  storage?: AppSettingsStorage
-}
-
-/** @deprecated import from @xylabs/react-app-settings instead */
-export const AppSettingsProvider: React.FC<PropsWithChildren<AppSettingsProviderProps>> = ({
-  storage,
-  value,
-  children,
-  ...props
-}) => {
-  const storageMemo = useMemo(() => storage ?? new AppSettingsStorage(), [storage])
-  const [developerMode, setDeveloperMode] = useState(storageMemo.developerMode)
-  const [darkMode, setDarkMode] = useState(storageMemo.darkMode)
-  const [navigationType, setNavigationType] = useState(storageMemo.navigationType)
-  const [navigationCollapsed, setNavigationCollapsed] = useState(storageMemo.navigationCollapsed)
-  const [seedPhrase, setSeedPhrase] = useState(storageMemo.seedPhrase)
-  const [maxAccounts, setMaxAccounts] = useState(storageMemo.maxAccounts)
-
-  const enableDeveloperMode = (value: boolean) => {
-    storageMemo.developerMode = value
-    setDeveloperMode(storageMemo.developerMode)
-  }
-
-  const enableDarkMode = (value: boolean) => {
-    storageMemo.darkMode = value
-    setDarkMode(storageMemo.darkMode)
-  }
-
-  const changeNavigationType = (value: WebAppNavigationType) => {
-    storageMemo.navigationType = value
-    setNavigationType(value)
-  }
-
-  const changeNavigationCollapsed = (value: boolean) => {
-    storageMemo.navigationCollapsed = value
-    setNavigationCollapsed(value)
-  }
-
-  const changeSeedPhrase = (value: string) => {
-    storageMemo.seedPhrase = value
-    setSeedPhrase(value)
-  }
-
-  const changeMaxAccounts = (value: number) => {
-    storageMemo.maxAccounts = value
-    setMaxAccounts(value)
-  }
-
-  return (
-    <AppSettingsContext
-      value={{
-        changeMaxAccounts,
-        changeNavigationCollapsed,
-        changeNavigationType,
-        changeSeedPhrase,
-        darkMode,
-        developerMode,
-        enableDarkMode,
-        enableDeveloperMode,
-        maxAccounts,
-        navigationCollapsed,
-        navigationType,
-        seedPhrase,
-
-        ...value,
-      }}
-      {...props}
-    >
-      {children}
-    </AppSettingsContext>
-  )
-}

package/src/contexts/AppSettings/Slug.ts

@@ -1,14 +0,0 @@
-import type { EnumValue } from '@xylabs/sdk-js'
-import { Enum } from '@xylabs/sdk-js'
-
-/** @deprecated import from @xylabs/react-app-settings instead */
-export const AppSettingSlug = Enum({
-  DarkMode: 'darkmode',
-  Developer: 'developer',
-  NavigationType: 'navigationType',
-  NavigationCollapsed: 'navigationCollapsed',
-  SeedPhrase: 'seedPhrase',
-  MaxAccounts: 'maxAccounts',
-})
-
-export type AppSettingSlug = EnumValue<typeof AppSettingSlug>

package/src/contexts/AppSettings/Storage.ts

@@ -1,59 +0,0 @@
-import type { WebAppNavigationType } from '../../WebAppNavigationType.ts'
-import { appSettingDefault } from './appSettingDefault.ts'
-import { AppSettingSlug } from './Slug.ts'
-import { AppSettingsStorageBase } from './StorageBase.ts'
-
-/** @deprecated import from @xylabs/react-app-settings instead */
-export class AppSettingsStorage extends AppSettingsStorageBase {
-  constructor(prefix = 'AppSettings', defaults?: Record<string, unknown>) {
-    super(prefix, { ...appSettingDefault(), ...defaults })
-  }
-
-  get darkMode() {
-    return this.getBoolean(AppSettingSlug.DarkMode)
-  }
-
-  set darkMode(value: boolean) {
-    this.setBoolean(AppSettingSlug.DarkMode, value)
-  }
-
-  get developerMode() {
-    return this.getBoolean(AppSettingSlug.Developer)
-  }
-
-  set developerMode(value: boolean) {
-    this.setBoolean(AppSettingSlug.Developer, value)
-  }
-
-  get maxAccounts() {
-    return this.getNumber(AppSettingSlug.MaxAccounts)
-  }
-
-  set maxAccounts(value: number) {
-    this.setNumber(AppSettingSlug.MaxAccounts, value)
-  }
-
-  get navigationCollapsed() {
-    return this.getBoolean(AppSettingSlug.NavigationCollapsed)
-  }
-
-  set navigationCollapsed(value: boolean) {
-    this.setBoolean(AppSettingSlug.NavigationCollapsed, value)
-  }
-
-  get navigationType() {
-    return this.getString(AppSettingSlug.NavigationType) as WebAppNavigationType
-  }
-
-  set navigationType(value: WebAppNavigationType) {
-    this.setString(AppSettingSlug.NavigationType, value)
-  }
-
-  get seedPhrase() {
-    return this.getString(AppSettingSlug.SeedPhrase)
-  }
-
-  set seedPhrase(value: string) {
-    this.setString(AppSettingSlug.SeedPhrase, value)
-  }
-}

package/src/contexts/AppSettings/StorageBase.ts

@@ -1,85 +0,0 @@
-import { assertDefinedEx, assertEx } from '@xylabs/sdk-js'
-
-/** @deprecated import from @xylabs/react-app-settings instead */
-export class AppSettingsStorageBase {
-  private defaults: Record<string, unknown>
-  private prefix: string
-  constructor(prefix = 'AppSettings', defaults?: Record<string, unknown>) {
-    this.prefix = prefix
-    this.defaults = defaults ?? {}
-  }
-
-  getBoolean(name: string): boolean {
-    const storedValue = localStorage.getItem(`${this.prefix}|${name}`)
-    if (!storedValue) {
-      assertEx(typeof this.defaults[name] === 'boolean', () => 'Default value is not boolean')
-      const defaultValue = this.defaults[name] as boolean
-      assertEx(defaultValue !== undefined, () => `Missing Default for ${name}`)
-      return defaultValue
-    }
-    return storedValue !== 'false'
-  }
-
-  getNumber(name: string): number {
-    const storedValue = localStorage.getItem(`${this.prefix}|${name}`)
-    if (!storedValue) {
-      assertEx(typeof this.defaults[name] === 'number', () => 'Default value is not a number')
-      const defaultValue = this.defaults[name] as number
-      assertEx(defaultValue !== undefined, () => `Missing Default for ${name}`)
-      return defaultValue
-    }
-    return Number.parseFloat(storedValue)
-  }
-
-  getObject<T>(name: string): T {
-    const storedValue = localStorage.getItem(`${this.prefix}|${name}`)
-    const parsedStoredValue = storedValue ? JSON.parse(storedValue) : null
-    if (!parsedStoredValue) {
-      assertEx(typeof this.defaults[name] === 'object', () => 'Default value is not object')
-      return assertEx(this.defaults[name] as T, () => `Missing Default for ${name}`)
-    }
-    return parsedStoredValue as T
-  }
-
-  getString(name: string) {
-    const storedValue = localStorage.getItem(`${this.prefix}|${name}`)
-    if (!storedValue) {
-      assertDefinedEx(typeof this.defaults[name] === 'string', () => 'Default value is not string')
-      const defaultValue = this.defaults[name] as string
-      assertEx(defaultValue !== undefined, () => `Missing Default for ${name}`)
-      return defaultValue
-    }
-    return storedValue
-  }
-
-  getStringArray(name: string) {
-    const storedValue = localStorage.getItem(`${this.prefix}|${name}`)?.split(',')
-    if (!storedValue) {
-      assertDefinedEx(Array.isArray(this.defaults[name]), () => 'Default value is not array')
-      const defaultValue = this.defaults[name] as string[]
-      assertEx(defaultValue !== undefined, () => `Missing Default for ${name}`)
-      return defaultValue
-    }
-    return storedValue
-  }
-
-  setBoolean(name: string, value: boolean) {
-    localStorage.setItem(`${this.prefix}|${name}`, JSON.stringify(value))
-  }
-
-  setNumber(name: string, value: number) {
-    localStorage.setItem(`${this.prefix}|${name}`, JSON.stringify(value))
-  }
-
-  setObject<T>(name: string, value: T) {
-    localStorage.setItem(`${this.prefix}|${name}`, JSON.stringify(value))
-  }
-
-  setString(name: string, value: string) {
-    localStorage.setItem(`${this.prefix}|${name}`, value)
-  }
-
-  setStringArray(name: string, value: string[]) {
-    localStorage.setItem(`${this.prefix}|${name}`, value.join(','))
-  }
-}

package/src/contexts/AppSettings/appSettingDefault.ts

@@ -1,13 +0,0 @@
-import { AppSettingSlug } from './Slug.ts'
-
-/** @deprecated import from @xylabs/react-app-settings instead */
-export const appSettingDefault = (): Record<string, unknown> => {
-  return {
-    [AppSettingSlug.DarkMode]: false,
-    [AppSettingSlug.Developer]: false,
-    [AppSettingSlug.NavigationType]: 'menu',
-    [AppSettingSlug.NavigationCollapsed]: false,
-    [AppSettingSlug.SeedPhrase]: '',
-    [AppSettingSlug.MaxAccounts]: 1,
-  }
-}

package/src/contexts/AppSettings/index.ts

@@ -1,6 +0,0 @@
-export * from './Context.ts'
-export * from './Provider.tsx'
-export * from './Slug.ts'
-export * from './Storage.ts'
-export * from './StorageBase.ts'
-export * from './useAppSettings.ts'

package/src/contexts/AppSettings/useAppSettings.ts

@@ -1,8 +0,0 @@
-import { use } from 'react'
-
-import { AppSettingsContext } from './Context.ts'
-
-/** @deprecated import from @xylabs/react-app-settings instead */
-export const useAppSettings = () => {
-  return use(AppSettingsContext)
-}

package/src/contexts/index.ts

@@ -1 +0,0 @@
-export * from './AppSettings/index.ts'

package/src/index.ts

@@ -1,3 +0,0 @@
-export * from './components/index.ts'
-export * from './contexts/index.ts'
-export * from './WebAppNavigationType.ts'