@xyo-network/react-wallet 2.64.0-rc.2 → 2.64.0-rc.4

package/dist/node/components/WalletAccountSelect/WalletAccountSelect.stories.mjs

@@ -0,0 +1,44 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Stack } from "@mui/material";
+import { DefaultSeedPhrase } from "@xyo-network/react-storybook";
+import { WalletProvider } from "../../contexts";
+import { useWallet } from "../../hooks";
+import { WalletAccountSelect } from "./Select";
+import { AccountInfo, CoinTypeWalletInfo, RootWalletInfo, SelectedWalletInfo, WalletInfo } from "./WalletInfo";
+const StorybookEntry = {
+  argTypes: {},
+  component: WalletAccountSelect,
+  parameters: {
+    docs: {
+      page: null
+    }
+  },
+  title: "wallet/WalletAccountSelect"
+};
+const Template = (args) => {
+  return /* @__PURE__ */ jsx(WalletAccountSelect, { ...args });
+};
+const WithWalletTemplate = (args) => {
+  const [wallet] = useWallet({ mnemonic: DefaultSeedPhrase });
+  return /* @__PURE__ */ jsxs(WalletProvider, { rootWallet: wallet, children: [
+    /* @__PURE__ */ jsx(WalletAccountSelect, { ...args }),
+    /* @__PURE__ */ jsxs(Stack, { direction: "row", position: "absolute", right: 0, top: 0, bgcolor: "black", height: 16, children: [
+      /* @__PURE__ */ jsx(RootWalletInfo, {}),
+      /* @__PURE__ */ jsx(CoinTypeWalletInfo, {}),
+      /* @__PURE__ */ jsx(SelectedWalletInfo, {}),
+      /* @__PURE__ */ jsx(WalletInfo, {}),
+      /* @__PURE__ */ jsx(AccountInfo, {})
+    ] })
+  ] });
+};
+const Default = Template.bind({});
+Default.args = {};
+const WithWallet = WithWalletTemplate.bind({});
+WithWallet.args = {};
+var WalletAccountSelect_stories_default = StorybookEntry;
+export {
+  Default,
+  WithWallet,
+  WalletAccountSelect_stories_default as default
+};
+//# sourceMappingURL=WalletAccountSelect.stories.mjs.map

package/dist/node/components/WalletAccountSelect/WalletAccountSelect.stories.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/WalletAccountSelect/WalletAccountSelect.stories.tsx"],"sourcesContent":["import { Stack } from '@mui/material'\nimport { Meta, StoryFn } from '@storybook/react'\nimport { DefaultSeedPhrase } from '@xyo-network/react-storybook'\n\nimport { WalletProvider } from '../../contexts'\nimport { useWallet } from '../../hooks'\nimport { WalletAccountSelect } from './Select'\nimport { AccountInfo, CoinTypeWalletInfo, RootWalletInfo, SelectedWalletInfo, WalletInfo } from './WalletInfo'\n\nconst StorybookEntry = {\n  argTypes: {},\n  component: WalletAccountSelect,\n  parameters: {\n    docs: {\n      page: null,\n    },\n  },\n  title: 'wallet/WalletAccountSelect',\n} as Meta<typeof WalletAccountSelect>\n\nconst Template: StoryFn<typeof WalletAccountSelect> = (args) => {\n  return <WalletAccountSelect {...args} />\n}\n\nconst WithWalletTemplate: StoryFn<typeof WalletAccountSelect> = (args) => {\n  const [wallet] = useWallet({ mnemonic: DefaultSeedPhrase })\n  return (\n    <WalletProvider rootWallet={wallet}>\n      <WalletAccountSelect {...args} />\n      <Stack direction=\"row\" position=\"absolute\" right={0} top={0} bgcolor=\"black\" height={16}>\n        <RootWalletInfo />\n        <CoinTypeWalletInfo />\n        <SelectedWalletInfo />\n        <WalletInfo />\n        <AccountInfo />\n      </Stack>\n    </WalletProvider>\n  )\n}\n\nconst Default = Template.bind({})\nDefault.args = {}\n\nconst WithWallet = WithWalletTemplate.bind({})\nWithWallet.args = {}\n\nexport { Default, WithWallet }\n\n// eslint-disable-next-line import/no-default-export\nexport default StorybookEntry\n"],"mappings":"AAqBS,cAQH,YARG;AArBT,SAAS,aAAa;AAEtB,SAAS,yBAAyB;AAElC,SAAS,sBAAsB;AAC/B,SAAS,iBAAiB;AAC1B,SAAS,2BAA2B;AACpC,SAAS,aAAa,oBAAoB,gBAAgB,oBAAoB,kBAAkB;AAEhG,MAAM,iBAAiB;AAAA,EACrB,UAAU,CAAC;AAAA,EACX,WAAW;AAAA,EACX,YAAY;AAAA,IACV,MAAM;AAAA,MACJ,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,OAAO;AACT;AAEA,MAAM,WAAgD,CAAC,SAAS;AAC9D,SAAO,oBAAC,uBAAqB,GAAG,MAAM;AACxC;AAEA,MAAM,qBAA0D,CAAC,SAAS;AACxE,QAAM,CAAC,MAAM,IAAI,UAAU,EAAE,UAAU,kBAAkB,CAAC;AAC1D,SACE,qBAAC,kBAAe,YAAY,QAC1B;AAAA,wBAAC,uBAAqB,GAAG,MAAM;AAAA,IAC/B,qBAAC,SAAM,WAAU,OAAM,UAAS,YAAW,OAAO,GAAG,KAAK,GAAG,SAAQ,SAAQ,QAAQ,IACnF;AAAA,0BAAC,kBAAe;AAAA,MAChB,oBAAC,sBAAmB;AAAA,MACpB,oBAAC,sBAAmB;AAAA,MACpB,oBAAC,cAAW;AAAA,MACZ,oBAAC,eAAY;AAAA,OACf;AAAA,KACF;AAEJ;AAEA,MAAM,UAAU,SAAS,KAAK,CAAC,CAAC;AAChC,QAAQ,OAAO,CAAC;AAEhB,MAAM,aAAa,mBAAmB,KAAK,CAAC,CAAC;AAC7C,WAAW,OAAO,CAAC;AAKnB,IAAO,sCAAQ;","names":[]}

package/dist/node/components/WalletAccountSelect/WalletAccountSelectBar.stories.js

@@ -0,0 +1,88 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var WalletAccountSelectBar_stories_exports = {};
+__export(WalletAccountSelectBar_stories_exports, {
+  Default: () => Default,
+  WithAccountFavorites: () => WithAccountFavorites,
+  WithAdditionalAccounts: () => WithAdditionalAccounts,
+  WithWallet: () => WithWallet,
+  WithWalletIcon: () => WithWalletIcon,
+  default: () => WalletAccountSelectBar_stories_default
+});
+module.exports = __toCommonJS(WalletAccountSelectBar_stories_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react_storybook = require("@xyo-network/react-storybook");
+var import_contexts = require("../../contexts");
+var import_hooks = require("../../hooks");
+var import_SelectBar = require("./SelectBar");
+const StorybookEntry = {
+  argTypes: {},
+  component: import_SelectBar.WalletAccountSelectBar,
+  parameters: {
+    docs: {
+      page: null
+    }
+  },
+  title: "wallet/WalletAccountSelectBar"
+};
+const Template = (args) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SelectBar.WalletAccountSelectBar, { ...args });
+};
+const WithWalletTemplate = (args) => {
+  const [rootWallet] = (0, import_hooks.useWallet)({ mnemonic: import_react_storybook.DefaultSeedPhrase });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_contexts.WalletProvider, { rootWallet, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SelectBar.WalletAccountSelectBar, { ...args }) });
+};
+const WithFavoritesTemplate = (args) => {
+  const [rootWallet] = (0, import_hooks.useWallet)({ mnemonic: import_react_storybook.DefaultSeedPhrase });
+  const [wallets] = (0, import_hooks.useWallets)({ paths: ["0", "3", "5"], wallet: rootWallet });
+  const castWallets = wallets;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_contexts.WalletProvider, { rootWallet, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_SelectBar.WalletAccountSelectBar,
+    {
+      addressNames: castWallets ? {
+        [castWallets[0]?.address]: "first address",
+        [castWallets[1]?.address]: void 0,
+        [castWallets[2]?.address]: "sixth address"
+      } : {},
+      icons: true,
+      maxAccounts: 10,
+      showFavorite: true,
+      ...args
+    }
+  ) });
+};
+const Default = Template.bind({});
+Default.args = {};
+const WithWallet = WithWalletTemplate.bind({});
+WithWallet.args = {};
+const WithWalletIcon = WithWalletTemplate.bind({});
+WithWalletIcon.args = { icons: true };
+const WithAdditionalAccounts = WithWalletTemplate.bind({});
+WithAdditionalAccounts.args = { icons: true, maxAccounts: 10 };
+const WithAccountFavorites = WithFavoritesTemplate.bind({});
+var WalletAccountSelectBar_stories_default = StorybookEntry;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Default,
+  WithAccountFavorites,
+  WithAdditionalAccounts,
+  WithWallet,
+  WithWalletIcon
+});
+//# sourceMappingURL=WalletAccountSelectBar.stories.js.map

package/dist/node/components/WalletAccountSelect/WalletAccountSelectBar.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/WalletAccountSelect/WalletAccountSelectBar.stories.tsx"],"sourcesContent":["import { Meta, StoryFn } from '@storybook/react'\nimport { DefaultSeedPhrase } from '@xyo-network/react-storybook'\nimport { WalletInstance } from '@xyo-network/wallet-model'\n\nimport { WalletProvider } from '../../contexts'\nimport { useWallet, useWallets } from '../../hooks'\nimport { WalletAccountSelectBar } from './SelectBar'\n\nconst StorybookEntry = {\n  argTypes: {},\n  component: WalletAccountSelectBar,\n  parameters: {\n    docs: {\n      page: null,\n    },\n  },\n  title: 'wallet/WalletAccountSelectBar',\n} as Meta<typeof WalletAccountSelectBar>\n\nconst Template: StoryFn<typeof WalletAccountSelectBar> = (args) => {\n  return <WalletAccountSelectBar {...args}></WalletAccountSelectBar>\n}\n\nconst WithWalletTemplate: StoryFn<typeof WalletAccountSelectBar> = (args) => {\n  const [rootWallet] = useWallet({ mnemonic: DefaultSeedPhrase })\n  return (\n    <WalletProvider rootWallet={rootWallet}>\n      <WalletAccountSelectBar {...args} />\n    </WalletProvider>\n  )\n}\n\nconst WithFavoritesTemplate: StoryFn<typeof WalletAccountSelectBar> = (args) => {\n  const [rootWallet] = useWallet({ mnemonic: DefaultSeedPhrase })\n  const [wallets] = useWallets({ paths: ['0', '3', '5'], wallet: rootWallet })\n  const castWallets = wallets as WalletInstance[] | undefined\n  return (\n    <WalletProvider rootWallet={rootWallet}>\n      <WalletAccountSelectBar\n        addressNames={\n          castWallets\n            ? {\n                [castWallets[0]?.address]: 'first address',\n                [castWallets[1]?.address]: undefined,\n                [castWallets[2]?.address]: 'sixth address',\n              }\n            : {}\n        }\n        icons={true}\n        maxAccounts={10}\n        showFavorite\n        {...args}\n      />\n    </WalletProvider>\n  )\n}\n\nconst Default = Template.bind({})\nDefault.args = {}\n\nconst WithWallet = WithWalletTemplate.bind({})\nWithWallet.args = {}\n\nconst WithWalletIcon = WithWalletTemplate.bind({})\nWithWalletIcon.args = { icons: true }\n\nconst WithAdditionalAccounts = WithWalletTemplate.bind({})\nWithAdditionalAccounts.args = { icons: true, maxAccounts: 10 }\n\nconst WithAccountFavorites = WithFavoritesTemplate.bind({})\n\nexport { Default, WithAccountFavorites, WithAdditionalAccounts, WithWallet, WithWalletIcon }\n\n// eslint-disable-next-line import/no-default-export\nexport default StorybookEntry\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAoBS;AAnBT,6BAAkC;AAGlC,sBAA+B;AAC/B,mBAAsC;AACtC,uBAAuC;AAEvC,MAAM,iBAAiB;AAAA,EACrB,UAAU,CAAC;AAAA,EACX,WAAW;AAAA,EACX,YAAY;AAAA,IACV,MAAM;AAAA,MACJ,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,OAAO;AACT;AAEA,MAAM,WAAmD,CAAC,SAAS;AACjE,SAAO,4CAAC,2CAAwB,GAAG,MAAM;AAC3C;AAEA,MAAM,qBAA6D,CAAC,SAAS;AAC3E,QAAM,CAAC,UAAU,QAAI,wBAAU,EAAE,UAAU,yCAAkB,CAAC;AAC9D,SACE,4CAAC,kCAAe,YACd,sDAAC,2CAAwB,GAAG,MAAM,GACpC;AAEJ;AAEA,MAAM,wBAAgE,CAAC,SAAS;AAC9E,QAAM,CAAC,UAAU,QAAI,wBAAU,EAAE,UAAU,yCAAkB,CAAC;AAC9D,QAAM,CAAC,OAAO,QAAI,yBAAW,EAAE,OAAO,CAAC,KAAK,KAAK,GAAG,GAAG,QAAQ,WAAW,CAAC;AAC3E,QAAM,cAAc;AACpB,SACE,4CAAC,kCAAe,YACd;AAAA,IAAC;AAAA;AAAA,MACC,cACE,cACI;AAAA,QACE,CAAC,YAAY,CAAC,GAAG,OAAO,GAAG;AAAA,QAC3B,CAAC,YAAY,CAAC,GAAG,OAAO,GAAG;AAAA,QAC3B,CAAC,YAAY,CAAC,GAAG,OAAO,GAAG;AAAA,MAC7B,IACA,CAAC;AAAA,MAEP,OAAO;AAAA,MACP,aAAa;AAAA,MACb,cAAY;AAAA,MACX,GAAG;AAAA;AAAA,EACN,GACF;AAEJ;AAEA,MAAM,UAAU,SAAS,KAAK,CAAC,CAAC;AAChC,QAAQ,OAAO,CAAC;AAEhB,MAAM,aAAa,mBAAmB,KAAK,CAAC,CAAC;AAC7C,WAAW,OAAO,CAAC;AAEnB,MAAM,iBAAiB,mBAAmB,KAAK,CAAC,CAAC;AACjD,eAAe,OAAO,EAAE,OAAO,KAAK;AAEpC,MAAM,yBAAyB,mBAAmB,KAAK,CAAC,CAAC;AACzD,uBAAuB,OAAO,EAAE,OAAO,MAAM,aAAa,GAAG;AAE7D,MAAM,uBAAuB,sBAAsB,KAAK,CAAC,CAAC;AAK1D,IAAO,yCAAQ;","names":[]}

package/dist/node/components/WalletAccountSelect/WalletAccountSelectBar.stories.mjs

@@ -0,0 +1,60 @@
+import { jsx } from "react/jsx-runtime";
+import { DefaultSeedPhrase } from "@xyo-network/react-storybook";
+import { WalletProvider } from "../../contexts";
+import { useWallet, useWallets } from "../../hooks";
+import { WalletAccountSelectBar } from "./SelectBar";
+const StorybookEntry = {
+  argTypes: {},
+  component: WalletAccountSelectBar,
+  parameters: {
+    docs: {
+      page: null
+    }
+  },
+  title: "wallet/WalletAccountSelectBar"
+};
+const Template = (args) => {
+  return /* @__PURE__ */ jsx(WalletAccountSelectBar, { ...args });
+};
+const WithWalletTemplate = (args) => {
+  const [rootWallet] = useWallet({ mnemonic: DefaultSeedPhrase });
+  return /* @__PURE__ */ jsx(WalletProvider, { rootWallet, children: /* @__PURE__ */ jsx(WalletAccountSelectBar, { ...args }) });
+};
+const WithFavoritesTemplate = (args) => {
+  const [rootWallet] = useWallet({ mnemonic: DefaultSeedPhrase });
+  const [wallets] = useWallets({ paths: ["0", "3", "5"], wallet: rootWallet });
+  const castWallets = wallets;
+  return /* @__PURE__ */ jsx(WalletProvider, { rootWallet, children: /* @__PURE__ */ jsx(
+    WalletAccountSelectBar,
+    {
+      addressNames: castWallets ? {
+        [castWallets[0]?.address]: "first address",
+        [castWallets[1]?.address]: void 0,
+        [castWallets[2]?.address]: "sixth address"
+      } : {},
+      icons: true,
+      maxAccounts: 10,
+      showFavorite: true,
+      ...args
+    }
+  ) });
+};
+const Default = Template.bind({});
+Default.args = {};
+const WithWallet = WithWalletTemplate.bind({});
+WithWallet.args = {};
+const WithWalletIcon = WithWalletTemplate.bind({});
+WithWalletIcon.args = { icons: true };
+const WithAdditionalAccounts = WithWalletTemplate.bind({});
+WithAdditionalAccounts.args = { icons: true, maxAccounts: 10 };
+const WithAccountFavorites = WithFavoritesTemplate.bind({});
+var WalletAccountSelectBar_stories_default = StorybookEntry;
+export {
+  Default,
+  WithAccountFavorites,
+  WithAdditionalAccounts,
+  WithWallet,
+  WithWalletIcon,
+  WalletAccountSelectBar_stories_default as default
+};
+//# sourceMappingURL=WalletAccountSelectBar.stories.mjs.map

package/dist/node/components/WalletAccountSelect/WalletAccountSelectBar.stories.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/WalletAccountSelect/WalletAccountSelectBar.stories.tsx"],"sourcesContent":["import { Meta, StoryFn } from '@storybook/react'\nimport { DefaultSeedPhrase } from '@xyo-network/react-storybook'\nimport { WalletInstance } from '@xyo-network/wallet-model'\n\nimport { WalletProvider } from '../../contexts'\nimport { useWallet, useWallets } from '../../hooks'\nimport { WalletAccountSelectBar } from './SelectBar'\n\nconst StorybookEntry = {\n  argTypes: {},\n  component: WalletAccountSelectBar,\n  parameters: {\n    docs: {\n      page: null,\n    },\n  },\n  title: 'wallet/WalletAccountSelectBar',\n} as Meta<typeof WalletAccountSelectBar>\n\nconst Template: StoryFn<typeof WalletAccountSelectBar> = (args) => {\n  return <WalletAccountSelectBar {...args}></WalletAccountSelectBar>\n}\n\nconst WithWalletTemplate: StoryFn<typeof WalletAccountSelectBar> = (args) => {\n  const [rootWallet] = useWallet({ mnemonic: DefaultSeedPhrase })\n  return (\n    <WalletProvider rootWallet={rootWallet}>\n      <WalletAccountSelectBar {...args} />\n    </WalletProvider>\n  )\n}\n\nconst WithFavoritesTemplate: StoryFn<typeof WalletAccountSelectBar> = (args) => {\n  const [rootWallet] = useWallet({ mnemonic: DefaultSeedPhrase })\n  const [wallets] = useWallets({ paths: ['0', '3', '5'], wallet: rootWallet })\n  const castWallets = wallets as WalletInstance[] | undefined\n  return (\n    <WalletProvider rootWallet={rootWallet}>\n      <WalletAccountSelectBar\n        addressNames={\n          castWallets\n            ? {\n                [castWallets[0]?.address]: 'first address',\n                [castWallets[1]?.address]: undefined,\n                [castWallets[2]?.address]: 'sixth address',\n              }\n            : {}\n        }\n        icons={true}\n        maxAccounts={10}\n        showFavorite\n        {...args}\n      />\n    </WalletProvider>\n  )\n}\n\nconst Default = Template.bind({})\nDefault.args = {}\n\nconst WithWallet = WithWalletTemplate.bind({})\nWithWallet.args = {}\n\nconst WithWalletIcon = WithWalletTemplate.bind({})\nWithWalletIcon.args = { icons: true }\n\nconst WithAdditionalAccounts = WithWalletTemplate.bind({})\nWithAdditionalAccounts.args = { icons: true, maxAccounts: 10 }\n\nconst WithAccountFavorites = WithFavoritesTemplate.bind({})\n\nexport { Default, WithAccountFavorites, WithAdditionalAccounts, WithWallet, WithWalletIcon }\n\n// eslint-disable-next-line import/no-default-export\nexport default StorybookEntry\n"],"mappings":"AAoBS;AAnBT,SAAS,yBAAyB;AAGlC,SAAS,sBAAsB;AAC/B,SAAS,WAAW,kBAAkB;AACtC,SAAS,8BAA8B;AAEvC,MAAM,iBAAiB;AAAA,EACrB,UAAU,CAAC;AAAA,EACX,WAAW;AAAA,EACX,YAAY;AAAA,IACV,MAAM;AAAA,MACJ,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,OAAO;AACT;AAEA,MAAM,WAAmD,CAAC,SAAS;AACjE,SAAO,oBAAC,0BAAwB,GAAG,MAAM;AAC3C;AAEA,MAAM,qBAA6D,CAAC,SAAS;AAC3E,QAAM,CAAC,UAAU,IAAI,UAAU,EAAE,UAAU,kBAAkB,CAAC;AAC9D,SACE,oBAAC,kBAAe,YACd,8BAAC,0BAAwB,GAAG,MAAM,GACpC;AAEJ;AAEA,MAAM,wBAAgE,CAAC,SAAS;AAC9E,QAAM,CAAC,UAAU,IAAI,UAAU,EAAE,UAAU,kBAAkB,CAAC;AAC9D,QAAM,CAAC,OAAO,IAAI,WAAW,EAAE,OAAO,CAAC,KAAK,KAAK,GAAG,GAAG,QAAQ,WAAW,CAAC;AAC3E,QAAM,cAAc;AACpB,SACE,oBAAC,kBAAe,YACd;AAAA,IAAC;AAAA;AAAA,MACC,cACE,cACI;AAAA,QACE,CAAC,YAAY,CAAC,GAAG,OAAO,GAAG;AAAA,QAC3B,CAAC,YAAY,CAAC,GAAG,OAAO,GAAG;AAAA,QAC3B,CAAC,YAAY,CAAC,GAAG,OAAO,GAAG;AAAA,MAC7B,IACA,CAAC;AAAA,MAEP,OAAO;AAAA,MACP,aAAa;AAAA,MACb,cAAY;AAAA,MACX,GAAG;AAAA;AAAA,EACN,GACF;AAEJ;AAEA,MAAM,UAAU,SAAS,KAAK,CAAC,CAAC;AAChC,QAAQ,OAAO,CAAC;AAEhB,MAAM,aAAa,mBAAmB,KAAK,CAAC,CAAC;AAC7C,WAAW,OAAO,CAAC;AAEnB,MAAM,iBAAiB,mBAAmB,KAAK,CAAC,CAAC;AACjD,eAAe,OAAO,EAAE,OAAO,KAAK;AAEpC,MAAM,yBAAyB,mBAAmB,KAAK,CAAC,CAAC;AACzD,uBAAuB,OAAO,EAAE,OAAO,MAAM,aAAa,GAAG;AAE7D,MAAM,uBAAuB,sBAAsB,KAAK,CAAC,CAAC;AAK1D,IAAO,yCAAQ;","names":[]}

package/dist/node/components/WalletAccountSelect/WalletAccountSelectWithProvider.stories.js

@@ -0,0 +1,71 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var WalletAccountSelectWithProvider_stories_exports = {};
+__export(WalletAccountSelectWithProvider_stories_exports, {
+  Default: () => Default,
+  DefaultIcons: () => DefaultIcons,
+  DefaultSmall: () => DefaultSmall,
+  DefaultSmallIcon: () => DefaultSmallIcon,
+  IconsOnly: () => IconsOnly,
+  IconsOnlySmall: () => IconsOnlySmall,
+  default: () => WalletAccountSelectWithProvider_stories_default
+});
+module.exports = __toCommonJS(WalletAccountSelectWithProvider_stories_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react_storybook = require("@xyo-network/react-storybook");
+var import_contexts = require("../../contexts");
+var import_hooks = require("../../hooks");
+var import_Select = require("./Select");
+const StorybookEntry = {
+  argTypes: {},
+  component: import_Select.WalletAccountSelect,
+  parameters: {
+    docs: {
+      page: null
+    }
+  },
+  title: "wallet/WalletAccountSelectWithProvider"
+};
+const Template = (args) => {
+  const [rootWallet] = (0, import_hooks.useWallet)({ mnemonic: import_react_storybook.DefaultSeedPhrase });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_contexts.WalletProvider, { rootWallet, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Select.WalletAccountSelect, { ...args }) });
+};
+const Default = Template.bind({});
+Default.args = {};
+const DefaultIcons = Template.bind({});
+DefaultIcons.args = { icons: true };
+const DefaultSmall = Template.bind({});
+DefaultSmall.args = { size: "small" };
+const DefaultSmallIcon = Template.bind({});
+DefaultSmallIcon.args = { icons: true, size: "small" };
+const IconsOnly = Template.bind({});
+IconsOnly.args = { iconOnly: true, icons: true };
+const IconsOnlySmall = Template.bind({});
+IconsOnlySmall.args = { iconOnly: true, icons: true, size: "small" };
+var WalletAccountSelectWithProvider_stories_default = StorybookEntry;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Default,
+  DefaultIcons,
+  DefaultSmall,
+  DefaultSmallIcon,
+  IconsOnly,
+  IconsOnlySmall
+});
+//# sourceMappingURL=WalletAccountSelectWithProvider.stories.js.map

package/dist/node/components/WalletAccountSelect/WalletAccountSelectWithProvider.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/WalletAccountSelect/WalletAccountSelectWithProvider.stories.tsx"],"sourcesContent":["import { Meta, StoryFn } from '@storybook/react'\nimport { DefaultSeedPhrase } from '@xyo-network/react-storybook'\n\nimport { WalletProvider } from '../../contexts'\nimport { useWallet } from '../../hooks'\nimport { WalletAccountSelect } from './Select'\n\nconst StorybookEntry = {\n  argTypes: {},\n  component: WalletAccountSelect,\n  parameters: {\n    docs: {\n      page: null,\n    },\n  },\n  title: 'wallet/WalletAccountSelectWithProvider',\n} as Meta<typeof WalletAccountSelect>\n\nconst Template: StoryFn<typeof WalletAccountSelect> = (args) => {\n  const [rootWallet] = useWallet({ mnemonic: DefaultSeedPhrase })\n  return (\n    <WalletProvider rootWallet={rootWallet}>\n      <WalletAccountSelect {...args}></WalletAccountSelect>\n    </WalletProvider>\n  )\n}\n\nconst Default = Template.bind({})\nDefault.args = {}\n\nconst DefaultIcons = Template.bind({})\nDefaultIcons.args = { icons: true }\n\nconst DefaultSmall = Template.bind({})\nDefaultSmall.args = { size: 'small' }\n\nconst DefaultSmallIcon = Template.bind({})\nDefaultSmallIcon.args = { icons: true, size: 'small' }\n\nconst IconsOnly = Template.bind({})\nIconsOnly.args = { iconOnly: true, icons: true }\n\nconst IconsOnlySmall = Template.bind({})\nIconsOnlySmall.args = { iconOnly: true, icons: true, size: 'small' }\n\nexport { Default, DefaultIcons, DefaultSmall, DefaultSmallIcon, IconsOnly, IconsOnlySmall }\n\n// eslint-disable-next-line import/no-default-export\nexport default StorybookEntry\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAsBM;AArBN,6BAAkC;AAElC,sBAA+B;AAC/B,mBAA0B;AAC1B,oBAAoC;AAEpC,MAAM,iBAAiB;AAAA,EACrB,UAAU,CAAC;AAAA,EACX,WAAW;AAAA,EACX,YAAY;AAAA,IACV,MAAM;AAAA,MACJ,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,OAAO;AACT;AAEA,MAAM,WAAgD,CAAC,SAAS;AAC9D,QAAM,CAAC,UAAU,QAAI,wBAAU,EAAE,UAAU,yCAAkB,CAAC;AAC9D,SACE,4CAAC,kCAAe,YACd,sDAAC,qCAAqB,GAAG,MAAM,GACjC;AAEJ;AAEA,MAAM,UAAU,SAAS,KAAK,CAAC,CAAC;AAChC,QAAQ,OAAO,CAAC;AAEhB,MAAM,eAAe,SAAS,KAAK,CAAC,CAAC;AACrC,aAAa,OAAO,EAAE,OAAO,KAAK;AAElC,MAAM,eAAe,SAAS,KAAK,CAAC,CAAC;AACrC,aAAa,OAAO,EAAE,MAAM,QAAQ;AAEpC,MAAM,mBAAmB,SAAS,KAAK,CAAC,CAAC;AACzC,iBAAiB,OAAO,EAAE,OAAO,MAAM,MAAM,QAAQ;AAErD,MAAM,YAAY,SAAS,KAAK,CAAC,CAAC;AAClC,UAAU,OAAO,EAAE,UAAU,MAAM,OAAO,KAAK;AAE/C,MAAM,iBAAiB,SAAS,KAAK,CAAC,CAAC;AACvC,eAAe,OAAO,EAAE,UAAU,MAAM,OAAO,MAAM,MAAM,QAAQ;AAKnE,IAAO,kDAAQ;","names":[]}

package/dist/node/components/WalletAccountSelect/WalletAccountSelectWithProvider.stories.mjs

@@ -0,0 +1,42 @@
+import { jsx } from "react/jsx-runtime";
+import { DefaultSeedPhrase } from "@xyo-network/react-storybook";
+import { WalletProvider } from "../../contexts";
+import { useWallet } from "../../hooks";
+import { WalletAccountSelect } from "./Select";
+const StorybookEntry = {
+  argTypes: {},
+  component: WalletAccountSelect,
+  parameters: {
+    docs: {
+      page: null
+    }
+  },
+  title: "wallet/WalletAccountSelectWithProvider"
+};
+const Template = (args) => {
+  const [rootWallet] = useWallet({ mnemonic: DefaultSeedPhrase });
+  return /* @__PURE__ */ jsx(WalletProvider, { rootWallet, children: /* @__PURE__ */ jsx(WalletAccountSelect, { ...args }) });
+};
+const Default = Template.bind({});
+Default.args = {};
+const DefaultIcons = Template.bind({});
+DefaultIcons.args = { icons: true };
+const DefaultSmall = Template.bind({});
+DefaultSmall.args = { size: "small" };
+const DefaultSmallIcon = Template.bind({});
+DefaultSmallIcon.args = { icons: true, size: "small" };
+const IconsOnly = Template.bind({});
+IconsOnly.args = { iconOnly: true, icons: true };
+const IconsOnlySmall = Template.bind({});
+IconsOnlySmall.args = { iconOnly: true, icons: true, size: "small" };
+var WalletAccountSelectWithProvider_stories_default = StorybookEntry;
+export {
+  Default,
+  DefaultIcons,
+  DefaultSmall,
+  DefaultSmallIcon,
+  IconsOnly,
+  IconsOnlySmall,
+  WalletAccountSelectWithProvider_stories_default as default
+};
+//# sourceMappingURL=WalletAccountSelectWithProvider.stories.mjs.map

package/dist/node/components/WalletAccountSelect/WalletAccountSelectWithProvider.stories.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/WalletAccountSelect/WalletAccountSelectWithProvider.stories.tsx"],"sourcesContent":["import { Meta, StoryFn } from '@storybook/react'\nimport { DefaultSeedPhrase } from '@xyo-network/react-storybook'\n\nimport { WalletProvider } from '../../contexts'\nimport { useWallet } from '../../hooks'\nimport { WalletAccountSelect } from './Select'\n\nconst StorybookEntry = {\n  argTypes: {},\n  component: WalletAccountSelect,\n  parameters: {\n    docs: {\n      page: null,\n    },\n  },\n  title: 'wallet/WalletAccountSelectWithProvider',\n} as Meta<typeof WalletAccountSelect>\n\nconst Template: StoryFn<typeof WalletAccountSelect> = (args) => {\n  const [rootWallet] = useWallet({ mnemonic: DefaultSeedPhrase })\n  return (\n    <WalletProvider rootWallet={rootWallet}>\n      <WalletAccountSelect {...args}></WalletAccountSelect>\n    </WalletProvider>\n  )\n}\n\nconst Default = Template.bind({})\nDefault.args = {}\n\nconst DefaultIcons = Template.bind({})\nDefaultIcons.args = { icons: true }\n\nconst DefaultSmall = Template.bind({})\nDefaultSmall.args = { size: 'small' }\n\nconst DefaultSmallIcon = Template.bind({})\nDefaultSmallIcon.args = { icons: true, size: 'small' }\n\nconst IconsOnly = Template.bind({})\nIconsOnly.args = { iconOnly: true, icons: true }\n\nconst IconsOnlySmall = Template.bind({})\nIconsOnlySmall.args = { iconOnly: true, icons: true, size: 'small' }\n\nexport { Default, DefaultIcons, DefaultSmall, DefaultSmallIcon, IconsOnly, IconsOnlySmall }\n\n// eslint-disable-next-line import/no-default-export\nexport default StorybookEntry\n"],"mappings":"AAsBM;AArBN,SAAS,yBAAyB;AAElC,SAAS,sBAAsB;AAC/B,SAAS,iBAAiB;AAC1B,SAAS,2BAA2B;AAEpC,MAAM,iBAAiB;AAAA,EACrB,UAAU,CAAC;AAAA,EACX,WAAW;AAAA,EACX,YAAY;AAAA,IACV,MAAM;AAAA,MACJ,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,OAAO;AACT;AAEA,MAAM,WAAgD,CAAC,SAAS;AAC9D,QAAM,CAAC,UAAU,IAAI,UAAU,EAAE,UAAU,kBAAkB,CAAC;AAC9D,SACE,oBAAC,kBAAe,YACd,8BAAC,uBAAqB,GAAG,MAAM,GACjC;AAEJ;AAEA,MAAM,UAAU,SAAS,KAAK,CAAC,CAAC;AAChC,QAAQ,OAAO,CAAC;AAEhB,MAAM,eAAe,SAAS,KAAK,CAAC,CAAC;AACrC,aAAa,OAAO,EAAE,OAAO,KAAK;AAElC,MAAM,eAAe,SAAS,KAAK,CAAC,CAAC;AACrC,aAAa,OAAO,EAAE,MAAM,QAAQ;AAEpC,MAAM,mBAAmB,SAAS,KAAK,CAAC,CAAC;AACzC,iBAAiB,OAAO,EAAE,OAAO,MAAM,MAAM,QAAQ;AAErD,MAAM,YAAY,SAAS,KAAK,CAAC,CAAC;AAClC,UAAU,OAAO,EAAE,UAAU,MAAM,OAAO,KAAK;AAE/C,MAAM,iBAAiB,SAAS,KAAK,CAAC,CAAC;AACvC,eAAe,OAAO,EAAE,UAAU,MAAM,OAAO,MAAM,MAAM,QAAQ;AAKnE,IAAO,kDAAQ;","names":[]}

package/dist/node/components/WalletAccountSelect/WalletInfo.d.mts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { FlexBoxProps } from '@xylabs/react-flexbox';
+import { AccountInstance } from '@xyo-network/account-model';
+export interface WalletErrorProps {
+    error?: Error;
+}
+export declare const WalletError: React.FC<WalletErrorProps>;
+export interface WalletIdenticonProps {
+    account?: AccountInstance | null;
+    name: string;
+}
+export declare const WalletIdenticon: React.FC<WalletIdenticonProps>;
+export declare const CoinTypeWalletInfo: React.FC<FlexBoxProps>;
+export declare const RootWalletInfo: React.FC<FlexBoxProps>;
+export declare const SelectedWalletInfo: React.FC<FlexBoxProps>;
+export declare const WalletInfo: React.FC<FlexBoxProps>;
+export declare const AccountInfo: React.FC<FlexBoxProps>;
+//# sourceMappingURL=WalletInfo.d.ts.map

package/dist/node/components/WalletAccountSelect/WalletInfo.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WalletInfo.d.ts","sourceRoot":"","sources":["../../../../src/components/WalletAccountSelect/WalletInfo.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAG7D,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAA;AAK5D,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,KAAK,CAAA;CACd;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAYlD,CAAA;AAED,MAAM,WAAW,oBAAoB;IACnC,OAAO,CAAC,EAAE,eAAe,GAAG,IAAI,CAAA;IAChC,IAAI,EAAE,MAAM,CAAA;CACb;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAgB1D,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAQrD,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAQjD,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAQrD,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAQ7C,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAQ9C,CAAA"}

package/dist/node/components/WalletAccountSelect/WalletInfo.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { FlexBoxProps } from '@xylabs/react-flexbox';
+import { AccountInstance } from '@xyo-network/account-model';
+export interface WalletErrorProps {
+    error?: Error;
+}
+export declare const WalletError: React.FC<WalletErrorProps>;
+export interface WalletIdenticonProps {
+    account?: AccountInstance | null;
+    name: string;
+}
+export declare const WalletIdenticon: React.FC<WalletIdenticonProps>;
+export declare const CoinTypeWalletInfo: React.FC<FlexBoxProps>;
+export declare const RootWalletInfo: React.FC<FlexBoxProps>;
+export declare const SelectedWalletInfo: React.FC<FlexBoxProps>;
+export declare const WalletInfo: React.FC<FlexBoxProps>;
+export declare const AccountInfo: React.FC<FlexBoxProps>;
+//# sourceMappingURL=WalletInfo.d.ts.map

package/dist/node/components/WalletAccountSelect/WalletInfo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WalletInfo.d.ts","sourceRoot":"","sources":["../../../../src/components/WalletAccountSelect/WalletInfo.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAG7D,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAA;AAK5D,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,KAAK,CAAA;CACd;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAYlD,CAAA;AAED,MAAM,WAAW,oBAAoB;IACnC,OAAO,CAAC,EAAE,eAAe,GAAG,IAAI,CAAA;IAChC,IAAI,EAAE,MAAM,CAAA;CACb;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAgB1D,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAQrD,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAQjD,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAQrD,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAQ7C,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAQ9C,CAAA"}

package/dist/node/components/WalletAccountSelect/WalletInfo.js

@@ -0,0 +1,110 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var WalletInfo_exports = {};
+__export(WalletInfo_exports, {
+  AccountInfo: () => AccountInfo,
+  CoinTypeWalletInfo: () => CoinTypeWalletInfo,
+  RootWalletInfo: () => RootWalletInfo,
+  SelectedWalletInfo: () => SelectedWalletInfo,
+  WalletError: () => WalletError,
+  WalletIdenticon: () => WalletIdenticon,
+  WalletInfo: () => WalletInfo
+});
+module.exports = __toCommonJS(WalletInfo_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_icons_material = require("@mui/icons-material");
+var import_react_flexbox = require("@xylabs/react-flexbox");
+var import_react_identicon = require("@xylabs/react-identicon");
+var import_react_quick_tip_button = require("@xylabs/react-quick-tip-button");
+var import_contexts = require("../../contexts");
+var import_hooks = require("../../hooks");
+const WalletError = ({ error }) => {
+  return error ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons_material.ErrorOutlined, { style: { fontSize: "12px", position: "absolute" }, color: "error" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_react_quick_tip_button.QuickTipButton,
+      {
+        size: "small",
+        style: { color: "#ffffff00", fontSize: "12px", padding: 0, position: "absolute" },
+        hoverText: error.message,
+        disableDialog: true
+      }
+    )
+  ] }) : null;
+};
+const WalletIdenticon = ({ account, name }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { width: 20 }, children: [
+    account ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_identicon.Identicon, { size: 8, value: account.address, style: { position: "absolute", right: 2, top: 2 } }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons_material.Circle, { style: { fontSize: "10px", padding: 0, position: "absolute", right: 2, top: 2 }, color: "disabled" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_react_quick_tip_button.QuickTipButton,
+      {
+        size: "small",
+        style: { color: "#ffffff00", fontSize: "12px", padding: 0, position: "absolute" },
+        hoverText: `${name ?? ""}: ${account?.address ?? "no address"}`,
+        disableDialog: true
+      }
+    )
+  ] });
+};
+const CoinTypeWalletInfo = (props) => {
+  const [wallet, error] = (0, import_contexts.useCoinTypeWallet)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_flexbox.FlexCol, { width: 12, ...props, children: [
+    error ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(WalletIdenticon, { name: "CoinType", account: wallet }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(WalletError, { error })
+  ] });
+};
+const RootWalletInfo = (props) => {
+  const [wallet, error] = (0, import_contexts.useRootWallet)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_flexbox.FlexCol, { width: 12, ...props, children: [
+    error ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(WalletIdenticon, { name: "Root", account: wallet }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(WalletError, { error })
+  ] });
+};
+const SelectedWalletInfo = (props) => {
+  const [wallet, error] = (0, import_contexts.useSelectedWalletAccount)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_flexbox.FlexCol, { width: 12, ...props, children: [
+    error ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(WalletIdenticon, { name: "Selected", account: wallet }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(WalletError, { error })
+  ] });
+};
+const WalletInfo = (props) => {
+  const [wallet, error] = (0, import_hooks.useWallet)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_flexbox.FlexCol, { width: 12, ...props, children: [
+    error ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(WalletIdenticon, { name: "Wallet", account: wallet }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(WalletError, { error })
+  ] });
+};
+const AccountInfo = (props) => {
+  const [account, error] = (0, import_hooks.useAccount)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_flexbox.FlexCol, { width: 12, ...props, children: [
+    error ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(WalletIdenticon, { name: "Account", account }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(WalletError, { error })
+  ] });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AccountInfo,
+  CoinTypeWalletInfo,
+  RootWalletInfo,
+  SelectedWalletInfo,
+  WalletError,
+  WalletIdenticon,
+  WalletInfo
+});
+//# sourceMappingURL=WalletInfo.js.map

package/dist/node/components/WalletAccountSelect/WalletInfo.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/WalletAccountSelect/WalletInfo.tsx"],"sourcesContent":["import { Circle as LoadingIcon, ErrorOutlined as ErrorIcon } from '@mui/icons-material'\nimport { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'\nimport { Identicon } from '@xylabs/react-identicon'\nimport { QuickTipButton } from '@xylabs/react-quick-tip-button'\nimport { AccountInstance } from '@xyo-network/account-model'\n\nimport { useCoinTypeWallet, useRootWallet, useSelectedWalletAccount } from '../../contexts'\nimport { useAccount, useWallet } from '../../hooks'\n\nexport interface WalletErrorProps {\n  error?: Error\n}\n\nexport const WalletError: React.FC<WalletErrorProps> = ({ error }) => {\n  return error ? (\n    <div>\n      <ErrorIcon style={{ fontSize: '12px', position: 'absolute' }} color=\"error\" />\n      <QuickTipButton\n        size=\"small\"\n        style={{ color: '#ffffff00', fontSize: '12px', padding: 0, position: 'absolute' }}\n        hoverText={error.message}\n        disableDialog\n      />\n    </div>\n  ) : null\n}\n\nexport interface WalletIdenticonProps {\n  account?: AccountInstance | null\n  name: string\n}\n\nexport const WalletIdenticon: React.FC<WalletIdenticonProps> = ({ account, name }) => {\n  return (\n    <div style={{ width: 20 }}>\n      {account ? (\n        <Identicon size={8} value={account.address} style={{ position: 'absolute', right: 2, top: 2 }} />\n      ) : (\n        <LoadingIcon style={{ fontSize: '10px', padding: 0, position: 'absolute', right: 2, top: 2 }} color=\"disabled\" />\n      )}\n      <QuickTipButton\n        size=\"small\"\n        style={{ color: '#ffffff00', fontSize: '12px', padding: 0, position: 'absolute' }}\n        hoverText={`${name ?? ''}: ${account?.address ?? 'no address'}`}\n        disableDialog\n      />\n    </div>\n  )\n}\n\nexport const CoinTypeWalletInfo: React.FC<FlexBoxProps> = (props) => {\n  const [wallet, error] = useCoinTypeWallet()\n  return (\n    <FlexCol width={12} {...props}>\n      {error ? null : <WalletIdenticon name=\"CoinType\" account={wallet} />}\n      <WalletError error={error} />\n    </FlexCol>\n  )\n}\n\nexport const RootWalletInfo: React.FC<FlexBoxProps> = (props) => {\n  const [wallet, error] = useRootWallet()\n  return (\n    <FlexCol width={12} {...props}>\n      {error ? null : <WalletIdenticon name=\"Root\" account={wallet} />}\n      <WalletError error={error} />\n    </FlexCol>\n  )\n}\n\nexport const SelectedWalletInfo: React.FC<FlexBoxProps> = (props) => {\n  const [wallet, error] = useSelectedWalletAccount()\n  return (\n    <FlexCol width={12} {...props}>\n      {error ? null : <WalletIdenticon name=\"Selected\" account={wallet} />}\n      <WalletError error={error} />\n    </FlexCol>\n  )\n}\n\nexport const WalletInfo: React.FC<FlexBoxProps> = (props) => {\n  const [wallet, error] = useWallet()\n  return (\n    <FlexCol width={12} {...props}>\n      {error ? null : <WalletIdenticon name=\"Wallet\" account={wallet} />}\n      <WalletError error={error} />\n    </FlexCol>\n  )\n}\n\nexport const AccountInfo: React.FC<FlexBoxProps> = (props) => {\n  const [account, error] = useAccount()\n  return (\n    <FlexCol width={12} {...props}>\n      {error ? null : <WalletIdenticon name=\"Account\" account={account} />}\n      <WalletError error={error} />\n    </FlexCol>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAeI;AAfJ,4BAAkE;AAClE,2BAAsC;AACtC,6BAA0B;AAC1B,oCAA+B;AAG/B,sBAA2E;AAC3E,mBAAsC;AAM/B,MAAM,cAA0C,CAAC,EAAE,MAAM,MAAM;AACpE,SAAO,QACL,6CAAC,SACC;AAAA,gDAAC,sBAAAA,eAAA,EAAU,OAAO,EAAE,UAAU,QAAQ,UAAU,WAAW,GAAG,OAAM,SAAQ;AAAA,IAC5E;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAO,EAAE,OAAO,aAAa,UAAU,QAAQ,SAAS,GAAG,UAAU,WAAW;AAAA,QAChF,WAAW,MAAM;AAAA,QACjB,eAAa;AAAA;AAAA,IACf;AAAA,KACF,IACE;AACN;AAOO,MAAM,kBAAkD,CAAC,EAAE,SAAS,KAAK,MAAM;AACpF,SACE,6CAAC,SAAI,OAAO,EAAE,OAAO,GAAG,GACrB;AAAA,cACC,4CAAC,oCAAU,MAAM,GAAG,OAAO,QAAQ,SAAS,OAAO,EAAE,UAAU,YAAY,OAAO,GAAG,KAAK,EAAE,GAAG,IAE/F,4CAAC,sBAAAC,QAAA,EAAY,OAAO,EAAE,UAAU,QAAQ,SAAS,GAAG,UAAU,YAAY,OAAO,GAAG,KAAK,EAAE,GAAG,OAAM,YAAW;AAAA,IAEjH;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAO,EAAE,OAAO,aAAa,UAAU,QAAQ,SAAS,GAAG,UAAU,WAAW;AAAA,QAChF,WAAW,GAAG,QAAQ,EAAE,KAAK,SAAS,WAAW,YAAY;AAAA,QAC7D,eAAa;AAAA;AAAA,IACf;AAAA,KACF;AAEJ;AAEO,MAAM,qBAA6C,CAAC,UAAU;AACnE,QAAM,CAAC,QAAQ,KAAK,QAAI,mCAAkB;AAC1C,SACE,6CAAC,gCAAQ,OAAO,IAAK,GAAG,OACrB;AAAA,YAAQ,OAAO,4CAAC,mBAAgB,MAAK,YAAW,SAAS,QAAQ;AAAA,IAClE,4CAAC,eAAY,OAAc;AAAA,KAC7B;AAEJ;AAEO,MAAM,iBAAyC,CAAC,UAAU;AAC/D,QAAM,CAAC,QAAQ,KAAK,QAAI,+BAAc;AACtC,SACE,6CAAC,gCAAQ,OAAO,IAAK,GAAG,OACrB;AAAA,YAAQ,OAAO,4CAAC,mBAAgB,MAAK,QAAO,SAAS,QAAQ;AAAA,IAC9D,4CAAC,eAAY,OAAc;AAAA,KAC7B;AAEJ;AAEO,MAAM,qBAA6C,CAAC,UAAU;AACnE,QAAM,CAAC,QAAQ,KAAK,QAAI,0CAAyB;AACjD,SACE,6CAAC,gCAAQ,OAAO,IAAK,GAAG,OACrB;AAAA,YAAQ,OAAO,4CAAC,mBAAgB,MAAK,YAAW,SAAS,QAAQ;AAAA,IAClE,4CAAC,eAAY,OAAc;AAAA,KAC7B;AAEJ;AAEO,MAAM,aAAqC,CAAC,UAAU;AAC3D,QAAM,CAAC,QAAQ,KAAK,QAAI,wBAAU;AAClC,SACE,6CAAC,gCAAQ,OAAO,IAAK,GAAG,OACrB;AAAA,YAAQ,OAAO,4CAAC,mBAAgB,MAAK,UAAS,SAAS,QAAQ;AAAA,IAChE,4CAAC,eAAY,OAAc;AAAA,KAC7B;AAEJ;AAEO,MAAM,cAAsC,CAAC,UAAU;AAC5D,QAAM,CAAC,SAAS,KAAK,QAAI,yBAAW;AACpC,SACE,6CAAC,gCAAQ,OAAO,IAAK,GAAG,OACrB;AAAA,YAAQ,OAAO,4CAAC,mBAAgB,MAAK,WAAU,SAAkB;AAAA,IAClE,4CAAC,eAAY,OAAc;AAAA,KAC7B;AAEJ;","names":["ErrorIcon","LoadingIcon"]}

package/dist/node/components/WalletAccountSelect/WalletInfo.mjs

@@ -0,0 +1,80 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Circle as LoadingIcon, ErrorOutlined as ErrorIcon } from "@mui/icons-material";
+import { FlexCol } from "@xylabs/react-flexbox";
+import { Identicon } from "@xylabs/react-identicon";
+import { QuickTipButton } from "@xylabs/react-quick-tip-button";
+import { useCoinTypeWallet, useRootWallet, useSelectedWalletAccount } from "../../contexts";
+import { useAccount, useWallet } from "../../hooks";
+const WalletError = ({ error }) => {
+  return error ? /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx(ErrorIcon, { style: { fontSize: "12px", position: "absolute" }, color: "error" }),
+    /* @__PURE__ */ jsx(
+      QuickTipButton,
+      {
+        size: "small",
+        style: { color: "#ffffff00", fontSize: "12px", padding: 0, position: "absolute" },
+        hoverText: error.message,
+        disableDialog: true
+      }
+    )
+  ] }) : null;
+};
+const WalletIdenticon = ({ account, name }) => {
+  return /* @__PURE__ */ jsxs("div", { style: { width: 20 }, children: [
+    account ? /* @__PURE__ */ jsx(Identicon, { size: 8, value: account.address, style: { position: "absolute", right: 2, top: 2 } }) : /* @__PURE__ */ jsx(LoadingIcon, { style: { fontSize: "10px", padding: 0, position: "absolute", right: 2, top: 2 }, color: "disabled" }),
+    /* @__PURE__ */ jsx(
+      QuickTipButton,
+      {
+        size: "small",
+        style: { color: "#ffffff00", fontSize: "12px", padding: 0, position: "absolute" },
+        hoverText: `${name ?? ""}: ${account?.address ?? "no address"}`,
+        disableDialog: true
+      }
+    )
+  ] });
+};
+const CoinTypeWalletInfo = (props) => {
+  const [wallet, error] = useCoinTypeWallet();
+  return /* @__PURE__ */ jsxs(FlexCol, { width: 12, ...props, children: [
+    error ? null : /* @__PURE__ */ jsx(WalletIdenticon, { name: "CoinType", account: wallet }),
+    /* @__PURE__ */ jsx(WalletError, { error })
+  ] });
+};
+const RootWalletInfo = (props) => {
+  const [wallet, error] = useRootWallet();
+  return /* @__PURE__ */ jsxs(FlexCol, { width: 12, ...props, children: [
+    error ? null : /* @__PURE__ */ jsx(WalletIdenticon, { name: "Root", account: wallet }),
+    /* @__PURE__ */ jsx(WalletError, { error })
+  ] });
+};
+const SelectedWalletInfo = (props) => {
+  const [wallet, error] = useSelectedWalletAccount();
+  return /* @__PURE__ */ jsxs(FlexCol, { width: 12, ...props, children: [
+    error ? null : /* @__PURE__ */ jsx(WalletIdenticon, { name: "Selected", account: wallet }),
+    /* @__PURE__ */ jsx(WalletError, { error })
+  ] });
+};
+const WalletInfo = (props) => {
+  const [wallet, error] = useWallet();
+  return /* @__PURE__ */ jsxs(FlexCol, { width: 12, ...props, children: [
+    error ? null : /* @__PURE__ */ jsx(WalletIdenticon, { name: "Wallet", account: wallet }),
+    /* @__PURE__ */ jsx(WalletError, { error })
+  ] });
+};
+const AccountInfo = (props) => {
+  const [account, error] = useAccount();
+  return /* @__PURE__ */ jsxs(FlexCol, { width: 12, ...props, children: [
+    error ? null : /* @__PURE__ */ jsx(WalletIdenticon, { name: "Account", account }),
+    /* @__PURE__ */ jsx(WalletError, { error })
+  ] });
+};
+export {
+  AccountInfo,
+  CoinTypeWalletInfo,
+  RootWalletInfo,
+  SelectedWalletInfo,
+  WalletError,
+  WalletIdenticon,
+  WalletInfo
+};
+//# sourceMappingURL=WalletInfo.mjs.map

package/dist/node/components/WalletAccountSelect/WalletInfo.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/WalletAccountSelect/WalletInfo.tsx"],"sourcesContent":["import { Circle as LoadingIcon, ErrorOutlined as ErrorIcon } from '@mui/icons-material'\nimport { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'\nimport { Identicon } from '@xylabs/react-identicon'\nimport { QuickTipButton } from '@xylabs/react-quick-tip-button'\nimport { AccountInstance } from '@xyo-network/account-model'\n\nimport { useCoinTypeWallet, useRootWallet, useSelectedWalletAccount } from '../../contexts'\nimport { useAccount, useWallet } from '../../hooks'\n\nexport interface WalletErrorProps {\n  error?: Error\n}\n\nexport const WalletError: React.FC<WalletErrorProps> = ({ error }) => {\n  return error ? (\n    <div>\n      <ErrorIcon style={{ fontSize: '12px', position: 'absolute' }} color=\"error\" />\n      <QuickTipButton\n        size=\"small\"\n        style={{ color: '#ffffff00', fontSize: '12px', padding: 0, position: 'absolute' }}\n        hoverText={error.message}\n        disableDialog\n      />\n    </div>\n  ) : null\n}\n\nexport interface WalletIdenticonProps {\n  account?: AccountInstance | null\n  name: string\n}\n\nexport const WalletIdenticon: React.FC<WalletIdenticonProps> = ({ account, name }) => {\n  return (\n    <div style={{ width: 20 }}>\n      {account ? (\n        <Identicon size={8} value={account.address} style={{ position: 'absolute', right: 2, top: 2 }} />\n      ) : (\n        <LoadingIcon style={{ fontSize: '10px', padding: 0, position: 'absolute', right: 2, top: 2 }} color=\"disabled\" />\n      )}\n      <QuickTipButton\n        size=\"small\"\n        style={{ color: '#ffffff00', fontSize: '12px', padding: 0, position: 'absolute' }}\n        hoverText={`${name ?? ''}: ${account?.address ?? 'no address'}`}\n        disableDialog\n      />\n    </div>\n  )\n}\n\nexport const CoinTypeWalletInfo: React.FC<FlexBoxProps> = (props) => {\n  const [wallet, error] = useCoinTypeWallet()\n  return (\n    <FlexCol width={12} {...props}>\n      {error ? null : <WalletIdenticon name=\"CoinType\" account={wallet} />}\n      <WalletError error={error} />\n    </FlexCol>\n  )\n}\n\nexport const RootWalletInfo: React.FC<FlexBoxProps> = (props) => {\n  const [wallet, error] = useRootWallet()\n  return (\n    <FlexCol width={12} {...props}>\n      {error ? null : <WalletIdenticon name=\"Root\" account={wallet} />}\n      <WalletError error={error} />\n    </FlexCol>\n  )\n}\n\nexport const SelectedWalletInfo: React.FC<FlexBoxProps> = (props) => {\n  const [wallet, error] = useSelectedWalletAccount()\n  return (\n    <FlexCol width={12} {...props}>\n      {error ? null : <WalletIdenticon name=\"Selected\" account={wallet} />}\n      <WalletError error={error} />\n    </FlexCol>\n  )\n}\n\nexport const WalletInfo: React.FC<FlexBoxProps> = (props) => {\n  const [wallet, error] = useWallet()\n  return (\n    <FlexCol width={12} {...props}>\n      {error ? null : <WalletIdenticon name=\"Wallet\" account={wallet} />}\n      <WalletError error={error} />\n    </FlexCol>\n  )\n}\n\nexport const AccountInfo: React.FC<FlexBoxProps> = (props) => {\n  const [account, error] = useAccount()\n  return (\n    <FlexCol width={12} {...props}>\n      {error ? null : <WalletIdenticon name=\"Account\" account={account} />}\n      <WalletError error={error} />\n    </FlexCol>\n  )\n}\n"],"mappings":"AAeI,SACE,KADF;AAfJ,SAAS,UAAU,aAAa,iBAAiB,iBAAiB;AAClE,SAAuB,eAAe;AACtC,SAAS,iBAAiB;AAC1B,SAAS,sBAAsB;AAG/B,SAAS,mBAAmB,eAAe,gCAAgC;AAC3E,SAAS,YAAY,iBAAiB;AAM/B,MAAM,cAA0C,CAAC,EAAE,MAAM,MAAM;AACpE,SAAO,QACL,qBAAC,SACC;AAAA,wBAAC,aAAU,OAAO,EAAE,UAAU,QAAQ,UAAU,WAAW,GAAG,OAAM,SAAQ;AAAA,IAC5E;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAO,EAAE,OAAO,aAAa,UAAU,QAAQ,SAAS,GAAG,UAAU,WAAW;AAAA,QAChF,WAAW,MAAM;AAAA,QACjB,eAAa;AAAA;AAAA,IACf;AAAA,KACF,IACE;AACN;AAOO,MAAM,kBAAkD,CAAC,EAAE,SAAS,KAAK,MAAM;AACpF,SACE,qBAAC,SAAI,OAAO,EAAE,OAAO,GAAG,GACrB;AAAA,cACC,oBAAC,aAAU,MAAM,GAAG,OAAO,QAAQ,SAAS,OAAO,EAAE,UAAU,YAAY,OAAO,GAAG,KAAK,EAAE,GAAG,IAE/F,oBAAC,eAAY,OAAO,EAAE,UAAU,QAAQ,SAAS,GAAG,UAAU,YAAY,OAAO,GAAG,KAAK,EAAE,GAAG,OAAM,YAAW;AAAA,IAEjH;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAO,EAAE,OAAO,aAAa,UAAU,QAAQ,SAAS,GAAG,UAAU,WAAW;AAAA,QAChF,WAAW,GAAG,QAAQ,EAAE,KAAK,SAAS,WAAW,YAAY;AAAA,QAC7D,eAAa;AAAA;AAAA,IACf;AAAA,KACF;AAEJ;AAEO,MAAM,qBAA6C,CAAC,UAAU;AACnE,QAAM,CAAC,QAAQ,KAAK,IAAI,kBAAkB;AAC1C,SACE,qBAAC,WAAQ,OAAO,IAAK,GAAG,OACrB;AAAA,YAAQ,OAAO,oBAAC,mBAAgB,MAAK,YAAW,SAAS,QAAQ;AAAA,IAClE,oBAAC,eAAY,OAAc;AAAA,KAC7B;AAEJ;AAEO,MAAM,iBAAyC,CAAC,UAAU;AAC/D,QAAM,CAAC,QAAQ,KAAK,IAAI,cAAc;AACtC,SACE,qBAAC,WAAQ,OAAO,IAAK,GAAG,OACrB;AAAA,YAAQ,OAAO,oBAAC,mBAAgB,MAAK,QAAO,SAAS,QAAQ;AAAA,IAC9D,oBAAC,eAAY,OAAc;AAAA,KAC7B;AAEJ;AAEO,MAAM,qBAA6C,CAAC,UAAU;AACnE,QAAM,CAAC,QAAQ,KAAK,IAAI,yBAAyB;AACjD,SACE,qBAAC,WAAQ,OAAO,IAAK,GAAG,OACrB;AAAA,YAAQ,OAAO,oBAAC,mBAAgB,MAAK,YAAW,SAAS,QAAQ;AAAA,IAClE,oBAAC,eAAY,OAAc;AAAA,KAC7B;AAEJ;AAEO,MAAM,aAAqC,CAAC,UAAU;AAC3D,QAAM,CAAC,QAAQ,KAAK,IAAI,UAAU;AAClC,SACE,qBAAC,WAAQ,OAAO,IAAK,GAAG,OACrB;AAAA,YAAQ,OAAO,oBAAC,mBAAgB,MAAK,UAAS,SAAS,QAAQ;AAAA,IAChE,oBAAC,eAAY,OAAc;AAAA,KAC7B;AAEJ;AAEO,MAAM,cAAsC,CAAC,UAAU;AAC5D,QAAM,CAAC,SAAS,KAAK,IAAI,WAAW;AACpC,SACE,qBAAC,WAAQ,OAAO,IAAK,GAAG,OACrB;AAAA,YAAQ,OAAO,oBAAC,mBAAgB,MAAK,WAAU,SAAkB;AAAA,IAClE,oBAAC,eAAY,OAAc;AAAA,KAC7B;AAEJ;","names":[]}

package/dist/node/components/WalletAccountSelect/index.d.mts

@@ -0,0 +1,3 @@
+export * from './Select';
+export * from './SelectBar';
+//# sourceMappingURL=index.d.ts.map

package/dist/node/components/WalletAccountSelect/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/WalletAccountSelect/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,aAAa,CAAA"}

package/dist/node/components/WalletAccountSelect/index.d.ts

@@ -0,0 +1,3 @@
+export * from './Select';
+export * from './SelectBar';
+//# sourceMappingURL=index.d.ts.map

package/dist/node/components/WalletAccountSelect/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/WalletAccountSelect/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,aAAa,CAAA"}