@xyo-network/xl1-react-client-sdk 1.30.1 → 1.30.3

package/dist/browser/shared/index.mjs.map

@@ -1 +1,7 @@
-{"version":3,"sources":["../../../src/shared/components/menu-item/ActiveMenuItem.tsx","../../../src/shared/components/stack/DetailsStack.tsx","../../../src/shared/components/stack/LabelValueStack.tsx","../../../src/shared/decorators/IframeWalletWarningDecorator.tsx","../../../src/model/types/XyoGlobal.ts"],"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\n      direction=\"column\"\n      {...props}\n      sx={{\n        flexGrow: 1,\n        flexWrap: 'wrap',\n        minWidth: '1px',\n        ...props.sx,\n      }}\n    >\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\n      {...props}\n      sx={{\n        flexDirection: 'row',\n        flexGrow: 1,\n        ...props.sx,\n      }}\n    >\n      <Stack>\n        {labels.map(label => (\n          <Typography\n            key={label}\n            variant=\"body2\"\n            sx={{\n              fontWeight: '300',\n              borderBottom: `1px solid ${theme.vars?.palette.divider}`,\n              opacity: 0.7,\n            }}\n          >\n            {label}\n            :\n          </Typography>\n        ))}\n      </Stack>\n      <Stack\n        sx={{\n          alignItems: 'end',\n          flexGrow: 1,\n        }}\n      >\n        {values.map((value, index) => (\n          <Typography\n            title={value}\n            variant=\"body2\"\n            // Use matching label as key since values might be the same\n            key={labels[index]}\n            sx={{\n              fontFamily: 'monospace',\n              width: '100%',\n              display: 'flex',\n              justifyContent: 'end',\n              borderBottom: `1px solid ${theme.vars?.palette.divider}`,\n            }}\n          >\n            {formattedValue(value)}\n          </Typography>\n        ))}\n      </Stack>\n    </Stack>\n  )\n}\n","import { Alert, Stack } from '@mui/material'\nimport type { Decorator } from '@storybook/react-vite'\nimport React from 'react'\n\nimport { isXyoGlobal } from '../../model/index.ts'\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 sx={{ 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","import { isDefinedNotNull, isObject } from '@xylabs/sdk-js'\nimport type {\n  NetworkBootstrap, NetworkId, XyoClient,\n} from '@xyo-network/xl1-sdk'\n\nexport interface XyoGlobal extends UninitializedXyoGlobal {\n  client: XyoClient\n  errors: Error[]\n}\n\n/**\n * Describes the initial state of the global XYO object before initialization\n * (i.e. before the client is initialized).\n *\n * `dataLakes` is optional because the wallet's data-lake provider is injected\n * by a separate content-script and may arrive before, after, or never relative\n * to the rest of `xyo`. Pages should null-check before using.\n */\nexport interface UninitializedXyoGlobal {\n  connections: Record<NetworkId, NetworkBootstrap>\n  sessionId: () => string\n  walletExtensionId: () => string\n}\n\nexport const isXyoGlobal = (obj: unknown): obj is XyoGlobal => {\n  return (\n    isDefinedNotNull(obj)\n    && isObject(obj)\n    && 'client' in obj\n    && 'connections' in obj\n    && 'errors' in obj\n    && 'sessionId' in obj\n    && 'walletExtensionId' in obj\n  )\n}\n\nexport const isUninitializedXyoGlobal = (obj: unknown): obj is UninitializedXyoGlobal => {\n  return (\n    isDefinedNotNull(obj)\n    && isObject(obj)\n    && 'connections' in obj\n    && 'sessionId' in obj\n    && 'walletExtensionId' in obj\n    && !('client' in obj)\n    && ('errors' in obj)\n    && Array.isArray((obj).errors)\n    && obj.errors.length === 0\n  )\n}\n"],"mappings":"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","names":["styled","useTheme","jsx","Stack","Typography","useTheme","jsx","jsxs","Stack","jsx","jsxs","Stack"]}
+{
+  "version": 3,
+  "sources": ["../../../src/shared/components/menu-item/ActiveMenuItem.tsx", "../../../src/shared/components/stack/DetailsStack.tsx", "../../../src/shared/components/stack/LabelValueStack.tsx", "../../../src/shared/decorators/IframeWalletWarningDecorator.tsx", "../../../src/model/types/XyoGlobal.ts"],
+  "sourcesContent": ["import type { MenuItemProps } from '@mui/material'\nimport { MenuItem, useTheme } 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    <MenuItem\n      disableRipple\n      sx={{\n        'display': 'flex-inline',\n        'flexDirection': 'row',\n        'gap': 1,\n        'padding': 0,\n        'paddingLeft': 1,\n        'marginBottom': 1,\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    </MenuItem>\n  )\n}\n", "import type { StackProps } from '@mui/material'\nimport {\n  Stack, Tooltip, Typography, 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\n      direction=\"column\"\n      {...props}\n      sx={{\n        flexGrow: 1,\n        flexWrap: 'wrap',\n        minWidth: '1px',\n        ...props.sx,\n      }}\n    >\n      <Typography\n        sx={{\n          display: 'flex',\n          fontFamily: 'monospace',\n          lineHeight: 1,\n          marginBottom: 1.5,\n        }}\n      >\n        {heading}\n        {hasTooltip\n          ? (\n              <Tooltip title={tooltipTitle}>\n                <span>{resolvedIconComponent}</span>\n              </Tooltip>\n            )\n          : resolvedIconComponent}\n      </Typography>\n      {children}\n    </Stack>\n  )\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\n      {...props}\n      sx={{\n        flexDirection: 'row',\n        flexGrow: 1,\n        ...props.sx,\n      }}\n    >\n      <Stack>\n        {labels.map(label => (\n          <Typography\n            key={label}\n            variant=\"body2\"\n            sx={{\n              fontWeight: '300',\n              borderBottom: `1px solid ${theme.vars?.palette.divider}`,\n              opacity: 0.7,\n            }}\n          >\n            {label}\n            :\n          </Typography>\n        ))}\n      </Stack>\n      <Stack\n        sx={{\n          alignItems: 'end',\n          flexGrow: 1,\n        }}\n      >\n        {values.map((value, index) => (\n          <Typography\n            title={value}\n            variant=\"body2\"\n            // Use matching label as key since values might be the same\n            key={labels[index]}\n            sx={{\n              fontFamily: 'monospace',\n              width: '100%',\n              display: 'flex',\n              justifyContent: 'end',\n              borderBottom: `1px solid ${theme.vars?.palette.divider}`,\n            }}\n          >\n            {formattedValue(value)}\n          </Typography>\n        ))}\n      </Stack>\n    </Stack>\n  )\n}\n", "import { Alert, Stack } from '@mui/material'\nimport type { Decorator } from '@storybook/react-vite'\nimport React from 'react'\n\nimport { isXyoGlobal } from '../../model/index.ts'\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 sx={{ 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", "import { isDefinedNotNull, isObject } from '@xylabs/sdk-js'\nimport type {\n  NetworkBootstrap, NetworkId, XyoClient,\n} from '@xyo-network/xl1-sdk'\n\nexport interface XyoGlobal extends UninitializedXyoGlobal {\n  client: XyoClient\n  errors: Error[]\n}\n\n/**\n * Describes the initial state of the global XYO object before initialization\n * (i.e. before the client is initialized).\n *\n * `dataLakes` is optional because the wallet's data-lake provider is injected\n * by a separate content-script and may arrive before, after, or never relative\n * to the rest of `xyo`. Pages should null-check before using.\n */\nexport interface UninitializedXyoGlobal {\n  connections: Record<NetworkId, NetworkBootstrap>\n  sessionId: () => string\n  walletExtensionId: () => string\n}\n\nexport const isXyoGlobal = (obj: unknown): obj is XyoGlobal => {\n  return (\n    isDefinedNotNull(obj)\n    && isObject(obj)\n    && 'client' in obj\n    && 'connections' in obj\n    && 'errors' in obj\n    && 'sessionId' in obj\n    && 'walletExtensionId' in obj\n  )\n}\n\nexport const isUninitializedXyoGlobal = (obj: unknown): obj is UninitializedXyoGlobal => {\n  return (\n    isDefinedNotNull(obj)\n    && isObject(obj)\n    && 'connections' in obj\n    && 'sessionId' in obj\n    && 'walletExtensionId' in obj\n    && !('client' in obj)\n    && ('errors' in obj)\n    && Array.isArray((obj).errors)\n    && obj.errors.length === 0\n  )\n}\n"],
+  "mappings": "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",
+  "names": ["useTheme", "jsx", "Stack", "Typography", "useTheme", "jsx", "jsxs", "Stack", "jsx", "jsxs", "Stack"]
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "$schema": "http://json.schemastore.org/package.json",
   "name": "@xyo-network/xl1-react-client-sdk",
-  "version": "1.30.1",
+  "version": "1.30.3",
   "description": "XL1 React Client/Wallet SDK",
   "homepage": "https://xylabs.com",
   "bugs": {
@@ -63,9 +63,9 @@
     "README.md"
   ],
   "dependencies": {
-    "@xyo-network/xl1-blockies": "~1.30.1",
-    "@xyo-network/xl1-protocol-lib": "~1.30.1",
-    "@xyo-network/xl1-sdk": "~1.30.1"
+    "@xyo-network/xl1-blockies": "~1.30.3",
+    "@xyo-network/xl1-protocol-lib": "~1.30.3",
+    "@xyo-network/xl1-sdk": "~1.30.3"
   },
   "devDependencies": {
     "@bitauth/libauth": "~3.0.0",
@@ -79,22 +79,22 @@
     "@react-spring/web": "~10.0.3",
     "@scure/base": "~2.2.0",
     "@scure/bip39": "~2.2.0",
-    "@storybook/react-vite": "^10.3.6",
+    "@storybook/react-vite": "^10.4.0",
     "@types/react": "^19.2.14",
     "@xylabs/fetch": "^5.1.2",
     "@xylabs/geo": "^5.1.2",
     "@xylabs/pixel": "~5.1.2",
-    "@xylabs/react-button": "~8.0",
-    "@xylabs/react-error": "~8.0",
-    "@xylabs/react-promise": "~8.0",
-    "@xylabs/react-shared": "~8.0",
-    "@xylabs/react-theme": "~8.0.0",
+    "@xylabs/react-button": "~8.0.2",
+    "@xylabs/react-error": "~8.0.2",
+    "@xylabs/react-promise": "~8.0.2",
+    "@xylabs/react-shared": "~8.0.2",
+    "@xylabs/react-theme": "~8.0.2",
     "@xylabs/sdk-js": "^5.1.2",
     "@xylabs/threads": "~5.1.2",
-    "@xylabs/toolchain": "~7.13.24",
-    "@xylabs/tsconfig": "~7.13.24",
-    "@xylabs/tsconfig-dom": "~7.13.24",
-    "@xylabs/tsconfig-react": "~7.13.24",
+    "@xylabs/toolchain": "~8.0.3",
+    "@xylabs/tsconfig": "~8.0.3",
+    "@xylabs/tsconfig-dom": "~8.0.3",
+    "@xylabs/tsconfig-react": "~8.0.3",
     "@xyo-network/account": "~5.6.2",
     "@xyo-network/account-model": "~5.6.3",
     "@xyo-network/api": "~5.6.2",
@@ -141,10 +141,10 @@
     "recharts": "~3.8.1",
     "spark-md5": "~3.0.2",
     "store2": "~2.14.4",
-    "storybook": "^10.3.6",
-    "typescript": "~5.9.3",
+    "storybook": "^10.4.0",
+    "typescript": "~6.0.3",
     "uuid": "~14.0.0",
-    "vite": "^8.0.12",
+    "vite": "^8.0.13",
     "wasm-feature-detect": "~1.8.0",
     "webextension-polyfill": "^0.12.0",
     "zod": "~4.4.3"