@xylabs/sdk-react 2.8.5 → 2.9.4

package/dist/components/BasePage/BasePage.js

@@ -8,10 +8,10 @@ import { FlexCol, FlexRow } from '../FlexBox';
 import { InvertableThemeProvider } from '../InvertableThemeProvider';
 import { ScrollToTopButton } from '../ScrollToTopButton';
 var BasePage = function (_a) {
-    var disableGutters = _a.disableGutters, children = _a.children, beta = _a.beta, container = _a.container, hideFooter = _a.hideFooter, appFooter = _a.appFooter, appBar = _a.appBar, cookieConsent = _a.cookieConsent, hideAppBar = _a.hideAppBar, _b = _a.noindex, noindex = _b === void 0 ? false : _b, _c = _a.scrollToTopButton, scrollToTopButton = _c === void 0 ? false : _c, title = _a.title, props = __rest(_a, ["disableGutters", "children", "beta", "container", "hideFooter", "appFooter", "appBar", "cookieConsent", "hideAppBar", "noindex", "scrollToTopButton", "title"]);
+    var disableGutters = _a.disableGutters, children = _a.children, beta = _a.beta, container = _a.container, hideFooter = _a.hideFooter, appFooter = _a.appFooter, appBar = _a.appBar, cookieConsent = _a.cookieConsent, filterBar = _a.filterBar, hideAppBar = _a.hideAppBar, hideFilterBar = _a.hideFilterBar, _b = _a.noindex, noindex = _b === void 0 ? false : _b, _c = _a.scrollToTopButton, scrollToTopButton = _c === void 0 ? false : _c, title = _a.title, props = __rest(_a, ["disableGutters", "children", "beta", "container", "hideFooter", "appFooter", "appBar", "cookieConsent", "filterBar", "hideAppBar", "hideFilterBar", "noindex", "scrollToTopButton", "title"]);
     var theme = useTheme();
     var scrollToTopAnchorId = 'scroll-to-top-anchor';
-    return (_jsxs(FlexCol, __assign({ justifyContent: "flex-start", color: theme.palette.text.primary, alignItems: "stretch", width: "100%", maxWidth: "100vw", minHeight: "100vh" }, props, { children: [_jsx(Helmet, __assign({ title: title }, { children: noindex ? _jsx("meta", { content: "noindex", name: "robots" }, void 0) : null }), void 0), scrollToTopButton ? _jsx("div", { id: scrollToTopAnchorId }, void 0) : null, hideAppBar ? null : appBar, beta ? (_jsx(FlexRow, __assign({ margin: 1, position: "absolute", top: 0, left: 0, bgcolor: "#cccccc88", paddingX: 1, style: { opacity: 0.5 } }, { children: _jsx(Typography, __assign({ variant: "body2" }, { children: "Important: This page is a Beta page. It is possible that some information may not be correct." }), void 0) }), void 0)) : null, container ? (_jsx(Container, __assign({ style: { alignItems: 'stretch', display: 'flex', flexDirection: 'column', flexGrow: 1 }, maxWidth: container, disableGutters: disableGutters }, { children: children }), void 0)) : (children), hideFooter ? null : _jsx("footer", { children: appFooter }, void 0), cookieConsent !== null && cookieConsent !== void 0 ? cookieConsent : (_jsx(ScopedCssBaseline, { children: _jsx(InvertableThemeProvider, __assign({ invert: true }, { children: _jsx(CookieConsent, { borderRadius: 0 }, void 0) }), void 0) }, void 0)), scrollToTopButton ? (_jsx(ScrollToTopButton, __assign({ anchorId: scrollToTopAnchorId }, { children: _jsx(Fab, __assign({ "aria-label": "scroll to top", color: "secondary", size: "small" }, { children: _jsx(KeyboardArrowUpIcon, {}, void 0) }), void 0) }), void 0)) : null] }), void 0));
+    return (_jsxs(FlexCol, __assign({ justifyContent: "flex-start", color: theme.palette.text.primary, alignItems: "stretch", width: "100%", maxWidth: "100vw", minHeight: "100vh" }, props, { children: [_jsx(Helmet, __assign({ title: title }, { children: noindex ? _jsx("meta", { content: "noindex", name: "robots" }, void 0) : null }), void 0), scrollToTopButton ? _jsx("div", { id: scrollToTopAnchorId }, void 0) : null, hideAppBar ? null : appBar, hideFilterBar ? null : filterBar, beta ? (_jsx(FlexRow, __assign({ margin: 1, position: "absolute", top: 0, left: 0, bgcolor: "#cccccc88", paddingX: 1, style: { opacity: 0.5 } }, { children: _jsx(Typography, __assign({ variant: "body2" }, { children: "Important: This page is a Beta page. It is possible that some information may not be correct." }), void 0) }), void 0)) : null, container ? (_jsx(Container, __assign({ style: { alignItems: 'stretch', display: 'flex', flexDirection: 'column', flexGrow: 1 }, maxWidth: container, disableGutters: disableGutters }, { children: children }), void 0)) : (children), hideFooter ? null : _jsx("footer", { children: appFooter }, void 0), cookieConsent !== null && cookieConsent !== void 0 ? cookieConsent : (_jsx(ScopedCssBaseline, { children: _jsx(InvertableThemeProvider, __assign({ invert: true }, { children: _jsx(CookieConsent, { borderRadius: 0 }, void 0) }), void 0) }, void 0)), scrollToTopButton ? (_jsx(ScrollToTopButton, __assign({ anchorId: scrollToTopAnchorId }, { children: _jsx(Fab, __assign({ "aria-label": "scroll to top", color: "secondary", size: "small" }, { children: _jsx(KeyboardArrowUpIcon, {}, void 0) }), void 0) }), void 0)) : null] }), void 0));
 };
 export { BasePage };
 //# sourceMappingURL=BasePage.js.map

package/dist/components/BasePage/BasePage.js.map

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

package/dist/components/BasePage/BasePage.stories.js

@@ -12,8 +12,12 @@ var StorybookEntry = {
     title: 'Components/BasePage',
 };
 var Template = function (args) { return _jsx(BasePage, __assign({}, args), void 0); };
+var AppBar = function () { return _jsx("div", { children: "AppBar" }, void 0); };
+var FilterBar = function () { return _jsx("div", { children: "FilterBar" }, void 0); };
 var Default = Template.bind({});
 Default.args = {
+    appBar: _jsx(AppBar, {}, void 0),
+    filterBar: _jsx(FilterBar, {}, void 0),
     title: 'Default',
 };
 export { Default };

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

@@ -1 +1 @@
-{"version":3,"file":"BasePage.stories.js","sourceRoot":"","sources":["../../../src/components/BasePage/BasePage.stories.tsx"],"names":[],"mappings":";;AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,IAAM,cAAc,GAAG;IACrB,QAAQ,EAAE,EAAE;IACZ,SAAS,EAAE,QAAQ;IACnB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,IAAI,EAAE,IAAI;SACX;KACF;IACD,KAAK,EAAE,qBAAqB;CACK,CAAA;AAEnC,IAAM,QAAQ,GAAoC,UAAC,IAAI,IAAK,OAAA,KAAC,QAAQ,eAAK,IAAI,UAAa,EAA/B,CAA+B,CAAA;AAE3F,IAAM,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"}
+{"version":3,"file":"BasePage.stories.js","sourceRoot":"","sources":["../../../src/components/BasePage/BasePage.stories.tsx"],"names":[],"mappings":";;AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,IAAM,cAAc,GAAG;IACrB,QAAQ,EAAE,EAAE;IACZ,SAAS,EAAE,QAAQ;IACnB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,IAAI,EAAE,IAAI;SACX;KACF;IACD,KAAK,EAAE,qBAAqB;CACK,CAAA;AAEnC,IAAM,QAAQ,GAAoC,UAAC,IAAI,IAAK,OAAA,KAAC,QAAQ,eAAK,IAAI,UAAa,EAA/B,CAA+B,CAAA;AAE3F,IAAM,MAAM,GAAG,cAAM,OAAA,2CAAiB,EAAjB,CAAiB,CAAA;AACtC,IAAM,SAAS,GAAG,cAAM,OAAA,8CAAoB,EAApB,CAAoB,CAAA;AAE5C,IAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACjC,OAAO,CAAC,IAAI,GAAG;IACb,MAAM,EAAE,KAAC,MAAM,aAAG;IAClB,SAAS,EAAE,KAAC,SAAS,aAAG;IACxB,KAAK,EAAE,SAAS;CACjB,CAAA;AAED,OAAO,EAAE,OAAO,EAAE,CAAA;AAElB,oDAAoD;AACpD,eAAe,cAAc,CAAA"}

package/dist/components/BasePage/BasePageProps.d.ts

@@ -7,7 +7,9 @@ interface BasePageProps extends BoxProps {
     beta?: boolean;
     container?: 'xl' | 'lg' | 'md' | 'sm' | 'xs';
     disableGutters?: boolean;
+    filterBar?: ReactElement;
     hideAppBar?: boolean;
+    hideFilterBar?: boolean;
     hideFooter?: boolean;
     noindex?: boolean;
     cookieConsent?: ReactNode;

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

@@ -1,6 +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.map

@@ -1 +1 @@
-{"version":3,"file":"Experiment.js","sourceRoot":"","sources":["../../../src/components/Experiments/Experiment.tsx"],"names":[],"mappings":";AAMA,IAAM,UAAU,GAAiD,UAAC,KAAK;IAC7D,IAAA,QAAQ,GAAK,KAAK,SAAV,CAAU;IAC1B,OAAO,4BAAG,QAAQ,WAAI,CAAA;AACxB,CAAC,CAAA;AAED,OAAO,EAAE,UAAU,EAAE,CAAA"}
+{"version":3,"file":"Experiment.js","sourceRoot":"","sources":["../../../src/components/Experiments/Experiment.tsx"],"names":[],"mappings":";AAOA,IAAM,UAAU,GAAiD,UAAC,KAAK;IAC7D,IAAA,QAAQ,GAAK,KAAK,SAAV,CAAU;IAC1B,OAAO,4BAAG,QAAQ,WAAI,CAAA;AACxB,CAAC,CAAA;AAED,OAAO,EAAE,UAAU,EAAE,CAAA"}

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

@@ -1,9 +1,4 @@
-import React, { ReactElement } from 'react';
-import { ExperimentProps } from './Experiment';
-declare type Props = {
-    children: ReactElement<ExperimentProps>[] | ReactElement<ExperimentProps>;
-    localStorageProp?: string | boolean;
-    name: string;
-};
-declare const Experiments: React.FC<Props>;
+import React from 'react';
+import { ExperimentsProps } from './ExperimentsProps';
+declare const Experiments: React.FC<ExperimentsProps>;
 export { Experiments };

package/dist/components/Experiments/Experiments.js

@@ -3,14 +3,15 @@ import { forget } from '@xylabs/sdk-js';
 import { useContext } from 'react';
 import { UserEventsContext } from '../../contexts';
 import { getLocalStorageObject, setLocalStorageObject } from '../../lib';
+import { ExperimentsLocalStorageKey, OutcomesLocalStorageKey } from './models';
 var defaultLocalStorageKey = 'testData';
 var experimentsTestData = {};
 var outcomes = {}; //prevent multi-outcome
 var saveOutcomes = function () {
-    setLocalStorageObject('outcomes', outcomes);
+    setLocalStorageObject(OutcomesLocalStorageKey, outcomes);
 };
 var loadOutcomes = function () {
-    outcomes = getLocalStorageObject('outcomes');
+    outcomes = getLocalStorageObject(OutcomesLocalStorageKey);
 };
 var mergeData = function (data, log) {
     var dataArray = [];
@@ -54,6 +55,20 @@ var calcTotalWeight = function (childList) {
     }
     return totalWeight;
 };
+var saveExperimentDebugRanges = function (name, totalWeight, childList) {
+    var experiments = getLocalStorageObject(ExperimentsLocalStorageKey) || {};
+    experiments[name] = {
+        totalWeight: totalWeight,
+        variants: childList.map(function (child) {
+            var _a;
+            return ({
+                name: (_a = child.key) === null || _a === void 0 ? void 0 : _a.toString(),
+                weight: child.props.weight,
+            });
+        }),
+    };
+    setLocalStorageObject(ExperimentsLocalStorageKey, experiments);
+};
 var Experiments = function (props) {
     var e_2, _a;
     var _b, _c;
@@ -64,6 +79,7 @@ var Experiments = function (props) {
     var localStorageKey = buildLocalStorageKey(localStorageProp);
     var childList = makeChildrenArray(children);
     var totalWeight = calcTotalWeight(childList);
+    saveExperimentDebugRanges(name, totalWeight, childList);
     var firstTime = outcomes[name] === undefined;
     var targetWeight = (_b = outcomes[name]) !== null && _b !== void 0 ? _b : Math.random() * totalWeight;
     outcomes[name] = targetWeight;

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

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

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

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

package/dist/components/Experiments/Experiments.stories.js

@@ -0,0 +1,27 @@
+import { __assign } from "tslib";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Experiment } from './Experiment';
+import { Experiments } from './Experiments';
+var StorybookEntry = {
+    argTypes: {},
+    component: Experiments,
+    parameters: {
+        docs: {
+            page: null,
+        },
+    },
+    title: 'Components/Experiments',
+};
+var Template = function (args) { return _jsx(Experiments, __assign({}, args), void 0); };
+var Default = Template.bind({});
+Default.args = {
+    children: [
+        _jsx(Experiment, __assign({ weight: 50 }, { children: "True" }), 'true'),
+        _jsx(Experiment, __assign({ weight: 50 }, { children: "False" }), 'false'),
+    ],
+    name: 'StorybookAB',
+};
+export { Default };
+// eslint-disable-next-line import/no-default-export
+export default StorybookEntry;
+//# sourceMappingURL=Experiments.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Experiments.stories.js","sourceRoot":"","sources":["../../../src/components/Experiments/Experiments.stories.tsx"],"names":[],"mappings":";;AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAE3C,IAAM,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,IAAM,QAAQ,GAAuC,UAAC,IAAI,IAAK,OAAA,KAAC,WAAW,eAAK,IAAI,UAAgB,EAArC,CAAqC,CAAA;AAEpG,IAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACjC,OAAO,CAAC,IAAI,GAAG;IACb,QAAQ,EAAE;QACR,KAAC,UAAU,aAAC,MAAM,EAAE,EAAE,2BAAO,MAAM,CAEtB;QACb,KAAC,UAAU,aAAC,MAAM,EAAE,EAAE,4BAAO,OAAO,CAEvB;KACd;IACD,IAAI,EAAE,aAAa;CACpB,CAAA;AAED,OAAO,EAAE,OAAO,EAAE,CAAA;AAElB,oDAAoD;AACpD,eAAe,cAAc,CAAA"}

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

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const ExperimentsDebugger: React.FC;
+export { ExperimentsDebugger };

package/dist/components/Experiments/ExperimentsDebugger.js

@@ -0,0 +1,37 @@
+import { __assign, __read, __rest, __spreadArray } from "tslib";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Slider, Typography } from '@mui/material';
+import { useLocalStorage } from '../../hooks';
+import { FlexCol, FlexRow } from '../FlexBox';
+import { ExperimentsLocalStorageKey, OutcomesLocalStorageKey, } from './models';
+var ExperimentsDebugger = function (_a) {
+    var props = __rest(_a, []);
+    var _b = __read(useLocalStorage(ExperimentsLocalStorageKey, {}), 1), experiments = _b[0];
+    var _c = __read(useLocalStorage(OutcomesLocalStorageKey, {}), 2), outcomes = _c[0], setOutcomes = _c[1];
+    var sumUpVariants = function (items) { return items.reduce(function (acc, curr) { return acc + curr.weight; }, 0); };
+    var experimentEntries = Object.entries(experiments);
+    if (!experiments || !experimentEntries.length) {
+        return (_jsxs(FlexCol, __assign({ alignItems: "stretch" }, props, { children: [_jsx(Typography, __assign({ variant: "subtitle1" }, { children: "No Experiments loaded" }), void 0), _jsx(Typography, __assign({ variant: "subtitle2" }, { children: "Visit a page with an experiment to load the data" }), void 0)] }), void 0));
+    }
+    return (_jsx(FlexCol, __assign({ alignItems: "stretch" }, props, { children: Object.entries(experiments).map(function (data) {
+            var _a = __read(data, 2), name = _a[0], experiment = _a[1];
+            var outcome = (outcomes[name] || 0);
+            var marks = __spreadArray([
+                { label: "".concat(experiment.variants[0].name, " | ").concat(experiment.variants[0].weight), value: 0 }
+            ], __read(experiment.variants.map(function (_a, index) {
+                var weight = _a.weight;
+                return ({
+                    label: index === experiment.variants.length - 1 ? 'End' : "".concat(experiment.variants[index + 1].name, " | ").concat(weight),
+                    value: index === 0 ? weight : sumUpVariants(experiment.variants.slice(0, index + 1)),
+                });
+            })), false);
+            return (_jsxs(FlexCol, __assign({ alignItems: "stretch", paddingX: 4, marginBottom: 4 }, props, { children: [_jsxs(FlexRow, { children: [name, ":\u00A0", outcome] }, void 0), _jsx(FlexRow, { children: _jsx(Slider, { "aria-label": "Experiment ".concat(name), defaultValue: outcome, value: outcome, marks: marks, onChange: function (e, value) {
+                                var truncated = Number((Array.isArray(value) ? value[0] : value).toFixed(2));
+                                outcomes[name] = truncated;
+                                // Spread operator triggers rerender
+                                setOutcomes(__assign({}, outcomes));
+                            } }, void 0) }, void 0)] }), "experiment-".concat(name)));
+        }) }), void 0));
+};
+export { ExperimentsDebugger };
+//# sourceMappingURL=ExperimentsDebugger.js.map

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

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

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

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

package/dist/components/Experiments/ExperimentsDebugger.stories.js

@@ -0,0 +1,20 @@
+import { __assign } from "tslib";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ExperimentsDebugger } from './index';
+var StorybookEntry = {
+    argTypes: {},
+    component: ExperimentsDebugger,
+    parameters: {
+        docs: {
+            page: null,
+        },
+    },
+    title: 'Components/ExperimentsDebugger',
+};
+var Template = function (args) { return _jsx(ExperimentsDebugger, __assign({}, args), void 0); };
+var Default = Template.bind({});
+Default.args = {};
+export { Default };
+// eslint-disable-next-line import/no-default-export
+export default StorybookEntry;
+//# sourceMappingURL=ExperimentsDebugger.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ExperimentsDebugger.stories.js","sourceRoot":"","sources":["../../../src/components/Experiments/ExperimentsDebugger.stories.tsx"],"names":[],"mappings":";;AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAE7C,IAAM,cAAc,GAAG;IACrB,QAAQ,EAAE,EAAE;IACZ,SAAS,EAAE,mBAAmB;IAC9B,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,IAAI,EAAE,IAAI;SACX;KACF;IACD,KAAK,EAAE,gCAAgC;CACK,CAAA;AAE9C,IAAM,QAAQ,GAA+C,UAAC,IAAI,IAAK,OAAA,KAAC,mBAAmB,eAAK,IAAI,UAAI,EAAjC,CAAiC,CAAA;AAExG,IAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACjC,OAAO,CAAC,IAAI,GAAG,EAAE,CAAA;AAEjB,OAAO,EAAE,OAAO,EAAE,CAAA;AAElB,oDAAoD;AACpD,eAAe,cAAc,CAAA"}

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

@@ -0,0 +1,7 @@
+import { ReactElement } from 'react';
+import { ExperimentProps } from './Experiment';
+export declare type ExperimentsProps = {
+    children: ReactElement<ExperimentProps>[] | ReactElement<ExperimentProps>;
+    localStorageProp?: string | boolean;
+    name: string;
+};

package/dist/components/Experiments/ExperimentsProps.js

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

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

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

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

@@ -1,3 +1,4 @@
 import { Experiment } from './Experiment';
 import { Experiments } from './Experiments';
-export { Experiment, Experiments };
+import { ExperimentsDebugger } from './ExperimentsDebugger';
+export { Experiment, Experiments, ExperimentsDebugger };

package/dist/components/Experiments/index.js

@@ -1,4 +1,5 @@
 import { Experiment } from './Experiment';
 import { Experiments } from './Experiments';
-export { Experiment, Experiments };
+import { ExperimentsDebugger } from './ExperimentsDebugger';
+export { Experiment, Experiments, ExperimentsDebugger };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Experiments/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAE3C,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Experiments/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAE3D,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,mBAAmB,EAAE,CAAA"}

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

@@ -0,0 +1,12 @@
+export declare const OutcomesLocalStorageKey = "outcomes";
+export declare const ExperimentsLocalStorageKey = "experiments";
+export declare type OutcomesData = Record<string, number>;
+export declare type ExperimentsData = Record<string, ExperimentData>;
+export declare type ExperimentData = {
+    totalWeight: number;
+    variants: VariantData[];
+};
+export declare type VariantData = {
+    weight: number;
+    name?: string;
+};

package/dist/components/Experiments/models/index.js

@@ -0,0 +1,3 @@
+export var OutcomesLocalStorageKey = 'outcomes';
+export var ExperimentsLocalStorageKey = 'experiments';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Experiments/models/index.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,uBAAuB,GAAG,UAAU,CAAA;AACjD,MAAM,CAAC,IAAM,0BAA0B,GAAG,aAAa,CAAA"}

package/dist/esm2017/components/BasePage/BasePageProps.d.ts

@@ -7,7 +7,9 @@ interface BasePageProps extends BoxProps {
     beta?: boolean;
     container?: 'xl' | 'lg' | 'md' | 'sm' | 'xs';
     disableGutters?: boolean;
+    filterBar?: ReactElement;
     hideAppBar?: boolean;
+    hideFilterBar?: boolean;
     hideFooter?: boolean;
     noindex?: boolean;
     cookieConsent?: ReactNode;

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

@@ -1,6 +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/esm2017/components/Experiments/Experiments.d.ts

@@ -1,9 +1,4 @@
-import React, { ReactElement } from 'react';
-import { ExperimentProps } from './Experiment';
-declare type Props = {
-    children: ReactElement<ExperimentProps>[] | ReactElement<ExperimentProps>;
-    localStorageProp?: string | boolean;
-    name: string;
-};
-declare const Experiments: React.FC<Props>;
+import React from 'react';
+import { ExperimentsProps } from './ExperimentsProps';
+declare const Experiments: React.FC<ExperimentsProps>;
 export { Experiments };

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

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

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

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const ExperimentsDebugger: React.FC;
+export { ExperimentsDebugger };

package/dist/esm2017/components/Experiments/ExperimentsDebugger.stories.d.ts

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

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

@@ -0,0 +1,7 @@
+import { ReactElement } from 'react';
+import { ExperimentProps } from './Experiment';
+export declare type ExperimentsProps = {
+    children: ReactElement<ExperimentProps>[] | ReactElement<ExperimentProps>;
+    localStorageProp?: string | boolean;
+    name: string;
+};

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

@@ -1,3 +1,4 @@
 import { Experiment } from './Experiment';
 import { Experiments } from './Experiments';
-export { Experiment, Experiments };
+import { ExperimentsDebugger } from './ExperimentsDebugger';
+export { Experiment, Experiments, ExperimentsDebugger };

package/dist/esm2017/components/Experiments/models/index.d.ts

@@ -0,0 +1,12 @@
+export declare const OutcomesLocalStorageKey = "outcomes";
+export declare const ExperimentsLocalStorageKey = "experiments";
+export declare type OutcomesData = Record<string, number>;
+export declare type ExperimentsData = Record<string, ExperimentData>;
+export declare type ExperimentData = {
+    totalWeight: number;
+    variants: VariantData[];
+};
+export declare type VariantData = {
+    weight: number;
+    name?: string;
+};

package/dist/esm2017/hooks/index.d.ts

@@ -1,4 +1,5 @@
 export * from './useBreakpoint';
+export * from './useLocalStorage';
 export * from './useMediaQuery';
 export * from './useMounted';
 export * from './useNavigateToEthAddress';

package/dist/esm2017/hooks/useLocalStorage.d.ts

@@ -0,0 +1 @@
+export declare const useLocalStorage: <T>(key: string, defaultValue: T) => [T, (value: T) => void];

package/dist/esm2017/index.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { useTheme, Box, alpha, CircularProgress, LinearProgress, Paper, Typography, IconButton, useScrollTrigger, Zoom, AppBar, Container, Toolbar, Button, Link, responsiveFontSizes, ScopedCssBaseline, ThemeProvider, Fab, Breadcrumbs, Dialog, DialogTitle, DialogContent, DialogActions, useMediaQuery } from '@mui/material';
+import { useTheme, Box, alpha, CircularProgress, LinearProgress, Paper, Typography, IconButton, useScrollTrigger, Zoom, AppBar, Container, Toolbar, Button, Link, responsiveFontSizes, ScopedCssBaseline, ThemeProvider, Fab, Breadcrumbs, Dialog, DialogTitle, DialogContent, DialogActions, useMediaQuery, Slider } from '@mui/material';
 export { useMediaQuery } from '@mui/material';
 import { AiOutlineReload, AiOutlineQuestionCircle } from 'react-icons/ai';
 import { makeStyles, createStyles } from '@mui/styles';
@@ -135,6 +135,16 @@ function __read(o, n) {
         finally { if (e) throw e.error; }
     }
     return ar;
+}
+
+function __spreadArray(to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
 }
 
 var BusyCircularProgress = function (_a) {
@@ -2146,10 +2156,10 @@ var InvertableThemeProvider = function (_a) {
 };
 
 var BasePage = function (_a) {
-    var disableGutters = _a.disableGutters, children = _a.children, beta = _a.beta, container = _a.container, hideFooter = _a.hideFooter, appFooter = _a.appFooter, appBar = _a.appBar, cookieConsent = _a.cookieConsent, hideAppBar = _a.hideAppBar, _b = _a.noindex, noindex = _b === void 0 ? false : _b, _c = _a.scrollToTopButton, scrollToTopButton = _c === void 0 ? false : _c, title = _a.title, props = __rest(_a, ["disableGutters", "children", "beta", "container", "hideFooter", "appFooter", "appBar", "cookieConsent", "hideAppBar", "noindex", "scrollToTopButton", "title"]);
+    var disableGutters = _a.disableGutters, children = _a.children, beta = _a.beta, container = _a.container, hideFooter = _a.hideFooter, appFooter = _a.appFooter, appBar = _a.appBar, cookieConsent = _a.cookieConsent, filterBar = _a.filterBar, hideAppBar = _a.hideAppBar, hideFilterBar = _a.hideFilterBar, _b = _a.noindex, noindex = _b === void 0 ? false : _b, _c = _a.scrollToTopButton, scrollToTopButton = _c === void 0 ? false : _c, title = _a.title, props = __rest(_a, ["disableGutters", "children", "beta", "container", "hideFooter", "appFooter", "appBar", "cookieConsent", "filterBar", "hideAppBar", "hideFilterBar", "noindex", "scrollToTopButton", "title"]);
     var theme = useTheme();
     var scrollToTopAnchorId = 'scroll-to-top-anchor';
-    return (jsxs(FlexCol, __assign({ justifyContent: "flex-start", color: theme.palette.text.primary, alignItems: "stretch", width: "100%", maxWidth: "100vw", minHeight: "100vh" }, props, { children: [jsx(Helmet, __assign({ title: title }, { children: noindex ? jsx("meta", { content: "noindex", name: "robots" }, void 0) : null }), void 0), scrollToTopButton ? jsx("div", { id: scrollToTopAnchorId }, void 0) : null, hideAppBar ? null : appBar, beta ? (jsx(FlexRow, __assign({ margin: 1, position: "absolute", top: 0, left: 0, bgcolor: "#cccccc88", paddingX: 1, style: { opacity: 0.5 } }, { children: jsx(Typography, __assign({ variant: "body2" }, { children: "Important: This page is a Beta page. It is possible that some information may not be correct." }), void 0) }), void 0)) : null, container ? (jsx(Container, __assign({ style: { alignItems: 'stretch', display: 'flex', flexDirection: 'column', flexGrow: 1 }, maxWidth: container, disableGutters: disableGutters }, { children: children }), void 0)) : (children), hideFooter ? null : jsx("footer", { children: appFooter }, void 0), cookieConsent !== null && cookieConsent !== void 0 ? cookieConsent : (jsx(ScopedCssBaseline, { children: jsx(InvertableThemeProvider, __assign({ invert: true }, { children: jsx(CookieConsent, { borderRadius: 0 }, void 0) }), void 0) }, void 0)), scrollToTopButton ? (jsx(ScrollToTopButton, __assign({ anchorId: scrollToTopAnchorId }, { children: jsx(Fab, __assign({ "aria-label": "scroll to top", color: "secondary", size: "small" }, { children: jsx(KeyboardArrowUp, {}, void 0) }), void 0) }), void 0)) : null] }), void 0));
+    return (jsxs(FlexCol, __assign({ justifyContent: "flex-start", color: theme.palette.text.primary, alignItems: "stretch", width: "100%", maxWidth: "100vw", minHeight: "100vh" }, props, { children: [jsx(Helmet, __assign({ title: title }, { children: noindex ? jsx("meta", { content: "noindex", name: "robots" }, void 0) : null }), void 0), scrollToTopButton ? jsx("div", { id: scrollToTopAnchorId }, void 0) : null, hideAppBar ? null : appBar, hideFilterBar ? null : filterBar, beta ? (jsx(FlexRow, __assign({ margin: 1, position: "absolute", top: 0, left: 0, bgcolor: "#cccccc88", paddingX: 1, style: { opacity: 0.5 } }, { children: jsx(Typography, __assign({ variant: "body2" }, { children: "Important: This page is a Beta page. It is possible that some information may not be correct." }), void 0) }), void 0)) : null, container ? (jsx(Container, __assign({ style: { alignItems: 'stretch', display: 'flex', flexDirection: 'column', flexGrow: 1 }, maxWidth: container, disableGutters: disableGutters }, { children: children }), void 0)) : (children), hideFooter ? null : jsx("footer", { children: appFooter }, void 0), cookieConsent !== null && cookieConsent !== void 0 ? cookieConsent : (jsx(ScopedCssBaseline, { children: jsx(InvertableThemeProvider, __assign({ invert: true }, { children: jsx(CookieConsent, { borderRadius: 0 }, void 0) }), void 0) }, void 0)), scrollToTopButton ? (jsx(ScrollToTopButton, __assign({ anchorId: scrollToTopAnchorId }, { children: jsx(Fab, __assign({ "aria-label": "scroll to top", color: "secondary", size: "small" }, { children: jsx(KeyboardArrowUp, {}, void 0) }), void 0) }), void 0)) : null] }), void 0));
 };
 
 var getPartialPath = function (pathParts, index) {
@@ -2229,6 +2239,26 @@ var useBreakpoint = function () {
     }
 };
 
+var useLocalStorage = function (key, defaultValue) {
+    var _a = __read(useState(function () {
+        try {
+            var item = getLocalStorageObject(key);
+            return item || defaultValue;
+        }
+        catch (ex) {
+            //Error is already logged
+            return defaultValue;
+        }
+    }), 2), storedValue = _a[0], setStoredValue = _a[1];
+    var setValue = function (value) {
+        console.log('setValue', value);
+        setStoredValue(value);
+        setLocalStorageObject(key, value);
+        console.log('getValue from ls', getLocalStorageObject(key));
+    };
+    return [storedValue, setValue];
+};
+
 var useMounted = function () {
     var _a = __read(useState(true), 2), mounted = _a[0], setMounted = _a[1];
     useEffect(function () {
@@ -2352,14 +2382,17 @@ var Experiment = function (props) {
     return jsx(Fragment, { children: children }, void 0);
 };
 
+var OutcomesLocalStorageKey = 'outcomes';
+var ExperimentsLocalStorageKey = 'experiments';
+
 var defaultLocalStorageKey = 'testData';
 var experimentsTestData = {};
 var outcomes = {}; //prevent multi-outcome
 var saveOutcomes = function () {
-    setLocalStorageObject('outcomes', outcomes);
+    setLocalStorageObject(OutcomesLocalStorageKey, outcomes);
 };
 var loadOutcomes = function () {
-    outcomes = getLocalStorageObject('outcomes');
+    outcomes = getLocalStorageObject(OutcomesLocalStorageKey);
 };
 var mergeData = function (data, log) {
     var dataArray = [];
@@ -2403,6 +2436,20 @@ var calcTotalWeight = function (childList) {
     }
     return totalWeight;
 };
+var saveExperimentDebugRanges = function (name, totalWeight, childList) {
+    var experiments = getLocalStorageObject(ExperimentsLocalStorageKey) || {};
+    experiments[name] = {
+        totalWeight: totalWeight,
+        variants: childList.map(function (child) {
+            var _a;
+            return ({
+                name: (_a = child.key) === null || _a === void 0 ? void 0 : _a.toString(),
+                weight: child.props.weight,
+            });
+        }),
+    };
+    setLocalStorageObject(ExperimentsLocalStorageKey, experiments);
+};
 var Experiments = function (props) {
     var e_2, _a;
     var _b, _c;
@@ -2413,6 +2460,7 @@ var Experiments = function (props) {
     var localStorageKey = buildLocalStorageKey(localStorageProp);
     var childList = makeChildrenArray(children);
     var totalWeight = calcTotalWeight(childList);
+    saveExperimentDebugRanges(name, totalWeight, childList);
     var firstTime = outcomes[name] === undefined;
     var targetWeight = (_b = outcomes[name]) !== null && _b !== void 0 ? _b : Math.random() * totalWeight;
     outcomes[name] = targetWeight;
@@ -2448,6 +2496,36 @@ var Experiments = function (props) {
     throw new Error('Experiment Choice Failed');
 };
 
+var ExperimentsDebugger = function (_a) {
+    var props = __rest(_a, []);
+    var _b = __read(useLocalStorage(ExperimentsLocalStorageKey, {}), 1), experiments = _b[0];
+    var _c = __read(useLocalStorage(OutcomesLocalStorageKey, {}), 2), outcomes = _c[0], setOutcomes = _c[1];
+    var sumUpVariants = function (items) { return items.reduce(function (acc, curr) { return acc + curr.weight; }, 0); };
+    var experimentEntries = Object.entries(experiments);
+    if (!experiments || !experimentEntries.length) {
+        return (jsxs(FlexCol, __assign({ alignItems: "stretch" }, props, { children: [jsx(Typography, __assign({ variant: "subtitle1" }, { children: "No Experiments loaded" }), void 0), jsx(Typography, __assign({ variant: "subtitle2" }, { children: "Visit a page with an experiment to load the data" }), void 0)] }), void 0));
+    }
+    return (jsx(FlexCol, __assign({ alignItems: "stretch" }, props, { children: Object.entries(experiments).map(function (data) {
+            var _a = __read(data, 2), name = _a[0], experiment = _a[1];
+            var outcome = (outcomes[name] || 0);
+            var marks = __spreadArray([
+                { label: "".concat(experiment.variants[0].name, " | ").concat(experiment.variants[0].weight), value: 0 }
+            ], __read(experiment.variants.map(function (_a, index) {
+                var weight = _a.weight;
+                return ({
+                    label: index === experiment.variants.length - 1 ? 'End' : "".concat(experiment.variants[index + 1].name, " | ").concat(weight),
+                    value: index === 0 ? weight : sumUpVariants(experiment.variants.slice(0, index + 1)),
+                });
+            })), false);
+            return (jsxs(FlexCol, __assign({ alignItems: "stretch", paddingX: 4, marginBottom: 4 }, props, { children: [jsxs(FlexRow, { children: [name, ":\u00A0", outcome] }, void 0), jsx(FlexRow, { children: jsx(Slider, { "aria-label": "Experiment ".concat(name), defaultValue: outcome, value: outcome, marks: marks, onChange: function (e, value) {
+                                var truncated = Number((Array.isArray(value) ? value[0] : value).toFixed(2));
+                                outcomes[name] = truncated;
+                                // Spread operator triggers rerender
+                                setOutcomes(__assign({}, outcomes));
+                            } }, void 0) }, void 0)] }), "experiment-".concat(name)));
+        }) }), void 0));
+};
+
 var LinkToEx = function (_a) {
     var to = _a.to, props = __rest(_a, ["to"]);
     return jsx(Link, __assign({ component: Link$1, to: to }, props), void 0);
@@ -2549,5 +2627,5 @@ var TokenAmount = function (_a) {
     return (jsx(ButtonEx, __assign({ style: __assign({ backgroundColor: statusColor }, style), variant: "outlined", onClick: onButtonClick }, props, { children: jsxs(FlexRow, __assign({ justifyContent: "space-between", width: "100%", busy: amount === undefined, busySize: 16 }, { children: [jsxs(FlexRow, { children: [logo ? jsx("img", { src: img, height: 24 }, void 0) : null, label ? (jsx(Typography, __assign({ marginRight: 1, marginLeft: logo ? 1 : 0, noWrap: true, fontFamily: textFontFamily, variant: "caption" }, { children: label }), void 0)) : null] }, void 0), jsx(Typography, __assign({ color: textColor, noWrap: true, fontFamily: textFontFamily, variant: "body1", style: { textTransform: 'none' } }, { children: amountString }), void 0)] }), void 0) }), void 0));
 };
 
-export { ActionStatusType, AppBarEx, Background, BasePage, BreadcrumbsEx, BusyBox, ButtonEx, ContactPointOption, CookieConsent, CookieConsentBody, CookieConsentContext, CookieConsentLoader, CoverProgress, DripCustomEvent, DripStandardEvents, ErrorDialog, EthAccount, EthersContext, EthersLoader, Experiment, Experiments, FacebookCustomEvent, FacebookStandardEvents, Fbq, FlexCol, FlexGrowCol, FlexGrowRow, FlexRow, GoogleBaseEvent, GoogleCustomEvent, GoogleStandardEvents, GoogleUserEventHandler, Gtag, Gtm, HoverScale, Identicon, InvertableThemeProvider, ItemAvailability, LinkToEx, MapCategoryType, MessageDialog, NetworkSettingsContext, NetworkSettingsLoader, NumberStatus, QuickTipButton, Rdt, RedditCustomEvent, RedditStandardEvents, RedirectWithQuery, Referrer, RichResult, ScrollToTop, ScrollToTopButton, SnapTr, SnapchatStandardEvents, TiktokCustomEvent, TiktokStandardEvents, TokenAmount, Ttq, UserEventsContext, XyBaseEvent, XyCustomEvent, XyUserEventHandler, XyoUserEventHandler, enableProfileLogging, getApiStage, getLocalStorageObject, getSessionStorageObject, isLocalhost, profileBlock, profileResults, setLocalStorageObject, setSessionStorageObject, useAsyncEffect, useBreakpoint, useCookieConsent, useMounted, useNavigateToEthAddress, useSpacing, useWebP, useWindowSize };
+export { ActionStatusType, AppBarEx, Background, BasePage, BreadcrumbsEx, BusyBox, ButtonEx, ContactPointOption, CookieConsent, CookieConsentBody, CookieConsentContext, CookieConsentLoader, CoverProgress, DripCustomEvent, DripStandardEvents, ErrorDialog, EthAccount, EthersContext, EthersLoader, Experiment, Experiments, ExperimentsDebugger, FacebookCustomEvent, FacebookStandardEvents, Fbq, FlexCol, FlexGrowCol, FlexGrowRow, FlexRow, GoogleBaseEvent, GoogleCustomEvent, GoogleStandardEvents, GoogleUserEventHandler, Gtag, Gtm, HoverScale, Identicon, InvertableThemeProvider, ItemAvailability, LinkToEx, MapCategoryType, MessageDialog, NetworkSettingsContext, NetworkSettingsLoader, NumberStatus, QuickTipButton, Rdt, RedditCustomEvent, RedditStandardEvents, RedirectWithQuery, Referrer, RichResult, ScrollToTop, ScrollToTopButton, SnapTr, SnapchatStandardEvents, TiktokCustomEvent, TiktokStandardEvents, TokenAmount, Ttq, UserEventsContext, XyBaseEvent, XyCustomEvent, XyUserEventHandler, XyoUserEventHandler, enableProfileLogging, getApiStage, getLocalStorageObject, getSessionStorageObject, isLocalhost, profileBlock, profileResults, setLocalStorageObject, setSessionStorageObject, useAsyncEffect, useBreakpoint, useCookieConsent, useLocalStorage, useMounted, useNavigateToEthAddress, useSpacing, useWebP, useWindowSize };
 //# sourceMappingURL=index.js.map