@xyo-network/react-payload-diviner 2.61.0 → 2.62.3

package/dist/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA"}

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export * from './contexts';
+//# sourceMappingURL=index.d.ts.map

package/dist/{types/index.d.ts.map → index.d.ts.map}

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA"}

package/dist/index.js

@@ -0,0 +1,195 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  DivinedPayloadContext: () => DivinedPayloadContext,
+  DivinedPayloadProvider: () => DivinedPayloadProvider,
+  DivinedPayloadWithHandleInner: () => DivinedPayloadWithHandleInner,
+  DivinedPayloadWithHandleProvider: () => DivinedPayloadWithHandleProvider,
+  PayloadDivinerContext: () => PayloadDivinerContext,
+  PayloadDivinerProvider: () => PayloadDivinerProvider,
+  useDivinePayload: () => useDivinePayload,
+  useDivinePayloads: () => useDivinePayloads,
+  useDivinedPayload: () => useDivinedPayload,
+  usePayloadDiviner: () => usePayloadDiviner
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/contexts/DivinedPayload/Context.tsx
+var import_react_shared = require("@xyo-network/react-shared");
+var DivinedPayloadContext = (0, import_react_shared.createContextEx)();
+
+// src/contexts/DivinedPayload/Provider.tsx
+var import_payload_model = require("@xyo-network/payload-model");
+var import_react_error = require("@xyo-network/react-error");
+var import_react_payload_huri = require("@xyo-network/react-payload-huri");
+var import_react_router_dom = require("react-router-dom");
+
+// src/contexts/PayloadDiviner/Context.ts
+var import_react_shared2 = require("@xyo-network/react-shared");
+var PayloadDivinerContext = (0, import_react_shared2.createContextEx)();
+
+// src/contexts/PayloadDiviner/Provider.tsx
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var PayloadDivinerProvider = ({ diviner: divinerProp, required = false, children }) => {
+  const [diviner, setDiviner] = (0, import_react.useState)(divinerProp);
+  (0, import_react.useEffect)(() => {
+    if (divinerProp) {
+      setDiviner(divinerProp);
+    }
+  }, [divinerProp]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    PayloadDivinerContext.Provider,
+    {
+      value: {
+        diviner: diviner === divinerProp ? diviner : void 0,
+        provided: true,
+        setDiviner
+      },
+      children: diviner ? children : required ? null : children
+    }
+  );
+};
+
+// src/contexts/PayloadDiviner/use.ts
+var import_lodash = require("@xylabs/lodash");
+var import_react_async_effect = require("@xylabs/react-async-effect");
+var import_diviner = require("@xyo-network/diviner");
+var import_react_shared3 = require("@xyo-network/react-shared");
+var import_react2 = require("react");
+var usePayloadDiviner = (required = false) => {
+  return (0, import_react_shared3.useContextEx)(PayloadDivinerContext, "PayloadDiviner", required);
+};
+var useDivinePayload = (huri) => {
+  const { diviner } = usePayloadDiviner();
+  const [payload, setPayload] = (0, import_react2.useState)();
+  const [error, setError] = (0, import_react2.useState)();
+  (0, import_react2.useEffect)(() => {
+    if (diviner) {
+      setPayload(void 0);
+    }
+  }, [diviner]);
+  (0, import_react_async_effect.useAsyncEffect)(
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    async (mounted) => {
+      if (huri && diviner && payload === void 0) {
+        try {
+          const huriPayload = { huri: [huri], schema: import_diviner.HuriSchema };
+          const [payload2] = await diviner?.divine([huriPayload]) ?? [];
+          if (mounted()) {
+            setPayload(payload2 ? payload2 : null);
+          }
+        } catch (ex) {
+          if (mounted()) {
+            setError(ex);
+          }
+        }
+      }
+    },
+    [diviner, huri, payload]
+  );
+  return [payload, setPayload, error];
+};
+var useDivinePayloads = (huriList) => {
+  const { diviner } = usePayloadDiviner();
+  const [payloads, setPayloads] = (0, import_react2.useState)();
+  const [errors, setErrors] = (0, import_react2.useState)();
+  (0, import_react2.useEffect)(() => {
+    if (diviner) {
+      setPayloads(void 0);
+    }
+  }, [diviner]);
+  (0, import_react_async_effect.useAsyncEffect)(
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    async (mounted) => {
+      console.log(`huriList: ${JSON.stringify(huriList, null, 2)}`);
+      const payloads2 = await Promise.allSettled(
+        huriList.map(async (huri) => {
+          const huriPayload = { huri: [huri], schema: import_diviner.HuriSchema };
+          const [payload] = await diviner?.divine([huriPayload]) ?? [];
+          return payload;
+        })
+      );
+      if (mounted()) {
+        setPayloads([...payloads2.values()].map((value) => value.status === "rejected" ? null : value.value));
+        setErrors(
+          (0, import_lodash.compact)([...payloads2.values()].map((value) => value.status === "rejected" ? Error("divine failed", { cause: value.reason }) : void 0))
+        );
+        if (mounted()) {
+          setPayloads([...payloads2.values()].map((value) => value.status === "rejected" ? null : value.value));
+          setErrors(
+            (0, import_lodash.compact)(
+              [...payloads2.values()].map((value) => value.status === "rejected" ? Error("divine failed", { cause: value.reason }) : void 0)
+            )
+          );
+        }
+      }
+    },
+    [diviner, huriList, payloads]
+  );
+  return [payloads, setPayloads, errors];
+};
+
+// src/contexts/DivinedPayload/use.ts
+var import_react_shared4 = require("@xyo-network/react-shared");
+var useDivinedPayload = () => (0, import_react_shared4.useContextEx)(DivinedPayloadContext, "DivinedPayload", true);
+
+// src/contexts/DivinedPayload/Provider.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var DivinedPayloadProvider = ({ children, hash }) => {
+  const { hash: hashParam } = (0, import_react_router_dom.useParams)();
+  const huriFromHashParam = (0, import_react_payload_huri.useBuildHuri)(hashParam);
+  const [params] = (0, import_react_router_dom.useSearchParams)();
+  const huriSearchParameter = params.get("huri");
+  const decodedHuriParam = decodeURIComponent(huriSearchParameter ?? "");
+  const huriUri = hash ?? (decodedHuriParam ? decodedHuriParam : huriFromHashParam);
+  const [payload, setPayload, payloadError] = useDivinePayload(huriUri);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(DivinedPayloadContext.Provider, { value: { payload, payloadError, provided: true, setPayload }, children });
+};
+var DivinedPayloadWithHandleInner = ({ children }) => {
+  const { payloadError } = useDivinedPayload();
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_react_error.ErrorRender,
+    {
+      error: payloadError ? { message: payloadError.message, schema: import_payload_model.ModuleErrorSchema, sources: [] } : void 0,
+      errorContext: "Divined Payload Provider",
+      children
+    }
+  );
+};
+var DivinedPayloadWithHandleProvider = ({ children, ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(DivinedPayloadProvider, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(DivinedPayloadWithHandleInner, { children }) });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DivinedPayloadContext,
+  DivinedPayloadProvider,
+  DivinedPayloadWithHandleInner,
+  DivinedPayloadWithHandleProvider,
+  PayloadDivinerContext,
+  PayloadDivinerProvider,
+  useDivinePayload,
+  useDivinePayloads,
+  useDivinedPayload,
+  usePayloadDiviner
+});
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/contexts/DivinedPayload/Context.tsx","../src/contexts/DivinedPayload/Provider.tsx","../src/contexts/PayloadDiviner/Context.ts","../src/contexts/PayloadDiviner/Provider.tsx","../src/contexts/PayloadDiviner/use.ts","../src/contexts/DivinedPayload/use.ts"],"sourcesContent":["export * from './contexts'\n","import { createContextEx } from '@xyo-network/react-shared'\n\nimport { DivinedPayloadState } from './State'\n\nexport const DivinedPayloadContext = createContextEx<DivinedPayloadState>()\n","import type { WithChildren } from '@xylabs/react-shared'\nimport { ModuleErrorSchema } from '@xyo-network/payload-model'\nimport { ErrorRender } from '@xyo-network/react-error'\nimport { useBuildHuri } from '@xyo-network/react-payload-huri'\nimport { useParams, useSearchParams } from 'react-router-dom'\n\nimport { useDivinePayload } from '../PayloadDiviner'\nimport { DivinedPayloadContext } from './Context'\nimport { useDivinedPayload } from './use'\n\nexport interface DivinedPayloadProviderProps extends WithChildren {\n  hash?: string\n}\n\nexport const DivinedPayloadProvider: React.FC<DivinedPayloadProviderProps> = ({ children, hash }) => {\n  const { hash: hashParam } = useParams()\n\n  const huriFromHashParam = useBuildHuri(hashParam)\n\n  const [params] = useSearchParams()\n  const huriSearchParameter = params.get('huri')\n  const decodedHuriParam = decodeURIComponent(huriSearchParameter ?? '')\n  const huriUri = hash ?? (decodedHuriParam ? decodedHuriParam : huriFromHashParam)\n\n  const [payload, setPayload, payloadError] = useDivinePayload(huriUri)\n\n  return <DivinedPayloadContext.Provider value={{ payload, payloadError, provided: true, setPayload }}>{children}</DivinedPayloadContext.Provider>\n}\n\nexport const DivinedPayloadWithHandleInner: React.FC<WithChildren> = ({ children }) => {\n  const { payloadError } = useDivinedPayload()\n\n  return (\n    <ErrorRender\n      error={payloadError ? { message: payloadError.message, schema: ModuleErrorSchema, sources: [] } : undefined}\n      errorContext=\"Divined Payload Provider\"\n    >\n      {children}\n    </ErrorRender>\n  )\n}\n\nexport const DivinedPayloadWithHandleProvider: React.FC<DivinedPayloadProviderProps> = ({ children, ...props }) => {\n  return (\n    <DivinedPayloadProvider {...props}>\n      <DivinedPayloadWithHandleInner>{children}</DivinedPayloadWithHandleInner>\n    </DivinedPayloadProvider>\n  )\n}\n","import { createContextEx } from '@xyo-network/react-shared'\n\nimport { PayloadDivinerState } from './State'\n\nconst PayloadDivinerContext = createContextEx<PayloadDivinerState>()\n\nexport { PayloadDivinerContext }\n","import { AbstractPayloadDiviner } from '@xyo-network/diviner'\nimport { ContextExProviderProps } from '@xyo-network/react-shared'\nimport { useEffect, useState } from 'react'\n\nimport { PayloadDivinerContext } from './Context'\n\nexport type PayloadDivinerProviderProps = ContextExProviderProps<{\n  /** Required */\n  diviner?: AbstractPayloadDiviner\n}>\n\nexport const PayloadDivinerProvider: React.FC<PayloadDivinerProviderProps> = ({ diviner: divinerProp, required = false, children }) => {\n  const [diviner, setDiviner] = useState<AbstractPayloadDiviner | undefined>(divinerProp)\n\n  useEffect(() => {\n    if (divinerProp) {\n      setDiviner(divinerProp)\n    }\n  }, [divinerProp])\n\n  return (\n    <PayloadDivinerContext.Provider\n      value={{\n        diviner: diviner === divinerProp ? diviner : undefined,\n        provided: true,\n        setDiviner,\n      }}\n    >\n      {diviner ? children : required ? null : children}\n    </PayloadDivinerContext.Provider>\n  )\n}\n","import { compact } from '@xylabs/lodash'\nimport { useAsyncEffect } from '@xylabs/react-async-effect'\nimport { HuriPayload, HuriSchema } from '@xyo-network/diviner'\nimport { Payload } from '@xyo-network/payload-model'\nimport { useContextEx } from '@xyo-network/react-shared'\nimport { Dispatch, useEffect, useState } from 'react'\n\nimport { PayloadDivinerContext } from './Context'\n\nexport const usePayloadDiviner = (required = false) => {\n  return useContextEx(PayloadDivinerContext, 'PayloadDiviner', required)\n}\n\nexport const useDivinePayload = <T extends Payload = Payload>(\n  huri?: string,\n): [T | undefined | null, Dispatch<T | null | undefined>, Error | undefined] => {\n  const { diviner } = usePayloadDiviner()\n  const [payload, setPayload] = useState<T | null>()\n  const [error, setError] = useState<Error>()\n\n  useEffect(() => {\n    if (diviner) {\n      setPayload(undefined)\n    }\n  }, [diviner])\n\n  useAsyncEffect(\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    async (mounted) => {\n      if (huri && diviner && payload === undefined) {\n        try {\n          const huriPayload: HuriPayload = { huri: [huri], schema: HuriSchema }\n          const [payload] = (await diviner?.divine([huriPayload])) ?? []\n          if (mounted()) {\n            setPayload(payload ? (payload as T) : null)\n          }\n        } catch (ex) {\n          if (mounted()) {\n            setError(ex as Error)\n          }\n        }\n      }\n    },\n    [diviner, huri, payload],\n  )\n\n  return [payload, setPayload, error]\n}\n\nexport const useDivinePayloads = <T extends Payload = Payload>(\n  huriList: string[],\n): [(T | null)[] | undefined, Dispatch<(T | null)[] | undefined>, Error[] | undefined] => {\n  const { diviner } = usePayloadDiviner()\n  const [payloads, setPayloads] = useState<(T | null)[]>()\n  const [errors, setErrors] = useState<Error[]>()\n\n  useEffect(() => {\n    if (diviner) {\n      setPayloads(undefined)\n    }\n  }, [diviner])\n\n  useAsyncEffect(\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    async (mounted) => {\n      console.log(`huriList: ${JSON.stringify(huriList, null, 2)}`)\n      const payloads = await Promise.allSettled(\n        huriList.map(async (huri) => {\n          const huriPayload: HuriPayload = { huri: [huri], schema: HuriSchema }\n          const [payload] = (await diviner?.divine([huriPayload])) ?? []\n          return payload\n        }),\n      )\n      if (mounted()) {\n        setPayloads([...payloads.values()].map((value) => (value.status === 'rejected' ? null : value.value)) as (T | null)[])\n        setErrors(\n          compact([...payloads.values()].map((value) => (value.status === 'rejected' ? Error('divine failed', { cause: value.reason }) : undefined))),\n        )\n        if (mounted()) {\n          setPayloads([...payloads.values()].map((value) => (value.status === 'rejected' ? null : value.value)) as (T | null)[])\n          setErrors(\n            compact(\n              [...payloads.values()].map((value) => (value.status === 'rejected' ? Error('divine failed', { cause: value.reason }) : undefined)),\n            ),\n          )\n        }\n      }\n    },\n    [diviner, huriList, payloads],\n  )\n\n  return [payloads, setPayloads, errors]\n}\n","import { useContextEx } from '@xyo-network/react-shared'\n\nimport { DivinedPayloadContext } from './Context'\n\nexport const useDivinedPayload = () => useContextEx(DivinedPayloadContext, 'DivinedPayload', true)\n"],"mappings":"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","names":["import_react_shared","import_react_shared","import_react","payload","payloads","import_react_shared","import_jsx_runtime"]}

package/dist/index.mjs

@@ -0,0 +1,159 @@
+// src/contexts/DivinedPayload/Context.tsx
+import { createContextEx } from "@xyo-network/react-shared";
+var DivinedPayloadContext = createContextEx();
+
+// src/contexts/DivinedPayload/Provider.tsx
+import { ModuleErrorSchema } from "@xyo-network/payload-model";
+import { ErrorRender } from "@xyo-network/react-error";
+import { useBuildHuri } from "@xyo-network/react-payload-huri";
+import { useParams, useSearchParams } from "react-router-dom";
+
+// src/contexts/PayloadDiviner/Context.ts
+import { createContextEx as createContextEx2 } from "@xyo-network/react-shared";
+var PayloadDivinerContext = createContextEx2();
+
+// src/contexts/PayloadDiviner/Provider.tsx
+import { useEffect, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+var PayloadDivinerProvider = ({ diviner: divinerProp, required = false, children }) => {
+  const [diviner, setDiviner] = useState(divinerProp);
+  useEffect(() => {
+    if (divinerProp) {
+      setDiviner(divinerProp);
+    }
+  }, [divinerProp]);
+  return /* @__PURE__ */ jsx(
+    PayloadDivinerContext.Provider,
+    {
+      value: {
+        diviner: diviner === divinerProp ? diviner : void 0,
+        provided: true,
+        setDiviner
+      },
+      children: diviner ? children : required ? null : children
+    }
+  );
+};
+
+// src/contexts/PayloadDiviner/use.ts
+import { compact } from "@xylabs/lodash";
+import { useAsyncEffect } from "@xylabs/react-async-effect";
+import { HuriSchema } from "@xyo-network/diviner";
+import { useContextEx } from "@xyo-network/react-shared";
+import { useEffect as useEffect2, useState as useState2 } from "react";
+var usePayloadDiviner = (required = false) => {
+  return useContextEx(PayloadDivinerContext, "PayloadDiviner", required);
+};
+var useDivinePayload = (huri) => {
+  const { diviner } = usePayloadDiviner();
+  const [payload, setPayload] = useState2();
+  const [error, setError] = useState2();
+  useEffect2(() => {
+    if (diviner) {
+      setPayload(void 0);
+    }
+  }, [diviner]);
+  useAsyncEffect(
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    async (mounted) => {
+      if (huri && diviner && payload === void 0) {
+        try {
+          const huriPayload = { huri: [huri], schema: HuriSchema };
+          const [payload2] = await diviner?.divine([huriPayload]) ?? [];
+          if (mounted()) {
+            setPayload(payload2 ? payload2 : null);
+          }
+        } catch (ex) {
+          if (mounted()) {
+            setError(ex);
+          }
+        }
+      }
+    },
+    [diviner, huri, payload]
+  );
+  return [payload, setPayload, error];
+};
+var useDivinePayloads = (huriList) => {
+  const { diviner } = usePayloadDiviner();
+  const [payloads, setPayloads] = useState2();
+  const [errors, setErrors] = useState2();
+  useEffect2(() => {
+    if (diviner) {
+      setPayloads(void 0);
+    }
+  }, [diviner]);
+  useAsyncEffect(
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    async (mounted) => {
+      console.log(`huriList: ${JSON.stringify(huriList, null, 2)}`);
+      const payloads2 = await Promise.allSettled(
+        huriList.map(async (huri) => {
+          const huriPayload = { huri: [huri], schema: HuriSchema };
+          const [payload] = await diviner?.divine([huriPayload]) ?? [];
+          return payload;
+        })
+      );
+      if (mounted()) {
+        setPayloads([...payloads2.values()].map((value) => value.status === "rejected" ? null : value.value));
+        setErrors(
+          compact([...payloads2.values()].map((value) => value.status === "rejected" ? Error("divine failed", { cause: value.reason }) : void 0))
+        );
+        if (mounted()) {
+          setPayloads([...payloads2.values()].map((value) => value.status === "rejected" ? null : value.value));
+          setErrors(
+            compact(
+              [...payloads2.values()].map((value) => value.status === "rejected" ? Error("divine failed", { cause: value.reason }) : void 0)
+            )
+          );
+        }
+      }
+    },
+    [diviner, huriList, payloads]
+  );
+  return [payloads, setPayloads, errors];
+};
+
+// src/contexts/DivinedPayload/use.ts
+import { useContextEx as useContextEx2 } from "@xyo-network/react-shared";
+var useDivinedPayload = () => useContextEx2(DivinedPayloadContext, "DivinedPayload", true);
+
+// src/contexts/DivinedPayload/Provider.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var DivinedPayloadProvider = ({ children, hash }) => {
+  const { hash: hashParam } = useParams();
+  const huriFromHashParam = useBuildHuri(hashParam);
+  const [params] = useSearchParams();
+  const huriSearchParameter = params.get("huri");
+  const decodedHuriParam = decodeURIComponent(huriSearchParameter ?? "");
+  const huriUri = hash ?? (decodedHuriParam ? decodedHuriParam : huriFromHashParam);
+  const [payload, setPayload, payloadError] = useDivinePayload(huriUri);
+  return /* @__PURE__ */ jsx2(DivinedPayloadContext.Provider, { value: { payload, payloadError, provided: true, setPayload }, children });
+};
+var DivinedPayloadWithHandleInner = ({ children }) => {
+  const { payloadError } = useDivinedPayload();
+  return /* @__PURE__ */ jsx2(
+    ErrorRender,
+    {
+      error: payloadError ? { message: payloadError.message, schema: ModuleErrorSchema, sources: [] } : void 0,
+      errorContext: "Divined Payload Provider",
+      children
+    }
+  );
+};
+var DivinedPayloadWithHandleProvider = ({ children, ...props }) => {
+  return /* @__PURE__ */ jsx2(DivinedPayloadProvider, { ...props, children: /* @__PURE__ */ jsx2(DivinedPayloadWithHandleInner, { children }) });
+};
+export {
+  DivinedPayloadContext,
+  DivinedPayloadProvider,
+  DivinedPayloadWithHandleInner,
+  DivinedPayloadWithHandleProvider,
+  PayloadDivinerContext,
+  PayloadDivinerProvider,
+  useDivinePayload,
+  useDivinePayloads,
+  useDivinedPayload,
+  usePayloadDiviner
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/contexts/DivinedPayload/Context.tsx","../src/contexts/DivinedPayload/Provider.tsx","../src/contexts/PayloadDiviner/Context.ts","../src/contexts/PayloadDiviner/Provider.tsx","../src/contexts/PayloadDiviner/use.ts","../src/contexts/DivinedPayload/use.ts"],"sourcesContent":["import { createContextEx } from '@xyo-network/react-shared'\n\nimport { DivinedPayloadState } from './State'\n\nexport const DivinedPayloadContext = createContextEx<DivinedPayloadState>()\n","import type { WithChildren } from '@xylabs/react-shared'\nimport { ModuleErrorSchema } from '@xyo-network/payload-model'\nimport { ErrorRender } from '@xyo-network/react-error'\nimport { useBuildHuri } from '@xyo-network/react-payload-huri'\nimport { useParams, useSearchParams } from 'react-router-dom'\n\nimport { useDivinePayload } from '../PayloadDiviner'\nimport { DivinedPayloadContext } from './Context'\nimport { useDivinedPayload } from './use'\n\nexport interface DivinedPayloadProviderProps extends WithChildren {\n  hash?: string\n}\n\nexport const DivinedPayloadProvider: React.FC<DivinedPayloadProviderProps> = ({ children, hash }) => {\n  const { hash: hashParam } = useParams()\n\n  const huriFromHashParam = useBuildHuri(hashParam)\n\n  const [params] = useSearchParams()\n  const huriSearchParameter = params.get('huri')\n  const decodedHuriParam = decodeURIComponent(huriSearchParameter ?? '')\n  const huriUri = hash ?? (decodedHuriParam ? decodedHuriParam : huriFromHashParam)\n\n  const [payload, setPayload, payloadError] = useDivinePayload(huriUri)\n\n  return <DivinedPayloadContext.Provider value={{ payload, payloadError, provided: true, setPayload }}>{children}</DivinedPayloadContext.Provider>\n}\n\nexport const DivinedPayloadWithHandleInner: React.FC<WithChildren> = ({ children }) => {\n  const { payloadError } = useDivinedPayload()\n\n  return (\n    <ErrorRender\n      error={payloadError ? { message: payloadError.message, schema: ModuleErrorSchema, sources: [] } : undefined}\n      errorContext=\"Divined Payload Provider\"\n    >\n      {children}\n    </ErrorRender>\n  )\n}\n\nexport const DivinedPayloadWithHandleProvider: React.FC<DivinedPayloadProviderProps> = ({ children, ...props }) => {\n  return (\n    <DivinedPayloadProvider {...props}>\n      <DivinedPayloadWithHandleInner>{children}</DivinedPayloadWithHandleInner>\n    </DivinedPayloadProvider>\n  )\n}\n","import { createContextEx } from '@xyo-network/react-shared'\n\nimport { PayloadDivinerState } from './State'\n\nconst PayloadDivinerContext = createContextEx<PayloadDivinerState>()\n\nexport { PayloadDivinerContext }\n","import { AbstractPayloadDiviner } from '@xyo-network/diviner'\nimport { ContextExProviderProps } from '@xyo-network/react-shared'\nimport { useEffect, useState } from 'react'\n\nimport { PayloadDivinerContext } from './Context'\n\nexport type PayloadDivinerProviderProps = ContextExProviderProps<{\n  /** Required */\n  diviner?: AbstractPayloadDiviner\n}>\n\nexport const PayloadDivinerProvider: React.FC<PayloadDivinerProviderProps> = ({ diviner: divinerProp, required = false, children }) => {\n  const [diviner, setDiviner] = useState<AbstractPayloadDiviner | undefined>(divinerProp)\n\n  useEffect(() => {\n    if (divinerProp) {\n      setDiviner(divinerProp)\n    }\n  }, [divinerProp])\n\n  return (\n    <PayloadDivinerContext.Provider\n      value={{\n        diviner: diviner === divinerProp ? diviner : undefined,\n        provided: true,\n        setDiviner,\n      }}\n    >\n      {diviner ? children : required ? null : children}\n    </PayloadDivinerContext.Provider>\n  )\n}\n","import { compact } from '@xylabs/lodash'\nimport { useAsyncEffect } from '@xylabs/react-async-effect'\nimport { HuriPayload, HuriSchema } from '@xyo-network/diviner'\nimport { Payload } from '@xyo-network/payload-model'\nimport { useContextEx } from '@xyo-network/react-shared'\nimport { Dispatch, useEffect, useState } from 'react'\n\nimport { PayloadDivinerContext } from './Context'\n\nexport const usePayloadDiviner = (required = false) => {\n  return useContextEx(PayloadDivinerContext, 'PayloadDiviner', required)\n}\n\nexport const useDivinePayload = <T extends Payload = Payload>(\n  huri?: string,\n): [T | undefined | null, Dispatch<T | null | undefined>, Error | undefined] => {\n  const { diviner } = usePayloadDiviner()\n  const [payload, setPayload] = useState<T | null>()\n  const [error, setError] = useState<Error>()\n\n  useEffect(() => {\n    if (diviner) {\n      setPayload(undefined)\n    }\n  }, [diviner])\n\n  useAsyncEffect(\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    async (mounted) => {\n      if (huri && diviner && payload === undefined) {\n        try {\n          const huriPayload: HuriPayload = { huri: [huri], schema: HuriSchema }\n          const [payload] = (await diviner?.divine([huriPayload])) ?? []\n          if (mounted()) {\n            setPayload(payload ? (payload as T) : null)\n          }\n        } catch (ex) {\n          if (mounted()) {\n            setError(ex as Error)\n          }\n        }\n      }\n    },\n    [diviner, huri, payload],\n  )\n\n  return [payload, setPayload, error]\n}\n\nexport const useDivinePayloads = <T extends Payload = Payload>(\n  huriList: string[],\n): [(T | null)[] | undefined, Dispatch<(T | null)[] | undefined>, Error[] | undefined] => {\n  const { diviner } = usePayloadDiviner()\n  const [payloads, setPayloads] = useState<(T | null)[]>()\n  const [errors, setErrors] = useState<Error[]>()\n\n  useEffect(() => {\n    if (diviner) {\n      setPayloads(undefined)\n    }\n  }, [diviner])\n\n  useAsyncEffect(\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    async (mounted) => {\n      console.log(`huriList: ${JSON.stringify(huriList, null, 2)}`)\n      const payloads = await Promise.allSettled(\n        huriList.map(async (huri) => {\n          const huriPayload: HuriPayload = { huri: [huri], schema: HuriSchema }\n          const [payload] = (await diviner?.divine([huriPayload])) ?? []\n          return payload\n        }),\n      )\n      if (mounted()) {\n        setPayloads([...payloads.values()].map((value) => (value.status === 'rejected' ? null : value.value)) as (T | null)[])\n        setErrors(\n          compact([...payloads.values()].map((value) => (value.status === 'rejected' ? Error('divine failed', { cause: value.reason }) : undefined))),\n        )\n        if (mounted()) {\n          setPayloads([...payloads.values()].map((value) => (value.status === 'rejected' ? null : value.value)) as (T | null)[])\n          setErrors(\n            compact(\n              [...payloads.values()].map((value) => (value.status === 'rejected' ? Error('divine failed', { cause: value.reason }) : undefined)),\n            ),\n          )\n        }\n      }\n    },\n    [diviner, huriList, payloads],\n  )\n\n  return [payloads, setPayloads, errors]\n}\n","import { useContextEx } from '@xyo-network/react-shared'\n\nimport { DivinedPayloadContext } from './Context'\n\nexport const useDivinedPayload = () => useContextEx(DivinedPayloadContext, 'DivinedPayload', true)\n"],"mappings":"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","names":["createContextEx","useEffect","useState","useState","useEffect","payload","payloads","useContextEx","useContextEx","jsx"]}

package/package.json

@@ -10,17 +10,17 @@
     "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/issues"
   },
   "dependencies": {
-    "@xylabs/lodash": "^2.10.11",
-    "@xylabs/react-async-effect": "~2.17.15",
-    "@xylabs/react-shared": "~2.17.15",
-    "@xyo-network/diviner": "^2.73.3",
-    "@xyo-network/payload-model": "^2.73.3",
-    "@xyo-network/react-error": "~2.61.0",
-    "@xyo-network/react-payload-huri": "~2.61.0",
-    "@xyo-network/react-shared": "~2.61.0"
+    "@xylabs/lodash": "^2.11.7",
+    "@xylabs/react-async-effect": "~2.18.4",
+    "@xylabs/react-shared": "~2.18.4",
+    "@xyo-network/diviner": "^2.74.1",
+    "@xyo-network/payload-model": "^2.74.1",
+    "@xyo-network/react-error": "~2.62.3",
+    "@xyo-network/react-payload-huri": "~2.62.3",
+    "@xyo-network/react-shared": "~2.62.3"
   },
   "devDependencies": {
-    "@xylabs/ts-scripts-yarn3": "^2.19.5",
+    "@xylabs/ts-scripts-yarn3": "^3.0.28",
     "typescript": "^5.2.2"
   },
   "peerDependencies": {
@@ -33,27 +33,35 @@
     "react-router-dom": "^6"
   },
   "description": "Common React library for all XYO projects that use React",
-  "browser": "dist/esm/index.js",
   "docs": "dist/docs.json",
   "exports": {
     ".": {
       "node": {
-        "import": "./dist/esm/index.js",
-        "require": "./dist/cjs/index.js"
+        "import": {
+          "types": "./dist/index.d.mts",
+          "default": "./dist/index.mjs"
+        },
+        "require": {
+          "types": "./dist/index.d.ts",
+          "default": "./dist/index.js"
+        }
       },
       "browser": {
-        "import": "./dist/esm/index.js",
-        "require": "./dist/cjs/index.js"
+        "import": {
+          "types": "./dist/index.d.mts",
+          "default": "./dist/index.mjs"
+        },
+        "require": {
+          "types": "./dist/index.d.ts",
+          "default": "./dist/index.js"
+        }
       },
-      "default": "./dist/esm/index.js"
-    },
-    "./dist/docs.json": {
-      "default": "./dist/docs.json"
+      "default": "./dist/index.mjs"
     },
     "./package.json": "./package.json"
   },
-  "main": "dist/cjs/index.js",
-  "module": "dist/esm/index.js",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
   "homepage": "https://xyo.network",
   "keywords": [
     "xyo",
@@ -74,6 +82,6 @@
     "license": "yarn license-checker --exclude \"MIT, ISC, Apache-2.0, BSD, BSD-2-Clause, CC-BY-4.0, Unlicense, CC-BY-3.0, CC0-1.0\""
   },
   "sideEffects": false,
-  "types": "dist/types/index.d.ts",
-  "version": "2.61.0"
+  "types": "dist/index.d.ts",
+  "version": "2.62.3"
 }

package/dist/cjs/contexts/DivinedPayload/Context.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DivinedPayloadContext = void 0;
-const react_shared_1 = require("@xyo-network/react-shared");
-exports.DivinedPayloadContext = (0, react_shared_1.createContextEx)();
-//# sourceMappingURL=Context.js.map

package/dist/cjs/contexts/DivinedPayload/Context.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Context.js","sourceRoot":"","sources":["../../../../src/contexts/DivinedPayload/Context.tsx"],"names":[],"mappings":";;;AAAA,4DAA2D;AAI9C,QAAA,qBAAqB,GAAG,IAAA,8BAAe,GAAuB,CAAA"}

package/dist/cjs/contexts/DivinedPayload/Provider.js

@@ -1,34 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DivinedPayloadWithHandleProvider = exports.DivinedPayloadWithHandleInner = exports.DivinedPayloadProvider = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const payload_model_1 = require("@xyo-network/payload-model");
-const react_error_1 = require("@xyo-network/react-error");
-const react_payload_huri_1 = require("@xyo-network/react-payload-huri");
-const react_router_dom_1 = require("react-router-dom");
-const PayloadDiviner_1 = require("../PayloadDiviner");
-const Context_1 = require("./Context");
-const use_1 = require("./use");
-const DivinedPayloadProvider = ({ children, hash }) => {
-    const { hash: hashParam } = (0, react_router_dom_1.useParams)();
-    const huriFromHashParam = (0, react_payload_huri_1.useBuildHuri)(hashParam);
-    const [params] = (0, react_router_dom_1.useSearchParams)();
-    const huriSearchParameter = params.get('huri');
-    const decodedHuriParam = decodeURIComponent(huriSearchParameter !== null && huriSearchParameter !== void 0 ? huriSearchParameter : '');
-    const huriUri = hash !== null && hash !== void 0 ? hash : (decodedHuriParam ? decodedHuriParam : huriFromHashParam);
-    const [payload, setPayload, payloadError] = (0, PayloadDiviner_1.useDivinePayload)(huriUri);
-    return (0, jsx_runtime_1.jsx)(Context_1.DivinedPayloadContext.Provider, Object.assign({ value: { payload, payloadError, provided: true, setPayload } }, { children: children }));
-};
-exports.DivinedPayloadProvider = DivinedPayloadProvider;
-const DivinedPayloadWithHandleInner = ({ children }) => {
-    const { payloadError } = (0, use_1.useDivinedPayload)();
-    return ((0, jsx_runtime_1.jsx)(react_error_1.ErrorRender, Object.assign({ error: payloadError ? { message: payloadError.message, schema: payload_model_1.ModuleErrorSchema, sources: [] } : undefined, errorContext: "Divined Payload Provider" }, { children: children })));
-};
-exports.DivinedPayloadWithHandleInner = DivinedPayloadWithHandleInner;
-const DivinedPayloadWithHandleProvider = (_a) => {
-    var { children } = _a, props = tslib_1.__rest(_a, ["children"]);
-    return ((0, jsx_runtime_1.jsx)(exports.DivinedPayloadProvider, Object.assign({}, props, { children: (0, jsx_runtime_1.jsx)(exports.DivinedPayloadWithHandleInner, { children: children }) })));
-};
-exports.DivinedPayloadWithHandleProvider = DivinedPayloadWithHandleProvider;
-//# sourceMappingURL=Provider.js.map

package/dist/cjs/contexts/DivinedPayload/Provider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Provider.js","sourceRoot":"","sources":["../../../../src/contexts/DivinedPayload/Provider.tsx"],"names":[],"mappings":";;;;;AACA,8DAA8D;AAC9D,0DAAsD;AACtD,wEAA8D;AAC9D,uDAA6D;AAE7D,sDAAoD;AACpD,uCAAiD;AACjD,+BAAyC;AAMlC,MAAM,sBAAsB,GAA0C,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,EAAE;IAClG,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,IAAA,4BAAS,GAAE,CAAA;IAEvC,MAAM,iBAAiB,GAAG,IAAA,iCAAY,EAAC,SAAS,CAAC,CAAA;IAEjD,MAAM,CAAC,MAAM,CAAC,GAAG,IAAA,kCAAe,GAAE,CAAA;IAClC,MAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;IAC9C,MAAM,gBAAgB,GAAG,kBAAkB,CAAC,mBAAmB,aAAnB,mBAAmB,cAAnB,mBAAmB,GAAI,EAAE,CAAC,CAAA;IACtE,MAAM,OAAO,GAAG,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAA;IAEjF,MAAM,CAAC,OAAO,EAAE,UAAU,EAAE,YAAY,CAAC,GAAG,IAAA,iCAAgB,EAAC,OAAO,CAAC,CAAA;IAErE,OAAO,uBAAC,+BAAqB,CAAC,QAAQ,kBAAC,KAAK,EAAE,EAAE,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,gBAAG,QAAQ,IAAkC,CAAA;AAClJ,CAAC,CAAA;AAbY,QAAA,sBAAsB,0BAalC;AAEM,MAAM,6BAA6B,GAA2B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACpF,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,uBAAiB,GAAE,CAAA;IAE5C,OAAO,CACL,uBAAC,yBAAW,kBACV,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,YAAY,CAAC,OAAO,EAAE,MAAM,EAAE,iCAAiB,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,EAC3G,YAAY,EAAC,0BAA0B,gBAEtC,QAAQ,IACG,CACf,CAAA;AACH,CAAC,CAAA;AAXY,QAAA,6BAA6B,iCAWzC;AAEM,MAAM,gCAAgC,GAA0C,CAAC,EAAsB,EAAE,EAAE;QAA1B,EAAE,QAAQ,OAAY,EAAP,KAAK,sBAApB,YAAsB,CAAF;IAC1G,OAAO,CACL,uBAAC,8BAAsB,oBAAK,KAAK,cAC/B,uBAAC,qCAA6B,cAAE,QAAQ,GAAiC,IAClD,CAC1B,CAAA;AACH,CAAC,CAAA;AANY,QAAA,gCAAgC,oCAM5C"}

package/dist/cjs/contexts/DivinedPayload/State.js

@@ -1,3 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=State.js.map

package/dist/cjs/contexts/DivinedPayload/State.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"State.js","sourceRoot":"","sources":["../../../../src/contexts/DivinedPayload/State.ts"],"names":[],"mappings":""}

package/dist/cjs/contexts/DivinedPayload/index.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./Context"), exports);
-tslib_1.__exportStar(require("./Provider"), exports);
-tslib_1.__exportStar(require("./State"), exports);
-tslib_1.__exportStar(require("./use"), exports);
-//# sourceMappingURL=index.js.map

package/dist/cjs/contexts/DivinedPayload/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/contexts/DivinedPayload/index.ts"],"names":[],"mappings":";;;AAAA,oDAAyB;AACzB,qDAA0B;AAC1B,kDAAuB;AACvB,gDAAqB"}

package/dist/cjs/contexts/DivinedPayload/use.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useDivinedPayload = void 0;
-const react_shared_1 = require("@xyo-network/react-shared");
-const Context_1 = require("./Context");
-const useDivinedPayload = () => (0, react_shared_1.useContextEx)(Context_1.DivinedPayloadContext, 'DivinedPayload', true);
-exports.useDivinedPayload = useDivinedPayload;
-//# sourceMappingURL=use.js.map

package/dist/cjs/contexts/DivinedPayload/use.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use.js","sourceRoot":"","sources":["../../../../src/contexts/DivinedPayload/use.ts"],"names":[],"mappings":";;;AAAA,4DAAwD;AAExD,uCAAiD;AAE1C,MAAM,iBAAiB,GAAG,GAAG,EAAE,CAAC,IAAA,2BAAY,EAAC,+BAAqB,EAAE,gBAAgB,EAAE,IAAI,CAAC,CAAA;AAArF,QAAA,iBAAiB,qBAAoE"}

package/dist/cjs/contexts/PayloadDiviner/Context.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PayloadDivinerContext = void 0;
-const react_shared_1 = require("@xyo-network/react-shared");
-const PayloadDivinerContext = (0, react_shared_1.createContextEx)();
-exports.PayloadDivinerContext = PayloadDivinerContext;
-//# sourceMappingURL=Context.js.map

package/dist/cjs/contexts/PayloadDiviner/Context.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Context.js","sourceRoot":"","sources":["../../../../src/contexts/PayloadDiviner/Context.ts"],"names":[],"mappings":";;;AAAA,4DAA2D;AAI3D,MAAM,qBAAqB,GAAG,IAAA,8BAAe,GAAuB,CAAA;AAE3D,sDAAqB"}

package/dist/cjs/contexts/PayloadDiviner/Provider.js

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PayloadDivinerProvider = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const Context_1 = require("./Context");
-const PayloadDivinerProvider = ({ diviner: divinerProp, required = false, children }) => {
-    const [diviner, setDiviner] = (0, react_1.useState)(divinerProp);
-    (0, react_1.useEffect)(() => {
-        if (divinerProp) {
-            setDiviner(divinerProp);
-        }
-    }, [divinerProp]);
-    return ((0, jsx_runtime_1.jsx)(Context_1.PayloadDivinerContext.Provider, Object.assign({ value: {
-            diviner: diviner === divinerProp ? diviner : undefined,
-            provided: true,
-            setDiviner,
-        } }, { children: diviner ? children : required ? null : children })));
-};
-exports.PayloadDivinerProvider = PayloadDivinerProvider;
-//# sourceMappingURL=Provider.js.map

package/dist/cjs/contexts/PayloadDiviner/Provider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Provider.js","sourceRoot":"","sources":["../../../../src/contexts/PayloadDiviner/Provider.tsx"],"names":[],"mappings":";;;;AAEA,iCAA2C;AAE3C,uCAAiD;AAO1C,MAAM,sBAAsB,GAA0C,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,GAAG,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE;IACpI,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAqC,WAAW,CAAC,CAAA;IAEvF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,WAAW,EAAE;YACf,UAAU,CAAC,WAAW,CAAC,CAAA;SACxB;IACH,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAA;IAEjB,OAAO,CACL,uBAAC,+BAAqB,CAAC,QAAQ,kBAC7B,KAAK,EAAE;YACL,OAAO,EAAE,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS;YACtD,QAAQ,EAAE,IAAI;YACd,UAAU;SACX,gBAEA,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,IACjB,CAClC,CAAA;AACH,CAAC,CAAA;AApBY,QAAA,sBAAsB,0BAoBlC"}

package/dist/cjs/contexts/PayloadDiviner/State.js

@@ -1,3 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=State.js.map

package/dist/cjs/contexts/PayloadDiviner/State.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"State.js","sourceRoot":"","sources":["../../../../src/contexts/PayloadDiviner/State.ts"],"names":[],"mappings":""}