@repzo/widget-react-native 1.0.0

package/lib/typescript/module/ui/styles/theme.d.ts

@@ -0,0 +1,103 @@
+/**
+ * Maps the widget's `GET /config` theming fields onto React Native styles.
+ *
+ * The palette mirrors the web widget so a workspace looks the same on both
+ * surfaces; type scales are nudged up because 13px body copy is unreadable on
+ * a phone (minimum readable body size is 15–16px).
+ */
+import type { WidgetConfig } from '../../types';
+export declare const palette: {
+    readonly white: "#ffffff";
+    readonly ink: "#1a1a1a";
+    readonly text: "#111827";
+    readonly textMuted: "#6b7280";
+    readonly textSubtle: "#9ca3af";
+    readonly textFaint: "#b0b0b0";
+    readonly border: "#e5e7eb";
+    readonly borderSoft: "#f3f4f6";
+    readonly surface: "#f9fafb";
+    readonly surfaceAlt: "#f3f4f6";
+    readonly danger: "#ef4444";
+    readonly warningBg: "#fef3c7";
+    readonly warningBorder: "#fde68a";
+    readonly warningText: "#92400e";
+    readonly warningIcon: "#d97706";
+    readonly online: "#22c55e";
+    readonly disabled: "#d1d5db";
+};
+export declare const radius: {
+    readonly sm: 8;
+    readonly md: 10;
+    readonly lg: 12;
+    readonly xl: 14;
+    readonly pill: 999;
+};
+export declare const spacing: {
+    readonly xs: 4;
+    readonly sm: 8;
+    readonly md: 12;
+    readonly lg: 16;
+    readonly xl: 20;
+    readonly xxl: 24;
+};
+/** Mobile type scale — one step larger than the web widget's. */
+export declare const fontSize: {
+    readonly micro: 10;
+    readonly caption: 12;
+    readonly meta: 13;
+    readonly body: 15;
+    readonly input: 16;
+    readonly title: 17;
+    readonly heading: 22;
+    readonly display: 28;
+};
+export interface WidgetTheme {
+    primaryColor: string;
+    position: 'left' | 'right';
+    isOnline: boolean;
+    /** Only set when the widget is outside business hours and has a message. */
+    offlineMessage?: string;
+    startConversationLabel: string;
+    replyTimeLabel: string;
+    allowNewConversations: boolean;
+    showPreviousConversations: boolean;
+    attachmentsEnabled: boolean;
+    preChatEnabled: boolean;
+}
+export declare const DEFAULT_PRIMARY_COLOR = "#0d9488";
+/**
+ * `override` supplies a translation for the active locale when one exists.
+ * Without it the workspace's single-language config fields are used, which is
+ * correct for the default locale and wrong for every other one.
+ */
+export declare function buildTheme(config: WidgetConfig | null): WidgetTheme;
+/** `#rrggbb` → `rgba(r, g, b, alpha)`; passes non-hex colors straight through. */
+export declare function withAlpha(color: string, alpha: number): string;
+export declare function hexToRgb(color: string): [number, number, number] | null;
+/** Linear blend between two hex colors, used to fake gradients without a native lib. */
+export declare function mixHex(from: string, to: string, ratio: number): string;
+/** Pick readable foreground text for an arbitrary brand color. */
+export declare function contrastingTextColor(background: string): string;
+export declare const shadows: {
+    readonly card: {
+        readonly shadowColor: "#0f172a";
+        readonly shadowOffset: {
+            readonly width: 0;
+            readonly height: 4;
+        };
+        readonly shadowOpacity: 0.08;
+        readonly shadowRadius: 14;
+        readonly elevation: 3;
+    };
+    readonly floating: {
+        readonly shadowColor: "#000000";
+        readonly shadowOffset: {
+            readonly width: 0;
+            readonly height: 4;
+        };
+        readonly shadowOpacity: 0.15;
+        readonly shadowRadius: 12;
+        readonly elevation: 6;
+    };
+};
+//# sourceMappingURL=theme.d.ts.map

package/lib/typescript/module/ui/styles/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../../src/ui/styles/theme.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;CAkBV,CAAC;AAEX,eAAO,MAAM,MAAM;;;;;;CAMT,CAAC;AAEX,eAAO,MAAM,OAAO;;;;;;;CAOV,CAAC;AAEX,iEAAiE;AACjE,eAAO,MAAM,QAAQ;;;;;;;;;CASX,CAAC;AAEX,MAAM,WAAW,WAAW;IAC1B,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC;IAC3B,QAAQ,EAAE,OAAO,CAAC;IAClB,4EAA4E;IAC5E,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,sBAAsB,EAAE,MAAM,CAAC;IAC/B,cAAc,EAAE,MAAM,CAAC;IACvB,qBAAqB,EAAE,OAAO,CAAC;IAC/B,yBAAyB,EAAE,OAAO,CAAC;IACnC,kBAAkB,EAAE,OAAO,CAAC;IAC5B,cAAc,EAAE,OAAO,CAAC;CACzB;AAED,eAAO,MAAM,qBAAqB,YAAY,CAAC;AAE/C;;;;GAIG;AAGH,wBAAgB,UAAU,CAAC,MAAM,EAAE,YAAY,GAAG,IAAI,GAAG,WAAW,CAgBnE;AAED,kFAAkF;AAClF,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAI9D;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI,CAYvE;AAED,wFAAwF;AACxF,wBAAgB,MAAM,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAMtE;AAED,kEAAkE;AAClE,wBAAgB,oBAAoB,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,CAM/D;AAED,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;CAeV,CAAC"}

package/lib/typescript/module/ui/utils/conversations.d.ts

@@ -0,0 +1,41 @@
+/**
+ * Conversation selectors and formatting shared by the Home and Messages
+ * spaces, so the two can never disagree about ordering or wording.
+ * Pure and free of React so they stay trivial to test.
+ */
+import type { Conversation } from '../../types';
+export interface TeamAgent {
+    name: string | null;
+    avatar: string | null;
+}
+/**
+ * Newest first. The store patches a conversation in place when a message
+ * arrives and never reorders the array, so position is not recency — every
+ * surface that lists conversations has to sort for itself.
+ */
+export declare function sortByRecency(conversations: Conversation[]): Conversation[];
+export declare function pickRecentConversations(conversations: Conversation[], limit?: number): Conversation[];
+/** Distinct agents the visitor has spoken to, most recent conversation first. */
+export declare function pickTeamAgents(conversations: Conversation[], limit?: number): TeamAgent[];
+/** Every unit is a translated template, so `2h` can become `منذ ساعتين`. */
+export interface RelativeTimeLabels {
+    justNow: string;
+    minutes: string;
+    hours: string;
+    days: string;
+    months: string;
+    years: string;
+}
+export declare function formatRelativeTime(dateStr: string, labels: RelativeTimeLabels): string;
+export declare function isSameDay(a: string, b: string): boolean;
+/**
+ * Clock time beside a message. Intl ships with Hermes but is guarded anyway —
+ * a missing implementation should not blank out every timestamp in the thread.
+ */
+export declare function formatClockTime(dateStr: string, locale: string): string;
+/** "Today", "Yesterday", then a real date once it is older than that. */
+export declare function formatDayLabel(dateStr: string, locale: string, labels: {
+    today: string;
+    yesterday: string;
+}): string;
+//# sourceMappingURL=conversations.d.ts.map

package/lib/typescript/module/ui/utils/conversations.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"conversations.d.ts","sourceRoot":"","sources":["../../../../../src/ui/utils/conversations.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;CACvB;AAOD;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,aAAa,EAAE,YAAY,EAAE,GAAG,YAAY,EAAE,CAE3E;AAED,wBAAgB,uBAAuB,CAAC,aAAa,EAAE,YAAY,EAAE,EAAE,KAAK,SAAI,GAAG,YAAY,EAAE,CAEhG;AAED,iFAAiF;AACjF,wBAAgB,cAAc,CAAC,aAAa,EAAE,YAAY,EAAE,EAAE,KAAK,SAAI,GAAG,SAAS,EAAE,CAepF;AAED,4EAA4E;AAC5E,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,kBAAkB,GAAG,MAAM,CActF;AAKD,wBAAgB,SAAS,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,OAAO,CAEvD;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAQvE;AAED,yEAAyE;AACzE,wBAAgB,cAAc,CAC5B,OAAO,EAAE,MAAM,EACf,MAAM,EAAE,MAAM,EACd,MAAM,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,GAC3C,MAAM,CAmBR"}

package/lib/typescript/module/ui/utils/html.d.ts

@@ -0,0 +1,10 @@
+/**
+ * HTML → text helpers. The CRM stores message bodies as HTML and campaign
+ * payloads as rich text; React Native has no DOMParser, so these are the
+ * regex equivalents of the web widget's `stripHtml` / `htmlToText`.
+ */
+/** Block-level tags become newlines so paragraphs survive the strip. */
+export declare function stripHtml(html: string): string;
+/** Single-line flattening used for campaign cards and list snippets. */
+export declare function htmlToText(html: string): string;
+//# sourceMappingURL=html.d.ts.map

package/lib/typescript/module/ui/utils/html.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"html.d.ts","sourceRoot":"","sources":["../../../../../src/ui/utils/html.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAkBH,wEAAwE;AACxE,wBAAgB,SAAS,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAW9C;AAED,wEAAwE;AACxE,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAU/C"}

package/lib/typescript/module/ui/utils/native-gradient.d.ts

@@ -0,0 +1,61 @@
+/**
+ * A real gradient when the host app happens to ship one, stacked bands when it
+ * does not.
+ *
+ * Stacked bands can only ever approximate a ramp: each strip is a solid fill,
+ * and once the strips are thin enough to hide the colour steps their heights
+ * start landing on fractional pixels, which shows up as faint seams. A native
+ * gradient has neither problem, so we use one where it exists — the same
+ * "borrow it from the host" approach as `safe-area.ts` and `storage.ts`.
+ *
+ * Resolution happens once at module load so component identity stays stable
+ * across renders.
+ */
+import type { ComponentType, ReactNode } from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+export interface NativeGradientProps {
+    colors: string[];
+    /** Stop positions in 0..1, matching `colors` one for one. */
+    locations?: number[];
+    start?: {
+        x: number;
+        y: number;
+    };
+    end?: {
+        x: number;
+        y: number;
+    };
+    style?: StyleProp<ViewStyle>;
+    pointerEvents?: 'none' | 'auto' | 'box-none' | 'box-only';
+    children?: ReactNode;
+}
+/** Null when the host installed no gradient library; callers fall back to bands. */
+export declare function getNativeGradient(): ComponentType<NativeGradientProps> | null;
+/** Top-to-bottom. The only direction the band fallback can draw. */
+export declare const VERTICAL: {
+    readonly start: {
+        readonly x: 0.5;
+        readonly y: 0;
+    };
+    readonly end: {
+        readonly x: 0.5;
+        readonly y: 1;
+    };
+};
+/**
+ * Top-left to bottom-right, the same way round in every language. A brand
+ * ramp is a visual, not a sentence, so it does not mirror with the reading
+ * direction. Needs a native gradient: stacked bands are horizontal strips and
+ * can only ever run top to bottom.
+ */
+export declare const DIAGONAL: {
+    readonly start: {
+        readonly x: 0;
+        readonly y: 0;
+    };
+    readonly end: {
+        readonly x: 1;
+        readonly y: 1;
+    };
+};
+//# sourceMappingURL=native-gradient.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"native-gradient.d.ts","sourceRoot":"","sources":["../../../../../src/ui/utils/native-gradient.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,6DAA6D;IAC7D,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB,KAAK,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACjC,GAAG,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC/B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,GAAG,UAAU,CAAC;IAC1D,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAaD,oFAAoF;AACpF,wBAAgB,iBAAiB,IAAI,aAAa,CAAC,mBAAmB,CAAC,GAAG,IAAI,CAE7E;AAED,oEAAoE;AACpE,eAAO,MAAM,QAAQ;;;;;;;;;CAGX,CAAC;AAEX;;;;;GAKG;AACH,eAAO,MAAM,QAAQ;;;;;;;;;CAGX,CAAC"}

package/lib/typescript/module/ui/utils/rtl.d.ts

@@ -0,0 +1,33 @@
+/**
+ * Right-to-left helpers.
+ *
+ * Yoga mirrors `flexDirection: 'row'`, `flex-start`/`flex-end` and the
+ * `start`/`end` style props on its own once the host app has turned RTL on.
+ * What it cannot mirror is meaning: an arrow that points "forward" is drawn
+ * rightwards in English and leftwards in Arabic, and a bubble's tail corner
+ * swaps sides with it. Those decisions live here.
+ */
+/**
+ * Text alignment follows the LAYOUT's direction, not the script's. Left to
+ * itself, a Latin string inside an Arabic screen renders hard against the
+ * left edge while everything around it is anchored right, which reads as a
+ * broken row rather than as mixed content.
+ *
+ * Read once at module load: switching direction requires an app restart.
+ */
+export declare const START_ALIGN: 'left' | 'right';
+export declare function isRTL(): boolean;
+/** Deeper into the app: a disclosure chevron, a "continue" arrow. */
+export declare function forwardDirection(): 'left' | 'right';
+/** Back out of the current screen. */
+export declare function backDirection(): 'left' | 'right';
+/**
+ * Mirrors a glyph that is drawn pointing right. Cheaper and less error-prone
+ * than maintaining a second set of geometry for every directional icon.
+ */
+export declare function flipForRTL(): {
+    transform: [{
+        scaleX: number;
+    }];
+} | undefined;
+//# sourceMappingURL=rtl.d.ts.map

package/lib/typescript/module/ui/utils/rtl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rtl.d.ts","sourceRoot":"","sources":["../../../../../src/ui/utils/rtl.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAIH;;;;;;;GAOG;AACH,eAAO,MAAM,WAAW,EAAE,MAAM,GAAG,OAA8C,CAAC;AAElF,wBAAgB,KAAK,IAAI,OAAO,CAE/B;AAED,qEAAqE;AACrE,wBAAgB,gBAAgB,IAAI,MAAM,GAAG,OAAO,CAEnD;AAED,sCAAsC;AACtC,wBAAgB,aAAa,IAAI,MAAM,GAAG,OAAO,CAEhD;AAED;;;GAGG;AACH,wBAAgB,UAAU,IAAI;IAAE,SAAS,EAAE,CAAC;QAAE,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;CAAE,GAAG,SAAS,CAE5E"}

package/lib/typescript/module/ui/utils/safe-url.d.ts

@@ -0,0 +1,21 @@
+/**
+ * The one gate every widget link goes through before `Linking.openURL`.
+ *
+ * Agent and AI replies, campaign CTAs and attachment URLs are remote content.
+ * Opened blindly they could fire the host app's own deep links
+ * (`myapp://transfer?…`), Android `intent:` URLs, `sms:` or `file:` URIs. Only
+ * web, mail and phone links open by default; the host can route anything else
+ * itself through `boot({ onOpenUrl })`.
+ */
+type OpenUrlHandler = (url: string) => boolean | Promise<boolean>;
+/** Set from `boot({ onOpenUrl })`; `null` restores the default policy. */
+export declare function setOpenUrlHandler(handler: OpenUrlHandler | null): void;
+/** Lower-cased scheme including the colon (`'https:'`), or null when relative. */
+export declare function urlScheme(url: string): string | null;
+/** Absolute `http(s)://host…` — the only shape media URLs may take. */
+export declare function isHttpUrl(url: string): boolean;
+export declare function isSafeExternalUrl(url: string): boolean;
+/** Host handler first, then the allow-list. Never throws. */
+export declare function openExternalUrl(url: string | null | undefined): Promise<void>;
+export {};
+//# sourceMappingURL=safe-url.d.ts.map

package/lib/typescript/module/ui/utils/safe-url.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"safe-url.d.ts","sourceRoot":"","sources":["../../../../../src/ui/utils/safe-url.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAIH,KAAK,cAAc,GAAG,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;AASlE,0EAA0E;AAC1E,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,GAAG,IAAI,CAEtE;AAED,kFAAkF;AAClF,wBAAgB,SAAS,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAGpD;AAED,uEAAuE;AACvE,wBAAgB,SAAS,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAE9C;AAED,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAKtD;AAED,6DAA6D;AAC7D,wBAAsB,eAAe,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,OAAO,CAAC,IAAI,CAAC,CAiBnF"}

package/metro.js

@@ -0,0 +1,40 @@
+const path = require('node:path');
+
+const optionalModules = new Set([
+  '@react-native-async-storage/async-storage',
+  '@react-native-firebase/messaging',
+  'react-native-linear-gradient',
+  'react-native-safe-area-context',
+]);
+
+/** Keep installed integrations; map missing widget-only imports to Metro's empty module. */
+function withRepzoWidget(config) {
+  const previousResolver = config.resolver?.resolveRequest;
+  return {
+    ...config,
+    resolver: {
+      ...config.resolver,
+      resolveRequest(context, moduleName, platform) {
+        const resolve = previousResolver ?? context.resolveRequest;
+        try {
+          return resolve(context, moduleName, platform);
+        } catch (error) {
+          const relative = path.relative(__dirname, context.originModulePath);
+          const fromWidget = /^(src|lib)[/\\]/.test(relative);
+          // Do not mask invalid package entry points, missing transitive
+          // dependencies, or imports owned by the host app.
+          if (
+            fromWidget &&
+            optionalModules.has(moduleName) &&
+            error?.constructor?.name === 'FailedToResolveNameError'
+          ) {
+            return { type: 'empty' };
+          }
+          throw error;
+        }
+      },
+    },
+  };
+}
+
+module.exports = { withRepzoWidget };

package/package.json

@@ -0,0 +1,116 @@
+{
+  "name": "@repzo/widget-react-native",
+  "version": "1.0.0",
+  "description": "Repzo chat widget for React Native \u2014 pure JavaScript, no native modules",
+  "source": "./src/index.tsx",
+  "main": "./lib/commonjs/index.js",
+  "module": "./lib/module/index.js",
+  "react-native": "./src/index.tsx",
+  "types": "./lib/typescript/commonjs/index.d.ts",
+  "exports": {
+    ".": {
+      "react-native": "./src/index.tsx",
+      "module": {
+        "types": "./lib/typescript/module/index.d.ts",
+        "default": "./lib/module/index.js"
+      },
+      "default": {
+        "types": "./lib/typescript/commonjs/index.d.ts",
+        "default": "./lib/commonjs/index.js"
+      }
+    },
+    "./package.json": "./package.json",
+    "./metro": "./metro.js"
+  },
+  "files": [
+    "src",
+    "lib",
+    "!**/__tests__",
+    "!**/__fixtures__",
+    "!**/__mocks__",
+    "!**/.*",
+    "metro.js"
+  ],
+  "scripts": {
+    "test": "bob build && jest",
+    "typescript": "tsc --noEmit",
+    "clean": "del-cli lib",
+    "prepare": "bob build"
+  },
+  "keywords": [
+    "react-native",
+    "ios",
+    "android",
+    "repzo",
+    "chat",
+    "widget",
+    "messenger",
+    "customer support"
+  ],
+  "license": "MIT",
+  "peerDependencies": {
+    "@react-native-async-storage/async-storage": "*",
+    "@react-native-firebase/messaging": "*",
+    "react": "*",
+    "react-native": "*",
+    "react-native-linear-gradient": "*",
+    "react-native-safe-area-context": "*"
+  },
+  "peerDependenciesMeta": {
+    "@react-native-async-storage/async-storage": {
+      "optional": true
+    },
+    "@react-native-firebase/messaging": {
+      "optional": true
+    },
+    "react-native-linear-gradient": {
+      "optional": true
+    },
+    "react-native-safe-area-context": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@types/jest": "^29.5.14",
+    "@types/react": "~19.2.10",
+    "del-cli": "^5.1.0",
+    "jest": "^29.7.0",
+    "react": "19.2.0",
+    "react-native": "0.83.6",
+    "react-native-builder-bob": "^0.40.13",
+    "typescript": "^5.9.2",
+    "metro": "^0.83.8",
+    "metro-config": "^0.83.8"
+  },
+  "react-native-builder-bob": {
+    "source": "src",
+    "output": "lib",
+    "targets": [
+      [
+        "commonjs",
+        {
+          "esm": true
+        }
+      ],
+      [
+        "module",
+        {
+          "esm": true
+        }
+      ],
+      [
+        "typescript",
+        {
+          "project": "tsconfig.build.json"
+        }
+      ]
+    ]
+  },
+  "jest": {
+    "testEnvironment": "node",
+    "testMatch": [
+      "<rootDir>/tests/**/*.test.js"
+    ],
+    "transform": {}
+  }
+}