@xylabs/sdk-react 2.9.9 → 2.9.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/calcSpacing.js +3 -3
- package/dist/calcSpacing.js.map +1 -1
- package/dist/cjs5/components/Portal.d.ts +1 -0
- package/dist/cjs5/index.js +1127 -1651
- package/dist/cjs5/index.js.map +1 -1
- package/dist/components/AppBarEx/AppBarEx.js +7 -7
- package/dist/components/AppBarEx/AppBarEx.js.map +1 -1
- package/dist/components/AppBarEx/AppBarEx.stories.js +3 -4
- package/dist/components/AppBarEx/AppBarEx.stories.js.map +1 -1
- package/dist/components/Background.js +2 -3
- package/dist/components/Background.js.map +1 -1
- package/dist/components/BasePage/BasePage.js +7 -6
- package/dist/components/BasePage/BasePage.js.map +1 -1
- package/dist/components/BasePage/BasePage.stories.js +5 -6
- package/dist/components/BasePage/BasePage.stories.js.map +1 -1
- package/dist/components/Breadcrumbs/BreadcrumbsEx.js +12 -12
- package/dist/components/Breadcrumbs/BreadcrumbsEx.js.map +1 -1
- package/dist/components/Breadcrumbs/BreadcrumbsEx.stories.js +4 -5
- package/dist/components/Breadcrumbs/BreadcrumbsEx.stories.js.map +1 -1
- package/dist/components/BusyCircularProgress.js +5 -5
- package/dist/components/BusyCircularProgress.js.map +1 -1
- package/dist/components/BusyLinearProgress.js +5 -5
- package/dist/components/BusyLinearProgress.js.map +1 -1
- package/dist/components/ButtonEx/ButtonEx.js +5 -5
- package/dist/components/ButtonEx/ButtonEx.js.map +1 -1
- package/dist/components/ButtonEx/ButtonEx.stories.js +5 -6
- package/dist/components/ButtonEx/ButtonEx.stories.js.map +1 -1
- package/dist/components/ButtonEx/ButtonExBase.js +6 -6
- package/dist/components/ButtonEx/ButtonExBase.js.map +1 -1
- package/dist/components/ButtonEx/ButtonExTo.js +6 -6
- package/dist/components/ButtonEx/ButtonExTo.js.map +1 -1
- package/dist/components/CookieConsent/CookieConsent.js +5 -6
- package/dist/components/CookieConsent/CookieConsent.js.map +1 -1
- package/dist/components/CookieConsent/CookieConsent.stories.js +10 -11
- package/dist/components/CookieConsent/CookieConsent.stories.js.map +1 -1
- package/dist/components/CookieConsent/CookieConsentBody.js +11 -11
- package/dist/components/CookieConsent/CookieConsentBody.js.map +1 -1
- package/dist/components/CoverProgress.js +4 -5
- package/dist/components/CoverProgress.js.map +1 -1
- package/dist/components/Errors/ErrorViewer.js +5 -5
- package/dist/components/Errors/ErrorViewer.js.map +1 -1
- package/dist/components/Errors/ErrorViewer.stories.js +3 -4
- package/dist/components/Errors/ErrorViewer.stories.js.map +1 -1
- package/dist/components/Errors/ErrorsViewer.js +5 -5
- package/dist/components/Errors/ErrorsViewer.js.map +1 -1
- package/dist/components/Errors/ErrorsViewer.stories.js +3 -4
- package/dist/components/Errors/ErrorsViewer.stories.js.map +1 -1
- package/dist/components/EthAccount/EthAccount.js +12 -12
- package/dist/components/EthAccount/EthAccount.js.map +1 -1
- package/dist/components/EthAccount/EthAccount.stories.js +8 -9
- package/dist/components/EthAccount/EthAccount.stories.js.map +1 -1
- package/dist/components/EthBlock.js +3 -4
- package/dist/components/EthBlock.js.map +1 -1
- package/dist/components/Experiments/Experiment.js +2 -2
- package/dist/components/Experiments/Experiment.js.map +1 -1
- package/dist/components/Experiments/Experiments.js +43 -66
- package/dist/components/Experiments/Experiments.js.map +1 -1
- package/dist/components/Experiments/Experiments.stories.js +5 -6
- package/dist/components/Experiments/Experiments.stories.js.map +1 -1
- package/dist/components/Experiments/ExperimentsDebugger.js +20 -22
- package/dist/components/Experiments/ExperimentsDebugger.js.map +1 -1
- package/dist/components/Experiments/ExperimentsDebugger.stories.js +3 -4
- package/dist/components/Experiments/ExperimentsDebugger.stories.js.map +1 -1
- package/dist/components/Experiments/models/index.js +2 -2
- package/dist/components/Experiments/models/index.js.map +1 -1
- package/dist/components/FlexBox/BusyBox.js +6 -6
- package/dist/components/FlexBox/BusyBox.js.map +1 -1
- package/dist/components/FlexBox/BusyBox.stories.js +7 -8
- package/dist/components/FlexBox/BusyBox.stories.js.map +1 -1
- package/dist/components/FlexBox/FlexCol.js +4 -5
- package/dist/components/FlexBox/FlexCol.js.map +1 -1
- package/dist/components/FlexBox/FlexCol.stories.js +10 -11
- package/dist/components/FlexBox/FlexCol.stories.js.map +1 -1
- package/dist/components/FlexBox/FlexRow.js +4 -5
- package/dist/components/FlexBox/FlexRow.js.map +1 -1
- package/dist/components/FlexBox/FlexRow.stories.js +14 -15
- package/dist/components/FlexBox/FlexRow.stories.js.map +1 -1
- package/dist/components/HoverScale.js +12 -15
- package/dist/components/HoverScale.js.map +1 -1
- package/dist/components/Identicon.js +22 -22
- package/dist/components/Identicon.js.map +1 -1
- package/dist/components/InvertableThemeProvider/InvertableThemeContext.js +1 -1
- package/dist/components/InvertableThemeProvider/InvertableThemeContext.js.map +1 -1
- package/dist/components/InvertableThemeProvider/InvertableThemeProvider.js +7 -9
- package/dist/components/InvertableThemeProvider/InvertableThemeProvider.js.map +1 -1
- package/dist/components/InvertableThemeProvider/InvertableThemeProvider.stories.js +3 -4
- package/dist/components/InvertableThemeProvider/InvertableThemeProvider.stories.js.map +1 -1
- package/dist/components/LinkEx/LinkToEx.js +4 -4
- package/dist/components/LinkEx/LinkToEx.js.map +1 -1
- package/dist/components/NumberStatus/NumberStatus.js +10 -10
- package/dist/components/NumberStatus/NumberStatus.js.map +1 -1
- package/dist/components/NumberStatus/NumberStatus.stories.js +11 -12
- package/dist/components/NumberStatus/NumberStatus.stories.js.map +1 -1
- package/dist/components/Portal.d.ts +1 -0
- package/dist/components/Portal.js +21 -0
- package/dist/components/Portal.js.map +1 -0
- package/dist/components/QuickTipButton/QuickTipButton.js +5 -5
- package/dist/components/QuickTipButton/QuickTipButton.js.map +1 -1
- package/dist/components/QuickTipButton/QuickTipButton.stories.js +3 -4
- package/dist/components/QuickTipButton/QuickTipButton.stories.js.map +1 -1
- package/dist/components/RedirectWithQuery.js +6 -8
- package/dist/components/RedirectWithQuery.js.map +1 -1
- package/dist/components/RichResult/RichResult.js +4 -5
- package/dist/components/RichResult/RichResult.js.map +1 -1
- package/dist/components/ScrollToTop.js +3 -3
- package/dist/components/ScrollToTop.js.map +1 -1
- package/dist/components/ScrollToTopButton.js +8 -8
- package/dist/components/ScrollToTopButton.js.map +1 -1
- package/dist/components/TokenAmount/TokenAmount.js +8 -8
- package/dist/components/TokenAmount/TokenAmount.js.map +1 -1
- package/dist/components/TokenAmount/TokenAmount.stories.js +9 -10
- package/dist/components/TokenAmount/TokenAmount.stories.js.map +1 -1
- package/dist/components/dialogs/ErrorDialog.js +12 -12
- package/dist/components/dialogs/ErrorDialog.js.map +1 -1
- package/dist/components/dialogs/ErrorDialog.stories.js +3 -4
- package/dist/components/dialogs/ErrorDialog.stories.js.map +1 -1
- package/dist/components/dialogs/MessageDialog.js +4 -4
- package/dist/components/dialogs/MessageDialog.js.map +1 -1
- package/dist/components/dialogs/MessageDialog.stories.js +3 -4
- package/dist/components/dialogs/MessageDialog.stories.js.map +1 -1
- package/dist/contexts/CookieConsent/Context.js +1 -1
- package/dist/contexts/CookieConsent/Context.js.map +1 -1
- package/dist/contexts/CookieConsent/Loader.js +8 -10
- package/dist/contexts/CookieConsent/Loader.js.map +1 -1
- package/dist/contexts/CookieConsent/use.js +1 -1
- package/dist/contexts/CookieConsent/use.js.map +1 -1
- package/dist/contexts/Ethers/Context.js +1 -1
- package/dist/contexts/Ethers/Context.js.map +1 -1
- package/dist/contexts/Ethers/Infura.js +8 -9
- package/dist/contexts/Ethers/Infura.js.map +1 -1
- package/dist/contexts/Ethers/Loader.js +3 -3
- package/dist/contexts/Ethers/Loader.js.map +1 -1
- package/dist/contexts/Ethers/MetaMask.js +73 -100
- package/dist/contexts/Ethers/MetaMask.js.map +1 -1
- package/dist/contexts/Ethers/MyEtherWallet.js +54 -80
- package/dist/contexts/Ethers/MyEtherWallet.js.map +1 -1
- package/dist/contexts/Ethers/Opera.js +39 -51
- package/dist/contexts/Ethers/Opera.js.map +1 -1
- package/dist/contexts/Ethers/Trust.js +30 -42
- package/dist/contexts/Ethers/Trust.js.map +1 -1
- package/dist/contexts/NetworkSettings/Context.js +1 -1
- package/dist/contexts/NetworkSettings/Context.js.map +1 -1
- package/dist/contexts/NetworkSettings/Loader.js +3 -4
- package/dist/contexts/NetworkSettings/Loader.js.map +1 -1
- package/dist/contexts/UserEvents/Context.js +1 -1
- package/dist/contexts/UserEvents/Context.js.map +1 -1
- package/dist/contexts/UserEvents/Loader.js +2 -4
- package/dist/contexts/UserEvents/Loader.js.map +1 -1
- package/dist/esm2015/components/Portal.d.ts +1 -0
- package/dist/esm2015/index.js +1127 -1651
- package/dist/esm2015/index.js.map +1 -1
- package/dist/esm2017/components/Portal.d.ts +1 -0
- package/dist/esm2017/index.js +1127 -1651
- package/dist/esm2017/index.js.map +1 -1
- package/dist/esm5/components/Portal.d.ts +1 -0
- package/dist/esm5/index.js +1127 -1651
- package/dist/esm5/index.js.map +1 -1
- package/dist/hooks/useBreakpoint.js +7 -7
- package/dist/hooks/useBreakpoint.js.map +1 -1
- package/dist/hooks/useLocalStorage.js +5 -6
- package/dist/hooks/useLocalStorage.js.map +1 -1
- package/dist/hooks/useMounted.js +5 -6
- package/dist/hooks/useMounted.js.map +1 -1
- package/dist/hooks/useNavigateToEthAddress.js +7 -7
- package/dist/hooks/useNavigateToEthAddress.js.map +1 -1
- package/dist/hooks/useSpacing.js +2 -2
- package/dist/hooks/useSpacing.js.map +1 -1
- package/dist/hooks/useUserEvents.js +5 -2
- package/dist/hooks/useUserEvents.js.map +1 -1
- package/dist/hooks/useWebP.js +19 -32
- package/dist/hooks/useWebP.js.map +1 -1
- package/dist/hooks/useWindowSize.js +4 -5
- package/dist/hooks/useWindowSize.js.map +1 -1
- package/dist/lib/Tracking/Drip/BaseEvent.js +18 -28
- package/dist/lib/Tracking/Drip/BaseEvent.js.map +1 -1
- package/dist/lib/Tracking/Drip/CustomEvent.js +2 -8
- package/dist/lib/Tracking/Drip/CustomEvent.js.map +1 -1
- package/dist/lib/Tracking/Drip/StandardEvents.js +4 -7
- package/dist/lib/Tracking/Drip/StandardEvents.js.map +1 -1
- package/dist/lib/Tracking/Facebook/BaseEvent.js +8 -16
- package/dist/lib/Tracking/Facebook/BaseEvent.js.map +1 -1
- package/dist/lib/Tracking/Facebook/CustomEvent.js +8 -21
- package/dist/lib/Tracking/Facebook/CustomEvent.js.map +1 -1
- package/dist/lib/Tracking/Facebook/Fbq.js +11 -13
- package/dist/lib/Tracking/Facebook/Fbq.js.map +1 -1
- package/dist/lib/Tracking/Facebook/StandardEvent.js +8 -21
- package/dist/lib/Tracking/Facebook/StandardEvent.js.map +1 -1
- package/dist/lib/Tracking/Facebook/StandardEvents.js +38 -42
- package/dist/lib/Tracking/Facebook/StandardEvents.js.map +1 -1
- package/dist/lib/Tracking/Facebook/UserEventHandler.js +23 -54
- package/dist/lib/Tracking/Facebook/UserEventHandler.js.map +1 -1
- package/dist/lib/Tracking/Google/BaseEvent.js +23 -45
- package/dist/lib/Tracking/Google/BaseEvent.js.map +1 -1
- package/dist/lib/Tracking/Google/CustomEvent.js +2 -8
- package/dist/lib/Tracking/Google/CustomEvent.js.map +1 -1
- package/dist/lib/Tracking/Google/Gtag.js +37 -41
- package/dist/lib/Tracking/Google/Gtag.js.map +1 -1
- package/dist/lib/Tracking/Google/Gtm.js +18 -21
- package/dist/lib/Tracking/Google/Gtm.js.map +1 -1
- package/dist/lib/Tracking/Google/StandardEvent.js +2 -8
- package/dist/lib/Tracking/Google/StandardEvent.js.map +1 -1
- package/dist/lib/Tracking/Google/StandardEvents.js +62 -66
- package/dist/lib/Tracking/Google/StandardEvents.js.map +1 -1
- package/dist/lib/Tracking/Google/UserEventHandler.js +23 -54
- package/dist/lib/Tracking/Google/UserEventHandler.js.map +1 -1
- package/dist/lib/Tracking/Reddit/BaseEvent.js +8 -16
- package/dist/lib/Tracking/Reddit/BaseEvent.js.map +1 -1
- package/dist/lib/Tracking/Reddit/CustomEvent.js +8 -21
- package/dist/lib/Tracking/Reddit/CustomEvent.js.map +1 -1
- package/dist/lib/Tracking/Reddit/Rdt.js +11 -15
- package/dist/lib/Tracking/Reddit/Rdt.js.map +1 -1
- package/dist/lib/Tracking/Reddit/StandardEvent.js +8 -21
- package/dist/lib/Tracking/Reddit/StandardEvent.js.map +1 -1
- package/dist/lib/Tracking/Reddit/StandardEvents.js +18 -21
- package/dist/lib/Tracking/Reddit/StandardEvents.js.map +1 -1
- package/dist/lib/Tracking/Referrer.js +12 -13
- package/dist/lib/Tracking/Referrer.js.map +1 -1
- package/dist/lib/Tracking/Snapchat/BaseEvent.js +8 -16
- package/dist/lib/Tracking/Snapchat/BaseEvent.js.map +1 -1
- package/dist/lib/Tracking/Snapchat/Snaptr.js +10 -21
- package/dist/lib/Tracking/Snapchat/Snaptr.js.map +1 -1
- package/dist/lib/Tracking/Snapchat/StandardEvent.js +7 -19
- package/dist/lib/Tracking/Snapchat/StandardEvent.js.map +1 -1
- package/dist/lib/Tracking/Snapchat/StandardEvents.js +60 -64
- package/dist/lib/Tracking/Snapchat/StandardEvents.js.map +1 -1
- package/dist/lib/Tracking/Tiktok/BaseEvent.js +8 -16
- package/dist/lib/Tracking/Tiktok/BaseEvent.js.map +1 -1
- package/dist/lib/Tracking/Tiktok/CustomEvent.js +8 -21
- package/dist/lib/Tracking/Tiktok/CustomEvent.js.map +1 -1
- package/dist/lib/Tracking/Tiktok/StandardEvent.js +8 -21
- package/dist/lib/Tracking/Tiktok/StandardEvent.js.map +1 -1
- package/dist/lib/Tracking/Tiktok/StandardEvents.js +34 -38
- package/dist/lib/Tracking/Tiktok/StandardEvents.js.map +1 -1
- package/dist/lib/Tracking/Tiktok/Ttq.js +14 -18
- package/dist/lib/Tracking/Tiktok/Ttq.js.map +1 -1
- package/dist/lib/Tracking/Xy/BaseEvent.js +8 -16
- package/dist/lib/Tracking/Xy/BaseEvent.js.map +1 -1
- package/dist/lib/Tracking/Xy/CustomEvent.js +2 -8
- package/dist/lib/Tracking/Xy/CustomEvent.js.map +1 -1
- package/dist/lib/Tracking/Xy/StandardEvent.js +2 -8
- package/dist/lib/Tracking/Xy/StandardEvent.js.map +1 -1
- package/dist/lib/Tracking/Xy/UserEventHandler.js +23 -54
- package/dist/lib/Tracking/Xy/UserEventHandler.js.map +1 -1
- package/dist/lib/Tracking/XyoUserEventHandler.js +22 -54
- package/dist/lib/Tracking/XyoUserEventHandler.js.map +1 -1
- package/dist/lib/getApiStage.js +1 -1
- package/dist/lib/getApiStage.js.map +1 -1
- package/dist/lib/global.js +1 -1
- package/dist/lib/global.js.map +1 -1
- package/dist/lib/isLocalHost.js +1 -1
- package/dist/lib/isLocalHost.js.map +1 -1
- package/dist/lib/profile.js +13 -22
- package/dist/lib/profile.js.map +1 -1
- package/dist/lib/safeLocalStorage.js +3 -3
- package/dist/lib/safeLocalStorage.js.map +1 -1
- package/dist/lib/safeSessionStorage.js +3 -3
- package/dist/lib/safeSessionStorage.js.map +1 -1
- package/dist/lib/useAsyncEffect.js +5 -5
- package/dist/lib/useAsyncEffect.js.map +1 -1
- package/dist/mergeBoxlikeStyles.js +19 -5
- package/dist/mergeBoxlikeStyles.js.map +1 -1
- package/dist/node/components/Portal.d.ts +1 -0
- package/dist/node/index.js +1127 -1651
- package/dist/node/index.js.map +1 -1
- package/dist/node-esm/components/Portal.d.ts +1 -0
- package/dist/node-esm/index.js +1127 -1651
- package/dist/node-esm/index.js.map +1 -1
- package/package.json +13 -12
- package/src/components/BasePage/BasePage.tsx +2 -0
- package/src/components/Portal.tsx +28 -0
- package/src/components/index.ts +1 -0
- package/src/hooks/useUserEvents.ts +3 -0
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { __rest } from "tslib";
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
3
|
import { IconButton } from '@mui/material';
|
|
4
4
|
import { AiOutlineReload } from 'react-icons/ai';
|
|
5
5
|
import { FlexGrowCol } from '../FlexBox';
|
|
6
6
|
import { ErrorViewer } from './ErrorViewer';
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
return (_jsxs(FlexGrowCol,
|
|
7
|
+
const ErrorsViewer = (props) => {
|
|
8
|
+
const { onRetry, errors } = props, boxProps = __rest(props, ["onRetry", "errors"]);
|
|
9
|
+
return (_jsxs(FlexGrowCol, Object.assign({ padding: 1 }, boxProps, { children: [errors === null || errors === void 0 ? void 0 : errors.map((error, index) => {
|
|
10
10
|
return _jsx(ErrorViewer, { error: error }, index);
|
|
11
|
-
}), onRetry ? (_jsx(IconButton,
|
|
11
|
+
}), onRetry ? (_jsx(IconButton, Object.assign({ onClick: onRetry }, { children: _jsx(AiOutlineReload, {}, void 0) }), void 0)) : null] }), void 0));
|
|
12
12
|
};
|
|
13
13
|
export { ErrorsViewer };
|
|
14
14
|
//# sourceMappingURL=ErrorsViewer.js.map
|
|
@@ -1 +1 @@
|
|
|
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,
|
|
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"}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
import { __assign } from "tslib";
|
|
2
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
2
|
import { ErrorsViewer } from './ErrorsViewer';
|
|
4
|
-
|
|
3
|
+
const StorybookEntry = {
|
|
5
4
|
argTypes: {},
|
|
6
5
|
component: ErrorsViewer,
|
|
7
6
|
parameters: {
|
|
@@ -11,8 +10,8 @@ var StorybookEntry = {
|
|
|
11
10
|
},
|
|
12
11
|
title: 'Components/ErrorsViewer',
|
|
13
12
|
};
|
|
14
|
-
|
|
15
|
-
|
|
13
|
+
const Template = (args) => _jsx(ErrorsViewer, Object.assign({}, args), void 0);
|
|
14
|
+
const Default = Template.bind({});
|
|
16
15
|
Default.args = {
|
|
17
16
|
errors: [Error('Error One'), Error('Error Two')],
|
|
18
17
|
title: 'Default',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ErrorsViewer.stories.js","sourceRoot":"","sources":["../../../src/components/Errors/ErrorsViewer.stories.tsx"],"names":[],"mappings":"
|
|
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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { __rest } from "tslib";
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
3
|
import { Typography, useTheme } from '@mui/material';
|
|
4
4
|
import { assertEx, EthAddress } from '@xylabs/sdk-js';
|
|
@@ -8,20 +8,20 @@ import { useMediaQuery } from '../../hooks';
|
|
|
8
8
|
import { ButtonEx } from '../ButtonEx';
|
|
9
9
|
import { FlexGrowRow, FlexRow } from '../FlexBox';
|
|
10
10
|
import { Identicon } from '../Identicon';
|
|
11
|
-
|
|
12
|
-
var
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
11
|
+
const EthAccount = (_a) => {
|
|
12
|
+
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"]);
|
|
13
|
+
const { localAddress } = useContext(EthersContext);
|
|
14
|
+
const theme = useTheme();
|
|
15
|
+
const large = useMediaQuery(theme.breakpoints.up('md'));
|
|
16
|
+
const isLocalAddress = address ? (localAddress === null || localAddress === void 0 ? void 0 : localAddress.toString()) === address.toString() : false;
|
|
17
|
+
const onClickLocal = (event) => {
|
|
18
18
|
onButtonClick === null || onButtonClick === void 0 ? void 0 : onButtonClick(event);
|
|
19
19
|
if (toEtherScan && address) {
|
|
20
|
-
window.open(
|
|
20
|
+
window.open(`https://etherscan.io/address/${address.toString()}`, '_blank');
|
|
21
21
|
}
|
|
22
22
|
};
|
|
23
|
-
|
|
24
|
-
|
|
23
|
+
const addressToDisplay = assertEx(address !== null && address !== void 0 ? address : EthAddress.fromString('0x00'), 'Bad Eth Address');
|
|
24
|
+
const testToDisplay = addressLength === 'long'
|
|
25
25
|
? addressToDisplay.toString()
|
|
26
26
|
: addressLength === 'short'
|
|
27
27
|
? addressToDisplay.toShortString()
|
|
@@ -29,7 +29,7 @@ var EthAccount = function (_a) {
|
|
|
29
29
|
? addressToDisplay.toString()
|
|
30
30
|
: addressToDisplay.toShortString();
|
|
31
31
|
// Note: We use the all zero address for spacing in case it is
|
|
32
|
-
return (_jsx(ButtonEx,
|
|
32
|
+
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));
|
|
33
33
|
};
|
|
34
34
|
export { EthAccount };
|
|
35
35
|
//# sourceMappingURL=EthAccount.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EthAccount.js","sourceRoot":"","sources":["../../../src/components/EthAccount/EthAccount.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACpD,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AACrD,OAAO,EAAc,UAAU,EAAE,MAAM,OAAO,CAAA;AAE9C,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAGxC,
|
|
1
|
+
{"version":3,"file":"EthAccount.js","sourceRoot":"","sources":["../../../src/components/EthAccount/EthAccount.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +1,8 @@
|
|
|
1
|
-
import { __assign } from "tslib";
|
|
2
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
2
|
import { EthAddress } from '@xylabs/sdk-js';
|
|
4
3
|
import { FlexRow } from '../FlexBox';
|
|
5
4
|
import { EthAccount } from './EthAccount';
|
|
6
|
-
|
|
5
|
+
const StorybookEntry = {
|
|
7
6
|
argTypes: {},
|
|
8
7
|
component: EthAccount,
|
|
9
8
|
parameters: {
|
|
@@ -13,8 +12,8 @@ var StorybookEntry = {
|
|
|
13
12
|
},
|
|
14
13
|
title: 'Components/EthAccount',
|
|
15
14
|
};
|
|
16
|
-
|
|
17
|
-
|
|
15
|
+
const Template = (args) => (_jsx(FlexRow, { children: _jsx(EthAccount, Object.assign({ variant: "outlined" }, args), void 0) }, void 0));
|
|
16
|
+
const Long = Template.bind({});
|
|
18
17
|
Long.args = {
|
|
19
18
|
address: EthAddress.fromString('0x6792b02f88b32c4fe8e31cfa41ae5af44865f930'),
|
|
20
19
|
addressLength: 'long',
|
|
@@ -22,14 +21,14 @@ Long.args = {
|
|
|
22
21
|
title: 'Sample EthAccount',
|
|
23
22
|
toEtherScan: true,
|
|
24
23
|
};
|
|
25
|
-
|
|
24
|
+
const LongEmpty = Template.bind({});
|
|
26
25
|
LongEmpty.args = {
|
|
27
26
|
addressLength: 'long',
|
|
28
27
|
icon: true,
|
|
29
28
|
title: 'Sample EthAccount',
|
|
30
29
|
toEtherScan: true,
|
|
31
30
|
};
|
|
32
|
-
|
|
31
|
+
const Short = Template.bind({});
|
|
33
32
|
Short.args = {
|
|
34
33
|
address: EthAddress.fromString('0x6792b02f88b32c4fe8e31cfa41ae5af44865f930'),
|
|
35
34
|
addressLength: 'short',
|
|
@@ -37,14 +36,14 @@ Short.args = {
|
|
|
37
36
|
title: 'Sample EthAccount',
|
|
38
37
|
toEtherScan: true,
|
|
39
38
|
};
|
|
40
|
-
|
|
39
|
+
const ShortEmpty = Template.bind({});
|
|
41
40
|
ShortEmpty.args = {
|
|
42
41
|
addressLength: 'short',
|
|
43
42
|
icon: true,
|
|
44
43
|
title: 'Sample EthAccount',
|
|
45
44
|
toEtherScan: true,
|
|
46
45
|
};
|
|
47
|
-
|
|
46
|
+
const Auto = Template.bind({});
|
|
48
47
|
Auto.args = {
|
|
49
48
|
address: EthAddress.fromString('0x6792b02f88b32c4fe8e31cfa41ae5af44865f930'),
|
|
50
49
|
addressLength: 'auto',
|
|
@@ -52,7 +51,7 @@ Auto.args = {
|
|
|
52
51
|
title: 'Sample EthAccount',
|
|
53
52
|
toEtherScan: true,
|
|
54
53
|
};
|
|
55
|
-
|
|
54
|
+
const AutoEmpty = Template.bind({});
|
|
56
55
|
AutoEmpty.args = {
|
|
57
56
|
addressLength: 'auto',
|
|
58
57
|
icon: true,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EthAccount.stories.js","sourceRoot":"","sources":["../../../src/components/EthAccount/EthAccount.stories.tsx"],"names":[],"mappings":"
|
|
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"}
|
|
@@ -1,10 +1,9 @@
|
|
|
1
|
-
import { __assign } from "tslib";
|
|
2
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
2
|
import { Box, Link, Typography } from '@mui/material';
|
|
4
|
-
|
|
5
|
-
|
|
3
|
+
const EthBlock = (props) => {
|
|
4
|
+
const { block } = props;
|
|
6
5
|
if (block) {
|
|
7
|
-
return (_jsx(Box,
|
|
6
|
+
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));
|
|
8
7
|
}
|
|
9
8
|
else {
|
|
10
9
|
return _jsx(Box, {}, void 0);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EthBlock.js","sourceRoot":"","sources":["../../src/components/EthBlock.tsx"],"names":[],"mappings":"
|
|
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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
|
|
3
|
-
|
|
2
|
+
const Experiment = (props) => {
|
|
3
|
+
const { children } = props;
|
|
4
4
|
return _jsx(_Fragment, { children: children }, void 0);
|
|
5
5
|
};
|
|
6
6
|
export { Experiment };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Experiment.js","sourceRoot":"","sources":["../../../src/components/Experiments/Experiment.tsx"],"names":[],"mappings":";AAOA,
|
|
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"}
|
|
@@ -1,27 +1,26 @@
|
|
|
1
|
-
import { __values } from "tslib";
|
|
2
1
|
import { forget } from '@xylabs/sdk-js';
|
|
3
2
|
import { useUserEvents } from '../../hooks';
|
|
4
3
|
import { getLocalStorageObject, setLocalStorageObject } from '../../lib';
|
|
5
4
|
import { ExperimentsLocalStorageKey, OutcomesLocalStorageKey } from './models';
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
5
|
+
const defaultLocalStorageKey = 'testData';
|
|
6
|
+
const experimentsTestData = {};
|
|
7
|
+
let outcomes = {}; //prevent multi-outcome
|
|
8
|
+
const saveOutcomes = () => {
|
|
10
9
|
setLocalStorageObject(OutcomesLocalStorageKey, outcomes);
|
|
11
10
|
};
|
|
12
|
-
|
|
11
|
+
const loadOutcomes = () => {
|
|
13
12
|
outcomes = getLocalStorageObject(OutcomesLocalStorageKey);
|
|
14
13
|
};
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
for (
|
|
18
|
-
dataArray.push(
|
|
14
|
+
const mergeData = (data, log) => {
|
|
15
|
+
const dataArray = [];
|
|
16
|
+
for (const key in data) {
|
|
17
|
+
dataArray.push(`${key}-${data[key]}`);
|
|
19
18
|
}
|
|
20
19
|
log === null || log === void 0 ? void 0 : log.info('MergeData', dataArray.join('|'));
|
|
21
20
|
return dataArray.join('|');
|
|
22
21
|
};
|
|
23
|
-
|
|
24
|
-
|
|
22
|
+
const missingKeyError = new Error('Experiment Elements must have Keys');
|
|
23
|
+
const makeChildrenArray = (children) => {
|
|
25
24
|
if (Array.isArray(children)) {
|
|
26
25
|
return children;
|
|
27
26
|
}
|
|
@@ -29,36 +28,25 @@ var makeChildrenArray = function (children) {
|
|
|
29
28
|
return [children];
|
|
30
29
|
}
|
|
31
30
|
};
|
|
32
|
-
|
|
31
|
+
const buildLocalStorageKey = (localStorageProp) => {
|
|
33
32
|
return localStorageProp === true
|
|
34
33
|
? defaultLocalStorageKey
|
|
35
34
|
: typeof localStorageProp === 'string'
|
|
36
35
|
? localStorageProp !== null && localStorageProp !== void 0 ? localStorageProp : defaultLocalStorageKey
|
|
37
36
|
: '';
|
|
38
37
|
};
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
for (var childList_1 = __values(childList), childList_1_1 = childList_1.next(); !childList_1_1.done; childList_1_1 = childList_1.next()) {
|
|
44
|
-
var child = childList_1_1.value;
|
|
45
|
-
totalWeight += child.props.weight;
|
|
46
|
-
}
|
|
47
|
-
}
|
|
48
|
-
catch (e_1_1) { e_1 = { error: e_1_1 }; }
|
|
49
|
-
finally {
|
|
50
|
-
try {
|
|
51
|
-
if (childList_1_1 && !childList_1_1.done && (_a = childList_1.return)) _a.call(childList_1);
|
|
52
|
-
}
|
|
53
|
-
finally { if (e_1) throw e_1.error; }
|
|
38
|
+
const calcTotalWeight = (childList) => {
|
|
39
|
+
let totalWeight = 0;
|
|
40
|
+
for (const child of childList) {
|
|
41
|
+
totalWeight += child.props.weight;
|
|
54
42
|
}
|
|
55
43
|
return totalWeight;
|
|
56
44
|
};
|
|
57
|
-
|
|
58
|
-
|
|
45
|
+
const saveExperimentDebugRanges = (name, totalWeight, childList) => {
|
|
46
|
+
const experiments = getLocalStorageObject(ExperimentsLocalStorageKey) || {};
|
|
59
47
|
experiments[name] = {
|
|
60
|
-
totalWeight
|
|
61
|
-
variants: childList.map(
|
|
48
|
+
totalWeight,
|
|
49
|
+
variants: childList.map((child) => {
|
|
62
50
|
var _a;
|
|
63
51
|
return ({
|
|
64
52
|
name: (_a = child.key) === null || _a === void 0 ? void 0 : _a.toString(),
|
|
@@ -68,47 +56,36 @@ var saveExperimentDebugRanges = function (name, totalWeight, childList) {
|
|
|
68
56
|
};
|
|
69
57
|
setLocalStorageObject(ExperimentsLocalStorageKey, experiments);
|
|
70
58
|
};
|
|
71
|
-
|
|
72
|
-
var
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
var userEvents = useUserEvents();
|
|
59
|
+
const Experiments = (props) => {
|
|
60
|
+
var _a, _b;
|
|
61
|
+
const { name, children, localStorageProp = true } = props;
|
|
62
|
+
const userEvents = useUserEvents();
|
|
76
63
|
loadOutcomes();
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
64
|
+
const localStorageKey = buildLocalStorageKey(localStorageProp);
|
|
65
|
+
const childList = makeChildrenArray(children);
|
|
66
|
+
const totalWeight = calcTotalWeight(childList);
|
|
80
67
|
saveExperimentDebugRanges(name, totalWeight, childList);
|
|
81
|
-
|
|
82
|
-
|
|
68
|
+
const firstTime = outcomes[name] === undefined;
|
|
69
|
+
let targetWeight = (_a = outcomes[name]) !== null && _a !== void 0 ? _a : Math.random() * totalWeight;
|
|
83
70
|
outcomes[name] = targetWeight;
|
|
84
71
|
saveOutcomes();
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
72
|
+
for (const child of childList) {
|
|
73
|
+
targetWeight -= child.props.weight;
|
|
74
|
+
if (targetWeight > 0)
|
|
75
|
+
continue;
|
|
76
|
+
if (!child.key) {
|
|
77
|
+
throw missingKeyError;
|
|
78
|
+
}
|
|
79
|
+
experimentsTestData[name] = (_b = child.key) === null || _b === void 0 ? void 0 : _b.toString();
|
|
80
|
+
if (firstTime) {
|
|
81
|
+
if (localStorageProp !== false) {
|
|
82
|
+
localStorage.setItem(localStorageKey, mergeData(experimentsTestData));
|
|
93
83
|
}
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
if (localStorageProp !== false) {
|
|
97
|
-
localStorage.setItem(localStorageKey, mergeData(experimentsTestData));
|
|
98
|
-
}
|
|
99
|
-
if (userEvents) {
|
|
100
|
-
forget(userEvents.testStarted({ name: name, variation: child.key }));
|
|
101
|
-
}
|
|
84
|
+
if (userEvents) {
|
|
85
|
+
forget(userEvents.testStarted({ name, variation: child.key }));
|
|
102
86
|
}
|
|
103
|
-
return child;
|
|
104
|
-
}
|
|
105
|
-
}
|
|
106
|
-
catch (e_2_1) { e_2 = { error: e_2_1 }; }
|
|
107
|
-
finally {
|
|
108
|
-
try {
|
|
109
|
-
if (childList_2_1 && !childList_2_1.done && (_a = childList_2.return)) _a.call(childList_2);
|
|
110
87
|
}
|
|
111
|
-
|
|
88
|
+
return child;
|
|
112
89
|
}
|
|
113
90
|
throw new Error('Experiment Choice Failed');
|
|
114
91
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Experiments.js","sourceRoot":"","sources":["../../../src/components/Experiments/Experiments.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Experiments.js","sourceRoot":"","sources":["../../../src/components/Experiments/Experiments.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
import { __assign } from "tslib";
|
|
2
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
2
|
import { Experiment } from './Experiment';
|
|
4
3
|
import { Experiments } from './Experiments';
|
|
5
|
-
|
|
4
|
+
const StorybookEntry = {
|
|
6
5
|
argTypes: {},
|
|
7
6
|
component: Experiments,
|
|
8
7
|
parameters: {
|
|
@@ -12,12 +11,12 @@ var StorybookEntry = {
|
|
|
12
11
|
},
|
|
13
12
|
title: 'Components/Experiments',
|
|
14
13
|
};
|
|
15
|
-
|
|
16
|
-
|
|
14
|
+
const Template = (args) => _jsx(Experiments, Object.assign({}, args), void 0);
|
|
15
|
+
const Default = Template.bind({});
|
|
17
16
|
Default.args = {
|
|
18
17
|
children: [
|
|
19
|
-
_jsx(Experiment,
|
|
20
|
-
_jsx(Experiment,
|
|
18
|
+
_jsx(Experiment, Object.assign({ weight: 50 }, { children: "True" }), 'true'),
|
|
19
|
+
_jsx(Experiment, Object.assign({ weight: 50 }, { children: "False" }), 'false'),
|
|
21
20
|
],
|
|
22
21
|
name: 'StorybookAB',
|
|
23
22
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Experiments.stories.js","sourceRoot":"","sources":["../../../src/components/Experiments/Experiments.stories.tsx"],"names":[],"mappings":"
|
|
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,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,QAAQ,EAAE;QACR,KAAC,UAAU,kBAAC,MAAM,EAAE,EAAE,2BAAO,MAAM,CAEtB;QACb,KAAC,UAAU,kBAAC,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"}
|
|
@@ -1,36 +1,34 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { __rest } from "tslib";
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
3
|
import { Slider, Typography } from '@mui/material';
|
|
4
4
|
import { useLocalStorage } from '../../hooks';
|
|
5
5
|
import { FlexCol, FlexRow } from '../FlexBox';
|
|
6
6
|
import { ExperimentsLocalStorageKey, OutcomesLocalStorageKey, } from './models';
|
|
7
|
-
|
|
7
|
+
const ExperimentsDebugger = (_a) => {
|
|
8
8
|
var props = __rest(_a, []);
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
9
|
+
const [experiments] = useLocalStorage(ExperimentsLocalStorageKey, {});
|
|
10
|
+
const [outcomes, setOutcomes] = useLocalStorage(OutcomesLocalStorageKey, {});
|
|
11
|
+
const sumUpVariants = (items) => items.reduce((acc, curr) => acc + curr.weight, 0);
|
|
12
|
+
const experimentEntries = Object.entries(experiments);
|
|
13
13
|
if (!experiments || !experimentEntries.length) {
|
|
14
|
-
return (_jsxs(FlexCol,
|
|
14
|
+
return (_jsxs(FlexCol, Object.assign({ alignItems: "stretch" }, props, { children: [_jsx(Typography, Object.assign({ variant: "subtitle1" }, { children: "No Experiments loaded" }), void 0), _jsx(Typography, Object.assign({ variant: "subtitle2" }, { children: "Visit a page with an experiment to load the data" }), void 0)] }), void 0));
|
|
15
15
|
}
|
|
16
|
-
return (_jsx(FlexCol,
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
{ label:
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
return ({
|
|
24
|
-
label: index === experiment.variants.length - 1 ? 'End' : "".concat(experiment.variants[index + 1].name, " | ").concat(weight),
|
|
16
|
+
return (_jsx(FlexCol, Object.assign({ alignItems: "stretch" }, props, { children: Object.entries(experiments).map((data) => {
|
|
17
|
+
const [name, experiment] = data;
|
|
18
|
+
const outcome = (outcomes[name] || 0);
|
|
19
|
+
const marks = [
|
|
20
|
+
{ label: `${experiment.variants[0].name} | ${experiment.variants[0].weight}`, value: 0 },
|
|
21
|
+
...experiment.variants.map(({ weight }, index) => ({
|
|
22
|
+
label: index === experiment.variants.length - 1 ? 'End' : `${experiment.variants[index + 1].name} | ${weight}`,
|
|
25
23
|
value: index === 0 ? weight : sumUpVariants(experiment.variants.slice(0, index + 1)),
|
|
26
|
-
})
|
|
27
|
-
|
|
28
|
-
return (_jsxs(FlexCol,
|
|
29
|
-
|
|
24
|
+
})),
|
|
25
|
+
];
|
|
26
|
+
return (_jsxs(FlexCol, Object.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 ${name}`, defaultValue: outcome, value: outcome, marks: marks, onChange: (e, value) => {
|
|
27
|
+
const truncated = Number((Array.isArray(value) ? value[0] : value).toFixed(2));
|
|
30
28
|
outcomes[name] = truncated;
|
|
31
29
|
// Spread operator triggers rerender
|
|
32
|
-
setOutcomes(
|
|
33
|
-
} }, void 0) }, void 0)] }),
|
|
30
|
+
setOutcomes(Object.assign({}, outcomes));
|
|
31
|
+
} }, void 0) }, void 0)] }), `experiment-${name}`));
|
|
34
32
|
}) }), void 0));
|
|
35
33
|
};
|
|
36
34
|
export { ExperimentsDebugger };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExperimentsDebugger.js","sourceRoot":"","sources":["../../../src/components/Experiments/ExperimentsDebugger.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAGlD,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAC7C,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AAC7C,OAAO,EAEL,0BAA0B,EAE1B,uBAAuB,GAExB,MAAM,UAAU,CAAA;AAEjB,
|
|
1
|
+
{"version":3,"file":"ExperimentsDebugger.js","sourceRoot":"","sources":["../../../src/components/Experiments/ExperimentsDebugger.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAGlD,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAC7C,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AAC7C,OAAO,EAEL,0BAA0B,EAE1B,uBAAuB,GAExB,MAAM,UAAU,CAAA;AAEjB,MAAM,mBAAmB,GAAa,CAAC,EAAY,EAAE,EAAE;QAAX,KAAK,cAAV,EAAY,CAAF;IAC/C,MAAM,CAAC,WAAW,CAAC,GAAG,eAAe,CAAkB,0BAA0B,EAAE,EAAE,CAAC,CAAA;IACtF,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,eAAe,CAAe,uBAAuB,EAAE,EAAE,CAAC,CAAA;IAE1F,MAAM,aAAa,GAAG,CAAC,KAAoB,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE,CAAC,GAAG,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,CAAA;IACjG,MAAM,iBAAiB,GAAG,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,CAAA;IAErD,IAAI,CAAC,WAAW,IAAI,CAAC,iBAAiB,CAAC,MAAM,EAAE;QAC7C,OAAO,CACL,MAAC,OAAO,kBAAC,UAAU,EAAC,SAAS,IAAK,KAAK,eACrC,KAAC,UAAU,kBAAC,OAAO,EAAC,WAAW,mDAAmC,EAClE,KAAC,UAAU,kBAAC,OAAO,EAAC,WAAW,8EAA8D,aACrF,CACX,CAAA;KACF;IAED,OAAO,CACL,KAAC,OAAO,kBAAC,UAAU,EAAC,SAAS,IAAK,KAAK,cACpC,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;YACxC,MAAM,CAAC,IAAI,EAAE,UAAU,CAAC,GAAG,IAAI,CAAA;YAC/B,MAAM,OAAO,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAW,CAAA;YAE/C,MAAM,KAAK,GAAG;gBACZ,EAAE,KAAK,EAAE,GAAG,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,MAAM,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE;gBACxF,GAAG,UAAU,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;oBACjD,KAAK,EACH,KAAK,KAAK,UAAU,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,UAAU,CAAC,QAAQ,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,IAAI,MAAM,MAAM,EAAE;oBACzG,KAAK,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,UAAU,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC;iBACrF,CAAC,CAAC;aACJ,CAAA;YAED,OAAO,CACL,MAAC,OAAO,kBAA4B,UAAU,EAAC,SAAS,EAAC,QAAQ,EAAE,CAAC,EAAE,YAAY,EAAE,CAAC,IAAM,KAAK,eAC9F,MAAC,OAAO,eACL,IAAI,aAAS,OAAO,YACb,EACV,KAAC,OAAO,cACN,KAAC,MAAM,kBACO,cAAc,IAAI,EAAE,EAChC,YAAY,EAAE,OAAO,EACrB,KAAK,EAAE,OAAO,EACd,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE;gCACrB,MAAM,SAAS,GAAG,MAAM,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAA;gCAC9E,QAAQ,CAAC,IAAI,CAAC,GAAG,SAAS,CAAA;gCAC1B,oCAAoC;gCACpC,WAAW,mBAAM,QAAQ,EAAG,CAAA;4BAC9B,CAAC,WACD,WACM,MAjBE,cAAc,IAAI,EAAE,CAkBxB,CACX,CAAA;QACH,CAAC,CAAC,YACM,CACX,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,mBAAmB,EAAE,CAAA"}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
import { __assign } from "tslib";
|
|
2
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
2
|
import { ExperimentsDebugger } from './index';
|
|
4
|
-
|
|
3
|
+
const StorybookEntry = {
|
|
5
4
|
argTypes: {},
|
|
6
5
|
component: ExperimentsDebugger,
|
|
7
6
|
parameters: {
|
|
@@ -11,8 +10,8 @@ var StorybookEntry = {
|
|
|
11
10
|
},
|
|
12
11
|
title: 'Components/ExperimentsDebugger',
|
|
13
12
|
};
|
|
14
|
-
|
|
15
|
-
|
|
13
|
+
const Template = (args) => _jsx(ExperimentsDebugger, Object.assign({}, args), void 0);
|
|
14
|
+
const Default = Template.bind({});
|
|
16
15
|
Default.args = {};
|
|
17
16
|
export { Default };
|
|
18
17
|
// eslint-disable-next-line import/no-default-export
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExperimentsDebugger.stories.js","sourceRoot":"","sources":["../../../src/components/Experiments/ExperimentsDebugger.stories.tsx"],"names":[],"mappings":"
|
|
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,MAAM,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,MAAM,QAAQ,GAA+C,CAAC,IAAI,EAAE,EAAE,CAAC,KAAC,mBAAmB,oBAAK,IAAI,UAAI,CAAA;AAExG,MAAM,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"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export
|
|
2
|
-
export
|
|
1
|
+
export const OutcomesLocalStorageKey = 'outcomes';
|
|
2
|
+
export const ExperimentsLocalStorageKey = 'experiments';
|
|
3
3
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Experiments/models/index.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Experiments/models/index.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,uBAAuB,GAAG,UAAU,CAAA;AACjD,MAAM,CAAC,MAAM,0BAA0B,GAAG,aAAa,CAAA"}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { __rest } from "tslib";
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
3
|
import { Box, Paper, useTheme } from '@mui/material';
|
|
4
4
|
import { BusyCircularProgress } from '../BusyCircularProgress';
|
|
5
5
|
import { BusyLinearProgress } from '../BusyLinearProgress';
|
|
6
|
-
|
|
7
|
-
var
|
|
8
|
-
|
|
9
|
-
return (_jsxs(Box,
|
|
10
|
-
?
|
|
6
|
+
const BusyBox = (_a) => {
|
|
7
|
+
var { background, children, component, busyVariant = 'circular', busySize, busyOpacity = 0.85, busyColor, busy, busyCircularProps, busyLinearProps, paper, style } = _a, props = __rest(_a, ["background", "children", "component", "busyVariant", "busySize", "busyOpacity", "busyColor", "busy", "busyCircularProps", "busyLinearProps", "paper", "style"]);
|
|
8
|
+
const theme = useTheme();
|
|
9
|
+
return (_jsxs(Box, Object.assign({ component: paper ? Paper : component, position: "relative", style: background
|
|
10
|
+
? Object.assign({ backgroundColor: theme.palette.background.default, color: theme.palette.text.primary }, style) : style }, props, { children: [children, busy && busyVariant === 'linear' ? (_jsx(BusyLinearProgress, Object.assign({ color: busyColor, opacity: busyOpacity }, busyLinearProps), void 0)) : null, busy && busyVariant === 'circular' ? (_jsx(BusyCircularProgress, Object.assign({ color: busyColor, opacity: busyOpacity, size: busySize }, busyCircularProps), void 0)) : null] }), void 0));
|
|
11
11
|
};
|
|
12
12
|
export { BusyBox };
|
|
13
13
|
//# sourceMappingURL=BusyBox.js.map
|