zixflow-reactnative 1.0.0

package/lib/typescript/module/types/data-pipelines.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-pipelines.d.ts","sourceRoot":"","sources":["../../../../src/types/data-pipelines.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,QAAQ,CAAC;AAEvD;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,MAAM,gBAAgB,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;AAEnD;;;;;;;GAOG;AACH,MAAM,WAAW,cAAc;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,gBAAgB,CAAC;CAC3B;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,MAAM,SAAS,GAAG;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,QAAQ,CAAC,EAAE,WAAW,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,UAAU,CAAC;IAC3B,+BAA+B,CAAC,EAAE,OAAO,CAAC;IAC1C,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,KAAK,CAAC,EAAE;QACN,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,IAAI,CAAC,EAAE;QACL,OAAO,CAAC,EAAE;YACR,iBAAiB,CAAC,EAAE,wBAAwB,CAAC;SAC9C,CAAC;KACH,CAAC;IACF,QAAQ,CAAC,EAAE;QACT,mFAAmF;QACnF,YAAY,CAAC,EAAE,uBAAuB,CAAC;KACxC,CAAC;CACH,CAAC;AAEF;;;;;;GAMG;AACH,oBAAY,WAAW;IACrB,wBAAwB;IACxB,IAAI,SAAS;IACb,0BAA0B;IAC1B,KAAK,UAAU;IACf,uCAAuC;IACvC,IAAI,SAAS;IACb,+CAA+C;IAC/C,KAAK,UAAU;CAChB;AAED;;;;GAIG;AACH,oBAAY,SAAS;IACnB,EAAE,OAAO;IACT,EAAE,OAAO;CACV;AAED;;;;;;;GAOG;AACH,oBAAY,UAAU;IACpB,qEAAqE;IACrE,GAAG,QAAQ;IACX,+DAA+D;IAC/D,KAAK,UAAU;CAChB;AAED;;;;GAIG;AACH,oBAAY,uBAAuB;IACjC,oEAAoE;IACpE,GAAG,QAAQ;IACX,8FAA8F;IAC9F,MAAM,WAAW;IACjB,kFAAkF;IAClF,UAAU,iBAAiB;CAC5B;AAED;;;;GAIG;AACH,oBAAY,WAAW;IACrB,oDAAoD;IACpD,SAAS,cAAc;IACvB,+CAA+C;IAC/C,MAAM,WAAW;IACjB,iDAAiD;IACjD,SAAS,cAAc;CACxB"}

package/lib/typescript/module/types/in-app.d.ts

@@ -0,0 +1,67 @@
+/**
+ * In-app message data structure for event callbacks.
+ *
+ * Contains metadata about displayed in-app messages that can be used
+ * for tracking user interactions and message performance analytics.
+ *
+ * @public
+ */
+export interface InAppMessage {
+    /** Unique identifier for the message template */
+    messageId: string;
+    /** Unique identifier for this specific message delivery */
+    deliveryId?: string;
+    /** Element ID for inline message UI component that was interacted with */
+    elementId?: string;
+}
+/**
+ * Enum to represent the type of event triggered by in-app event callback.
+ *
+ * @public
+ */
+export declare enum InAppMessageEventType {
+    errorWithMessage = "errorWithMessage",
+    messageActionTaken = "messageActionTaken",
+    messageDismissed = "messageDismissed",
+    messageShown = "messageShown"
+}
+/**
+ * Represents an inbox message for a user.
+ *
+ * Inbox messages are persistent messages that can be displayed in a message center or inbox UI.
+ * They support read/unread states, expiration, and custom properties.
+ *
+ * @public
+ */
+export interface InboxMessage {
+    /** Internal queue identifier (for SDK use) */
+    queueId: string;
+    /** Unique identifier for this message delivery */
+    deliveryId?: string;
+    /** Expiration date for the message. Messages may be hidden after this date. */
+    expiry?: number;
+    /** Date when the message was sent (Unix timestamp in milliseconds) */
+    sentAt: number;
+    /** List of topic identifiers associated with this message */
+    topics: string[];
+    /** Message type identifier */
+    type: string;
+    /** Whether the user has opened/read this message */
+    opened: boolean;
+    /** Priority for message ordering. Lower values = higher priority (e.g., 1 is higher priority than 100) */
+    priority?: number;
+    /** Custom key-value properties associated with this message */
+    properties: Record<string, any>;
+}
+/**
+ * Listener for notification inbox message changes.
+ *
+ * Receives real-time notifications when inbox messages are added, updated, or removed.
+ * Callbacks are invoked on the main thread for safe UI updates.
+ *
+ * @public
+ */
+export type NotificationInboxChangeListener = {
+    onMessagesChanged: (messages: InboxMessage[]) => void;
+};
+//# sourceMappingURL=in-app.d.ts.map

package/lib/typescript/module/types/in-app.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"in-app.d.ts","sourceRoot":"","sources":["../../../../src/types/in-app.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,MAAM,WAAW,YAAY;IAC3B,iDAAiD;IACjD,SAAS,EAAE,MAAM,CAAC;IAClB,2DAA2D;IAC3D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0EAA0E;IAC1E,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,oBAAY,qBAAqB;IAC/B,gBAAgB,qBAAqB;IACrC,kBAAkB,uBAAuB;IACzC,gBAAgB,qBAAqB;IACrC,YAAY,iBAAiB;CAC9B;AAED;;;;;;;GAOG;AACH,MAAM,WAAW,YAAY;IAC3B,8CAA8C;IAC9C,OAAO,EAAE,MAAM,CAAC;IAChB,kDAAkD;IAClD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,+EAA+E;IAC/E,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,sEAAsE;IACtE,MAAM,EAAE,MAAM,CAAC;IACf,6DAA6D;IAC7D,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,8BAA8B;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,oDAAoD;IACpD,MAAM,EAAE,OAAO,CAAC;IAChB,0GAA0G;IAC1G,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,+DAA+D;IAC/D,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CACjC;AAED;;;;;;;GAOG;AACH,MAAM,MAAM,+BAA+B,GAAG;IAC5C,iBAAiB,EAAE,CAAC,QAAQ,EAAE,YAAY,EAAE,KAAK,IAAI,CAAC;CACvD,CAAC"}

package/lib/typescript/module/types/index.d.ts

@@ -0,0 +1,4 @@
+export * from './data-pipelines';
+export * from './in-app';
+export * from './push';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC"}

package/lib/typescript/module/types/internal.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Internal-only types used within the Customer.io React Native SDK implementation.
+ *
+ * Not intended for public use.
+ */
+/**
+ * Arguments passed to native SDK for package identification.
+ *
+ * Provides metadata about the host environment and SDK version to native
+ * CustomerIO SDK for debugging and analytics.
+ *
+ * @internal
+ */
+export type NativeSDKArgs = {
+    /** The package manager or framework hosting the SDK (ReactNative, Expo) */
+    packageSource: string;
+    /** Version of the SDK package being used */
+    packageVersion: string;
+};
+//# sourceMappingURL=internal.d.ts.map

package/lib/typescript/module/types/internal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../../src/types/internal.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH;;;;;;;GAOG;AACH,MAAM,MAAM,aAAa,GAAG;IAC1B,2EAA2E;IAC3E,aAAa,EAAE,MAAM,CAAC;IACtB,4CAA4C;IAC5C,cAAc,EAAE,MAAM,CAAC;CACxB,CAAC"}

package/lib/typescript/module/types/push.d.ts

@@ -0,0 +1,49 @@
+/**
+ * Android-specific behavior when a push notification is clicked.
+ *
+ * Controls how the Android system handles activity lifecycle
+ * when users tap on push notifications.
+ *
+ * @public
+ */
+export declare enum PushClickBehaviorAndroid {
+    /** Clear the activity task stack and start fresh */
+    ResetTaskStack = "RESET_TASK_STACK",
+    /** Prevent the current activity from restarting */
+    ActivityPreventRestart = "ACTIVITY_PREVENT_RESTART",
+    /** Use default behavior without special flags */
+    ActivityNoFlags = "ACTIVITY_NO_FLAGS"
+}
+/**
+ * Push notification permission request options.
+ *
+ * Configure which types of notifications to request permission for
+ * on different platforms.
+ *
+ * @public
+ */
+export type CioPushPermissionOptions = {
+    ios?: {
+        /** Request permission to show badge numbers on app icon */
+        badge: boolean;
+        /** Request permission to play notification sounds */
+        sound: boolean;
+    };
+};
+/**
+ * Current push notification permission status.
+ *
+ * Indicates whether the user has granted, denied, or not yet
+ * responded to push notification permission requests.
+ *
+ * @public
+ */
+export declare enum CioPushPermissionStatus {
+    /** User has granted push notification permissions */
+    Granted = "GRANTED",
+    /** User has denied push notification permissions */
+    Denied = "DENIED",
+    /** User may not yet have been asked for permissions and permission status is unknown */
+    NotDetermined = "NOTDETERMINED"
+}
+//# sourceMappingURL=push.d.ts.map

package/lib/typescript/module/types/push.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"push.d.ts","sourceRoot":"","sources":["../../../../src/types/push.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,oBAAY,wBAAwB;IAClC,oDAAoD;IACpD,cAAc,qBAAqB;IACnC,mDAAmD;IACnD,sBAAsB,6BAA6B;IACnD,iDAAiD;IACjD,eAAe,sBAAsB;CACtC;AAED;;;;;;;GAOG;AACH,MAAM,MAAM,wBAAwB,GAAG;IACrC,GAAG,CAAC,EAAE;QACJ,2DAA2D;QAC3D,KAAK,EAAE,OAAO,CAAC;QACf,qDAAqD;QACrD,KAAK,EAAE,OAAO,CAAC;KAChB,CAAC;CACH,CAAC;AAEF;;;;;;;GAOG;AACH,oBAAY,uBAAuB;IACjC,qDAAqD;IACrD,OAAO,YAAY;IACnB,oDAAoD;IACpD,MAAM,WAAW;IACjB,wFAAwF;IACxF,aAAa,kBAAkB;CAChC"}

package/lib/typescript/module/utils/native-bridge.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Ensures the native module is available, otherwise throws a helpful linking error.
+ */
+export declare function ensureNativeModule<NativeModule>(nativeModule: NativeModule | null): NativeModule;
+/**
+ * Calls a method on a native module with type-safe access.
+ */
+export declare const callNativeModule: <Spec, Result>(nativeModule: Spec, fn: (native: Spec) => Result) => Result;
+//# sourceMappingURL=native-bridge.d.ts.map

package/lib/typescript/module/utils/native-bridge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"native-bridge.d.ts","sourceRoot":"","sources":["../../../../src/utils/native-bridge.ts"],"names":[],"mappings":"AAQA;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,YAAY,EAC7C,YAAY,EAAE,YAAY,GAAG,IAAI,GAChC,YAAY,CAMd;AAED;;GAEG;AACH,eAAO,MAAM,gBAAgB,GAAI,IAAI,EAAE,MAAM,EAC3C,cAAc,IAAI,EAClB,IAAI,CAAC,MAAM,EAAE,IAAI,KAAK,MAAM,KAC3B,MAEF,CAAC"}

package/lib/typescript/module/utils/param-validation.d.ts

@@ -0,0 +1,44 @@
+import type { CioConfig, CustomAttributes } from '../types';
+/**
+ * Returns true if the value is undefined or null.
+ */
+declare function isUndefined(value: unknown): boolean;
+/**
+ * Validates that a value is a string.
+ * Throws if the value is not a string, or if it's empty (unless allowEmpty is true).
+ */
+declare function validateString(value: unknown, fieldName: string, options?: {
+    allowEmpty?: boolean;
+    usage?: string;
+    optional?: boolean;
+}): void;
+/**
+ * Validates that a value is a plain object (not null or an array).
+ */
+declare function validateRecord(value: unknown, fieldName: string, options?: {
+    usage?: string;
+    expectedType?: string;
+    optional?: boolean;
+}): void;
+/**
+ * Validates that a value is a valid CustomAttributes object.
+ * Automatically converts Map objects to plain objects for compatibility.
+ * This is a specialized version of validateRecord optimized for attribute validation.
+ */
+declare function validateAttributes(value: unknown, fieldName: string, options?: {
+    usage?: string;
+    expectedType?: string;
+    optional?: boolean;
+}): CustomAttributes | undefined;
+type ConfigValidator = (value: unknown) => asserts value is CioConfig;
+export declare const assert: {
+    string: typeof validateString;
+    record: typeof validateRecord;
+    attributes: typeof validateAttributes;
+    config: ConfigValidator;
+};
+export declare const validate: {
+    isUndefined: typeof isUndefined;
+};
+export {};
+//# sourceMappingURL=param-validation.d.ts.map

package/lib/typescript/module/utils/param-validation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"param-validation.d.ts","sourceRoot":"","sources":["../../../../src/utils/param-validation.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAc5D;;GAEG;AACH,iBAAS,WAAW,CAAC,KAAK,EAAE,OAAO,GAAG,OAAO,CAE5C;AA0BD;;;GAGG;AACH,iBAAS,cAAc,CACrB,KAAK,EAAE,OAAO,EACd,SAAS,EAAE,MAAM,EACjB,OAAO,GAAE;IACP,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACG,QAqBzB;AAED;;GAEG;AACH,iBAAS,cAAc,CACrB,KAAK,EAAE,OAAO,EACd,SAAS,EAAE,MAAM,EACjB,OAAO,GAAE;IACP,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACf,QAeP;AAED;;;;GAIG;AACH,iBAAS,kBAAkB,CACzB,KAAK,EAAE,OAAO,EACd,SAAS,EAAE,MAAM,EACjB,OAAO,GAAE;IACP,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACf,GACL,gBAAgB,GAAG,SAAS,CAe9B;AAwBD,KAAK,eAAe,GAAG,CAAC,KAAK,EAAE,OAAO,KAAK,OAAO,CAAC,KAAK,IAAI,SAAS,CAAC;AAEtE,eAAO,MAAM,MAAM,EAAE;IACnB,MAAM,EAAE,OAAO,cAAc,CAAC;IAC9B,MAAM,EAAE,OAAO,cAAc,CAAC;IAC9B,UAAU,EAAE,OAAO,kBAAkB,CAAC;IACtC,MAAM,EAAE,eAAe,CAAC;CAMzB,CAAC;AAEF,eAAO,MAAM,QAAQ;;CAEpB,CAAC"}

package/lib/typescript/module/zixflow.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Zixflow SDK - Main entry point
+ *
+ * This provides the Zixflow-branded API that wraps the underlying Customer.io implementation.
+ */
+import { CustomerIO } from './customerio-cdp';
+import { CustomerIOInAppMessaging } from './customerio-inapp';
+import { CustomerIOLocation } from './customerio-location';
+import { CustomerIOPushMessaging } from './customerio-push';
+export declare const Zixflow: typeof CustomerIO;
+export * from './types';
+export * from './notification-inbox';
+export { CustomerIOInAppMessaging, CustomerIOLocation, CustomerIOPushMessaging, };
+//# sourceMappingURL=zixflow.d.ts.map

package/lib/typescript/module/zixflow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"zixflow.d.ts","sourceRoot":"","sources":["../../../src/zixflow.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,wBAAwB,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAE,uBAAuB,EAAE,MAAM,mBAAmB,CAAC;AAG5D,eAAO,MAAM,OAAO,mBAAa,CAAC;AAGlC,cAAc,SAAS,CAAC;AACxB,cAAc,sBAAsB,CAAC;AAGrC,OAAO,EACL,wBAAwB,EACxB,kBAAkB,EAClB,uBAAuB,GACxB,CAAC"}

package/package.json

@@ -0,0 +1,165 @@
+{
+  "name": "zixflow-reactnative",
+  "version": "1.0.0",
+  "description": "Official Zixflow SDK for React Native. Customer engagement platform built on proven Customer.io technology. Track customers and send messages to your iOS/Android apps.",
+  "source": "./src/index.ts",
+  "main": "./lib/commonjs/index.js",
+  "module": "./lib/module/index.js",
+  "types": "./lib/typescript/commonjs/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./lib/typescript/module/index.d.ts",
+        "default": "./lib/module/index.js"
+      },
+      "require": {
+        "types": "./lib/typescript/commonjs/index.d.ts",
+        "default": "./lib/commonjs/index.js"
+      }
+    },
+    "./package.json": "./package.json"
+  },
+  "zixflowNativeiOSSdkVersion": "= 1.0.0",
+  "zixflowNativeAndroidSdkVersion": "1.0.0",
+  "cioNativeiOSSdkVersion": "~> 3.10",
+  "cioiOSFirebaseWrapperSdkVersion": "~> 1.0",
+  "files": [
+    "src",
+    "lib",
+    "android",
+    "ios",
+    "cpp",
+    "*.podspec",
+    "react-native.config.js",
+    "!ios/build",
+    "!android/build",
+    "!android/gradle",
+    "!android/gradlew",
+    "!android/gradlew.bat",
+    "!android/local.properties",
+    "!**/__tests__",
+    "!**/__fixtures__",
+    "!**/__mocks__",
+    "!**/.*"
+  ],
+  "scripts": {
+    "pre-deploy": "npm run typescript",
+    "typecheck": "tsc",
+    "typescript": "tsc --noEmit",
+    "lint": "eslint \"**/*.{js,ts,tsx}\"",
+    "lint:report": "npm run lint -- --output-file eslint_report.json --format json",
+    "prepare": "bob build",
+    "postinstall": "node src/postInstall.js",
+    "format": "npx prettier --write \"src/**/*.tsx\" && (npm run lint || true)"
+  },
+  "keywords": [
+    "react-native",
+    "ios",
+    "android"
+  ],
+  "repository": "https://github.com/zixflow/zixflow-reactnative",
+  "author": "Zixflow Team <apps@zixflow.com> (https://zixflow.com/)",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/zixflow/zixflow-reactnative/issues"
+  },
+  "homepage": "https://github.com/zixflow/zixflow-reactnative#readme",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "devDependencies": {
+    "@commitlint/config-conventional": "^19.8.0",
+    "@eslint/compat": "^1.3.1",
+    "@eslint/eslintrc": "^3.3.1",
+    "@eslint/js": "^9.25.1",
+    "@evilmartians/lefthook": "^1.11.12",
+    "@microsoft/api-extractor": "^7.52.8",
+    "@react-native-community/cli": "^20.0.0",
+    "@react-native/babel-preset": "^0.83.0",
+    "@react-native/eslint-config": "^0.83.0",
+    "@react-native/typescript-config": "^0.83.0",
+    "@types/react": "^19.2.0",
+    "@typescript-eslint/eslint-plugin": "^8.31.1",
+    "@typescript-eslint/parser": "^8.31.1",
+    "eslint": "9.25.1",
+    "eslint-config-prettier": "10.1.2",
+    "eslint-plugin-ft-flow": "^3.0.11",
+    "eslint-plugin-jest": "^28.11.0",
+    "eslint-plugin-prettier": "^5.2.6",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "eslint-plugin-react-native": "^5.0.0",
+    "prettier": "^3.5.3",
+    "react": "19.2.0",
+    "react-native": "^0.83.0",
+    "react-native-builder-bob": "^0.40.10",
+    "typescript": "^5.8.3",
+    "typescript-eslint": "^8.31.1"
+  },
+  "peerDependencies": {
+    "react": "*",
+    "react-native": "*"
+  },
+  "commitlint": {
+    "extends": [
+      "@commitlint/config-conventional"
+    ]
+  },
+  "prettier": {
+    "quoteProps": "consistent",
+    "singleQuote": true,
+    "tabWidth": 2,
+    "trailingComma": "es5",
+    "useTabs": false
+  },
+  "react-native-builder-bob": {
+    "source": "src",
+    "output": "lib",
+    "targets": [
+      [
+        "commonjs",
+        {
+          "esm": true
+        }
+      ],
+      [
+        "module",
+        {
+          "esm": true
+        }
+      ],
+      [
+        "typescript",
+        {
+          "project": "tsconfig.build.json"
+        }
+      ]
+    ]
+  },
+  "engines": {
+    "node": ">=20.0.0"
+  },
+  "overrides": {
+    "lodash": "4.18.1",
+    "@eslint/plugin-kit": "0.3.4"
+  },
+  "codegenConfig": {
+    "name": "RNZixflowSpec",
+    "type": "all",
+    "jsSrcsDir": "./src/specs",
+    "android": {
+      "javaPackageName": "io.customer.reactnative.sdk"
+    },
+    "ios": {
+      "componentProvider": {
+        "InlineMessageNative": "RCTInlineMessageNative"
+      },
+      "modulesProvider": {
+        "NativeCustomerIOLogging": "RCTNativeCustomerIOLogging",
+        "NativeCustomerIO": "RCTNativeCustomerIO",
+        "NativeCustomerIOLocation": "RCTNativeCustomerIOLocation",
+        "NativeCustomerIOMessagingInApp": "RCTNativeMessagingInApp",
+        "NativeCustomerIOMessagingPush": "RCTNativeMessagingPush"
+      }
+    }
+  }
+}

package/src/cio-params.ts

@@ -0,0 +1,4 @@
+export interface IdentifyParams {
+  userId?: string;
+  traits?: Record<string, any>;
+}

package/src/components/InlineInAppMessageView.tsx

@@ -0,0 +1,187 @@
+import React, { useMemo, useRef, useState } from 'react';
+import {
+  ActivityIndicator,
+  type ActivityIndicatorProps,
+  Animated,
+  StyleSheet,
+  View,
+  type ViewStyle,
+} from 'react-native';
+import InlineMessageNativeComponent, {
+  InlineMessageState,
+  type ActionClickEvent,
+  type NativeProps,
+  type SizeChangeEvent,
+  type StateChangeEvent,
+} from '../specs/components/InlineMessageNativeComponent';
+import type { InAppMessage } from '../types';
+
+/**
+ * Props for the InlineInAppMessageView component.
+ */
+/** @public */
+export interface InlineInAppMessageViewProps extends Omit<
+  NativeProps,
+  'onSizeChange' | 'onStateChange' | 'onActionClick'
+> {
+  /** Custom loading component to display while message is loading */
+  loadingComponent?: React.ReactNode;
+  /** Props for the default ActivityIndicator with optional minimum height */
+  loadingIndicatorProps?: ActivityIndicatorProps & {
+    /** Minimum height for the loading state (default: 36) */
+    minimumHeight?: number;
+  };
+  /** Custom styles for the loading container */
+  loadingContainerStyle?: ViewStyle;
+  /** Callback triggered when a user clicks an action button in the inline message */
+  onActionClick?: (
+    message: InAppMessage,
+    actionValue: string,
+    actionName: string
+  ) => void;
+}
+
+/**
+ * A React Native component for displaying inline in-app messages with animated sizing
+ * and customizable loading states.
+ *
+ * @example
+ * ```tsx
+ * <InlineInAppMessageView
+ *   elementId="my-message"
+ *   loadingIndicatorProps={{ minimumHeight: 50 }}
+ *   style={{ width: '100%' }}
+ *   onActionClick={(message, actionValue, actionName) => {
+ *     console.log('Action clicked:', { message, actionValue, actionName });
+ *   }}
+ * />
+ * ```
+ */
+/** @public */
+const InlineInAppMessageView: React.FC<InlineInAppMessageViewProps> = ({
+  style,
+  loadingComponent,
+  loadingIndicatorProps,
+  loadingContainerStyle,
+  onActionClick,
+  ...props
+}) => {
+  // Animation values for dynamic sizing
+  const animatedWidth = useRef<Animated.Value | null>(null);
+  const animatedHeight = useRef(new Animated.Value(0)).current;
+  const [isLoading, setIsLoading] = useState(false);
+
+  // Extract width from style prop for priority handling
+  const styleProvidedWidth = useMemo(() => {
+    const flatStyle = StyleSheet.flatten(style);
+    return flatStyle?.width;
+  }, [style]);
+
+  // Type guard to check if a value is a valid number to ensure we only animate valid dimensions
+  const isValidNumber = (value: any): value is number =>
+    value !== null && value !== undefined;
+
+  // Helper function to create an animation for width or height changes
+  const createAnimation = (
+    animatedValue: Animated.Value,
+    value: number,
+    duration: number
+  ) =>
+    Animated.timing(animatedValue, {
+      toValue: value,
+      duration,
+      useNativeDriver: false, // Layout animations require JS driver
+    });
+
+  const handleSizeChange = (event: { nativeEvent: SizeChangeEvent }) => {
+    const { width, height, duration = 200 } = event.nativeEvent;
+
+    const animations: Animated.CompositeAnimation[] = [];
+
+    if (isValidNumber(width)) {
+      if (!animatedWidth.current) {
+        animatedWidth.current = new Animated.Value(width);
+      }
+      animations.push(createAnimation(animatedWidth.current, width, duration));
+    }
+    if (isValidNumber(height)) {
+      animations.push(createAnimation(animatedHeight, height, duration));
+    }
+
+    if (animations.length > 0) {
+      Animated.parallel(animations).start();
+    }
+  };
+
+  const handleStateChange = (event: { nativeEvent: StateChangeEvent }) => {
+    // Native component sends state as 'result' property
+    const state = (event.nativeEvent as any).result || event.nativeEvent.state;
+
+    switch (state) {
+      case InlineMessageState.LoadingStarted:
+        setIsLoading(true);
+        createAnimation(
+          animatedHeight,
+          loadingIndicatorProps?.minimumHeight ?? 48, // Default: ActivityIndicator + padding
+          0 // Immediate height change for loading state
+        ).start();
+        break;
+      case InlineMessageState.LoadingFinished:
+      case InlineMessageState.NoMessageToDisplay:
+        setIsLoading(false);
+        break;
+    }
+  };
+
+  const handleActionClick = (event: { nativeEvent: ActionClickEvent }) => {
+    const { message, actionValue, actionName } = event.nativeEvent;
+    onActionClick?.(message, actionValue, actionName);
+  };
+
+  const renderLoadingComponent = () => {
+    if (loadingComponent) {
+      return loadingComponent;
+    }
+    return (
+      <View style={[styles.loadingContainer, loadingContainerStyle]}>
+        <ActivityIndicator size="small" {...loadingIndicatorProps} />
+      </View>
+    );
+  };
+
+  return (
+    <Animated.View
+      style={[
+        style,
+        {
+          // Priority: Style prop -> Native width -> Default (100%)
+          width: styleProvidedWidth ?? (animatedWidth.current || '100%'),
+          height: animatedHeight,
+        },
+      ]}
+    >
+      <InlineMessageNativeComponent
+        {...props}
+        style={styles.nativeComponent}
+        onSizeChange={handleSizeChange}
+        onStateChange={handleStateChange}
+        onActionClick={handleActionClick}
+      />
+      {isLoading && renderLoadingComponent()}
+    </Animated.View>
+  );
+};
+
+const styles = StyleSheet.create({
+  nativeComponent: {
+    width: '100%',
+    height: '100%',
+  },
+  loadingContainer: {
+    ...StyleSheet.absoluteFillObject,
+    justifyContent: 'center',
+    alignItems: 'center',
+  },
+});
+
+export default InlineInAppMessageView;

package/src/components/index.ts

@@ -0,0 +1,3 @@
+// Export all components and types from the components directory for simplified imports
+export type { InlineInAppMessageViewProps } from './InlineInAppMessageView';
+export { default as InlineInAppMessageView } from './InlineInAppMessageView';