@xyo-network/react-app-settings 2.63.1 → 2.64.0-rc.1

package/dist/index.mjs

@@ -0,0 +1,249 @@
+// src/components/DarkModeIconButton.tsx
+import { DarkModeRounded as DarkModeRoundedIcon, LightModeRounded as LightModeRoundedIcon } from "@mui/icons-material";
+import { IconButton } from "@mui/material";
+
+// src/contexts/AppSettings/Context.ts
+import { createContext } from "react";
+
+// src/contexts/AppSettings/Slug.ts
+var AppSettingSlug = /* @__PURE__ */ ((AppSettingSlug2) => {
+  AppSettingSlug2["DarkMode"] = "darkmode";
+  AppSettingSlug2["Developer"] = "developer";
+  AppSettingSlug2["NavigationType"] = "navigationType";
+  AppSettingSlug2["NavigationCollapsed"] = "navigationCollapsed";
+  AppSettingSlug2["SeedPhrase"] = "seedPhrase";
+  AppSettingSlug2["MaxAccounts"] = "maxAccounts";
+  return AppSettingSlug2;
+})(AppSettingSlug || {});
+
+// src/contexts/AppSettings/appSettingDefault.ts
+var appSettingDefault = () => {
+  return {
+    ["darkmode" /* DarkMode */]: false,
+    ["developer" /* Developer */]: false,
+    ["navigationType" /* NavigationType */]: "menu",
+    ["navigationCollapsed" /* NavigationCollapsed */]: false,
+    ["seedPhrase" /* SeedPhrase */]: "",
+    ["maxAccounts" /* MaxAccounts */]: 1
+  };
+};
+
+// src/contexts/AppSettings/Context.ts
+var AppSettingsContext = createContext(appSettingDefault());
+
+// src/contexts/AppSettings/Provider.tsx
+import { useState } from "react";
+
+// src/contexts/AppSettings/StorageBase.ts
+import { assertEx } from "@xylabs/assert";
+import { assertDefinedEx } from "@xyo-network/react-shared";
+var AppSettingsStorageBase = class {
+  defaults;
+  prefix;
+  constructor(prefix = "AppSettings", defaults) {
+    this.prefix = prefix;
+    this.defaults = defaults ?? {};
+  }
+  getBoolean(name) {
+    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];
+      assertEx(defaultValue !== void 0, `Missing Default for ${name}`);
+      return defaultValue;
+    }
+    return storedValue !== "false";
+  }
+  getNumber(name) {
+    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];
+      assertEx(defaultValue !== void 0, `Missing Default for ${name}`);
+      return defaultValue;
+    }
+    return parseFloat(storedValue);
+  }
+  getObject(name) {
+    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], `Missing Default for ${name}`);
+    }
+    return parsedStoredValue;
+  }
+  getString(name) {
+    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];
+      assertEx(defaultValue !== void 0, `Missing Default for ${name}`);
+      return defaultValue;
+    }
+    return storedValue;
+  }
+  getStringArray(name) {
+    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];
+      assertEx(defaultValue !== void 0, `Missing Default for ${name}`);
+      return defaultValue;
+    }
+    return storedValue;
+  }
+  setBoolean(name, value) {
+    localStorage.setItem(`${this.prefix}|${name}`, JSON.stringify(value));
+  }
+  setNumber(name, value) {
+    localStorage.setItem(`${this.prefix}|${name}`, JSON.stringify(value));
+  }
+  setObject(name, value) {
+    localStorage.setItem(`${this.prefix}|${name}`, JSON.stringify(value));
+  }
+  setString(name, value) {
+    localStorage.setItem(`${this.prefix}|${name}`, value);
+  }
+  setStringArray(name, value) {
+    localStorage.setItem(`${this.prefix}|${name}`, value.join(","));
+  }
+};
+
+// src/contexts/AppSettings/Storage.ts
+var AppSettingsStorage = class extends AppSettingsStorageBase {
+  constructor(prefix = "AppSettings", defaults) {
+    super(prefix, { ...appSettingDefault(), ...defaults });
+  }
+  get darkMode() {
+    return this.getBoolean("darkmode" /* DarkMode */);
+  }
+  set darkMode(value) {
+    this.setBoolean("darkmode" /* DarkMode */, value);
+  }
+  get developerMode() {
+    return this.getBoolean("developer" /* Developer */);
+  }
+  set developerMode(value) {
+    this.setBoolean("developer" /* Developer */, value);
+  }
+  get maxAccounts() {
+    return this.getNumber("maxAccounts" /* MaxAccounts */);
+  }
+  set maxAccounts(value) {
+    this.setNumber("maxAccounts" /* MaxAccounts */, value);
+  }
+  get navigationCollapsed() {
+    return this.getBoolean("navigationCollapsed" /* NavigationCollapsed */);
+  }
+  set navigationCollapsed(value) {
+    this.setBoolean("navigationCollapsed" /* NavigationCollapsed */, value);
+  }
+  get navigationType() {
+    return this.getString("navigationType" /* NavigationType */);
+  }
+  set navigationType(value) {
+    this.setString("navigationType" /* NavigationType */, value);
+  }
+  get seedPhrase() {
+    return this.getString("seedPhrase" /* SeedPhrase */);
+  }
+  set seedPhrase(value) {
+    this.setString("seedPhrase" /* SeedPhrase */, value);
+  }
+};
+
+// src/contexts/AppSettings/Provider.tsx
+import { jsx } from "react/jsx-runtime";
+var AppSettingsProvider = ({
+  storage = new AppSettingsStorage(),
+  value,
+  children,
+  ...props
+}) => {
+  const [developerMode, setDeveloperMode] = useState(storage.developerMode);
+  const [darkMode, setDarkMode] = useState(storage.darkMode);
+  const [navigationType, setNavigationType] = useState(storage.navigationType);
+  const [navigationCollapsed, setNavigationCollapsed] = useState(storage.navigationCollapsed);
+  const [seedPhrase, setSeedPhrase] = useState(storage.seedPhrase);
+  const [maxAccounts, setMaxAccounts] = useState(storage.maxAccounts);
+  const enableDeveloperMode = (value2) => {
+    storage.developerMode = value2;
+    setDeveloperMode(storage.developerMode);
+  };
+  const enableDarkMode = (value2) => {
+    storage.darkMode = value2;
+    setDarkMode(storage.darkMode);
+  };
+  const changeNavigationType = (value2) => {
+    storage.navigationType = value2;
+    setNavigationType(value2);
+  };
+  const changeNavigationCollapsed = (value2) => {
+    storage.navigationCollapsed = value2;
+    setNavigationCollapsed(value2);
+  };
+  const changeSeedPhrase = (value2) => {
+    storage.seedPhrase = value2;
+    setSeedPhrase(value2);
+  };
+  const changeMaxAccounts = (value2) => {
+    storage.maxAccounts = value2;
+    setMaxAccounts(value2);
+  };
+  return /* @__PURE__ */ jsx(
+    AppSettingsContext.Provider,
+    {
+      value: {
+        changeMaxAccounts,
+        changeNavigationCollapsed,
+        changeNavigationType,
+        changeSeedPhrase,
+        darkMode,
+        developerMode,
+        enableDarkMode,
+        enableDeveloperMode,
+        maxAccounts,
+        navigationCollapsed,
+        navigationType,
+        seedPhrase,
+        ...value
+      },
+      ...props,
+      children
+    }
+  );
+};
+
+// src/contexts/AppSettings/useAppSettings.ts
+import { useContext } from "react";
+var useAppSettings = () => {
+  return useContext(AppSettingsContext);
+};
+
+// src/components/DarkModeIconButton.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var DarkModeIconButton = (props) => {
+  const { darkMode, enableDarkMode } = useAppSettings();
+  const handleDarkModeChange = () => {
+    enableDarkMode?.(!darkMode);
+  };
+  return /* @__PURE__ */ jsx2(IconButton, { onClick: handleDarkModeChange, ...props, children: darkMode ? /* @__PURE__ */ jsx2(DarkModeRoundedIcon, {}) : /* @__PURE__ */ jsx2(LightModeRoundedIcon, {}) });
+};
+
+// src/components/Developer.tsx
+var Developer = ({ children = null }) => {
+  const { developerMode } = useAppSettings();
+  return developerMode ? children : null;
+};
+export {
+  AppSettingSlug,
+  AppSettingsContext,
+  AppSettingsProvider,
+  AppSettingsStorage,
+  AppSettingsStorageBase,
+  DarkModeIconButton,
+  Developer,
+  useAppSettings
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +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 { IconButton, IconButtonProps } from '@mui/material'\n\nimport { useAppSettings } from '../contexts'\n\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 ? <DarkModeRoundedIcon /> : <LightModeRoundedIcon />}\n    </IconButton>\n  )\n}\n","import { createContext } from 'react'\n\nimport { WebAppNavigationType } from '../../WebAppNavigationType'\nimport { appSettingDefault } from './appSettingDefault'\n\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\nexport const AppSettingsContext = createContext<AppSettingsContextProps>(appSettingDefault())\n","export enum AppSettingSlug {\n  DarkMode = 'darkmode',\n  Developer = 'developer',\n  NavigationType = 'navigationType',\n  NavigationCollapsed = 'navigationCollapsed',\n  SeedPhrase = 'seedPhrase',\n  MaxAccounts = 'maxAccounts',\n}\n","import { AppSettingSlug } from './Slug'\n\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 { WithChildren } from '@xylabs/react-shared'\nimport { ProviderProps, useState } from 'react'\n\nimport { WebAppNavigationType } from '../../WebAppNavigationType'\nimport { AppSettingsContext, AppSettingsContextProps } from './Context'\nimport { AppSettingsStorage } from './Storage'\n\nexport interface AppSettingsProviderProps<T extends AppSettingsContextProps = AppSettingsContextProps> extends ProviderProps<T> {\n  storage?: AppSettingsStorage\n}\n\nexport const AppSettingsProvider: React.FC<WithChildren<AppSettingsProviderProps>> = ({\n  storage = new AppSettingsStorage(),\n  value,\n  children,\n  ...props\n}) => {\n  const [developerMode, setDeveloperMode] = useState(storage.developerMode)\n  const [darkMode, setDarkMode] = useState(storage.darkMode)\n  const [navigationType, setNavigationType] = useState(storage.navigationType)\n  const [navigationCollapsed, setNavigationCollapsed] = useState(storage.navigationCollapsed)\n  const [seedPhrase, setSeedPhrase] = useState(storage.seedPhrase)\n  const [maxAccounts, setMaxAccounts] = useState(storage.maxAccounts)\n\n  const enableDeveloperMode = (value: boolean) => {\n    storage.developerMode = value\n    setDeveloperMode(storage.developerMode)\n  }\n\n  const enableDarkMode = (value: boolean) => {\n    storage.darkMode = value\n    setDarkMode(storage.darkMode)\n  }\n\n  const changeNavigationType = (value: WebAppNavigationType) => {\n    storage.navigationType = value\n    setNavigationType(value)\n  }\n\n  const changeNavigationCollapsed = (value: boolean) => {\n    storage.navigationCollapsed = value\n    setNavigationCollapsed(value)\n  }\n\n  const changeSeedPhrase = (value: string) => {\n    storage.seedPhrase = value\n    setSeedPhrase(value)\n  }\n\n  const changeMaxAccounts = (value: number) => {\n    storage.maxAccounts = value\n    setMaxAccounts(value)\n  }\n\n  return (\n    <AppSettingsContext.Provider\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.Provider>\n  )\n}\n","import { assertEx } from '@xylabs/assert'\nimport { assertDefinedEx } from '@xyo-network/react-shared'\n\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  public 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  public 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 parseFloat(storedValue)\n  }\n\n  public 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  public 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  public 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  public setBoolean(name: string, value: boolean) {\n    localStorage.setItem(`${this.prefix}|${name}`, JSON.stringify(value))\n  }\n\n  public setNumber(name: string, value: number) {\n    localStorage.setItem(`${this.prefix}|${name}`, JSON.stringify(value))\n  }\n\n  public setObject<T>(name: string, value: T) {\n    localStorage.setItem(`${this.prefix}|${name}`, JSON.stringify(value))\n  }\n\n  public setString(name: string, value: string) {\n    localStorage.setItem(`${this.prefix}|${name}`, value)\n  }\n\n  public setStringArray(name: string, value: string[]) {\n    localStorage.setItem(`${this.prefix}|${name}`, value.join(','))\n  }\n}\n","import { WebAppNavigationType } from '../../WebAppNavigationType'\nimport { appSettingDefault } from './appSettingDefault'\nimport { AppSettingSlug } from './Slug'\nimport { AppSettingsStorageBase } from './StorageBase'\n\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 { useContext } from 'react'\n\nimport { AppSettingsContext } from './Context'\n\nexport const useAppSettings = () => {\n  return useContext(AppSettingsContext)\n}\n","import { ReactElement } from 'react'\n\nimport { useAppSettings } from '../contexts'\n\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":["AppSettingSlug","value","jsx"]}

package/package.json

@@ -11,8 +11,8 @@
   },
   "dependencies": {
     "@xylabs/assert": "^2.11.7",
-    "@xylabs/react-shared": "~2.19.1",
-    "@xyo-network/react-shared": "~2.63.1"
+    "@xylabs/react-shared": "^3.1.0-rc.3",
+    "@xyo-network/react-shared": "~2.64.0-rc.1"
   },
   "peerDependencies": {
     "@mui/icons-material": "^5",
@@ -24,31 +24,39 @@
     "react-router-dom": "^6.3.0"
   },
   "devDependencies": {
-    "@xylabs/ts-scripts-yarn3": "^2.19.12",
+    "@xylabs/ts-scripts-yarn3": "^3.0.28",
     "typescript": "^5.2.2"
   },
   "description": "Common React library for all XYO projects that use React",
-  "browser": "dist/esm/index.js",
   "docs": "dist/docs.json",
   "exports": {
     ".": {
       "node": {
-        "import": "./dist/esm/index.js",
-        "require": "./dist/cjs/index.js"
+        "import": {
+          "types": "./dist/index.d.mts",
+          "default": "./dist/index.mjs"
+        },
+        "require": {
+          "types": "./dist/index.d.ts",
+          "default": "./dist/index.js"
+        }
       },
       "browser": {
-        "import": "./dist/esm/index.js",
-        "require": "./dist/cjs/index.js"
+        "import": {
+          "types": "./dist/index.d.mts",
+          "default": "./dist/index.mjs"
+        },
+        "require": {
+          "types": "./dist/index.d.ts",
+          "default": "./dist/index.js"
+        }
       },
-      "default": "./dist/esm/index.js"
-    },
-    "./dist/docs.json": {
-      "default": "./dist/docs.json"
+      "default": "./dist/index.mjs"
     },
     "./package.json": "./package.json"
   },
-  "main": "dist/cjs/index.js",
-  "module": "dist/esm/index.js",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
   "homepage": "https://xyo.network",
   "keywords": [
     "xyo",
@@ -69,6 +77,7 @@
     "license": "yarn license-checker --exclude \"MIT, ISC, Apache-2.0, BSD, BSD-2-Clause, CC-BY-4.0, Unlicense, CC-BY-3.0, CC0-1.0\""
   },
   "sideEffects": false,
-  "types": "dist/types/index.d.ts",
-  "version": "2.63.1"
+  "types": "dist/index.d.ts",
+  "version": "2.64.0-rc.1",
+  "stableVersion": "2.63.1"
 }

package/src/components/DarkModeIconButton.tsx

@@ -1,5 +1,4 @@
-import DarkModeRoundedIcon from '@mui/icons-material/DarkModeRounded'
-import LightModeRoundedIcon from '@mui/icons-material/LightModeRounded'
+import { DarkModeRounded as DarkModeRoundedIcon, LightModeRounded as LightModeRoundedIcon } from '@mui/icons-material'
 import { IconButton, IconButtonProps } from '@mui/material'
 
 import { useAppSettings } from '../contexts'

package/dist/cjs/WebAppNavigationType.js

@@ -1,3 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=WebAppNavigationType.js.map

package/dist/cjs/WebAppNavigationType.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"WebAppNavigationType.js","sourceRoot":"","sources":["../../src/WebAppNavigationType.ts"],"names":[],"mappings":""}

package/dist/cjs/components/DarkModeIconButton.js

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DarkModeIconButton = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const DarkModeRounded_1 = tslib_1.__importDefault(require("@mui/icons-material/DarkModeRounded"));
-const LightModeRounded_1 = tslib_1.__importDefault(require("@mui/icons-material/LightModeRounded"));
-const material_1 = require("@mui/material");
-const contexts_1 = require("../contexts");
-const DarkModeIconButton = (props) => {
-    const { darkMode, enableDarkMode } = (0, contexts_1.useAppSettings)();
-    const handleDarkModeChange = () => {
-        enableDarkMode === null || enableDarkMode === void 0 ? void 0 : enableDarkMode(!darkMode);
-    };
-    return ((0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ onClick: handleDarkModeChange }, props, { children: darkMode ? (0, jsx_runtime_1.jsx)(DarkModeRounded_1.default, {}) : (0, jsx_runtime_1.jsx)(LightModeRounded_1.default, {}) })));
-};
-exports.DarkModeIconButton = DarkModeIconButton;
-//# sourceMappingURL=DarkModeIconButton.js.map

package/dist/cjs/components/DarkModeIconButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DarkModeIconButton.js","sourceRoot":"","sources":["../../../src/components/DarkModeIconButton.tsx"],"names":[],"mappings":";;;;;AAAA,kGAAqE;AACrE,oGAAuE;AACvE,4CAA2D;AAE3D,0CAA4C;AAErC,MAAM,kBAAkB,GAA8B,CAAC,KAAK,EAAE,EAAE;IACrE,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,GAAG,IAAA,yBAAc,GAAE,CAAA;IAErD,MAAM,oBAAoB,GAAG,GAAG,EAAE;QAChC,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAG,CAAC,QAAQ,CAAC,CAAA;IAC7B,CAAC,CAAA;IAED,OAAO,CACL,uBAAC,qBAAU,kBAAC,OAAO,EAAE,oBAAoB,IAAM,KAAK,cACjD,QAAQ,CAAC,CAAC,CAAC,uBAAC,yBAAmB,KAAG,CAAC,CAAC,CAAC,uBAAC,0BAAoB,KAAG,IACnD,CACd,CAAA;AACH,CAAC,CAAA;AAZY,QAAA,kBAAkB,sBAY9B"}

package/dist/cjs/components/Developer.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Developer = void 0;
-const contexts_1 = require("../contexts");
-const Developer = ({ children = null }) => {
-    const { developerMode } = (0, contexts_1.useAppSettings)();
-    return developerMode ? children : null;
-};
-exports.Developer = Developer;
-//# sourceMappingURL=Developer.js.map

package/dist/cjs/components/Developer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Developer.js","sourceRoot":"","sources":["../../../src/components/Developer.tsx"],"names":[],"mappings":";;;AAEA,0CAA4C;AAErC,MAAM,SAAS,GAAyC,CAAC,EAAE,QAAQ,GAAG,IAAI,EAAE,EAAE,EAAE;IACrF,MAAM,EAAE,aAAa,EAAE,GAAG,IAAA,yBAAc,GAAE,CAAA;IAE1C,OAAO,aAAa,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAA;AACxC,CAAC,CAAA;AAJY,QAAA,SAAS,aAIrB"}

package/dist/cjs/components/index.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./DarkModeIconButton"), exports);
-tslib_1.__exportStar(require("./Developer"), exports);
-//# sourceMappingURL=index.js.map

package/dist/cjs/components/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;AAAA,+DAAoC;AACpC,sDAA2B"}

package/dist/cjs/contexts/AppSettings/Context.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AppSettingsContext = void 0;
-const react_1 = require("react");
-const appSettingDefault_1 = require("./appSettingDefault");
-exports.AppSettingsContext = (0, react_1.createContext)((0, appSettingDefault_1.appSettingDefault)());
-//# sourceMappingURL=Context.js.map

package/dist/cjs/contexts/AppSettings/Context.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Context.js","sourceRoot":"","sources":["../../../../src/contexts/AppSettings/Context.ts"],"names":[],"mappings":";;;AAAA,iCAAqC;AAGrC,2DAAuD;AAiB1C,QAAA,kBAAkB,GAAG,IAAA,qBAAa,EAA0B,IAAA,qCAAiB,GAAE,CAAC,CAAA"}

package/dist/cjs/contexts/AppSettings/Provider.js

@@ -1,55 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AppSettingsProvider = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const Context_1 = require("./Context");
-const Storage_1 = require("./Storage");
-const AppSettingsProvider = (_a) => {
-    var { storage = new Storage_1.AppSettingsStorage(), value, children } = _a, props = tslib_1.__rest(_a, ["storage", "value", "children"]);
-    const [developerMode, setDeveloperMode] = (0, react_1.useState)(storage.developerMode);
-    const [darkMode, setDarkMode] = (0, react_1.useState)(storage.darkMode);
-    const [navigationType, setNavigationType] = (0, react_1.useState)(storage.navigationType);
-    const [navigationCollapsed, setNavigationCollapsed] = (0, react_1.useState)(storage.navigationCollapsed);
-    const [seedPhrase, setSeedPhrase] = (0, react_1.useState)(storage.seedPhrase);
-    const [maxAccounts, setMaxAccounts] = (0, react_1.useState)(storage.maxAccounts);
-    const enableDeveloperMode = (value) => {
-        storage.developerMode = value;
-        setDeveloperMode(storage.developerMode);
-    };
-    const enableDarkMode = (value) => {
-        storage.darkMode = value;
-        setDarkMode(storage.darkMode);
-    };
-    const changeNavigationType = (value) => {
-        storage.navigationType = value;
-        setNavigationType(value);
-    };
-    const changeNavigationCollapsed = (value) => {
-        storage.navigationCollapsed = value;
-        setNavigationCollapsed(value);
-    };
-    const changeSeedPhrase = (value) => {
-        storage.seedPhrase = value;
-        setSeedPhrase(value);
-    };
-    const changeMaxAccounts = (value) => {
-        storage.maxAccounts = value;
-        setMaxAccounts(value);
-    };
-    return ((0, jsx_runtime_1.jsx)(Context_1.AppSettingsContext.Provider, Object.assign({ value: Object.assign({ changeMaxAccounts,
-            changeNavigationCollapsed,
-            changeNavigationType,
-            changeSeedPhrase,
-            darkMode,
-            developerMode,
-            enableDarkMode,
-            enableDeveloperMode,
-            maxAccounts,
-            navigationCollapsed,
-            navigationType,
-            seedPhrase }, value) }, props, { children: children })));
-};
-exports.AppSettingsProvider = AppSettingsProvider;
-//# sourceMappingURL=Provider.js.map

package/dist/cjs/contexts/AppSettings/Provider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Provider.js","sourceRoot":"","sources":["../../../../src/contexts/AppSettings/Provider.tsx"],"names":[],"mappings":";;;;;AACA,iCAA+C;AAG/C,uCAAuE;AACvE,uCAA8C;AAMvC,MAAM,mBAAmB,GAAqD,CAAC,EAKrF,EAAE,EAAE;QALiF,EACpF,OAAO,GAAG,IAAI,4BAAkB,EAAE,EAClC,KAAK,EACL,QAAQ,OAET,EADI,KAAK,sBAJ4E,gCAKrF,CADS;IAER,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,EAAC,OAAO,CAAC,aAAa,CAAC,CAAA;IACzE,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAC,OAAO,CAAC,QAAQ,CAAC,CAAA;IAC1D,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,IAAA,gBAAQ,EAAC,OAAO,CAAC,cAAc,CAAC,CAAA;IAC5E,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,IAAA,gBAAQ,EAAC,OAAO,CAAC,mBAAmB,CAAC,CAAA;IAC3F,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,OAAO,CAAC,UAAU,CAAC,CAAA;IAChE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAC,OAAO,CAAC,WAAW,CAAC,CAAA;IAEnE,MAAM,mBAAmB,GAAG,CAAC,KAAc,EAAE,EAAE;QAC7C,OAAO,CAAC,aAAa,GAAG,KAAK,CAAA;QAC7B,gBAAgB,CAAC,OAAO,CAAC,aAAa,CAAC,CAAA;IACzC,CAAC,CAAA;IAED,MAAM,cAAc,GAAG,CAAC,KAAc,EAAE,EAAE;QACxC,OAAO,CAAC,QAAQ,GAAG,KAAK,CAAA;QACxB,WAAW,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAA;IAC/B,CAAC,CAAA;IAED,MAAM,oBAAoB,GAAG,CAAC,KAA2B,EAAE,EAAE;QAC3D,OAAO,CAAC,cAAc,GAAG,KAAK,CAAA;QAC9B,iBAAiB,CAAC,KAAK,CAAC,CAAA;IAC1B,CAAC,CAAA;IAED,MAAM,yBAAyB,GAAG,CAAC,KAAc,EAAE,EAAE;QACnD,OAAO,CAAC,mBAAmB,GAAG,KAAK,CAAA;QACnC,sBAAsB,CAAC,KAAK,CAAC,CAAA;IAC/B,CAAC,CAAA;IAED,MAAM,gBAAgB,GAAG,CAAC,KAAa,EAAE,EAAE;QACzC,OAAO,CAAC,UAAU,GAAG,KAAK,CAAA;QAC1B,aAAa,CAAC,KAAK,CAAC,CAAA;IACtB,CAAC,CAAA;IAED,MAAM,iBAAiB,GAAG,CAAC,KAAa,EAAE,EAAE;QAC1C,OAAO,CAAC,WAAW,GAAG,KAAK,CAAA;QAC3B,cAAc,CAAC,KAAK,CAAC,CAAA;IACvB,CAAC,CAAA;IAED,OAAO,CACL,uBAAC,4BAAkB,CAAC,QAAQ,kBAC1B,KAAK,kBACH,iBAAiB;YACjB,yBAAyB;YACzB,oBAAoB;YACpB,gBAAgB;YAChB,QAAQ;YACR,aAAa;YACb,cAAc;YACd,mBAAmB;YACnB,WAAW;YACX,mBAAmB;YACnB,cAAc;YACd,UAAU,IAEP,KAAK,KAEN,KAAK,cAER,QAAQ,IACmB,CAC/B,CAAA;AACH,CAAC,CAAA;AAlEY,QAAA,mBAAmB,uBAkE/B"}

package/dist/cjs/contexts/AppSettings/Slug.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AppSettingSlug = void 0;
-var AppSettingSlug;
-(function (AppSettingSlug) {
-    AppSettingSlug["DarkMode"] = "darkmode";
-    AppSettingSlug["Developer"] = "developer";
-    AppSettingSlug["NavigationType"] = "navigationType";
-    AppSettingSlug["NavigationCollapsed"] = "navigationCollapsed";
-    AppSettingSlug["SeedPhrase"] = "seedPhrase";
-    AppSettingSlug["MaxAccounts"] = "maxAccounts";
-})(AppSettingSlug = exports.AppSettingSlug || (exports.AppSettingSlug = {}));
-//# sourceMappingURL=Slug.js.map

package/dist/cjs/contexts/AppSettings/Slug.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Slug.js","sourceRoot":"","sources":["../../../../src/contexts/AppSettings/Slug.ts"],"names":[],"mappings":";;;AAAA,IAAY,cAOX;AAPD,WAAY,cAAc;IACxB,uCAAqB,CAAA;IACrB,yCAAuB,CAAA;IACvB,mDAAiC,CAAA;IACjC,6DAA2C,CAAA;IAC3C,2CAAyB,CAAA;IACzB,6CAA2B,CAAA;AAC7B,CAAC,EAPW,cAAc,GAAd,sBAAc,KAAd,sBAAc,QAOzB"}

package/dist/cjs/contexts/AppSettings/Storage.js

@@ -1,49 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AppSettingsStorage = void 0;
-const appSettingDefault_1 = require("./appSettingDefault");
-const Slug_1 = require("./Slug");
-const StorageBase_1 = require("./StorageBase");
-class AppSettingsStorage extends StorageBase_1.AppSettingsStorageBase {
-    constructor(prefix = 'AppSettings', defaults) {
-        super(prefix, Object.assign(Object.assign({}, (0, appSettingDefault_1.appSettingDefault)()), defaults));
-    }
-    get darkMode() {
-        return this.getBoolean(Slug_1.AppSettingSlug.DarkMode);
-    }
-    set darkMode(value) {
-        this.setBoolean(Slug_1.AppSettingSlug.DarkMode, value);
-    }
-    get developerMode() {
-        return this.getBoolean(Slug_1.AppSettingSlug.Developer);
-    }
-    set developerMode(value) {
-        this.setBoolean(Slug_1.AppSettingSlug.Developer, value);
-    }
-    get maxAccounts() {
-        return this.getNumber(Slug_1.AppSettingSlug.MaxAccounts);
-    }
-    set maxAccounts(value) {
-        this.setNumber(Slug_1.AppSettingSlug.MaxAccounts, value);
-    }
-    get navigationCollapsed() {
-        return this.getBoolean(Slug_1.AppSettingSlug.NavigationCollapsed);
-    }
-    set navigationCollapsed(value) {
-        this.setBoolean(Slug_1.AppSettingSlug.NavigationCollapsed, value);
-    }
-    get navigationType() {
-        return this.getString(Slug_1.AppSettingSlug.NavigationType);
-    }
-    set navigationType(value) {
-        this.setString(Slug_1.AppSettingSlug.NavigationType, value);
-    }
-    get seedPhrase() {
-        return this.getString(Slug_1.AppSettingSlug.SeedPhrase);
-    }
-    set seedPhrase(value) {
-        this.setString(Slug_1.AppSettingSlug.SeedPhrase, value);
-    }
-}
-exports.AppSettingsStorage = AppSettingsStorage;
-//# sourceMappingURL=Storage.js.map

package/dist/cjs/contexts/AppSettings/Storage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Storage.js","sourceRoot":"","sources":["../../../../src/contexts/AppSettings/Storage.ts"],"names":[],"mappings":";;;AACA,2DAAuD;AACvD,iCAAuC;AACvC,+CAAsD;AAEtD,MAAa,kBAAmB,SAAQ,oCAAsB;IAC5D,YAAY,MAAM,GAAG,aAAa,EAAE,QAAkC;QACpE,KAAK,CAAC,MAAM,kCAAO,IAAA,qCAAiB,GAAE,GAAK,QAAQ,EAAG,CAAA;IACxD,CAAC;IAED,IAAI,QAAQ;QACV,OAAO,IAAI,CAAC,UAAU,CAAC,qBAAc,CAAC,QAAQ,CAAC,CAAA;IACjD,CAAC;IAED,IAAI,QAAQ,CAAC,KAAc;QACzB,IAAI,CAAC,UAAU,CAAC,qBAAc,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAA;IACjD,CAAC;IAED,IAAI,aAAa;QACf,OAAO,IAAI,CAAC,UAAU,CAAC,qBAAc,CAAC,SAAS,CAAC,CAAA;IAClD,CAAC;IAED,IAAI,aAAa,CAAC,KAAc;QAC9B,IAAI,CAAC,UAAU,CAAC,qBAAc,CAAC,SAAS,EAAE,KAAK,CAAC,CAAA;IAClD,CAAC;IAED,IAAI,WAAW;QACb,OAAO,IAAI,CAAC,SAAS,CAAC,qBAAc,CAAC,WAAW,CAAC,CAAA;IACnD,CAAC;IAED,IAAI,WAAW,CAAC,KAAa;QAC3B,IAAI,CAAC,SAAS,CAAC,qBAAc,CAAC,WAAW,EAAE,KAAK,CAAC,CAAA;IACnD,CAAC;IAED,IAAI,mBAAmB;QACrB,OAAO,IAAI,CAAC,UAAU,CAAC,qBAAc,CAAC,mBAAmB,CAAC,CAAA;IAC5D,CAAC;IAED,IAAI,mBAAmB,CAAC,KAAc;QACpC,IAAI,CAAC,UAAU,CAAC,qBAAc,CAAC,mBAAmB,EAAE,KAAK,CAAC,CAAA;IAC5D,CAAC;IAED,IAAI,cAAc;QAChB,OAAO,IAAI,CAAC,SAAS,CAAC,qBAAc,CAAC,cAAc,CAAyB,CAAA;IAC9E,CAAC;IAED,IAAI,cAAc,CAAC,KAA2B;QAC5C,IAAI,CAAC,SAAS,CAAC,qBAAc,CAAC,cAAc,EAAE,KAAK,CAAC,CAAA;IACtD,CAAC;IAED,IAAI,UAAU;QACZ,OAAO,IAAI,CAAC,SAAS,CAAC,qBAAc,CAAC,UAAU,CAAC,CAAA;IAClD,CAAC;IAED,IAAI,UAAU,CAAC,KAAa;QAC1B,IAAI,CAAC,SAAS,CAAC,qBAAc,CAAC,UAAU,EAAE,KAAK,CAAC,CAAA;IAClD,CAAC;CACF;AApDD,gDAoDC"}

package/dist/cjs/contexts/AppSettings/StorageBase.js

@@ -1,78 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AppSettingsStorageBase = void 0;
-const assert_1 = require("@xylabs/assert");
-const react_shared_1 = require("@xyo-network/react-shared");
-class AppSettingsStorageBase {
-    constructor(prefix = 'AppSettings', defaults) {
-        this.prefix = prefix;
-        this.defaults = defaults !== null && defaults !== void 0 ? defaults : {};
-    }
-    getBoolean(name) {
-        const storedValue = localStorage.getItem(`${this.prefix}|${name}`);
-        if (!storedValue) {
-            (0, assert_1.assertEx)(typeof this.defaults[name] === 'boolean', 'Default value is not boolean');
-            const defaultValue = this.defaults[name];
-            (0, assert_1.assertEx)(defaultValue !== undefined, `Missing Default for ${name}`);
-            return defaultValue;
-        }
-        return storedValue !== 'false';
-    }
-    getNumber(name) {
-        const storedValue = localStorage.getItem(`${this.prefix}|${name}`);
-        if (!storedValue) {
-            (0, assert_1.assertEx)(typeof this.defaults[name] === 'number', 'Default value is not a number');
-            const defaultValue = this.defaults[name];
-            (0, assert_1.assertEx)(defaultValue !== undefined, `Missing Default for ${name}`);
-            return defaultValue;
-        }
-        return parseFloat(storedValue);
-    }
-    getObject(name) {
-        const storedValue = localStorage.getItem(`${this.prefix}|${name}`);
-        const parsedStoredValue = storedValue ? JSON.parse(storedValue) : null;
-        if (!parsedStoredValue) {
-            (0, assert_1.assertEx)(typeof this.defaults[name] === 'object', 'Default value is not object');
-            return (0, assert_1.assertEx)(this.defaults[name], `Missing Default for ${name}`);
-        }
-        return parsedStoredValue;
-    }
-    getString(name) {
-        const storedValue = localStorage.getItem(`${this.prefix}|${name}`);
-        if (!storedValue) {
-            (0, react_shared_1.assertDefinedEx)(typeof this.defaults[name] === 'string', 'Default value is not string');
-            const defaultValue = this.defaults[name];
-            (0, assert_1.assertEx)(defaultValue !== undefined, `Missing Default for ${name}`);
-            return defaultValue;
-        }
-        return storedValue;
-    }
-    getStringArray(name) {
-        var _a;
-        const storedValue = (_a = localStorage.getItem(`${this.prefix}|${name}`)) === null || _a === void 0 ? void 0 : _a.split(',');
-        if (!storedValue) {
-            (0, react_shared_1.assertDefinedEx)(Array.isArray(this.defaults[name]), 'Default value is not array');
-            const defaultValue = this.defaults[name];
-            (0, assert_1.assertEx)(defaultValue !== undefined, `Missing Default for ${name}`);
-            return defaultValue;
-        }
-        return storedValue;
-    }
-    setBoolean(name, value) {
-        localStorage.setItem(`${this.prefix}|${name}`, JSON.stringify(value));
-    }
-    setNumber(name, value) {
-        localStorage.setItem(`${this.prefix}|${name}`, JSON.stringify(value));
-    }
-    setObject(name, value) {
-        localStorage.setItem(`${this.prefix}|${name}`, JSON.stringify(value));
-    }
-    setString(name, value) {
-        localStorage.setItem(`${this.prefix}|${name}`, value);
-    }
-    setStringArray(name, value) {
-        localStorage.setItem(`${this.prefix}|${name}`, value.join(','));
-    }
-}
-exports.AppSettingsStorageBase = AppSettingsStorageBase;
-//# sourceMappingURL=StorageBase.js.map