@xyo-network/react-webapp 2.62.3 → 2.63.1

package/dist/cjs/components/Body.js

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WebAppBody = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const react_flexbox_1 = require("@xylabs/react-flexbox");
+const lib_1 = require("./lib");
+const WebAppBodyName = 'WebAppBody';
+const propsNotForwarded = ['mobileScrollingBreakpoint', 'variant', 'spacing', 'disableBreadcrumbGutter'];
+const defaultStyledOptions = {
+    shouldForwardProp: (prop) => !propsNotForwarded.includes(prop),
+};
+const WebAppBodyRoot = (0, material_1.styled)(react_flexbox_1.FlexGrowCol, Object.assign(Object.assign({}, defaultStyledOptions), { name: WebAppBodyName, slot: 'Root' }))(({ spacing, theme, mobileScrollingBreakpoint = 'sm', variant }) => {
+    const scrollable = variant === 'scrollable';
+    return theme.unstable_sx({
+        alignItems: 'stretch',
+        gap: 1,
+        justifyContent: 'flex-start',
+        overflowX: 'visible',
+        overflowY: scrollable ? 'scroll' : 'hidden',
+        paddingY: spacing,
+        [theme.breakpoints.down(mobileScrollingBreakpoint)]: {
+            overflowY: 'scroll',
+        },
+    });
+});
+const WebAppBodyBreadcrumb = (0, material_1.styled)(react_flexbox_1.FlexRow, Object.assign(Object.assign({}, defaultStyledOptions), { name: WebAppBodyName, slot: 'Breadcrumb' }))(({ theme, disableBreadcrumbGutter, spacing }) => theme.unstable_sx({
+    justifyContent: 'start',
+    marginX: disableBreadcrumbGutter ? 0 : spacing,
+}));
+const WebAppBodyScrollableWrapper = (0, material_1.styled)(react_flexbox_1.FlexGrowCol, {
+    name: WebAppBodyName,
+    slot: 'ScrollableWrapper',
+})(() => ({
+    alignItems: 'stretch',
+}));
+const WebAppBodyScrollable = (0, material_1.styled)(react_flexbox_1.FlexGrowCol, Object.assign(Object.assign({}, defaultStyledOptions), { name: WebAppBodyName, slot: 'Scrollable' }))(({ theme, mobileScrollingBreakpoint = 'sm', variant }) => {
+    const props = variant === 'scrollable' ? lib_1.scrollableContent : lib_1.fixedContent;
+    return Object.assign(Object.assign({}, props), { alignItems: 'stretch', justifyContent: 'start', [theme.breakpoints.down(mobileScrollingBreakpoint)]: {
+            inset: 'unset',
+            position: 'relative',
+        } });
+});
+const WebAppBody = (_a) => {
+    var { children, breadcrumbs, disableBreadcrumbGutter, mobileScrollingBreakpoint, spacing = 1, variant } = _a, props = tslib_1.__rest(_a, ["children", "breadcrumbs", "disableBreadcrumbGutter", "mobileScrollingBreakpoint", "spacing", "variant"]);
+    return ((0, jsx_runtime_1.jsxs)(WebAppBodyRoot, Object.assign({ mobileScrollingBreakpoint: mobileScrollingBreakpoint, spacing: spacing, variant: variant }, props, { children: [breadcrumbs ? ((0, jsx_runtime_1.jsx)(WebAppBodyBreadcrumb, Object.assign({ disableBreadcrumbGutter: disableBreadcrumbGutter, spacing: spacing }, { children: breadcrumbs }))) : null, (0, jsx_runtime_1.jsx)(WebAppBodyScrollableWrapper, { children: (0, jsx_runtime_1.jsx)(WebAppBodyScrollable, Object.assign({ mobileScrollingBreakpoint: mobileScrollingBreakpoint, variant: variant }, { children: children })) })] })));
+};
+exports.WebAppBody = WebAppBody;
+//# sourceMappingURL=Body.js.map

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

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

package/dist/cjs/components/Chrome.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WebAppChrome = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const react_flexbox_1 = require("@xylabs/react-flexbox");
+const react_appbar_1 = require("@xyo-network/react-appbar");
+const react_footer_1 = require("@xyo-network/react-footer");
+const react_shared_1 = require("@xyo-network/react-shared");
+const react_1 = require("react");
+const react_helmet_1 = require("react-helmet");
+const ErrorPage_1 = require("./ErrorPage");
+exports.WebAppChrome = (0, react_1.forwardRef)((_a, ref) => {
+    var { appName, appbar, children, errorPage, footer, footerElevation = 4, menuItems, navigationType = 'menu' } = _a, props = tslib_1.__rest(_a, ["appName", "appbar", "children", "errorPage", "footer", "footerElevation", "menuItems", "navigationType"]);
+    return ((0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexCol, Object.assign({ id: "web-chrome-flex", alignItems: "stretch", overflow: "hidden", height: "100vh", ref: ref }, props, { children: [(0, jsx_runtime_1.jsx)(react_helmet_1.Helmet, Object.assign({ defaultTitle: appName, titleTemplate: `%s | ${appName}` }, { children: (0, jsx_runtime_1.jsx)("meta", { content: "website", property: "og:type" }) })), appbar !== null && appbar !== void 0 ? appbar : (0, jsx_runtime_1.jsx)(react_appbar_1.ApplicationAppBar, { systemToolbar: (0, jsx_runtime_1.jsx)(react_appbar_1.SystemToolbar, { menuItems: navigationType === 'menu' ? menuItems : undefined }) }), (0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexGrowRow, Object.assign({ id: "sidebar-nav-flex", overflow: "hidden", alignItems: "stretch" }, { children: [navigationType !== 'menu' ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [menuItems, (0, jsx_runtime_1.jsx)(material_1.Divider, { orientation: "vertical" })] })) : null, (0, jsx_runtime_1.jsx)(react_flexbox_1.FlexGrowCol, Object.assign({ id: "main-flex", justifyContent: "flex-start", alignItems: "stretch" }, { children: (0, jsx_runtime_1.jsx)(react_shared_1.ErrorBoundary, Object.assign({ fallbackWithError: (error) => {
+                                return errorPage !== null && errorPage !== void 0 ? errorPage : (0, jsx_runtime_1.jsx)(ErrorPage_1.WebAppErrorPage, { error: error });
+                            } }, { children: children })) }))] })), (0, jsx_runtime_1.jsx)(react_flexbox_1.FlexCol, Object.assign({ id: "footer-flex", alignItems: "stretch" }, { children: (0, jsx_runtime_1.jsx)(material_1.Paper, Object.assign({ elevation: footerElevation, square: true }, { children: footer !== null && footer !== void 0 ? footer : (0, jsx_runtime_1.jsx)(react_footer_1.Footer, { dynamicHeight: true }) })) }))] })));
+});
+exports.WebAppChrome.displayName = 'WebAppChrome';
+//# sourceMappingURL=Chrome.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Chrome.js","sourceRoot":"","sources":["../../../src/components/Chrome.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA8C;AAC9C,yDAAuF;AAEvF,4DAA4E;AAC5E,4DAAkD;AAClD,4DAAyD;AACzD,iCAA6C;AAC7C,+CAAqC;AAErC,2CAA6C;AAYhC,QAAA,YAAY,GAAG,IAAA,kBAAU,EACpC,CAAC,EAAmH,EAAE,GAAG,EAAE,EAAE;QAA5H,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,eAAe,GAAG,CAAC,EAAE,SAAS,EAAE,cAAc,GAAG,MAAM,OAAY,EAAP,KAAK,sBAAjH,0GAAmH,CAAF;IAChH,OAAO,CACL,wBAAC,uBAAO,kBAAC,EAAE,EAAC,iBAAiB,EAAC,UAAU,EAAC,SAAS,EAAC,QAAQ,EAAC,QAAQ,EAAC,MAAM,EAAC,OAAO,EAAC,GAAG,EAAE,GAAG,IAAM,KAAK,eACrG,uBAAC,qBAAM,kBAAC,YAAY,EAAE,OAAO,EAAE,aAAa,EAAE,QAAQ,OAAO,EAAE,gBAC7D,iCAAM,OAAO,EAAC,SAAS,EAAC,QAAQ,EAAC,SAAS,GAAG,IACtC,EACR,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,uBAAC,gCAAiB,IAAC,aAAa,EAAE,uBAAC,4BAAa,IAAC,SAAS,EAAE,cAAc,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,GAAI,GAAI,EAChI,wBAAC,2BAAW,kBAAC,EAAE,EAAC,kBAAkB,EAAC,QAAQ,EAAC,QAAQ,EAAC,UAAU,EAAC,SAAS,iBACtE,cAAc,KAAK,MAAM,CAAC,CAAC,CAAC,CAC3B,6DACG,SAAS,EACV,uBAAC,kBAAO,IAAC,WAAW,EAAC,UAAU,GAAG,IACjC,CACJ,CAAC,CAAC,CAAC,IAAI,EACR,uBAAC,2BAAW,kBAAC,EAAE,EAAC,WAAW,EAAC,cAAc,EAAC,YAAY,EAAC,UAAU,EAAC,SAAS,gBAC1E,uBAAC,4BAAa,kBACZ,iBAAiB,EAAE,CAAC,KAAK,EAAE,EAAE;gCAC3B,OAAO,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,uBAAC,2BAAe,IAAC,KAAK,EAAE,KAAK,GAAI,CAAA;4BACvD,CAAC,gBAEA,QAAQ,IACK,IACJ,KACF,EACd,uBAAC,uBAAO,kBAAC,EAAE,EAAC,aAAa,EAAC,UAAU,EAAC,SAAS,gBAC5C,uBAAC,gBAAK,kBAAC,SAAS,EAAE,eAAe,EAAE,MAAM,sBACtC,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,uBAAC,qBAAM,IAAC,aAAa,SAAG,IAC7B,IACA,KACF,CACX,CAAA;AACH,CAAC,CACF,CAAA;AAED,oBAAY,CAAC,WAAW,GAAG,cAAc,CAAA"}

package/dist/cjs/components/ErrorPage.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ErrorPage = exports.WebAppErrorPage = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_button_1 = require("@xylabs/react-button");
+const Page_1 = require("./Page");
+const WebAppErrorPage = (_a) => {
+    var { error } = _a, props = tslib_1.__rest(_a, ["error"]);
+    return ((0, jsx_runtime_1.jsxs)(Page_1.WebAppPage, Object.assign({ title: "Oops! Something went wrong" }, props, { children: [(0, jsx_runtime_1.jsx)("h1", { children: "Oops! Something went wrong!" }), (0, jsx_runtime_1.jsx)("p", { children: `${error}` }), (0, jsx_runtime_1.jsx)(react_button_1.ButtonEx, Object.assign({ href: "/", variant: "contained" }, { children: "Homepage" }))] })));
+};
+exports.WebAppErrorPage = WebAppErrorPage;
+/** @deprecated use WebAppErrorPage instead */
+exports.ErrorPage = exports.WebAppErrorPage;
+//# sourceMappingURL=ErrorPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorPage.js","sourceRoot":"","sources":["../../../src/components/ErrorPage.tsx"],"names":[],"mappings":";;;;;AAAA,uDAA+C;AAE/C,iCAAoD;AAM7C,MAAM,eAAe,GAAmC,CAAC,EAAmB,EAAE,EAAE;QAAvB,EAAE,KAAK,OAAY,EAAP,KAAK,sBAAjB,SAAmB,CAAF;IAAO,OAAA,CACtF,wBAAC,iBAAU,kBAAC,KAAK,EAAC,4BAA4B,IAAK,KAAK,eACtD,yEAAoC,EACpC,wCAAI,GAAG,KAAK,EAAE,GAAK,EACnB,uBAAC,uBAAQ,kBAAC,IAAI,EAAC,GAAG,EAAC,OAAO,EAAC,WAAW,8BAE3B,KACA,CACd,CAAA;CAAA,CAAA;AARY,QAAA,eAAe,mBAQ3B;AAED,8CAA8C;AACjC,QAAA,SAAS,GAAG,uBAAe,CAAA"}

package/dist/cjs/components/NotFoundPage/Page.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NotFoundPage = exports.WebAppNotFoundPage = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_shared_1 = require("@xyo-network/react-shared");
+const Page_1 = require("../Page");
+const WebAppNotFoundPage = (_a) => {
+    var { title } = _a, props = tslib_1.__rest(_a, ["title"]);
+    return ((0, jsx_runtime_1.jsx)(Page_1.WebAppPage, Object.assign({ title: title !== null && title !== void 0 ? title : 'Sorry! Page Not Found' }, props, { children: (0, jsx_runtime_1.jsx)(react_shared_1.NotFound, {}) })));
+};
+exports.WebAppNotFoundPage = WebAppNotFoundPage;
+/** @deprecated  use WebAppNotFoundPage instead */
+exports.NotFoundPage = exports.WebAppNotFoundPage;
+//# sourceMappingURL=Page.js.map

package/dist/cjs/components/NotFoundPage/Page.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Page.js","sourceRoot":"","sources":["../../../../src/components/NotFoundPage/Page.tsx"],"names":[],"mappings":";;;;;AAAA,4DAAoD;AAEpD,kCAAqD;AAE9C,MAAM,kBAAkB,GAA8B,CAAC,EAAmB,EAAE,EAAE;QAAvB,EAAE,KAAK,OAAY,EAAP,KAAK,sBAAjB,SAAmB,CAAF;IAAO,OAAA,CACpF,uBAAC,iBAAU,kBAAC,KAAK,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,uBAAuB,IAAM,KAAK,cAC5D,uBAAC,uBAAQ,KAAG,IACD,CACd,CAAA;CAAA,CAAA;AAJY,QAAA,kBAAkB,sBAI9B;AAED,kDAAkD;AACrC,QAAA,YAAY,GAAG,0BAAkB,CAAA"}

package/dist/cjs/components/NotFoundPage/index.js

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

package/dist/cjs/components/NotFoundPage/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/NotFoundPage/index.ts"],"names":[],"mappings":";;;AAAA,iDAAsB"}

package/dist/cjs/components/Page.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FlexPage = exports.WebAppPage = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const react_async_effect_1 = require("@xylabs/react-async-effect");
+const react_flexbox_1 = require("@xylabs/react-flexbox");
+const react_pixel_1 = require("@xylabs/react-pixel");
+const react_helmet_1 = require("react-helmet");
+const react_router_dom_1 = require("react-router-dom");
+const Body_1 = require("./Body");
+const lib_1 = require("./lib");
+const WebAppPageRoot = (0, material_1.styled)(react_flexbox_1.FlexGrowCol, {
+    name: 'WebAppPage',
+    shouldForwardProp: (propName) => propName !== 'mobileScrollingBreakpoint' && propName !== 'variant',
+    slot: 'Root',
+})(({ theme, mobileScrollingBreakpoint = 'sm', variant }) => {
+    const props = variant === 'scrollable' ? lib_1.scrollableWrap : lib_1.fixedWrap;
+    return Object.assign(Object.assign({}, props), { alignItems: 'stretch', justifyContent: 'start', maxWidth: '100vw', [theme.breakpoints.down(mobileScrollingBreakpoint)]: {
+            inset: 0,
+            position: 'absolute',
+        } });
+});
+const WebAppPage = (_a) => {
+    var { disableGutters, disableBreadcrumbGutter, title, container, children, breadcrumbs, mobileScrollingBreakpoint, variant = 'scrollable' } = _a, props = tslib_1.__rest(_a, ["disableGutters", "disableBreadcrumbGutter", "title", "container", "children", "breadcrumbs", "mobileScrollingBreakpoint", "variant"]);
+    const userEvents = (0, react_pixel_1.useUserEvents)();
+    const { pathname } = (0, react_router_dom_1.useLocation)();
+    (0, react_async_effect_1.useAsyncEffect)(
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+        yield (userEvents === null || userEvents === void 0 ? void 0 : userEvents.viewContent({ name: title !== null && title !== void 0 ? title : 'NodeBasePage', path: location.pathname }));
+    }), [pathname, title, userEvents]);
+    return ((0, jsx_runtime_1.jsxs)(WebAppPageRoot, Object.assign({ mobileScrollingBreakpoint: mobileScrollingBreakpoint, variant: variant }, props, { children: [(0, jsx_runtime_1.jsx)(react_helmet_1.Helmet, { title: title }), container && container !== 'none' ? ((0, jsx_runtime_1.jsx)(material_1.Container, Object.assign({ disableGutters: disableGutters, style: { alignItems: 'stretch', display: 'flex', flexDirection: 'column', flexGrow: 1, justifyContent: 'flex-start' }, maxWidth: container }, { children: (0, jsx_runtime_1.jsx)(Body_1.WebAppBody, Object.assign({ disableBreadcrumbGutter: disableBreadcrumbGutter, breadcrumbs: breadcrumbs, mobileScrollingBreakpoint: mobileScrollingBreakpoint, variant: variant }, props, { children: children })) }))) : ((0, jsx_runtime_1.jsx)(Body_1.WebAppBody, Object.assign({ disableBreadcrumbGutter: disableBreadcrumbGutter, breadcrumbs: breadcrumbs, mobileScrollingBreakpoint: mobileScrollingBreakpoint, paddingX: disableGutters ? 0 : 1, variant: variant }, props, { children: children })))] })));
+};
+exports.WebAppPage = WebAppPage;
+/** @deprecated use WebAppPagePage instead */
+exports.FlexPage = exports.WebAppPage;
+//# sourceMappingURL=Page.js.map

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

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

package/dist/cjs/components/index.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./Body"), exports);
+tslib_1.__exportStar(require("./Chrome"), exports);
+tslib_1.__exportStar(require("./ErrorPage"), exports);
+tslib_1.__exportStar(require("./NotFoundPage"), exports);
+tslib_1.__exportStar(require("./Page"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;AAAA,iDAAsB;AACtB,mDAAwB;AACxB,sDAA2B;AAC3B,yDAA8B;AAC9B,iDAAsB"}

package/dist/cjs/components/lib/cssValues.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fixedContent = exports.scrollableContent = exports.fixedWrap = exports.scrollableWrap = void 0;
+exports.scrollableWrap = {
+    inset: 0,
+    position: 'absolute',
+};
+exports.fixedWrap = {
+    inset: 'unset',
+    position: 'relative',
+};
+// Making a scrollable vs fixed wrapper and content is an inversion of the wrap and content styles
+exports.scrollableContent = Object.assign({}, exports.fixedWrap);
+exports.fixedContent = Object.assign({}, exports.scrollableWrap);
+//# sourceMappingURL=cssValues.js.map

package/dist/cjs/components/lib/cssValues.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cssValues.js","sourceRoot":"","sources":["../../../../src/components/lib/cssValues.ts"],"names":[],"mappings":";;;AAEa,QAAA,cAAc,GAAkB;IAC3C,KAAK,EAAE,CAAC;IACR,QAAQ,EAAE,UAAU;CACZ,CAAA;AAEG,QAAA,SAAS,GAAkB;IACtC,KAAK,EAAE,OAAO;IACd,QAAQ,EAAE,UAAU;CACZ,CAAA;AAEV,kGAAkG;AACrF,QAAA,iBAAiB,GAAkB,kBAC3C,iBAAS,CACJ,CAAA;AAEG,QAAA,YAAY,GAAkB,kBACtC,sBAAc,CACT,CAAA"}

package/dist/cjs/components/lib/index.js

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

package/dist/cjs/components/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/lib/index.ts"],"names":[],"mappings":";;;AAAA,sDAA2B"}

package/dist/cjs/index.js

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

package/dist/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;AAAA,uDAA4B"}

package/dist/docs.json

@@ -4319,7 +4319,7 @@
 							"fileName": "packages/sdk/packages/webapp/src/components/Body.tsx",
 							"line": 68,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/sdk/packages/webapp/src/components/Body.tsx#L68"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/979e91e13a6b/packages/sdk/packages/webapp/src/components/Body.tsx#L68"
 						}
 					],
 					"type": {
@@ -4742,7 +4742,7 @@
 							"fileName": "packages/sdk/packages/webapp/src/components/Body.tsx",
 							"line": 69,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/sdk/packages/webapp/src/components/Body.tsx#L69"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/979e91e13a6b/packages/sdk/packages/webapp/src/components/Body.tsx#L69"
 						}
 					],
 					"type": {
@@ -14195,7 +14195,7 @@
 							"fileName": "packages/sdk/packages/webapp/src/components/Body.tsx",
 							"line": 70,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/sdk/packages/webapp/src/components/Body.tsx#L70"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/979e91e13a6b/packages/sdk/packages/webapp/src/components/Body.tsx#L70"
 						}
 					],
 					"type": {
@@ -19831,7 +19831,7 @@
 							"fileName": "packages/sdk/packages/webapp/src/components/Body.tsx",
 							"line": 71,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/sdk/packages/webapp/src/components/Body.tsx#L71"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/979e91e13a6b/packages/sdk/packages/webapp/src/components/Body.tsx#L71"
 						}
 					],
 					"type": {
@@ -20761,7 +20761,7 @@
 							"fileName": "packages/sdk/packages/webapp/src/components/Body.tsx",
 							"line": 72,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/sdk/packages/webapp/src/components/Body.tsx#L72"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/979e91e13a6b/packages/sdk/packages/webapp/src/components/Body.tsx#L72"
 						}
 					],
 					"type": {
@@ -21721,7 +21721,7 @@
 					"fileName": "packages/sdk/packages/webapp/src/components/Body.tsx",
 					"line": 67,
 					"character": 17,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/sdk/packages/webapp/src/components/Body.tsx#L67"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/979e91e13a6b/packages/sdk/packages/webapp/src/components/Body.tsx#L67"
 				}
 			],
 			"extendedTypes": [
@@ -22187,7 +22187,7 @@
 							"fileName": "packages/sdk/packages/webapp/src/components/Chrome.tsx",
 							"line": 13,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/sdk/packages/webapp/src/components/Chrome.tsx#L13"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/979e91e13a6b/packages/sdk/packages/webapp/src/components/Chrome.tsx#L13"
 						}
 					],
 					"type": {
@@ -22208,7 +22208,7 @@
 							"fileName": "packages/sdk/packages/webapp/src/components/Chrome.tsx",
 							"line": 14,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/sdk/packages/webapp/src/components/Chrome.tsx#L14"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/979e91e13a6b/packages/sdk/packages/webapp/src/components/Chrome.tsx#L14"
 						}
 					],
 					"type": {
@@ -26783,7 +26783,7 @@
 							"fileName": "packages/sdk/packages/webapp/src/components/Chrome.tsx",
 							"line": 15,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/sdk/packages/webapp/src/components/Chrome.tsx#L15"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/979e91e13a6b/packages/sdk/packages/webapp/src/components/Chrome.tsx#L15"
 						}
 					],
 					"type": {
@@ -28824,7 +28824,7 @@
 							"fileName": "packages/sdk/packages/webapp/src/components/Chrome.tsx",
 							"line": 16,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/sdk/packages/webapp/src/components/Chrome.tsx#L16"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/979e91e13a6b/packages/sdk/packages/webapp/src/components/Chrome.tsx#L16"
 						}
 					],
 					"type": {
@@ -28851,7 +28851,7 @@
 							"fileName": "packages/sdk/packages/webapp/src/components/Chrome.tsx",
 							"line": 17,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/sdk/packages/webapp/src/components/Chrome.tsx#L17"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/979e91e13a6b/packages/sdk/packages/webapp/src/components/Chrome.tsx#L17"
 						}
 					],
 					"type": {
@@ -35244,7 +35244,7 @@
 							"fileName": "packages/sdk/packages/webapp/src/components/Chrome.tsx",
 							"line": 18,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/sdk/packages/webapp/src/components/Chrome.tsx#L18"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/979e91e13a6b/packages/sdk/packages/webapp/src/components/Chrome.tsx#L18"
 						}
 					],
 					"type": {
@@ -37049,7 +37049,7 @@
 							"fileName": "packages/sdk/packages/webapp/src/components/Chrome.tsx",
 							"line": 19,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/sdk/packages/webapp/src/components/Chrome.tsx#L19"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/979e91e13a6b/packages/sdk/packages/webapp/src/components/Chrome.tsx#L19"
 						}
 					],
 					"type": {
@@ -43501,7 +43501,7 @@
 					"fileName": "packages/sdk/packages/webapp/src/components/Chrome.tsx",
 					"line": 12,
 					"character": 17,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/sdk/packages/webapp/src/components/Chrome.tsx#L12"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/979e91e13a6b/packages/sdk/packages/webapp/src/components/Chrome.tsx#L12"
 				}
 			],
 			"extendedTypes": [
@@ -47830,7 +47830,7 @@
 							"fileName": "packages/sdk/packages/webapp/src/components/Body.tsx",
 							"line": 68,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/sdk/packages/webapp/src/components/Body.tsx#L68"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/979e91e13a6b/packages/sdk/packages/webapp/src/components/Body.tsx#L68"
 						}
 					],
 					"type": {
@@ -48258,7 +48258,7 @@
 							"fileName": "packages/sdk/packages/webapp/src/components/Page.tsx",
 							"line": 31,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/sdk/packages/webapp/src/components/Page.tsx#L31"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/979e91e13a6b/packages/sdk/packages/webapp/src/components/Page.tsx#L31"
 						}
 					],
 					"type": {
@@ -48302,7 +48302,7 @@
 							"fileName": "packages/sdk/packages/webapp/src/components/Body.tsx",
 							"line": 69,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/sdk/packages/webapp/src/components/Body.tsx#L69"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/979e91e13a6b/packages/sdk/packages/webapp/src/components/Body.tsx#L69"
 						}
 					],
 					"type": {
@@ -48328,7 +48328,7 @@
 							"fileName": "packages/sdk/packages/webapp/src/components/Page.tsx",
 							"line": 32,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/sdk/packages/webapp/src/components/Page.tsx#L32"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/979e91e13a6b/packages/sdk/packages/webapp/src/components/Page.tsx#L32"
 						}
 					],
 					"type": {
@@ -48638,7 +48638,7 @@
 							"fileName": "packages/sdk/packages/webapp/src/components/ErrorPage.tsx",
 							"line": 6,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/sdk/packages/webapp/src/components/ErrorPage.tsx#L6"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/979e91e13a6b/packages/sdk/packages/webapp/src/components/ErrorPage.tsx#L6"
 						}
 					],
 					"type": {
@@ -57812,7 +57812,7 @@
 							"fileName": "packages/sdk/packages/webapp/src/components/Body.tsx",
 							"line": 70,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/sdk/packages/webapp/src/components/Body.tsx#L70"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/979e91e13a6b/packages/sdk/packages/webapp/src/components/Body.tsx#L70"
 						}
 					],
 					"type": {
@@ -63453,7 +63453,7 @@
 							"fileName": "packages/sdk/packages/webapp/src/components/Body.tsx",
 							"line": 71,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/sdk/packages/webapp/src/components/Body.tsx#L71"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/979e91e13a6b/packages/sdk/packages/webapp/src/components/Body.tsx#L71"
 						}
 					],
 					"type": {
@@ -64388,7 +64388,7 @@
 							"fileName": "packages/sdk/packages/webapp/src/components/Body.tsx",
 							"line": 72,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/sdk/packages/webapp/src/components/Body.tsx#L72"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/979e91e13a6b/packages/sdk/packages/webapp/src/components/Body.tsx#L72"
 						}
 					],
 					"type": {
@@ -65356,7 +65356,7 @@
 					"fileName": "packages/sdk/packages/webapp/src/components/ErrorPage.tsx",
 					"line": 5,
 					"character": 17,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/sdk/packages/webapp/src/components/ErrorPage.tsx#L5"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/979e91e13a6b/packages/sdk/packages/webapp/src/components/ErrorPage.tsx#L5"
 				}
 			],
 			"extendedTypes": [
@@ -69682,7 +69682,7 @@
 							"fileName": "packages/sdk/packages/webapp/src/components/Body.tsx",
 							"line": 68,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/sdk/packages/webapp/src/components/Body.tsx#L68"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/979e91e13a6b/packages/sdk/packages/webapp/src/components/Body.tsx#L68"
 						}
 					],
 					"type": {
@@ -70110,7 +70110,7 @@
 							"fileName": "packages/sdk/packages/webapp/src/components/Page.tsx",
 							"line": 31,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/sdk/packages/webapp/src/components/Page.tsx#L31"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/979e91e13a6b/packages/sdk/packages/webapp/src/components/Page.tsx#L31"
 						}
 					],
 					"type": {
@@ -70149,7 +70149,7 @@
 							"fileName": "packages/sdk/packages/webapp/src/components/Body.tsx",
 							"line": 69,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/sdk/packages/webapp/src/components/Body.tsx#L69"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/979e91e13a6b/packages/sdk/packages/webapp/src/components/Body.tsx#L69"
 						}
 					],
 					"type": {
@@ -70175,7 +70175,7 @@
 							"fileName": "packages/sdk/packages/webapp/src/components/Page.tsx",
 							"line": 32,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/sdk/packages/webapp/src/components/Page.tsx#L32"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/979e91e13a6b/packages/sdk/packages/webapp/src/components/Page.tsx#L32"
 						}
 					],
 					"type": {
@@ -79628,7 +79628,7 @@
 							"fileName": "packages/sdk/packages/webapp/src/components/Body.tsx",
 							"line": 70,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/sdk/packages/webapp/src/components/Body.tsx#L70"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/979e91e13a6b/packages/sdk/packages/webapp/src/components/Body.tsx#L70"
 						}
 					],
 					"type": {
@@ -85269,7 +85269,7 @@
 							"fileName": "packages/sdk/packages/webapp/src/components/Body.tsx",
 							"line": 71,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/sdk/packages/webapp/src/components/Body.tsx#L71"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/979e91e13a6b/packages/sdk/packages/webapp/src/components/Body.tsx#L71"
 						}
 					],
 					"type": {
@@ -86204,7 +86204,7 @@
 							"fileName": "packages/sdk/packages/webapp/src/components/Body.tsx",
 							"line": 72,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/sdk/packages/webapp/src/components/Body.tsx#L72"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/979e91e13a6b/packages/sdk/packages/webapp/src/components/Body.tsx#L72"
 						}
 					],
 					"type": {
@@ -87171,7 +87171,7 @@
 					"fileName": "packages/sdk/packages/webapp/src/components/Page.tsx",
 					"line": 30,
 					"character": 17,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/sdk/packages/webapp/src/components/Page.tsx#L30"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/979e91e13a6b/packages/sdk/packages/webapp/src/components/Page.tsx#L30"
 				}
 			],
 			"extendedTypes": [
@@ -87210,7 +87210,7 @@
 					"fileName": "packages/sdk/packages/webapp/src/components/ErrorPage.tsx",
 					"line": 20,
 					"character": 13,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/sdk/packages/webapp/src/components/ErrorPage.tsx#L20"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/979e91e13a6b/packages/sdk/packages/webapp/src/components/ErrorPage.tsx#L20"
 				}
 			],
 			"signatures": [
@@ -87312,7 +87312,7 @@
 					"fileName": "packages/sdk/packages/webapp/src/components/Page.tsx",
 					"line": 93,
 					"character": 13,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/sdk/packages/webapp/src/components/Page.tsx#L93"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/979e91e13a6b/packages/sdk/packages/webapp/src/components/Page.tsx#L93"
 				}
 			],
 			"signatures": [
@@ -87425,7 +87425,7 @@
 					"fileName": "packages/sdk/packages/webapp/src/components/NotFoundPage/Page.tsx",
 					"line": 12,
 					"character": 13,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/sdk/packages/webapp/src/components/NotFoundPage/Page.tsx#L12"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/979e91e13a6b/packages/sdk/packages/webapp/src/components/NotFoundPage/Page.tsx#L12"
 				}
 			],
 			"signatures": [
@@ -87527,7 +87527,7 @@
 					"fileName": "packages/sdk/packages/webapp/src/components/Body.tsx",
 					"line": 75,
 					"character": 13,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/sdk/packages/webapp/src/components/Body.tsx#L75"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/979e91e13a6b/packages/sdk/packages/webapp/src/components/Body.tsx#L75"
 				}
 			],
 			"signatures": [
@@ -87615,7 +87615,7 @@
 					"fileName": "packages/sdk/packages/webapp/src/components/Chrome.tsx",
 					"line": 22,
 					"character": 13,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/sdk/packages/webapp/src/components/Chrome.tsx#L22"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/979e91e13a6b/packages/sdk/packages/webapp/src/components/Chrome.tsx#L22"
 				}
 			],
 			"signatures": [
@@ -87745,7 +87745,7 @@
 					"fileName": "packages/sdk/packages/webapp/src/components/ErrorPage.tsx",
 					"line": 9,
 					"character": 13,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/sdk/packages/webapp/src/components/ErrorPage.tsx#L9"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/979e91e13a6b/packages/sdk/packages/webapp/src/components/ErrorPage.tsx#L9"
 				}
 			],
 			"signatures": [
@@ -87833,7 +87833,7 @@
 					"fileName": "packages/sdk/packages/webapp/src/components/NotFoundPage/Page.tsx",
 					"line": 5,
 					"character": 13,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/sdk/packages/webapp/src/components/NotFoundPage/Page.tsx#L5"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/979e91e13a6b/packages/sdk/packages/webapp/src/components/NotFoundPage/Page.tsx#L5"
 				}
 			],
 			"signatures": [
@@ -87921,7 +87921,7 @@
 					"fileName": "packages/sdk/packages/webapp/src/components/Page.tsx",
 					"line": 35,
 					"character": 13,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/sdk/packages/webapp/src/components/Page.tsx#L35"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/979e91e13a6b/packages/sdk/packages/webapp/src/components/Page.tsx#L35"
 				}
 			],
 			"signatures": [