@xyo-network/react-embed 2.81.10 → 2.83.0

package/dist/browser/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/embed-card/card/BusyCard.tsx","../../src/components/embed-card/card/EmbedCardHeader.tsx","../../src/contexts/EmbedPluginContext/Context.ts","../../src/contexts/EmbedPluginContext/Provider.tsx","../../src/contexts/EmbedPluginContext/use.ts","../../src/contexts/RefreshPayloadContext/Provider.tsx","../../src/contexts/RefreshPayloadContext/Context.ts","../../src/contexts/RefreshPayloadContext/use.ts","../../src/contexts/ResolvePayloadContext/Context.ts","../../src/contexts/ResolvePayloadContext/Provider.tsx","../../src/contexts/ResolvePayloadContext/use.ts","../../src/contexts/ValidatePayloadContext/Provider.tsx","../../src/contexts/ValidatePayloadContext/Context.ts","../../src/contexts/ValidatePayloadContext/use.ts","../../src/components/embed-card/menu/EmbedMenu.tsx","../../src/components/embed-card/menu/JsonMenuItem.tsx","../../src/components/embed-card/card/EmbedPluginCard.tsx","../../src/components/controls/EmbedFormControl.tsx","../../src/components/controls/ListModeSelect.tsx","../../src/components/controls/RenderSelect.tsx","../../src/components/embed-card/EmbedPluginCard.tsx","../../src/components/EmbedPlugin.tsx","../../src/components/EmbedResolver.tsx","../../src/components/validation-alerts/ValidatePayload.tsx","../../src/components/validation-alerts/ValidatePlugins.tsx","../../src/components/embed-card/error-handling/EmbedCardApiErrorRenderer.tsx","../../src/components/embed-card/error-handling/EmbedErrorCard.tsx"],"sourcesContent":["import { Card, CardProps } from '@mui/material'\nimport { useBusyTiming } from '@xylabs/react-flexbox'\nimport {\n  BusyCircularProgress,\n  BusyCircularProgressProps,\n  BusyLinearProgress,\n  BusyLinearProgressProps,\n  BusyVariant,\n  WithChildren,\n} from '@xylabs/react-shared'\nimport React from 'react'\n\nexport interface BusyCardProps extends CardProps {\n  busy?: boolean\n  busyMinimum?: number\n  busyVariant?: BusyVariant\n  busyVariantProps?: BusyCircularProgressProps | BusyLinearProgressProps\n}\n\nexport const BusyCard: React.FC<WithChildren<BusyCardProps>> = ({\n  busy,\n  busyMinimum = 500,\n  busyVariant = 'circular',\n  busyVariantProps,\n  children,\n  ...props\n}) => {\n  const internalBusy = useBusyTiming(busy, busyMinimum)\n  return (\n    <Card {...props}>\n      {children}\n      {busyVariant === 'circular' && internalBusy\n        ? <BusyCircularProgress {...(busyVariantProps as BusyCircularProgressProps)} />\n        : null}\n      {busyVariant === 'linear' && internalBusy\n        ? <BusyLinearProgress {...(busyVariantProps as BusyLinearProgressProps)} />\n        : null}\n    </Card>\n  )\n}\n","import { Refresh as RefreshIcon } from '@mui/icons-material'\nimport { Avatar, CardHeader, CardHeaderProps, Chip, Theme } from '@mui/material'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport React from 'react'\n\nimport { useEmbedPluginState, useResolvePayload } from '../../../contexts/index.ts'\nimport { EmbedMenu } from '../menu/index.ts'\n\nexport const EmbedCardHeader: React.FC<CardHeaderProps> = () => {\n  const { refreshHuri, huri } = useResolvePayload()\n  const { activePlugin, timestampLabel, hideElementsConfig } = useEmbedPluginState()\n  const { hideAvatar, hideTitle, hideRefreshButton, hideTimestamp, hideCardActions } = hideElementsConfig ?? {}\n  // this is temporary so that we can add the ability to get a timestamp via diviner later\n  const timestamp = Date.now()\n  return (\n    <CardHeader\n      sx={{ flexWrap: 'wrap', rowGap: 1 }}\n      avatar={\n        hideAvatar\n          ? <></>\n          : (\n              <Avatar sx={{ bgcolor: (theme: Theme) => theme.palette.primary.main }} aria-label={activePlugin?.name}>\n                {activePlugin?.name?.charAt(0)}\n              </Avatar>\n            )\n      }\n      action={(\n        <FlexRow flexWrap=\"wrap\" columnGap={0.5}>\n          {timestamp\n            ? hideTimestamp && hideRefreshButton\n              ? ''\n              : (\n                  <Chip\n                    avatar={hideRefreshButton ? <></> : <RefreshIcon />}\n                    clickable={hideRefreshButton ? false : true}\n                    onClick={refreshHuri}\n                    label={hideTimestamp ? '' : `${timestampLabel} ${new Date(timestamp).toLocaleString()}`}\n                  />\n                )\n\n            : null}\n          {/* Huri case is valid as long as the only menu item is JSON */}\n          {hideCardActions || huri === undefined ? null : <EmbedMenu />}\n        </FlexRow>\n      )}\n      title={hideTitle ? '' : activePlugin?.name}\n    />\n  )\n}\n","import { createContextEx } from '@xyo-network/react-shared'\n\nimport { EmbedPluginState } from './State.ts'\n\nexport const EmbedPluginContext = createContextEx<EmbedPluginState>()\n","import { WithChildren } from '@xylabs/react-shared'\nimport { PayloadRenderPlugin } from '@xyo-network/react-payload-plugin'\nimport React, { useEffect, useState } from 'react'\n\nimport { EmbedPluginContext } from './Context.ts'\nimport { EmbedPluginBase } from './State.ts'\n\nexport type EmbedPluginProviderProps = EmbedPluginBase\n\n/** Expose passed embed plugin props via context */\nexport const EmbedPluginProvider: React.FC<WithChildren<EmbedPluginProviderProps>> = ({\n  children,\n  refreshTitle,\n  timestampLabel,\n  hideElementsConfig,\n  plugins,\n  embedPluginConfig,\n}) => {\n  const [activePlugin, setActivePlugin] = useState<PayloadRenderPlugin | undefined>(plugins ? plugins[0] : undefined)\n\n  useEffect(() => {\n    setActivePlugin(plugins ? plugins[0] : undefined)\n  }, [plugins])\n\n  return (\n    <EmbedPluginContext.Provider\n      // eslint-disable-next-line @eslint-react/no-unstable-context-value\n      value={{\n        activePlugin,\n        embedPluginConfig,\n        hideElementsConfig,\n        provided: true,\n        refreshTitle,\n        setActivePlugin,\n        timestampLabel,\n      }}\n    >\n      {children}\n    </EmbedPluginContext.Provider>\n  )\n}\n","import { useContextEx } from '@xyo-network/react-shared'\n\nimport { EmbedPluginContext } from './Context.ts'\n\nexport const useEmbedPluginState = () => useContextEx(EmbedPluginContext, 'EmbedPlugin', true)\n","import { WithChildren } from '@xylabs/react-shared'\nimport React, { useState } from 'react'\n\nimport { RefreshPayloadContext } from './Context.ts'\n\nexport interface RefreshPayloadProps {\n  onRefresh?: () => void\n  refreshPayload?: boolean\n}\n\nexport const RefreshPayloadProvider: React.FC<WithChildren<RefreshPayloadProps>> = ({ children, onRefresh, refreshPayload }) => {\n  const [localRefreshPayload, setRefreshPayload] = useState(refreshPayload)\n\n  return (\n    // eslint-disable-next-line @eslint-react/no-unstable-context-value\n    <RefreshPayloadContext.Provider value={{ onRefresh, provided: true, refreshPayload: localRefreshPayload, setRefreshPayload }}>\n      {children}\n    </RefreshPayloadContext.Provider>\n  )\n}\n","import { createContextEx } from '@xyo-network/react-shared'\n\nimport { RefreshPayloadState } from './State.ts'\n\nexport const RefreshPayloadContext = createContextEx<RefreshPayloadState>()\n","import { useContextEx } from '@xyo-network/react-shared'\n\nimport { RefreshPayloadContext } from './Context.ts'\n\nexport const useRefreshPayload = () => useContextEx(RefreshPayloadContext, 'RefreshPayload', true)\n","import { createContextEx } from '@xyo-network/react-shared'\n\nimport { ResolvePayloadState } from './State.ts'\n\nexport const ResolvePayloadContext = createContextEx<ResolvePayloadState>()\n","import { delay } from '@xylabs/delay'\nimport { useAsyncEffect } from '@xylabs/react-async-effect'\nimport { WithChildren } from '@xylabs/react-shared'\nimport { Huri } from '@xyo-network/huri'\nimport { ModuleError, ModuleErrorSchema, Payload } from '@xyo-network/payload-model'\nimport React, { useEffect, useState } from 'react'\n\nimport { useRefreshPayload } from '../RefreshPayloadContext/index.ts'\nimport { ResolvePayloadContext } from './Context.ts'\nimport { ResolvePayloadState } from './State.ts'\n\nexport type ResolvePayloadProviderProps = Omit<ResolvePayloadState, 'provided'>\n\nexport const ResolvePayloadProvider: React.FC<WithChildren<ResolvePayloadProviderProps>> = ({ children, huriPayload }) => {\n  const [payload, setPayload] = useState<Payload>()\n  const [huri, setHuri] = useState<string>()\n  const { refreshPayload, setRefreshPayload, onRefresh } = useRefreshPayload()\n\n  useEffect(() => {\n    // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n    typeof huriPayload === 'string' ? setHuri(huriPayload) : undefined\n    if (typeof huriPayload === 'object') {\n      setPayload(huriPayload)\n      setRefreshPayload?.(true)\n    }\n  }, [huriPayload, setRefreshPayload])\n\n  const [notFound, setNotFound] = useState<boolean>()\n  const [huriError, setHuriError] = useState<ModuleError>()\n\n  useAsyncEffect(\n    async (mounted) => {\n      if (huri && !refreshPayload) {\n        try {\n          const huriInstance = new Huri(huri)\n          const result = await huriInstance.fetch()\n          // ensure the busy state can stay for a moment to avoid flashing too quickly\n          await delay(500)\n\n          if (mounted()) {\n            setNotFound(result === null)\n            setPayload(result)\n            setRefreshPayload?.(true)\n          }\n        } catch (e) {\n          const error = e as Error\n          setHuriError({ message: error.message, schema: ModuleErrorSchema, sources: [] })\n        }\n      }\n    },\n    [huri, payload, refreshPayload, setRefreshPayload],\n  )\n\n  const refreshHuri = () => {\n    onRefresh?.()\n    if (huri) {\n      setRefreshPayload?.(false)\n    }\n  }\n\n  return (\n    // eslint-disable-next-line @eslint-react/no-unstable-context-value\n    <ResolvePayloadContext.Provider value={{ huri, huriError, notFound, payload, provided: true, refreshHuri, setPayload }}>\n      {children}\n    </ResolvePayloadContext.Provider>\n  )\n}\n","import { useContextEx } from '@xyo-network/react-shared'\n\nimport { ResolvePayloadContext } from './Context.ts'\n\nexport const useResolvePayload = () => useContextEx(ResolvePayloadContext, 'ResolvePayload', true)\n","import { Chip } from '@mui/material'\nimport { useAsyncEffect } from '@xylabs/react-async-effect'\nimport { WithChildren } from '@xylabs/react-shared'\nimport { SchemaCache, SchemaNameToValidatorMap } from '@xyo-network/schema-cache'\nimport React, { useState } from 'react'\n\nimport { useResolvePayload } from '../ResolvePayloadContext/index.ts'\nimport { ValidatePayloadContext } from './Context.ts'\n\nexport interface ValidatePayloadProviderProps {\n  // Opt-in flag to validate payloads for the plugin(s)\n  enabled?: boolean\n}\n\nexport const ValidatePayloadProvider: React.FC<WithChildren<ValidatePayloadProviderProps>> = ({ children, enabled = false }) => {\n  const { payload } = useResolvePayload()\n  const [initialized, setInitialized] = useState(false)\n  const [valid, setValid] = useState<boolean>()\n\n  useAsyncEffect(\n    async () => {\n      if (payload && enabled) {\n        await SchemaCache.instance.get(payload.schema)\n\n        const possibleKnownSchema = payload.schema as keyof SchemaNameToValidatorMap\n\n        if (SchemaCache.instance.validators[possibleKnownSchema]) {\n          const validator = SchemaCache.instance.validators[possibleKnownSchema]\n          setValid(validator?.(payload))\n        }\n        setInitialized(true)\n      }\n    },\n    [payload, enabled],\n  )\n\n  return (\n    // eslint-disable-next-line @eslint-react/no-unstable-context-value\n    <ValidatePayloadContext.Provider value={{ enabled, provided: true, schema: payload?.schema, validPayload: valid }}>\n      {enabled\n        ? <>{initialized ? children : <Chip label=\"Validating Payload...\" />}</>\n        : children}\n    </ValidatePayloadContext.Provider>\n  )\n}\n","import { createContextEx } from '@xyo-network/react-shared'\n\nimport { ValidatePayloadState } from './State.ts'\n\nexport const ValidatePayloadContext = createContextEx<ValidatePayloadState>()\n","import { useContextEx } from '@xyo-network/react-shared'\n\nimport { ValidatePayloadContext } from './Context.ts'\n\nexport const useValidatePayload = () => useContextEx(ValidatePayloadContext, 'ValidateSchema', true)\n","import { MoreVert as MoreVertIcon } from '@mui/icons-material'\nimport { IconButton, IconButtonProps, Menu } from '@mui/material'\nimport React, { useState } from 'react'\n\nimport { JsonMenuItem } from './JsonMenuItem.tsx'\n\nexport const EmbedMenu: React.FC<IconButtonProps> = (props) => {\n  // TODO - link to explore website\n  const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null)\n  const open = Boolean(anchorEl)\n\n  const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n    setAnchorEl(event.currentTarget)\n  }\n  const handleClose = () => {\n    setAnchorEl(null)\n  }\n\n  return (\n    <>\n      <IconButton onClick={handleClick} {...props}>\n        <MoreVertIcon />\n      </IconButton>\n      <Menu anchorEl={anchorEl} open={open} onClose={handleClose} PaperProps={{ variant: 'elevation' }} MenuListProps={{ dense: true }}>\n        <JsonMenuItem />\n      </Menu>\n    </>\n  )\n}\n","import { OpenInNew as OpenInNewIcon } from '@mui/icons-material'\nimport { ListItemIcon, ListItemText, MenuItem, MenuItemProps } from '@mui/material'\nimport React from 'react'\n\nimport { useResolvePayload } from '../../../contexts/index.ts'\n\nexport const JsonMenuItem: React.FC<MenuItemProps> = (props) => {\n  const { huri } = useResolvePayload()\n\n  return (\n    <>\n      {huri\n        ? (\n            <MenuItem title=\"Source Payload JSON\" onClick={() => window.open(huri, '_blank')} {...props}>\n              <ListItemText sx={{ mr: 1 }}>JSON</ListItemText>\n              <ListItemIcon sx={{ justifyContent: 'end' }}>\n                <OpenInNewIcon fontSize=\"small\" />\n              </ListItemIcon>\n            </MenuItem>\n          )\n        : null}\n    </>\n  )\n}\n","import { CardContent } from '@mui/material'\nimport { FlexGrowRow } from '@xylabs/react-flexbox'\nimport { useListMode } from '@xyo-network/react-shared'\nimport React from 'react'\n\nimport { useEmbedPluginState, useResolvePayload } from '../../../contexts/index.ts'\nimport { EmbedRenderSelect, ListModeSelectFormControl } from '../../controls/index.ts'\nimport { BusyCard, BusyCardProps } from './BusyCard.tsx'\nimport { EmbedCardHeader } from './EmbedCardHeader.tsx'\n\nexport const EmbedPluginCard: React.FC<BusyCardProps> = ({ ...props }) => {\n  const { payload } = useResolvePayload()\n  const { activePlugin: ActivePlugin, plugins, hideElementsConfig } = useEmbedPluginState()\n  const { listMode } = useListMode()\n  const supportsListMode = ActivePlugin?.components?.box?.listModes?.length ?? 0 > 1\n\n  return (\n    <BusyCard {...props}>\n      {hideElementsConfig?.hideCardHeader ? null : <EmbedCardHeader />}\n      {/* Only show the row if the children are present */}\n      {(plugins && plugins.length > 0) || supportsListMode\n        ? (\n            <FlexGrowRow columnGap={2} rowGap={2} flexWrap=\"wrap\" pb={1}>\n              {plugins && plugins.length > 1\n                ? <EmbedRenderSelect />\n                : null}\n              {supportsListMode\n                ? <ListModeSelectFormControl />\n                : null}\n            </FlexGrowRow>\n          )\n        : null}\n      <CardContent sx={{ height: '100%' }}>\n        {ActivePlugin\n          ? <ActivePlugin.components.box.detailsBox payload={payload} {...(supportsListMode && { listMode })} />\n          : null}\n      </CardContent>\n    </BusyCard>\n  )\n}\n","import { FormControl, FormControlProps, InputLabel } from '@mui/material'\nimport { WithChildren } from '@xylabs/react-shared'\nimport React from 'react'\n\ninterface EmbedFormControlProps extends FormControlProps {\n  formId?: string\n  formLabel?: string\n}\n\nexport const EmbedFormControl: React.FC<WithChildren<EmbedFormControlProps>> = ({ formId, formLabel, children, ...props }) => {\n  return (\n    <FormControl {...props}>\n      <InputLabel id={formId}>{formLabel}</InputLabel>\n      {children}\n    </FormControl>\n  )\n}\n","import { MenuItem } from '@mui/material'\nimport { SelectEx, SelectExProps } from '@xylabs/react-select'\nimport { ListMode, useListMode } from '@xyo-network/react-shared'\nimport React from 'react'\n\nimport { EmbedFormControl } from './EmbedFormControl.tsx'\n\nconst listModeSelectId = 'listmode-select-id'\nconst listModeSelectLabel = 'List Mode'\n\nexport const ListModeSelect: React.FC<SelectExProps<ListMode>> = (props) => {\n  const { listMode, setListMode } = useListMode()\n\n  return (\n    <SelectEx<ListMode>\n      value={(listMode ?? 'default') as ListMode}\n      onChange={(event) => {\n        setListMode?.(event.target.value as ListMode)\n      }}\n      {...props}\n    >\n      <MenuItem key=\"default\" value=\"default\">\n        Default\n      </MenuItem>\n      <MenuItem key=\"table\" value=\"table\">\n        Table\n      </MenuItem>\n      <MenuItem key=\"grid\" value=\"grid\">\n        Grid\n      </MenuItem>\n    </SelectEx>\n  )\n}\n\nexport const ListModeSelectFormControl: React.FC<SelectExProps<ListMode>> = (props) => {\n  return (\n    <EmbedFormControl formId={listModeSelectId} formLabel={listModeSelectLabel}>\n      <ListModeSelect size=\"small\" label={listModeSelectLabel} labelId={listModeSelectId} {...props} />\n    </EmbedFormControl>\n  )\n}\n","import { MenuItem } from '@mui/material'\nimport { SelectEx, SelectExProps } from '@xylabs/react-select'\nimport React from 'react'\n\nimport { useEmbedPluginState } from '../../contexts/index.ts'\nimport { EmbedFormControl } from './EmbedFormControl.tsx'\n\nconst renderSelectId = 'render-select-id'\nconst renderSelectLabel = 'Renderer'\n\nexport const EmbedRenderSelect: React.FC<SelectExProps<string>> = (props) => {\n  const { activePlugin, setActivePlugin, plugins } = useEmbedPluginState()\n  return (\n    <EmbedFormControl formId={renderSelectId} formLabel={renderSelectLabel}>\n      <SelectEx size=\"small\" value={activePlugin?.name} {...props}>\n        {plugins?.map(plugin => (\n          <MenuItem value={plugin.name} key={plugin.name} onClick={() => setActivePlugin?.(plugin)}>\n            {plugin.name}\n          </MenuItem>\n        ))}\n      </SelectEx>\n    </EmbedFormControl>\n  )\n}\n","import { useTheme } from '@mui/material'\nimport { WithChildren } from '@xylabs/react-shared'\nimport React from 'react'\n\nimport { useRefreshPayload, useResolvePayload } from '../../contexts/index.ts'\nimport { EmbedPluginProps } from '../../types/index.ts'\nimport { EmbedPluginInner } from '../EmbedPlugin.tsx'\nimport { BusyCardProps, EmbedPluginCard } from './card/index.ts'\nimport { EmbedCardApiErrorRenderer } from './error-handling/index.ts'\n\nexport interface EmbedPluginCardProps extends WithChildren, EmbedPluginProps, BusyCardProps {}\n\nexport const ApiEmbedPluginCard: React.FC<EmbedPluginCardProps> = ({ children, ...props }) => {\n  const {\n    validateSchema,\n    plugins = [],\n    huriPayload,\n    refreshTitle = '',\n    timestampLabel = 'Data From',\n    hideElementsConfig,\n    embedPluginConfig,\n    onRefresh,\n    ...busyCardProps\n  } = props\n\n  return (\n    <EmbedPluginInner\n      {...{\n        embedPluginConfig,\n        hideElementsConfig,\n        huriPayload,\n        onRefresh,\n        plugins,\n        refreshTitle,\n        timestampLabel,\n        validateSchema,\n      }}\n    >\n      <EmbedPluginCardInner {...busyCardProps} />\n      {children}\n    </EmbedPluginInner>\n  )\n}\n\nexport const EmbedPluginCardInner: React.FC<BusyCardProps> = (props) => {\n  const { payload, huriError } = useResolvePayload()\n  const { refreshPayload } = useRefreshPayload()\n  const theme = useTheme()\n\n  return (\n    <EmbedCardApiErrorRenderer xyoError={huriError}>\n      <EmbedPluginCard\n        elevation={3}\n        variant=\"elevation\"\n        busy={Boolean(!refreshPayload && payload)}\n        busyVariantProps={{ style: { alignItems: 'start', paddingTop: theme.spacing(2), zIndex: 2 } }}\n        sx={{ position: 'relative' }}\n        {...props}\n      />\n    </EmbedCardApiErrorRenderer>\n  )\n}\n\n/** @deprecated - use EmbedPluginCard and use CardProps instead of FlexBoxProps */\n\nexport { EmbedPluginCard as EmbedPlugin } from './card/index.ts'\n","import { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { WithChildren } from '@xylabs/react-shared'\nimport { ErrorBoundary, ListModeProvider } from '@xyo-network/react-shared'\nimport React from 'react'\n\nimport { EmbedPluginProvider, RefreshPayloadProvider, ResolvePayloadProvider, ValidatePayloadProvider } from '../contexts/index.ts'\nimport { EmbedPluginProps } from '../types/index.ts'\nimport { EmbedResolver } from './EmbedResolver.tsx'\nimport { ValidatePayloadAlert, ValidatePluginsAlert } from './validation-alerts/index.ts'\n\nexport const EmbedPluginInner: React.FC<WithChildren<EmbedPluginProps>> = ({\n  validateSchema,\n  plugins,\n  huriPayload,\n  refreshTitle = '',\n  timestampLabel = 'Data From',\n  hideElementsConfig,\n  embedPluginConfig,\n  onRefresh,\n  children,\n}) => {\n  return (\n    <ErrorBoundary>\n      <EmbedPluginProvider\n        refreshTitle={refreshTitle}\n        timestampLabel={timestampLabel}\n        hideElementsConfig={hideElementsConfig}\n        plugins={plugins}\n        embedPluginConfig={embedPluginConfig}\n      >\n        <WithResolvers onRefresh={onRefresh} huriPayload={huriPayload}>\n          <WithValidators validateSchema={validateSchema}>\n            <ListModeProvider defaultListMode={embedPluginConfig?.listMode}>{children}</ListModeProvider>\n          </WithValidators>\n        </WithResolvers>\n      </EmbedPluginProvider>\n    </ErrorBoundary>\n  )\n}\n\ninterface WithResolversProps extends Pick<EmbedPluginProps, 'onRefresh' | 'huriPayload'>, FlexBoxProps {}\n\nconst WithResolvers: React.FC<WithChildren<WithResolversProps>> = ({ children, onRefresh, huriPayload }) => {\n  return (\n    <RefreshPayloadProvider onRefresh={onRefresh}>\n      <ResolvePayloadProvider huriPayload={huriPayload}>\n        <EmbedResolver>{children}</EmbedResolver>\n      </ResolvePayloadProvider>\n    </RefreshPayloadProvider>\n  )\n}\n\nconst WithValidators: React.FC<WithChildren<{ validateSchema?: boolean }>> = ({ children, validateSchema }) => {\n  return (\n    <ValidatePayloadProvider enabled={validateSchema}>\n      <ValidatePluginsAlert>\n        <ValidatePayloadAlert>{children}</ValidatePayloadAlert>\n      </ValidatePluginsAlert>\n    </ValidatePayloadProvider>\n  )\n}\n","import { WithChildren } from '@xylabs/react-shared'\nimport { LoadResult } from '@xyo-network/react-shared'\nimport React from 'react'\n\nimport { useResolvePayload } from '../contexts/index.ts'\n\nexport const EmbedResolver: React.FC<WithChildren> = ({ children }) => {\n  const { payload, notFound, huriError } = useResolvePayload()\n\n  return (\n    <LoadResult searchResult={payload} notFound={!!notFound} error={!!huriError}>\n      {children}\n    </LoadResult>\n  )\n}\n","import { Alert, AlertProps } from '@mui/material'\nimport { WithChildren } from '@xylabs/react-shared'\nimport React from 'react'\n\nimport { useValidatePayload } from '../../contexts/index.ts'\n\nexport const ValidatePayloadAlert: React.FC<WithChildren<AlertProps>> = ({ children, ...props }) => {\n  const { validPayload, enabled, schema } = useValidatePayload()\n\n  if (enabled && validPayload === false) {\n    return (\n      <Alert severity=\"error\" title=\"Invalid Payload!\" {...props}>\n        Payload schema claimed to be\n        {' '}\n        {schema}\n        {' '}\n        but failed to validate.\n      </Alert>\n    )\n  }\n\n  return <>{children}</>\n}\n","import { Alert, AlertProps, AlertTitle } from '@mui/material'\nimport { WithChildren } from '@xylabs/react-shared'\nimport React from 'react'\n\nimport { useEmbedPluginState, useResolvePayload } from '../../contexts/index.ts'\n\nexport const ValidatePluginsAlert: React.FC<WithChildren<AlertProps>> = ({ children, ...props }) => {\n  const { payload } = useResolvePayload()\n  const { plugins } = useEmbedPluginState()\n\n  if (payload && plugins?.length === 0) {\n    return (\n      <Alert severity=\"warning\" {...props}>\n        <AlertTitle>Missing plugins!</AlertTitle>\n        Payload found but no plugins were present.\n      </Alert>\n    )\n  }\n\n  return <>{children}</>\n}\n","import { CardProps } from '@mui/material'\nimport { WithChildren } from '@xylabs/react-shared'\nimport { ModuleError } from '@xyo-network/payload-model'\nimport { ErrorAlert, ErrorRender } from '@xyo-network/react-error'\nimport React from 'react'\n\nimport { EmbedErrorCard } from './EmbedErrorCard.tsx'\n\ninterface EmbedCardApiErrorRendererProps extends CardProps {\n  xyoError?: ModuleError\n}\n\nexport const EmbedCardApiErrorRenderer: React.FC<WithChildren<EmbedCardApiErrorRendererProps>> = ({ xyoError, children, ...props }) => {\n  return (\n    <ErrorRender error={xyoError} noReAuth noErrorDisplay customError={<CustomApiErrorCard xyoError={xyoError} {...props} />}>\n      {children}\n    </ErrorRender>\n  )\n}\n\nconst CustomApiErrorCard: React.FC<EmbedCardApiErrorRendererProps> = ({ xyoError, ...props }) => {\n  return (\n    <EmbedErrorCard {...props}>\n      <ErrorAlert error={xyoError} />\n    </EmbedErrorCard>\n  )\n}\n","import { Alert, AlertProps, AlertTitle, Card, CardContent, CardProps, Typography } from '@mui/material'\nimport { WithChildren } from '@xylabs/react-shared'\nimport React from 'react'\n\ninterface EmbedErrorCardBaseProps {\n  alertProps?: AlertProps\n  error?: Error\n  hideErrorDetails?: boolean\n  scope?: string\n}\n\ninterface EmbedErrorCardProps extends EmbedErrorCardBaseProps, CardProps {}\n\nexport const EmbedErrorCard: React.FC<WithChildren<EmbedErrorCardProps>> = (props) => {\n  const { alertProps, error, scope, hideErrorDetails = true, children, ...cardProps } = props\n  const errorProps = { alertProps, error, hideErrorDetails, scope }\n  return (\n    <Card {...cardProps}>\n      <CardContent>{children ?? <DefaultErrorAlert {...errorProps} />}</CardContent>\n    </Card>\n  )\n}\n\nconst DefaultErrorAlert: React.FC<EmbedErrorCardBaseProps> = ({ alertProps, scope, hideErrorDetails, error }) => {\n  return (\n    <Alert severity=\"error\" {...alertProps}>\n      <AlertTitle>Whoops! Something went wrong</AlertTitle>\n      {scope\n        ? (\n            <Typography variant=\"caption\">\n              Scope:\n              {scope}\n            </Typography>\n          )\n        : null}\n      {!hideErrorDetails && error\n        ? (\n            <>\n              <Typography variant=\"caption\">Error: </Typography>\n              <Typography variant=\"caption\">{error?.message}</Typography>\n            </>\n          )\n        : (\n            <Typography variant=\"caption\" fontSize=\"small\">\n              Error Loading Plugin\n            </Typography>\n          )}\n    </Alert>\n  )\n}\n"],"mappings":"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","names":["Card","useBusyTiming","BusyCircularProgress","BusyLinearProgress","React","BusyCard","busy","busyMinimum","busyVariant","busyVariantProps","children","props","internalBusy","useBusyTiming","Card","BusyCircularProgress","BusyLinearProgress","Refresh","RefreshIcon","Avatar","CardHeader","Chip","FlexRow","React","createContextEx","EmbedPluginContext","React","useEffect","useState","EmbedPluginProvider","children","refreshTitle","timestampLabel","hideElementsConfig","plugins","embedPluginConfig","activePlugin","setActivePlugin","useState","undefined","useEffect","React","EmbedPluginContext","Provider","value","provided","useContextEx","useEmbedPluginState","useContextEx","EmbedPluginContext","React","useState","createContextEx","RefreshPayloadContext","RefreshPayloadProvider","children","onRefresh","refreshPayload","localRefreshPayload","setRefreshPayload","useState","React","RefreshPayloadContext","Provider","value","provided","useContextEx","useRefreshPayload","useContextEx","RefreshPayloadContext","createContextEx","ResolvePayloadContext","delay","useAsyncEffect","Huri","ModuleErrorSchema","React","useEffect","useState","ResolvePayloadProvider","children","huriPayload","payload","setPayload","useState","huri","setHuri","refreshPayload","setRefreshPayload","onRefresh","useRefreshPayload","useEffect","undefined","notFound","setNotFound","huriError","setHuriError","useAsyncEffect","mounted","huriInstance","Huri","result","fetch","delay","e","error","message","schema","ModuleErrorSchema","sources","refreshHuri","React","ResolvePayloadContext","Provider","value","provided","useContextEx","useResolvePayload","useContextEx","ResolvePayloadContext","Chip","useAsyncEffect","SchemaCache","React","useState","createContextEx","ValidatePayloadContext","ValidatePayloadProvider","children","enabled","payload","useResolvePayload","initialized","setInitialized","useState","valid","setValid","useAsyncEffect","SchemaCache","instance","get","schema","possibleKnownSchema","validators","validator","React","ValidatePayloadContext","Provider","value","provided","validPayload","Chip","label","useContextEx","useValidatePayload","useContextEx","ValidatePayloadContext","MoreVert","MoreVertIcon","IconButton","Menu","React","useState","OpenInNew","OpenInNewIcon","ListItemIcon","ListItemText","MenuItem","React","JsonMenuItem","props","huri","useResolvePayload","React","MenuItem","title","onClick","window","open","ListItemText","sx","mr","ListItemIcon","justifyContent","OpenInNewIcon","fontSize","EmbedMenu","props","anchorEl","setAnchorEl","useState","open","Boolean","handleClick","event","currentTarget","handleClose","React","IconButton","onClick","MoreVertIcon","Menu","onClose","PaperProps","variant","MenuListProps","dense","JsonMenuItem","EmbedCardHeader","refreshHuri","huri","useResolvePayload","activePlugin","timestampLabel","hideElementsConfig","useEmbedPluginState","hideAvatar","hideTitle","hideRefreshButton","hideTimestamp","hideCardActions","timestamp","Date","now","React","CardHeader","sx","flexWrap","rowGap","avatar","Avatar","bgcolor","theme","palette","primary","main","aria-label","name","charAt","action","FlexRow","columnGap","Chip","RefreshIcon","clickable","onClick","label","toLocaleString","undefined","EmbedMenu","title","CardContent","FlexGrowRow","useListMode","React","FormControl","InputLabel","React","EmbedFormControl","formId","formLabel","children","props","React","FormControl","InputLabel","id","MenuItem","SelectEx","useListMode","React","listModeSelectId","listModeSelectLabel","ListModeSelect","props","listMode","setListMode","useListMode","React","SelectEx","value","onChange","event","target","MenuItem","key","ListModeSelectFormControl","EmbedFormControl","formId","formLabel","size","label","labelId","MenuItem","SelectEx","React","renderSelectId","renderSelectLabel","EmbedRenderSelect","props","activePlugin","setActivePlugin","plugins","useEmbedPluginState","React","EmbedFormControl","formId","formLabel","SelectEx","size","value","name","map","plugin","MenuItem","key","onClick","EmbedPluginCard","props","payload","useResolvePayload","activePlugin","ActivePlugin","plugins","hideElementsConfig","useEmbedPluginState","listMode","useListMode","supportsListMode","components","box","listModes","length","React","BusyCard","hideCardHeader","EmbedCardHeader","FlexGrowRow","columnGap","rowGap","flexWrap","pb","EmbedRenderSelect","ListModeSelectFormControl","CardContent","sx","height","detailsBox","useTheme","React","ErrorBoundary","ListModeProvider","React","LoadResult","React","EmbedResolver","children","payload","notFound","huriError","useResolvePayload","React","LoadResult","searchResult","error","Alert","React","ValidatePayloadAlert","children","props","validPayload","enabled","schema","useValidatePayload","React","Alert","severity","title","Alert","AlertTitle","React","ValidatePluginsAlert","children","props","payload","useResolvePayload","plugins","useEmbedPluginState","length","React","Alert","severity","AlertTitle","EmbedPluginInner","validateSchema","plugins","huriPayload","refreshTitle","timestampLabel","hideElementsConfig","embedPluginConfig","onRefresh","children","React","ErrorBoundary","EmbedPluginProvider","WithResolvers","WithValidators","ListModeProvider","defaultListMode","listMode","RefreshPayloadProvider","ResolvePayloadProvider","EmbedResolver","ValidatePayloadProvider","enabled","ValidatePluginsAlert","ValidatePayloadAlert","ErrorAlert","ErrorRender","React","Alert","AlertTitle","Card","CardContent","Typography","React","EmbedErrorCard","props","alertProps","error","scope","hideErrorDetails","children","cardProps","errorProps","React","Card","CardContent","DefaultErrorAlert","Alert","severity","AlertTitle","Typography","variant","message","fontSize","EmbedCardApiErrorRenderer","xyoError","children","props","React","ErrorRender","error","noReAuth","noErrorDisplay","customError","CustomApiErrorCard","EmbedErrorCard","ErrorAlert","ApiEmbedPluginCard","children","props","validateSchema","plugins","huriPayload","refreshTitle","timestampLabel","hideElementsConfig","embedPluginConfig","onRefresh","busyCardProps","React","EmbedPluginInner","EmbedPluginCardInner","payload","huriError","useResolvePayload","refreshPayload","useRefreshPayload","theme","useTheme","EmbedCardApiErrorRenderer","xyoError","EmbedPluginCard","elevation","variant","busy","Boolean","busyVariantProps","style","alignItems","paddingTop","spacing","zIndex","sx","position"]}

package/package.json

@@ -10,30 +10,30 @@
     "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/issues"
   },
   "dependencies": {
-    "@mui/icons-material": "^5.16.5",
-    "@mui/material": "^5.16.5",
-    "@mui/styles": "^5.16.5",
-    "@xylabs/delay": "^3.6.4",
-    "@xylabs/react-async-effect": "^3.4.1",
-    "@xylabs/react-flexbox": "^3.4.1",
-    "@xylabs/react-select": "^3.4.1",
-    "@xylabs/react-shared": "^3.4.1",
-    "@xyo-network/huri": "^2.110.9",
-    "@xyo-network/payload-model": "^2.110.9",
-    "@xyo-network/react-error": "^2.81.10",
-    "@xyo-network/react-payload-plugin": "^2.81.10",
-    "@xyo-network/react-shared": "^2.81.10",
-    "@xyo-network/schema-cache": "^2.110.9",
+    "@mui/icons-material": "^5.16.6",
+    "@mui/material": "^5.16.6",
+    "@mui/styles": "^5.16.6",
+    "@xylabs/delay": "^3.6.12",
+    "@xylabs/react-async-effect": "^3.4.2",
+    "@xylabs/react-flexbox": "^3.4.2",
+    "@xylabs/react-select": "^3.4.2",
+    "@xylabs/react-shared": "^3.4.2",
+    "@xyo-network/huri": "^2.111.3",
+    "@xyo-network/payload-model": "^2.111.3",
+    "@xyo-network/react-error": "^2.83.0",
+    "@xyo-network/react-payload-plugin": "^2.83.0",
+    "@xyo-network/react-shared": "^2.83.0",
+    "@xyo-network/schema-cache": "^2.111.3",
     "react": "^18.3.1",
     "react-dom": "^18.3.1"
   },
   "devDependencies": {
-    "@storybook/react": "^7.6.20",
-    "@xylabs/ts-scripts-yarn3": "^3.12.4",
-    "@xylabs/tsconfig-react": "^3.12.4",
-    "@xyo-network/react-aggregate-price-plugin": "^2.81.10",
-    "@xyo-network/react-crypto-market-uniswap-plugin": "^2.81.10",
-    "react-router-dom": "^6.25.1",
+    "@storybook/react": "^8.2.7",
+    "@xylabs/ts-scripts-yarn3": "^4.0.0-rc.7",
+    "@xylabs/tsconfig-react": "^4.0.0-rc.7",
+    "@xyo-network/react-aggregate-price-plugin": "^2.83.0",
+    "@xyo-network/react-crypto-market-uniswap-plugin": "^2.83.0",
+    "react-router-dom": "^6.26.0",
     "typescript": "^5.5.4"
   },
   "peerDependencies": {
@@ -44,32 +44,16 @@
   "docs": "dist/docs.json",
   "exports": {
     ".": {
-      "node": {
-        "import": {
-          "types": "./dist/node/index.d.mts",
-          "default": "./dist/node/index.js"
-        },
-        "require": {
-          "types": "./dist/node/index.d.cts",
-          "default": "./dist/node/index.cjs"
-        }
+      "import": {
+        "types": "./dist/browser/index.d.ts",
+        "default": "./dist/browser/index.mjs"
       },
-      "browser": {
-        "import": {
-          "types": "./dist/browser/index.d.mts",
-          "default": "./dist/browser/index.js"
-        },
-        "require": {
-          "types": "./dist/browser/index.d.cts",
-          "default": "./dist/browser/index.cjs"
-        }
-      },
-      "default": "./dist/browser/index.js"
+      "types": "./dist/browser/index.d.ts",
+      "default": "./dist/browser/index.mjs"
     },
     "./package.json": "./package.json"
   },
-  "main": "dist/browser/index.cjs",
-  "module": "dist/browser/index.js",
+  "module": "dist/browser/index.mjs",
   "homepage": "https://xyo.network",
   "keywords": [
     "xyo",
@@ -91,6 +75,6 @@
   },
   "sideEffects": false,
   "types": "dist/browser/index.d.ts",
-  "version": "2.81.10",
+  "version": "2.83.0",
   "type": "module"
 }

package/src/components/EmbedPlugin.tsx

@@ -1,15 +1,16 @@
 import { FlexBoxProps } from '@xylabs/react-flexbox'
 import { WithChildren } from '@xylabs/react-shared'
 import { ErrorBoundary, ListModeProvider } from '@xyo-network/react-shared'
+import React from 'react'
 
-import { EmbedPluginProvider, RefreshPayloadProvider, ResolvePayloadProvider, ValidatePayloadProvider } from '../contexts/index.js'
-import { EmbedPluginProps } from '../types/index.js'
-import { EmbedResolver } from './EmbedResolver.js'
-import { ValidatePayloadAlert, ValidatePluginsAlert } from './validation-alerts/index.js'
+import { EmbedPluginProvider, RefreshPayloadProvider, ResolvePayloadProvider, ValidatePayloadProvider } from '../contexts/index.ts'
+import { EmbedPluginProps } from '../types/index.ts'
+import { EmbedResolver } from './EmbedResolver.tsx'
+import { ValidatePayloadAlert, ValidatePluginsAlert } from './validation-alerts/index.ts'
 
 export const EmbedPluginInner: React.FC<WithChildren<EmbedPluginProps>> = ({
   validateSchema,
-  plugins = [],
+  plugins,
   huriPayload,
   refreshTitle = '',
   timestampLabel = 'Data From',

package/src/components/EmbedResolver.tsx

@@ -1,7 +1,8 @@
 import { WithChildren } from '@xylabs/react-shared'
 import { LoadResult } from '@xyo-network/react-shared'
+import React from 'react'
 
-import { useResolvePayload } from '../contexts/index.js'
+import { useResolvePayload } from '../contexts/index.ts'
 
 export const EmbedResolver: React.FC<WithChildren> = ({ children }) => {
   const { payload, notFound, huriError } = useResolvePayload()

package/src/components/controls/EmbedFormControl.tsx

@@ -1,5 +1,6 @@
 import { FormControl, FormControlProps, InputLabel } from '@mui/material'
 import { WithChildren } from '@xylabs/react-shared'
+import React from 'react'
 
 interface EmbedFormControlProps extends FormControlProps {
   formId?: string

package/src/components/controls/ListModeSelect.tsx

@@ -1,8 +1,9 @@
 import { MenuItem } from '@mui/material'
 import { SelectEx, SelectExProps } from '@xylabs/react-select'
 import { ListMode, useListMode } from '@xyo-network/react-shared'
+import React from 'react'
 
-import { EmbedFormControl } from './EmbedFormControl.js'
+import { EmbedFormControl } from './EmbedFormControl.tsx'
 
 const listModeSelectId = 'listmode-select-id'
 const listModeSelectLabel = 'List Mode'

package/src/components/controls/RenderSelect.tsx

@@ -1,8 +1,9 @@
 import { MenuItem } from '@mui/material'
 import { SelectEx, SelectExProps } from '@xylabs/react-select'
+import React from 'react'
 
-import { useEmbedPluginState } from '../../contexts/index.js'
-import { EmbedFormControl } from './EmbedFormControl.js'
+import { useEmbedPluginState } from '../../contexts/index.ts'
+import { EmbedFormControl } from './EmbedFormControl.tsx'
 
 const renderSelectId = 'render-select-id'
 const renderSelectLabel = 'Renderer'
@@ -12,7 +13,7 @@ export const EmbedRenderSelect: React.FC<SelectExProps<string>> = (props) => {
   return (
     <EmbedFormControl formId={renderSelectId} formLabel={renderSelectLabel}>
       <SelectEx size="small" value={activePlugin?.name} {...props}>
-        {plugins?.map((plugin) => (
+        {plugins?.map(plugin => (
           <MenuItem value={plugin.name} key={plugin.name} onClick={() => setActivePlugin?.(plugin)}>
             {plugin.name}
           </MenuItem>

package/src/components/controls/index.ts

@@ -1,3 +1,3 @@
-export * from './EmbedFormControl.js'
-export * from './ListModeSelect.js'
-export * from './RenderSelect.js'
+export * from './EmbedFormControl.tsx'
+export * from './ListModeSelect.tsx'
+export * from './RenderSelect.tsx'

package/src/components/embed-card/EmbedCardResolver.tsx

@@ -2,9 +2,10 @@ import { useTheme } from '@mui/material'
 import { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'
 import { WithChildren } from '@xylabs/react-shared'
 import { LoadResult } from '@xyo-network/react-shared'
+import React from 'react'
 
-import { useRefreshPayload, useResolvePayload } from '../../contexts/index.js'
-import { EmbedCardApiErrorRenderer } from './error-handling/index.js'
+import { useRefreshPayload, useResolvePayload } from '../../contexts/index.ts'
+import { EmbedCardApiErrorRenderer } from './error-handling/index.ts'
 
 export const EmbedCardResolverFlexBox: React.FC<WithChildren<FlexBoxProps>> = ({ children, ...props }) => {
   const { payload, notFound, huriError } = useResolvePayload()

package/src/components/embed-card/EmbedPluginCard.tsx

@@ -1,11 +1,12 @@
 import { useTheme } from '@mui/material'
 import { WithChildren } from '@xylabs/react-shared'
+import React from 'react'
 
-import { useRefreshPayload, useResolvePayload } from '../../contexts/index.js'
-import { EmbedPluginProps } from '../../types/index.js'
-import { EmbedPluginInner } from '../EmbedPlugin.js'
-import { BusyCardProps, EmbedPluginCard } from './card/index.js'
-import { EmbedCardApiErrorRenderer } from './error-handling/index.js'
+import { useRefreshPayload, useResolvePayload } from '../../contexts/index.ts'
+import { EmbedPluginProps } from '../../types/index.ts'
+import { EmbedPluginInner } from '../EmbedPlugin.tsx'
+import { BusyCardProps, EmbedPluginCard } from './card/index.ts'
+import { EmbedCardApiErrorRenderer } from './error-handling/index.ts'
 
 export interface EmbedPluginCardProps extends WithChildren, EmbedPluginProps, BusyCardProps {}
 
@@ -62,4 +63,4 @@ export const EmbedPluginCardInner: React.FC<BusyCardProps> = (props) => {
 
 /** @deprecated - use EmbedPluginCard and use CardProps instead of FlexBoxProps */
 
-export { EmbedPluginCard as EmbedPlugin } from './card/index.js'
+export { EmbedPluginCard as EmbedPlugin } from './card/index.ts'

package/src/components/embed-card/card/BusyCard.tsx

@@ -8,6 +8,7 @@ import {
   BusyVariant,
   WithChildren,
 } from '@xylabs/react-shared'
+import React from 'react'
 
 export interface BusyCardProps extends CardProps {
   busy?: boolean
@@ -28,12 +29,12 @@ export const BusyCard: React.FC<WithChildren<BusyCardProps>> = ({
   return (
     <Card {...props}>
       {children}
-      {busyVariant === 'circular' && internalBusy ?
-        <BusyCircularProgress {...(busyVariantProps as BusyCircularProgressProps)} />
-      : null}
-      {busyVariant === 'linear' && internalBusy ?
-        <BusyLinearProgress {...(busyVariantProps as BusyLinearProgressProps)} />
-      : null}
+      {busyVariant === 'circular' && internalBusy
+        ? <BusyCircularProgress {...(busyVariantProps as BusyCircularProgressProps)} />
+        : null}
+      {busyVariant === 'linear' && internalBusy
+        ? <BusyLinearProgress {...(busyVariantProps as BusyLinearProgressProps)} />
+        : null}
     </Card>
   )
 }

package/src/components/embed-card/card/EmbedCardHeader.tsx

@@ -1,43 +1,48 @@
 import { Refresh as RefreshIcon } from '@mui/icons-material'
 import { Avatar, CardHeader, CardHeaderProps, Chip, Theme } from '@mui/material'
 import { FlexRow } from '@xylabs/react-flexbox'
+import React from 'react'
 
-import { useEmbedPluginState, useResolvePayload } from '../../../contexts/index.js'
-import { EmbedMenu } from '../menu/index.js'
+import { useEmbedPluginState, useResolvePayload } from '../../../contexts/index.ts'
+import { EmbedMenu } from '../menu/index.ts'
 
 export const EmbedCardHeader: React.FC<CardHeaderProps> = () => {
   const { refreshHuri, huri } = useResolvePayload()
   const { activePlugin, timestampLabel, hideElementsConfig } = useEmbedPluginState()
   const { hideAvatar, hideTitle, hideRefreshButton, hideTimestamp, hideCardActions } = hideElementsConfig ?? {}
-  //this is temporary so that we can add the ability to get a timestamp via diviner later
+  // this is temporary so that we can add the ability to get a timestamp via diviner later
   const timestamp = Date.now()
   return (
     <CardHeader
       sx={{ flexWrap: 'wrap', rowGap: 1 }}
       avatar={
-        hideAvatar ?
-          <></>
-        : <Avatar sx={{ bgcolor: (theme: Theme) => theme.palette.primary.main }} aria-label={activePlugin?.name}>
-            {activePlugin?.name?.charAt(0)}
-          </Avatar>
+        hideAvatar
+          ? <></>
+          : (
+              <Avatar sx={{ bgcolor: (theme: Theme) => theme.palette.primary.main }} aria-label={activePlugin?.name}>
+                {activePlugin?.name?.charAt(0)}
+              </Avatar>
+            )
       }
-      action={
+      action={(
         <FlexRow flexWrap="wrap" columnGap={0.5}>
-          {timestamp ?
-            hideTimestamp && hideRefreshButton ?
-              ''
-            : <Chip
-                avatar={hideRefreshButton ? <></> : <RefreshIcon />}
-                clickable={hideRefreshButton ? false : true}
-                onClick={refreshHuri}
-                label={hideTimestamp ? '' : `${timestampLabel} ${new Date(timestamp).toLocaleString()}`}
-              />
+          {timestamp
+            ? hideTimestamp && hideRefreshButton
+              ? ''
+              : (
+                  <Chip
+                    avatar={hideRefreshButton ? <></> : <RefreshIcon />}
+                    clickable={hideRefreshButton ? false : true}
+                    onClick={refreshHuri}
+                    label={hideTimestamp ? '' : `${timestampLabel} ${new Date(timestamp).toLocaleString()}`}
+                  />
+                )
 
-          : null}
+            : null}
           {/* Huri case is valid as long as the only menu item is JSON */}
           {hideCardActions || huri === undefined ? null : <EmbedMenu />}
         </FlexRow>
-      }
+      )}
       title={hideTitle ? '' : activePlugin?.name}
     />
   )

package/src/components/embed-card/card/EmbedPluginCard.tsx

@@ -1,11 +1,12 @@
 import { CardContent } from '@mui/material'
 import { FlexGrowRow } from '@xylabs/react-flexbox'
 import { useListMode } from '@xyo-network/react-shared'
+import React from 'react'
 
-import { useEmbedPluginState, useResolvePayload } from '../../../contexts/index.js'
-import { EmbedRenderSelect, ListModeSelectFormControl } from '../../controls/index.js'
-import { BusyCard, BusyCardProps } from './BusyCard.js'
-import { EmbedCardHeader } from './EmbedCardHeader.js'
+import { useEmbedPluginState, useResolvePayload } from '../../../contexts/index.ts'
+import { EmbedRenderSelect, ListModeSelectFormControl } from '../../controls/index.ts'
+import { BusyCard, BusyCardProps } from './BusyCard.tsx'
+import { EmbedCardHeader } from './EmbedCardHeader.tsx'
 
 export const EmbedPluginCard: React.FC<BusyCardProps> = ({ ...props }) => {
   const { payload } = useResolvePayload()
@@ -17,20 +18,22 @@ export const EmbedPluginCard: React.FC<BusyCardProps> = ({ ...props }) => {
     <BusyCard {...props}>
       {hideElementsConfig?.hideCardHeader ? null : <EmbedCardHeader />}
       {/* Only show the row if the children are present */}
-      {(plugins && plugins.length > 0) || supportsListMode ?
-        <FlexGrowRow columnGap={2} rowGap={2} flexWrap="wrap" pb={1}>
-          {plugins && plugins.length > 1 ?
-            <EmbedRenderSelect />
-          : null}
-          {supportsListMode ?
-            <ListModeSelectFormControl />
-          : null}
-        </FlexGrowRow>
-      : null}
-      <CardContent sx={{ height: '100%' }}>
-        {ActivePlugin ?
-          <ActivePlugin.components.box.detailsBox payload={payload} {...(supportsListMode && { listMode })} />
+      {(plugins && plugins.length > 0) || supportsListMode
+        ? (
+            <FlexGrowRow columnGap={2} rowGap={2} flexWrap="wrap" pb={1}>
+              {plugins && plugins.length > 1
+                ? <EmbedRenderSelect />
+                : null}
+              {supportsListMode
+                ? <ListModeSelectFormControl />
+                : null}
+            </FlexGrowRow>
+          )
         : null}
+      <CardContent sx={{ height: '100%' }}>
+        {ActivePlugin
+          ? <ActivePlugin.components.box.detailsBox payload={payload} {...(supportsListMode && { listMode })} />
+          : null}
       </CardContent>
     </BusyCard>
   )

package/src/components/embed-card/card/index.ts

@@ -1,3 +1,3 @@
-export * from './BusyCard.js'
-export * from './EmbedCardHeader.js'
-export * from './EmbedPluginCard.js'
+export * from './BusyCard.tsx'
+export * from './EmbedCardHeader.tsx'
+export * from './EmbedPluginCard.tsx'

package/src/components/embed-card/error-handling/EmbedCardApiErrorRenderer.tsx

@@ -2,8 +2,9 @@ import { CardProps } from '@mui/material'
 import { WithChildren } from '@xylabs/react-shared'
 import { ModuleError } from '@xyo-network/payload-model'
 import { ErrorAlert, ErrorRender } from '@xyo-network/react-error'
+import React from 'react'
 
-import { EmbedErrorCard } from './EmbedErrorCard.js'
+import { EmbedErrorCard } from './EmbedErrorCard.tsx'
 
 interface EmbedCardApiErrorRendererProps extends CardProps {
   xyoError?: ModuleError

package/src/components/embed-card/error-handling/EmbedErrorCard.tsx

@@ -1,5 +1,6 @@
 import { Alert, AlertProps, AlertTitle, Card, CardContent, CardProps, Typography } from '@mui/material'
 import { WithChildren } from '@xylabs/react-shared'
+import React from 'react'
 
 interface EmbedErrorCardBaseProps {
   alertProps?: AlertProps
@@ -24,18 +25,26 @@ const DefaultErrorAlert: React.FC<EmbedErrorCardBaseProps> = ({ alertProps, scop
   return (
     <Alert severity="error" {...alertProps}>
       <AlertTitle>Whoops! Something went wrong</AlertTitle>
-      {scope ?
-        <Typography variant="caption">Scope: {scope}</Typography>
-      : null}
-      {!hideErrorDetails && error ?
-        <>
-          <Typography variant="caption">Error: </Typography>
-          <Typography variant="caption">{error?.message}</Typography>
-        </>
-      : <Typography variant="caption" fontSize="small">
-          Error Loading Plugin
-        </Typography>
-      }
+      {scope
+        ? (
+            <Typography variant="caption">
+              Scope:
+              {scope}
+            </Typography>
+          )
+        : null}
+      {!hideErrorDetails && error
+        ? (
+            <>
+              <Typography variant="caption">Error: </Typography>
+              <Typography variant="caption">{error?.message}</Typography>
+            </>
+          )
+        : (
+            <Typography variant="caption" fontSize="small">
+              Error Loading Plugin
+            </Typography>
+          )}
     </Alert>
   )
 }

package/src/components/embed-card/error-handling/index.ts

@@ -1,2 +1,2 @@
-export * from './EmbedCardApiErrorRenderer.js'
-export * from './EmbedErrorCard.js'
+export * from './EmbedCardApiErrorRenderer.tsx'
+export * from './EmbedErrorCard.tsx'

package/src/components/embed-card/index.ts

@@ -1,2 +1,2 @@
-export * from './card/index.js'
-export * from './EmbedPluginCard.js'
+export * from './card/index.ts'
+export * from './EmbedPluginCard.tsx'

package/src/components/embed-card/menu/EmbedMenu.tsx

@@ -1,8 +1,8 @@
 import { MoreVert as MoreVertIcon } from '@mui/icons-material'
 import { IconButton, IconButtonProps, Menu } from '@mui/material'
-import { useState } from 'react'
+import React, { useState } from 'react'
 
-import { JsonMenuItem } from './JsonMenuItem.js'
+import { JsonMenuItem } from './JsonMenuItem.tsx'
 
 export const EmbedMenu: React.FC<IconButtonProps> = (props) => {
   // TODO - link to explore website