@xylabs/sdk-react 2.9.5 → 2.9.6
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/README.md +2 -1
- package/dist/components/Experiments/Experiments.js +2 -4
- package/dist/components/Experiments/Experiments.js.map +1 -1
- package/dist/contexts/UserEvents/Loader.d.ts +7 -0
- package/dist/contexts/UserEvents/Loader.js +8 -0
- package/dist/contexts/UserEvents/Loader.js.map +1 -0
- package/dist/contexts/UserEvents/index.d.ts +1 -0
- package/dist/contexts/UserEvents/index.js +1 -0
- package/dist/contexts/UserEvents/index.js.map +1 -1
- package/dist/esm2017/contexts/UserEvents/Loader.d.ts +7 -0
- package/dist/esm2017/contexts/UserEvents/index.d.ts +1 -0
- package/dist/esm2017/hooks/index.d.ts +1 -0
- package/dist/esm2017/hooks/useUserEvents.d.ts +1 -0
- package/dist/esm2017/index.js +12 -3
- package/dist/esm2017/index.js.map +1 -1
- package/dist/esm5/contexts/UserEvents/Loader.d.ts +7 -0
- package/dist/esm5/contexts/UserEvents/index.d.ts +1 -0
- package/dist/esm5/hooks/index.d.ts +1 -0
- package/dist/esm5/hooks/useUserEvents.d.ts +1 -0
- package/dist/esm5/index.js +12 -3
- package/dist/esm5/index.js.map +1 -1
- package/dist/hooks/index.d.ts +1 -0
- package/dist/hooks/index.js +1 -0
- package/dist/hooks/index.js.map +1 -1
- package/dist/hooks/useUserEvents.d.ts +1 -0
- package/dist/hooks/useUserEvents.js +7 -0
- package/dist/hooks/useUserEvents.js.map +1 -0
- package/dist/node/contexts/UserEvents/Loader.d.ts +7 -0
- package/dist/node/contexts/UserEvents/index.d.ts +1 -0
- package/dist/node/hooks/index.d.ts +1 -0
- package/dist/node/hooks/useUserEvents.d.ts +1 -0
- package/dist/node/index.js +13 -2
- package/dist/node/index.js.map +1 -1
- package/dist/node-esm/contexts/UserEvents/Loader.d.ts +7 -0
- package/dist/node-esm/contexts/UserEvents/index.d.ts +1 -0
- package/dist/node-esm/hooks/index.d.ts +1 -0
- package/dist/node-esm/hooks/useUserEvents.d.ts +1 -0
- package/dist/node-esm/index.js +12 -3
- package/dist/node-esm/index.js.map +1 -1
- package/package.json +1 -1
- package/src/components/Experiments/Experiments.tsx +3 -4
- package/src/contexts/UserEvents/Loader.tsx +12 -0
- package/src/contexts/UserEvents/index.ts +1 -1
- package/src/hooks/index.ts +1 -0
- package/src/hooks/useUserEvents.ts +8 -0
package/README.md
CHANGED
|
@@ -16,6 +16,7 @@
|
|
|
16
16
|
|
|
17
17
|
- [Description](#description)
|
|
18
18
|
- [Install](#install)
|
|
19
|
+
- [Scripts](#scripts)
|
|
19
20
|
- [Maintainers](#maintainers)
|
|
20
21
|
- [License](#license)
|
|
21
22
|
- [Credits](#credits)
|
|
@@ -44,7 +45,7 @@ See [ts-scripts](https://github.com/xylabs/ts-scripts/blob/main/README.md) for l
|
|
|
44
45
|
|
|
45
46
|
### Build (Storybook)
|
|
46
47
|
|
|
47
|
-
Build the static
|
|
48
|
+
Build the static Storybook site
|
|
48
49
|
|
|
49
50
|
```sh
|
|
50
51
|
yarn build-storybook
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { __values } from "tslib";
|
|
2
2
|
import { forget } from '@xylabs/sdk-js';
|
|
3
|
-
import {
|
|
4
|
-
import { UserEventsContext } from '../../contexts';
|
|
3
|
+
import { useUserEvents } from '../../hooks';
|
|
5
4
|
import { getLocalStorageObject, setLocalStorageObject } from '../../lib';
|
|
6
5
|
import { ExperimentsLocalStorageKey, OutcomesLocalStorageKey } from './models';
|
|
7
6
|
var defaultLocalStorageKey = 'testData';
|
|
@@ -73,8 +72,7 @@ var Experiments = function (props) {
|
|
|
73
72
|
var e_2, _a;
|
|
74
73
|
var _b, _c;
|
|
75
74
|
var name = props.name, children = props.children, _d = props.localStorageProp, localStorageProp = _d === void 0 ? true : _d;
|
|
76
|
-
var
|
|
77
|
-
var userEvents = userEventsContext.userEvents;
|
|
75
|
+
var userEvents = useUserEvents();
|
|
78
76
|
loadOutcomes();
|
|
79
77
|
var localStorageKey = buildLocalStorageKey(localStorageProp);
|
|
80
78
|
var childList = makeChildrenArray(children);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Experiments.js","sourceRoot":"","sources":["../../../src/components/Experiments/Experiments.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAO,MAAM,gBAAgB,CAAA;
|
|
1
|
+
{"version":3,"file":"Experiments.js","sourceRoot":"","sources":["../../../src/components/Experiments/Experiments.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { __assign } from "tslib";
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import { UserEventsContext } from './Context';
|
|
4
|
+
export var UserEventsLoader = function (_a) {
|
|
5
|
+
var userEvents = _a.userEvents, children = _a.children;
|
|
6
|
+
return _jsx(UserEventsContext.Provider, __assign({ value: { userEvents: userEvents } }, { children: children }), void 0);
|
|
7
|
+
};
|
|
8
|
+
//# sourceMappingURL=Loader.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Loader.js","sourceRoot":"","sources":["../../../src/contexts/UserEvents/Loader.tsx"],"names":[],"mappings":";;AAGA,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAM7C,MAAM,CAAC,IAAM,gBAAgB,GAAoB,UAAC,EAAwB;QAAtB,UAAU,gBAAA,EAAE,QAAQ,cAAA;IACtE,OAAO,KAAC,iBAAiB,CAAC,QAAQ,aAAC,KAAK,EAAE,EAAE,UAAU,YAAA,EAAE,gBAAG,QAAQ,YAA8B,CAAA;AACnG,CAAC,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/contexts/UserEvents/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/contexts/UserEvents/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAC7C,cAAc,UAAU,CAAA;AACxB,OAAO,EAAE,iBAAiB,EAAE,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const useUserEvents: () => import("@xylabs/pixel/dist/UserEventHandler").default<unknown> | undefined;
|
package/dist/esm2017/index.js
CHANGED
|
@@ -2029,6 +2029,11 @@ var NetworkSettingsLoader = function (props) {
|
|
|
2029
2029
|
|
|
2030
2030
|
var UserEventsContext = createContext({});
|
|
2031
2031
|
|
|
2032
|
+
var UserEventsLoader = function (_a) {
|
|
2033
|
+
var userEvents = _a.userEvents, children = _a.children;
|
|
2034
|
+
return jsx(UserEventsContext.Provider, __assign({ value: { userEvents: userEvents } }, { children: children }), void 0);
|
|
2035
|
+
};
|
|
2036
|
+
|
|
2032
2037
|
var calcSpacing = function (theme, values) {
|
|
2033
2038
|
for (var i = 0; i < values.length; i++) {
|
|
2034
2039
|
var value = values[i];
|
|
@@ -2299,6 +2304,11 @@ var useSpacing = function (value) {
|
|
|
2299
2304
|
return theme.spacing(typeof value === 'string' ? parseInt(value) : value);
|
|
2300
2305
|
};
|
|
2301
2306
|
|
|
2307
|
+
var useUserEvents = function () {
|
|
2308
|
+
var userEvents = useContext(UserEventsContext).userEvents;
|
|
2309
|
+
return userEvents;
|
|
2310
|
+
};
|
|
2311
|
+
|
|
2302
2312
|
var supportsWebP = undefined;
|
|
2303
2313
|
var useWebP = function (webp, alt) {
|
|
2304
2314
|
var _a = __read(useState(supportsWebP === true ? webp : supportsWebP === false ? alt : undefined), 2), img = _a[0], setImg = _a[1];
|
|
@@ -2454,8 +2464,7 @@ var Experiments = function (props) {
|
|
|
2454
2464
|
var e_2, _a;
|
|
2455
2465
|
var _b, _c;
|
|
2456
2466
|
var name = props.name, children = props.children, _d = props.localStorageProp, localStorageProp = _d === void 0 ? true : _d;
|
|
2457
|
-
var
|
|
2458
|
-
var userEvents = userEventsContext.userEvents;
|
|
2467
|
+
var userEvents = useUserEvents();
|
|
2459
2468
|
loadOutcomes();
|
|
2460
2469
|
var localStorageKey = buildLocalStorageKey(localStorageProp);
|
|
2461
2470
|
var childList = makeChildrenArray(children);
|
|
@@ -2627,5 +2636,5 @@ var TokenAmount = function (_a) {
|
|
|
2627
2636
|
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));
|
|
2628
2637
|
};
|
|
2629
2638
|
|
|
2630
|
-
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 };
|
|
2639
|
+
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, UserEventsLoader, XyBaseEvent, XyCustomEvent, XyUserEventHandler, XyoUserEventHandler, enableProfileLogging, getApiStage, getLocalStorageObject, getSessionStorageObject, isLocalhost, profileBlock, profileResults, setLocalStorageObject, setSessionStorageObject, useAsyncEffect, useBreakpoint, useCookieConsent, useLocalStorage, useMounted, useNavigateToEthAddress, useSpacing, useUserEvents, useWebP, useWindowSize };
|
|
2631
2640
|
//# sourceMappingURL=index.js.map
|