@xylabs/sdk-react 2.9.36 → 2.10.1

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

@@ -7,9 +7,7 @@ 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/cjs5/contexts/UserEvents/{Loader.d.ts → Provider.d.ts}

@@ -3,5 +3,5 @@ import React from 'react';
 interface Props<T> {
     userEvents: UserEventHandler<T>;
 }
-export declare const UserEventsLoader: React.FC<Props<unknown>>;
+export declare const UserEventsProvider: React.FC<Props<unknown>>;
 export {};

package/dist/cjs5/contexts/UserEvents/index.d.ts

@@ -1,2 +1,2 @@
 export * from './Context';
-export * from './Loader';
+export * from './Provider';

package/dist/cjs5/index.js

@@ -404,77 +404,9 @@ class Referrer {
 }
 Referrer.storageId = '_coin_referrer';
 
-class XyoUserEventHandler extends pixel.UserEventHandler {
-    constructor(handlers = []) {
-        super();
-        this.handlers = handlers;
-    }
-    testStarted(data) {
-        return __awaiter(this, void 0, void 0, function* () {
-            yield Promise.allSettled(this.handlers.map((handler) => handler.testStarted(data)));
-        });
-    }
-    funnelStarted(data) {
-        return __awaiter(this, void 0, void 0, function* () {
-            yield Promise.allSettled(this.handlers.map((handler) => handler.funnelStarted(data)));
-        });
-    }
-    viewContent(data) {
-        return __awaiter(this, void 0, void 0, function* () {
-            yield Promise.allSettled(this.handlers.map((handler) => handler.viewContent(data)));
-        });
-    }
-    userClick(data) {
-        return __awaiter(this, void 0, void 0, function* () {
-            yield Promise.allSettled(this.handlers.map((handler) => handler.userClick(data)));
-        });
-    }
-}
-
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const global = window;
 
-class DripBaseEvent {
-    constructor(name, param) {
-        this.name = name;
-        this.param = param;
-        this.dcq = this.getDcq();
-        this.dcs = this.getDcs();
-    }
-    send(data) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const payload = [this.name];
-            if (this.param) {
-                payload.push(this.param);
-            }
-            payload.push(data);
-            this.dcq.push(payload);
-            yield sdkJs.delay(0);
-        });
-    }
-    getDcq() {
-        if (!global._dcq) {
-            throw Error('DCQ not found');
-        }
-        return global._dcq;
-    }
-    getDcs() {
-        if (!global._dcs) {
-            throw Error('DCS not found');
-        }
-        return global._dcs;
-    }
-}
-
-class DripCustomEvent extends DripBaseEvent {
-}
-
-class DripStandardEvents {
-    identify() {
-        return new DripBaseEvent('identify');
-    }
-}
-
 class Fbq {
     constructor(pixelId) {
         this.pixelId = pixelId;
@@ -593,6 +525,33 @@ class FacebookStandardEvents {
     }
 }
 
+class FacebookUserEventHandler {
+    testStarted(data) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const event = new FacebookCustomEvent('TestStarted');
+            return yield event.send(data);
+        });
+    }
+    funnelStarted(data) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const event = new FacebookCustomEvent('FunnelStarted');
+            return yield event.send(data);
+        });
+    }
+    viewContent(data) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const event = new FacebookCustomEvent('ViewContent');
+            return yield event.send(data);
+        });
+    }
+    userClick(data) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const event = new FacebookCustomEvent('UserClick');
+            return yield event.send(data);
+        });
+    }
+}
+
 class Gtag {
     constructor(ga4id, awid, domains) {
         var _a, _b, _c, _d;
@@ -856,6 +815,79 @@ class GoogleStandardEvents {
     }
 }
 
+class XyoUserEventHandler extends pixel.UserEventHandler {
+    constructor(handlers = []) {
+        super();
+        this.handlers = handlers !== null && handlers !== void 0 ? handlers : [new FacebookUserEventHandler(), new GoogleUserEventHandler()];
+    }
+    testStarted(data) {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield Promise.allSettled(this.handlers.map((handler) => handler.testStarted(data)));
+        });
+    }
+    funnelStarted(data) {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield Promise.allSettled(this.handlers.map((handler) => handler.funnelStarted(data)));
+        });
+    }
+    viewContent(data) {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield Promise.allSettled(this.handlers.map((handler) => handler.viewContent(data)));
+        });
+    }
+    userClick(data) {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield Promise.allSettled(this.handlers.map((handler) => handler.userClick(data)));
+        });
+    }
+    static get() {
+        var _a;
+        this.instance = (_a = this.instance) !== null && _a !== void 0 ? _a : new XyoUserEventHandler();
+        return this.instance;
+    }
+}
+
+class DripBaseEvent {
+    constructor(name, param) {
+        this.name = name;
+        this.param = param;
+        this.dcq = this.getDcq();
+        this.dcs = this.getDcs();
+    }
+    send(data) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const payload = [this.name];
+            if (this.param) {
+                payload.push(this.param);
+            }
+            payload.push(data);
+            this.dcq.push(payload);
+            yield sdkJs.delay(0);
+        });
+    }
+    getDcq() {
+        if (!global._dcq) {
+            throw Error('DCQ not found');
+        }
+        return global._dcq;
+    }
+    getDcs() {
+        if (!global._dcs) {
+            throw Error('DCS not found');
+        }
+        return global._dcs;
+    }
+}
+
+class DripCustomEvent extends DripBaseEvent {
+}
+
+class DripStandardEvents {
+    identify() {
+        return new DripBaseEvent('identify');
+    }
+}
+
 class Rdt {
     static init(pixelId) {
         try {
@@ -1550,8 +1582,8 @@ const DebugUserEventsContext = react.createContext({
     },
 });
 
-const UserEventsLoader = ({ userEvents, children }) => {
-    return jsxRuntime.jsx(UserEventsContext.Provider, Object.assign({ value: { userEvents } }, { children: children }), void 0);
+const UserEventsProvider = ({ userEvents, children }) => {
+    return (jsxRuntime.jsx(UserEventsContext.Provider, Object.assign({ value: { userEvents: userEvents !== null && userEvents !== void 0 ? userEvents : XyoUserEventHandler.get() } }, { children: children }), void 0));
 };
 
 const calcSpacing = (theme, values) => {
@@ -1687,7 +1719,9 @@ const resolveThemeColors = (options) => {
         },
     });
 };
-const InvertableThemeProvider = ({ options, children, dark, resolve = false, scoped = false, invert = false, noResponsiveFonts, darkTheme, darkOptions, lightOptions, }) => {
+const InvertableThemeProvider = ({ options, children, dark, resolve = false, scoped = false, invert = false, noResponsiveFonts, 
+// eslint-disable-next-line deprecation/deprecation
+darkTheme, darkOptions, lightOptions, }) => {
     var _a, _b, _c;
     const parentContext = react.useContext(InvertableThemeContext);
     const clonedOptions = cloneDeep__default["default"]((_a = options !== null && options !== void 0 ? options : parentContext.options) !== null && _a !== void 0 ? _a : {});
@@ -1722,10 +1756,10 @@ const ScrollToTop = () => {
 };
 
 const BasePage = (_a) => {
-    var { disableGutters, children, beta, container, hideFooter, appFooter, appBar, cookieConsent, filterBar, hideAppBar, hideFilterBar, noindex = false, scrollToTopButton = false, title } = _a, props = __rest(_a, ["disableGutters", "children", "beta", "container", "hideFooter", "appFooter", "appBar", "cookieConsent", "filterBar", "hideAppBar", "hideFilterBar", "noindex", "scrollToTopButton", "title"]);
+    var { disableGutters, children, beta, container, hideFooter, appFooter, appBar, cookieConsent, hideAppBar, noindex = false, scrollToTopButton = false, title } = _a, props = __rest(_a, ["disableGutters", "children", "beta", "container", "hideFooter", "appFooter", "appBar", "cookieConsent", "hideAppBar", "noindex", "scrollToTopButton", "title"]);
     const theme = material.useTheme();
     const scrollToTopAnchorId = 'scroll-to-top-anchor';
-    return (jsxRuntime.jsxs(FlexCol, Object.assign({ justifyContent: "flex-start", color: theme.palette.text.primary, alignItems: "stretch", width: "100%", maxWidth: "100vw", minHeight: "100vh" }, props, { children: [jsxRuntime.jsx(ScrollToTop, {}, void 0), jsxRuntime.jsx(reactHelmet.Helmet, Object.assign({ title: title }, { children: noindex ? jsxRuntime.jsx("meta", { content: "noindex", name: "robots" }, void 0) : null }), void 0), scrollToTopButton ? jsxRuntime.jsx("div", { id: scrollToTopAnchorId }, void 0) : null, hideAppBar ? null : appBar, hideFilterBar ? null : filterBar, beta ? (jsxRuntime.jsx(FlexRow, Object.assign({ margin: 1, position: "absolute", top: 0, left: 0, bgcolor: "#cccccc88", paddingX: 1, style: { opacity: 0.5 } }, { children: jsxRuntime.jsx(material.Typography, Object.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 ? (jsxRuntime.jsx(material.Container, Object.assign({ style: { alignItems: 'stretch', display: 'flex', flexDirection: 'column', flexGrow: 1 }, maxWidth: container, disableGutters: disableGutters }, { children: children }), void 0)) : (children), hideFooter ? null : jsxRuntime.jsx("footer", { children: appFooter }, void 0), cookieConsent !== null && cookieConsent !== void 0 ? cookieConsent : (jsxRuntime.jsx(material.ScopedCssBaseline, { children: jsxRuntime.jsx(InvertableThemeProvider, Object.assign({ invert: true }, { children: jsxRuntime.jsx(CookieConsent, { borderRadius: 0 }, void 0) }), void 0) }, void 0)), scrollToTopButton ? (jsxRuntime.jsx(ScrollToTopButton, Object.assign({ anchorId: scrollToTopAnchorId }, { children: jsxRuntime.jsx(material.Fab, Object.assign({ "aria-label": "scroll to top", color: "secondary", size: "small" }, { children: jsxRuntime.jsx(iconsMaterial.KeyboardArrowUp, {}, void 0) }), void 0) }), void 0)) : null] }), void 0));
+    return (jsxRuntime.jsxs(FlexCol, Object.assign({ justifyContent: "flex-start", color: theme.palette.text.primary, alignItems: "stretch", width: "100%", maxWidth: "100vw", minHeight: "100vh" }, props, { children: [jsxRuntime.jsx(ScrollToTop, {}, void 0), jsxRuntime.jsx(reactHelmet.Helmet, Object.assign({ title: title }, { children: noindex ? jsxRuntime.jsx("meta", { content: "noindex", name: "robots" }, void 0) : null }), void 0), scrollToTopButton ? jsxRuntime.jsx("div", { id: scrollToTopAnchorId }, void 0) : null, hideAppBar ? null : appBar, beta ? (jsxRuntime.jsx(FlexRow, Object.assign({ margin: 1, position: "absolute", top: 0, left: 0, bgcolor: "#cccccc88", paddingX: 1, style: { opacity: 0.5 } }, { children: jsxRuntime.jsx(material.Typography, Object.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 ? (jsxRuntime.jsx(material.Container, Object.assign({ style: { alignItems: 'stretch', display: 'flex', flexDirection: 'column', flexGrow: 1 }, maxWidth: container, disableGutters: disableGutters }, { children: children }), void 0)) : (children), hideFooter ? null : jsxRuntime.jsx("footer", { children: appFooter }, void 0), cookieConsent !== null && cookieConsent !== void 0 ? cookieConsent : (jsxRuntime.jsx(material.ScopedCssBaseline, { children: jsxRuntime.jsx(InvertableThemeProvider, Object.assign({ invert: true }, { children: jsxRuntime.jsx(CookieConsent, { borderRadius: 0 }, void 0) }), void 0) }, void 0)), scrollToTopButton ? (jsxRuntime.jsx(ScrollToTopButton, Object.assign({ anchorId: scrollToTopAnchorId }, { children: jsxRuntime.jsx(material.Fab, Object.assign({ "aria-label": "scroll to top", color: "secondary", size: "small" }, { children: jsxRuntime.jsx(iconsMaterial.KeyboardArrowUp, {}, void 0) }), void 0) }), void 0)) : null] }), void 0));
 };
 
 const getPartialPath = (pathParts, index) => {
@@ -2321,6 +2355,7 @@ exports.Experiments = Experiments;
 exports.ExperimentsDebugger = ExperimentsDebugger;
 exports.FacebookCustomEvent = FacebookCustomEvent;
 exports.FacebookStandardEvents = FacebookStandardEvents;
+exports.FacebookUserEventHandler = FacebookUserEventHandler;
 exports.Fbq = Fbq;
 exports.FlexCol = FlexCol;
 exports.FlexGrowCol = FlexGrowCol;
@@ -2363,7 +2398,7 @@ exports.TiktokStandardEvents = TiktokStandardEvents;
 exports.TokenAmount = TokenAmount;
 exports.Ttq = Ttq;
 exports.UserEventsContext = UserEventsContext;
-exports.UserEventsLoader = UserEventsLoader;
+exports.UserEventsProvider = UserEventsProvider;
 exports.XyBaseEvent = XyBaseEvent;
 exports.XyCustomEvent = XyCustomEvent;
 exports.XyUserEventHandler = XyUserEventHandler;