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

package/src/modules/dapps/accounts/components/AnimatedComponents/GenericAnimations/ShiftAnimation.tsx

@@ -1,116 +0,0 @@
-// Inspired by https://www.joshwcomeau.com/react/rotate/#bonus-that-star-animation-8
-
-import { animated, useSpring } from '@react-spring/web'
-import type { FlexBoxProps } from '@xylabs/react-flexbox'
-import React, { useEffect, useState } from 'react'
-
-export interface ShiftAnimationProps extends FlexBoxProps {
-  animationDirection: Direction
-  startAnimation?: boolean
-}
-
-type Direction = 'wiggle' | 'jump' | 'up' | 'down' | 'left' | 'right'
-interface PointData {
-  FromXMovement?: Readonly<number>
-  FromYMovement?: Readonly<number>
-  ToXMovement?: Readonly<number>
-  ToYMovement?: Readonly<number>
-}
-const MovementData: Readonly<Record<Direction, Readonly<PointData[]>>> = {
-  down: [
-    {
-      FromYMovement: 0,
-      ToYMovement: -3,
-    },
-    {
-      FromYMovement: -3,
-      ToYMovement: 0,
-    },
-  ],
-  jump: [
-    {
-      FromYMovement: 0,
-      ToYMovement: -3,
-    },
-    {
-      FromYMovement: -3,
-      ToYMovement: 0,
-    },
-  ],
-  left: [
-    {
-      FromXMovement: 0,
-      ToXMovement: -3,
-    },
-    {
-      FromXMovement: -3,
-      ToXMovement: 0,
-    },
-  ],
-  right: [
-    {
-      FromXMovement: 0,
-      ToXMovement: -3,
-    },
-    {
-      FromXMovement: -3,
-      ToXMovement: 0,
-    },
-  ],
-  up: [
-    {
-      FromYMovement: 0,
-      ToYMovement: -3,
-    },
-    {
-      FromYMovement: -3,
-      ToYMovement: 0,
-    },
-  ],
-  wiggle: [
-    {
-      FromXMovement: 0,
-      ToXMovement: -3,
-    },
-    {
-      FromXMovement: -3,
-      ToXMovement: 0,
-    },
-  ],
-}
-
-export const ShiftAnimation: React.FC<ShiftAnimationProps> = ({
-  startAnimation = false, animationDirection, children,
-}) => {
-  const [isShifted, setIsShifted] = useState(startAnimation)
-  const anim = useSpring({
-    backfaceVisibility: 'hidden',
-    config: {
-      friction: 10,
-      tension: 300,
-    },
-    from: {
-      x: startAnimation ? MovementData[animationDirection][1].FromXMovement : 0,
-      y: startAnimation ? MovementData[animationDirection][1].FromYMovement : 0,
-    },
-    reset: true,
-    to: {
-      x: startAnimation ? MovementData[animationDirection][0].FromXMovement : 0,
-      y: startAnimation ? MovementData[animationDirection][0].FromYMovement : 0,
-    },
-  })
-
-  useEffect(() => {
-    if (!isShifted) {
-      return
-    }
-    const timeoutId = globalThis.setTimeout(() => {
-      setIsShifted(false)
-    }, 5)
-    return () => {
-      globalThis.clearTimeout(timeoutId)
-    }
-  }, [isShifted])
-
-  return <animated.div style={anim}>{children}</animated.div>
-}

package/src/modules/dapps/accounts/components/AnimatedComponents/GenericAnimations/index.ts

@@ -1 +0,0 @@
-export { ShiftAnimation } from './ShiftAnimation.tsx'

package/src/modules/dapps/accounts/components/AnimatedComponents/IconAnimations/TwoToneBulletPoint.tsx

@@ -1,23 +0,0 @@
-import { FiberManualRecordRounded } from '@mui/icons-material'
-import type { BoxProps } from '@mui/material'
-import { Box, useTheme } from '@mui/material'
-import { alphaCss } from '@xylabs/react-theme'
-import React from 'react'
-
-export const TwoToneBulletPoint: React.FC<BoxProps> = (props) => {
-  const theme = useTheme()
-  return (
-    <Box {...props}>
-      <FiberManualRecordRounded
-        fontSize="small"
-        sx={{
-          '&:hover': { padding: 0.2 },
-          'backgroundColor': alphaCss(theme.vars?.palette.secondary.main ?? '#000', 0.2),
-          'borderRadius': 2,
-          'padding': 0.4,
-        }}
-        color="primary"
-      />
-    </Box>
-  )
-}

package/src/modules/dapps/accounts/components/AnimatedComponents/IconAnimations/TwoToneBulletPointList.tsx

@@ -1,24 +0,0 @@
-import { FlexCol, FlexGrowRow } from '@xylabs/react-flexbox'
-import type { ReactNode } from 'react'
-import React from 'react'
-
-import { TwoToneBulletPoint } from './TwoToneBulletPoint.tsx'
-
-export interface TwoToneBulletPointListProps {
-  list: ReactNode[]
-}
-
-export const TwoToneBulletPointList: React.FC<TwoToneBulletPointListProps> = ({ list }) => {
-  return (
-    <FlexCol alignItems="flex-start" gap={1}>
-      {list.map((item, index) => {
-        return (
-          <FlexGrowRow key={index + 'bulletPointList'} alignItems="flex-start" justifyContent="flex-start" gap={1}>
-            <TwoToneBulletPoint marginTop="4px" />
-            {item}
-          </FlexGrowRow>
-        )
-      })}
-    </FlexCol>
-  )
-}

package/src/modules/dapps/accounts/components/AnimatedComponents/IconAnimations/index.ts

@@ -1,2 +0,0 @@
-export { TwoToneBulletPoint } from './TwoToneBulletPoint.tsx'
-export { TwoToneBulletPointList } from './TwoToneBulletPointList.tsx'

package/src/modules/dapps/accounts/components/AnimatedComponents/index.ts

@@ -1,2 +0,0 @@
-export * from './GenericAnimations/index.ts'
-export * from './IconAnimations/index.ts'

package/src/modules/dapps/accounts/components/InputFields/CoinbaseEmail.tsx

@@ -1,41 +0,0 @@
-import type { StandardTextFieldProps } from '@mui/material'
-import { FormControl, TextField } from '@mui/material'
-import { LabeledTextFieldWrapper } from '@xyo-network/react-shared'
-import type { ChangeEventHandler, FocusEventHandler } from 'react'
-import React, { useState } from 'react'
-
-export interface CoinbaseEmailInputProps extends StandardTextFieldProps {
-  existingEmail?: string
-}
-
-export const CoinbaseEmailInput: React.FC<CoinbaseEmailInputProps> = ({ existingEmail, ...props }) => {
-  const [email, setEmail] = useState(existingEmail)
-  const [valid, setValid] = useState<boolean | undefined>()
-
-  const handleBlur: FocusEventHandler<HTMLInputElement> = (event) => {
-    setValid(!!event.target.value)
-  }
-
-  const handleChange: ChangeEventHandler<HTMLInputElement> = (event) => {
-    const emailFromEvent = event.target.value
-    setValid(!!emailFromEvent)
-    setEmail(emailFromEvent)
-  }
-  return (
-    <FormControl fullWidth>
-      <LabeledTextFieldWrapper label="Primary Cryptowallet">
-        <TextField
-          fullWidth
-          variant="filled"
-          error={valid === false}
-          hiddenLabel
-          onBlur={handleBlur}
-          value={email}
-          onChange={handleChange}
-          size="small"
-          {...props}
-        />
-      </LabeledTextFieldWrapper>
-    </FormControl>
-  )
-}

package/src/modules/dapps/accounts/components/InputFields/PrimaryCryptowallet.tsx

@@ -1,42 +0,0 @@
-import type { StandardTextFieldProps } from '@mui/material'
-import { FormControl, TextField } from '@mui/material'
-import { LabeledTextFieldWrapper } from '@xyo-network/react-shared'
-import type { ChangeEventHandler, FocusEventHandler } from 'react'
-import React, { useState } from 'react'
-
-export interface PrimaryCryptoWalletInputProps extends StandardTextFieldProps {
-  existingPrimaryCryptoWallet?: string
-}
-
-export const PrimaryCryptoWalletInput: React.FC<PrimaryCryptoWalletInputProps> = ({ existingPrimaryCryptoWallet, ...props }) => {
-  const [primaryWallet, setPrimaryWallet] = useState(existingPrimaryCryptoWallet)
-  const [valid, setValid] = useState<boolean | undefined>()
-
-  const handleBlur: FocusEventHandler<HTMLInputElement> = (event) => {
-    setValid(!!event.target.value)
-  }
-
-  const handleChange: ChangeEventHandler<HTMLInputElement> = (event) => {
-    const nameFromEvent = event.target.value
-    setValid(!!nameFromEvent)
-    setPrimaryWallet(nameFromEvent)
-  }
-  return (
-    <FormControl fullWidth>
-      <LabeledTextFieldWrapper label="Primary Cryptowallet">
-        <TextField
-          fullWidth
-          variant="filled"
-          error={valid === false}
-          hiddenLabel
-          onBlur={handleBlur}
-          value={primaryWallet}
-          onChange={handleChange}
-          size="small"
-          required
-          {...props}
-        />
-      </LabeledTextFieldWrapper>
-    </FormControl>
-  )
-}

package/src/modules/dapps/accounts/components/InputFields/SecondaryCryptowallet.tsx

@@ -1,42 +0,0 @@
-import type { StandardTextFieldProps } from '@mui/material'
-import { FormControl, TextField } from '@mui/material'
-import { LabeledTextFieldWrapper } from '@xyo-network/react-shared'
-import type { ChangeEventHandler, FocusEventHandler } from 'react'
-import React, { useState } from 'react'
-
-export interface SecondaryCryptoWalletInputProps extends StandardTextFieldProps {
-  existingSecondaryCryptoWallet?: string
-}
-
-export const SecondaryCryptoWalletInput: React.FC<SecondaryCryptoWalletInputProps> = ({ existingSecondaryCryptoWallet, ...props }) => {
-  const [secondaryWallet, setSecondaryWallet] = useState(existingSecondaryCryptoWallet)
-  const [valid, setValid] = useState<boolean | undefined>()
-
-  const handleBlur: FocusEventHandler<HTMLInputElement> = (event) => {
-    setValid(!!event.target.value)
-  }
-
-  const handleChange: ChangeEventHandler<HTMLInputElement> = (event) => {
-    const walletFromEvent = event.target.value
-    setValid(!!walletFromEvent)
-    setSecondaryWallet(walletFromEvent)
-  }
-  return (
-    <FormControl fullWidth>
-      <LabeledTextFieldWrapper label="Secondary Cryptowallet">
-        <TextField
-          variant="filled"
-          fullWidth
-          error={valid === false}
-          hiddenLabel
-          onBlur={handleBlur}
-          value={secondaryWallet}
-          onChange={handleChange}
-          size="small"
-          required
-          {...props}
-        />
-      </LabeledTextFieldWrapper>
-    </FormControl>
-  )
-}

package/src/modules/dapps/accounts/components/InputFields/index.ts

@@ -1,3 +0,0 @@
-export * from './CoinbaseEmail.tsx'
-export * from './PrimaryCryptowallet.tsx'
-export * from './SecondaryCryptowallet.tsx'

package/src/modules/dapps/accounts/components/PaymentMethods.tsx

@@ -1,51 +0,0 @@
-import { Grid } from '@mui/material'
-import type { FlexBoxProps } from '@xylabs/react-flexbox'
-import { FormGroupCreditCardProvider } from '@xyo-network/react-form-credit-card'
-import React from 'react'
-
-import { DappPage } from '../../../Dapp/index.ts'
-import { AccountCard } from './AccountCard.tsx'
-import {
-  CoinbaseEmailInput, PrimaryCryptoWalletInput, SecondaryCryptoWalletInput,
-} from './InputFields/index.ts'
-
-export const PaymentMethods: React.FC<FlexBoxProps> = () => {
-  return (
-    <DappPage title="Payment Methods">
-      <Grid container spacing={3}>
-        <Grid size={{ xs: 12 }}>
-          <AccountCard
-            sx={{ height: '100%' }}
-            items={[
-              {
-                // TODO - needs a default implementation
-                component: (
-                  <FormGroupCreditCardProvider>
-                    null
-                  </FormGroupCreditCardProvider>
-                ),
-                desc: 'Save a credit card to your node to complete credit payments seamlessly.',
-                title: 'Credit Card',
-              },
-              {
-                component: <CoinbaseEmailInput />,
-                desc: 'Use your Coinbase Account receive payments easily.',
-                title: 'Coinbase Email',
-              },
-              {
-                component: <PrimaryCryptoWalletInput />,
-                desc: 'This is the primary crypto wallet on your node.',
-                title: 'Primary Crypto Wallet',
-              },
-              {
-                component: <SecondaryCryptoWalletInput />,
-                desc: 'This is the secondary crypto wallet on your node.',
-                title: 'Secondary Crypto Wallet',
-              },
-            ]}
-          />
-        </Grid>
-      </Grid>
-    </DappPage>
-  )
-}

package/src/modules/dapps/accounts/components/index.ts

@@ -1,3 +0,0 @@
-export * from './AnimatedComponents/index.ts'
-export * from './InputFields/index.ts'
-export * from './PaymentMethods.tsx'

package/src/modules/dapps/accounts/hooks/index.ts

@@ -1 +0,0 @@
-export * from './useAccountArchivist.ts'

package/src/modules/dapps/accounts/hooks/useAccountArchivist.ts

@@ -1,5 +0,0 @@
-import { useWeakArchivistFromNode } from '@xyo-network/react-archivist'
-
-export const useAccountArchivist = () => {
-  return useWeakArchivistFromNode('AccountArchivist')
-}

package/src/modules/dapps/accounts/icon/Icon.tsx

@@ -1,49 +0,0 @@
-/* eslint-disable @stylistic/max-len */
-import { createSvgIcon } from '@mui/material'
-import React from 'react'
-
-export const AccountsIcon = createSvgIcon(
-  <svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40">
-    <path
-      fill="transparent"
-      d="M6.44,27.12c-.78,0-1.44.28-2,.83-.55.55-.83,1.21-.83,1.99s.28,1.44.83,2c.55.55,1.21.83,1.99.83s1.44-.28,2-.83c.55-.55.83-1.21.83-1.99s-.28-1.44-.83-2c-.55-.55-1.21-.83-1.99-.83Z"
-    />
-    <path
-      fill="transparent"
-      d="M18.01,27.91c-.55.55-.83,1.22-.83,1.99s.28,1.44.83,2c.55.55,1.21.83,1.99.83s1.44-.28,2-.83c.55-.55.83-1.21.83-1.99s-.28-1.44-.83-2c-.55-.55-1.21-.83-1.99-.83s-1.44.28-2,.83Z"
-    />
-    <path
-      fill="transparent"
-      d="M33.56,27.12c-.78,0-1.44.28-2,.83-.55.55-.83,1.21-.83,1.99s.28,1.44.83,2c.55.55,1.21.83,1.99.83s1.44-.28,2-.83c.55-.55.83-1.21.83-1.99s-.28-1.44-.83-2c-.55-.55-1.21-.83-1.99-.83Z"
-    />
-    <path
-      fill="currentColor"
-      d="M36.55,26.94c-.82-.82-1.82-1.23-3-1.23-.32,0-.63.04-.93.11-.3.07-.59.17-.87.31l-5.87-8.09c-.18.03-.36.05-.56.05h-1.13l6.42,8.83c-.39.4-.7.85-.93,1.36-.23.51-.35,1.06-.35,1.66,0,1.18.41,2.17,1.23,3s1.82,1.23,3,1.23,2.17-.41,3-1.23,1.23-1.82,1.23-3-.41-2.17-1.23-3ZM35.55,31.93c-.55.55-1.22.83-2,.83s-1.44-.28-1.99-.83c-.55-.55-.83-1.22-.83-2s.28-1.44.83-1.99c.55-.55,1.22-.83,2-.83s1.44.28,1.99.83c.55.55.83,1.22.83,2s-.28,1.44-.83,1.99Z"
-    />
-    <path
-      fill="currentColor"
-      d="M19.29,25.73c-1,.16-1.84.64-2.52,1.42-.67.79-1.01,1.7-1.01,2.75,0,1.18.41,2.17,1.23,3,.82.82,1.82,1.23,3,1.23s2.17-.41,3-1.23c.82-.82,1.23-1.82,1.23-3,0-1.05-.34-1.97-1.01-2.74-.67-.78-1.51-1.25-2.52-1.43v-7.65h-1.41v7.65ZM22,27.91c.55.55.83,1.22.83,2s-.28,1.44-.83,1.99c-.55.55-1.22.83-2,.83s-1.44-.28-1.99-.83c-.55-.55-.83-1.22-.83-2s.28-1.44.83-1.99c.55-.55,1.22-.83,2-.83s1.44.28,1.99.83Z"
-    />
-    <path
-      fill="currentColor"
-      d="M14.1,18l-5.89,8.08c-.28-.13-.56-.22-.86-.28-.29-.06-.6-.09-.91-.09-1.18,0-2.17.41-3,1.23-.82.82-1.23,1.82-1.23,3s.41,2.17,1.23,3,1.82,1.23,3,1.23,2.17-.41,3-1.23,1.23-1.82,1.23-3c0-.6-.12-1.15-.36-1.66s-.56-.96-.95-1.36l6.45-8.83h-1c-.25,0-.48-.03-.7-.08ZM8.44,31.93c-.55.55-1.22.83-2,.83s-1.44-.28-1.99-.83c-.55-.55-.83-1.22-.83-2s.28-1.44.83-1.99c.55-.55,1.22-.83,2-.83s1.44.28,1.99.83c.55.55.83,1.22.83,2s-.28,1.44-.83,1.99Z"
-    />
-    <path
-      fill="transparent"
-      d="M20,12.91c1.26,0,2.46.19,3.61.56,1.15.37,2.23.88,3.23,1.54V4.86c0-.44-.15-.82-.46-1.12s-.68-.46-1.12-.46h-10.52c-.44,0-.82.15-1.12.46s-.46.68-.46,1.12v10.15c1-.66,2.08-1.17,3.23-1.54s2.36-.56,3.61-.56ZM17.7,5.83c.63-.63,1.4-.95,2.3-.95s1.66.32,2.3.95.95,1.4.95,2.3-.32,1.66-.95,2.3-1.4.95-2.3.95-1.66-.32-2.3-.95-.95-1.4-.95-2.3.32-1.66.95-2.3Z"
-    />
-    <path
-      fill="transparent"
-      d="M20,10.32c.6,0,1.12-.21,1.55-.64.43-.43.65-.94.65-1.55s-.22-1.12-.65-1.55c-.43-.43-.95-.65-1.55-.65s-1.12.22-1.55.65-.64.95-.64,1.55.21,1.12.64,1.55.94.64,1.55.64Z"
-    />
-    <path
-      fill="currentColor"
-      d="M20,11.37c.9,0,1.66-.32,2.3-.95s.95-1.4.95-2.3-.32-1.66-.95-2.3-1.4-.95-2.3-.95-1.66.32-2.3.95-.95,1.4-.95,2.3.32,1.66.95,2.3,1.4.95,2.3.95ZM18.45,6.58c.43-.43.95-.65,1.55-.65s1.12.22,1.55.65c.43.43.65.95.65,1.55s-.22,1.12-.65,1.55c-.43.43-.95.64-1.55.64s-1.12-.21-1.55-.64-.64-.95-.64-1.55.21-1.12.64-1.55Z"
-    />
-    <path
-      fill="currentColor"
-      d="M27.21,2.9c-.5-.5-1.15-.75-1.95-.75h-10.52c-.8,0-1.45.25-1.95.75-.5.5-.75,1.15-.75,1.95v10.52c0,.8.25,1.45.75,1.95.35.35.77.56,1.25.67.22.05.45.08.7.08h10.52c.2,0,.38-.02.56-.05.55-.09,1.01-.33,1.39-.71.5-.5.75-1.15.75-1.95V4.86c0-.8-.25-1.45-.75-1.95ZM25.93,16.74c-.26.14-.55.22-.86.22h-10.15s-.08-.01-.12-.01c-.25-.02-.5-.08-.74-.2-.28-.14-.45-.35-.5-.63.99-.7,2.03-1.22,3.12-1.57s2.19-.52,3.31-.52,2.27.18,3.4.55c1.13.36,2.18.88,3.16,1.54-.15.27-.36.48-.63.63ZM26.84,15.01c-1-.66-2.08-1.17-3.23-1.54-1.15-.37-2.36-.56-3.61-.56s-2.46.19-3.61.56-2.23.88-3.23,1.54V4.86c0-.44.15-.82.46-1.12s.68-.46,1.12-.46h10.52c.44,0,.82.15,1.12.46s.46.68.46,1.12v10.15Z"
-    />
-  </svg>,
-  'AccountsIcon',
-)

package/src/modules/dapps/accounts/icon/custom-accounts-icon.svg

@@ -1 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"><defs><style>.cls-1{fill:none;}.cls-1,.cls-2{stroke-width:0px;}.cls-2{fill:#000;}</style></defs><path class="cls-1" d="M6.44,27.12c-.78,0-1.44.28-2,.83-.55.55-.83,1.21-.83,1.99s.28,1.44.83,2c.55.55,1.21.83,1.99.83s1.44-.28,2-.83c.55-.55.83-1.21.83-1.99s-.28-1.44-.83-2c-.55-.55-1.21-.83-1.99-.83Z"/><path class="cls-1" d="M18.01,27.91c-.55.55-.83,1.22-.83,1.99s.28,1.44.83,2c.55.55,1.21.83,1.99.83s1.44-.28,2-.83c.55-.55.83-1.21.83-1.99s-.28-1.44-.83-2c-.55-.55-1.21-.83-1.99-.83s-1.44.28-2,.83Z"/><path class="cls-1" d="M33.56,27.12c-.78,0-1.44.28-2,.83-.55.55-.83,1.21-.83,1.99s.28,1.44.83,2c.55.55,1.21.83,1.99.83s1.44-.28,2-.83c.55-.55.83-1.21.83-1.99s-.28-1.44-.83-2c-.55-.55-1.21-.83-1.99-.83Z"/><path class="cls-2" d="M36.55,26.94c-.82-.82-1.82-1.23-3-1.23-.32,0-.63.04-.93.11-.3.07-.59.17-.87.31l-5.87-8.09c-.18.03-.36.05-.56.05h-1.13l6.42,8.83c-.39.4-.7.85-.93,1.36-.23.51-.35,1.06-.35,1.66,0,1.18.41,2.17,1.23,3s1.82,1.23,3,1.23,2.17-.41,3-1.23,1.23-1.82,1.23-3-.41-2.17-1.23-3ZM35.55,31.93c-.55.55-1.22.83-2,.83s-1.44-.28-1.99-.83c-.55-.55-.83-1.22-.83-2s.28-1.44.83-1.99c.55-.55,1.22-.83,2-.83s1.44.28,1.99.83c.55.55.83,1.22.83,2s-.28,1.44-.83,1.99Z"/><path class="cls-2" d="M19.29,25.73c-1,.16-1.84.64-2.52,1.42-.67.79-1.01,1.7-1.01,2.75,0,1.18.41,2.17,1.23,3,.82.82,1.82,1.23,3,1.23s2.17-.41,3-1.23c.82-.82,1.23-1.82,1.23-3,0-1.05-.34-1.97-1.01-2.74-.67-.78-1.51-1.25-2.52-1.43v-7.65h-1.41v7.65ZM22,27.91c.55.55.83,1.22.83,2s-.28,1.44-.83,1.99c-.55.55-1.22.83-2,.83s-1.44-.28-1.99-.83c-.55-.55-.83-1.22-.83-2s.28-1.44.83-1.99c.55-.55,1.22-.83,2-.83s1.44.28,1.99.83Z"/><path class="cls-2" d="M14.1,18l-5.89,8.08c-.28-.13-.56-.22-.86-.28-.29-.06-.6-.09-.91-.09-1.18,0-2.17.41-3,1.23-.82.82-1.23,1.82-1.23,3s.41,2.17,1.23,3,1.82,1.23,3,1.23,2.17-.41,3-1.23,1.23-1.82,1.23-3c0-.6-.12-1.15-.36-1.66s-.56-.96-.95-1.36l6.45-8.83h-1c-.25,0-.48-.03-.7-.08ZM8.44,31.93c-.55.55-1.22.83-2,.83s-1.44-.28-1.99-.83c-.55-.55-.83-1.22-.83-2s.28-1.44.83-1.99c.55-.55,1.22-.83,2-.83s1.44.28,1.99.83c.55.55.83,1.22.83,2s-.28,1.44-.83,1.99Z"/><path class="cls-1" d="M20,12.91c1.26,0,2.46.19,3.61.56,1.15.37,2.23.88,3.23,1.54V4.86c0-.44-.15-.82-.46-1.12s-.68-.46-1.12-.46h-10.52c-.44,0-.82.15-1.12.46s-.46.68-.46,1.12v10.15c1-.66,2.08-1.17,3.23-1.54s2.36-.56,3.61-.56ZM17.7,5.83c.63-.63,1.4-.95,2.3-.95s1.66.32,2.3.95.95,1.4.95,2.3-.32,1.66-.95,2.3-1.4.95-2.3.95-1.66-.32-2.3-.95-.95-1.4-.95-2.3.32-1.66.95-2.3Z"/><path class="cls-1" d="M20,10.32c.6,0,1.12-.21,1.55-.64.43-.43.65-.94.65-1.55s-.22-1.12-.65-1.55c-.43-.43-.95-.65-1.55-.65s-1.12.22-1.55.65-.64.95-.64,1.55.21,1.12.64,1.55.94.64,1.55.64Z"/><path class="cls-2" d="M20,11.37c.9,0,1.66-.32,2.3-.95s.95-1.4.95-2.3-.32-1.66-.95-2.3-1.4-.95-2.3-.95-1.66.32-2.3.95-.95,1.4-.95,2.3.32,1.66.95,2.3,1.4.95,2.3.95ZM18.45,6.58c.43-.43.95-.65,1.55-.65s1.12.22,1.55.65c.43.43.65.95.65,1.55s-.22,1.12-.65,1.55c-.43.43-.95.64-1.55.64s-1.12-.21-1.55-.64-.64-.95-.64-1.55.21-1.12.64-1.55Z"/><path class="cls-2" d="M27.21,2.9c-.5-.5-1.15-.75-1.95-.75h-10.52c-.8,0-1.45.25-1.95.75-.5.5-.75,1.15-.75,1.95v10.52c0,.8.25,1.45.75,1.95.35.35.77.56,1.25.67.22.05.45.08.7.08h10.52c.2,0,.38-.02.56-.05.55-.09,1.01-.33,1.39-.71.5-.5.75-1.15.75-1.95V4.86c0-.8-.25-1.45-.75-1.95ZM25.93,16.74c-.26.14-.55.22-.86.22h-10.15s-.08-.01-.12-.01c-.25-.02-.5-.08-.74-.2-.28-.14-.45-.35-.5-.63.99-.7,2.03-1.22,3.12-1.57s2.19-.52,3.31-.52,2.27.18,3.4.55c1.13.36,2.18.88,3.16,1.54-.15.27-.36.48-.63.63ZM26.84,15.01c-1-.66-2.08-1.17-3.23-1.54-1.15-.37-2.36-.56-3.61-.56s-2.46.19-3.61.56-2.23.88-3.23,1.54V4.86c0-.44.15-.82.46-1.12s.68-.46,1.12-.46h10.52c.44,0,.82.15,1.12.46s.46.68.46,1.12v10.15Z"/></svg>

package/src/modules/dapps/accounts/icon/index.ts

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

package/src/modules/dapps/accounts/index.ts

@@ -1,3 +0,0 @@
-export * from './components/index.ts'
-export * from './hooks/index.ts'
-export * from './models/index.ts'

package/src/modules/dapps/accounts/models/CreditCardInput.ts

@@ -1,20 +0,0 @@
-import type { Payload } from '@xyo-network/payload-model'
-import { isPayloadOfSchemaType } from '@xyo-network/payload-model'
-
-export const CreditCardInputSchema = 'network.xyo.credit.card.input' as const
-export type CreditCardInputSchema = typeof CreditCardInputSchema
-
-export type CreditCardInputFields = {
-  cardNumber: string
-  cvc: string
-  emailAddress: string
-  expiration: string
-  firstName: string
-  lastName: string
-  timestamp: number
-  zip: string
-}
-
-export type CreditCardInput = Payload<CreditCardInputFields, CreditCardInputSchema>
-
-export const isCreditCardInput = isPayloadOfSchemaType<CreditCardInput>(CreditCardInputSchema)

package/src/modules/dapps/accounts/models/index.ts

@@ -1 +0,0 @@
-export * from './CreditCardInput.ts'

package/src/modules/dapps/index.ts

@@ -1,3 +0,0 @@
-export * from './accounts/index.ts'
-export * from './name-service/index.ts'
-export * from './table/index.ts'

package/src/modules/dapps/name-service/DomainIcon.tsx

@@ -1,12 +0,0 @@
-/* eslint-disable @stylistic/max-len */
-import { createSvgIcon } from '@mui/material'
-import React from 'react'
-
-export const XnsDomainIcon = createSvgIcon(
-  <svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400">
-    <path fill="currentColor" d="M0,314.34V85.34h43.89l99.55,152.67V85.34h43.89v229h-43.89L43.89,161.68v152.67H0Z"></path>
-    <path fill="currentColor" d="M298.99,319.12c-16.96,0-32.26-3-45.88-8.99-13.62-5.99-24.81-14.58-33.56-25.76-8.75-11.18-14.29-24.52-16.62-40l45.17-6.68c3.18,13.15,9.75,23.27,19.72,30.37,9.96,7.1,21.31,10.65,34.03,10.65,7.1,0,14-1.11,20.67-3.34,6.68-2.23,12.17-5.51,16.46-9.86,4.29-4.35,6.44-9.7,6.44-16.06,0-2.33-.35-4.59-1.03-6.76-.69-2.17-1.83-4.21-3.42-6.12-1.59-1.91-3.84-3.71-6.76-5.41-2.92-1.69-6.6-3.23-11.05-4.61l-59.48-17.49c-4.45-1.27-9.62-3.07-15.5-5.41-5.88-2.33-11.58-5.67-17.1-10.02-5.51-4.35-10.1-10.1-13.76-17.26-3.66-7.16-5.49-16.19-5.49-27.11,0-15.37,3.87-28.15,11.61-38.33,7.74-10.18,18.08-17.76,31.01-22.74,12.93-4.98,27.25-7.42,42.94-7.32,15.8.21,29.9,2.92,42.3,8.11,12.4,5.2,22.79,12.75,31.17,22.66,8.37,9.92,14.42,22.03,18.13,36.34l-46.76,7.95c-1.7-7.42-4.83-13.68-9.38-18.77-4.56-5.09-9.99-8.96-16.3-11.61-6.31-2.65-12.91-4.08-19.8-4.29-6.79-.21-13.17.72-19.16,2.78-5.99,2.07-10.87,5.06-14.63,8.99-3.76,3.92-5.65,8.59-5.65,14,0,4.98,1.54,9.04,4.61,12.17,3.07,3.13,6.94,5.65,11.61,7.55,4.66,1.91,9.44,3.5,14.31,4.77l39.76,10.81c5.94,1.59,12.51,3.68,19.72,6.28,7.21,2.6,14.13,6.2,20.75,10.81,6.62,4.61,12.09,10.68,16.38,18.21,4.29,7.53,6.44,17.07,6.44,28.63,0,12.3-2.57,23.03-7.71,32.2-5.14,9.17-12.06,16.75-20.75,22.74-8.69,5.99-18.53,10.47-29.5,13.44-10.97,2.97-22.29,4.45-33.95,4.45Z"></path>
-    <circle fill="#3898e7" cx="372.52" cy="291.63" r="27.48"></circle>
-  </svg>,
-  'XNSDomain',
-)

package/src/modules/dapps/name-service/index.ts

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

package/src/modules/dapps/table/NextIteratorFlexbox.tsx

@@ -1,33 +0,0 @@
-/* eslint-disable @typescript-eslint/no-misused-promises */
-import { ArrowCircleLeftOutlined, ArrowCircleRightOutlined } from '@mui/icons-material'
-import { IconButton, LinearProgress } from '@mui/material'
-import type { FlexBoxProps } from '@xylabs/react-flexbox'
-import { FlexRow } from '@xylabs/react-flexbox'
-import type { PayloadDivinerQueryPayload } from '@xyo-network/diviner-payload-model'
-import React from 'react'
-
-export interface NextIteratorFlexboxProps extends FlexBoxProps {
-  loading?: boolean
-  next: (order: PayloadDivinerQueryPayload['order']) => Promise<void>
-}
-
-export const NextIteratorFlexbox: React.FC<NextIteratorFlexboxProps> = ({
-  next: changePage, loading, ...props
-}) => {
-  return (
-    <FlexRow justifyContent="space-between" gap={2} {...props}>
-      <LinearProgress sx={{
-        display: 'flex', flexGrow: 1, visibility: loading ? 'visible' : 'hidden',
-      }}
-      />
-      <FlexRow>
-        <IconButton onClick={() => changePage('asc')}>
-          <ArrowCircleLeftOutlined />
-        </IconButton>
-        <IconButton onClick={() => changePage('desc')}>
-          <ArrowCircleRightOutlined />
-        </IconButton>
-      </FlexRow>
-    </FlexRow>
-  )
-}

package/src/modules/dapps/table/head/Payload.ts

@@ -1,11 +0,0 @@
-import type { Payload } from '@xyo-network/payload-model'
-import { isPayloadOfSchemaType } from '@xyo-network/payload-model'
-import type { TableHeadCell as TableHeadCellFields } from '@xyo-network/react-table'
-
-import { TableHeadCellSchema } from './Schema.ts'
-
-export type TableHeadCell = Payload<TableHeadCellFields & {
-  tooltip?: string
-}, TableHeadCellSchema>
-
-export const isTableHeadCell = isPayloadOfSchemaType<TableHeadCell>(TableHeadCellSchema)

package/src/modules/dapps/table/head/Schema.ts

@@ -1,2 +0,0 @@
-export const TableHeadCellSchema = 'network.xyo.table.cell.head' as const
-export type TableHeadCellSchema = typeof TableHeadCellSchema

package/src/modules/dapps/table/head/components/Head.tsx

@@ -1,47 +0,0 @@
-import { InfoOutlined } from '@mui/icons-material'
-import type { TableHeadProps } from '@mui/material'
-import {
-  TableCell, TableHead, Tooltip,
-} from '@mui/material'
-import React from 'react'
-
-import { useVisibleColumns } from '../hooks/index.ts'
-import type { TableHeadCell } from '../Payload.ts'
-import { StyledTableRowHeader } from './StyledTableRowHeader.tsx'
-
-interface TableHeadExProps extends TableHeadProps {
-  payloads: TableHeadCell[]
-}
-
-export const TableHeadEx: React.FC<TableHeadExProps> = ({ payloads, ...props }) => {
-  const [VisibleTableCells] = useVisibleColumns(payloads)
-
-  return (
-    <TableHead {...props}>
-      <StyledTableRowHeader>
-        {VisibleTableCells.map(headCell => (
-          <TableCell
-            key={headCell.id}
-            align={headCell.align ?? 'left'}
-            padding={headCell.disablePadding ? 'none' : 'normal'}
-            width={headCell.width ?? 'auto'}
-          >
-            {headCell.tooltip
-              ? (
-                  <span style={{
-                    alignItems: 'center', display: 'inline-flex', gap: '4px',
-                  }}
-                  >
-                    {headCell.label}
-                    <Tooltip title={headCell.tooltip}>
-                      <InfoOutlined sx={{ fontSize: '16px' }} />
-                    </Tooltip>
-                  </span>
-                )
-              : headCell.label}
-          </TableCell>
-        ))}
-      </StyledTableRowHeader>
-    </TableHead>
-  )
-}

package/src/modules/dapps/table/head/components/StyledTableRowHeader.tsx

@@ -1,6 +0,0 @@
-import { styled, TableRow } from '@mui/material'
-
-export const StyledTableRowHeader = styled(
-  TableRow,
-  { name: 'StyledTableRowHeader' },
-)(({ theme }) => ({ '& .MuiTableCell-root': { backgroundColor: theme.vars?.palette.background.paper } }))

package/src/modules/dapps/table/head/components/index.ts

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

package/src/modules/dapps/table/head/hooks/index.ts

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

package/src/modules/dapps/table/head/hooks/useVisibleColumns.tsx

@@ -1,15 +0,0 @@
-import type { Theme } from '@mui/material'
-import { useMediaQuery } from '@mui/material'
-import { useMemo } from 'react'
-
-import type { TableHeadCell } from '../Payload.ts'
-
-export const useVisibleColumns = (tableHeadCells: TableHeadCell[]): [TableHeadCell[], boolean] => {
-  const isMedium = useMediaQuery((theme: Theme) => theme.breakpoints.down('lg'))
-
-  const VisibleTableCells = useMemo(() => {
-    return isMedium ? tableHeadCells.filter(cell => cell.showOnMobile) : tableHeadCells
-  }, [isMedium, tableHeadCells])
-
-  return [VisibleTableCells, isMedium]
-}

package/src/modules/dapps/table/head/index.ts

@@ -1,4 +0,0 @@
-export * from './components/index.ts'
-export * from './hooks/index.ts'
-export * from './Payload.ts'
-export * from './Schema.ts'

package/src/modules/dapps/table/index.ts

@@ -1,2 +0,0 @@
-export * from './head/index.ts'
-export * from './NextIteratorFlexbox.tsx'

package/src/modules/index.ts

@@ -1,12 +0,0 @@
-export * from './access-requests/index.ts'
-export * from './bios/index.ts'
-export * from './Dapp/index.ts'
-export * from './dapps/index.ts'
-export * from './intent/index.ts'
-export * from './LoadingOsLogo/index.ts'
-export * from './network/index.ts'
-export * from './os/index.ts'
-export * from './resource/index.ts'
-export * from './stack/index.ts'
-export * from './widgets/index.ts'
-export * from './XyOsUi/index.ts'