@xyo-network/react-chain-shared 1.20.14 → 1.20.16

package/dist/browser/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/menu-item/ActiveMenuItem.tsx","../../src/components/stack/DetailsStack.tsx","../../src/components/stack/LabelValueStack.tsx","../../src/story/buildRandomBlockchain.ts","../../src/story/IframeWalletWarningDecorator.tsx"],"sourcesContent":["import type { MenuItemProps } from '@mui/material'\nimport {\n  MenuItem, styled, useTheme,\n} from '@mui/material'\nimport React from 'react'\n\nexport const ActiveMenuItem: React.FC<MenuItemProps & { active?: boolean }> = ({\n  active, children, sx, ...props\n}) => {\n  const theme = useTheme()\n  return (\n    <StyledMenuItem\n      disableRipple\n      sx={{\n        // left border color and background color for active state\n        'borderLeft': `5px solid ${active ? theme.vars.palette.secondary.light : 'transparent'}`,\n        'backgroundColor': active ? theme.vars.palette.secondary.dark : 'transparent',\n        // force white text color for active state for improved readability with background color\n        'color': active ? 'white' : 'unset',\n        '&:hover': {\n          // overriding default hover color and backgroundColor since active state conflicts visually with\n          // default styles of MenuItem hover\n          ...(active ? { backgroundColor: theme.vars.palette.secondary.dark } : {}),\n          color: active ? 'white' : 'unset',\n        },\n        ...sx,\n      }}\n      {...props}\n    >\n      {children}\n    </StyledMenuItem>\n  )\n}\n\nconst StyledMenuItem = styled(MenuItem, { name: 'StyledMenuItem' })(({ theme }) => ({\n  display: 'flex-inline',\n  flexDirection: 'row',\n  gap: theme.spacing(1),\n  padding: 0,\n  paddingLeft: theme.spacing(1),\n  marginBottom: theme.spacing(1),\n}))\n","import type { StackProps } from '@mui/material'\nimport {\n  Stack, styled, Tooltip, Typography,\n  useTheme,\n} from '@mui/material'\nimport { isDefined } from '@xylabs/sdk-js'\nimport type {\n  ComponentType, ReactNode, SVGAttributes,\n} from 'react'\nimport React, { useMemo } from 'react'\n\nconst isComponentType = (value: unknown): value is ComponentType<SVGAttributes<SVGElement>> =>\n  typeof value === 'function'\n  || (typeof value === 'object' && value !== null && ('$$typeof' in value || 'render' in value))\n\nexport interface DetailsStackProps extends StackProps {\n  IconComponent?: ComponentType<SVGAttributes<SVGElement>> | ReactNode\n  heading?: string\n  tooltipTitle?: string\n}\n\nexport const DetailsStack: React.FC<DetailsStackProps> = ({\n  IconComponent, heading, children, tooltipTitle, ...props\n}) => {\n  const theme = useTheme()\n\n  const hasTooltip = isDefined(tooltipTitle)\n  const resolvedIconComponent = useMemo(() => {\n    return isComponentType(IconComponent)\n      ? (\n          <IconComponent\n            style={{\n              /** height and marginTop adjusted to account for font not filling container with line-height: 1 */\n              height: '0.85rem',\n              marginTop: 0.5,\n              marginLeft: theme.spacing(1),\n            }}\n          />\n        )\n      : IconComponent ?? null\n  }, [IconComponent, theme])\n\n  return (\n    <Stack direction=\"column\" flexGrow={1} flexWrap=\"wrap\" minWidth=\"1px\" {...props}>\n      <SectionHeadingTypography>\n        {heading}\n        {hasTooltip\n          ? (\n              <Tooltip title={tooltipTitle}>\n                <span>{resolvedIconComponent}</span>\n              </Tooltip>\n            )\n          : resolvedIconComponent}\n      </SectionHeadingTypography>\n      {children}\n    </Stack>\n  )\n}\n\nconst SectionHeadingTypography = styled(Typography, { name: 'SectionHeadingTypography' })(({ theme }) => ({\n  display: 'flex',\n  fontFamily: 'monospace',\n  lineHeight: 1,\n  marginBottom: theme.spacing(1.5),\n}))\n","import type { StackProps } from '@mui/material'\nimport {\n  Stack, Typography, useTheme,\n} from '@mui/material'\nimport { ellipsize, isAddress } from '@xylabs/sdk-js'\nimport React from 'react'\n\nexport interface LabelValueStackProps extends StackProps {\n  labels: string[]\n  values: (string | undefined)[]\n}\n\nexport const LabelValueStack: React.FC<LabelValueStackProps> = ({\n  labels, values, ...props\n}) => {\n  const theme = useTheme()\n  const formattedValue = (value: string | undefined): string | undefined => {\n    if (isAddress(value)) {\n      return ellipsize(value, 8)\n    }\n    return value\n  }\n  return (\n    <Stack flexDirection=\"row\" flexGrow={1} {...props}>\n      <Stack>\n        {labels.map(label => (\n          <Typography\n            fontWeight=\"300\"\n            key={label}\n            variant=\"body2\"\n            sx={{ borderBottom: `1px solid ${theme.vars?.palette.divider}`, opacity: 0.7 }}\n          >\n            {label}\n            :\n          </Typography>\n        ))}\n      </Stack>\n      <Stack alignItems=\"end\" flexGrow={1}>\n        {values.map((value, index) => (\n          <Typography\n            title={value}\n            fontFamily=\"monospace\"\n            variant=\"body2\"\n            // Use matching label as key since values might be the same\n            key={labels[index]}\n            width=\"100%\"\n            sx={{\n              display: 'flex', justifyContent: 'end', borderBottom: `1px solid ${theme.vars?.palette.divider}`,\n            }}\n          >\n            {formattedValue(value)}\n          </Typography>\n        ))}\n      </Stack>\n    </Stack>\n  )\n}\n","import { buildRandomChain } from '@xyo-network/chain-protocol'\nimport { Account } from '@xyo-network/sdk-js'\n\nexport const buildRandomBlockChain = async (blockCount = 10) => {\n  // Create a producer\n  const initialBlockProducer = await Account.random()\n\n  // Create multiple blocks\n  const blocks = await buildRandomChain(initialBlockProducer, blockCount)\n  return blocks\n}\n\nexport const buildRandomBlockChainBlocksOnly = async (blockCount = 10) => {\n  const chain = await buildRandomChain(await Account.random(), blockCount)\n  return chain\n}\n","import { Alert, Stack } from '@mui/material'\nimport type { Decorator } from '@storybook/react-vite'\nimport { isXyoGlobal } from '@xyo-network/react-chain-model'\nimport React from 'react'\n\nconst inIframe = globalThis.self !== window.top\n\n/**\n * Storybook decorator that displays warning banners when:\n * - the story is rendered inside an iframe (prompt user to open in a standalone tab), or\n * - the XYO wallet extension is not detected (prompt user to install it).\n *\n * Stories that require direct browser-extension access should use this decorator.\n */\nexport const IframeWalletWarningDecorator: Decorator = (Story, args) => {\n  const hasXyoGlobal = isXyoGlobal((globalThis as Record<string, unknown>).xyo)\n  return (\n    <Stack gap={2}>\n      {inIframe\n        ? (\n            <Alert severity=\"warning\">\n              This story is running in an iframe. Please run it in a standalone browser window to test the wallet extension.\n            </Alert>\n          )\n        : null}\n      {hasXyoGlobal\n        ? null\n        : (\n            <Alert severity=\"warning\">\n              No wallet extension found. Please install the Xyo Wallet Chrome Extension.\n            </Alert>\n          )}\n      <Story {...args} />\n    </Stack>\n  )\n}\n"],"mappings":"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","names":["MenuItem","styled","useTheme","React","ActiveMenuItem","active","children","sx","props","theme","useTheme","StyledMenuItem","disableRipple","vars","palette","secondary","light","dark","backgroundColor","color","styled","MenuItem","name","display","flexDirection","gap","spacing","padding","paddingLeft","marginBottom","Stack","styled","Tooltip","Typography","useTheme","isDefined","React","useMemo","isComponentType","value","DetailsStack","IconComponent","heading","children","tooltipTitle","props","theme","useTheme","hasTooltip","isDefined","resolvedIconComponent","useMemo","React","style","height","marginTop","marginLeft","spacing","Stack","direction","flexGrow","flexWrap","minWidth","SectionHeadingTypography","Tooltip","title","span","styled","Typography","name","display","fontFamily","lineHeight","marginBottom","Stack","Typography","useTheme","ellipsize","isAddress","React","LabelValueStack","labels","values","props","theme","useTheme","formattedValue","value","isAddress","ellipsize","React","Stack","flexDirection","flexGrow","map","label","Typography","fontWeight","key","variant","sx","borderBottom","vars","palette","divider","opacity","alignItems","index","title","fontFamily","width","display","justifyContent","buildRandomChain","Account","buildRandomBlockChain","blockCount","initialBlockProducer","Account","random","blocks","buildRandomChain","buildRandomBlockChainBlocksOnly","chain","Alert","Stack","isXyoGlobal","React","inIframe","globalThis","self","window","top","IframeWalletWarningDecorator","Story","args","hasXyoGlobal","isXyoGlobal","xyo","React","Stack","gap","Alert","severity"]}
+{"version":3,"sources":["../../src/components/menu-item/ActiveMenuItem.tsx","../../src/components/stack/DetailsStack.tsx","../../src/components/stack/LabelValueStack.tsx","../../src/story/buildRandomBlockchain.ts","../../src/story/IframeWalletWarningDecorator.tsx"],"sourcesContent":["import type { MenuItemProps } from '@mui/material'\nimport {\n  MenuItem, styled, useTheme,\n} from '@mui/material'\nimport React from 'react'\n\nexport const ActiveMenuItem: React.FC<MenuItemProps & { active?: boolean }> = ({\n  active, children, sx, ...props\n}) => {\n  const theme = useTheme()\n  return (\n    <StyledMenuItem\n      disableRipple\n      sx={{\n        // left border color and background color for active state\n        'borderLeft': `5px solid ${active ? theme.vars.palette.secondary.light : 'transparent'}`,\n        'backgroundColor': active ? theme.vars.palette.secondary.dark : 'transparent',\n        // force white text color for active state for improved readability with background color\n        'color': active ? 'white' : 'unset',\n        '&:hover': {\n          // overriding default hover color and backgroundColor since active state conflicts visually with\n          // default styles of MenuItem hover\n          ...(active ? { backgroundColor: theme.vars.palette.secondary.dark } : {}),\n          color: active ? 'white' : 'unset',\n        },\n        ...sx,\n      }}\n      {...props}\n    >\n      {children}\n    </StyledMenuItem>\n  )\n}\n\nconst StyledMenuItem = styled(MenuItem, { name: 'StyledMenuItem' })(({ theme }) => ({\n  display: 'flex-inline',\n  flexDirection: 'row',\n  gap: theme.spacing(1),\n  padding: 0,\n  paddingLeft: theme.spacing(1),\n  marginBottom: theme.spacing(1),\n}))\n","import type { StackProps } from '@mui/material'\nimport {\n  Stack, styled, Tooltip, Typography,\n  useTheme,\n} from '@mui/material'\nimport { isDefined } from '@xylabs/sdk-js'\nimport type {\n  ComponentType, ReactNode, SVGAttributes,\n} from 'react'\nimport React, { useMemo } from 'react'\n\nconst isComponentType = (value: unknown): value is ComponentType<SVGAttributes<SVGElement>> =>\n  typeof value === 'function'\n  || (typeof value === 'object' && value !== null && ('$$typeof' in value || 'render' in value))\n\nexport interface DetailsStackProps extends StackProps {\n  IconComponent?: ComponentType<SVGAttributes<SVGElement>> | ReactNode\n  heading?: string\n  tooltipTitle?: string\n}\n\nexport const DetailsStack: React.FC<DetailsStackProps> = ({\n  IconComponent, heading, children, tooltipTitle, ...props\n}) => {\n  const theme = useTheme()\n\n  const hasTooltip = isDefined(tooltipTitle)\n  const resolvedIconComponent = useMemo(() => {\n    return isComponentType(IconComponent)\n      ? (\n          <IconComponent\n            style={{\n              /** height and marginTop adjusted to account for font not filling container with line-height: 1 */\n              height: '0.85rem',\n              marginTop: 0.5,\n              marginLeft: theme.spacing(1),\n            }}\n          />\n        )\n      : IconComponent ?? null\n  }, [IconComponent, theme])\n\n  return (\n    <Stack direction=\"column\" flexGrow={1} flexWrap=\"wrap\" minWidth=\"1px\" {...props}>\n      <SectionHeadingTypography>\n        {heading}\n        {hasTooltip\n          ? (\n              <Tooltip title={tooltipTitle}>\n                <span>{resolvedIconComponent}</span>\n              </Tooltip>\n            )\n          : resolvedIconComponent}\n      </SectionHeadingTypography>\n      {children}\n    </Stack>\n  )\n}\n\nconst SectionHeadingTypography = styled(Typography, { name: 'SectionHeadingTypography' })(({ theme }) => ({\n  display: 'flex',\n  fontFamily: 'monospace',\n  lineHeight: 1,\n  marginBottom: theme.spacing(1.5),\n}))\n","import type { StackProps } from '@mui/material'\nimport {\n  Stack, Typography, useTheme,\n} from '@mui/material'\nimport { ellipsize, isAddress } from '@xylabs/sdk-js'\nimport React from 'react'\n\nexport interface LabelValueStackProps extends StackProps {\n  labels: string[]\n  values: (string | undefined)[]\n}\n\nexport const LabelValueStack: React.FC<LabelValueStackProps> = ({\n  labels, values, ...props\n}) => {\n  const theme = useTheme()\n  const formattedValue = (value: string | undefined): string | undefined => {\n    if (isAddress(value)) {\n      return ellipsize(value, 8)\n    }\n    return value\n  }\n  return (\n    <Stack flexDirection=\"row\" flexGrow={1} {...props}>\n      <Stack>\n        {labels.map(label => (\n          <Typography\n            fontWeight=\"300\"\n            key={label}\n            variant=\"body2\"\n            sx={{ borderBottom: `1px solid ${theme.vars?.palette.divider}`, opacity: 0.7 }}\n          >\n            {label}\n            :\n          </Typography>\n        ))}\n      </Stack>\n      <Stack alignItems=\"end\" flexGrow={1}>\n        {values.map((value, index) => (\n          <Typography\n            title={value}\n            fontFamily=\"monospace\"\n            variant=\"body2\"\n            // Use matching label as key since values might be the same\n            key={labels[index]}\n            width=\"100%\"\n            sx={{\n              display: 'flex', justifyContent: 'end', borderBottom: `1px solid ${theme.vars?.palette.divider}`,\n            }}\n          >\n            {formattedValue(value)}\n          </Typography>\n        ))}\n      </Stack>\n    </Stack>\n  )\n}\n","import { buildRandomChain } from '@xyo-network/chain-protocol'\nimport { Account } from '@xyo-network/sdk-js'\n\ntype BuildRandomChainResult = Awaited<ReturnType<typeof buildRandomChain>>\n\nexport const buildRandomBlockChain = async (blockCount = 10): Promise<BuildRandomChainResult> => {\n  // Create a producer\n  const initialBlockProducer = await Account.random()\n\n  // Create multiple blocks\n  const blocks = await buildRandomChain(initialBlockProducer, blockCount)\n  return blocks\n}\n\nexport const buildRandomBlockChainBlocksOnly = async (blockCount = 10): Promise<BuildRandomChainResult> => {\n  const chain = await buildRandomChain(await Account.random(), blockCount)\n  return chain\n}\n","import { Alert, Stack } from '@mui/material'\nimport type { Decorator } from '@storybook/react-vite'\nimport { isXyoGlobal } from '@xyo-network/react-chain-model'\nimport React from 'react'\n\nconst inIframe = globalThis.self !== window.top\n\n/**\n * Storybook decorator that displays warning banners when:\n * - the story is rendered inside an iframe (prompt user to open in a standalone tab), or\n * - the XYO wallet extension is not detected (prompt user to install it).\n *\n * Stories that require direct browser-extension access should use this decorator.\n */\nexport const IframeWalletWarningDecorator: Decorator = (Story, args) => {\n  const hasXyoGlobal = isXyoGlobal((globalThis as Record<string, unknown>).xyo)\n  return (\n    <Stack gap={2}>\n      {inIframe\n        ? (\n            <Alert severity=\"warning\">\n              This story is running in an iframe. Please run it in a standalone browser window to test the wallet extension.\n            </Alert>\n          )\n        : null}\n      {hasXyoGlobal\n        ? null\n        : (\n            <Alert severity=\"warning\">\n              No wallet extension found. Please install the Xyo Wallet Chrome Extension.\n            </Alert>\n          )}\n      <Story {...args} />\n    </Stack>\n  )\n}\n"],"mappings":";;;;AACA,SACEA,UAAUC,QAAQC,gBACb;AACP,OAAOC,WAAW;AAEX,IAAMC,iBAAiE,wBAAC,EAC7EC,QAAQC,UAAUC,IAAI,GAAGC,MAAAA,MAC1B;AACC,QAAMC,QAAQC,SAAAA;AACd,SACE,sBAAA,cAACC,gBAAAA;IACCC,eAAAA;IACAL,IAAI;;MAEF,cAAc,aAAaF,SAASI,MAAMI,KAAKC,QAAQC,UAAUC,QAAQ,aAAA;MACzE,mBAAmBX,SAASI,MAAMI,KAAKC,QAAQC,UAAUE,OAAO;;MAEhE,SAASZ,SAAS,UAAU;MAC5B,WAAW;;;QAGT,GAAIA,SAAS;UAAEa,iBAAiBT,MAAMI,KAAKC,QAAQC,UAAUE;QAAK,IAAI,CAAC;QACvEE,OAAOd,SAAS,UAAU;MAC5B;MACA,GAAGE;IACL;IACC,GAAGC;KAEHF,QAAAA;AAGP,GA1B8E;AA4B9E,IAAMK,iBAAiBS,OAAOC,UAAU;EAAEC,MAAM;AAAiB,CAAA,EAAG,CAAC,EAAEb,MAAK,OAAQ;EAClFc,SAAS;EACTC,eAAe;EACfC,KAAKhB,MAAMiB,QAAQ,CAAA;EACnBC,SAAS;EACTC,aAAanB,MAAMiB,QAAQ,CAAA;EAC3BG,cAAcpB,MAAMiB,QAAQ,CAAA;AAC9B,EAAA;;;ACxCA,SACEI,OAAOC,UAAAA,SAAQC,SAASC,YACxBC,YAAAA,iBACK;AACP,SAASC,iBAAiB;AAI1B,OAAOC,UAASC,eAAe;AAE/B,IAAMC,kBAAkB,wBAACC,UACvB,OAAOA,UAAU,cACb,OAAOA,UAAU,YAAYA,UAAU,SAAS,cAAcA,SAAS,YAAYA,QAFjE;AAUjB,IAAMC,eAA4C,wBAAC,EACxDC,eAAeC,SAASC,UAAUC,cAAc,GAAGC,MAAAA,MACpD;AACC,QAAMC,QAAQC,UAAAA;AAEd,QAAMC,aAAaC,UAAUL,YAAAA;AAC7B,QAAMM,wBAAwBC,QAAQ,MAAA;AACpC,WAAOb,gBAAgBG,aAAAA,IAEjB,gBAAAW,OAAA,cAACX,eAAAA;MACCY,OAAO;;QAELC,QAAQ;QACRC,WAAW;QACXC,YAAYV,MAAMW,QAAQ,CAAA;MAC5B;SAGJhB,iBAAiB;EACvB,GAAG;IAACA;IAAeK;GAAM;AAEzB,SACE,gBAAAM,OAAA,cAACM,OAAAA;IAAMC,WAAU;IAASC,UAAU;IAAGC,UAAS;IAAOC,UAAS;IAAO,GAAGjB;KACxE,gBAAAO,OAAA,cAACW,0BAAAA,MACErB,SACAM,aAEK,gBAAAI,OAAA,cAACY,SAAAA;IAAQC,OAAOrB;KACd,gBAAAQ,OAAA,cAACc,QAAAA,MAAMhB,qBAAAA,CAAAA,IAGXA,qBAAAA,GAELP,QAAAA;AAGP,GApCyD;AAsCzD,IAAMoB,2BAA2BI,QAAOC,YAAY;EAAEC,MAAM;AAA2B,CAAA,EAAG,CAAC,EAAEvB,MAAK,OAAQ;EACxGwB,SAAS;EACTC,YAAY;EACZC,YAAY;EACZC,cAAc3B,MAAMW,QAAQ,GAAA;AAC9B,EAAA;;;AC/DA,SACEiB,SAAAA,QAAOC,cAAAA,aAAYC,YAAAA,iBACd;AACP,SAASC,WAAWC,iBAAiB;AACrC,OAAOC,YAAW;AAOX,IAAMC,kBAAkD,wBAAC,EAC9DC,QAAQC,QAAQ,GAAGC,MAAAA,MACpB;AACC,QAAMC,QAAQC,UAAAA;AACd,QAAMC,iBAAiB,wBAACC,UAAAA;AACtB,QAAIC,UAAUD,KAAAA,GAAQ;AACpB,aAAOE,UAAUF,OAAO,CAAA;IAC1B;AACA,WAAOA;EACT,GALuB;AAMvB,SACE,gBAAAG,OAAA,cAACC,QAAAA;IAAMC,eAAc;IAAMC,UAAU;IAAI,GAAGV;KAC1C,gBAAAO,OAAA,cAACC,QAAAA,MACEV,OAAOa,IAAIC,CAAAA,UACV,gBAAAL,OAAA,cAACM,aAAAA;IACCC,YAAW;IACXC,KAAKH;IACLI,SAAQ;IACRC,IAAI;MAAEC,cAAc,aAAajB,MAAMkB,MAAMC,QAAQC,OAAAA;MAAWC,SAAS;IAAI;KAE5EV,OAAM,GAAA,CAAA,CAAA,GAKb,gBAAAL,OAAA,cAACC,QAAAA;IAAMe,YAAW;IAAMb,UAAU;KAC/BX,OAAOY,IAAI,CAACP,OAAOoB,UAClB,gBAAAjB,OAAA,cAACM,aAAAA;IACCY,OAAOrB;IACPsB,YAAW;IACXV,SAAQ;;IAERD,KAAKjB,OAAO0B,KAAAA;IACZG,OAAM;IACNV,IAAI;MACFW,SAAS;MAAQC,gBAAgB;MAAOX,cAAc,aAAajB,MAAMkB,MAAMC,QAAQC,OAAAA;IACzF;KAEClB,eAAeC,KAAAA,CAAAA,CAAAA,CAAAA,CAAAA;AAM5B,GA5C+D;;;ACZ/D,SAAS0B,wBAAwB;AACjC,SAASC,eAAe;AAIjB,IAAMC,wBAAwB,8BAAOC,aAAa,OAAE;AAEzD,QAAMC,uBAAuB,MAAMC,QAAQC,OAAM;AAGjD,QAAMC,SAAS,MAAMC,iBAAiBJ,sBAAsBD,UAAAA;AAC5D,SAAOI;AACT,GAPqC;AAS9B,IAAME,kCAAkC,8BAAON,aAAa,OAAE;AACnE,QAAMO,QAAQ,MAAMF,iBAAiB,MAAMH,QAAQC,OAAM,GAAIH,UAAAA;AAC7D,SAAOO;AACT,GAH+C;;;ACd/C,SAASC,OAAOC,SAAAA,cAAa;AAE7B,SAASC,mBAAmB;AAC5B,OAAOC,YAAW;AAElB,IAAMC,WAAWC,WAAWC,SAASC,OAAOC;AASrC,IAAMC,+BAA0C,wBAACC,OAAOC,SAAAA;AAC7D,QAAMC,eAAeC,YAAaR,WAAuCS,GAAG;AAC5E,SACE,gBAAAC,OAAA,cAACC,QAAAA;IAAMC,KAAK;KACTb,WAEK,gBAAAW,OAAA,cAACG,OAAAA;IAAMC,UAAS;KAAU,gHAAA,IAI5B,MACHP,eACG,OAEE,gBAAAG,OAAA,cAACG,OAAAA;IAAMC,UAAS;KAAU,4EAAA,GAIhC,gBAAAJ,OAAA,cAACL,OAAUC,IAAAA,CAAAA;AAGjB,GArBuD;","names":["MenuItem","styled","useTheme","React","ActiveMenuItem","active","children","sx","props","theme","useTheme","StyledMenuItem","disableRipple","vars","palette","secondary","light","dark","backgroundColor","color","styled","MenuItem","name","display","flexDirection","gap","spacing","padding","paddingLeft","marginBottom","Stack","styled","Tooltip","Typography","useTheme","isDefined","React","useMemo","isComponentType","value","DetailsStack","IconComponent","heading","children","tooltipTitle","props","theme","useTheme","hasTooltip","isDefined","resolvedIconComponent","useMemo","React","style","height","marginTop","marginLeft","spacing","Stack","direction","flexGrow","flexWrap","minWidth","SectionHeadingTypography","Tooltip","title","span","styled","Typography","name","display","fontFamily","lineHeight","marginBottom","Stack","Typography","useTheme","ellipsize","isAddress","React","LabelValueStack","labels","values","props","theme","useTheme","formattedValue","value","isAddress","ellipsize","React","Stack","flexDirection","flexGrow","map","label","Typography","fontWeight","key","variant","sx","borderBottom","vars","palette","divider","opacity","alignItems","index","title","fontFamily","width","display","justifyContent","buildRandomChain","Account","buildRandomBlockChain","blockCount","initialBlockProducer","Account","random","blocks","buildRandomChain","buildRandomBlockChainBlocksOnly","chain","Alert","Stack","isXyoGlobal","React","inIframe","globalThis","self","window","top","IframeWalletWarningDecorator","Story","args","hasXyoGlobal","isXyoGlobal","xyo","React","Stack","gap","Alert","severity"]}

package/dist/browser/story/buildRandomBlockchain.d.ts

@@ -1,67 +1,6 @@
-export declare const buildRandomBlockChain: (blockCount?: number) => Promise<[{
-    schema: "network.xyo.boundwitness" & {
-        readonly __schema: true;
-    };
-    addresses: (Lowercase<string> & {
-        readonly __hex: true;
-    } & {
-        readonly __address: true;
-    })[];
-    payload_hashes: import("@xylabs/hex").BrandedHash[];
-    payload_schemas: import("@xyo-network/sdk-js").BrandedSchema<string>[];
-    previous_hashes: (import("@xylabs/hex").BrandedHash | null)[];
-    $signatures: import("@xylabs/hex").BrandedHex[];
-    block: import("@xyo-network/xl1-protocol-model").XL1BlockNumber;
-    chain: import("@xylabs/hex").BrandedHex;
-    previous: import("@xylabs/hex").BrandedHash | null;
-    $epoch: number;
-    _hash: import("@xylabs/hex").BrandedHash;
-    _dataHash: import("@xylabs/hex").BrandedHash;
-    $destination?: (Lowercase<string> & {
-        readonly __hex: true;
-    } & {
-        readonly __address: true;
-    }) | undefined;
-    $sourceQuery?: import("@xylabs/hex").BrandedHash | undefined;
-    protocol?: number | undefined;
-    step_hashes?: import("@xylabs/hex").BrandedHash[] | undefined;
-}, {
-    [x: string]: unknown;
-    schema: import("@xyo-network/sdk-js").BrandedSchema<string>;
-    _hash: import("@xylabs/hex").BrandedHash;
-    _dataHash: import("@xylabs/hex").BrandedHash;
-}[]][]>;
-export declare const buildRandomBlockChainBlocksOnly: (blockCount?: number) => Promise<[{
-    schema: "network.xyo.boundwitness" & {
-        readonly __schema: true;
-    };
-    addresses: (Lowercase<string> & {
-        readonly __hex: true;
-    } & {
-        readonly __address: true;
-    })[];
-    payload_hashes: import("@xylabs/hex").BrandedHash[];
-    payload_schemas: import("@xyo-network/sdk-js").BrandedSchema<string>[];
-    previous_hashes: (import("@xylabs/hex").BrandedHash | null)[];
-    $signatures: import("@xylabs/hex").BrandedHex[];
-    block: import("@xyo-network/xl1-protocol-model").XL1BlockNumber;
-    chain: import("@xylabs/hex").BrandedHex;
-    previous: import("@xylabs/hex").BrandedHash | null;
-    $epoch: number;
-    _hash: import("@xylabs/hex").BrandedHash;
-    _dataHash: import("@xylabs/hex").BrandedHash;
-    $destination?: (Lowercase<string> & {
-        readonly __hex: true;
-    } & {
-        readonly __address: true;
-    }) | undefined;
-    $sourceQuery?: import("@xylabs/hex").BrandedHash | undefined;
-    protocol?: number | undefined;
-    step_hashes?: import("@xylabs/hex").BrandedHash[] | undefined;
-}, {
-    [x: string]: unknown;
-    schema: import("@xyo-network/sdk-js").BrandedSchema<string>;
-    _hash: import("@xylabs/hex").BrandedHash;
-    _dataHash: import("@xylabs/hex").BrandedHash;
-}[]][]>;
+import { buildRandomChain } from '@xyo-network/chain-protocol';
+type BuildRandomChainResult = Awaited<ReturnType<typeof buildRandomChain>>;
+export declare const buildRandomBlockChain: (blockCount?: number) => Promise<BuildRandomChainResult>;
+export declare const buildRandomBlockChainBlocksOnly: (blockCount?: number) => Promise<BuildRandomChainResult>;
+export {};
 //# sourceMappingURL=buildRandomBlockchain.d.ts.map

package/dist/browser/story/buildRandomBlockchain.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"buildRandomBlockchain.d.ts","sourceRoot":"","sources":["../../../src/story/buildRandomBlockchain.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,qBAAqB,GAAU,mBAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAO1D,CAAA;AAED,eAAO,MAAM,+BAA+B,GAAU,mBAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAGpE,CAAA"}
+{"version":3,"file":"buildRandomBlockchain.d.ts","sourceRoot":"","sources":["../../../src/story/buildRandomBlockchain.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAA;AAG9D,KAAK,sBAAsB,GAAG,OAAO,CAAC,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC,CAAA;AAE1E,eAAO,MAAM,qBAAqB,GAAU,mBAAe,KAAG,OAAO,CAAC,sBAAsB,CAO3F,CAAA;AAED,eAAO,MAAM,+BAA+B,GAAU,mBAAe,KAAG,OAAO,CAAC,sBAAsB,CAGrG,CAAA"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "$schema": "http://json.schemastore.org/package.json",
   "name": "@xyo-network/react-chain-shared",
-  "version": "1.20.14",
+  "version": "1.20.16",
   "description": "XYO Layer One React SDK",
   "homepage": "https://xylabs.com",
   "bugs": {
@@ -25,72 +25,161 @@
       "types": "./dist/browser/index.d.ts",
       "browser": {
         "types": "./dist/browser/index.d.ts",
-        "source": "./src/index.ts",
         "default": "./dist/browser/index.mjs"
       },
-      "source": "./src/index.ts",
       "default": "./dist/browser/index.mjs"
     },
     "./package.json": "./package.json"
   },
   "module": "./dist/browser/index.mjs",
-  "source": "./src/index.ts",
   "types": "./dist/browser/index.d.ts",
   "files": [
     "dist",
-    "src",
     "!**/*.bench.*",
     "!**/*.spec.*",
-    "!**/*.test.*"
+    "!**/*.test.*",
+    "README.md"
   ],
-  "scripts": {
-    "build-storybook": "storybook build",
-    "start": "storybook dev -p 6006"
-  },
   "dependencies": {
-    "@storybook/react-vite": "^10.3.3",
-    "@xylabs/sdk-js": "~5.0.90",
-    "@xyo-network/chain-protocol": "~1.20.14",
-    "@xyo-network/react-chain-model": "~1.20.14"
+    "@mui/material": ">=6 <8",
+    "@storybook/react-vite": "^10.3.5",
+    "@xylabs/sdk-js": "~5.0.95",
+    "@xyo-network/chain-protocol": "~1.20.16",
+    "@xyo-network/react-chain-model": "~1.20.16"
   },
   "devDependencies": {
     "@emotion/react": "~11.14.0",
     "@emotion/styled": "~11.14.1",
-    "@mui/material": "~7.3.9",
-    "@storybook/react-vite": "^10.3.3",
+    "@opentelemetry/api": "^1",
+    "@types/node": "^25.5.2",
     "@types/react": "~19.2.14",
-    "@xylabs/ts-scripts-common": "~7.5.11",
-    "@xylabs/ts-scripts-yarn3": "~7.5.11",
-    "@xylabs/tsconfig": "~7.5.11",
-    "@xylabs/tsconfig-dom": "~7.5.11",
-    "@xylabs/tsconfig-react": "~7.5.11",
-    "@xyo-network/sdk-js": "~5.3.20",
-    "axios": "^1.13.6",
+    "@xylabs/ts-scripts-common": "~7.9.3",
+    "@xylabs/ts-scripts-pnpm": "~7.9.3",
+    "@xylabs/tsconfig": "~7.9.3",
+    "@xylabs/tsconfig-dom": "~7.9.3",
+    "@xylabs/tsconfig-react": "~7.9.3",
+    "@xyo-network/account": "~5.3.30",
+    "@xyo-network/account-model": "~5.3.30",
+    "@xyo-network/api-models": "~5.3.30",
+    "@xyo-network/archivist-abstract": "~5.3.30",
+    "@xyo-network/archivist-generic": "~5.3.30",
+    "@xyo-network/archivist-memory": "~5.3.30",
+    "@xyo-network/archivist-model": "~5.3.30",
+    "@xyo-network/archivist-view": "~5.3.30",
+    "@xyo-network/archivist-wrapper": "~5.3",
+    "@xyo-network/boundwitness-builder": "~5.3.30",
+    "@xyo-network/boundwitness-validator": "~5.3.30",
+    "@xyo-network/bridge-abstract": "~5.3.30",
+    "@xyo-network/bridge-model": "~5.3.30",
+    "@xyo-network/config-payload-plugin": "~5.3.30",
+    "@xyo-network/data": "~5.3.30",
+    "@xyo-network/diviner-abstract": "~5.3",
+    "@xyo-network/diviner-boundwitness-memory": "~5.3.30",
+    "@xyo-network/diviner-identity": "~5.3.30",
+    "@xyo-network/diviner-model": "~5.3.30",
+    "@xyo-network/diviner-payload-generic": "~5.3.30",
+    "@xyo-network/diviner-payload-model": "~5.3.30",
+    "@xyo-network/diviner-wrapper": "~5.3",
+    "@xyo-network/dns": "~5.3.30",
+    "@xyo-network/domain-payload-plugin": "~5.3.30",
+    "@xyo-network/elliptic": "~5.3.30",
+    "@xyo-network/hash": "~5.3.30",
+    "@xyo-network/huri": "~5.3.30",
+    "@xyo-network/manifest-model": "~5.3.30",
+    "@xyo-network/module-abstract": "~5.3.30",
+    "@xyo-network/module-model": "~5.3.30",
+    "@xyo-network/module-resolver": "~5.3.30",
+    "@xyo-network/module-wrapper": "~5.3",
+    "@xyo-network/network": "~5.3.30",
+    "@xyo-network/node-abstract": "~5.3.30",
+    "@xyo-network/node-memory": "~5.3.30",
+    "@xyo-network/node-model": "~5.3.30",
+    "@xyo-network/node-view": "~5.3.30",
+    "@xyo-network/node-wrapper": "~5.3",
+    "@xyo-network/payload-builder": "~5.3.30",
+    "@xyo-network/payload-model": "~5.3.30",
+    "@xyo-network/payload-validator": "~5.3.30",
+    "@xyo-network/previous-hash-store-model": "~5.3.30",
+    "@xyo-network/sdk-js": "~5.3.30",
+    "@xyo-network/sentinel-abstract": "~5.3.30",
+    "@xyo-network/sentinel-memory": "~5.3.30",
+    "@xyo-network/sentinel-model": "~5.3.30",
+    "@xyo-network/wallet-model": "~5.3.30",
+    "@xyo-network/wasm": "~5.3.30",
+    "@xyo-network/witness-adhoc": "~5.3.30",
+    "@xyo-network/witness-model": "~5.3.30",
+    "ajv": "^8",
+    "axios": "^1.14.0",
+    "esbuild": "*",
     "ethers": "^6.16.0",
+    "mongodb": "^7.1.1",
+    "pako": "~2.1.0",
     "react": "~19.2.4",
     "react-dom": "~19.2.4",
-    "storybook": "^10.3.3",
+    "storybook": "^10.3.5",
     "typescript": "~5.9.3",
-    "vite": "~8.0.3",
+    "vite": "~8.0.7",
     "zod": "^4.3.6"
   },
   "peerDependencies": {
-    "@emotion/react": "~11",
-    "@emotion/styled": "~11",
-    "@mui/icons-material": ">=6 <8",
-    "@mui/material": ">=6 <8",
-    "@xyo-network/sdk-js": "~5.3.2",
-    "axios": "^1",
-    "react": "~19",
-    "react-dom": "~19",
-    "zod": "^4"
+    "@xyo-network/account": "~5.3.30",
+    "@xyo-network/account-model": "~5.3.30",
+    "@xyo-network/api-models": "~5.3.30",
+    "@xyo-network/archivist-abstract": "~5.3.30",
+    "@xyo-network/archivist-generic": "~5.3.30",
+    "@xyo-network/archivist-memory": "~5.3.30",
+    "@xyo-network/archivist-model": "~5.3.30",
+    "@xyo-network/archivist-view": "~5.3.30",
+    "@xyo-network/boundwitness-builder": "~5.3.30",
+    "@xyo-network/boundwitness-validator": "~5.3.30",
+    "@xyo-network/bridge-abstract": "~5.3.30",
+    "@xyo-network/bridge-model": "~5.3.30",
+    "@xyo-network/config-payload-plugin": "~5.3.30",
+    "@xyo-network/data": "~5.3.30",
+    "@xyo-network/diviner-boundwitness-memory": "~5.3.30",
+    "@xyo-network/diviner-identity": "~5.3.30",
+    "@xyo-network/diviner-model": "~5.3.30",
+    "@xyo-network/diviner-payload-generic": "~5.3.30",
+    "@xyo-network/diviner-payload-model": "~5.3.30",
+    "@xyo-network/dns": "~5.3.30",
+    "@xyo-network/domain-payload-plugin": "~5.3.30",
+    "@xyo-network/elliptic": "~5.3.30",
+    "@xyo-network/hash": "~5.3.30",
+    "@xyo-network/huri": "~5.3.30",
+    "@xyo-network/manifest-model": "~5.3.30",
+    "@xyo-network/module-abstract": "~5.3.30",
+    "@xyo-network/module-model": "~5.3.30",
+    "@xyo-network/module-resolver": "~5.3.30",
+    "@xyo-network/network": "~5.3.30",
+    "@xyo-network/node-abstract": "~5.3.30",
+    "@xyo-network/node-memory": "~5.3.30",
+    "@xyo-network/node-model": "~5.3.30",
+    "@xyo-network/node-view": "~5.3.30",
+    "@xyo-network/payload-builder": "~5.3.30",
+    "@xyo-network/payload-model": "~5.3.30",
+    "@xyo-network/payload-validator": "~5.3.30",
+    "@xyo-network/previous-hash-store-model": "~5.3.30",
+    "@xyo-network/sdk-js": "~5.3.25",
+    "@xyo-network/sentinel-abstract": "~5.3.30",
+    "@xyo-network/sentinel-memory": "~5.3.30",
+    "@xyo-network/sentinel-model": "~5.3.30",
+    "@xyo-network/wallet-model": "~5.3.30",
+    "@xyo-network/wasm": "~5.3.30",
+    "@xyo-network/witness-adhoc": "~5.3.30",
+    "@xyo-network/witness-model": "~5.3.30",
+    "pako": "~2.1.0",
+    "react": "~19.2.4"
   },
   "engines": {
-    "node": ">=22.3 <23"
+    "node": ">=24"
   },
   "engineStrict": true,
   "publishConfig": {
     "access": "restricted"
   },
-  "docs": "dist/docs.json"
-}
+  "docs": "dist/docs.json",
+  "scripts": {
+    "build-storybook": "storybook build",
+    "start": "storybook dev -p 6006"
+  }
+}

package/src/components/index.ts

@@ -1,2 +0,0 @@
-export * from './menu-item/index.ts'
-export * from './stack/index.ts'

package/src/components/menu-item/ActiveMenuItem.tsx

@@ -1,42 +0,0 @@
-import type { MenuItemProps } from '@mui/material'
-import {
-  MenuItem, styled, useTheme,
-} from '@mui/material'
-import React from 'react'
-
-export const ActiveMenuItem: React.FC<MenuItemProps & { active?: boolean }> = ({
-  active, children, sx, ...props
-}) => {
-  const theme = useTheme()
-  return (
-    <StyledMenuItem
-      disableRipple
-      sx={{
-        // left border color and background color for active state
-        'borderLeft': `5px solid ${active ? theme.vars.palette.secondary.light : 'transparent'}`,
-        'backgroundColor': active ? theme.vars.palette.secondary.dark : 'transparent',
-        // force white text color for active state for improved readability with background color
-        'color': active ? 'white' : 'unset',
-        '&:hover': {
-          // overriding default hover color and backgroundColor since active state conflicts visually with
-          // default styles of MenuItem hover
-          ...(active ? { backgroundColor: theme.vars.palette.secondary.dark } : {}),
-          color: active ? 'white' : 'unset',
-        },
-        ...sx,
-      }}
-      {...props}
-    >
-      {children}
-    </StyledMenuItem>
-  )
-}
-
-const StyledMenuItem = styled(MenuItem, { name: 'StyledMenuItem' })(({ theme }) => ({
-  display: 'flex-inline',
-  flexDirection: 'row',
-  gap: theme.spacing(1),
-  padding: 0,
-  paddingLeft: theme.spacing(1),
-  marginBottom: theme.spacing(1),
-}))

package/src/components/menu-item/index.ts

@@ -1 +0,0 @@
-export * from './ActiveMenuItem.tsx'

package/src/components/stack/DetailsStack.tsx

@@ -1,65 +0,0 @@
-import type { StackProps } from '@mui/material'
-import {
-  Stack, styled, Tooltip, Typography,
-  useTheme,
-} from '@mui/material'
-import { isDefined } from '@xylabs/sdk-js'
-import type {
-  ComponentType, ReactNode, SVGAttributes,
-} from 'react'
-import React, { useMemo } from 'react'
-
-const isComponentType = (value: unknown): value is ComponentType<SVGAttributes<SVGElement>> =>
-  typeof value === 'function'
-  || (typeof value === 'object' && value !== null && ('$$typeof' in value || 'render' in value))
-
-export interface DetailsStackProps extends StackProps {
-  IconComponent?: ComponentType<SVGAttributes<SVGElement>> | ReactNode
-  heading?: string
-  tooltipTitle?: string
-}
-
-export const DetailsStack: React.FC<DetailsStackProps> = ({
-  IconComponent, heading, children, tooltipTitle, ...props
-}) => {
-  const theme = useTheme()
-
-  const hasTooltip = isDefined(tooltipTitle)
-  const resolvedIconComponent = useMemo(() => {
-    return isComponentType(IconComponent)
-      ? (
-          <IconComponent
-            style={{
-              /** height and marginTop adjusted to account for font not filling container with line-height: 1 */
-              height: '0.85rem',
-              marginTop: 0.5,
-              marginLeft: theme.spacing(1),
-            }}
-          />
-        )
-      : IconComponent ?? null
-  }, [IconComponent, theme])
-
-  return (
-    <Stack direction="column" flexGrow={1} flexWrap="wrap" minWidth="1px" {...props}>
-      <SectionHeadingTypography>
-        {heading}
-        {hasTooltip
-          ? (
-              <Tooltip title={tooltipTitle}>
-                <span>{resolvedIconComponent}</span>
-              </Tooltip>
-            )
-          : resolvedIconComponent}
-      </SectionHeadingTypography>
-      {children}
-    </Stack>
-  )
-}
-
-const SectionHeadingTypography = styled(Typography, { name: 'SectionHeadingTypography' })(({ theme }) => ({
-  display: 'flex',
-  fontFamily: 'monospace',
-  lineHeight: 1,
-  marginBottom: theme.spacing(1.5),
-}))

package/src/components/stack/LabelValueStack.tsx

@@ -1,57 +0,0 @@
-import type { StackProps } from '@mui/material'
-import {
-  Stack, Typography, useTheme,
-} from '@mui/material'
-import { ellipsize, isAddress } from '@xylabs/sdk-js'
-import React from 'react'
-
-export interface LabelValueStackProps extends StackProps {
-  labels: string[]
-  values: (string | undefined)[]
-}
-
-export const LabelValueStack: React.FC<LabelValueStackProps> = ({
-  labels, values, ...props
-}) => {
-  const theme = useTheme()
-  const formattedValue = (value: string | undefined): string | undefined => {
-    if (isAddress(value)) {
-      return ellipsize(value, 8)
-    }
-    return value
-  }
-  return (
-    <Stack flexDirection="row" flexGrow={1} {...props}>
-      <Stack>
-        {labels.map(label => (
-          <Typography
-            fontWeight="300"
-            key={label}
-            variant="body2"
-            sx={{ borderBottom: `1px solid ${theme.vars?.palette.divider}`, opacity: 0.7 }}
-          >
-            {label}
-            :
-          </Typography>
-        ))}
-      </Stack>
-      <Stack alignItems="end" flexGrow={1}>
-        {values.map((value, index) => (
-          <Typography
-            title={value}
-            fontFamily="monospace"
-            variant="body2"
-            // Use matching label as key since values might be the same
-            key={labels[index]}
-            width="100%"
-            sx={{
-              display: 'flex', justifyContent: 'end', borderBottom: `1px solid ${theme.vars?.palette.divider}`,
-            }}
-          >
-            {formattedValue(value)}
-          </Typography>
-        ))}
-      </Stack>
-    </Stack>
-  )
-}

package/src/components/stack/index.ts

@@ -1,2 +0,0 @@
-export * from './DetailsStack.tsx'
-export * from './LabelValueStack.tsx'

package/src/index.ts

@@ -1,2 +0,0 @@
-export * from './components/index.ts'
-export * from './story/index.ts'

package/src/story/IframeWalletWarningDecorator.tsx

@@ -1,36 +0,0 @@
-import { Alert, Stack } from '@mui/material'
-import type { Decorator } from '@storybook/react-vite'
-import { isXyoGlobal } from '@xyo-network/react-chain-model'
-import React from 'react'
-
-const inIframe = globalThis.self !== window.top
-
-/**
- * Storybook decorator that displays warning banners when:
- * - the story is rendered inside an iframe (prompt user to open in a standalone tab), or
- * - the XYO wallet extension is not detected (prompt user to install it).
- *
- * Stories that require direct browser-extension access should use this decorator.
- */
-export const IframeWalletWarningDecorator: Decorator = (Story, args) => {
-  const hasXyoGlobal = isXyoGlobal((globalThis as Record<string, unknown>).xyo)
-  return (
-    <Stack gap={2}>
-      {inIframe
-        ? (
-            <Alert severity="warning">
-              This story is running in an iframe. Please run it in a standalone browser window to test the wallet extension.
-            </Alert>
-          )
-        : null}
-      {hasXyoGlobal
-        ? null
-        : (
-            <Alert severity="warning">
-              No wallet extension found. Please install the Xyo Wallet Chrome Extension.
-            </Alert>
-          )}
-      <Story {...args} />
-    </Stack>
-  )
-}

package/src/story/buildRandomBlockchain.ts

@@ -1,16 +0,0 @@
-import { buildRandomChain } from '@xyo-network/chain-protocol'
-import { Account } from '@xyo-network/sdk-js'
-
-export const buildRandomBlockChain = async (blockCount = 10) => {
-  // Create a producer
-  const initialBlockProducer = await Account.random()
-
-  // Create multiple blocks
-  const blocks = await buildRandomChain(initialBlockProducer, blockCount)
-  return blocks
-}
-
-export const buildRandomBlockChainBlocksOnly = async (blockCount = 10) => {
-  const chain = await buildRandomChain(await Account.random(), blockCount)
-  return chain
-}

package/src/story/index.ts

@@ -1,2 +0,0 @@
-export * from './buildRandomBlockchain.ts'
-export * from './IframeWalletWarningDecorator.tsx'

package/src/types/global.d.ts

@@ -1 +0,0 @@
-import '@mui/material/themeCssVarsAugmentation'