react-native-mparticle 2.7.12 → 2.8.0

package/lib/rokt/rokt-layout-view.android.d.ts

@@ -0,0 +1,39 @@
+import React, { Component } from 'react';
+/**
+ * PUBLIC API: Props that users of RoktLayoutView can set
+ */
+export interface RoktLayoutViewProps {
+    placeholderName: string;
+}
+/**
+ * INTERNAL: State managed by the component to handle native events
+ */
+export interface RoktLayoutViewState {
+    height: number;
+    placeholderName: string;
+    marginTop: number;
+    marginRight: number;
+    marginLeft: number;
+    marginBottom: number;
+}
+/**
+ * RoktEmbeddedView is a wrapper component for the native RoktNativeWidget.
+ * It handles the native events internally and provides a simpler API for React Native apps.
+ *
+ * This component only exposes the placeholderName prop to users, hiding all the internal complexity.
+ */
+export declare class RoktLayoutView extends Component<RoktLayoutViewProps, RoktLayoutViewState> {
+    constructor(props: RoktLayoutViewProps);
+    /**
+     * Handles the height changed event from the native component
+     * This is an internal implementation detail not exposed to users
+     */
+    private handleHeightChanged;
+    /**
+     * Handles the margin changed event from the native component
+     * This is an internal implementation detail not exposed to users
+     */
+    private handleMarginChanged;
+    render(): React.JSX.Element | null;
+}
+export default RoktLayoutView;

package/lib/rokt/rokt-layout-view.android.js

@@ -0,0 +1,109 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RoktLayoutView = void 0;
+const react_native_1 = require("react-native");
+const react_1 = __importStar(require("react"));
+const RoktLayoutNativeComponent_1 = __importDefault(require("../codegenSpecs/rokt/RoktLayoutNativeComponent"));
+const styles = react_native_1.StyleSheet.create({
+    widget: {
+        flex: 1,
+        backgroundColor: 'transparent',
+    },
+});
+/**
+ * RoktEmbeddedView is a wrapper component for the native RoktNativeWidget.
+ * It handles the native events internally and provides a simpler API for React Native apps.
+ *
+ * This component only exposes the placeholderName prop to users, hiding all the internal complexity.
+ */
+class RoktLayoutView extends react_1.Component {
+    constructor(props) {
+        super(props);
+        /**
+         * Handles the height changed event from the native component
+         * This is an internal implementation detail not exposed to users
+         */
+        this.handleHeightChanged = (event) => {
+            if (event && event.nativeEvent && event.nativeEvent.height) {
+                this.setState({ height: parseInt(event.nativeEvent.height) });
+            }
+        };
+        /**
+         * Handles the margin changed event from the native component
+         * This is an internal implementation detail not exposed to users
+         */
+        this.handleMarginChanged = (event) => {
+            if (event && event.nativeEvent) {
+                const { marginTop, marginLeft, marginRight, marginBottom } = event.nativeEvent;
+                this.setState({
+                    marginTop: parseInt(marginTop || '0'),
+                    marginLeft: parseInt(marginLeft || '0'),
+                    marginRight: parseInt(marginRight || '0'),
+                    marginBottom: parseInt(marginBottom || '0'),
+                });
+            }
+        };
+        this.state = {
+            height: 0,
+            placeholderName: this.props.placeholderName,
+            marginTop: 0,
+            marginRight: 0,
+            marginLeft: 0,
+            marginBottom: 0,
+        };
+    }
+    render() {
+        try {
+            // Get the placeholderName from props
+            const { placeholderName } = this.props;
+            // Return the native component with the props
+            // Cast to React.ComponentType to make it compatible with JSX
+            const RoktComponent = 
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            RoktLayoutNativeComponent_1.default;
+            return (<RoktComponent placeholderName={placeholderName} style={[
+                    styles.widget,
+                    {
+                        height: this.state.height,
+                        marginTop: this.state.marginTop,
+                        marginLeft: this.state.marginLeft,
+                        marginRight: this.state.marginRight,
+                        marginBottom: this.state.marginBottom,
+                    },
+                ]} onLayoutHeightChanged={this.handleHeightChanged} onLayoutMarginChanged={this.handleMarginChanged}/>);
+        }
+        catch (error) {
+            console.error('[ROKT] Error rendering RoktEmbeddedView:', error);
+            return null;
+        }
+    }
+}
+exports.RoktLayoutView = RoktLayoutView;
+exports.default = RoktLayoutView;
+//# sourceMappingURL=rokt-layout-view.android.js.map

package/lib/rokt/rokt-layout-view.android.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rokt-layout-view.android.js","sourceRoot":"","sources":["../../js/rokt/rokt-layout-view.android.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,+CAAyC;AACzC,+GAAuF;AAwCvF,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,MAAM,EAAE;QACN,IAAI,EAAE,CAAC;QACP,eAAe,EAAE,aAAa;KAC/B;CACF,CAAC,CAAC;AAEH;;;;;GAKG;AACH,MAAa,cAAe,SAAQ,iBAGnC;IACC,YAAY,KAA0B;QACpC,KAAK,CAAC,KAAK,CAAC,CAAC;QAWf;;;WAGG;QACK,wBAAmB,GAAG,CAAC,KAAyB,EAAE,EAAE;YAC1D,IAAI,KAAK,IAAI,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC,WAAW,CAAC,MAAM,EAAE;gBAC1D,IAAI,CAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;aAC/D;QACH,CAAC,CAAC;QAEF;;;WAGG;QACK,wBAAmB,GAAG,CAAC,KAAyB,EAAE,EAAE;YAC1D,IAAI,KAAK,IAAI,KAAK,CAAC,WAAW,EAAE;gBAC9B,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,WAAW,EAAE,YAAY,EAAE,GACxD,KAAK,CAAC,WAAW,CAAC;gBACpB,IAAI,CAAC,QAAQ,CAAC;oBACZ,SAAS,EAAE,QAAQ,CAAC,SAAS,IAAI,GAAG,CAAC;oBACrC,UAAU,EAAE,QAAQ,CAAC,UAAU,IAAI,GAAG,CAAC;oBACvC,WAAW,EAAE,QAAQ,CAAC,WAAW,IAAI,GAAG,CAAC;oBACzC,YAAY,EAAE,QAAQ,CAAC,YAAY,IAAI,GAAG,CAAC;iBAC5C,CAAC,CAAC;aACJ;QACH,CAAC,CAAC;QAnCA,IAAI,CAAC,KAAK,GAAG;YACX,MAAM,EAAE,CAAC;YACT,eAAe,EAAE,IAAI,CAAC,KAAK,CAAC,eAAe;YAC3C,SAAS,EAAE,CAAC;YACZ,WAAW,EAAE,CAAC;YACd,UAAU,EAAE,CAAC;YACb,YAAY,EAAE,CAAC;SAChB,CAAC;IACJ,CAAC;IA6BQ,MAAM;QACb,IAAI;YACF,qCAAqC;YACrC,MAAM,EAAE,eAAe,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;YAEvC,6CAA6C;YAC7C,6DAA6D;YAC7D,MAAM,aAAa;YACjB,8DAA8D;YAC9D,mCAAqD,CAAC;YACxD,OAAO,CACL,CAAC,aAAa,CACZ,eAAe,CAAC,CAAC,eAAe,CAAC,CACjC,KAAK,CAAC,CAAC;oBACL,MAAM,CAAC,MAAM;oBACb;wBACE,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM;wBACzB,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS;wBAC/B,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU;wBACjC,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW;wBACnC,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY;qBACtC;iBACF,CAAC,CACF,qBAAqB,CAAC,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAChD,qBAAqB,CAAC,CAAC,IAAI,CAAC,mBAAmB,CAAC,EAChD,CACH,CAAC;SACH;QAAC,OAAO,KAAK,EAAE;YACd,OAAO,CAAC,KAAK,CAAC,0CAA0C,EAAE,KAAK,CAAC,CAAC;YACjE,OAAO,IAAI,CAAC;SACb;IACH,CAAC;CACF;AA3ED,wCA2EC;AAED,kBAAe,cAAc,CAAC"}

package/lib/rokt/rokt-layout-view.d.ts

@@ -0,0 +1,5 @@
+import { RoktLayoutView as RoktLayoutViewIOS } from './rokt-layout-view.ios';
+import { RoktLayoutView as RoktLayoutViewAndroid } from './rokt-layout-view.android';
+export type { RoktLayoutViewProps } from './rokt-layout-view.ios';
+export declare const RoktLayoutView: typeof RoktLayoutViewIOS | typeof RoktLayoutViewAndroid;
+export default RoktLayoutView;

package/lib/rokt/rokt-layout-view.ios.d.ts

@@ -0,0 +1,32 @@
+import React, { Component } from 'react';
+export interface HeightChangedEvent extends Event {
+    height: string;
+}
+export interface MarginChangedEvent extends Event {
+    marginTop: string;
+    marginRight: string;
+    marginLeft: string;
+    marginBottom: string;
+}
+export interface WidgetChangeEvent {
+    selectedPlacement: string;
+    height: string;
+}
+export interface RoktLayoutViewProps {
+    placeholderName: string;
+}
+export interface RoktLayoutViewState {
+    height: number;
+    placeholderName: string;
+    marginTop: number;
+    marginRight: number;
+    marginLeft: number;
+    marginBottom: number;
+}
+export declare class RoktLayoutView extends Component<RoktLayoutViewProps, RoktLayoutViewState> {
+    subscription: import("react-native").EmitterSubscription;
+    constructor(props: RoktLayoutViewProps);
+    render(): React.JSX.Element;
+    componentWillUnmount(): void;
+}
+export default RoktLayoutView;

package/lib/rokt/rokt-layout-view.ios.js

@@ -0,0 +1,84 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RoktLayoutView = void 0;
+const react_native_1 = require("react-native");
+const react_1 = __importStar(require("react"));
+const architecture_1 = require("../utils/architecture");
+const RoktLayoutNativeComponent_1 = __importDefault(require("../codegenSpecs/rokt/RoktLayoutNativeComponent"));
+const RoktEventManager = react_native_1.NativeModules.RoktEventManager;
+// Use the appropriate component based on architecture
+const LayoutNativeComponent = (architecture_1.isFabricEnabled
+    ? RoktLayoutNativeComponent_1.default
+    : (0, react_native_1.requireNativeComponent)('RoktLegacyLayout'));
+const eventManagerEmitter = new react_native_1.NativeEventEmitter(RoktEventManager);
+class RoktLayoutView extends react_1.Component {
+    constructor(props) {
+        super(props);
+        this.subscription = eventManagerEmitter.addListener('LayoutHeightChanges', (widgetChanges) => {
+            if (widgetChanges.selectedPlacement == this.state.placeholderName) {
+                this.setState({ height: parseInt(widgetChanges.height) });
+            }
+        });
+        this.state = {
+            height: 0,
+            placeholderName: this.props.placeholderName,
+            marginTop: 0,
+            marginRight: 0,
+            marginLeft: 0,
+            marginBottom: 0,
+        };
+    }
+    render() {
+        return (<LayoutNativeComponent style={[styles.widget, { height: this.state.height }]} placeholderName={this.state.placeholderName} onLayoutHeightChanged={(event) => {
+                if (event.height) {
+                    this.setState({ height: parseInt(event.height) });
+                }
+            }} onLayoutMarginChanged={(event) => {
+                this.setState({
+                    marginTop: parseInt(event.marginTop || '0'),
+                    marginRight: parseInt(event.marginRight || '0'),
+                    marginLeft: parseInt(event.marginLeft || '0'),
+                    marginBottom: parseInt(event.marginBottom || '0'),
+                });
+            }}/>);
+    }
+    componentWillUnmount() {
+        this.subscription.remove();
+    }
+}
+exports.RoktLayoutView = RoktLayoutView;
+const styles = react_native_1.StyleSheet.create({
+    widget: {
+        flex: 1,
+        backgroundColor: 'transparent',
+        overflow: 'hidden',
+    },
+});
+exports.default = RoktLayoutView;
+//# sourceMappingURL=rokt-layout-view.ios.js.map

package/lib/rokt/rokt-layout-view.ios.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rokt-layout-view.ios.js","sourceRoot":"","sources":["../../js/rokt/rokt-layout-view.ios.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAOsB;AACtB,+CAAyC;AACzC,wDAAwD;AACxD,+GAAuF;AAEvF,MAAM,gBAAgB,GAAG,4BAAa,CAAC,gBAAgC,CAAC;AAsCxE,sDAAsD;AACtD,MAAM,qBAAqB,GAAG,CAC5B,8BAAe;IACb,CAAC,CAAC,mCAAyB;IAC3B,CAAC,CAAC,IAAA,qCAAsB,EAAwB,kBAAkB,CAAC,CAC/D,CAAC;AAET,MAAM,mBAAmB,GAAG,IAAI,iCAAkB,CAAC,gBAAgB,CAAC,CAAC;AAErE,MAAa,cAAe,SAAQ,iBAGnC;IAUC,YAAY,KAA0B;QACpC,KAAK,CAAC,KAAK,CAAC,CAAC;QAVf,iBAAY,GAAG,mBAAmB,CAAC,WAAW,CAC5C,qBAAqB,EACrB,CAAC,aAAgC,EAAE,EAAE;YACnC,IAAI,aAAa,CAAC,iBAAiB,IAAI,IAAI,CAAC,KAAK,CAAC,eAAe,EAAE;gBACjE,IAAI,CAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;aAC3D;QACH,CAAC,CACF,CAAC;QAKA,IAAI,CAAC,KAAK,GAAG;YACX,MAAM,EAAE,CAAC;YACT,eAAe,EAAE,IAAI,CAAC,KAAK,CAAC,eAAe;YAC3C,SAAS,EAAE,CAAC;YACZ,WAAW,EAAE,CAAC;YACd,UAAU,EAAE,CAAC;YACb,YAAY,EAAE,CAAC;SAChB,CAAC;IACJ,CAAC;IAEQ,MAAM;QACb,OAAO,CACL,CAAC,qBAAqB,CACpB,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,CAAC,CACtD,eAAe,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,CAC5C,qBAAqB,CAAC,CAAC,CAAC,KAAyB,EAAE,EAAE;gBACnD,IAAI,KAAK,CAAC,MAAM,EAAE;oBAChB,IAAI,CAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;iBACnD;YACH,CAAC,CAAC,CACF,qBAAqB,CAAC,CAAC,CAAC,KAAyB,EAAE,EAAE;gBACnD,IAAI,CAAC,QAAQ,CAAC;oBACZ,SAAS,EAAE,QAAQ,CAAC,KAAK,CAAC,SAAS,IAAI,GAAG,CAAC;oBAC3C,WAAW,EAAE,QAAQ,CAAC,KAAK,CAAC,WAAW,IAAI,GAAG,CAAC;oBAC/C,UAAU,EAAE,QAAQ,CAAC,KAAK,CAAC,UAAU,IAAI,GAAG,CAAC;oBAC7C,YAAY,EAAE,QAAQ,CAAC,KAAK,CAAC,YAAY,IAAI,GAAG,CAAC;iBAClD,CAAC,CAAC;YACL,CAAC,CAAC,EACF,CACH,CAAC;IACJ,CAAC;IAEQ,oBAAoB;QAC3B,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,CAAC;IAC7B,CAAC;CACF;AAnDD,wCAmDC;AAED,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,MAAM,EAAE;QACN,IAAI,EAAE,CAAC;QACP,eAAe,EAAE,aAAa;QAC9B,QAAQ,EAAE,QAAQ;KACnB;CACF,CAAC,CAAC;AAEH,kBAAe,cAAc,CAAC"}

package/lib/rokt/rokt-layout-view.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RoktLayoutView = void 0;
+const react_native_1 = require("react-native");
+// Import both implementations
+const rokt_layout_view_ios_1 = require("./rokt-layout-view.ios");
+const rokt_layout_view_android_1 = require("./rokt-layout-view.android");
+// Export the appropriate component based on platform
+exports.RoktLayoutView = react_native_1.Platform.OS === 'ios' ? rokt_layout_view_ios_1.RoktLayoutView : rokt_layout_view_android_1.RoktLayoutView;
+// Default export
+exports.default = exports.RoktLayoutView;
+//# sourceMappingURL=rokt-layout-view.js.map

package/lib/rokt/rokt-layout-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rokt-layout-view.js","sourceRoot":"","sources":["../../js/rokt/rokt-layout-view.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAExC,8BAA8B;AAC9B,iEAA6E;AAC7E,yEAAqF;AAKrF,qDAAqD;AACxC,QAAA,cAAc,GACzB,uBAAQ,CAAC,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,qCAAiB,CAAC,CAAC,CAAC,yCAAqB,CAAC;AAEpE,iBAAiB;AACjB,kBAAe,sBAAc,CAAC"}

package/lib/rokt/rokt.d.ts

@@ -0,0 +1,40 @@
+export declare abstract class Rokt {
+    /**
+     * Selects placements with a [identifier], [attributes], optional [placeholders], optional [roktConfig], and optional [fontFilePathMap].
+     *
+     * @param {string} identifier - The page identifier for the placement.
+     * @param {Record<string, string>} attributes - Attributes to be associated with the placement.
+     * @param {Record<string, number | null>} [placeholders] - Optional placeholders for dynamic content.
+     * @param {IRoktConfig} [roktConfig] - Optional configuration settings for Rokt.
+     * @param {Record<string, string>} [fontFilesMap] - Optional mapping of font files.
+     * @returns {Promise<void>} A promise that resolves when the placement request is sent.
+     */
+    static selectPlacements(identifier: string, attributes: Record<string, string>, placeholders?: Record<string, number | null>, roktConfig?: IRoktConfig, fontFilesMap?: Record<string, string>): Promise<void>;
+    static purchaseFinalized(placementId: string, catalogItemId: string, success: boolean): Promise<void>;
+    static createRoktConfig(colorMode?: ColorMode, cacheConfig?: CacheConfig): RoktConfig;
+    static createCacheConfig(cacheDurationInSeconds: number, cacheAttributes: Record<string, string>): CacheConfig;
+}
+export interface IRoktConfig {
+    readonly colorMode?: ColorMode;
+    readonly cacheConfig?: CacheConfig;
+}
+/**
+ * Cache configuration for Rokt SDK
+ */
+export declare class CacheConfig {
+    readonly cacheDurationInSeconds?: number | undefined;
+    readonly cacheAttributes?: Record<string, string> | undefined;
+    /**
+     * @param cacheDurationInSeconds - The duration in seconds for which the Rokt SDK should cache the experience. Default is 90 minutes
+     * @param cacheAttributes - optional attributes to be used as cache key. If null, all the attributes will be used as the cache key
+     */
+    constructor(cacheDurationInSeconds?: number | undefined, cacheAttributes?: Record<string, string> | undefined);
+}
+declare class RoktConfig implements IRoktConfig {
+    readonly colorMode: ColorMode;
+    readonly cacheConfig?: CacheConfig;
+    constructor(colorMode: ColorMode, cacheConfig?: CacheConfig);
+}
+declare const RoktEventManager: any;
+export { RoktEventManager };
+export type ColorMode = 'light' | 'dark' | 'system';

package/lib/rokt/rokt.js

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RoktEventManager = exports.CacheConfig = exports.Rokt = void 0;
+const react_native_1 = require("react-native");
+const architecture_1 = require("../utils/architecture");
+const MPRokt = (0, architecture_1.getNativeModule)('RNMPRokt');
+class Rokt {
+    /**
+     * Selects placements with a [identifier], [attributes], optional [placeholders], optional [roktConfig], and optional [fontFilePathMap].
+     *
+     * @param {string} identifier - The page identifier for the placement.
+     * @param {Record<string, string>} attributes - Attributes to be associated with the placement.
+     * @param {Record<string, number | null>} [placeholders] - Optional placeholders for dynamic content.
+     * @param {IRoktConfig} [roktConfig] - Optional configuration settings for Rokt.
+     * @param {Record<string, string>} [fontFilesMap] - Optional mapping of font files.
+     * @returns {Promise<void>} A promise that resolves when the placement request is sent.
+     */
+    static async selectPlacements(identifier, attributes, placeholders, roktConfig, fontFilesMap) {
+        MPRokt.selectPlacements(identifier, attributes, placeholders, roktConfig, fontFilesMap);
+    }
+    static async purchaseFinalized(placementId, catalogItemId, success) {
+        MPRokt.purchaseFinalized(placementId, catalogItemId, success);
+    }
+    static createRoktConfig(colorMode, cacheConfig) {
+        return new RoktConfig(colorMode !== null && colorMode !== void 0 ? colorMode : 'system', cacheConfig);
+    }
+    static createCacheConfig(cacheDurationInSeconds, cacheAttributes) {
+        return new CacheConfig(cacheDurationInSeconds, cacheAttributes);
+    }
+}
+exports.Rokt = Rokt;
+/**
+ * Cache configuration for Rokt SDK
+ */
+class CacheConfig {
+    /**
+     * @param cacheDurationInSeconds - The duration in seconds for which the Rokt SDK should cache the experience. Default is 90 minutes
+     * @param cacheAttributes - optional attributes to be used as cache key. If null, all the attributes will be used as the cache key
+     */
+    constructor(cacheDurationInSeconds, cacheAttributes) {
+        this.cacheDurationInSeconds = cacheDurationInSeconds;
+        this.cacheAttributes = cacheAttributes;
+    }
+}
+exports.CacheConfig = CacheConfig;
+class RoktConfig {
+    constructor(colorMode, cacheConfig) {
+        this.colorMode = colorMode;
+        this.cacheConfig = cacheConfig;
+    }
+}
+const { RoktEventManager } = react_native_1.NativeModules;
+exports.RoktEventManager = RoktEventManager;
+//# sourceMappingURL=rokt.js.map

package/lib/rokt/rokt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rokt.js","sourceRoot":"","sources":["../../js/rokt/rokt.ts"],"names":[],"mappings":";;;AAAA,+CAA6C;AAC7C,wDAAwD;AAGxD,MAAM,MAAM,GAAG,IAAA,8BAAe,EAAwB,UAAU,CAAC,CAAC;AAElE,MAAsB,IAAI;IACxB;;;;;;;;;OASG;IACH,MAAM,CAAC,KAAK,CAAC,gBAAgB,CAC3B,UAAkB,EAClB,UAAkC,EAClC,YAA4C,EAC5C,UAAwB,EACxB,YAAqC;QAErC,MAAM,CAAC,gBAAgB,CACrB,UAAU,EACV,UAAU,EACV,YAAY,EACZ,UAAU,EACV,YAAY,CACb,CAAC;IACJ,CAAC;IAED,MAAM,CAAC,KAAK,CAAC,iBAAiB,CAC5B,WAAmB,EACnB,aAAqB,EACrB,OAAgB;QAEhB,MAAM,CAAC,iBAAiB,CAAC,WAAW,EAAE,aAAa,EAAE,OAAO,CAAC,CAAC;IAChE,CAAC;IAED,MAAM,CAAC,gBAAgB,CAAC,SAAqB,EAAE,WAAyB;QACtE,OAAO,IAAI,UAAU,CAAC,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,QAAQ,EAAE,WAAW,CAAC,CAAC;IAC5D,CAAC;IAED,MAAM,CAAC,iBAAiB,CACtB,sBAA8B,EAC9B,eAAuC;QAEvC,OAAO,IAAI,WAAW,CAAC,sBAAsB,EAAE,eAAe,CAAC,CAAC;IAClE,CAAC;CACF;AA7CD,oBA6CC;AAQD;;GAEG;AACH,MAAa,WAAW;IACtB;;;OAGG;IACH,YACkB,sBAA+B,EAC/B,eAAwC;QADxC,2BAAsB,GAAtB,sBAAsB,CAAS;QAC/B,oBAAe,GAAf,eAAe,CAAyB;IACvD,CAAC;CACL;AATD,kCASC;AAED,MAAM,UAAU;IAId,YAAY,SAAoB,EAAE,WAAyB;QACzD,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;QAC3B,IAAI,CAAC,WAAW,GAAG,WAAW,CAAC;IACjC,CAAC;CACF;AACD,MAAM,EAAE,gBAAgB,EAAE,GAAG,4BAAa,CAAC;AAElC,4CAAgB"}

package/lib/utils/architecture.d.ts

@@ -0,0 +1,9 @@
+import { TurboModule } from 'react-native';
+export declare const isNewArchitecture: boolean;
+export declare const isFabricEnabled: boolean;
+/**
+ * Gets the native module for both old and new architectures
+ * @param moduleName The name of the module
+ * @returns The native module
+ */
+export declare function getNativeModule<T extends TurboModule>(moduleName: string): T;

package/lib/utils/architecture.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getNativeModule = exports.isFabricEnabled = exports.isNewArchitecture = void 0;
+const react_native_1 = require("react-native");
+exports.isNewArchitecture = global.__turboModuleProxy != null;
+exports.isFabricEnabled = global.nativeFabricUIManager != null;
+/**
+ * Gets the native module for both old and new architectures
+ * @param moduleName The name of the module
+ * @returns The native module
+ */
+function getNativeModule(moduleName) {
+    if (exports.isNewArchitecture) {
+        return react_native_1.TurboModuleRegistry.getEnforcing(moduleName);
+    }
+    return react_native_1.NativeModules[moduleName];
+}
+exports.getNativeModule = getNativeModule;
+//# sourceMappingURL=architecture.js.map

package/lib/utils/architecture.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"architecture.js","sourceRoot":"","sources":["../../js/utils/architecture.ts"],"names":[],"mappings":";;;AAAA,+CAA+E;AAOlE,QAAA,iBAAiB,GAAG,MAAM,CAAC,kBAAkB,IAAI,IAAI,CAAC;AAEtD,QAAA,eAAe,GAAG,MAAM,CAAC,qBAAqB,IAAI,IAAI,CAAC;AAEpE;;;;GAIG;AACH,SAAgB,eAAe,CAAwB,UAAkB;IACvE,IAAI,yBAAiB,EAAE;QACrB,OAAO,kCAAmB,CAAC,YAAY,CAAI,UAAU,CAAC,CAAC;KACxD;IACD,OAAO,4BAAa,CAAC,UAAU,CAAM,CAAC;AACxC,CAAC;AALD,0CAKC"}

package/package.json

@@ -4,16 +4,19 @@
   "homepage": "https://www.mparticle.com",
   "license": "Apache-2.0",
   "repository": "mParticle/react-native-mparticle",
-  "version": "2.7.12",
-  "main": "js/index.js",
+  "version": "2.8.0",
+  "main": "lib/index.js",
+  "types": "lib/index.d.ts",
+  "react-native": "js/index",
   "scripts": {
-    "test": "./node_modules/standard/bin/cmd.js",
-    "fix": "./node_modules/standard/bin/cmd.js --fix"
-  },
-  "standard": {
-    "ignore": [
-      "/sample"
-    ]
+    "build": "tsc",
+    "clean": "rm -rf lib",
+    "prepare": "yarn clean && yarn build",
+    "dev:pack": "yarn build && yarn pack --filename react-native-mparticle-latest.tgz",
+    "dev:link": "./dev-link.sh",
+    "lint": "eslint '{js,lib}/**/*.{ts,tsx}' --fix",
+    "format": "prettier --write '{js,lib}/**/*.{ts,tsx}'",
+    "test": "npm run lint"
   },
   "dependencies": {},
   "peerDependencies": {
@@ -21,6 +24,25 @@
     "react-native": ">= 0.45.0"
   },
   "devDependencies": {
-    "standard": "^8.6.0"
+    "@typescript-eslint/eslint-plugin": "^5.62.0",
+    "@typescript-eslint/parser": "^5.62.0",
+    "eslint": "^8.45.0",
+    "eslint-config-prettier": "^8.10.0",
+    "eslint-plugin-prettier": "^4.2.1",
+    "prettier": "^2.8.8",
+    "@types/react": "^18.0.0",
+    "@types/react-native": "^0.70.0",
+    "typescript": "5.0.4"
+  },
+  "codegenConfig": {
+    "name": "RNMParticle",
+    "type": "all",
+    "jsSrcsDir": "js/codegenSpecs",
+    "android": {
+      "javaPackageName": "com.mparticle.react"
+    },
+    "ios": {
+      "RoktNativeLayout": "RoktNativeLayoutComponentView"
+    }
   }
 }

package/react-native-mparticle.podspec

@@ -17,12 +17,13 @@ Pod::Spec.new do |s|
   s.platforms = { :ios => ios_platform, :tvos => "9.2" }
 
   s.source       = { :git => "https://github.com/mParticle/react-native-mparticle.git", :tag => "#{s.version}" }
-  s.source_files  = "ios/**/*.{h,m}"
-  
-  if defined?(install_modules_dependencies()) != nil
-    install_modules_dependencies(s);
+  s.source_files  = "ios/**/*.{h,m,mm,swift}"
+
+  if respond_to?(:install_modules_dependencies, true)
+    install_modules_dependencies(s)
   else
-    s.dependency 'React'
+    s.dependency "React-Core"
   end
-    s.dependency 'mParticle-Apple-SDK', '~> 8.0'
+
+  s.dependency 'mParticle-Apple-SDK', '~> 8.0'
 end

package/.github/PULL_REQUEST_TEMPLATE.md

@@ -1,8 +0,0 @@
-## Summary
-{provide a thorough description of the changes}
-
-## Testing Plan
-{explain how this has been tested, and what additional testing should be done}
-
-## Master Issue
-Closes https://go.mparticle.com/work/REPLACEME

package/.github/dependabot.yml

@@ -1,12 +0,0 @@
-version: 2
-updates:
-  - package-ecosystem: gradle
-    directory: "/android"
-    schedule:
-      interval: daily
-    labels: ["dependabot"]
-    open-pull-requests-limit: 10
-    ignore:
-      - dependency-name: "com.google.firebase:firebase-messaging"
-    commit-message:
-      prefix: "chore"

package/.github/workflows/daily.yml

@@ -1,19 +0,0 @@
-name: "Daily"
-
-on:
-
-  schedule:
-    - cron: "0 0 * * *"
-
-  # Allow workflow to be manually run from the GitHub UI
-  workflow_dispatch:
-
-jobs:
-
-#  daily-job:
-#    name: "Daily Common Repo Checks"
-#    uses: mParticle/mparticle-workflows/.github/workflows/daily-cron.yml@main
-
-  daily-local-job:
-    name: "Daily Local Repo Checks"
-    uses: mParticle/react-native-mparticle/.github/workflows/pull-request.yml@main

package/.github/workflows/dependabot-automerge.yml

@@ -1,12 +0,0 @@
-name: "Dependabot Automerge"
-
-on:
-  workflow_run:
-    workflows: ["Build and Test"]
-    types:
-      - completed
-
-jobs:
-  automerge-dependabot:
-    name: "Automerge Dependabot PR"
-    uses: mParticle/mparticle-workflows/.github/workflows/dependabot-automerge.yml@main

package/.github/workflows/pull-request.yml

@@ -1,60 +0,0 @@
-name: "Build and Test"
-
-on:
-  pull_request:
-  push:
-  workflow_call:
-  workflow_dispatch:
-
-jobs:
-    js-tests:
-      name: "JS Tests"
-      runs-on: macOS-latest
-      steps:
-      - name: "Checkout"
-        uses: actions/checkout@v4
-      - uses: actions/setup-node@master
-      - uses: c-hive/gha-yarn-cache@v2
-
-      - name: "Install node modules"
-        run: |
-          yarn install
-          
-      - name: "Run test"
-        run: |
-          yarn test
-
-    android-unit-tests:
-      name: "Android Unit Tests"
-      runs-on: ubuntu-latest
-      steps:
-          - name: "Checkout"
-            uses: actions/checkout@v4
-          - name: "Run Android Unit Tests"
-            working-directory: android
-            run: ./gradlew test
-
-    android-lint:
-      name: "Android Unit Tests"
-      runs-on: ubuntu-latest
-      steps:
-        - name: "Checkout"
-          uses: actions/checkout@v4
-        - name: "Run Android Unit Tests"
-          working-directory: android
-          run: ./gradlew lint
-
-    android-kotlin-lint:
-      name: "Android Unit Tests"
-      runs-on: ubuntu-latest
-      steps:
-        - name: "Checkout"
-          uses: actions/checkout@v4
-        - name: "Run Android Unit Tests"
-          working-directory: android
-          run: ./gradlew ktlintCheck
-
-    automerge-dependabot:
-      name: "Save PR Number for Dependabot Automerge"
-      needs: [ js-tests, android-unit-tests, android-lint, android-kotlin-lint ]
-      uses: mParticle/mparticle-workflows/.github/workflows/dependabot-save-pr-number.yml@main