@xyo-network/react-embed 2.27.30 → 2.28.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/XyoEmbedPlugin.d.ts.map +1 -1
- package/dist/cjs/components/XyoEmbedPlugin.js +9 -2
- package/dist/cjs/components/XyoEmbedPlugin.js.map +1 -1
- package/dist/cjs/components/embed-card/EmbedCardHeader.d.ts.map +1 -1
- package/dist/cjs/components/embed-card/EmbedCardHeader.js +3 -2
- package/dist/cjs/components/embed-card/EmbedCardHeader.js.map +1 -1
- package/dist/cjs/components/embed-card/EmbedCardResolver.d.ts +5 -0
- package/dist/cjs/components/embed-card/EmbedCardResolver.d.ts.map +1 -0
- package/dist/cjs/components/embed-card/EmbedCardResolver.js +19 -0
- package/dist/cjs/components/embed-card/EmbedCardResolver.js.map +1 -0
- package/dist/cjs/components/embed-card/EmbedPluginCard.d.ts +4 -0
- package/dist/cjs/components/embed-card/EmbedPluginCard.d.ts.map +1 -0
- package/dist/cjs/components/embed-card/{EmbedPluginContainer.js → EmbedPluginCard.js} +6 -5
- package/dist/cjs/components/embed-card/EmbedPluginCard.js.map +1 -0
- package/dist/cjs/components/embed-card/ValidatePlugins.d.ts.map +1 -1
- package/dist/cjs/components/embed-card/ValidatePlugins.js +2 -1
- package/dist/cjs/components/embed-card/ValidatePlugins.js.map +1 -1
- package/dist/cjs/components/embed-card/index.d.ts +2 -1
- package/dist/cjs/components/embed-card/index.d.ts.map +1 -1
- package/dist/cjs/components/embed-card/index.js +2 -1
- package/dist/cjs/components/embed-card/index.js.map +1 -1
- package/dist/cjs/components/embed-card/menu/JsonMenuItem.js +1 -1
- package/dist/cjs/components/embed-card/menu/JsonMenuItem.js.map +1 -1
- package/dist/cjs/contexts/RefreshPayloadContext/Context.d.ts +4 -0
- package/dist/cjs/contexts/RefreshPayloadContext/Context.d.ts.map +1 -0
- package/dist/cjs/contexts/RefreshPayloadContext/Context.js +6 -0
- package/dist/cjs/contexts/RefreshPayloadContext/Context.js.map +1 -0
- package/dist/cjs/contexts/RefreshPayloadContext/Provider.d.ts +8 -0
- package/dist/cjs/contexts/RefreshPayloadContext/Provider.d.ts.map +1 -0
- package/dist/cjs/contexts/RefreshPayloadContext/Provider.js +12 -0
- package/dist/cjs/contexts/RefreshPayloadContext/Provider.js.map +1 -0
- package/dist/cjs/contexts/RefreshPayloadContext/State.d.ts +8 -0
- package/dist/cjs/contexts/RefreshPayloadContext/State.d.ts.map +1 -0
- package/dist/cjs/{components/XyoEmbedPluginProps.js → contexts/RefreshPayloadContext/State.js} +1 -1
- package/dist/cjs/contexts/RefreshPayloadContext/State.js.map +1 -0
- package/dist/cjs/contexts/RefreshPayloadContext/index.d.ts +3 -0
- package/dist/cjs/contexts/RefreshPayloadContext/index.d.ts.map +1 -0
- package/dist/cjs/contexts/RefreshPayloadContext/index.js +6 -0
- package/dist/cjs/contexts/RefreshPayloadContext/index.js.map +1 -0
- package/dist/cjs/contexts/RefreshPayloadContext/use.d.ts +2 -0
- package/dist/cjs/contexts/RefreshPayloadContext/use.d.ts.map +1 -0
- package/dist/cjs/contexts/RefreshPayloadContext/use.js +8 -0
- package/dist/cjs/contexts/RefreshPayloadContext/use.js.map +1 -0
- package/dist/cjs/contexts/ResolvePayloadContext/Context.d.ts +4 -0
- package/dist/cjs/contexts/ResolvePayloadContext/Context.d.ts.map +1 -0
- package/dist/cjs/contexts/ResolvePayloadContext/Context.js +6 -0
- package/dist/cjs/contexts/ResolvePayloadContext/Context.js.map +1 -0
- package/dist/cjs/contexts/ResolvePayloadContext/Provider.d.ts +6 -0
- package/dist/cjs/contexts/ResolvePayloadContext/Provider.d.ts.map +1 -0
- package/dist/cjs/contexts/ResolvePayloadContext/Provider.js +54 -0
- package/dist/cjs/contexts/ResolvePayloadContext/Provider.js.map +1 -0
- package/dist/cjs/contexts/ResolvePayloadContext/State.d.ts +14 -0
- package/dist/cjs/contexts/ResolvePayloadContext/State.d.ts.map +1 -0
- package/dist/cjs/contexts/ResolvePayloadContext/State.js +3 -0
- package/dist/cjs/contexts/ResolvePayloadContext/State.js.map +1 -0
- package/dist/cjs/contexts/ResolvePayloadContext/index.d.ts +4 -0
- package/dist/cjs/contexts/ResolvePayloadContext/index.d.ts.map +1 -0
- package/dist/cjs/contexts/ResolvePayloadContext/index.js +7 -0
- package/dist/cjs/contexts/ResolvePayloadContext/index.js.map +1 -0
- package/dist/cjs/contexts/ResolvePayloadContext/use.d.ts +2 -0
- package/dist/cjs/contexts/ResolvePayloadContext/use.d.ts.map +1 -0
- package/dist/cjs/contexts/ResolvePayloadContext/use.js +8 -0
- package/dist/cjs/contexts/ResolvePayloadContext/use.js.map +1 -0
- package/dist/cjs/contexts/ValidatePayloadContext/Provider.js +2 -2
- package/dist/cjs/contexts/ValidatePayloadContext/Provider.js.map +1 -1
- package/dist/cjs/contexts/XyoEmbedPluginContext/Provider.d.ts +2 -3
- package/dist/cjs/contexts/XyoEmbedPluginContext/Provider.d.ts.map +1 -1
- package/dist/cjs/contexts/XyoEmbedPluginContext/Provider.js +3 -40
- package/dist/cjs/contexts/XyoEmbedPluginContext/Provider.js.map +1 -1
- package/dist/cjs/contexts/XyoEmbedPluginContext/State.d.ts +1 -3
- package/dist/cjs/contexts/XyoEmbedPluginContext/State.d.ts.map +1 -1
- package/dist/cjs/contexts/index.d.ts +2 -0
- package/dist/cjs/contexts/index.d.ts.map +1 -1
- package/dist/cjs/contexts/index.js +2 -0
- package/dist/cjs/contexts/index.js.map +1 -1
- package/dist/cjs/types/XyoEmbedPluginProps.d.ts +6 -2
- package/dist/cjs/types/XyoEmbedPluginProps.d.ts.map +1 -1
- package/dist/docs.json +3 -3
- package/dist/esm/components/XyoEmbedPlugin.d.ts.map +1 -1
- package/dist/esm/components/XyoEmbedPlugin.js +10 -4
- package/dist/esm/components/XyoEmbedPlugin.js.map +1 -1
- package/dist/esm/components/embed-card/EmbedCardHeader.d.ts.map +1 -1
- package/dist/esm/components/embed-card/EmbedCardHeader.js +4 -3
- package/dist/esm/components/embed-card/EmbedCardHeader.js.map +1 -1
- package/dist/esm/components/embed-card/EmbedCardResolver.d.ts +5 -0
- package/dist/esm/components/embed-card/EmbedCardResolver.d.ts.map +1 -0
- package/dist/esm/components/embed-card/EmbedCardResolver.js +13 -0
- package/dist/esm/components/embed-card/EmbedCardResolver.js.map +1 -0
- package/dist/esm/components/embed-card/EmbedPluginCard.d.ts +4 -0
- package/dist/esm/components/embed-card/EmbedPluginCard.d.ts.map +1 -0
- package/dist/esm/components/embed-card/{EmbedPluginContainer.js → EmbedPluginCard.js} +5 -4
- package/dist/esm/components/embed-card/EmbedPluginCard.js.map +1 -0
- package/dist/esm/components/embed-card/ValidatePlugins.d.ts.map +1 -1
- package/dist/esm/components/embed-card/ValidatePlugins.js +3 -2
- package/dist/esm/components/embed-card/ValidatePlugins.js.map +1 -1
- package/dist/esm/components/embed-card/index.d.ts +2 -1
- package/dist/esm/components/embed-card/index.d.ts.map +1 -1
- package/dist/esm/components/embed-card/index.js +2 -1
- package/dist/esm/components/embed-card/index.js.map +1 -1
- package/dist/esm/components/embed-card/menu/JsonMenuItem.js +2 -2
- package/dist/esm/components/embed-card/menu/JsonMenuItem.js.map +1 -1
- package/dist/esm/contexts/RefreshPayloadContext/Context.d.ts +4 -0
- package/dist/esm/contexts/RefreshPayloadContext/Context.d.ts.map +1 -0
- package/dist/esm/contexts/RefreshPayloadContext/Context.js +3 -0
- package/dist/esm/contexts/RefreshPayloadContext/Context.js.map +1 -0
- package/dist/esm/contexts/RefreshPayloadContext/Provider.d.ts +8 -0
- package/dist/esm/contexts/RefreshPayloadContext/Provider.d.ts.map +1 -0
- package/dist/esm/contexts/RefreshPayloadContext/Provider.js +8 -0
- package/dist/esm/contexts/RefreshPayloadContext/Provider.js.map +1 -0
- package/dist/esm/contexts/RefreshPayloadContext/State.d.ts +8 -0
- package/dist/esm/contexts/RefreshPayloadContext/State.d.ts.map +1 -0
- package/dist/esm/contexts/RefreshPayloadContext/State.js +2 -0
- package/dist/esm/contexts/RefreshPayloadContext/State.js.map +1 -0
- package/dist/esm/contexts/RefreshPayloadContext/index.d.ts +3 -0
- package/dist/esm/contexts/RefreshPayloadContext/index.d.ts.map +1 -0
- package/dist/esm/contexts/RefreshPayloadContext/index.js +3 -0
- package/dist/esm/contexts/RefreshPayloadContext/index.js.map +1 -0
- package/dist/esm/contexts/RefreshPayloadContext/use.d.ts +2 -0
- package/dist/esm/contexts/RefreshPayloadContext/use.d.ts.map +1 -0
- package/dist/esm/contexts/RefreshPayloadContext/use.js +4 -0
- package/dist/esm/contexts/RefreshPayloadContext/use.js.map +1 -0
- package/dist/esm/contexts/ResolvePayloadContext/Context.d.ts +4 -0
- package/dist/esm/contexts/ResolvePayloadContext/Context.d.ts.map +1 -0
- package/dist/esm/contexts/ResolvePayloadContext/Context.js +3 -0
- package/dist/esm/contexts/ResolvePayloadContext/Context.js.map +1 -0
- package/dist/esm/contexts/ResolvePayloadContext/Provider.d.ts +6 -0
- package/dist/esm/contexts/ResolvePayloadContext/Provider.d.ts.map +1 -0
- package/dist/esm/contexts/ResolvePayloadContext/Provider.js +49 -0
- package/dist/esm/contexts/ResolvePayloadContext/Provider.js.map +1 -0
- package/dist/esm/contexts/ResolvePayloadContext/State.d.ts +14 -0
- package/dist/esm/contexts/ResolvePayloadContext/State.d.ts.map +1 -0
- package/dist/esm/contexts/ResolvePayloadContext/State.js +2 -0
- package/dist/esm/contexts/ResolvePayloadContext/State.js.map +1 -0
- package/dist/esm/contexts/ResolvePayloadContext/index.d.ts +4 -0
- package/dist/esm/contexts/ResolvePayloadContext/index.d.ts.map +1 -0
- package/dist/esm/contexts/ResolvePayloadContext/index.js +4 -0
- package/dist/esm/contexts/ResolvePayloadContext/index.js.map +1 -0
- package/dist/esm/contexts/ResolvePayloadContext/use.d.ts +2 -0
- package/dist/esm/contexts/ResolvePayloadContext/use.d.ts.map +1 -0
- package/dist/esm/contexts/ResolvePayloadContext/use.js +4 -0
- package/dist/esm/contexts/ResolvePayloadContext/use.js.map +1 -0
- package/dist/esm/contexts/ValidatePayloadContext/Provider.js +2 -2
- package/dist/esm/contexts/ValidatePayloadContext/Provider.js.map +1 -1
- package/dist/esm/contexts/XyoEmbedPluginContext/Provider.d.ts +2 -3
- package/dist/esm/contexts/XyoEmbedPluginContext/Provider.d.ts.map +1 -1
- package/dist/esm/contexts/XyoEmbedPluginContext/Provider.js +3 -38
- package/dist/esm/contexts/XyoEmbedPluginContext/Provider.js.map +1 -1
- package/dist/esm/contexts/XyoEmbedPluginContext/State.d.ts +1 -3
- package/dist/esm/contexts/XyoEmbedPluginContext/State.d.ts.map +1 -1
- package/dist/esm/contexts/index.d.ts +2 -0
- package/dist/esm/contexts/index.d.ts.map +1 -1
- package/dist/esm/contexts/index.js +2 -0
- package/dist/esm/contexts/index.js.map +1 -1
- package/dist/esm/types/XyoEmbedPluginProps.d.ts +6 -2
- package/dist/esm/types/XyoEmbedPluginProps.d.ts.map +1 -1
- package/package.json +12 -12
- package/src/components/XyoEmbedPlugin.stories.tsx +26 -9
- package/src/components/XyoEmbedPlugin.tsx +36 -14
- package/src/components/embed-card/EmbedCardHeader.tsx +6 -4
- package/src/components/embed-card/EmbedCardResolver.tsx +27 -0
- package/src/components/embed-card/{EmbedPluginContainer.tsx → EmbedPluginCard.tsx} +4 -3
- package/src/components/embed-card/ValidatePlugins.tsx +3 -2
- package/src/components/embed-card/index.ts +2 -1
- package/src/components/embed-card/menu/JsonMenuItem.tsx +2 -2
- package/src/components/payload.stories.ts +21 -0
- package/src/contexts/RefreshPayloadContext/Context.tsx +5 -0
- package/src/contexts/RefreshPayloadContext/Provider.tsx +19 -0
- package/src/contexts/RefreshPayloadContext/State.ts +8 -0
- package/src/contexts/RefreshPayloadContext/index.ts +2 -0
- package/src/contexts/RefreshPayloadContext/use.tsx +5 -0
- package/src/contexts/ResolvePayloadContext/Context.ts +5 -0
- package/src/contexts/ResolvePayloadContext/Provider.tsx +64 -0
- package/src/contexts/ResolvePayloadContext/State.ts +14 -0
- package/src/contexts/ResolvePayloadContext/index.ts +3 -0
- package/src/contexts/ResolvePayloadContext/use.tsx +5 -0
- package/src/contexts/ValidatePayloadContext/Provider.stories.tsx +19 -7
- package/src/contexts/ValidatePayloadContext/Provider.tsx +2 -2
- package/src/contexts/XyoEmbedPluginContext/Provider.tsx +4 -51
- package/src/contexts/XyoEmbedPluginContext/State.ts +1 -3
- package/src/contexts/index.ts +2 -0
- package/src/types/XyoEmbedPluginProps.ts +6 -2
- package/dist/cjs/components/RenderComponent.d.ts +0 -10
- package/dist/cjs/components/RenderComponent.d.ts.map +0 -1
- package/dist/cjs/components/RenderComponent.js +0 -11
- package/dist/cjs/components/RenderComponent.js.map +0 -1
- package/dist/cjs/components/XyoEmbedPluginProps.d.ts +0 -19
- package/dist/cjs/components/XyoEmbedPluginProps.d.ts.map +0 -1
- package/dist/cjs/components/XyoEmbedPluginProps.js.map +0 -1
- package/dist/cjs/components/embed-card/EmbedPluginContainer.d.ts +0 -4
- package/dist/cjs/components/embed-card/EmbedPluginContainer.d.ts.map +0 -1
- package/dist/cjs/components/embed-card/EmbedPluginContainer.js.map +0 -1
- package/dist/esm/components/RenderComponent.d.ts +0 -10
- package/dist/esm/components/RenderComponent.d.ts.map +0 -1
- package/dist/esm/components/RenderComponent.js +0 -7
- package/dist/esm/components/RenderComponent.js.map +0 -1
- package/dist/esm/components/XyoEmbedPluginProps.d.ts +0 -19
- package/dist/esm/components/XyoEmbedPluginProps.d.ts.map +0 -1
- package/dist/esm/components/XyoEmbedPluginProps.js +0 -2
- package/dist/esm/components/XyoEmbedPluginProps.js.map +0 -1
- package/dist/esm/components/embed-card/EmbedPluginContainer.d.ts +0 -4
- package/dist/esm/components/embed-card/EmbedPluginContainer.d.ts.map +0 -1
- package/dist/esm/components/embed-card/EmbedPluginContainer.js.map +0 -1
|
@@ -1,58 +1,21 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.XyoEmbedPluginProvider = void 0;
|
|
4
|
-
const tslib_1 = require("tslib");
|
|
5
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
-
const react_flexbox_1 = require("@xylabs/react-flexbox");
|
|
7
|
-
const react_shared_1 = require("@xylabs/react-shared");
|
|
8
|
-
const sdk_js_1 = require("@xylabs/sdk-js");
|
|
9
|
-
const payload_1 = require("@xyo-network/payload");
|
|
10
|
-
const react_auth_service_1 = require("@xyo-network/react-auth-service");
|
|
11
|
-
const react_webapp_1 = require("@xyo-network/react-webapp");
|
|
12
5
|
const react_1 = require("react");
|
|
13
6
|
const Context_1 = require("./Context");
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
const [payload, setPayload] = (0, react_1.useState)();
|
|
17
|
-
const [notFound, setNotFound] = (0, react_1.useState)();
|
|
18
|
-
const [huriApiError, setHuriApiError] = (0, react_1.useState)();
|
|
7
|
+
/** Expose passed embed plugin props via context */
|
|
8
|
+
const XyoEmbedPluginProvider = ({ children, refreshTitle, timestampLabel, hideElementsConfig, plugins, embedPluginConfig, }) => {
|
|
19
9
|
const [activePlugin, setActivePlugin] = (0, react_1.useState)(plugins ? plugins[0] : undefined);
|
|
20
|
-
const [refreshPayload, setRefreshPayload] = (0, react_1.useState)(0);
|
|
21
|
-
(0, react_shared_1.useAsyncEffect)(
|
|
22
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
23
|
-
(mounted) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
|
|
24
|
-
if (huri && !refreshPayload) {
|
|
25
|
-
try {
|
|
26
|
-
const huriInstance = new payload_1.Huri(huri);
|
|
27
|
-
const result = yield huriInstance.fetch();
|
|
28
|
-
// ensure the busy state can stay for a moment to avoid flashing too quickly
|
|
29
|
-
yield (0, sdk_js_1.delay)(500);
|
|
30
|
-
if (mounted()) {
|
|
31
|
-
setNotFound(result === null);
|
|
32
|
-
setPayload(result);
|
|
33
|
-
setRefreshPayload(1);
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
catch (e) {
|
|
37
|
-
setHuriApiError(e);
|
|
38
|
-
}
|
|
39
|
-
}
|
|
40
|
-
}), [huri, payload, refreshPayload]);
|
|
41
|
-
const refreshHuri = () => {
|
|
42
|
-
setRefreshPayload(0);
|
|
43
|
-
};
|
|
44
10
|
return ((0, jsx_runtime_1.jsx)(Context_1.XyoEmbedPluginContext.Provider, Object.assign({ value: {
|
|
45
11
|
activePlugin,
|
|
46
12
|
embedPluginConfig,
|
|
47
13
|
hideElementsConfig,
|
|
48
|
-
huri,
|
|
49
|
-
payload,
|
|
50
14
|
provided: true,
|
|
51
|
-
refreshHuri,
|
|
52
15
|
refreshTitle,
|
|
53
16
|
setActivePlugin,
|
|
54
17
|
timestampLabel,
|
|
55
|
-
} }, { children:
|
|
18
|
+
} }, { children: children })));
|
|
56
19
|
};
|
|
57
20
|
exports.XyoEmbedPluginProvider = XyoEmbedPluginProvider;
|
|
58
21
|
//# sourceMappingURL=Provider.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Provider.js","sourceRoot":"","sources":["../../../../src/contexts/XyoEmbedPluginContext/Provider.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Provider.js","sourceRoot":"","sources":["../../../../src/contexts/XyoEmbedPluginContext/Provider.tsx"],"names":[],"mappings":";;;;AAEA,iCAAgC;AAEhC,uCAAiD;AAKjD,mDAAmD;AAC5C,MAAM,sBAAsB,GAAwD,CAAC,EAC1F,QAAQ,EACR,YAAY,EACZ,cAAc,EACd,kBAAkB,EAClB,OAAO,EACP,iBAAiB,GAClB,EAAE,EAAE;IACH,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAAqC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAA;IAEtH,OAAO,CACL,uBAAC,+BAAqB,CAAC,QAAQ,kBAC7B,KAAK,EAAE;YACL,YAAY;YACZ,iBAAiB;YACjB,kBAAkB;YAClB,QAAQ,EAAE,IAAI;YACd,YAAY;YACZ,eAAe;YACf,cAAc;SACf,gBAEA,QAAQ,IACsB,CAClC,CAAA;AACH,CAAC,CAAA;AAzBY,QAAA,sBAAsB,0BAyBlC"}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { XyoPayload } from '@xyo-network/payload';
|
|
2
1
|
import { XyoPayloadRenderPlugin } from '@xyo-network/react-payload-plugin';
|
|
3
2
|
import { ContextExState, ListMode } from '@xyo-network/react-shared';
|
|
4
3
|
import { Dispatch, SetStateAction } from 'react';
|
|
@@ -20,6 +19,7 @@ export interface XyoEmbedPluginBase {
|
|
|
20
19
|
plugins?: XyoPayloadRenderPlugin[];
|
|
21
20
|
/** XyoEmbedPlugin component configuration */
|
|
22
21
|
embedPluginConfig?: XyoPluginConfig;
|
|
22
|
+
/** @deprecated use huriPayload */
|
|
23
23
|
huri?: string;
|
|
24
24
|
refreshTitle?: string;
|
|
25
25
|
timestampLabel?: string;
|
|
@@ -28,7 +28,5 @@ export interface XyoEmbedPluginBase {
|
|
|
28
28
|
export interface XyoEmbedPluginState extends XyoEmbedPluginBase, ContextExState {
|
|
29
29
|
activePlugin?: XyoPayloadRenderPlugin;
|
|
30
30
|
setActivePlugin?: Dispatch<SetStateAction<XyoPayloadRenderPlugin | undefined>>;
|
|
31
|
-
payload?: XyoPayload;
|
|
32
|
-
refreshHuri?: () => void;
|
|
33
31
|
}
|
|
34
32
|
//# sourceMappingURL=State.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"State.d.ts","sourceRoot":"","sources":["../../../../src/contexts/XyoEmbedPluginContext/State.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"State.d.ts","sourceRoot":"","sources":["../../../../src/contexts/XyoEmbedPluginContext/State.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,mCAAmC,CAAA;AAC1E,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAA;AACpE,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAEhD,MAAM,WAAW,2BAA2B;IAC1C,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,QAAQ,CAAA;CACpB;AAED,MAAM,WAAW,kBAAkB;IACjC,OAAO,CAAC,EAAE,sBAAsB,EAAE,CAAA;IAClC,6CAA6C;IAC7C,iBAAiB,CAAC,EAAE,eAAe,CAAA;IACnC,kCAAkC;IAClC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,kBAAkB,CAAC,EAAE,2BAA2B,CAAA;CACjD;AAED,MAAM,WAAW,mBAAoB,SAAQ,kBAAkB,EAAE,cAAc;IAC7E,YAAY,CAAC,EAAE,sBAAsB,CAAA;IACrC,eAAe,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,sBAAsB,GAAG,SAAS,CAAC,CAAC,CAAA;CAC/E"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/contexts/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAA;AACxC,cAAc,yBAAyB,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/contexts/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAA;AACvC,cAAc,yBAAyB,CAAA;AACvC,cAAc,0BAA0B,CAAA;AACxC,cAAc,yBAAyB,CAAA"}
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
const tslib_1 = require("tslib");
|
|
4
|
+
tslib_1.__exportStar(require("./RefreshPayloadContext"), exports);
|
|
5
|
+
tslib_1.__exportStar(require("./ResolvePayloadContext"), exports);
|
|
4
6
|
tslib_1.__exportStar(require("./ValidatePayloadContext"), exports);
|
|
5
7
|
tslib_1.__exportStar(require("./XyoEmbedPluginContext"), exports);
|
|
6
8
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/contexts/index.ts"],"names":[],"mappings":";;;AAAA,mEAAwC;AACxC,kEAAuC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/contexts/index.ts"],"names":[],"mappings":";;;AAAA,kEAAuC;AACvC,kEAAuC;AACvC,mEAAwC;AACxC,kEAAuC"}
|
|
@@ -1,6 +1,10 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { FlexBoxProps } from '@xylabs/react-flexbox';
|
|
2
|
+
import { XyoPayload } from '@xyo-network/payload';
|
|
2
3
|
import { EmbedPluginVisibilityConfig, XyoEmbedPluginBase } from '../contexts';
|
|
3
|
-
export interface XyoEmbedPluginProps extends XyoEmbedPluginBase,
|
|
4
|
+
export interface XyoEmbedPluginProps extends XyoEmbedPluginBase, FlexBoxProps {
|
|
5
|
+
/** string for huri to resolve and payload for bypassing huri resolution */
|
|
6
|
+
onRefresh?: () => void;
|
|
7
|
+
huriPayload?: string | XyoPayload;
|
|
4
8
|
validateSchema?: boolean;
|
|
5
9
|
hideElementsConfig?: EmbedPluginVisibilityConfig;
|
|
6
10
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"XyoEmbedPluginProps.d.ts","sourceRoot":"","sources":["../../../src/types/XyoEmbedPluginProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"XyoEmbedPluginProps.d.ts","sourceRoot":"","sources":["../../../src/types/XyoEmbedPluginProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAEjD,OAAO,EAAE,2BAA2B,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AAE7E,MAAM,WAAW,mBAAoB,SAAQ,kBAAkB,EAAE,YAAY;IAC3E,2EAA2E;IAC3E,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,WAAW,CAAC,EAAE,MAAM,GAAG,UAAU,CAAA;IACjC,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,kBAAkB,CAAC,EAAE,2BAA2B,CAAA;CACjD"}
|
package/dist/docs.json
CHANGED
|
@@ -15,9 +15,9 @@
|
|
|
15
15
|
"sources": [
|
|
16
16
|
{
|
|
17
17
|
"fileName": "packages/sdk/embed/src/components/XyoEmbedPlugin.tsx",
|
|
18
|
-
"line":
|
|
18
|
+
"line": 9,
|
|
19
19
|
"character": 13,
|
|
20
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
20
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a39d1912/packages/sdk/embed/src/components/XyoEmbedPlugin.tsx#L9"
|
|
21
21
|
}
|
|
22
22
|
],
|
|
23
23
|
"signatures": [
|
|
@@ -95,7 +95,7 @@
|
|
|
95
95
|
"fileName": "packages/sdk/embed/src/index.ts",
|
|
96
96
|
"line": 1,
|
|
97
97
|
"character": 0,
|
|
98
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
98
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a39d1912/packages/sdk/embed/src/index.ts#L1"
|
|
99
99
|
}
|
|
100
100
|
]
|
|
101
101
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"XyoEmbedPlugin.d.ts","sourceRoot":"","sources":["../../../src/components/XyoEmbedPlugin.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"XyoEmbedPlugin.d.ts","sourceRoot":"","sources":["../../../src/components/XyoEmbedPlugin.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAG9C,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA4BxD,CAAA"}
|
|
@@ -1,8 +1,14 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { ListModeProvider } from '@xyo-network/react-shared';
|
|
3
|
-
import { ValidatePayloadProvider, XyoEmbedPluginProvider } from '../contexts';
|
|
4
|
-
import {
|
|
5
|
-
export const XyoEmbedPlugin = ({ validateSchema, plugins = [],
|
|
6
|
-
return (_jsx(XyoEmbedPluginProvider, { refreshTitle: refreshTitle, timestampLabel: timestampLabel,
|
|
3
|
+
import { RefreshPayloadProvider, ResolvePayloadProvider, ValidatePayloadProvider, XyoEmbedPluginProvider } from '../contexts';
|
|
4
|
+
import { EmbedCardResolver, EmbedPluginCard, ValidatePayload, ValidatePlugins } from './embed-card';
|
|
5
|
+
export const XyoEmbedPlugin = ({ validateSchema, plugins = [], huriPayload, refreshTitle = '', timestampLabel = 'Data From', hideElementsConfig, embedPluginConfig, onRefresh, ...props }) => {
|
|
6
|
+
return (_jsx(XyoEmbedPluginProvider, { refreshTitle: refreshTitle, timestampLabel: timestampLabel, hideElementsConfig: hideElementsConfig, plugins: plugins, embedPluginConfig: embedPluginConfig, children: _jsx(WithResolvers, { onRefresh: onRefresh, huriPayload: huriPayload, ...props, children: _jsx(WithValidators, { validateSchema: validateSchema, children: _jsx(ListModeProvider, { defaultListMode: embedPluginConfig?.listMode, children: _jsx(EmbedPluginCard, {}) }) }) }) }));
|
|
7
|
+
};
|
|
8
|
+
const WithResolvers = ({ children, onRefresh, huriPayload, ...props }) => {
|
|
9
|
+
return (_jsx(RefreshPayloadProvider, { onRefresh: onRefresh, children: _jsx(ResolvePayloadProvider, { huriPayload: huriPayload, children: _jsx(EmbedCardResolver, { ...props, children: children }) }) }));
|
|
10
|
+
};
|
|
11
|
+
const WithValidators = ({ children, validateSchema }) => {
|
|
12
|
+
return (_jsx(ValidatePayloadProvider, { enabled: validateSchema, children: _jsx(ValidatePlugins, { children: _jsx(ValidatePayload, { children: children }) }) }));
|
|
7
13
|
};
|
|
8
14
|
//# sourceMappingURL=XyoEmbedPlugin.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"XyoEmbedPlugin.js","sourceRoot":"","sources":["../../../src/components/XyoEmbedPlugin.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"XyoEmbedPlugin.js","sourceRoot":"","sources":["../../../src/components/XyoEmbedPlugin.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AAE5D,OAAO,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,uBAAuB,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAA;AAE7H,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAEnG,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,EAC5D,cAAc,EACd,OAAO,GAAG,EAAE,EACZ,WAAW,EACX,YAAY,GAAG,EAAE,EACjB,cAAc,GAAG,WAAW,EAC5B,kBAAkB,EAClB,iBAAiB,EACjB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,KAAC,sBAAsB,IACrB,YAAY,EAAE,YAAY,EAC1B,cAAc,EAAE,cAAc,EAC9B,kBAAkB,EAAE,kBAAkB,EACtC,OAAO,EAAE,OAAO,EAChB,iBAAiB,EAAE,iBAAiB,YAEpC,KAAC,aAAa,IAAC,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,KAAM,KAAK,YACtE,KAAC,cAAc,IAAC,cAAc,EAAE,cAAc,YAC5C,KAAC,gBAAgB,IAAC,eAAe,EAAE,iBAAiB,EAAE,QAAQ,YAC5D,KAAC,eAAe,KAAG,GACF,GACJ,GACH,GACO,CAC1B,CAAA;AACH,CAAC,CAAA;AAID,MAAM,aAAa,GAA+C,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACnH,OAAO,CACL,KAAC,sBAAsB,IAAC,SAAS,EAAE,SAAS,YAC1C,KAAC,sBAAsB,IAAC,WAAW,EAAE,WAAW,YAC9C,KAAC,iBAAiB,OAAK,KAAK,YAAG,QAAQ,GAAqB,GACrC,GACF,CAC1B,CAAA;AACH,CAAC,CAAA;AAED,MAAM,cAAc,GAAyD,CAAC,EAAE,QAAQ,EAAE,cAAc,EAAE,EAAE,EAAE;IAC5G,OAAO,CACL,KAAC,uBAAuB,IAAC,OAAO,EAAE,cAAc,YAC9C,KAAC,eAAe,cACd,KAAC,eAAe,cAAE,QAAQ,GAAmB,GAC7B,GACM,CAC3B,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EmbedCardHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/embed-card/EmbedCardHeader.tsx"],"names":[],"mappings":";AACA,OAAO,EAAsB,eAAe,EAAe,MAAM,eAAe,CAAA;AAMhF,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,
|
|
1
|
+
{"version":3,"file":"EmbedCardHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/embed-card/EmbedCardHeader.tsx"],"names":[],"mappings":";AACA,OAAO,EAAsB,eAAe,EAAe,MAAM,eAAe,CAAA;AAMhF,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAqCrD,CAAA"}
|
|
@@ -2,11 +2,12 @@ import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-run
|
|
|
2
2
|
import RefreshIcon from '@mui/icons-material/Refresh';
|
|
3
3
|
import { Avatar, CardHeader, Chip } from '@mui/material';
|
|
4
4
|
import { FlexRow } from '@xylabs/react-flexbox';
|
|
5
|
-
import { useXyoEmbedPluginState } from '../../contexts';
|
|
5
|
+
import { useResolvePayload, useXyoEmbedPluginState } from '../../contexts';
|
|
6
6
|
import { EmbedMenu } from './menu';
|
|
7
7
|
export const EmbedCardHeader = () => {
|
|
8
|
-
const {
|
|
8
|
+
const { payload, refreshHuri, huri } = useResolvePayload();
|
|
9
|
+
const { activePlugin, timestampLabel, hideElementsConfig } = useXyoEmbedPluginState();
|
|
9
10
|
const { hideAvatar, hideTitle, hideRefreshButton, hideTimestamp, hideCardActions } = hideElementsConfig ?? {};
|
|
10
|
-
return (_jsx(CardHeader, { sx: { flexWrap: 'wrap', rowGap: 1 }, avatar: hideAvatar ? (_jsx(_Fragment, {})) : (_jsx(Avatar, { sx: { bgcolor: (theme) => theme.palette.primary.main }, "aria-label": activePlugin?.name, children: activePlugin?.name?.charAt(0) })), action: _jsxs(FlexRow, { children: [payload?.timestamp ? (hideTimestamp && hideRefreshButton ? ('') : (_jsx(Chip, { avatar: hideRefreshButton ? _jsx(_Fragment, {}) : _jsx(RefreshIcon, {}), clickable: true, onClick: refreshHuri, label: hideTimestamp ? '' : `${timestampLabel} ${new Date(payload.timestamp).toLocaleString()}` }))) : null, hideCardActions ? null : _jsx(EmbedMenu, {})] }), title: hideTitle ? '' : activePlugin?.name }));
|
|
11
|
+
return (_jsx(CardHeader, { sx: { flexWrap: 'wrap', rowGap: 1 }, avatar: hideAvatar ? (_jsx(_Fragment, {})) : (_jsx(Avatar, { sx: { bgcolor: (theme) => theme.palette.primary.main }, "aria-label": activePlugin?.name, children: activePlugin?.name?.charAt(0) })), action: _jsxs(FlexRow, { children: [payload?.timestamp ? (hideTimestamp && hideRefreshButton ? ('') : (_jsx(Chip, { avatar: hideRefreshButton ? _jsx(_Fragment, {}) : _jsx(RefreshIcon, {}), clickable: hideRefreshButton ? false : true, onClick: refreshHuri, label: hideTimestamp ? '' : `${timestampLabel} ${new Date(payload.timestamp).toLocaleString()}` }))) : null, hideCardActions || huri === undefined ? null : _jsx(EmbedMenu, {})] }), title: hideTitle ? '' : activePlugin?.name }));
|
|
11
12
|
};
|
|
12
13
|
//# sourceMappingURL=EmbedCardHeader.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EmbedCardHeader.js","sourceRoot":"","sources":["../../../../src/components/embed-card/EmbedCardHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,WAAW,MAAM,6BAA6B,CAAA;AACrD,OAAO,EAAE,MAAM,EAAE,UAAU,EAAmB,IAAI,EAAS,MAAM,eAAe,CAAA;AAChF,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAE/C,OAAO,EAAE,sBAAsB,EAAE,MAAM,gBAAgB,CAAA;
|
|
1
|
+
{"version":3,"file":"EmbedCardHeader.js","sourceRoot":"","sources":["../../../../src/components/embed-card/EmbedCardHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,WAAW,MAAM,6BAA6B,CAAA;AACrD,OAAO,EAAE,MAAM,EAAE,UAAU,EAAmB,IAAI,EAAS,MAAM,eAAe,CAAA;AAChF,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAE/C,OAAO,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,MAAM,gBAAgB,CAAA;AAC1E,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA;AAElC,MAAM,CAAC,MAAM,eAAe,GAA8B,GAAG,EAAE;IAC7D,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAC1D,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,kBAAkB,EAAE,GAAG,sBAAsB,EAAE,CAAA;IACrF,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,iBAAiB,EAAE,aAAa,EAAE,eAAe,EAAE,GAAG,kBAAkB,IAAI,EAAE,CAAA;IAC7G,OAAO,CACL,KAAC,UAAU,IACT,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,EAAE,EACnC,MAAM,EACJ,UAAU,CAAC,CAAC,CAAC,CACX,mBAAK,CACN,CAAC,CAAC,CAAC,CACF,KAAC,MAAM,IAAC,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,gBAAc,YAAY,EAAE,IAAI,YAClG,YAAY,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,GACvB,CACV,EAEH,MAAM,EACJ,MAAC,OAAO,eACL,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,CACpB,aAAa,IAAI,iBAAiB,CAAC,CAAC,CAAC,CACnC,EAAE,CACH,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,IACH,MAAM,EAAE,iBAAiB,CAAC,CAAC,CAAC,mBAAK,CAAC,CAAC,CAAC,KAAC,WAAW,KAAG,EACnD,SAAS,EAAE,iBAAiB,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,EAC3C,OAAO,EAAE,WAAW,EACpB,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,cAAc,IAAI,IAAI,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,cAAc,EAAE,EAAE,GAC/F,CACH,CACF,CAAC,CAAC,CAAC,IAAI,EAEP,eAAe,IAAI,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAC,SAAS,KAAG,IACrD,EAEZ,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY,EAAE,IAAI,GAC1C,CACH,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { FlexBoxProps } from '@xylabs/react-flexbox';
|
|
3
|
+
import { WithChildren } from '@xylabs/react-shared';
|
|
4
|
+
export declare const EmbedCardResolver: React.FC<WithChildren<FlexBoxProps>>;
|
|
5
|
+
//# sourceMappingURL=EmbedCardResolver.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"EmbedCardResolver.d.ts","sourceRoot":"","sources":["../../../../src/components/embed-card/EmbedCardResolver.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAe,MAAM,uBAAuB,CAAA;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAMnD,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,YAAY,CAAC,CAkBlE,CAAA"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { useTheme } from '@mui/material';
|
|
3
|
+
import { FlexGrowCol } from '@xylabs/react-flexbox';
|
|
4
|
+
import { XyoApiErrorRender } from '@xyo-network/react-auth-service';
|
|
5
|
+
import { ResultLoader } from '@xyo-network/react-webapp';
|
|
6
|
+
import { useRefreshPayload, useResolvePayload } from '../../contexts';
|
|
7
|
+
export const EmbedCardResolver = ({ children, ...props }) => {
|
|
8
|
+
const { payload, notFound, huriApiError } = useResolvePayload();
|
|
9
|
+
const { refreshPayload } = useRefreshPayload();
|
|
10
|
+
const theme = useTheme();
|
|
11
|
+
return (_jsx(ResultLoader, { searchResult: payload, notFound: !!notFound, apiError: huriApiError, children: _jsx(XyoApiErrorRender, { apiError: huriApiError, children: _jsx(FlexGrowCol, { busy: Boolean(!refreshPayload && payload), busyCircularProps: { style: { alignItems: 'start', paddingTop: theme.spacing(2), zIndex: 2 } }, ...props, children: children }) }) }));
|
|
12
|
+
};
|
|
13
|
+
//# sourceMappingURL=EmbedCardResolver.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"EmbedCardResolver.js","sourceRoot":"","sources":["../../../../src/components/embed-card/EmbedCardResolver.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,EAAgB,WAAW,EAAE,MAAM,uBAAuB,CAAA;AAEjE,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAA;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAExD,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAErE,MAAM,CAAC,MAAM,iBAAiB,GAAyC,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAChG,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAC/D,MAAM,EAAE,cAAc,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAC9C,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IAExB,OAAO,CACL,KAAC,YAAY,IAAC,YAAY,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,CAAC,QAAQ,EAAE,QAAQ,EAAE,YAAY,YAC/E,KAAC,iBAAiB,IAAC,QAAQ,EAAE,YAAY,YACvC,KAAC,WAAW,IACV,IAAI,EAAE,OAAO,CAAC,CAAC,cAAc,IAAI,OAAO,CAAC,EACzC,iBAAiB,EAAE,EAAE,KAAK,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,EAAE,KAC1F,KAAK,YAER,QAAQ,GACG,GACI,GACP,CAChB,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"EmbedPluginCard.d.ts","sourceRoot":"","sources":["../../../../src/components/embed-card/EmbedPluginCard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAqB,SAAS,EAAE,MAAM,eAAe,CAAA;AAQ5D,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAe/C,CAAA"}
|
|
@@ -2,12 +2,13 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { Card, CardContent } from '@mui/material';
|
|
3
3
|
import { FlexGrowRow } from '@xylabs/react-flexbox';
|
|
4
4
|
import { useListMode } from '@xyo-network/react-shared';
|
|
5
|
-
import { useXyoEmbedPluginState } from '../../contexts';
|
|
5
|
+
import { useResolvePayload, useXyoEmbedPluginState } from '../../contexts';
|
|
6
6
|
import { EmbedRenderSelect, ListModeSelectFormControl } from '../controls';
|
|
7
7
|
import { EmbedCardHeader } from './EmbedCardHeader';
|
|
8
|
-
export const
|
|
9
|
-
const {
|
|
8
|
+
export const EmbedPluginCard = (props) => {
|
|
9
|
+
const { payload } = useResolvePayload();
|
|
10
|
+
const { activePlugin: ActivePlugin, plugins, hideElementsConfig } = useXyoEmbedPluginState();
|
|
10
11
|
const { listMode } = useListMode();
|
|
11
12
|
return (_jsxs(Card, { elevation: 3, variant: "elevation", ...props, children: [hideElementsConfig?.hideCardHeader ? null : _jsx(EmbedCardHeader, {}), _jsxs(FlexGrowRow, { columnGap: 2, rowGap: 2, flexWrap: "wrap", justifyContent: "center", pb: 1, children: [plugins && plugins.length > 1 ? _jsx(EmbedRenderSelect, {}) : null, (ActivePlugin?.components?.box?.listModes?.length ?? 0) > 1 ? _jsx(ListModeSelectFormControl, {}) : null] }), _jsx(CardContent, { children: ActivePlugin ? _jsx(ActivePlugin.components.box.details, { payload: payload, listMode: listMode }) : null })] }));
|
|
12
13
|
};
|
|
13
|
-
//# sourceMappingURL=
|
|
14
|
+
//# sourceMappingURL=EmbedPluginCard.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"EmbedPluginCard.js","sourceRoot":"","sources":["../../../../src/components/embed-card/EmbedPluginCard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAa,MAAM,eAAe,CAAA;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAA;AAEvD,OAAO,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,MAAM,gBAAgB,CAAA;AAC1E,OAAO,EAAE,iBAAiB,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAA;AAC1E,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAEnD,MAAM,CAAC,MAAM,eAAe,GAAwB,CAAC,KAAK,EAAE,EAAE;IAC5D,MAAM,EAAE,OAAO,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACvC,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,OAAO,EAAE,kBAAkB,EAAE,GAAG,sBAAsB,EAAE,CAAA;IAC5F,MAAM,EAAE,QAAQ,EAAE,GAAG,WAAW,EAAE,CAAA;IAElC,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,EAAE,CAAC,EAAE,OAAO,EAAC,WAAW,KAAK,KAAK,aAC9C,kBAAkB,EAAE,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAC,eAAe,KAAG,EAChE,MAAC,WAAW,IAAC,SAAS,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAC,MAAM,EAAC,cAAc,EAAC,QAAQ,EAAC,EAAE,EAAE,CAAC,aAChF,OAAO,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,KAAC,iBAAiB,KAAG,CAAC,CAAC,CAAC,IAAI,EAC5D,CAAC,YAAY,EAAE,UAAU,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAC,yBAAyB,KAAG,CAAC,CAAC,CAAC,IAAI,IACvF,EACd,KAAC,WAAW,cAAE,YAAY,CAAC,CAAC,CAAC,KAAC,YAAY,CAAC,UAAU,CAAC,GAAG,CAAC,OAAO,IAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAAC,CAAC,CAAC,IAAI,GAAe,IAC3H,CACR,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ValidatePlugins.d.ts","sourceRoot":"","sources":["../../../../src/components/embed-card/ValidatePlugins.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAInD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,
|
|
1
|
+
{"version":3,"file":"ValidatePlugins.d.ts","sourceRoot":"","sources":["../../../../src/components/embed-card/ValidatePlugins.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAInD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAalD,CAAA"}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
2
|
import { Alert, AlertTitle } from '@mui/material';
|
|
3
|
-
import { useXyoEmbedPluginState } from '../../contexts';
|
|
3
|
+
import { useResolvePayload, useXyoEmbedPluginState } from '../../contexts';
|
|
4
4
|
export const ValidatePlugins = ({ children }) => {
|
|
5
|
-
const { payload
|
|
5
|
+
const { payload } = useResolvePayload();
|
|
6
|
+
const { plugins } = useXyoEmbedPluginState();
|
|
6
7
|
if (payload && plugins?.length === 0) {
|
|
7
8
|
return (_jsxs(Alert, { severity: "warning", children: [_jsx(AlertTitle, { children: "Missing plugins!" }), "Payload found but no plugins were present."] }));
|
|
8
9
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ValidatePlugins.js","sourceRoot":"","sources":["../../../../src/components/embed-card/ValidatePlugins.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAGjD,OAAO,EAAE,sBAAsB,EAAE,MAAM,gBAAgB,CAAA;
|
|
1
|
+
{"version":3,"file":"ValidatePlugins.js","sourceRoot":"","sources":["../../../../src/components/embed-card/ValidatePlugins.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAGjD,OAAO,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,MAAM,gBAAgB,CAAA;AAE1E,MAAM,CAAC,MAAM,eAAe,GAA2B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACtE,MAAM,EAAE,OAAO,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACvC,MAAM,EAAE,OAAO,EAAE,GAAG,sBAAsB,EAAE,CAAA;IAE5C,IAAI,OAAO,IAAI,OAAO,EAAE,MAAM,KAAK,CAAC,EAAE;QACpC,OAAO,CACL,MAAC,KAAK,IAAC,QAAQ,EAAC,SAAS,aACvB,KAAC,UAAU,mCAA8B,kDACnC,CACT,CAAA;KACF;IAED,OAAO,4BAAG,QAAQ,GAAI,CAAA;AACxB,CAAC,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/embed-card/index.ts"],"names":[],"mappings":"AAAA,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/embed-card/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAA;AACnC,cAAc,mBAAmB,CAAA;AACjC,cAAc,mBAAmB,CAAA;AACjC,cAAc,mBAAmB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/embed-card/index.ts"],"names":[],"mappings":"AAAA,cAAc,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/embed-card/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAA;AACnC,cAAc,mBAAmB,CAAA;AACjC,cAAc,mBAAmB,CAAA;AACjC,cAAc,mBAAmB,CAAA"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
2
|
import OpenInNewIcon from '@mui/icons-material/OpenInNew';
|
|
3
3
|
import { ListItemIcon, ListItemText, MenuItem } from '@mui/material';
|
|
4
|
-
import {
|
|
4
|
+
import { useResolvePayload } from '../../../contexts';
|
|
5
5
|
export const JsonMenuItem = (props) => {
|
|
6
|
-
const { huri } =
|
|
6
|
+
const { huri } = useResolvePayload();
|
|
7
7
|
return (_jsx(_Fragment, { children: huri ? (_jsxs(MenuItem, { title: "Source Payload JSON", onClick: () => window.open(huri, '_blank'), ...props, children: [_jsx(ListItemText, { sx: { mr: 1 }, children: "JSON" }), _jsx(ListItemIcon, { sx: { justifyContent: 'end' }, children: _jsx(OpenInNewIcon, { fontSize: "small" }) })] })) : null }));
|
|
8
8
|
};
|
|
9
9
|
//# sourceMappingURL=JsonMenuItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"JsonMenuItem.js","sourceRoot":"","sources":["../../../../../src/components/embed-card/menu/JsonMenuItem.tsx"],"names":[],"mappings":";AAAA,OAAO,aAAa,MAAM,+BAA+B,CAAA;AACzD,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,QAAQ,EAAiB,MAAM,eAAe,CAAA;AAEnF,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"JsonMenuItem.js","sourceRoot":"","sources":["../../../../../src/components/embed-card/menu/JsonMenuItem.tsx"],"names":[],"mappings":";AAAA,OAAO,aAAa,MAAM,+BAA+B,CAAA;AACzD,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,QAAQ,EAAiB,MAAM,eAAe,CAAA;AAEnF,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAA;AAErD,MAAM,CAAC,MAAM,YAAY,GAA4B,CAAC,KAAK,EAAE,EAAE;IAC7D,MAAM,EAAE,IAAI,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEpC,OAAO,CACL,4BACG,IAAI,CAAC,CAAC,CAAC,CACN,MAAC,QAAQ,IAAC,KAAK,EAAC,qBAAqB,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,QAAQ,CAAC,KAAM,KAAK,aACzF,KAAC,YAAY,IAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,qBAAqB,EAChD,KAAC,YAAY,IAAC,EAAE,EAAE,EAAE,cAAc,EAAE,KAAK,EAAE,YACzC,KAAC,aAAa,IAAC,QAAQ,EAAC,OAAO,GAAG,GACrB,IACN,CACZ,CAAC,CAAC,CAAC,IAAI,GACP,CACJ,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Context.d.ts","sourceRoot":"","sources":["../../../../src/contexts/RefreshPayloadContext/Context.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAE7C,eAAO,MAAM,qBAAqB,mGAAyC,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Context.js","sourceRoot":"","sources":["../../../../src/contexts/RefreshPayloadContext/Context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAI3D,MAAM,CAAC,MAAM,qBAAqB,GAAG,eAAe,EAAuB,CAAA"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { WithChildren } from '@xylabs/react-shared';
|
|
3
|
+
export interface RefreshPayloadProps {
|
|
4
|
+
refreshPayload?: boolean;
|
|
5
|
+
onRefresh?: () => void;
|
|
6
|
+
}
|
|
7
|
+
export declare const RefreshPayloadProvider: React.FC<WithChildren<RefreshPayloadProps>>;
|
|
8
|
+
//# sourceMappingURL=Provider.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Provider.d.ts","sourceRoot":"","sources":["../../../../src/contexts/RefreshPayloadContext/Provider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAKnD,MAAM,WAAW,mBAAmB;IAClC,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;CACvB;AAED,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,mBAAmB,CAAC,CAQ9E,CAAA"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { useState } from 'react';
|
|
3
|
+
import { RefreshPayloadContext } from './Context';
|
|
4
|
+
export const RefreshPayloadProvider = ({ children, onRefresh, refreshPayload }) => {
|
|
5
|
+
const [localRefreshPayload, setRefreshPayload] = useState(refreshPayload);
|
|
6
|
+
return (_jsx(RefreshPayloadContext.Provider, { value: { onRefresh, provided: true, refreshPayload: localRefreshPayload, setRefreshPayload }, children: children }));
|
|
7
|
+
};
|
|
8
|
+
//# sourceMappingURL=Provider.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Provider.js","sourceRoot":"","sources":["../../../../src/contexts/RefreshPayloadContext/Provider.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAA;AAOjD,MAAM,CAAC,MAAM,sBAAsB,GAAgD,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,cAAc,EAAE,EAAE,EAAE;IAC7H,MAAM,CAAC,mBAAmB,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,cAAc,CAAC,CAAA;IAEzE,OAAO,CACL,KAAC,qBAAqB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,cAAc,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,YACzH,QAAQ,GACsB,CAClC,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { ContextExState } from '@xyo-network/react-shared';
|
|
2
|
+
import { Dispatch, SetStateAction } from 'react';
|
|
3
|
+
export interface RefreshPayloadState extends ContextExState {
|
|
4
|
+
onRefresh?: () => void;
|
|
5
|
+
refreshPayload?: boolean;
|
|
6
|
+
setRefreshPayload?: Dispatch<SetStateAction<boolean | undefined>>;
|
|
7
|
+
}
|
|
8
|
+
//# sourceMappingURL=State.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"State.d.ts","sourceRoot":"","sources":["../../../../src/contexts/RefreshPayloadContext/State.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC1D,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAEhD,MAAM,WAAW,mBAAoB,SAAQ,cAAc;IACzD,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,iBAAiB,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,GAAG,SAAS,CAAC,CAAC,CAAA;CAClE"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"State.js","sourceRoot":"","sources":["../../../../src/contexts/RefreshPayloadContext/State.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/contexts/RefreshPayloadContext/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA;AAC1B,cAAc,OAAO,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/contexts/RefreshPayloadContext/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA;AAC1B,cAAc,OAAO,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use.d.ts","sourceRoot":"","sources":["../../../../src/contexts/RefreshPayloadContext/use.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,iBAAiB,oHAAoE,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use.js","sourceRoot":"","sources":["../../../../src/contexts/RefreshPayloadContext/use.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAExD,OAAO,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAA;AAEjD,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE,CAAC,YAAY,CAAC,qBAAqB,EAAE,gBAAgB,EAAE,IAAI,CAAC,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Context.d.ts","sourceRoot":"","sources":["../../../../src/contexts/ResolvePayloadContext/Context.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAE7C,eAAO,MAAM,qBAAqB,mGAAyC,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Context.js","sourceRoot":"","sources":["../../../../src/contexts/ResolvePayloadContext/Context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAI3D,MAAM,CAAC,MAAM,qBAAqB,GAAG,eAAe,EAAuB,CAAA"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { WithChildren } from '@xylabs/react-shared';
|
|
3
|
+
import { ResolvePayloadState } from './State';
|
|
4
|
+
export declare type ResolvePayloadProviderProps = Omit<ResolvePayloadState, 'provided'>;
|
|
5
|
+
export declare const ResolvePayloadProvider: React.FC<WithChildren<ResolvePayloadProviderProps>>;
|
|
6
|
+
//# sourceMappingURL=Provider.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Provider.d.ts","sourceRoot":"","sources":["../../../../src/contexts/ResolvePayloadContext/Provider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAkB,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAQnE,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAE7C,oBAAY,2BAA2B,GAAG,IAAI,CAAC,mBAAmB,EAAE,UAAU,CAAC,CAAA;AAE/E,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,2BAA2B,CAAC,CAmDtF,CAAA"}
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { useAsyncEffect } from '@xylabs/react-shared';
|
|
3
|
+
import { delay } from '@xylabs/sdk-js';
|
|
4
|
+
import { Huri } from '@xyo-network/payload';
|
|
5
|
+
import { useEffect, useState } from 'react';
|
|
6
|
+
import { useRefreshPayload } from '../RefreshPayloadContext';
|
|
7
|
+
import { ResolvePayloadContext } from './Context';
|
|
8
|
+
export const ResolvePayloadProvider = ({ children, huriPayload }) => {
|
|
9
|
+
const [payload, setPayload] = useState();
|
|
10
|
+
const [huri, setHuri] = useState();
|
|
11
|
+
const { refreshPayload, setRefreshPayload, onRefresh } = useRefreshPayload();
|
|
12
|
+
useEffect(() => {
|
|
13
|
+
typeof huriPayload === 'string' ? setHuri(huriPayload) : undefined;
|
|
14
|
+
if (typeof huriPayload === 'object') {
|
|
15
|
+
setPayload(huriPayload);
|
|
16
|
+
setRefreshPayload?.(true);
|
|
17
|
+
}
|
|
18
|
+
}, [huriPayload, setRefreshPayload]);
|
|
19
|
+
const [notFound, setNotFound] = useState();
|
|
20
|
+
const [huriApiError, setHuriApiError] = useState();
|
|
21
|
+
useAsyncEffect(
|
|
22
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
23
|
+
async (mounted) => {
|
|
24
|
+
if (huri && !refreshPayload) {
|
|
25
|
+
try {
|
|
26
|
+
const huriInstance = new Huri(huri);
|
|
27
|
+
const result = await huriInstance.fetch();
|
|
28
|
+
// ensure the busy state can stay for a moment to avoid flashing too quickly
|
|
29
|
+
await delay(500);
|
|
30
|
+
if (mounted()) {
|
|
31
|
+
setNotFound(result === null);
|
|
32
|
+
setPayload(result);
|
|
33
|
+
setRefreshPayload?.(true);
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
catch (e) {
|
|
37
|
+
setHuriApiError(e);
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
}, [huri, payload, refreshPayload, setRefreshPayload]);
|
|
41
|
+
const refreshHuri = () => {
|
|
42
|
+
onRefresh?.();
|
|
43
|
+
if (huri) {
|
|
44
|
+
setRefreshPayload?.(false);
|
|
45
|
+
}
|
|
46
|
+
};
|
|
47
|
+
return (_jsx(ResolvePayloadContext.Provider, { value: { huri, huriApiError, notFound, payload, provided: true, refreshHuri, setPayload }, children: children }));
|
|
48
|
+
};
|
|
49
|
+
//# sourceMappingURL=Provider.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Provider.js","sourceRoot":"","sources":["../../../../src/contexts/ResolvePayloadContext/Provider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAgB,MAAM,sBAAsB,CAAA;AACnE,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AAEtC,OAAO,EAAE,IAAI,EAAc,MAAM,sBAAsB,CAAA;AACvD,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAA;AAC5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAA;AAKjD,MAAM,CAAC,MAAM,sBAAsB,GAAwD,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,EAAE,EAAE;IACvH,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,EAAc,CAAA;IACpD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,EAAU,CAAA;IAC1C,MAAM,EAAE,cAAc,EAAE,iBAAiB,EAAE,SAAS,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAE5E,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,WAAW,KAAK,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;QAClE,IAAI,OAAO,WAAW,KAAK,QAAQ,EAAE;YACnC,UAAU,CAAC,WAAW,CAAC,CAAA;YACvB,iBAAiB,EAAE,CAAC,IAAI,CAAC,CAAA;SAC1B;IACH,CAAC,EAAE,CAAC,WAAW,EAAE,iBAAiB,CAAC,CAAC,CAAA;IAEpC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,EAAW,CAAA;IACnD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,EAAe,CAAA;IAE/D,cAAc;IACZ,uDAAuD;IACvD,KAAK,EAAE,OAAO,EAAE,EAAE;QAChB,IAAI,IAAI,IAAI,CAAC,cAAc,EAAE;YAC3B,IAAI;gBACF,MAAM,YAAY,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,CAAA;gBACnC,MAAM,MAAM,GAAG,MAAM,YAAY,CAAC,KAAK,EAAE,CAAA;gBACzC,4EAA4E;gBAC5E,MAAM,KAAK,CAAC,GAAG,CAAC,CAAA;gBAEhB,IAAI,OAAO,EAAE,EAAE;oBACb,WAAW,CAAC,MAAM,KAAK,IAAI,CAAC,CAAA;oBAC5B,UAAU,CAAC,MAAM,CAAC,CAAA;oBAClB,iBAAiB,EAAE,CAAC,IAAI,CAAC,CAAA;iBAC1B;aACF;YAAC,OAAO,CAAC,EAAE;gBACV,eAAe,CAAC,CAAgB,CAAC,CAAA;aAClC;SACF;IACH,CAAC,EACD,CAAC,IAAI,EAAE,OAAO,EAAE,cAAc,EAAE,iBAAiB,CAAC,CACnD,CAAA;IAED,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,SAAS,EAAE,EAAE,CAAA;QACb,IAAI,IAAI,EAAE;YACR,iBAAiB,EAAE,CAAC,KAAK,CAAC,CAAA;SAC3B;IACH,CAAC,CAAA;IAED,OAAO,CACL,KAAC,qBAAqB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,WAAW,EAAE,UAAU,EAAE,YACtH,QAAQ,GACsB,CAClC,CAAA;AACH,CAAC,CAAA"}
|