@xyo-network/react-payload 2.27.33 → 2.28.0

package/dist/esm/components/Table/TableRow.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-import { TableRowProps } from '@mui/material';
-import { XyoPayload } from '@xyo-network/payload';
-import { PayloadTableColumnConfig } from './PayloadTableColumnConfig';
-export interface PayloadTableRowProps extends TableRowProps {
-    payload?: XyoPayload;
-    archive?: string;
-    exploreDomain?: string;
-    columns?: PayloadTableColumnConfig;
-    network?: string;
-}
-export declare const PayloadTableRow: React.FC<PayloadTableRowProps>;
-//# sourceMappingURL=TableRow.d.ts.map

package/dist/esm/components/Table/TableRow.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableRow.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/TableRow.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAuC,aAAa,EAAc,MAAM,eAAe,CAAA;AAE9F,OAAO,EAAE,UAAU,EAA0C,MAAM,sBAAsB,CAAA;AAKzF,OAAO,EAAE,wBAAwB,EAA4D,MAAM,4BAA4B,CAAA;AAE/H,MAAM,WAAW,oBAAqB,SAAQ,aAAa;IACzD,OAAO,CAAC,EAAE,UAAU,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,wBAAwB,CAAA;IAClC,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA8D1D,CAAA"}

package/dist/esm/components/Table/TableRow.js

@@ -1,26 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { TableCell, TableRow, Typography } from '@mui/material';
-import { useBreakpoint } from '@xylabs/react-shared';
-import { XyoPayloadValidator, XyoPayloadWrapper } from '@xyo-network/payload';
-import { useNetwork } from '@xyo-network/react-network';
-import { HashTableCell } from '@xyo-network/react-shared';
-import { MdClear, MdDone } from 'react-icons/md';
-import { payloadTableColumnConfigDefaults } from './PayloadTableColumnConfig';
-export const PayloadTableRow = ({ exploreDomain, network: networkProp, payload, archive, columns = payloadTableColumnConfigDefaults(), ...props }) => {
-    const breakPoint = useBreakpoint();
-    const wrapper = payload ? new XyoPayloadWrapper(payload) : undefined;
-    const { network } = useNetwork();
-    const hash = (props) => (_jsx(HashTableCell, { archive: archive, width: "100%", value: wrapper?.hash, dataType: "payload", exploreDomain: exploreDomain, network: networkProp ?? network?.slug, ...props }, "hash"));
-    const schema = (props) => (_jsx(TableCell, { align: "center", ...props, children: _jsx(Typography, { fontFamily: "monospace", variant: "body2", noWrap: true, children: payload?.schema }) }, "payloads"));
-    const isValid = wrapper ? new XyoPayloadValidator(wrapper.body).validate().length === 0 : undefined;
-    const valid = (props) => (_jsx(TableCell, { align: "center", ...props, children: _jsx(Typography, { fontFamily: "monospace", variant: "body2", noWrap: true, children: isValid === undefined ? (_jsx(MdDone, { fontSize: 18, color: "yellow" })) : isValid ? (_jsx(MdDone, { fontSize: 18, color: "green" })) : (_jsx(MdClear, { color: "red", fontSize: 18 })) }) }, "valid"));
-    const tableCells = {
-        hash,
-        schema,
-        valid,
-    };
-    return breakPoint ? (_jsx(TableRow, { style: { maxWidth: '100vw' }, ...props, children: columns[breakPoint]?.map((column) => {
-            return tableCells[column]({});
-        }) })) : null;
-};
-//# sourceMappingURL=TableRow.js.map

package/dist/esm/components/Table/TableRow.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableRow.js","sourceRoot":"","sources":["../../../../src/components/Table/TableRow.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/Table/index.d.ts

@@ -1,4 +0,0 @@
-export * from './PayloadTableColumnConfig';
-export * from './Table';
-export * from './TableRow';
-//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/Table/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAA;AAC1C,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA"}

package/dist/esm/components/Table/index.js

@@ -1,4 +0,0 @@
-export * from './PayloadTableColumnConfig';
-export * from './Table';
-export * from './TableRow';
-//# sourceMappingURL=index.js.map

package/dist/esm/components/Table/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Table/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAA;AAC1C,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA"}

package/dist/esm/hooks/useGetSchema.d.ts

@@ -1,15 +0,0 @@
-import { XyoApiError } from '@xyo-network/api';
-import { XyoSchemaPayload } from '@xyo-network/schema-payload-plugin';
-/**
- * Gets a Huri and schema payload from a schema string
- */
-declare const useGetSchemaPayload: (schema?: string) => {
-    apiError: XyoApiError<any, any> | undefined;
-    notFound: boolean;
-    schemaHuri: import("@xyo-network/payload").Huri<import("@xyo-network/payload").XyoPayload<{
-        schema: string;
-    }>> | undefined;
-    schemaPayload: XyoSchemaPayload | null | undefined;
-};
-export { useGetSchemaPayload };
-//# sourceMappingURL=useGetSchema.d.ts.map

package/dist/esm/hooks/useGetSchema.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useGetSchema.d.ts","sourceRoot":"","sources":["../../../src/hooks/useGetSchema.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAE9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oCAAoC,CAAA;AAIrE;;GAEG;AACH,QAAA,MAAM,mBAAmB,YAAa,MAAM;;;;;;;CAyC3C,CAAA;AAED,OAAO,EAAE,mBAAmB,EAAE,CAAA"}

package/dist/esm/hooks/useGetSchema.js

@@ -1,47 +0,0 @@
-import { useAsyncEffect } from '@xylabs/react-shared';
-import { XyoPayloadBuilder } from '@xyo-network/payload';
-import { XyoSchemaCache } from '@xyo-network/utils';
-import { useState } from 'react';
-/**
- * Gets a Huri and schema payload from a schema string
- */
-const useGetSchemaPayload = (schema) => {
-    const [notFound, setNotFound] = useState(false);
-    const [apiError, setApiError] = useState();
-    const [schemaCacheEntry, setSchemaCacheEntry] = useState();
-    const [schemaLocal, setSchemaLocal] = useState();
-    useAsyncEffect(
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    async (mounted) => {
-        const firstRequest = !notFound && !schemaCacheEntry && !apiError;
-        const schemaChanged = schema !== schemaLocal;
-        if ((schema && firstRequest) || (schema && schemaChanged)) {
-            try {
-                const schemaCacheEntry = await XyoSchemaCache.instance.get(schema);
-                if (mounted()) {
-                    setSchemaCacheEntry(schemaCacheEntry);
-                    setNotFound(schemaCacheEntry === null || schemaCacheEntry === undefined);
-                }
-            }
-            catch (e) {
-                console.error(e);
-                if (mounted()) {
-                    setApiError(e);
-                }
-            }
-        }
-        if (schemaChanged) {
-            setSchemaLocal(schema);
-        }
-    }, [apiError, notFound, schema, schemaLocal, schemaCacheEntry]);
-    return {
-        apiError,
-        notFound,
-        schemaHuri: schemaCacheEntry?.huri,
-        schemaPayload: schemaCacheEntry
-            ? new XyoPayloadBuilder(schemaCacheEntry?.payload).fields(schemaCacheEntry.payload).build()
-            : schemaCacheEntry,
-    };
-};
-export { useGetSchemaPayload };
-//# sourceMappingURL=useGetSchema.js.map

package/dist/esm/hooks/useGetSchema.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useGetSchema.js","sourceRoot":"","sources":["../../../src/hooks/useGetSchema.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAErD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AAExD,OAAO,EAAE,cAAc,EAAuB,MAAM,oBAAoB,CAAA;AACxE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC;;GAEG;AACH,MAAM,mBAAmB,GAAG,CAAC,MAAe,EAAE,EAAE;IAC9C,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC/C,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,EAAe,CAAA;IACvD,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,EAA0C,CAAA;IAClG,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,EAAU,CAAA;IAExD,cAAc;IACZ,uDAAuD;IACvD,KAAK,EAAE,OAAO,EAAE,EAAE;QAChB,MAAM,YAAY,GAAG,CAAC,QAAQ,IAAI,CAAC,gBAAgB,IAAI,CAAC,QAAQ,CAAA;QAChE,MAAM,aAAa,GAAG,MAAM,KAAK,WAAW,CAAA;QAE5C,IAAI,CAAC,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,IAAI,aAAa,CAAC,EAAE;YACzD,IAAI;gBACF,MAAM,gBAAgB,GAAG,MAAM,cAAc,CAAC,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;gBAClE,IAAI,OAAO,EAAE,EAAE;oBACb,mBAAmB,CAAC,gBAAgB,CAAC,CAAA;oBACrC,WAAW,CAAC,gBAAgB,KAAK,IAAI,IAAI,gBAAgB,KAAK,SAAS,CAAC,CAAA;iBACzE;aACF;YAAC,OAAO,CAAC,EAAE;gBACV,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA;gBAChB,IAAI,OAAO,EAAE,EAAE;oBACb,WAAW,CAAC,CAAgB,CAAC,CAAA;iBAC9B;aACF;SACF;QACD,IAAI,aAAa,EAAE;YACjB,cAAc,CAAC,MAAM,CAAC,CAAA;SACvB;IACH,CAAC,EACD,CAAC,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,WAAW,EAAE,gBAAgB,CAAC,CAC5D,CAAA;IAED,OAAO;QACL,QAAQ;QACR,QAAQ;QACR,UAAU,EAAE,gBAAgB,EAAE,IAAI;QAClC,aAAa,EAAE,gBAAgB;YAC7B,CAAC,CAAC,IAAI,iBAAiB,CAAmB,gBAAgB,EAAE,OAAO,CAAC,CAAC,MAAM,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE;YAC7G,CAAC,CAAC,gBAAgB;KACrB,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,mBAAmB,EAAE,CAAA"}

package/src/components/Table/PayloadTableColumnConfig.ts

@@ -1,25 +0,0 @@
-export type PayloadTableColumnSlug = 'hash' | 'schema' | 'valid'
-
-export interface PayloadTableColumnConfig {
-  xs?: PayloadTableColumnSlug[]
-  sm?: PayloadTableColumnSlug[]
-  md?: PayloadTableColumnSlug[]
-  lg?: PayloadTableColumnSlug[]
-  xl?: PayloadTableColumnSlug[]
-}
-
-export const payloadColumnNames: Record<PayloadTableColumnSlug, string> = {
-  hash: 'Hash',
-  schema: 'Schema',
-
-  valid: 'Valid',
-}
-
-export const payloadTableColumnConfigDefaults = (): PayloadTableColumnConfig => {
-  const xs: PayloadTableColumnSlug[] = ['hash', 'schema', 'valid']
-  const sm: PayloadTableColumnSlug[] = ['hash', 'schema', 'valid']
-  const md: PayloadTableColumnSlug[] = ['hash', 'schema', 'valid']
-  const lg: PayloadTableColumnSlug[] = ['hash', 'schema', 'valid']
-  const xl: PayloadTableColumnSlug[] = ['hash', 'schema', 'valid']
-  return { lg, md, sm, xl, xs }
-}

package/src/components/Table/Table.stories.tsx

@@ -1,43 +0,0 @@
-import { ComponentMeta, ComponentStory } from '@storybook/react'
-import { samplePayload, useAppThemeDecorator } from '@xyo-network/react-storybook'
-import { BrowserRouter } from 'react-router-dom'
-
-import { PayloadTable } from './Table'
-
-const StorybookEntry = {
-  argTypes: {},
-  component: PayloadTable,
-  parameters: {
-    docs: {
-      page: null,
-    },
-  },
-  title: 'payload/Table',
-} as ComponentMeta<typeof PayloadTable>
-
-const Template: ComponentStory<typeof PayloadTable> = (args) => (
-  <BrowserRouter>
-    <PayloadTable {...args}></PayloadTable>
-  </BrowserRouter>
-)
-
-const Default = Template.bind({})
-Default.args = {}
-Default.decorators = [useAppThemeDecorator]
-
-const WithData = Template.bind({})
-WithData.args = { payloads: [samplePayload, samplePayload] }
-WithData.decorators = [useAppThemeDecorator]
-
-const WithError = Template.bind({})
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-const { _hash, ...badPayload } = samplePayload
-
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-//@ts-ignore
-WithError.args = { payloads: [samplePayload, badPayload] }
-
-export { Default, WithData, WithError }
-
-// eslint-disable-next-line import/no-default-export
-export default StorybookEntry

package/src/components/Table/Table.tsx

@@ -1,73 +0,0 @@
-import { Alert, Table, TableBody, TableCell, TableHead, TableProps, TableRow, Typography } from '@mui/material'
-import { useBreakpoint } from '@xylabs/react-shared'
-import { XyoPayload, XyoPayloadWrapper } from '@xyo-network/payload'
-import { XyoApiThrownErrorBoundary } from '@xyo-network/react-auth-service'
-
-import { payloadColumnNames, PayloadTableColumnConfig, payloadTableColumnConfigDefaults } from './PayloadTableColumnConfig'
-import { PayloadTableRow } from './TableRow'
-
-export interface PayloadTableProps extends TableProps {
-  exploreDomain?: string
-  archive?: string
-  onRowClick?: (value: XyoPayload) => void
-  payloads?: XyoPayload[] | null
-  columns?: PayloadTableColumnConfig
-}
-
-export const PayloadTable: React.FC<PayloadTableProps> = ({
-  exploreDomain,
-  archive,
-  onRowClick,
-  payloads,
-  children,
-  columns = payloadTableColumnConfigDefaults(),
-  ...props
-}) => {
-  const breakPoint = useBreakpoint()
-  return breakPoint ? (
-    <Table {...props}>
-      <TableHead>
-        <TableRow>
-          {columns[breakPoint]?.map((column, index) => {
-            return (
-              <TableCell key={index} width={index === 0 ? '100%' : undefined} align={index === 0 ? 'left' : 'center'}>
-                <Typography variant="caption" noWrap>
-                  <strong>{payloadColumnNames[column]}</strong>
-                </Typography>
-              </TableCell>
-            )
-          })}
-        </TableRow>
-      </TableHead>
-      <TableBody>
-        {payloads?.map((payload, index) => {
-          const wrapper = new XyoPayloadWrapper(payload)
-          return (
-            <XyoApiThrownErrorBoundary
-              key={`${wrapper.hash}-${index}`}
-              errorComponent={(e) => (
-                <Alert severity="error">
-                  Error Loading Payload: <Typography fontWeight="bold">{e.message}</Typography>
-                </Alert>
-              )}
-            >
-              <PayloadTableRow
-                archive={archive}
-                onClick={
-                  onRowClick
-                    ? () => {
-                        onRowClick(payload)
-                      }
-                    : undefined
-                }
-                exploreDomain={exploreDomain}
-                payload={payload}
-              />
-            </XyoApiThrownErrorBoundary>
-          )
-        })}
-        {children}
-      </TableBody>
-    </Table>
-  ) : null
-}

package/src/components/Table/TableRow.tsx

@@ -1,80 +0,0 @@
-import { TableCell, TableCellProps, TableRow, TableRowProps, Typography } from '@mui/material'
-import { useBreakpoint } from '@xylabs/react-shared'
-import { XyoPayload, XyoPayloadValidator, XyoPayloadWrapper } from '@xyo-network/payload'
-import { useNetwork } from '@xyo-network/react-network'
-import { HashTableCell } from '@xyo-network/react-shared'
-import { MdClear, MdDone } from 'react-icons/md'
-
-import { PayloadTableColumnConfig, payloadTableColumnConfigDefaults, PayloadTableColumnSlug } from './PayloadTableColumnConfig'
-
-export interface PayloadTableRowProps extends TableRowProps {
-  payload?: XyoPayload
-  archive?: string
-  exploreDomain?: string
-  columns?: PayloadTableColumnConfig
-  network?: string
-}
-
-export const PayloadTableRow: React.FC<PayloadTableRowProps> = ({
-  exploreDomain,
-  network: networkProp,
-  payload,
-  archive,
-  columns = payloadTableColumnConfigDefaults(),
-  ...props
-}) => {
-  const breakPoint = useBreakpoint()
-  const wrapper = payload ? new XyoPayloadWrapper(payload) : undefined
-  const { network } = useNetwork()
-
-  const hash: React.FC<TableCellProps> = (props) => (
-    <HashTableCell
-      key="hash"
-      archive={archive}
-      width="100%"
-      value={wrapper?.hash}
-      dataType="payload"
-      exploreDomain={exploreDomain}
-      network={networkProp ?? network?.slug}
-      {...props}
-    />
-  )
-
-  const schema: React.FC<TableCellProps> = (props) => (
-    <TableCell key="payloads" align="center" {...props}>
-      <Typography fontFamily="monospace" variant="body2" noWrap>
-        {payload?.schema}
-      </Typography>
-    </TableCell>
-  )
-
-  const isValid = wrapper ? new XyoPayloadValidator(wrapper.body).validate().length === 0 : undefined
-
-  const valid: React.FC<TableCellProps> = (props) => (
-    <TableCell key="valid" align="center" {...props}>
-      <Typography fontFamily="monospace" variant="body2" noWrap>
-        {isValid === undefined ? (
-          <MdDone fontSize={18} color="yellow" />
-        ) : isValid ? (
-          <MdDone fontSize={18} color="green" />
-        ) : (
-          <MdClear color="red" fontSize={18} />
-        )}
-      </Typography>
-    </TableCell>
-  )
-
-  const tableCells: Record<PayloadTableColumnSlug, React.FC<TableCellProps>> = {
-    hash,
-    schema,
-    valid,
-  }
-
-  return breakPoint ? (
-    <TableRow style={{ maxWidth: '100vw' }} {...props}>
-      {columns[breakPoint]?.map((column) => {
-        return tableCells[column]({})
-      })}
-    </TableRow>
-  ) : null
-}

package/src/components/Table/index.ts

@@ -1,3 +0,0 @@
-export * from './PayloadTableColumnConfig'
-export * from './Table'
-export * from './TableRow'

package/src/hooks/useGetSchema.stories.tsx

@@ -1,76 +0,0 @@
-import { FormControl, TextField, Typography } from '@mui/material'
-import { ComponentStory, Meta } from '@storybook/react'
-import { FlexCol, FlexRow } from '@xylabs/react-flexbox'
-import { XyoSchemaCache } from '@xyo-network/utils'
-import { lazy, Suspense, useEffect, useState } from 'react'
-
-import { useGetSchemaPayload } from './useGetSchema'
-
-const JsonView = lazy(() => import(/* webpackChunkName: "jsonView" */ 'react-json-view'))
-
-XyoSchemaCache.instance.proxy = 'https://beta.api.archivist.xyo.network/domain'
-
-const UseGetSchemaComponent: React.FC<{ schema: string }> = ({ schema }) => {
-  const exampleSchemas = ['network.xyo.domain', 'network.xyo.payload', 'network.xyo.schema']
-  const [schemaFieldValue, setSchemaFieldValue] = useState('')
-  const { schemaPayload } = useGetSchemaPayload(schemaFieldValue)
-
-  useEffect(() => {
-    if (schema) {
-      setSchemaFieldValue(schema)
-    }
-  }, [schema])
-
-  return (
-    <>
-      <Typography variant="body1" fontWeight="bold" mb={2}>
-        Example schemas to test:
-        {exampleSchemas.map((schema, index) => (
-          <Typography
-            component="span"
-            mx={1}
-            key={index}
-            onClick={() => setSchemaFieldValue(schema)}
-            sx={{ cursor: 'pointer', textDecoration: 'underline' }}
-          >
-            {schema}
-          </Typography>
-        ))}
-      </Typography>
-      <FormControl>
-        <TextField value={schemaFieldValue} label="Schema Name" onChange={(e) => setSchemaFieldValue(e.target.value)} />
-      </FormControl>
-      <FlexRow my={3} justifyContent="start">
-        <Suspense fallback={<FlexCol busy />}>
-          <JsonView src={schemaPayload || {}} />
-        </Suspense>
-      </FlexRow>
-    </>
-  )
-}
-
-const StorybookEntry: Meta = {
-  argTypes: {},
-  component: UseGetSchemaComponent,
-  parameters: {
-    docs: {
-      page: null,
-    },
-  },
-  title: 'payload/useGetSchema',
-}
-
-const Template: ComponentStory<typeof UseGetSchemaComponent> = ({ schema }) => {
-  return <UseGetSchemaComponent schema={schema} />
-}
-
-const Default = Template.bind({})
-Default.args = { schema: 'network.xyo.schema' }
-
-const Domain = Template.bind({})
-Domain.args = { schema: 'network.xyo.domain' }
-
-export { Default, Domain }
-
-// eslint-disable-next-line import/no-default-export
-export default StorybookEntry

package/src/hooks/useGetSchema.tsx

@@ -1,54 +0,0 @@
-import { useAsyncEffect } from '@xylabs/react-shared'
-import { XyoApiError } from '@xyo-network/api'
-import { XyoPayloadBuilder } from '@xyo-network/payload'
-import { XyoSchemaPayload } from '@xyo-network/schema-payload-plugin'
-import { XyoSchemaCache, XyoSchemaCacheEntry } from '@xyo-network/utils'
-import { useState } from 'react'
-
-/**
- * Gets a Huri and schema payload from a schema string
- */
-const useGetSchemaPayload = (schema?: string) => {
-  const [notFound, setNotFound] = useState(false)
-  const [apiError, setApiError] = useState<XyoApiError>()
-  const [schemaCacheEntry, setSchemaCacheEntry] = useState<XyoSchemaCacheEntry | null | undefined>()
-  const [schemaLocal, setSchemaLocal] = useState<string>()
-
-  useAsyncEffect(
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    async (mounted) => {
-      const firstRequest = !notFound && !schemaCacheEntry && !apiError
-      const schemaChanged = schema !== schemaLocal
-
-      if ((schema && firstRequest) || (schema && schemaChanged)) {
-        try {
-          const schemaCacheEntry = await XyoSchemaCache.instance.get(schema)
-          if (mounted()) {
-            setSchemaCacheEntry(schemaCacheEntry)
-            setNotFound(schemaCacheEntry === null || schemaCacheEntry === undefined)
-          }
-        } catch (e) {
-          console.error(e)
-          if (mounted()) {
-            setApiError(e as XyoApiError)
-          }
-        }
-      }
-      if (schemaChanged) {
-        setSchemaLocal(schema)
-      }
-    },
-    [apiError, notFound, schema, schemaLocal, schemaCacheEntry],
-  )
-
-  return {
-    apiError,
-    notFound,
-    schemaHuri: schemaCacheEntry?.huri,
-    schemaPayload: schemaCacheEntry
-      ? new XyoPayloadBuilder<XyoSchemaPayload>(schemaCacheEntry?.payload).fields(schemaCacheEntry.payload).build()
-      : schemaCacheEntry,
-  }
-}
-
-export { useGetSchemaPayload }