@xyo-network/os-react-runtime 7.2.1 → 7.3.0

package/src/modules/Dapp/modules/Window/components/menu/BottomNavigation.tsx

@@ -1,66 +0,0 @@
-import type { BottomNavigationProps } from '@mui/material'
-import {
-  BottomNavigation, BottomNavigationAction, Paper, styled,
-} from '@mui/material'
-import { useIsDark } from '@xylabs/react-theme'
-import type { DappNavItem, DappNavMenuConfig } from '@xyo-network/os-model'
-import React, { useEffect, useState } from 'react'
-
-export interface DappBottomNavigationProps extends BottomNavigationProps {
-  activePath?: string
-  menuConfig?: DappNavMenuConfig
-  menuItems?: DappNavItem[]
-  onPathChange?: (to: string) => void
-}
-
-export const DappBottomNavigation: React.FC<DappBottomNavigationProps> = ({
-  activePath, menuConfig, menuItems, onPathChange, ...props
-}) => {
-  const [activeIndex, setActiveIndex] = useState(0)
-
-  // update based off active path changes
-  useEffect(() => {
-    if (menuConfig?.defaultPath && menuItems && activePath) {
-      setActiveIndex(menuItems.findIndex(item => activePath === item.path))
-    }
-  }, [activePath, menuConfig, menuItems])
-
-  return (
-    <Paper elevation={3}>
-      <BottomNavigation
-        value={activeIndex}
-        onChange={(_, value) => {
-          setActiveIndex(value)
-          const to = menuItems?.[value].path
-          if (to) onPathChange?.(to)
-        }}
-        showLabels
-        {...props}
-      >
-        {menuItems?.map(({ svgIcon: icon, primaryText }, index) => {
-          return (
-            <StyledBottomNavigationAction
-              className="bottom-nav-action"
-              key={index}
-              label={primaryText}
-              icon={(
-                <span
-                  ref={(ref) => {
-                    if (ref) {
-                      ref.innerHTML = icon ?? ''
-                    }
-                  }}
-                />
-              )}
-            />
-          )
-        })}
-      </BottomNavigation>
-    </Paper>
-  )
-}
-
-const StyledBottomNavigationAction = styled(BottomNavigationAction, { name: 'StyledBottomNavigationAction' })(({ theme }) => {
-  const darkMode = useIsDark()
-  return { '&.Mui-selected': { color: darkMode ? theme.vars?.palette.primary.main : theme.vars?.palette.secondary.main } }
-})

package/src/modules/Dapp/modules/Window/components/menu/Drawer.tsx

@@ -1,160 +0,0 @@
-import type { DrawerProps } from '@mui/material'
-import {
-  alpha,
-  Drawer,
-  List,
-  ListItem,
-  ListItemIcon,
-  ListItemText,
-  Tooltip,
-  Typography,
-  useTheme,
-} from '@mui/material'
-import {
-  FlexCol, FlexGrowRow, FlexRow,
-} from '@xylabs/react-flexbox'
-import {
-  alphaCss, darkenCss, useIsDark,
-} from '@xylabs/react-theme'
-import type {
-  DappName, DappNavItem, DappNavMenuConfig, DappVersion, XyOsContext,
-} from '@xyo-network/os-model'
-import { XyOsMonitor } from '@xyo-network/os-runtime'
-import React, { useEffect, useState } from 'react'
-
-import { DebugDialogWithNode } from '../../../../Debug/index.ts'
-import { RenderHtml } from '../../../../RenderHtml.tsx'
-import { useDebugClick } from '../../hooks/index.ts'
-import { BottomMenuArea } from './BottomMenuArea.tsx'
-import { StyledListItemButton, StyledMenuIconWrapSpan } from './StyledListItems.tsx'
-
-export interface DappMenuDrawerProps extends DrawerProps {
-  activePath?: string
-  context?: XyOsContext | null
-  iconSvg?: string
-  menuConfig?: DappNavMenuConfig
-  menuItems?: DappNavItem[]
-  name?: DappName
-  onPathChange?: (to: string) => void
-  version?: DappVersion
-}
-
-export const DappMenuDrawer: React.FC<DappMenuDrawerProps> = ({
-  activePath,
-  context,
-  iconSvg,
-  name,
-  menuConfig,
-  menuItems,
-  onPathChange,
-  version,
-  ...props
-}) => {
-  const [path, setPath] = useState('')
-  const darkMode = useIsDark()
-  const theme = useTheme()
-  const drawerColor = darkMode ? theme.vars?.palette.background.paper : darkenCss(theme.vars?.palette.primary.main ?? '#fff', 0.5)
-  const activeColor = theme.vars?.palette.primary.light
-
-  useEffect(() => {
-    if (menuConfig?.defaultPath && menuItems && activePath) {
-      const newPath = menuItems.find(item => activePath === item.path)?.path ?? ''
-      setPath(newPath)
-    }
-  }, [activePath, menuConfig, menuItems])
-
-  const handleChange = (to: string) => {
-    XyOsMonitor.trackEvent('Visit dApp Page', { Page: to })
-    setPath(to)
-    onPathChange?.(to)
-  }
-
-  const {
-    closeDebug, debugOpen, openDebug,
-  } = useDebugClick()
-
-  return (
-    <Drawer
-      variant="permanent"
-      anchor="left"
-      PaperProps={{
-        sx: {
-          position: 'static', backgroundColor: drawerColor, borderRight: 'none',
-        },
-      }}
-      sx={{ width: '280px' }}
-      {...props}
-    >
-      <FlexCol alignItems="stretch" justifyContent="space-between" height="100dvh">
-        <FlexCol alignItems="stretch" justifyContent="flex-start" flexGrow={1} overflow="auto">
-          <Tooltip title={version}>
-            <FlexGrowRow
-              id="dapp-name-and-icon"
-              padding={2}
-              justifyContent="flex-start"
-              gap={1}
-              sx={{ cursor: 'pointer' }}
-              flexGrow={0}
-            >
-              {iconSvg ? RenderHtml({ htmlString: iconSvg }) : null}
-              <Typography noWrap variant="h6" letterSpacing="-1px">
-                {name}
-              </Typography>
-            </FlexGrowRow>
-          </Tooltip>
-          <DebugDialogWithNode closeDebug={closeDebug} debugOpen={debugOpen} context={context} />
-          <List sx={{ p: 0, overflow: 'auto' }}>
-            {menuItems?.map(({
-              svgIcon: icon, primaryText, path: pathFromPayload,
-            }) => (
-              <ListItem
-                key={primaryText}
-                disablePadding
-                sx={{ paddingBottom: 1 }}
-              >
-                <StyledListItemButton
-                  onClick={() => handleChange(pathFromPayload)}
-                  active={pathFromPayload === path}
-                  disableRipple
-                  disableTouchRipple
-                >
-                  <FlexRow
-                    flexGrow={1}
-                    paddingX={2}
-                    paddingY={0.5}
-                    sx={{ '&:hover': { backgroundColor: alpha('#ffffff', 0.05) }, 'borderRadius': '10px' }}
-                  >
-                    <ListItemIcon
-                      sx={{ color: pathFromPayload === path ? activeColor : alpha('#fff', 0.3), justifyContent: 'center' }}
-                    >
-                      <StyledMenuIconWrapSpan
-                        ref={(ref: HTMLSpanElement | null) => {
-                          if (ref !== null) {
-                            ref.innerHTML = icon ?? ''
-                          }
-                        }}
-                      />
-                    </ListItemIcon>
-                    <ListItemText
-                      slotProps={{
-                        primary: {
-                          typography: {
-                            fontWeight: path === pathFromPayload ? 'bold' : 'inherit',
-                            color: pathFromPayload === path ? 'inherit' : alphaCss(theme.vars?.palette.text.primary ?? '#000', 0.5),
-                          },
-                        },
-                      }}
-                      primary={primaryText}
-                      style={{ opacity: pathFromPayload === path ? 1 : 0.5 }}
-                    />
-                  </FlexRow>
-                </StyledListItemButton>
-              </ListItem>
-            ))}
-          </List>
-        </FlexCol>
-        <BottomMenuArea openDebug={openDebug} backgroundColor={theme.vars?.palette.primary.dark ?? '#000'} />
-      </FlexCol>
-    </Drawer>
-  )
-}

package/src/modules/Dapp/modules/Window/components/menu/SocialData.tsx

@@ -1,68 +0,0 @@
-import {
-  Facebook, Instagram, LinkedIn, Reddit, StorefrontRounded, Telegram, X, YouTube,
-} from '@mui/icons-material'
-import type { ReactNode } from 'react'
-import React from 'react'
-import { FaDiscord } from 'react-icons/fa'
-
-interface socialLinksDataProps {
-  icon: ReactNode
-  link: string
-}
-
-export const socialLinksData: socialLinksDataProps[] = [
-  {
-    icon: (
-      <Facebook style={{ fontSize: '24px' }} />
-    ),
-    link: 'https://www.facebook.com/OfficialXYO',
-  },
-  {
-    icon: (
-      <X style={{ fontSize: '24px' }} />
-    ),
-    link: 'https://twitter.com/OfficialXYO',
-  },
-  {
-    icon: (
-      <Instagram style={{ fontSize: '24px' }} />
-    ),
-    link: 'https://www.instagram.com/officialxyo/',
-  },
-  {
-    icon: (
-      <Telegram style={{ fontSize: '24px' }} />
-    ),
-    link: 'https://t.me/xyonetwork',
-  },
-  {
-    icon: (
-      <Reddit style={{ fontSize: '24px' }} />
-    ),
-    link: 'https://www.reddit.com/r/XYONetwork/',
-  },
-  {
-    icon: (
-      <YouTube style={{ fontSize: '24px' }} />
-    ),
-    link: 'https://www.youtube.com/channel/UCyZDqb9pgntVHJVt1pxXtsw',
-  },
-  {
-    icon: (
-      <LinkedIn style={{ fontSize: '24px' }} />
-    ),
-    link: 'https://www.linkedin.com/company/officialxyo/',
-  },
-  {
-    icon: (
-      <FaDiscord style={{ fontSize: '24px' }} />
-    ),
-    link: 'https://discord.gg/officialxyo',
-  },
-  {
-    icon: (
-      <StorefrontRounded style={{ fontSize: '24px' }} />
-    ),
-    link: 'https://shop.xyo.network',
-  },
-]

package/src/modules/Dapp/modules/Window/components/menu/StyledListItems.tsx

@@ -1,36 +0,0 @@
-import { ListItemButton, styled } from '@mui/material'
-
-// Styled span for wrapping menu icons
-export const StyledMenuIconWrapSpan = styled('span', { name: 'StyledMenuIconWrapSpan' })(() => ({
-  alignItems: 'center',
-  display: 'inline-flex',
-  flexDirection: 'column',
-}))
-
-export const StyledListItemButton = styled(ListItemButton, { name: 'StyledListItemButton', shouldForwardProp: prop => prop !== 'active' })<{
-  active?: boolean
-}>(({ theme, active }) => {
-  const activeOrHoverColor = theme.vars?.palette.primary.main
-
-  return {
-    'position': 'relative',
-    'padding': '8px 16px',
-    'borderRadius': '12px',
-    'transition': 'background-color 0.3s ease',
-    '&:hover': {
-      backgroundColor: 'transparent',
-      borderRadius: '12px',
-    },
-    '&::before': {
-      content: '""',
-      position: 'absolute',
-      left: 0,
-      top: 0,
-      bottom: 0,
-      width: '6px',
-      backgroundColor: active ? activeOrHoverColor : 'transparent',
-      borderRadius: '0 4px 4px 0',
-      transition: 'background-color 0.3s ease',
-    },
-  }
-})

package/src/modules/Dapp/modules/Window/components/menu/img/index.ts

@@ -1,2 +0,0 @@
-export { default as XyoOSLogoBlack } from './xyoOS-Icon-Black.svg'
-export { default as XyoOSLogoWhite } from './xyoOS-Icon-White.svg'

package/src/modules/Dapp/modules/Window/components/menu/img/xyoOS-Icon-Black.svg

@@ -1 +0,0 @@
-<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 900"><defs><style>.cls-1{fill:#000;}.cls-1,.cls-2{stroke-width:0px;}.cls-2{fill:#a8a8a8;opacity:.21;}</style></defs><path class="cls-2" d="M864.29,297.43c-2.44-6.58-9.76-9.94-16.34-7.5l-143.74,53.26L533.2,21.88c-1.85-3.48-5.21-5.9-9.09-6.56-3.89-.66-7.85.51-10.75,3.18l-267.76,246.55-118-97.86c-5.4-4.48-13.42-3.73-17.9,1.67-4.48,5.4-3.73,13.42,1.67,17.9l118,97.86L36.62,593.37c-2.09,3.34-2.5,7.46-1.14,11.15s4.37,6.54,8.13,7.72l347.4,108.61-25.75,151.12c-1.18,6.92,3.48,13.49,10.4,14.67.24.04.47.07.7.1,6.66.76,12.82-3.81,13.96-10.5l25.75-151.12,363.77,12.56c3.94.14,7.71-1.56,10.22-4.59,2.51-3.03,3.48-7.06,2.62-10.9l-79.64-355.16,143.75-53.26c6.58-2.44,9.94-9.75,7.5-16.34ZM518.49,48.34l156.33,293.75-401.12-68.35,244.79-225.4ZM674.37,367.8l-264.69,319.16-144.06-388.81,408.75,69.65ZM66.9,592.88l176.22-282.26,141.37,381.56-317.59-99.29ZM431.72,700.22l259.75-313.21,72.81,324.69-332.56-11.48Z"/><path class="cls-1" d="M865.04,302.64c.01-.2.02-.4.03-.6,0-.33,0-.66-.03-.99-.01-.2-.02-.39-.04-.58-.04-.35-.1-.71-.17-1.06-.03-.16-.05-.32-.09-.48-.12-.5-.26-1.01-.45-1.5-.18-.49-.4-.97-.64-1.43-.08-.15-.17-.29-.25-.43-.17-.31-.35-.61-.55-.9-.12-.17-.24-.33-.37-.49-.19-.25-.39-.5-.6-.74-.14-.16-.29-.32-.45-.47-.22-.22-.45-.44-.68-.65-.1-.08-.18-.18-.27-.26L530.1,18.07c-.34-.28-.7-.53-1.07-.77-.09-.06-.17-.13-.26-.19-.62-.39-1.26-.7-1.92-.98-.18-.07-.36-.14-.54-.21-.71-.26-1.43-.47-2.16-.6,0,0-.01,0-.02,0,0,0,0,0-.01,0-.67-.11-1.35-.15-2.03-.16-.37,0-.73,0-1.09.03-.23.02-.46.06-.7.09-.86.11-1.69.31-2.5.59-.07.03-.15.04-.23.07l-.32.12c-.2.08-.4.13-.59.22L115.08,165.06c-.11.04-.22.1-.33.15-.3.12-.59.25-.88.39-.19.1-.38.19-.57.3-.27.15-.54.32-.81.5-.17.12-.35.22-.52.35-.27.2-.53.42-.79.64-.14.12-.28.23-.41.35-.35.33-.68.68-1,1.05-.04.05-.08.1-.12.14-.32.38-.6.78-.87,1.2-.09.14-.16.29-.25.43-.18.31-.36.62-.51.94-.08.17-.15.35-.23.53-.13.31-.25.62-.36.93-.06.19-.12.38-.17.57-.09.33-.17.65-.23.98-.02.11-.06.22-.08.33l-72.09,423.12c-.07.43-.11.87-.13,1.3,0,.11-.03.22-.03.33-.03.73.02,1.44.12,2.16.02.19.06.38.09.57.13.74.31,1.48.57,2.19,0,0,0,0,0,0,0,.02.01.03.02.04.2.53.43,1.04.7,1.53.12.22.26.42.38.63.17.28.33.56.52.82.17.23.35.44.54.66.18.22.36.44.56.65.2.21.42.4.63.6.16.14.29.3.46.43l330.39,274c.08.07.17.12.25.18.32.25.65.49.99.71.15.09.29.19.44.28.44.26.9.5,1.37.7.04.02.08.04.12.06.51.21,1.03.39,1.56.53.17.05.35.08.53.12.24.06.47.12.71.16.23.04.46.07.69.1.47.05.95.08,1.42.08.15,0,.3-.02.45-.02.32-.01.65-.02.97-.06.18-.02.36-.06.54-.08.29-.04.58-.09.86-.15.19-.04.38-.1.56-.15.28-.08.55-.16.82-.25.08-.03.15-.04.23-.07l402.48-149.13s.06-.03.09-.04c.39-.15.76-.32,1.13-.51.12-.06.24-.1.35-.16.44-.24.88-.51,1.29-.8.03-.02.06-.04.09-.06.55-.39,1.07-.85,1.56-1.34.83-.82,1.54-1.76,2.11-2.78.09-.17.19-.33.27-.5.32-.64.61-1.3.82-2,.03-.11.05-.22.08-.33.12-.42.23-.84.3-1.27l72.09-423.12c.02-.11.02-.22.03-.33.05-.34.08-.67.1-1.01ZM771.44,701.13l-101.05-83.8,158.61-254.06-57.56,337.86ZM121.2,242.67l65.53,292.26-123.1,45.61,57.57-337.87ZM656.65,591.33l-141.37-381.56,317.59,99.3-176.22,282.26ZM508.76,181.1l22.05-129.41,263.81,218.79-285.86-89.37ZM483.7,176.83l-299.33-10.33L505.75,47.42l-22.05,129.41ZM208.31,514.94l-72.81-324.69,332.56,11.48-259.75,313.21ZM490.1,214.98l144.06,388.81-382.98-65.25-25.77-4.39L490.1,214.98ZM246.9,563.6l379.17,64.6-244.79,225.4-156.33-293.74,21.95,3.74ZM654.16,636.9l101.05,83.8-321.38,119.08,220.33-202.88ZM72.47,604.37l123.1-45.61,140.72,264.4-84.17-69.81-179.65-148.98Z"/></svg>

package/src/modules/Dapp/modules/Window/components/menu/img/xyoOS-Icon-White.svg

@@ -1 +0,0 @@
-<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 900"><defs><style>.cls-1{fill:#a8a8a8;opacity:.21;}.cls-1,.cls-2{stroke-width:0px;}.cls-2{fill:#fff;}</style></defs><path class="cls-1" d="M864.29,297.43c-2.44-6.58-9.76-9.94-16.34-7.5l-143.74,53.26L533.2,21.88c-1.85-3.48-5.21-5.9-9.09-6.56-3.89-.66-7.85.51-10.75,3.18l-267.76,246.55-118-97.86c-5.4-4.48-13.42-3.73-17.9,1.67-4.48,5.4-3.73,13.42,1.67,17.9l118,97.86L36.62,593.37c-2.09,3.34-2.5,7.46-1.14,11.15s4.37,6.54,8.13,7.72l347.4,108.61-25.75,151.12c-1.18,6.92,3.48,13.49,10.4,14.67.24.04.47.07.7.1,6.66.76,12.82-3.81,13.96-10.5l25.75-151.12,363.77,12.56c3.94.14,7.71-1.56,10.22-4.59,2.51-3.03,3.48-7.06,2.62-10.9l-79.64-355.16,143.75-53.26c6.58-2.44,9.94-9.75,7.5-16.34ZM518.49,48.34l156.33,293.75-401.12-68.35,244.79-225.4ZM674.37,367.8l-264.69,319.16-144.06-388.81,408.75,69.65ZM66.9,592.88l176.22-282.26,141.37,381.56-317.59-99.29ZM431.72,700.22l259.75-313.21,72.81,324.69-332.56-11.48Z"/><path class="cls-2" d="M865.04,302.64c.01-.2.02-.4.03-.6,0-.33,0-.66-.03-.99-.01-.2-.02-.39-.04-.58-.04-.35-.1-.71-.17-1.06-.03-.16-.05-.32-.09-.48-.12-.5-.26-1.01-.45-1.5-.18-.49-.4-.97-.64-1.43-.08-.15-.17-.29-.25-.43-.17-.31-.35-.61-.55-.9-.12-.17-.24-.33-.37-.49-.19-.25-.39-.5-.6-.74-.14-.16-.29-.32-.45-.47-.22-.22-.45-.44-.68-.65-.1-.08-.18-.18-.27-.26L530.1,18.07c-.34-.28-.7-.53-1.07-.77-.09-.06-.17-.13-.26-.19-.62-.39-1.26-.7-1.92-.98-.18-.07-.36-.14-.54-.21-.71-.26-1.43-.47-2.16-.6,0,0-.01,0-.02,0,0,0,0,0-.01,0-.67-.11-1.35-.15-2.03-.16-.37,0-.73,0-1.09.03-.23.02-.46.06-.7.09-.86.11-1.69.31-2.5.59-.07.03-.15.04-.23.07l-.32.12c-.2.08-.4.13-.59.22L115.08,165.06c-.11.04-.22.1-.33.15-.3.12-.59.25-.88.39-.19.1-.38.19-.57.3-.27.15-.54.32-.81.5-.17.12-.35.22-.52.35-.27.2-.53.42-.79.64-.14.12-.28.23-.41.35-.35.33-.68.68-1,1.05-.04.05-.08.1-.12.14-.32.38-.6.78-.87,1.2-.09.14-.16.29-.25.43-.18.31-.36.62-.51.94-.08.17-.15.35-.23.53-.13.31-.25.62-.36.93-.06.19-.12.38-.17.57-.09.33-.17.65-.23.98-.02.11-.06.22-.08.33l-72.09,423.12c-.07.43-.11.87-.13,1.3,0,.11-.03.22-.03.33-.03.73.02,1.44.12,2.16.02.19.06.38.09.57.13.74.31,1.48.57,2.19,0,0,0,0,0,0,0,.02.01.03.02.04.2.53.43,1.04.7,1.53.12.22.26.42.38.63.17.28.33.56.52.82.17.23.35.44.54.66.18.22.36.44.56.65.2.21.42.4.63.6.16.14.29.3.46.43l330.39,274c.08.07.17.12.25.18.32.25.65.49.99.71.15.09.29.19.44.28.44.26.9.5,1.37.7.04.02.08.04.12.06.51.21,1.03.39,1.56.53.17.05.35.08.53.12.24.06.47.12.71.16.23.04.46.07.69.1.47.05.95.08,1.42.08.15,0,.3-.02.45-.02.32-.01.65-.02.97-.06.18-.02.36-.06.54-.08.29-.04.58-.09.86-.15.19-.04.38-.1.56-.15.28-.08.55-.16.82-.25.08-.03.15-.04.23-.07l402.48-149.13s.06-.03.09-.04c.39-.15.76-.32,1.13-.51.12-.06.24-.1.35-.16.44-.24.88-.51,1.29-.8.03-.02.06-.04.09-.06.55-.39,1.07-.85,1.56-1.34.83-.82,1.54-1.76,2.11-2.78.09-.17.19-.33.27-.5.32-.64.61-1.3.82-2,.03-.11.05-.22.08-.33.12-.42.23-.84.3-1.27l72.09-423.12c.02-.11.02-.22.03-.33.05-.34.08-.67.1-1.01ZM771.44,701.13l-101.05-83.8,158.61-254.06-57.56,337.86ZM121.2,242.67l65.53,292.26-123.1,45.61,57.57-337.87ZM656.65,591.33l-141.37-381.56,317.59,99.3-176.22,282.26ZM508.76,181.1l22.05-129.41,263.81,218.79-285.86-89.37ZM483.7,176.83l-299.33-10.33L505.75,47.42l-22.05,129.41ZM208.31,514.94l-72.81-324.69,332.56,11.48-259.75,313.21ZM490.1,214.98l144.06,388.81-382.98-65.25-25.77-4.39L490.1,214.98ZM246.9,563.6l379.17,64.6-244.79,225.4-156.33-293.74,21.95,3.74ZM654.16,636.9l101.05,83.8-321.38,119.08,220.33-202.88ZM72.47,604.37l123.1-45.61,140.72,264.4-84.17-69.81-179.65-148.98Z"/></svg>

package/src/modules/Dapp/modules/Window/components/menu/index.ts

@@ -1,3 +0,0 @@
-export * from './BottomNavigation.js'
-export * from './Drawer.js'
-export * from './StyledListItems.tsx'

package/src/modules/Dapp/modules/Window/components/menu/stories/DefaultData.tsx

@@ -1,118 +0,0 @@
-/* eslint-disable @stylistic/max-len */
-import type {
-  DappConfig,
-  DappIcon,
-  DappName,
-  DappNavItem,
-  DappNavMenuConfig,
-  DappPackageManifestPayload,
-  DappVersion,
-} from '@xyo-network/os-model'
-import {
-  DappConfigSchema,
-  DappIconSchema,
-  DappMode,
-  DappNavItemSchema,
-  DappNavMenuConfigSchema,
-} from '@xyo-network/os-model'
-
-import DefaultDappManifest from './default.manifest.json' with { type: 'json' }
-
-export const DefaultName: DappName = 'DApp Name' as const
-
-const version: DappVersion = '1.0.0'
-
-export const DefaultConfig: DappConfig = {
-  manifest: DefaultDappManifest as unknown as DappPackageManifestPayload,
-  modes: [DappMode.Window],
-  name: DefaultName,
-  schema: DappConfigSchema,
-  sources: ['network.xyo.dapp.Default.source'],
-  version,
-}
-
-export const DefaultDappIcon: DappIcon = {
-  active: false,
-  installed: 'preInstalled',
-  name: DefaultName,
-  schema: DappIconSchema,
-  type: 'system',
-  version,
-}
-
-export const DefaultPayloads = [DefaultConfig, DefaultDappIcon]
-
-export type DefaultMenuItemPaths = 'all' | 'payment-methods' | 'keys' | 'links' | 'crypto' | 'emails' | 'phones' | 'dapps'
-
-export const DefaultMenuItems: DappNavItem<DefaultMenuItemPaths>[] = [
-  {
-    path: 'payment-methods',
-    primaryText: 'Payment Methods',
-    schema: DappNavItemSchema,
-    svgIcon: `
-    <svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24" fill="none"><path fill="currentColor" d="M420-360h120l-23-129q20-10 31.5-29t11.5-42q0-33-23.5-56.5T480-640q-33 0-56.5 23.5T400-560q0 23 11.5 42t31.5 29l-23 129Zm60 280q-139-35-229.5-159.5T160-516v-244l320-120 320 120v244q0 152-90.5 276.5T480-80Zm0-84q104-33 172-132t68-220v-189l-240-90-240 90v189q0 121 68 220t172 132Zm0-316Z"/></svg>
-    `,
-    weight: 0,
-  },
-  {
-    path: 'keys',
-    primaryText: 'API Keys',
-    schema: DappNavItemSchema,
-    svgIcon: `
-    <svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24" fill="none"><path fill="currentColor" d="M420-360h120l-23-129q20-10 31.5-29t11.5-42q0-33-23.5-56.5T480-640q-33 0-56.5 23.5T400-560q0 23 11.5 42t31.5 29l-23 129Zm60 280q-139-35-229.5-159.5T160-516v-244l320-120 320 120v244q0 152-90.5 276.5T480-80Zm0-84q104-33 172-132t68-220v-189l-240-90-240 90v189q0 121 68 220t172 132Zm0-316Z"/></svg>
-    `,
-    weight: 0,
-  },
-  {
-    path: 'links',
-    primaryText: 'Linked Default',
-    schema: DappNavItemSchema,
-    svgIcon: `
-    <svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24" fill="none"><path fill="currentColor" d="M420-360h120l-23-129q20-10 31.5-29t11.5-42q0-33-23.5-56.5T480-640q-33 0-56.5 23.5T400-560q0 23 11.5 42t31.5 29l-23 129Zm60 280q-139-35-229.5-159.5T160-516v-244l320-120 320 120v244q0 152-90.5 276.5T480-80Zm0-84q104-33 172-132t68-220v-189l-240-90-240 90v189q0 121 68 220t172 132Zm0-316Z"/></svg>
-    `,
-    weight: 0,
-  },
-  {
-    path: 'crypto',
-    primaryText: 'Crypto Wallets',
-    schema: DappNavItemSchema,
-    svgIcon: `
-    <svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24" fill="none"><path fill="currentColor" d="M420-360h120l-23-129q20-10 31.5-29t11.5-42q0-33-23.5-56.5T480-640q-33 0-56.5 23.5T400-560q0 23 11.5 42t31.5 29l-23 129Zm60 280q-139-35-229.5-159.5T160-516v-244l320-120 320 120v244q0 152-90.5 276.5T480-80Zm0-84q104-33 172-132t68-220v-189l-240-90-240 90v189q0 121 68 220t172 132Zm0-316Z"/></svg>
-    `,
-    weight: 0,
-  },
-  {
-    path: 'emails',
-    primaryText: 'Email Addresses',
-    schema: DappNavItemSchema,
-    svgIcon: `
-    <svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24" fill="none"><path fill="currentColor" d="M420-360h120l-23-129q20-10 31.5-29t11.5-42q0-33-23.5-56.5T480-640q-33 0-56.5 23.5T400-560q0 23 11.5 42t31.5 29l-23 129Zm60 280q-139-35-229.5-159.5T160-516v-244l320-120 320 120v244q0 152-90.5 276.5T480-80Zm0-84q104-33 172-132t68-220v-189l-240-90-240 90v189q0 121 68 220t172 132Zm0-316Z"/></svg>
-    `,
-    weight: 0,
-  },
-  {
-    path: 'phones',
-    primaryText: 'Phone Numbers',
-    schema: DappNavItemSchema,
-    svgIcon: `
-    <svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24" fill="none"><path fill="currentColor" d="M420-360h120l-23-129q20-10 31.5-29t11.5-42q0-33-23.5-56.5T480-640q-33 0-56.5 23.5T400-560q0 23 11.5 42t31.5 29l-23 129Zm60 280q-139-35-229.5-159.5T160-516v-244l320-120 320 120v244q0 152-90.5 276.5T480-80Zm0-84q104-33 172-132t68-220v-189l-240-90-240 90v189q0 121 68 220t172 132Zm0-316Z"/></svg>
-    `,
-    weight: 0,
-  },
-  {
-    path: 'dapps',
-    primaryText: 'Dapps',
-    schema: DappNavItemSchema,
-    svgIcon: `
-    <svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24" fill="none"><path fill="currentColor" d="M420-360h120l-23-129q20-10 31.5-29t11.5-42q0-33-23.5-56.5T480-640q-33 0-56.5 23.5T400-560q0 23 11.5 42t31.5 29l-23 129Zm60 280q-139-35-229.5-159.5T160-516v-244l320-120 320 120v244q0 152-90.5 276.5T480-80Zm0-84q104-33 172-132t68-220v-189l-240-90-240 90v189q0 121 68 220t172 132Zm0-316Z"/></svg>
-    `,
-    weight: 0,
-  },
-]
-
-export const DefaultMenuConfig: DappNavMenuConfig = {
-  defaultPath: 'payment-methods',
-  schema: DappNavMenuConfigSchema,
-}
-
-export const DefaultMenuPayloads = [...DefaultMenuItems, DefaultMenuConfig]

package/src/modules/Dapp/modules/Window/components/menu/stories/Drawer.stories.tsx

@@ -1,36 +0,0 @@
-import type { Meta, StoryFn } from '@storybook/react-vite'
-import React from 'react'
-import { BrowserRouter } from 'react-router-dom'
-
-import { DappMenuDrawer } from '../Drawer.tsx'
-import {
-  DefaultConfig, DefaultMenuConfig, DefaultMenuItems,
-} from './DefaultData.tsx'
-
-const StorybookEntry: Meta = {
-  component: DappMenuDrawer,
-  title: 'shared/DappMenuDrawer',
-  parameters: { layout: 'fullscreen' },
-}
-
-const Template: StoryFn<typeof DappMenuDrawer> = (props) => {
-  return (
-    <BrowserRouter>
-      <DappMenuDrawer {...props}>
-      </DappMenuDrawer>
-    </BrowserRouter>
-  )
-}
-
-const Default = Template.bind({})
-Default.args = {
-  activePath: DefaultMenuConfig.defaultPath,
-  menuConfig: DefaultMenuConfig,
-  menuItems: DefaultMenuItems,
-  name: DefaultConfig.name,
-  version: DefaultConfig.version,
-}
-
-export { Default }
-
-export default StorybookEntry

package/src/modules/Dapp/modules/Window/components/menu/stories/default.manifest.json

@@ -1,20 +0,0 @@
-{
-  "$schema": "https://raw.githubusercontent.com/XYOracleNetwork/sdk-xyo-client-js/main/packages/manifest/src/compilations/dapp-package-manifest-schema.json",
-  "nodes": [
-    {
-      "config": {
-        "accountPath": "0'",
-        "name": "DefaultNode",
-        "schema": "network.xyo.node.config"
-      }
-    }
-  ],
-  "external": {
-    "modules": [
-      {
-        "name": "OsDefaultNode"
-      }
-    ]
-  },
-  "schema": "network.xyo.manifest.package.dapp"
-}

package/src/modules/Dapp/modules/Window/hooks/index.ts

@@ -1,8 +0,0 @@
-export * from './lib/index.ts'
-export * from './menu/index.ts'
-export * from './route/index.ts'
-export * from './useDebugClick.ts'
-export * from './useDecomposeDapp.tsx'
-export * from './useExposedNode.ts'
-export * from './useSkipLoadingScreen.js'
-export * from './useSyncOsRegisteredAccessInterfaces.js'

package/src/modules/Dapp/modules/Window/hooks/lib/DappPathHelpers.ts

@@ -1,34 +0,0 @@
-import { NameTransforms } from '@xyo-network/os-runtime'
-
-export const DappPathHelpers = {
-  // update the url based off the path
-  deriveDestinationPath(path: string, defaultPath: string | undefined, dappName?: string) {
-    const rootPath = `/${new NameTransforms(dappName ?? '').slug()}`
-    const nestedPath = `${rootPath}/${path}`
-    return path === defaultPath ? rootPath : nestedPath
-  },
-  // derive the path for the nav selection
-  derivePathForNavSelection(newPath?: string, currentPath?: string, defaultPath?: string) {
-    let derivedPath: string | undefined
-
-    // If the path is not set, set it to the default path
-    if (newPath === undefined && defaultPath) {
-      derivedPath = defaultPath
-    }
-
-    // If the path has changed, update the selection (the back button case where onPathChanged was not called)
-    if (newPath && currentPath !== newPath) {
-      derivedPath = newPath
-    }
-    return derivedPath
-  },
-  // detect duplicate nav selections
-  detectDuplicateSelections(lastSavedPath?: string, path?: string, defaultPath?: string) {
-    // If the path is the default path and the current path ref is empty, then we are already at the default path
-    const selectedDefaultPathAgain = path === defaultPath && lastSavedPath === ''
-    // If the path is the same as the last seen path, then we don't need to navigate
-    const pathIsUnchanged = lastSavedPath === path
-
-    return selectedDefaultPathAgain || pathIsUnchanged
-  },
-}

package/src/modules/Dapp/modules/Window/hooks/lib/detectCustomer.ts

@@ -1,21 +0,0 @@
-export const CustomerParams = [
-  { key: 'utm_source', value: 'coin' },
-  {
-    key: 'receipt', matches: '*', value: 'receiptHash',
-  },
-]
-
-export const detectCustomer = () => {
-  return CustomerParams.find((customerParamSet) => {
-    const searchParams = new URLSearchParams(globalThis.location.search)
-    const searchParamValue = searchParams.get(customerParamSet.key)
-
-    // if the customerParamSet.key is present and matches in *, we don't care about the value
-    if (searchParams.has(customerParamSet.key) && customerParamSet.matches === '*') {
-      return true
-    }
-
-    // if the customerParamSet.value is defined, we care if the key is present and the value matches
-    return searchParamValue && searchParamValue === customerParamSet.value
-  })
-}

package/src/modules/Dapp/modules/Window/hooks/lib/index.ts

@@ -1,2 +0,0 @@
-export * from './DappPathHelpers.ts'
-export * from './detectCustomer.ts'

package/src/modules/Dapp/modules/Window/hooks/menu/index.ts

@@ -1,5 +0,0 @@
-export * from './useAddDappMenuItems.ts'
-export * from './useBuildDappMenuResource.ts'
-export * from './useDappMenu.ts'
-export * from './useDappMenuCaller.ts'
-export * from './useDappMenuDependencies.ts'

package/src/modules/Dapp/modules/Window/hooks/menu/useAddDappMenuItems.ts

@@ -1,25 +0,0 @@
-import { usePromise } from '@xylabs/react-promise'
-import type { Payload } from '@xyo-network/payload-model'
-
-import { useXyOsUiContext } from '../../../../../XyOsUi/index.ts'
-import { DappMenuResourceHooks } from './useBuildDappMenuResource.ts'
-import { useDappMenuCaller } from './useDappMenuCaller.ts'
-
-export const useAddDappMenuItems = (payloads: Payload[]) => {
-  const xyOs = useXyOsUiContext()
-  const {
-    menuItemSelections, menuConfigs, resourceError,
-  } = DappMenuResourceHooks.resourceViewsFromContext(xyOs)
-  const dappMenuCaller = useDappMenuCaller()
-
-  const [, addMenuItemsError] = usePromise(async () => {
-    await dappMenuCaller?.add(payloads)
-  }, [payloads, dappMenuCaller])
-
-  return {
-    addMenuItemsError,
-    menuConfig: menuConfigs?.[0],
-    path: menuItemSelections?.[0],
-    error: resourceError,
-  }
-}