@xylabs/sdk-react 2.9.35 → 2.10.2

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 {
@@ -1072,6 +1104,69 @@ class SnapchatStandardEvents {
     }
 }
 
+class EF {
+    static init() {
+        try {
+            EF.instance = new EF();
+        }
+        catch (ex) {
+            console.error(`EF.init: ${ex}`);
+        }
+    }
+    static getEF() {
+        if (global.EF) {
+            return global.EF;
+        }
+        console.warn('Missing EF');
+    }
+    track(event, data) {
+        switch (event) {
+            case 'Purchase':
+                this.sendConversion(data);
+                break;
+            default:
+                console.error(`EF.track: missing event ${event}`);
+        }
+    }
+    sendConversion(data) {
+        try {
+            //data: have session_id, tracking_id, order_id, amount
+            const ef = EF.getEF();
+            ef.conversion(Object.assign({}, data));
+        }
+        catch (ex) {
+            console.error(`EF.conversion: ${ex}`);
+        }
+    }
+}
+
+class TapjoyBaseEvent {
+    constructor(name) {
+        this.name = name;
+        this.ef = sdkJs.assertEx(EF.instance, 'Missing Tapjoy Eventflow');
+    }
+    send(_data) {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield sdkJs.delay(0);
+        });
+    }
+}
+
+class TapjoyStandardEvent extends TapjoyBaseEvent {
+    send(data) {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.ef.track(this.name, data);
+            yield sdkJs.delay(0);
+        });
+    }
+}
+
+class TapjoyStandardEvents {
+    purchase() {
+        return new TapjoyStandardEvent('Purchase');
+    }
+}
+
 class Ttq {
     static init(pixelId) {
         try {
@@ -1550,8 +1645,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 +1782,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 +1819,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) => {
@@ -2312,6 +2409,7 @@ exports.CoverProgress = CoverProgress;
 exports.DebugUserEventsContext = DebugUserEventsContext;
 exports.DripCustomEvent = DripCustomEvent;
 exports.DripStandardEvents = DripStandardEvents;
+exports.EF = EF;
 exports.ErrorDialog = ErrorDialog;
 exports.EthAccount = EthAccount;
 exports.EthersContext = EthersContext;
@@ -2321,6 +2419,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;
@@ -2358,12 +2457,14 @@ exports.ScrollToTopButton = ScrollToTopButton;
 exports.SelectEx = SelectEx;
 exports.SnapTr = SnapTr;
 exports.SnapchatStandardEvents = SnapchatStandardEvents;
+exports.TapjoyStandardEvent = TapjoyStandardEvent;
+exports.TapjoyStandardEvents = TapjoyStandardEvents;
 exports.TiktokCustomEvent = TiktokCustomEvent;
 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;