@xyo-network/react-embed 2.64.0 → 2.64.1

package/dist/browser/components/embed-card/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/embed-card/index.ts"],"sourcesContent":["export * from './card'\nexport * from './EmbedPluginCard'\n"],"mappings":"AAAA,cAAc;AACd,cAAc;","names":[]}
+{"version":3,"sources":["../../../../src/components/embed-card/card/BusyCard.tsx","../../../../src/components/embed-card/card/EmbedCardHeader.tsx","../../../../src/contexts/EmbedPluginContext/Context.tsx","../../../../src/contexts/EmbedPluginContext/Provider.tsx","../../../../src/contexts/EmbedPluginContext/use.tsx","../../../../src/contexts/RefreshPayloadContext/Provider.tsx","../../../../src/contexts/RefreshPayloadContext/Context.tsx","../../../../src/contexts/RefreshPayloadContext/use.tsx","../../../../src/contexts/ResolvePayloadContext/Context.ts","../../../../src/contexts/ResolvePayloadContext/Provider.tsx","../../../../src/contexts/ResolvePayloadContext/use.tsx","../../../../src/contexts/ValidatePayloadContext/Provider.tsx","../../../../src/contexts/ValidatePayloadContext/Context.ts","../../../../src/contexts/ValidatePayloadContext/use.tsx","../../../../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'\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 ? <BusyCircularProgress {...(busyVariantProps as BusyCircularProgressProps)} /> : null}\n      {busyVariant === 'linear' && internalBusy ? <BusyLinearProgress {...(busyVariantProps as BusyLinearProgressProps)} /> : 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'\n\nimport { useEmbedPluginState, useResolvePayload } from '../../../contexts'\nimport { EmbedMenu } from '../menu'\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          ) : 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'\n\nexport const EmbedPluginContext = createContextEx<EmbedPluginState>()\n","import { WithChildren } from '@xylabs/react-shared'\nimport { PayloadRenderPlugin } from '@xyo-network/react-payload-plugin'\nimport { useEffect, useState } from 'react'\n\nimport { EmbedPluginContext } from './Context'\nimport { EmbedPluginBase } from './State'\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      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'\n\nexport const useEmbedPluginState = () => useContextEx(EmbedPluginContext, 'EmbedPlugin', true)\n","import { WithChildren } from '@xylabs/react-shared'\nimport { useState } from 'react'\n\nimport { RefreshPayloadContext } from './Context'\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    <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'\n\nexport const RefreshPayloadContext = createContextEx<RefreshPayloadState>()\n","import { useContextEx } from '@xyo-network/react-shared'\n\nimport { RefreshPayloadContext } from './Context'\n\nexport const useRefreshPayload = () => useContextEx(RefreshPayloadContext, 'RefreshPayload', true)\n","import { createContextEx } from '@xyo-network/react-shared'\n\nimport { ResolvePayloadState } from './State'\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 { useEffect, useState } from 'react'\n\nimport { useRefreshPayload } from '../RefreshPayloadContext'\nimport { ResolvePayloadContext } from './Context'\nimport { ResolvePayloadState } from './State'\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    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    // eslint-disable-next-line react-hooks/exhaustive-deps\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    <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'\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 { useState } from 'react'\n\nimport { useResolvePayload } from '../ResolvePayloadContext'\nimport { ValidatePayloadContext } from './Context'\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    // eslint-disable-next-line react-hooks/exhaustive-deps\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    <ValidatePayloadContext.Provider value={{ enabled, provided: true, schema: payload?.schema, validPayload: valid }}>\n      {enabled ? <>{initialized ? children : <Chip label=\"Validating Payload...\" />}</> : children}\n    </ValidatePayloadContext.Provider>\n  )\n}\n","import { createContextEx } from '@xyo-network/react-shared'\n\nimport { ValidatePayloadState } from './State'\n\nexport const ValidatePayloadContext = createContextEx<ValidatePayloadState>()\n","import { useContextEx } from '@xyo-network/react-shared'\n\nimport { ValidatePayloadContext } from './Context'\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 { useState } from 'react'\n\nimport { JsonMenuItem } from './JsonMenuItem'\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'\n\nimport { useResolvePayload } from '../../../contexts'\n\nexport const JsonMenuItem: React.FC<MenuItemProps> = (props) => {\n  const { huri } = useResolvePayload()\n\n  return (\n    <>\n      {huri ? (\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      ) : null}\n    </>\n  )\n}\n","import { CardContent } from '@mui/material'\nimport { FlexGrowRow } from '@xylabs/react-flexbox'\nimport { useListMode } from '@xyo-network/react-shared'\n\nimport { useEmbedPluginState, useResolvePayload } from '../../../contexts'\nimport { EmbedRenderSelect, ListModeSelectFormControl } from '../../controls'\nimport { BusyCard, BusyCardProps } from './BusyCard'\nimport { EmbedCardHeader } from './EmbedCardHeader'\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) || supportsListMode ? (\n        <FlexGrowRow columnGap={2} rowGap={2} flexWrap=\"wrap\" pb={1}>\n          {plugins && plugins.length > 1 ? <EmbedRenderSelect /> : null}\n          {supportsListMode ? <ListModeSelectFormControl /> : null}\n        </FlexGrowRow>\n      ) : null}\n      <CardContent sx={{ height: '100%' }}>\n        {ActivePlugin ? <ActivePlugin.components.box.detailsBox payload={payload} {...(supportsListMode && { listMode })} /> : null}\n      </CardContent>\n    </BusyCard>\n  )\n}\n","import { FormControl, FormControlProps, InputLabel } from '@mui/material'\nimport { WithChildren } from '@xylabs/react-shared'\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, Select, SelectProps } from '@mui/material'\nimport { ListMode, useListMode } from '@xyo-network/react-shared'\n\nimport { EmbedFormControl } from './EmbedFormControl'\n\nconst listModeSelectId = 'listmode-select-id'\nconst listModeSelectLabel = 'List Mode'\n\nexport const ListModeSelect: React.FC<SelectProps<ListMode>> = (props) => {\n  const { listMode, setListMode } = useListMode()\n\n  return (\n    <Select<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    </Select>\n  )\n}\n\nexport const ListModeSelectFormControl: React.FC<SelectProps<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, Select, SelectProps } from '@mui/material'\n\nimport { useEmbedPluginState } from '../../contexts'\nimport { EmbedFormControl } from './EmbedFormControl'\n\nconst renderSelectId = 'render-select-id'\nconst renderSelectLabel = 'Renderer'\n\nexport const EmbedRenderSelect: React.FC<SelectProps> = (props) => {\n  const { activePlugin, setActivePlugin, plugins } = useEmbedPluginState()\n  return (\n    <EmbedFormControl formId={renderSelectId} formLabel={renderSelectLabel}>\n      <Select 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      </Select>\n    </EmbedFormControl>\n  )\n}\n","import { useTheme } from '@mui/material'\nimport { WithChildren } from '@xylabs/react-shared'\n\nimport { useRefreshPayload, useResolvePayload } from '../../contexts'\nimport { EmbedPluginProps } from '../../types'\nimport { EmbedPluginInner } from '../EmbedPlugin'\nimport { BusyCardProps, EmbedPluginCard } from './card'\nimport { EmbedCardApiErrorRenderer } from './error-handling'\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 */\nexport const EmbedPlugin = EmbedPluginCard\n","import { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { WithChildren } from '@xylabs/react-shared'\nimport { ErrorBoundary, ListModeProvider } from '@xyo-network/react-shared'\n\nimport { EmbedPluginProvider, RefreshPayloadProvider, ResolvePayloadProvider, ValidatePayloadProvider } from '../contexts'\nimport { EmbedPluginProps } from '../types'\nimport { EmbedResolver } from './EmbedResolver'\nimport { ValidatePayloadAlert, ValidatePluginsAlert } from './validation-alerts'\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'\n\nimport { useResolvePayload } from '../contexts'\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'\n\nimport { useValidatePayload } from '../../contexts'\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 {schema} 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'\n\nimport { useEmbedPluginState, useResolvePayload } from '../../contexts'\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>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'\n\nimport { EmbedErrorCard } from './EmbedErrorCard'\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'\n\ninterface EmbedErrorCardBaseProps {\n  alertProps?: AlertProps\n  error?: Error\n  hideErrorDetails?: boolean\n}\n\ninterface EmbedErrorCardProps extends EmbedErrorCardBaseProps, CardProps {\n  alertProps?: AlertProps\n  error?: Error\n}\n\nexport const EmbedErrorCard: React.FC<WithChildren<EmbedErrorCardProps>> = (props) => {\n  const { alertProps, error, hideErrorDetails = true, children, ...cardProps } = props\n  const errorProps = { alertProps, error, hideErrorDetails }\n  return (\n    <Card {...cardProps}>\n      <CardContent>{children ?? <DefaultErrorAlert {...errorProps} />}</CardContent>\n    </Card>\n  )\n}\n\nconst DefaultErrorAlert: React.FC<EmbedErrorCardBaseProps> = ({ alertProps, hideErrorDetails, error }) => {\n  return (\n    <Alert severity=\"error\" {...alertProps}>\n      <AlertTitle>Whoops! Something went wrong</AlertTitle>\n      {!hideErrorDetails && error ? (\n        <>\n          <Typography variant=\"caption\">Error: </Typography>\n          <Typography variant=\"caption\">{error?.message}</Typography>\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":["Chip","jsx","useState","createContextEx","jsx","useState","useContextEx","useContextEx","createContextEx","useEffect","useState","jsx","useState","useEffect","useContextEx","useContextEx","useAsyncEffect","useState","createContextEx","jsx","useState","useAsyncEffect","useContextEx","useContextEx","useState","Fragment","jsx","jsxs","Fragment","jsx","jsxs","useState","Fragment","jsx","jsxs","Chip","useListMode","jsx","jsxs","MenuItem","jsx","jsxs","MenuItem","MenuItem","Select","jsx","Select","MenuItem","jsx","jsxs","useListMode","jsx","Fragment","jsx","jsxs","Alert","Fragment","jsx","jsxs","Alert","jsx","Alert","AlertTitle","Card","CardContent","Fragment","jsx","jsxs","jsx","jsx","jsxs"]}

package/dist/browser/components/embed-card/menu/EmbedMenu.js

@@ -1,9 +1,33 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+// src/components/embed-card/menu/EmbedMenu.tsx
 import { MoreVert as MoreVertIcon } from "@mui/icons-material";
 import { IconButton, Menu } from "@mui/material";
 import { useState } from "react";
-import { JsonMenuItem } from "./JsonMenuItem";
-const EmbedMenu = (props) => {
+
+// src/components/embed-card/menu/JsonMenuItem.tsx
+import { OpenInNew as OpenInNewIcon } from "@mui/icons-material";
+import { ListItemIcon, ListItemText, MenuItem } from "@mui/material";
+
+// src/contexts/ResolvePayloadContext/Context.ts
+import { createContextEx } from "@xyo-network/react-shared";
+var ResolvePayloadContext = createContextEx();
+
+// src/contexts/ResolvePayloadContext/use.tsx
+import { useContextEx } from "@xyo-network/react-shared";
+var useResolvePayload = () => useContextEx(ResolvePayloadContext, "ResolvePayload", true);
+
+// src/components/embed-card/menu/JsonMenuItem.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var JsonMenuItem = (props) => {
+  const { huri } = useResolvePayload();
+  return /* @__PURE__ */ jsx(Fragment, { children: huri ? /* @__PURE__ */ jsxs(MenuItem, { title: "Source Payload JSON", onClick: () => window.open(huri, "_blank"), ...props, children: [
+    /* @__PURE__ */ jsx(ListItemText, { sx: { mr: 1 }, children: "JSON" }),
+    /* @__PURE__ */ jsx(ListItemIcon, { sx: { justifyContent: "end" }, children: /* @__PURE__ */ jsx(OpenInNewIcon, { fontSize: "small" }) })
+  ] }) : null });
+};
+
+// src/components/embed-card/menu/EmbedMenu.tsx
+import { Fragment as Fragment2, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var EmbedMenu = (props) => {
   const [anchorEl, setAnchorEl] = useState(null);
   const open = Boolean(anchorEl);
   const handleClick = (event) => {
@@ -12,9 +36,9 @@ const EmbedMenu = (props) => {
   const handleClose = () => {
     setAnchorEl(null);
   };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(IconButton, { onClick: handleClick, ...props, children: /* @__PURE__ */ jsx(MoreVertIcon, {}) }),
-    /* @__PURE__ */ jsx(Menu, { anchorEl, open, onClose: handleClose, PaperProps: { variant: "elevation" }, MenuListProps: { dense: true }, children: /* @__PURE__ */ jsx(JsonMenuItem, {}) })
+  return /* @__PURE__ */ jsxs2(Fragment2, { children: [
+    /* @__PURE__ */ jsx2(IconButton, { onClick: handleClick, ...props, children: /* @__PURE__ */ jsx2(MoreVertIcon, {}) }),
+    /* @__PURE__ */ jsx2(Menu, { anchorEl, open, onClose: handleClose, PaperProps: { variant: "elevation" }, MenuListProps: { dense: true }, children: /* @__PURE__ */ jsx2(JsonMenuItem, {}) })
   ] });
 };
 export {

package/dist/browser/components/embed-card/menu/EmbedMenu.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/embed-card/menu/EmbedMenu.tsx"],"sourcesContent":["import { MoreVert as MoreVertIcon } from '@mui/icons-material'\nimport { IconButton, IconButtonProps, Menu } from '@mui/material'\nimport { useState } from 'react'\n\nimport { JsonMenuItem } from './JsonMenuItem'\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"],"mappings":"AAmBI,mBAEI,KAFJ;AAnBJ,SAAS,YAAY,oBAAoB;AACzC,SAAS,YAA6B,YAAY;AAClD,SAAS,gBAAgB;AAEzB,SAAS,oBAAoB;AAEtB,MAAM,YAAuC,CAAC,UAAU;AAE7D,QAAM,CAAC,UAAU,WAAW,IAAI,SAA6B,IAAI;AACjE,QAAM,OAAO,QAAQ,QAAQ;AAE7B,QAAM,cAAc,CAAC,UAA+C;AAClE,gBAAY,MAAM,aAAa;AAAA,EACjC;AACA,QAAM,cAAc,MAAM;AACxB,gBAAY,IAAI;AAAA,EAClB;AAEA,SACE,iCACE;AAAA,wBAAC,cAAW,SAAS,aAAc,GAAG,OACpC,8BAAC,gBAAa,GAChB;AAAA,IACA,oBAAC,QAAK,UAAoB,MAAY,SAAS,aAAa,YAAY,EAAE,SAAS,YAAY,GAAG,eAAe,EAAE,OAAO,KAAK,GAC7H,8BAAC,gBAAa,GAChB;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../../src/components/embed-card/menu/EmbedMenu.tsx","../../../../../src/components/embed-card/menu/JsonMenuItem.tsx","../../../../../src/contexts/ResolvePayloadContext/Context.ts","../../../../../src/contexts/ResolvePayloadContext/use.tsx"],"sourcesContent":["import { MoreVert as MoreVertIcon } from '@mui/icons-material'\nimport { IconButton, IconButtonProps, Menu } from '@mui/material'\nimport { useState } from 'react'\n\nimport { JsonMenuItem } from './JsonMenuItem'\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'\n\nimport { useResolvePayload } from '../../../contexts'\n\nexport const JsonMenuItem: React.FC<MenuItemProps> = (props) => {\n  const { huri } = useResolvePayload()\n\n  return (\n    <>\n      {huri ? (\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      ) : null}\n    </>\n  )\n}\n","import { createContextEx } from '@xyo-network/react-shared'\n\nimport { ResolvePayloadState } from './State'\n\nexport const ResolvePayloadContext = createContextEx<ResolvePayloadState>()\n","import { useContextEx } from '@xyo-network/react-shared'\n\nimport { ResolvePayloadContext } from './Context'\n\nexport const useResolvePayload = () => useContextEx(ResolvePayloadContext, 'ResolvePayload', true)\n"],"mappings":";AAAA,SAAS,YAAY,oBAAoB;AACzC,SAAS,YAA6B,YAAY;AAClD,SAAS,gBAAgB;;;ACFzB,SAAS,aAAa,qBAAqB;AAC3C,SAAS,cAAc,cAAc,gBAA+B;;;ACDpE,SAAS,uBAAuB;AAIzB,IAAM,wBAAwB,gBAAqC;;;ACJ1E,SAAS,oBAAoB;AAItB,IAAM,oBAAoB,MAAM,aAAa,uBAAuB,kBAAkB,IAAI;;;AFK7F,mBAGM,KADF,YAFJ;AAJG,IAAM,eAAwC,CAAC,UAAU;AAC9D,QAAM,EAAE,KAAK,IAAI,kBAAkB;AAEnC,SACE,gCACG,iBACC,qBAAC,YAAS,OAAM,uBAAsB,SAAS,MAAM,OAAO,KAAK,MAAM,QAAQ,GAAI,GAAG,OACpF;AAAA,wBAAC,gBAAa,IAAI,EAAE,IAAI,EAAE,GAAG,kBAAI;AAAA,IACjC,oBAAC,gBAAa,IAAI,EAAE,gBAAgB,MAAM,GACxC,8BAAC,iBAAc,UAAS,SAAQ,GAClC;AAAA,KACF,IACE,MACN;AAEJ;;;ADDI,qBAAAA,WAEI,OAAAC,MAFJ,QAAAC,aAAA;AAbG,IAAM,YAAuC,CAAC,UAAU;AAE7D,QAAM,CAAC,UAAU,WAAW,IAAI,SAA6B,IAAI;AACjE,QAAM,OAAO,QAAQ,QAAQ;AAE7B,QAAM,cAAc,CAAC,UAA+C;AAClE,gBAAY,MAAM,aAAa;AAAA,EACjC;AACA,QAAM,cAAc,MAAM;AACxB,gBAAY,IAAI;AAAA,EAClB;AAEA,SACE,gBAAAA,MAAAF,WAAA,EACE;AAAA,oBAAAC,KAAC,cAAW,SAAS,aAAc,GAAG,OACpC,0BAAAA,KAAC,gBAAa,GAChB;AAAA,IACA,gBAAAA,KAAC,QAAK,UAAoB,MAAY,SAAS,aAAa,YAAY,EAAE,SAAS,YAAY,GAAG,eAAe,EAAE,OAAO,KAAK,GAC7H,0BAAAA,KAAC,gBAAa,GAChB;AAAA,KACF;AAEJ;","names":["Fragment","jsx","jsxs"]}

package/dist/browser/components/embed-card/menu/JsonMenuItem.js

@@ -1,8 +1,18 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+// src/components/embed-card/menu/JsonMenuItem.tsx
 import { OpenInNew as OpenInNewIcon } from "@mui/icons-material";
 import { ListItemIcon, ListItemText, MenuItem } from "@mui/material";
-import { useResolvePayload } from "../../../contexts";
-const JsonMenuItem = (props) => {
+
+// src/contexts/ResolvePayloadContext/Context.ts
+import { createContextEx } from "@xyo-network/react-shared";
+var ResolvePayloadContext = createContextEx();
+
+// src/contexts/ResolvePayloadContext/use.tsx
+import { useContextEx } from "@xyo-network/react-shared";
+var useResolvePayload = () => useContextEx(ResolvePayloadContext, "ResolvePayload", true);
+
+// src/components/embed-card/menu/JsonMenuItem.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var JsonMenuItem = (props) => {
   const { huri } = useResolvePayload();
   return /* @__PURE__ */ jsx(Fragment, { children: huri ? /* @__PURE__ */ jsxs(MenuItem, { title: "Source Payload JSON", onClick: () => window.open(huri, "_blank"), ...props, children: [
     /* @__PURE__ */ jsx(ListItemText, { sx: { mr: 1 }, children: "JSON" }),

package/dist/browser/components/embed-card/menu/JsonMenuItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/embed-card/menu/JsonMenuItem.tsx"],"sourcesContent":["import { OpenInNew as OpenInNewIcon } from '@mui/icons-material'\nimport { ListItemIcon, ListItemText, MenuItem, MenuItemProps } from '@mui/material'\n\nimport { useResolvePayload } from '../../../contexts'\n\nexport const JsonMenuItem: React.FC<MenuItemProps> = (props) => {\n  const { huri } = useResolvePayload()\n\n  return (\n    <>\n      {huri ? (\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      ) : null}\n    </>\n  )\n}\n"],"mappings":"AASI,mBAGM,KADF,YAFJ;AATJ,SAAS,aAAa,qBAAqB;AAC3C,SAAS,cAAc,cAAc,gBAA+B;AAEpE,SAAS,yBAAyB;AAE3B,MAAM,eAAwC,CAAC,UAAU;AAC9D,QAAM,EAAE,KAAK,IAAI,kBAAkB;AAEnC,SACE,gCACG,iBACC,qBAAC,YAAS,OAAM,uBAAsB,SAAS,MAAM,OAAO,KAAK,MAAM,QAAQ,GAAI,GAAG,OACpF;AAAA,wBAAC,gBAAa,IAAI,EAAE,IAAI,EAAE,GAAG,kBAAI;AAAA,IACjC,oBAAC,gBAAa,IAAI,EAAE,gBAAgB,MAAM,GACxC,8BAAC,iBAAc,UAAS,SAAQ,GAClC;AAAA,KACF,IACE,MACN;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../../src/components/embed-card/menu/JsonMenuItem.tsx","../../../../../src/contexts/ResolvePayloadContext/Context.ts","../../../../../src/contexts/ResolvePayloadContext/use.tsx"],"sourcesContent":["import { OpenInNew as OpenInNewIcon } from '@mui/icons-material'\nimport { ListItemIcon, ListItemText, MenuItem, MenuItemProps } from '@mui/material'\n\nimport { useResolvePayload } from '../../../contexts'\n\nexport const JsonMenuItem: React.FC<MenuItemProps> = (props) => {\n  const { huri } = useResolvePayload()\n\n  return (\n    <>\n      {huri ? (\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      ) : null}\n    </>\n  )\n}\n","import { createContextEx } from '@xyo-network/react-shared'\n\nimport { ResolvePayloadState } from './State'\n\nexport const ResolvePayloadContext = createContextEx<ResolvePayloadState>()\n","import { useContextEx } from '@xyo-network/react-shared'\n\nimport { ResolvePayloadContext } from './Context'\n\nexport const useResolvePayload = () => useContextEx(ResolvePayloadContext, 'ResolvePayload', true)\n"],"mappings":";AAAA,SAAS,aAAa,qBAAqB;AAC3C,SAAS,cAAc,cAAc,gBAA+B;;;ACDpE,SAAS,uBAAuB;AAIzB,IAAM,wBAAwB,gBAAqC;;;ACJ1E,SAAS,oBAAoB;AAItB,IAAM,oBAAoB,MAAM,aAAa,uBAAuB,kBAAkB,IAAI;;;AFK7F,mBAGM,KADF,YAFJ;AAJG,IAAM,eAAwC,CAAC,UAAU;AAC9D,QAAM,EAAE,KAAK,IAAI,kBAAkB;AAEnC,SACE,gCACG,iBACC,qBAAC,YAAS,OAAM,uBAAsB,SAAS,MAAM,OAAO,KAAK,MAAM,QAAQ,GAAI,GAAG,OACpF;AAAA,wBAAC,gBAAa,IAAI,EAAE,IAAI,EAAE,GAAG,kBAAI;AAAA,IACjC,oBAAC,gBAAa,IAAI,EAAE,gBAAgB,MAAM,GACxC,8BAAC,iBAAc,UAAS,SAAQ,GAClC;AAAA,KACF,IACE,MACN;AAEJ;","names":[]}

package/dist/browser/components/embed-card/menu/index.js

@@ -1,2 +1,47 @@
-export * from "./EmbedMenu";
+// src/components/embed-card/menu/EmbedMenu.tsx
+import { MoreVert as MoreVertIcon } from "@mui/icons-material";
+import { IconButton, Menu } from "@mui/material";
+import { useState } from "react";
+
+// src/components/embed-card/menu/JsonMenuItem.tsx
+import { OpenInNew as OpenInNewIcon } from "@mui/icons-material";
+import { ListItemIcon, ListItemText, MenuItem } from "@mui/material";
+
+// src/contexts/ResolvePayloadContext/Context.ts
+import { createContextEx } from "@xyo-network/react-shared";
+var ResolvePayloadContext = createContextEx();
+
+// src/contexts/ResolvePayloadContext/use.tsx
+import { useContextEx } from "@xyo-network/react-shared";
+var useResolvePayload = () => useContextEx(ResolvePayloadContext, "ResolvePayload", true);
+
+// src/components/embed-card/menu/JsonMenuItem.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var JsonMenuItem = (props) => {
+  const { huri } = useResolvePayload();
+  return /* @__PURE__ */ jsx(Fragment, { children: huri ? /* @__PURE__ */ jsxs(MenuItem, { title: "Source Payload JSON", onClick: () => window.open(huri, "_blank"), ...props, children: [
+    /* @__PURE__ */ jsx(ListItemText, { sx: { mr: 1 }, children: "JSON" }),
+    /* @__PURE__ */ jsx(ListItemIcon, { sx: { justifyContent: "end" }, children: /* @__PURE__ */ jsx(OpenInNewIcon, { fontSize: "small" }) })
+  ] }) : null });
+};
+
+// src/components/embed-card/menu/EmbedMenu.tsx
+import { Fragment as Fragment2, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var EmbedMenu = (props) => {
+  const [anchorEl, setAnchorEl] = useState(null);
+  const open = Boolean(anchorEl);
+  const handleClick = (event) => {
+    setAnchorEl(event.currentTarget);
+  };
+  const handleClose = () => {
+    setAnchorEl(null);
+  };
+  return /* @__PURE__ */ jsxs2(Fragment2, { children: [
+    /* @__PURE__ */ jsx2(IconButton, { onClick: handleClick, ...props, children: /* @__PURE__ */ jsx2(MoreVertIcon, {}) }),
+    /* @__PURE__ */ jsx2(Menu, { anchorEl, open, onClose: handleClose, PaperProps: { variant: "elevation" }, MenuListProps: { dense: true }, children: /* @__PURE__ */ jsx2(JsonMenuItem, {}) })
+  ] });
+};
+export {
+  EmbedMenu
+};
 //# sourceMappingURL=index.js.map

package/dist/browser/components/embed-card/menu/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/embed-card/menu/index.ts"],"sourcesContent":["export * from './EmbedMenu'\n"],"mappings":"AAAA,cAAc;","names":[]}
+{"version":3,"sources":["../../../../../src/components/embed-card/menu/EmbedMenu.tsx","../../../../../src/components/embed-card/menu/JsonMenuItem.tsx","../../../../../src/contexts/ResolvePayloadContext/Context.ts","../../../../../src/contexts/ResolvePayloadContext/use.tsx"],"sourcesContent":["import { MoreVert as MoreVertIcon } from '@mui/icons-material'\nimport { IconButton, IconButtonProps, Menu } from '@mui/material'\nimport { useState } from 'react'\n\nimport { JsonMenuItem } from './JsonMenuItem'\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'\n\nimport { useResolvePayload } from '../../../contexts'\n\nexport const JsonMenuItem: React.FC<MenuItemProps> = (props) => {\n  const { huri } = useResolvePayload()\n\n  return (\n    <>\n      {huri ? (\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      ) : null}\n    </>\n  )\n}\n","import { createContextEx } from '@xyo-network/react-shared'\n\nimport { ResolvePayloadState } from './State'\n\nexport const ResolvePayloadContext = createContextEx<ResolvePayloadState>()\n","import { useContextEx } from '@xyo-network/react-shared'\n\nimport { ResolvePayloadContext } from './Context'\n\nexport const useResolvePayload = () => useContextEx(ResolvePayloadContext, 'ResolvePayload', true)\n"],"mappings":";AAAA,SAAS,YAAY,oBAAoB;AACzC,SAAS,YAA6B,YAAY;AAClD,SAAS,gBAAgB;;;ACFzB,SAAS,aAAa,qBAAqB;AAC3C,SAAS,cAAc,cAAc,gBAA+B;;;ACDpE,SAAS,uBAAuB;AAIzB,IAAM,wBAAwB,gBAAqC;;;ACJ1E,SAAS,oBAAoB;AAItB,IAAM,oBAAoB,MAAM,aAAa,uBAAuB,kBAAkB,IAAI;;;AFK7F,mBAGM,KADF,YAFJ;AAJG,IAAM,eAAwC,CAAC,UAAU;AAC9D,QAAM,EAAE,KAAK,IAAI,kBAAkB;AAEnC,SACE,gCACG,iBACC,qBAAC,YAAS,OAAM,uBAAsB,SAAS,MAAM,OAAO,KAAK,MAAM,QAAQ,GAAI,GAAG,OACpF;AAAA,wBAAC,gBAAa,IAAI,EAAE,IAAI,EAAE,GAAG,kBAAI;AAAA,IACjC,oBAAC,gBAAa,IAAI,EAAE,gBAAgB,MAAM,GACxC,8BAAC,iBAAc,UAAS,SAAQ,GAClC;AAAA,KACF,IACE,MACN;AAEJ;;;ADDI,qBAAAA,WAEI,OAAAC,MAFJ,QAAAC,aAAA;AAbG,IAAM,YAAuC,CAAC,UAAU;AAE7D,QAAM,CAAC,UAAU,WAAW,IAAI,SAA6B,IAAI;AACjE,QAAM,OAAO,QAAQ,QAAQ;AAE7B,QAAM,cAAc,CAAC,UAA+C;AAClE,gBAAY,MAAM,aAAa;AAAA,EACjC;AACA,QAAM,cAAc,MAAM;AACxB,gBAAY,IAAI;AAAA,EAClB;AAEA,SACE,gBAAAA,MAAAF,WAAA,EACE;AAAA,oBAAAC,KAAC,cAAW,SAAS,aAAc,GAAG,OACpC,0BAAAA,KAAC,gBAAa,GAChB;AAAA,IACA,gBAAAA,KAAC,QAAK,UAAoB,MAAY,SAAS,aAAa,YAAY,EAAE,SAAS,YAAY,GAAG,eAAe,EAAE,OAAO,KAAK,GAC7H,0BAAAA,KAAC,gBAAa,GAChB;AAAA,KACF;AAEJ;","names":["Fragment","jsx","jsxs"]}

package/dist/browser/components/embed-plugin-stories/storyPayload.js

@@ -1,4 +1,5 @@
-const payloadData = {
+// src/components/embed-plugin-stories/storyPayload.ts
+var payloadData = {
   assets: {
     ada: { value: { btc: "0.00002192", eth: "0.00031141", eur: "0.491867", usd: "0.502045" } },
     btc: { value: { btc: "1", eth: "14.213346", eur: "22450", usd: "22914" } },

package/dist/browser/components/embed-plugin-stories/storyPayload.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/embed-plugin-stories/storyPayload.ts"],"sourcesContent":["export const payloadData = {\n  assets: {\n    ada: { value: { btc: '0.00002192', eth: '0.00031141', eur: '0.491867', usd: '0.502045' } },\n    btc: { value: { btc: '1', eth: '14.213346', eur: '22450', usd: '22914' } },\n    busd: { value: { btc: '0.00004369', eth: '0.00062074', eur: '0.980451', usd: '1.001' } },\n    dai: { value: { usdc: '1.00004', xyo: '114.394' } },\n    doge: { value: { btc: '0.00000293', eth: '0.00004157', eur: '0.065655', usd: '0.067013' } },\n    dot: { value: { btc: '0.00035508', eth: '0.00504454', eur: '7.97', usd: '8.13' } },\n    eth: { value: { btc: '0.0703878', eth: '1', eur: '1579.47', usd: '1612.16' } },\n    frax: { value: { usdc: '0.999738' } },\n    link: { value: { xyo: '837.731' } },\n    sol: { value: { btc: '0.00169369', eth: '0.02406215', eur: '38.01', usd: '38.79' } },\n    usdc: { value: { btc: '0.0000436965', dai: '0.999963', eth: '0.0006204464999999999', eur: '0.979419', frax: '1.00026', usd: '0.999732' } },\n    usdt: { value: { btc: '0.00004367', eth: '0.0006204', eur: '0.979881', usd: '1.001', usdc: '1.00022', xyo: '113.28' } },\n    wbtc: { value: { btc: '0.99903669', eth: '14.2015745', eur: '22418', usd: '22882', usdc: '22860.8', xyo: '2617950' } },\n    weth: { value: { btc: '0.0703735', usdc: '1610.82', xyo: '186652' } },\n    xyo: { value: { btc: '3.79226e-7', dai: '0.00874169', eth: '0.000005353785', eur: '0.00844792', link: '0.0011937', usd: '0.00872519' } },\n  },\n  schema: 'network.xyo.crypto.asset',\n  timestamp: 1659625815232,\n}\n"],"mappings":"AAAO,MAAM,cAAc;AAAA,EACzB,QAAQ;AAAA,IACN,KAAK,EAAE,OAAO,EAAE,KAAK,cAAc,KAAK,cAAc,KAAK,YAAY,KAAK,WAAW,EAAE;AAAA,IACzF,KAAK,EAAE,OAAO,EAAE,KAAK,KAAK,KAAK,aAAa,KAAK,SAAS,KAAK,QAAQ,EAAE;AAAA,IACzE,MAAM,EAAE,OAAO,EAAE,KAAK,cAAc,KAAK,cAAc,KAAK,YAAY,KAAK,QAAQ,EAAE;AAAA,IACvF,KAAK,EAAE,OAAO,EAAE,MAAM,WAAW,KAAK,UAAU,EAAE;AAAA,IAClD,MAAM,EAAE,OAAO,EAAE,KAAK,cAAc,KAAK,cAAc,KAAK,YAAY,KAAK,WAAW,EAAE;AAAA,IAC1F,KAAK,EAAE,OAAO,EAAE,KAAK,cAAc,KAAK,cAAc,KAAK,QAAQ,KAAK,OAAO,EAAE;AAAA,IACjF,KAAK,EAAE,OAAO,EAAE,KAAK,aAAa,KAAK,KAAK,KAAK,WAAW,KAAK,UAAU,EAAE;AAAA,IAC7E,MAAM,EAAE,OAAO,EAAE,MAAM,WAAW,EAAE;AAAA,IACpC,MAAM,EAAE,OAAO,EAAE,KAAK,UAAU,EAAE;AAAA,IAClC,KAAK,EAAE,OAAO,EAAE,KAAK,cAAc,KAAK,cAAc,KAAK,SAAS,KAAK,QAAQ,EAAE;AAAA,IACnF,MAAM,EAAE,OAAO,EAAE,KAAK,gBAAgB,KAAK,YAAY,KAAK,yBAAyB,KAAK,YAAY,MAAM,WAAW,KAAK,WAAW,EAAE;AAAA,IACzI,MAAM,EAAE,OAAO,EAAE,KAAK,cAAc,KAAK,aAAa,KAAK,YAAY,KAAK,SAAS,MAAM,WAAW,KAAK,SAAS,EAAE;AAAA,IACtH,MAAM,EAAE,OAAO,EAAE,KAAK,cAAc,KAAK,cAAc,KAAK,SAAS,KAAK,SAAS,MAAM,WAAW,KAAK,UAAU,EAAE;AAAA,IACrH,MAAM,EAAE,OAAO,EAAE,KAAK,aAAa,MAAM,WAAW,KAAK,SAAS,EAAE;AAAA,IACpE,KAAK,EAAE,OAAO,EAAE,KAAK,cAAc,KAAK,cAAc,KAAK,kBAAkB,KAAK,cAAc,MAAM,aAAa,KAAK,aAAa,EAAE;AAAA,EACzI;AAAA,EACA,QAAQ;AAAA,EACR,WAAW;AACb;","names":[]}
+{"version":3,"sources":["../../../../src/components/embed-plugin-stories/storyPayload.ts"],"sourcesContent":["export const payloadData = {\n  assets: {\n    ada: { value: { btc: '0.00002192', eth: '0.00031141', eur: '0.491867', usd: '0.502045' } },\n    btc: { value: { btc: '1', eth: '14.213346', eur: '22450', usd: '22914' } },\n    busd: { value: { btc: '0.00004369', eth: '0.00062074', eur: '0.980451', usd: '1.001' } },\n    dai: { value: { usdc: '1.00004', xyo: '114.394' } },\n    doge: { value: { btc: '0.00000293', eth: '0.00004157', eur: '0.065655', usd: '0.067013' } },\n    dot: { value: { btc: '0.00035508', eth: '0.00504454', eur: '7.97', usd: '8.13' } },\n    eth: { value: { btc: '0.0703878', eth: '1', eur: '1579.47', usd: '1612.16' } },\n    frax: { value: { usdc: '0.999738' } },\n    link: { value: { xyo: '837.731' } },\n    sol: { value: { btc: '0.00169369', eth: '0.02406215', eur: '38.01', usd: '38.79' } },\n    usdc: { value: { btc: '0.0000436965', dai: '0.999963', eth: '0.0006204464999999999', eur: '0.979419', frax: '1.00026', usd: '0.999732' } },\n    usdt: { value: { btc: '0.00004367', eth: '0.0006204', eur: '0.979881', usd: '1.001', usdc: '1.00022', xyo: '113.28' } },\n    wbtc: { value: { btc: '0.99903669', eth: '14.2015745', eur: '22418', usd: '22882', usdc: '22860.8', xyo: '2617950' } },\n    weth: { value: { btc: '0.0703735', usdc: '1610.82', xyo: '186652' } },\n    xyo: { value: { btc: '3.79226e-7', dai: '0.00874169', eth: '0.000005353785', eur: '0.00844792', link: '0.0011937', usd: '0.00872519' } },\n  },\n  schema: 'network.xyo.crypto.asset',\n  timestamp: 1659625815232,\n}\n"],"mappings":";AAAO,IAAM,cAAc;AAAA,EACzB,QAAQ;AAAA,IACN,KAAK,EAAE,OAAO,EAAE,KAAK,cAAc,KAAK,cAAc,KAAK,YAAY,KAAK,WAAW,EAAE;AAAA,IACzF,KAAK,EAAE,OAAO,EAAE,KAAK,KAAK,KAAK,aAAa,KAAK,SAAS,KAAK,QAAQ,EAAE;AAAA,IACzE,MAAM,EAAE,OAAO,EAAE,KAAK,cAAc,KAAK,cAAc,KAAK,YAAY,KAAK,QAAQ,EAAE;AAAA,IACvF,KAAK,EAAE,OAAO,EAAE,MAAM,WAAW,KAAK,UAAU,EAAE;AAAA,IAClD,MAAM,EAAE,OAAO,EAAE,KAAK,cAAc,KAAK,cAAc,KAAK,YAAY,KAAK,WAAW,EAAE;AAAA,IAC1F,KAAK,EAAE,OAAO,EAAE,KAAK,cAAc,KAAK,cAAc,KAAK,QAAQ,KAAK,OAAO,EAAE;AAAA,IACjF,KAAK,EAAE,OAAO,EAAE,KAAK,aAAa,KAAK,KAAK,KAAK,WAAW,KAAK,UAAU,EAAE;AAAA,IAC7E,MAAM,EAAE,OAAO,EAAE,MAAM,WAAW,EAAE;AAAA,IACpC,MAAM,EAAE,OAAO,EAAE,KAAK,UAAU,EAAE;AAAA,IAClC,KAAK,EAAE,OAAO,EAAE,KAAK,cAAc,KAAK,cAAc,KAAK,SAAS,KAAK,QAAQ,EAAE;AAAA,IACnF,MAAM,EAAE,OAAO,EAAE,KAAK,gBAAgB,KAAK,YAAY,KAAK,yBAAyB,KAAK,YAAY,MAAM,WAAW,KAAK,WAAW,EAAE;AAAA,IACzI,MAAM,EAAE,OAAO,EAAE,KAAK,cAAc,KAAK,aAAa,KAAK,YAAY,KAAK,SAAS,MAAM,WAAW,KAAK,SAAS,EAAE;AAAA,IACtH,MAAM,EAAE,OAAO,EAAE,KAAK,cAAc,KAAK,cAAc,KAAK,SAAS,KAAK,SAAS,MAAM,WAAW,KAAK,UAAU,EAAE;AAAA,IACrH,MAAM,EAAE,OAAO,EAAE,KAAK,aAAa,MAAM,WAAW,KAAK,SAAS,EAAE;AAAA,IACpE,KAAK,EAAE,OAAO,EAAE,KAAK,cAAc,KAAK,cAAc,KAAK,kBAAkB,KAAK,cAAc,MAAM,aAAa,KAAK,aAAa,EAAE;AAAA,EACzI;AAAA,EACA,QAAQ;AAAA,EACR,WAAW;AACb;","names":[]}