@xylabs/sdk-react 2.9.15 → 2.9.20

package/dist/components/CookieConsent/CookieConsentBody.js

@@ -0,0 +1,45 @@
+import { __rest } from "tslib";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Link, Typography } from '@mui/material';
+import { useEffect } from 'react';
+import { useCookieConsent } from '../../contexts';
+import { ButtonEx } from '../ButtonEx';
+import { FlexRow } from '../FlexBox';
+const CookieConsentBody = (_a) => {
+    var { acceptOnScroll, acceptOnTimer = 0, onAccept } = _a, props = __rest(_a, ["acceptOnScroll", "acceptOnTimer", "onAccept"]);
+    const { accepted, setAccepted, storageName } = useCookieConsent();
+    const onScroll = () => {
+        //hide it one the user has scrolled at least one page
+        if (window.scrollY > window.innerHeight && !accepted) {
+            onAcceptClick();
+        }
+    };
+    useEffect(() => {
+        if (acceptOnScroll) {
+            window.addEventListener('scroll', onScroll);
+            return () => {
+                window.removeEventListener('scroll', onScroll);
+            };
+        }
+    });
+    const onAcceptClick = () => {
+        if (setAccepted) {
+            setAccepted === null || setAccepted === void 0 ? void 0 : setAccepted(true);
+        }
+        else {
+            localStorage.setItem(storageName !== null && storageName !== void 0 ? storageName : 'CookiesAccepted', 'true');
+        }
+        onAccept === null || onAccept === void 0 ? void 0 : onAccept(true);
+    };
+    if (acceptOnTimer > 0 && !accepted) {
+        setTimeout(() => {
+            onAcceptClick();
+        }, acceptOnTimer);
+    }
+    if (!storageName) {
+        return (_jsx(FlexRow, Object.assign({ justifyContent: "center", paddingY: 2 }, props, { children: _jsx(Typography, Object.assign({ color: "error", variant: "body1" }, { children: "Missing CookieConsentContext" }), void 0) }), void 0));
+    }
+    return accepted ? null : (_jsxs(FlexRow, Object.assign({ justifyContent: "space-between" }, props, { children: [_jsxs(Typography, Object.assign({ variant: "body2", margin: 2 }, { children: ['This site uses ', _jsx(Link, Object.assign({ href: "https://cookiesandyou.com/", rel: "noopener noreferrer", target: "_blank" }, { children: "cookies" }), void 0), ' and ', _jsx(Link, Object.assign({ href: "https://policies.google.com/technologies/partner-sites", rel: "noopener noreferrer", target: "_blank" }, { children: "Google\u00A0tools" }), void 0), ' to analyze traffic and for ads measurement purposes.'] }), void 0), _jsx(ButtonEx, Object.assign({ variant: "contained", color: "secondary", onClick: onAcceptClick, margin: 2 }, { children: "Accept" }), void 0)] }), void 0));
+};
+export { CookieConsentBody };
+//# sourceMappingURL=CookieConsentBody.js.map

package/dist/components/CookieConsent/CookieConsentBody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CookieConsentBody.js","sourceRoot":"","sources":["../../../src/components/CookieConsent/CookieConsentBody.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AAGpC,MAAM,iBAAiB,GAAiC,CAAC,EAAyD,EAAE,EAAE;QAA7D,EAAE,cAAc,EAAE,aAAa,GAAG,CAAC,EAAE,QAAQ,OAAY,EAAP,KAAK,cAAvD,+CAAyD,CAAF;IAC9G,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,GAAG,gBAAgB,EAAE,CAAA;IAEjE,MAAM,QAAQ,GAAG,GAAG,EAAE;QACpB,qDAAqD;QACrD,IAAI,MAAM,CAAC,OAAO,GAAG,MAAM,CAAC,WAAW,IAAI,CAAC,QAAQ,EAAE;YACpD,aAAa,EAAE,CAAA;SAChB;IACH,CAAC,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,cAAc,EAAE;YAClB,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;YAE3C,OAAO,GAAG,EAAE;gBACV,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;YAChD,CAAC,CAAA;SACF;IACH,CAAC,CAAC,CAAA;IAEF,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,IAAI,WAAW,EAAE;YACf,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAG,IAAI,CAAC,CAAA;SACpB;aAAM;YACL,YAAY,CAAC,OAAO,CAAC,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,iBAAiB,EAAE,MAAM,CAAC,CAAA;SAC/D;QACD,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,IAAI,CAAC,CAAA;IAClB,CAAC,CAAA;IAED,IAAI,aAAa,GAAG,CAAC,IAAI,CAAC,QAAQ,EAAE;QAClC,UAAU,CAAC,GAAG,EAAE;YACd,aAAa,EAAE,CAAA;QACjB,CAAC,EAAE,aAAa,CAAC,CAAA;KAClB;IAED,IAAI,CAAC,WAAW,EAAE;QAChB,OAAO,CACL,KAAC,OAAO,kBAAC,cAAc,EAAC,QAAQ,EAAC,QAAQ,EAAE,CAAC,IAAM,KAAK,cACrD,KAAC,UAAU,kBAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAC,OAAO,0DAE5B,YACL,CACX,CAAA;KACF;IAED,OAAO,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACvB,MAAC,OAAO,kBAAC,cAAc,EAAC,eAAe,IAAK,KAAK,eAC/C,MAAC,UAAU,kBAAC,OAAO,EAAC,OAAO,EAAC,MAAM,EAAE,CAAC,iBAClC,iBAAiB,EAClB,KAAC,IAAI,kBAAC,IAAI,EAAC,4BAA4B,EAAC,GAAG,EAAC,qBAAqB,EAAC,MAAM,EAAC,QAAQ,qCAE1E,EACN,OAAO,EACR,KAAC,IAAI,kBAAC,IAAI,EAAC,wDAAwD,EAAC,GAAG,EAAC,qBAAqB,EAAC,MAAM,EAAC,QAAQ,+CAEtG,EACN,uDAAuD,aAC7C,EACb,KAAC,QAAQ,kBAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,WAAW,EAAC,OAAO,EAAE,aAAa,EAAE,MAAM,EAAE,CAAC,oCAEtE,aACH,CACX,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,iBAAiB,EAAE,CAAA"}

package/dist/components/CookieConsent/CookieConsentProps.d.ts

@@ -0,0 +1,7 @@
+import { FlexBoxProps } from '../FlexBox';
+interface CookieConsentProps extends FlexBoxProps {
+    acceptOnScroll?: boolean;
+    acceptOnTimer?: number;
+    onAccept?: (accepted: boolean) => void;
+}
+export type { CookieConsentProps };

package/dist/components/CookieConsent/CookieConsentProps.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=CookieConsentProps.js.map

package/dist/components/CookieConsent/CookieConsentProps.js.map

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

package/dist/components/CookieConsent/index.d.ts

@@ -0,0 +1,3 @@
+import { CookieConsent } from './CookieConsent';
+import { CookieConsentBody } from './CookieConsentBody';
+export { CookieConsent, CookieConsentBody };

package/dist/components/CookieConsent/index.js

@@ -0,0 +1,4 @@
+import { CookieConsent } from './CookieConsent';
+import { CookieConsentBody } from './CookieConsentBody';
+export { CookieConsent, CookieConsentBody };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/CookieConsent/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAEvD,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,CAAA"}

package/dist/components/CoverProgress.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface Props {
+    errors?: Error[];
+    onRetry?: () => void;
+    opacity?: number | string;
+    open?: boolean;
+    paper?: boolean;
+}
+declare const CoverProgress: React.FC<Props>;
+export { CoverProgress };

package/dist/components/CoverProgress.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { CircularProgress, useTheme } from '@mui/material';
+import { ErrorsViewer } from './Errors';
+import { FlexGrowRow } from './FlexBox';
+const CoverProgress = (props) => {
+    var _a;
+    const { paper = true, open, opacity = 0.25, errors, onRetry } = props;
+    const theme = useTheme();
+    if (open) {
+        return (_jsx(FlexGrowRow, Object.assign({ position: "absolute", margin: -1, top: 0, bottom: 0, right: 0, left: 0, bgcolor: paper ? theme.palette.background.paper : theme.palette.background.default }, { children: ((_a = errors === null || errors === void 0 ? void 0 : errors.length) !== null && _a !== void 0 ? _a : 0) === 0 ? (_jsx(CircularProgress, { style: { opacity } }, void 0)) : (_jsx(ErrorsViewer, { margin: 1, errors: errors, onRetry: onRetry }, void 0)) }), void 0));
+    }
+    return null;
+};
+export { CoverProgress };
+//# sourceMappingURL=CoverProgress.js.map

package/dist/components/CoverProgress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CoverProgress.js","sourceRoot":"","sources":["../../src/components/CoverProgress.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAG1D,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAUvC,MAAM,aAAa,GAAoB,CAAC,KAAK,EAAE,EAAE;;IAC/C,MAAM,EAAE,KAAK,GAAG,IAAI,EAAE,IAAI,EAAE,OAAO,GAAG,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAA;IACrE,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,IAAI,IAAI,EAAE;QACR,OAAO,CACL,KAAC,WAAW,kBACV,QAAQ,EAAC,UAAU,EACnB,MAAM,EAAE,CAAC,CAAC,EACV,GAAG,EAAE,CAAC,EACN,MAAM,EAAE,CAAC,EACT,KAAK,EAAE,CAAC,EACR,IAAI,EAAE,CAAC,EACP,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO,gBAEjF,CAAC,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,mCAAI,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAC7B,KAAC,gBAAgB,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE,WAAI,CACzC,CAAC,CAAC,CAAC,CACF,KAAC,YAAY,IAAC,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,WAAI,CAC9D,YACW,CACf,CAAA;KACF;IACD,OAAO,IAAI,CAAA;AACb,CAAC,CAAA;AAED,OAAO,EAAE,aAAa,EAAE,CAAA"}

package/dist/components/Errors/ErrorViewer.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ErrorViewerProps } from './ErrorViewerProps';
+declare const ErrorViewer: React.FC<ErrorViewerProps>;
+export { ErrorViewer };

package/dist/components/Errors/ErrorViewer.js

@@ -0,0 +1,11 @@
+import { __rest } from "tslib";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Typography, useTheme } from '@mui/material';
+import { FlexCol } from '../FlexBox';
+const ErrorViewer = (props) => {
+    const { error } = props, boxProps = __rest(props, ["error"]);
+    const theme = useTheme();
+    return (_jsxs(FlexCol, Object.assign({ color: theme.palette.error.main }, boxProps, { children: [_jsx(Typography, Object.assign({ align: "center", variant: "subtitle1" }, { children: error === null || error === void 0 ? void 0 : error.name }), void 0), _jsx(Typography, Object.assign({ align: "center", variant: "body2" }, { children: error === null || error === void 0 ? void 0 : error.message }), void 0)] }), void 0));
+};
+export { ErrorViewer };
+//# sourceMappingURL=ErrorViewer.js.map

package/dist/components/Errors/ErrorViewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorViewer.js","sourceRoot":"","sources":["../../../src/components/Errors/ErrorViewer.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAGpD,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AAGpC,MAAM,WAAW,GAA+B,CAAC,KAAK,EAAE,EAAE;IACxD,MAAM,EAAE,KAAK,KAAkB,KAAK,EAAlB,QAAQ,UAAK,KAAK,EAA9B,SAAsB,CAAQ,CAAA;IACpC,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,OAAO,CACL,MAAC,OAAO,kBAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,IAAM,QAAQ,eACpD,KAAC,UAAU,kBAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,WAAW,gBAC3C,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,YACD,EACb,KAAC,UAAU,kBAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,OAAO,gBACvC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,YACJ,aACL,CACX,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,WAAW,EAAE,CAAA"}

package/dist/components/Errors/ErrorViewer.stories.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { ComponentMeta, ComponentStory } from '@storybook/react';
+declare const StorybookEntry: ComponentMeta<import("react").FC<import("./ErrorViewerProps").ErrorViewerProps>>;
+declare const Default: ComponentStory<import("react").FC<import("./ErrorViewerProps").ErrorViewerProps>>;
+export { Default };
+export default StorybookEntry;

package/dist/components/Errors/ErrorViewer.stories.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ErrorViewer } from './ErrorViewer';
+const StorybookEntry = {
+    argTypes: {},
+    component: ErrorViewer,
+    parameters: {
+        docs: {
+            page: null,
+        },
+    },
+    title: 'Components/ErrorViewer',
+};
+const Template = (args) => _jsx(ErrorViewer, Object.assign({}, args), void 0);
+const Default = Template.bind({});
+Default.args = {
+    title: 'Default',
+};
+export { Default };
+// eslint-disable-next-line import/no-default-export
+export default StorybookEntry;
+//# sourceMappingURL=ErrorViewer.stories.js.map

package/dist/components/Errors/ErrorViewer.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorViewer.stories.js","sourceRoot":"","sources":["../../../src/components/Errors/ErrorViewer.stories.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAE3C,MAAM,cAAc,GAAG;IACrB,QAAQ,EAAE,EAAE;IACZ,SAAS,EAAE,WAAW;IACtB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,IAAI,EAAE,IAAI;SACX;KACF;IACD,KAAK,EAAE,wBAAwB;CACK,CAAA;AAEtC,MAAM,QAAQ,GAAuC,CAAC,IAAI,EAAE,EAAE,CAAC,KAAC,WAAW,oBAAK,IAAI,UAAgB,CAAA;AAEpG,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACjC,OAAO,CAAC,IAAI,GAAG;IACb,KAAK,EAAE,SAAS;CACjB,CAAA;AAED,OAAO,EAAE,OAAO,EAAE,CAAA;AAElB,oDAAoD;AACpD,eAAe,cAAc,CAAA"}

package/dist/components/Errors/ErrorViewerProps.d.ts

@@ -0,0 +1,5 @@
+import { BoxProps } from '@mui/material';
+interface ErrorViewerProps extends BoxProps {
+    error?: Error;
+}
+export type { ErrorViewerProps };

package/dist/components/Errors/ErrorViewerProps.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ErrorViewerProps.js.map

package/dist/components/Errors/ErrorViewerProps.js.map

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

package/dist/components/Errors/ErrorsViewer.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ErrorsViewerProps } from './ErrorsViewerProps';
+declare const ErrorsViewer: React.FC<ErrorsViewerProps>;
+export { ErrorsViewer };

package/dist/components/Errors/ErrorsViewer.js

@@ -0,0 +1,14 @@
+import { __rest } from "tslib";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { IconButton } from '@mui/material';
+import { AiOutlineReload } from 'react-icons/ai';
+import { FlexGrowCol } from '../FlexBox';
+import { ErrorViewer } from './ErrorViewer';
+const ErrorsViewer = (props) => {
+    const { onRetry, errors } = props, boxProps = __rest(props, ["onRetry", "errors"]);
+    return (_jsxs(FlexGrowCol, Object.assign({ padding: 1 }, boxProps, { children: [errors === null || errors === void 0 ? void 0 : errors.map((error, index) => {
+                return _jsx(ErrorViewer, { error: error }, index);
+            }), onRetry ? (_jsx(IconButton, Object.assign({ onClick: onRetry }, { children: _jsx(AiOutlineReload, {}, void 0) }), void 0)) : null] }), void 0));
+};
+export { ErrorsViewer };
+//# sourceMappingURL=ErrorsViewer.js.map

package/dist/components/Errors/ErrorsViewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorsViewer.js","sourceRoot":"","sources":["../../../src/components/Errors/ErrorsViewer.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAE1C,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAEhD,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAExC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAE3C,MAAM,YAAY,GAAgC,CAAC,KAAK,EAAE,EAAE;IAC1D,MAAM,EAAE,OAAO,EAAE,MAAM,KAAkB,KAAK,EAAlB,QAAQ,UAAK,KAAK,EAAxC,qBAAgC,CAAQ,CAAA;IAC9C,OAAO,CACL,MAAC,WAAW,kBAAC,OAAO,EAAE,CAAC,IAAM,QAAQ,eAClC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;gBAC5B,OAAO,KAAC,WAAW,IAAC,KAAK,EAAE,KAAK,IAAO,KAAK,CAAI,CAAA;YAClD,CAAC,CAAC,EACD,OAAO,CAAC,CAAC,CAAC,CACT,KAAC,UAAU,kBAAC,OAAO,EAAE,OAAO,gBAC1B,KAAC,eAAe,aAAG,YACR,CACd,CAAC,CAAC,CAAC,IAAI,aACI,CACf,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,YAAY,EAAE,CAAA"}

package/dist/components/Errors/ErrorsViewer.stories.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { ComponentMeta, ComponentStory } from '@storybook/react';
+declare const StorybookEntry: ComponentMeta<import("react").FC<import("./ErrorsViewerProps").ErrorsViewerProps>>;
+declare const Default: ComponentStory<import("react").FC<import("./ErrorsViewerProps").ErrorsViewerProps>>;
+export { Default };
+export default StorybookEntry;

package/dist/components/Errors/ErrorsViewer.stories.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ErrorsViewer } from './ErrorsViewer';
+const StorybookEntry = {
+    argTypes: {},
+    component: ErrorsViewer,
+    parameters: {
+        docs: {
+            page: null,
+        },
+    },
+    title: 'Components/ErrorsViewer',
+};
+const Template = (args) => _jsx(ErrorsViewer, Object.assign({}, args), void 0);
+const Default = Template.bind({});
+Default.args = {
+    errors: [Error('Error One'), Error('Error Two')],
+    title: 'Default',
+};
+export { Default };
+// eslint-disable-next-line import/no-default-export
+export default StorybookEntry;
+//# sourceMappingURL=ErrorsViewer.stories.js.map

package/dist/components/Errors/ErrorsViewer.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorsViewer.stories.js","sourceRoot":"","sources":["../../../src/components/Errors/ErrorsViewer.stories.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAE7C,MAAM,cAAc,GAAG;IACrB,QAAQ,EAAE,EAAE;IACZ,SAAS,EAAE,YAAY;IACvB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,IAAI,EAAE,IAAI;SACX;KACF;IACD,KAAK,EAAE,yBAAyB;CACK,CAAA;AAEvC,MAAM,QAAQ,GAAwC,CAAC,IAAI,EAAE,EAAE,CAAC,KAAC,YAAY,oBAAK,IAAI,UAAiB,CAAA;AAEvG,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACjC,OAAO,CAAC,IAAI,GAAG;IACb,MAAM,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC;IAChD,KAAK,EAAE,SAAS;CACjB,CAAA;AAED,OAAO,EAAE,OAAO,EAAE,CAAA;AAElB,oDAAoD;AACpD,eAAe,cAAc,CAAA"}

package/dist/components/Errors/ErrorsViewerProps.d.ts

@@ -0,0 +1,6 @@
+import { BoxProps } from '@mui/material';
+interface ErrorsViewerProps extends BoxProps {
+    errors?: Error[];
+    onRetry?: () => void;
+}
+export type { ErrorsViewerProps };

package/dist/components/Errors/ErrorsViewerProps.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ErrorsViewerProps.js.map

package/dist/components/Errors/ErrorsViewerProps.js.map

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

package/dist/components/Errors/index.d.ts

@@ -0,0 +1,3 @@
+import { ErrorsViewer } from './ErrorsViewer';
+import { ErrorViewer } from './ErrorViewer';
+export { ErrorsViewer, ErrorViewer };

package/dist/components/Errors/index.js

@@ -0,0 +1,4 @@
+import { ErrorsViewer } from './ErrorsViewer';
+import { ErrorViewer } from './ErrorViewer';
+export { ErrorsViewer, ErrorViewer };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Errors/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAE3C,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,CAAA"}

package/dist/components/EthAccount/EthAccount.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { EthAccountProps } from './EthAccountProps';
+declare const EthAccount: React.FC<EthAccountProps>;
+export { EthAccount };

package/dist/components/EthAccount/EthAccount.js

@@ -0,0 +1,35 @@
+import { __rest } from "tslib";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Typography, useTheme } from '@mui/material';
+import { assertEx, EthAddress } from '@xylabs/sdk-js';
+import { useContext } from 'react';
+import { EthersContext } from '../../contexts';
+import { useMediaQuery } from '../../hooks';
+import { ButtonEx } from '../ButtonEx';
+import { FlexGrowRow, FlexRow } from '../FlexBox';
+import { Identicon } from '../Identicon';
+const EthAccount = (_a) => {
+    var { address, icon = false, iconSize = 16, iconOnly = false, addressLength = 'auto', fontFamily = '"Source Code Pro",monospace', toEtherScan, onButtonClick } = _a, props = __rest(_a, ["address", "icon", "iconSize", "iconOnly", "addressLength", "fontFamily", "toEtherScan", "onButtonClick"]);
+    const { localAddress } = useContext(EthersContext);
+    const theme = useTheme();
+    const large = useMediaQuery(theme.breakpoints.up('md'));
+    const isLocalAddress = address ? (localAddress === null || localAddress === void 0 ? void 0 : localAddress.toString()) === address.toString() : false;
+    const onClickLocal = (event) => {
+        onButtonClick === null || onButtonClick === void 0 ? void 0 : onButtonClick(event);
+        if (toEtherScan && address) {
+            window.open(`https://etherscan.io/address/${address.toString()}`, '_blank');
+        }
+    };
+    const addressToDisplay = assertEx(address !== null && address !== void 0 ? address : EthAddress.fromString('0x00'), 'Bad Eth Address');
+    const testToDisplay = addressLength === 'long'
+        ? addressToDisplay.toString()
+        : addressLength === 'short'
+            ? addressToDisplay.toShortString()
+            : large
+                ? addressToDisplay.toString()
+                : addressToDisplay.toShortString();
+    // Note: We use the all zero address for spacing in case it is
+    return (_jsx(ButtonEx, Object.assign({ onClick: onClickLocal, title: `0x${address === null || address === void 0 ? void 0 : address.toHex()}` }, props, { children: _jsxs(FlexGrowRow, Object.assign({ justifyContent: "space-between", alignItems: "center" }, { children: [icon && address ? _jsx(Identicon, { size: iconSize, value: address === null || address === void 0 ? void 0 : address.toHex() }, void 0) : null, iconOnly ? null : (_jsxs(FlexRow, { children: [_jsx(Typography, Object.assign({ marginLeft: icon ? 1 : 0, variant: "body1", fontFamily: fontFamily, visibility: address ? 'inherit' : 'hidden' }, { children: testToDisplay }), void 0), address ? null : (_jsx(Typography, Object.assign({ position: "absolute", marginLeft: icon ? 1 : 0, variant: "body1", fontFamily: fontFamily }, { children: "-- --" }), void 0))] }, void 0)), isLocalAddress ? _jsx(FlexRow, Object.assign({ marginLeft: 0.5 }, { children: "(You)" }), void 0) : null] }), void 0) }), void 0));
+};
+export { EthAccount };
+//# sourceMappingURL=EthAccount.js.map

package/dist/components/EthAccount/EthAccount.js.map

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

package/dist/components/EthAccount/EthAccount.stories.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { ComponentMeta, ComponentStory } from '@storybook/react';
+declare const StorybookEntry: ComponentMeta<import("react").FC<import("./EthAccountProps").EthAccountProps>>;
+declare const Long: ComponentStory<import("react").FC<import("./EthAccountProps").EthAccountProps>>;
+declare const LongEmpty: ComponentStory<import("react").FC<import("./EthAccountProps").EthAccountProps>>;
+declare const Short: ComponentStory<import("react").FC<import("./EthAccountProps").EthAccountProps>>;
+declare const ShortEmpty: ComponentStory<import("react").FC<import("./EthAccountProps").EthAccountProps>>;
+declare const Auto: ComponentStory<import("react").FC<import("./EthAccountProps").EthAccountProps>>;
+declare const AutoEmpty: ComponentStory<import("react").FC<import("./EthAccountProps").EthAccountProps>>;
+export { Auto, AutoEmpty, Long, LongEmpty, Short, ShortEmpty };
+export default StorybookEntry;

package/dist/components/EthAccount/EthAccount.stories.js

@@ -0,0 +1,64 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { EthAddress } from '@xylabs/sdk-js';
+import { FlexRow } from '../FlexBox';
+import { EthAccount } from './EthAccount';
+const StorybookEntry = {
+    argTypes: {},
+    component: EthAccount,
+    parameters: {
+        docs: {
+            page: null,
+        },
+    },
+    title: 'Components/EthAccount',
+};
+const Template = (args) => (_jsx(FlexRow, { children: _jsx(EthAccount, Object.assign({ variant: "outlined" }, args), void 0) }, void 0));
+const Long = Template.bind({});
+Long.args = {
+    address: EthAddress.fromString('0x6792b02f88b32c4fe8e31cfa41ae5af44865f930'),
+    addressLength: 'long',
+    icon: true,
+    title: 'Sample EthAccount',
+    toEtherScan: true,
+};
+const LongEmpty = Template.bind({});
+LongEmpty.args = {
+    addressLength: 'long',
+    icon: true,
+    title: 'Sample EthAccount',
+    toEtherScan: true,
+};
+const Short = Template.bind({});
+Short.args = {
+    address: EthAddress.fromString('0x6792b02f88b32c4fe8e31cfa41ae5af44865f930'),
+    addressLength: 'short',
+    icon: true,
+    title: 'Sample EthAccount',
+    toEtherScan: true,
+};
+const ShortEmpty = Template.bind({});
+ShortEmpty.args = {
+    addressLength: 'short',
+    icon: true,
+    title: 'Sample EthAccount',
+    toEtherScan: true,
+};
+const Auto = Template.bind({});
+Auto.args = {
+    address: EthAddress.fromString('0x6792b02f88b32c4fe8e31cfa41ae5af44865f930'),
+    addressLength: 'auto',
+    icon: true,
+    title: 'Sample EthAccount',
+    toEtherScan: true,
+};
+const AutoEmpty = Template.bind({});
+AutoEmpty.args = {
+    addressLength: 'auto',
+    icon: true,
+    title: 'Sample EthAccount',
+    toEtherScan: true,
+};
+export { Auto, AutoEmpty, Long, LongEmpty, Short, ShortEmpty };
+// eslint-disable-next-line import/no-default-export
+export default StorybookEntry;
+//# sourceMappingURL=EthAccount.stories.js.map

package/dist/components/EthAccount/EthAccount.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EthAccount.stories.js","sourceRoot":"","sources":["../../../src/components/EthAccount/EthAccount.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAE3C,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,MAAM,cAAc,GAAG;IACrB,QAAQ,EAAE,EAAE;IACZ,SAAS,EAAE,UAAU;IACrB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,IAAI,EAAE,IAAI;SACX;KACF;IACD,KAAK,EAAE,uBAAuB;CACK,CAAA;AAErC,MAAM,QAAQ,GAAsC,CAAC,IAAI,EAAE,EAAE,CAAC,CAC5D,KAAC,OAAO,cACN,KAAC,UAAU,kBAAC,OAAO,EAAC,UAAU,IAAK,IAAI,UAAe,WAC9C,CACX,CAAA;AAED,MAAM,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC9B,IAAI,CAAC,IAAI,GAAG;IACV,OAAO,EAAE,UAAU,CAAC,UAAU,CAAC,4CAA4C,CAAC;IAC5E,aAAa,EAAE,MAAM;IACrB,IAAI,EAAE,IAAI;IACV,KAAK,EAAE,mBAAmB;IAC1B,WAAW,EAAE,IAAI;CAClB,CAAA;AAED,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACnC,SAAS,CAAC,IAAI,GAAG;IACf,aAAa,EAAE,MAAM;IACrB,IAAI,EAAE,IAAI;IACV,KAAK,EAAE,mBAAmB;IAC1B,WAAW,EAAE,IAAI;CAClB,CAAA;AAED,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC/B,KAAK,CAAC,IAAI,GAAG;IACX,OAAO,EAAE,UAAU,CAAC,UAAU,CAAC,4CAA4C,CAAC;IAC5E,aAAa,EAAE,OAAO;IACtB,IAAI,EAAE,IAAI;IACV,KAAK,EAAE,mBAAmB;IAC1B,WAAW,EAAE,IAAI;CAClB,CAAA;AAED,MAAM,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACpC,UAAU,CAAC,IAAI,GAAG;IAChB,aAAa,EAAE,OAAO;IACtB,IAAI,EAAE,IAAI;IACV,KAAK,EAAE,mBAAmB;IAC1B,WAAW,EAAE,IAAI;CAClB,CAAA;AAED,MAAM,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC9B,IAAI,CAAC,IAAI,GAAG;IACV,OAAO,EAAE,UAAU,CAAC,UAAU,CAAC,4CAA4C,CAAC;IAC5E,aAAa,EAAE,MAAM;IACrB,IAAI,EAAE,IAAI;IACV,KAAK,EAAE,mBAAmB;IAC1B,WAAW,EAAE,IAAI;CAClB,CAAA;AAED,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACnC,SAAS,CAAC,IAAI,GAAG;IACf,aAAa,EAAE,MAAM;IACrB,IAAI,EAAE,IAAI;IACV,KAAK,EAAE,mBAAmB;IAC1B,WAAW,EAAE,IAAI;CAClB,CAAA;AAED,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE,CAAA;AAE9D,oDAAoD;AACpD,eAAe,cAAc,CAAA"}

package/dist/components/EthAccount/EthAccountProps.d.ts

@@ -0,0 +1,17 @@
+import { EthAddress } from '@xylabs/sdk-js';
+import { MouseEventHandler } from 'react';
+import { ButtonExProps } from '../ButtonEx';
+interface EthAccountProps extends ButtonExProps {
+    address?: EthAddress | null;
+    addressLength?: 'auto' | 'short' | 'long';
+    full?: boolean;
+    icon?: boolean;
+    iconSize?: number;
+    iconOnly?: boolean;
+    text?: boolean;
+    page?: string;
+    toEtherScan?: boolean;
+    fontFamily?: string;
+    onButtonClick?: MouseEventHandler<HTMLButtonElement>;
+}
+export type { EthAccountProps };

package/dist/components/EthAccount/EthAccountProps.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=EthAccountProps.js.map

package/dist/components/EthAccount/EthAccountProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EthAccountProps.js","sourceRoot":"","sources":["../../../src/components/EthAccount/EthAccountProps.tsx"],"names":[],"mappings":""}

package/dist/components/EthAccount/index.d.ts

@@ -0,0 +1,4 @@
+import { EthAccount } from './EthAccount';
+import { EthAccountProps } from './EthAccountProps';
+export { EthAccount };
+export type { EthAccountProps };

package/dist/components/EthAccount/index.js

@@ -0,0 +1,3 @@
+import { EthAccount } from './EthAccount';
+export { EthAccount };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/EthAccount/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAGzC,OAAO,EAAE,UAAU,EAAE,CAAA"}

package/dist/components/EthBlock.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface EthAccountProps {
+    block?: number;
+}
+declare const EthBlock: React.FC<EthAccountProps>;
+export { EthBlock };

package/dist/components/EthBlock.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box, Link, Typography } from '@mui/material';
+const EthBlock = (props) => {
+    const { block } = props;
+    if (block) {
+        return (_jsx(Box, Object.assign({ alignItems: "center", display: "flex", flexGrow: 1, justifyContent: "center", paddingX: 1 }, { children: _jsx(Link, Object.assign({ href: `https://etherscan.io/block/${block}`, target: "_blank", title: `Ethereum Block #${block}` }, { children: _jsx(Typography, Object.assign({ variant: "caption" }, { children: block }), void 0) }), void 0) }), void 0));
+    }
+    else {
+        return _jsx(Box, {}, void 0);
+    }
+};
+export { EthBlock };
+//# sourceMappingURL=EthBlock.js.map

package/dist/components/EthBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EthBlock.js","sourceRoot":"","sources":["../../src/components/EthBlock.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAOrD,MAAM,QAAQ,GAA8B,CAAC,KAAsB,EAAE,EAAE;IACrE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAA;IACvB,IAAI,KAAK,EAAE;QACT,OAAO,CACL,KAAC,GAAG,kBAAC,UAAU,EAAC,QAAQ,EAAC,OAAO,EAAC,MAAM,EAAC,QAAQ,EAAE,CAAC,EAAE,cAAc,EAAC,QAAQ,EAAC,QAAQ,EAAE,CAAC,gBACtF,KAAC,IAAI,kBAAC,IAAI,EAAE,8BAA8B,KAAK,EAAE,EAAE,MAAM,EAAC,QAAQ,EAAC,KAAK,EAAE,mBAAmB,KAAK,EAAE,gBAClG,KAAC,UAAU,kBAAC,OAAO,EAAC,SAAS,gBAAE,KAAK,YAAc,YAC7C,YACH,CACP,CAAA;KACF;SAAM;QACL,OAAO,KAAC,GAAG,aAAG,CAAA;KACf;AACH,CAAC,CAAA;AAED,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/dist/components/Experiments/Experiment.d.ts

@@ -0,0 +1,7 @@
+import React, { PropsWithChildren } from 'react';
+export interface ExperimentProps {
+    weight: number;
+    key: string;
+}
+declare const Experiment: React.FC<PropsWithChildren<ExperimentProps>>;
+export { Experiment };

package/dist/components/Experiments/Experiment.js

@@ -0,0 +1,7 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+const Experiment = (props) => {
+    const { children } = props;
+    return _jsx(_Fragment, { children: children }, void 0);
+};
+export { Experiment };
+//# sourceMappingURL=Experiment.js.map

package/dist/components/Experiments/Experiment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Experiment.js","sourceRoot":"","sources":["../../../src/components/Experiments/Experiment.tsx"],"names":[],"mappings":";AAOA,MAAM,UAAU,GAAiD,CAAC,KAAK,EAAE,EAAE;IACzE,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAA;IAC1B,OAAO,4BAAG,QAAQ,WAAI,CAAA;AACxB,CAAC,CAAA;AAED,OAAO,EAAE,UAAU,EAAE,CAAA"}

package/dist/components/Experiments/Experiments.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ExperimentsProps } from './ExperimentsProps';
+declare const Experiments: React.FC<ExperimentsProps>;
+export { Experiments };

package/dist/components/Experiments/Experiments.js

@@ -0,0 +1,93 @@
+import { forget } from '@xylabs/sdk-js';
+import { useUserEvents } from '../../hooks';
+import { getLocalStorageObject, setLocalStorageObject } from '../../lib';
+import { ExperimentsLocalStorageKey, OutcomesLocalStorageKey } from './models';
+const defaultLocalStorageKey = 'testData';
+const experimentsTestData = {};
+let outcomes = {}; //prevent multi-outcome
+const saveOutcomes = () => {
+    setLocalStorageObject(OutcomesLocalStorageKey, outcomes);
+};
+const loadOutcomes = () => {
+    outcomes = getLocalStorageObject(OutcomesLocalStorageKey);
+};
+const mergeData = (data, log) => {
+    const dataArray = [];
+    for (const key in data) {
+        dataArray.push(`${key}-${data[key]}`);
+    }
+    log === null || log === void 0 ? void 0 : log.info('MergeData', dataArray.join('|'));
+    return dataArray.join('|');
+};
+const missingKeyError = new Error('Experiment Elements must have Keys');
+const makeChildrenArray = (children) => {
+    if (Array.isArray(children)) {
+        return children;
+    }
+    else {
+        return [children];
+    }
+};
+const buildLocalStorageKey = (localStorageProp) => {
+    return localStorageProp === true
+        ? defaultLocalStorageKey
+        : typeof localStorageProp === 'string'
+            ? localStorageProp !== null && localStorageProp !== void 0 ? localStorageProp : defaultLocalStorageKey
+            : '';
+};
+const calcTotalWeight = (childList) => {
+    let totalWeight = 0;
+    for (const child of childList) {
+        totalWeight += child.props.weight;
+    }
+    return totalWeight;
+};
+const saveExperimentDebugRanges = (name, totalWeight, childList) => {
+    const experiments = getLocalStorageObject(ExperimentsLocalStorageKey) || {};
+    experiments[name] = {
+        totalWeight,
+        variants: childList.map((child) => {
+            var _a;
+            return ({
+                name: (_a = child.key) === null || _a === void 0 ? void 0 : _a.toString(),
+                weight: child.props.weight,
+            });
+        }),
+    };
+    setLocalStorageObject(ExperimentsLocalStorageKey, experiments);
+};
+const Experiments = (props) => {
+    var _a, _b;
+    const { name, children, localStorageProp = true } = props;
+    const userEvents = useUserEvents();
+    loadOutcomes();
+    const localStorageKey = buildLocalStorageKey(localStorageProp);
+    const childList = makeChildrenArray(children);
+    const totalWeight = calcTotalWeight(childList);
+    saveExperimentDebugRanges(name, totalWeight, childList);
+    const firstTime = outcomes[name] === undefined;
+    let targetWeight = (_a = outcomes[name]) !== null && _a !== void 0 ? _a : Math.random() * totalWeight;
+    outcomes[name] = targetWeight;
+    saveOutcomes();
+    for (const child of childList) {
+        targetWeight -= child.props.weight;
+        if (targetWeight > 0)
+            continue;
+        if (!child.key) {
+            throw missingKeyError;
+        }
+        experimentsTestData[name] = (_b = child.key) === null || _b === void 0 ? void 0 : _b.toString();
+        if (firstTime) {
+            if (localStorageProp !== false) {
+                localStorage.setItem(localStorageKey, mergeData(experimentsTestData));
+            }
+            if (userEvents) {
+                forget(userEvents.testStarted({ name, variation: child.key }));
+            }
+        }
+        return child;
+    }
+    throw new Error('Experiment Choice Failed');
+};
+export { Experiments };
+//# sourceMappingURL=Experiments.js.map

package/dist/components/Experiments/Experiments.js.map

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