@xyo-network/react-api 2.38.18 → 2.39.0-rc.1

package/src/hooks/useResolveHuri.tsx

@@ -1,5 +1,5 @@
 import { useAsyncEffect } from '@xylabs/react-shared'
-import { XyoApiError } from '@xyo-network/api'
+import { XyoError, XyoErrorSchema } from '@xyo-network/module'
 import { Huri, XyoPayload } from '@xyo-network/payload'
 import { useNetwork } from '@xyo-network/react-network'
 import { useEffect, useState } from 'react'
@@ -7,12 +7,12 @@ import { useEffect, useState } from 'react'
 import { FetchHuriHashOptions, findHuriNetwork } from './lib'
 import { UseHuriOrHash } from './ResolvePayloadArgs'
 
-const useResolveHuri = (huriUri?: string, dependentNotFound?: boolean, options?: FetchHuriHashOptions): UseHuriOrHash => {
+export const useResolveHuri = (huriUri?: string, dependentNotFound?: boolean, options?: FetchHuriHashOptions): UseHuriOrHash => {
   const { network, networks, setNetwork } = useNetwork()
   const [huriPayload, setHuriPayload] = useState<XyoPayload>()
   const [huriPayloadNotFound, setHuriPayloadNotFound] = useState<boolean>()
   const [huriNetworkNotFound, setHuriNetworkNotFound] = useState<boolean>()
-  const [huriApiError, setHuriApiError] = useState<XyoApiError>()
+  const [huriError, setHuriError] = useState<XyoError>()
 
   const { changeActiveNetwork } = options ?? {}
 
@@ -20,7 +20,7 @@ const useResolveHuri = (huriUri?: string, dependentNotFound?: boolean, options?:
   const reset = () => {
     setHuriPayload(undefined)
     setHuriPayloadNotFound(undefined)
-    setHuriApiError(undefined)
+    setHuriError(undefined)
   }
 
   useEffect(() => {
@@ -55,10 +55,11 @@ const useResolveHuri = (huriUri?: string, dependentNotFound?: boolean, options?:
               }
             }
           } catch (e) {
+            const error = e as Error
             if (mounted()) {
               setHuriPayloadNotFound(false)
               setHuriPayload(undefined)
-              setHuriApiError(e as XyoApiError)
+              setHuriError({ message: error.message, schema: XyoErrorSchema, sources: [] })
             }
           }
         } else {
@@ -69,7 +70,5 @@ const useResolveHuri = (huriUri?: string, dependentNotFound?: boolean, options?:
     [huriUri, network, networks, dependentNotFound, setNetwork, changeActiveNetwork],
   )
 
-  return [huriPayload, huriPayloadNotFound, huriApiError, huriNetworkNotFound]
+  return [huriPayload, huriPayloadNotFound, huriError, huriNetworkNotFound]
 }
-
-export { useResolveHuri }

package/src/index.ts

@@ -1,2 +1,5 @@
+export * from './archive'
+export * from './archives'
 export * from './components'
+export * from './contexts'
 export * from './hooks'

package/dist/cjs/components/ApiErrorAlert.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-import { AlertProps } from '@mui/material';
-import { XyoApiError } from '@xyo-network/api';
-import { XyoError } from '@xyo-network/module';
-export interface ApiErrorAlertProps extends AlertProps {
-    call?: XyoApiError | XyoError;
-}
-declare const ApiErrorAlert: React.FC<ApiErrorAlertProps>;
-export { ApiErrorAlert };
-//# sourceMappingURL=ApiErrorAlert.d.ts.map

package/dist/cjs/components/ApiErrorAlert.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ApiErrorAlert.d.ts","sourceRoot":"","sources":["../../../src/components/ApiErrorAlert.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAS,UAAU,EAA0B,MAAM,eAAe,CAAA;AACzE,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAC9C,OAAO,EAAE,QAAQ,EAAkB,MAAM,qBAAqB,CAAA;AAE9D,MAAM,WAAW,kBAAmB,SAAQ,UAAU;IACpD,IAAI,CAAC,EAAE,WAAW,GAAG,QAAQ,CAAA;CAC9B;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAY/C,CAAA;AAED,OAAO,EAAE,aAAa,EAAE,CAAA"}

package/dist/cjs/components/ApiErrorAlert.js

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ApiErrorAlert = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const module_1 = require("@xyo-network/module");
-const ApiErrorAlert = (_a) => {
-    var _b;
-    var { call } = _a, props = tslib_1.__rest(_a, ["call"]);
-    const apiError = (call === null || call === void 0 ? void 0 : call.schema) !== module_1.XyoErrorSchema ? call : undefined;
-    return ((0, jsx_runtime_1.jsxs)(material_1.Alert, Object.assign({ severity: "error" }, props, { children: [(0, jsx_runtime_1.jsx)(material_1.AlertTitle, { children: "Whoops! Something went wrong" }), (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ sx: { wordBreak: 'break-all' } }, { children: (_b = apiError === null || apiError === void 0 ? void 0 : apiError.config) === null || _b === void 0 ? void 0 : _b.url })), (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "caption", mr: 0.5, fontWeight: "bold" }, { children: "Error:" })), (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "caption" }, { children: call === null || call === void 0 ? void 0 : call.message }))] })));
-};
-exports.ApiErrorAlert = ApiErrorAlert;
-//# sourceMappingURL=ApiErrorAlert.js.map

package/dist/cjs/components/ApiErrorAlert.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ApiErrorAlert.js","sourceRoot":"","sources":["../../../src/components/ApiErrorAlert.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAyE;AAEzE,gDAA8D;AAM9D,MAAM,aAAa,GAAiC,CAAC,EAAkB,EAAE,EAAE;;QAAtB,EAAE,IAAI,OAAY,EAAP,KAAK,sBAAhB,QAAkB,CAAF;IACnE,MAAM,QAAQ,GAAG,CAAC,IAAiB,aAAjB,IAAI,uBAAJ,IAAI,CAAe,MAAM,MAAK,uBAAc,CAAC,CAAC,CAAE,IAAoB,CAAC,CAAC,CAAC,SAAS,CAAA;IAClG,OAAO,CACL,wBAAC,gBAAK,kBAAC,QAAQ,EAAC,OAAO,IAAK,KAAK,eAC/B,uBAAC,qBAAU,+CAA0C,EACrD,uBAAC,qBAAU,kBAAC,EAAE,EAAE,EAAE,SAAS,EAAE,WAAW,EAAE,gBAAG,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,MAAM,0CAAE,GAAG,IAAc,EAChF,uBAAC,qBAAU,kBAAC,OAAO,EAAC,SAAS,EAAC,EAAE,EAAE,GAAG,EAAE,UAAU,EAAC,MAAM,4BAE3C,EACb,uBAAC,qBAAU,kBAAC,OAAO,EAAC,SAAS,gBAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,IAAc,KACpD,CACT,CAAA;AACH,CAAC,CAAA;AAEQ,sCAAa"}

package/dist/esm/components/ApiErrorAlert.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-import { AlertProps } from '@mui/material';
-import { XyoApiError } from '@xyo-network/api';
-import { XyoError } from '@xyo-network/module';
-export interface ApiErrorAlertProps extends AlertProps {
-    call?: XyoApiError | XyoError;
-}
-declare const ApiErrorAlert: React.FC<ApiErrorAlertProps>;
-export { ApiErrorAlert };
-//# sourceMappingURL=ApiErrorAlert.d.ts.map

package/dist/esm/components/ApiErrorAlert.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ApiErrorAlert.d.ts","sourceRoot":"","sources":["../../../src/components/ApiErrorAlert.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAS,UAAU,EAA0B,MAAM,eAAe,CAAA;AACzE,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAC9C,OAAO,EAAE,QAAQ,EAAkB,MAAM,qBAAqB,CAAA;AAE9D,MAAM,WAAW,kBAAmB,SAAQ,UAAU;IACpD,IAAI,CAAC,EAAE,WAAW,GAAG,QAAQ,CAAA;CAC9B;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAY/C,CAAA;AAED,OAAO,EAAE,aAAa,EAAE,CAAA"}

package/dist/esm/components/ApiErrorAlert.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Alert, AlertTitle, Typography } from '@mui/material';
-import { XyoErrorSchema } from '@xyo-network/module';
-const ApiErrorAlert = ({ call, ...props }) => {
-    const apiError = call?.schema !== XyoErrorSchema ? call : undefined;
-    return (_jsxs(Alert, { severity: "error", ...props, children: [_jsx(AlertTitle, { children: "Whoops! Something went wrong" }), _jsx(Typography, { sx: { wordBreak: 'break-all' }, children: apiError?.config?.url }), _jsx(Typography, { variant: "caption", mr: 0.5, fontWeight: "bold", children: "Error:" }), _jsx(Typography, { variant: "caption", children: call?.message })] }));
-};
-export { ApiErrorAlert };
-//# sourceMappingURL=ApiErrorAlert.js.map

package/dist/esm/components/ApiErrorAlert.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ApiErrorAlert.js","sourceRoot":"","sources":["../../../src/components/ApiErrorAlert.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAc,UAAU,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAEzE,OAAO,EAAY,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAM9D,MAAM,aAAa,GAAiC,CAAC,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACzE,MAAM,QAAQ,GAAI,IAAiB,EAAE,MAAM,KAAK,cAAc,CAAC,CAAC,CAAE,IAAoB,CAAC,CAAC,CAAC,SAAS,CAAA;IAClG,OAAO,CACL,MAAC,KAAK,IAAC,QAAQ,EAAC,OAAO,KAAK,KAAK,aAC/B,KAAC,UAAU,+CAA0C,EACrD,KAAC,UAAU,IAAC,EAAE,EAAE,EAAE,SAAS,EAAE,WAAW,EAAE,YAAG,QAAQ,EAAE,MAAM,EAAE,GAAG,GAAc,EAChF,KAAC,UAAU,IAAC,OAAO,EAAC,SAAS,EAAC,EAAE,EAAE,GAAG,EAAE,UAAU,EAAC,MAAM,uBAE3C,EACb,KAAC,UAAU,IAAC,OAAO,EAAC,SAAS,YAAE,IAAI,EAAE,OAAO,GAAc,IACpD,CACT,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,aAAa,EAAE,CAAA"}

package/src/components/ApiErrorAlert.tsx

@@ -1,23 +0,0 @@
-import { Alert, AlertProps, AlertTitle, Typography } from '@mui/material'
-import { XyoApiError } from '@xyo-network/api'
-import { XyoError, XyoErrorSchema } from '@xyo-network/module'
-
-export interface ApiErrorAlertProps extends AlertProps {
-  call?: XyoApiError | XyoError
-}
-
-const ApiErrorAlert: React.FC<ApiErrorAlertProps> = ({ call, ...props }) => {
-  const apiError = (call as XyoError)?.schema !== XyoErrorSchema ? (call as XyoApiError) : undefined
-  return (
-    <Alert severity="error" {...props}>
-      <AlertTitle>Whoops! Something went wrong</AlertTitle>
-      <Typography sx={{ wordBreak: 'break-all' }}>{apiError?.config?.url}</Typography>
-      <Typography variant="caption" mr={0.5} fontWeight="bold">
-        Error:
-      </Typography>
-      <Typography variant="caption">{call?.message}</Typography>
-    </Alert>
-  )
-}
-
-export { ApiErrorAlert }