@developer_tribe/react-native-comnyx 0.16.0 → 0.16.1

package/lib/typescript/src/components/InitFailed.d.ts

@@ -1,6 +1,9 @@
+import type { LocalizationKeys } from '../types/LocalizationKeys';
 interface InitFailedProps {
-    setInitFailed: (value: boolean) => void;
+    onRetry: () => void;
+    onBack?: () => void;
+    localization?: keyof LocalizationKeys;
 }
-export declare function InitFailed({ setInitFailed }: InitFailedProps): import("react/jsx-runtime").JSX.Element;
+export declare function InitFailed({ onRetry, onBack, localization, }: InitFailedProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=InitFailed.d.ts.map

package/lib/typescript/src/components/InitFailed.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InitFailed.d.ts","sourceRoot":"","sources":["../../../../src/components/InitFailed.tsx"],"names":[],"mappings":"AAMA,UAAU,eAAe;IACvB,aAAa,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACzC;AAED,wBAAgB,UAAU,CAAC,EAAE,aAAa,EAAE,EAAE,eAAe,2CAmB5D"}
+{"version":3,"file":"InitFailed.d.ts","sourceRoot":"","sources":["../../../../src/components/InitFailed.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAKlE,UAAU,eAAe;IACvB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,gBAAgB,CAAC;CACvC;AAED,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,MAAM,EACN,YAAgC,GACjC,EAAE,eAAe,2CAqDjB"}

package/lib/typescript/src/components/MediaMessageItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MediaMessageItem.d.ts","sourceRoot":"","sources":["../../../../src/components/MediaMessageItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AA6FpE,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,WAAW,GACZ,EAAE;IACD,IAAI,EAAE,sBAAsB,CAAC;IAC7B,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB,2CA2KA"}
+{"version":3,"file":"MediaMessageItem.d.ts","sourceRoot":"","sources":["../../../../src/components/MediaMessageItem.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AA8GpE,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,WAAW,GACZ,EAAE;IACD,IAAI,EAAE,sBAAsB,CAAC;IAC7B,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB,2CA2KA"}

package/lib/typescript/src/components/MediaViewerModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MediaViewerModal.d.ts","sourceRoot":"","sources":["../../../../src/components/MediaViewerModal.tsx"],"names":[],"mappings":"AAcA,wBAAgB,gBAAgB,CAAC,EAC/B,OAAO,EACP,OAAO,EACP,QAAQ,EACR,SAAS,EACT,YAAY,GACb,EAAE;IACD,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,OAAO,GAAG,OAAO,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC9B,2CA0EA"}
+{"version":3,"file":"MediaViewerModal.d.ts","sourceRoot":"","sources":["../../../../src/components/MediaViewerModal.tsx"],"names":[],"mappings":"AAeA,wBAAgB,gBAAgB,CAAC,EAC/B,OAAO,EACP,OAAO,EACP,QAAQ,EACR,SAAS,EACT,YAAY,GACb,EAAE;IACD,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,OAAO,GAAG,OAAO,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC9B,2CAsFA"}

package/lib/typescript/src/components/MessageInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MessageInput.d.ts","sourceRoot":"","sources":["../../../../src/components/MessageInput.tsx"],"names":[],"mappings":"AAwBA,wBAAgB,YAAY,CAAC,EAC3B,cAAc,GACf,EAAE;IACD,cAAc,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,2CAmbA"}
+{"version":3,"file":"MessageInput.d.ts","sourceRoot":"","sources":["../../../../src/components/MessageInput.tsx"],"names":[],"mappings":"AA2BA,wBAAgB,YAAY,CAAC,EAC3B,cAAc,GACf,EAAE;IACD,cAAc,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,2CAkcA"}

package/lib/typescript/src/hooks/usePolling.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePolling.d.ts","sourceRoot":"","sources":["../../../../src/hooks/usePolling.ts"],"names":[],"mappings":"AAMA,wBAAgB,UAAU,SAiDzB"}
+{"version":3,"file":"usePolling.d.ts","sourceRoot":"","sources":["../../../../src/hooks/usePolling.ts"],"names":[],"mappings":"AAOA,wBAAgB,UAAU,SAqDzB"}

package/lib/typescript/src/index.d.ts

@@ -5,7 +5,8 @@ export { ComnyxSupport } from './support';
 export { ComnyxNotifications } from './notifications';
 export { NotificationPermissionStatus } from './NativeComnyx';
 export type { ThemeColors, ThemeColorsOverride, ThemeOverrideConfig, } from './types/Theme';
-export type { SupportConfig, SupportHeaderRenderProps, SupportErrorRenderProps, SupportMessageRenderProps, SupportSendPayload, } from './support';
+export type { SupportConfig, SupportHeaderRenderProps, SupportErrorRenderProps, SupportMessageRenderProps, SupportSendPayload, SupportErrorSection, SupportErrorContext, SupportErrorReporter, } from './support';
+export { ComnyxErrorBoundary } from './support';
 export { registerOneSignalForComnyx } from './register/collectData';
 export { useIsComnyxRegistered } from './hooks/useIsComnyxRegistered';
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kCAAkC,EAAE,MAAM,sCAAsC,CAAC;AAC1F,YAAY,EAAE,wBAAwB,EAAE,MAAM,iBAAiB,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAC1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAEtD,OAAO,EAAE,4BAA4B,EAAE,MAAM,gBAAgB,CAAC;AAC9D,YAAY,EACV,WAAW,EACX,mBAAmB,EACnB,mBAAmB,GACpB,MAAM,eAAe,CAAC;AACvB,YAAY,EACV,aAAa,EACb,wBAAwB,EACxB,uBAAuB,EACvB,yBAAyB,EACzB,kBAAkB,GACnB,MAAM,WAAW,CAAC;AAGnB,OAAO,EAAE,0BAA0B,EAAE,MAAM,wBAAwB,CAAC;AACpE,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kCAAkC,EAAE,MAAM,sCAAsC,CAAC;AAC1F,YAAY,EAAE,wBAAwB,EAAE,MAAM,iBAAiB,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAC1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAEtD,OAAO,EAAE,4BAA4B,EAAE,MAAM,gBAAgB,CAAC;AAC9D,YAAY,EACV,WAAW,EACX,mBAAmB,EACnB,mBAAmB,GACpB,MAAM,eAAe,CAAC;AACvB,YAAY,EACV,aAAa,EACb,wBAAwB,EACxB,uBAAuB,EACvB,yBAAyB,EACzB,kBAAkB,EAClB,mBAAmB,EACnB,mBAAmB,EACnB,oBAAoB,GACrB,MAAM,WAAW,CAAC;AACnB,OAAO,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAC;AAGhD,OAAO,EAAE,0BAA0B,EAAE,MAAM,wBAAwB,CAAC;AACpE,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC"}

package/lib/typescript/src/register/login.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"login.d.ts","sourceRoot":"","sources":["../../../../src/register/login.ts"],"names":[],"mappings":"AAMA,UAAU,YAAY;IACpB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,KAAK,CAAC,YAAY,EAAE,YAAY,QAqB/C"}
+{"version":3,"file":"login.d.ts","sourceRoot":"","sources":["../../../../src/register/login.ts"],"names":[],"mappings":"AAOA,UAAU,YAAY;IACpB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,KAAK,CAAC,YAAY,EAAE,YAAY,QAyB/C"}

package/lib/typescript/src/support/ComnyxSupport.d.ts

@@ -6,8 +6,13 @@ import { type SupportConfig } from './SupportConfigContext';
 interface SupportComnyxProps {
     /** Language code used for localised UI strings. Defaults to `'en'`. */
     language?: LanguageCode;
-    /** Colour palette mode. Defaults to `'dark'`. */
-    theme?: 'light' | 'dark';
+    /**
+     * Colour palette mode. Defaults to `'dark'`.
+     *
+     * Pass `'system'` to follow the OS colour scheme — the palette flips
+     * automatically when the user toggles dark/light at the system level.
+     */
+    theme?: 'light' | 'dark' | 'system';
     /** Render the chat in fake/demo mode (no network). */
     fake?: boolean;
     /** Called when the user taps the close button. */
@@ -62,7 +67,25 @@ interface SupportComnyxProps {
      * Use for analytics, rate limiting, moderation or injecting extra context.
      */
     onBeforeSend?: SupportConfig['onBeforeSend'];
+    /**
+     * Receives non-render operational errors caught inside the SDK (network
+     * failures, polling errors, upload crashes, customer-form submit errors).
+     * Wire to your host's error tracker — typically `Bugsnag.notify`:
+     *
+     * ```tsx
+     * onError={(err, ctx) => {
+     *   if (err instanceof Error) {
+     *     Bugsnag.notify(err, (event) => event.addMetadata('comnyx', ctx));
+     *   }
+     * }}
+     * ```
+     *
+     * Render-time exceptions intentionally bubble to your root React error
+     * boundary (e.g. `@bugsnag/plugin-react`) so the existing crash reporting
+     * path keeps working unchanged.
+     */
+    onError?: SupportConfig['onError'];
 }
-export declare function ComnyxSupport(props: SupportComnyxProps): import("react/jsx-runtime").JSX.Element;
+export declare function ComnyxSupport({ language, theme, fake, onBack, themes, themeOverride, containerStyle, renderHeader, renderEmptyState, renderErrorState, renderMessage, onBeforeSend, onError, }: SupportComnyxProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=ComnyxSupport.d.ts.map

package/lib/typescript/src/support/ComnyxSupport.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ComnyxSupport.d.ts","sourceRoot":"","sources":["../../../../src/support/ComnyxSupport.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAItB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAQ1D,OAAO,EAEL,KAAK,aAAa,EACnB,MAAM,wBAAwB,CAAC;AAIhC,UAAU,kBAAkB;IAC1B,uEAAuE;IACvE,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,iDAAiD;IACjD,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,sDAAsD;IACtD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,kDAAkD;IAClD,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB;;;OAGG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB;;;;;;;;;;;OAWG;IACH,aAAa,CAAC,EAAE,mBAAmB,CAAC;IACpC;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,uDAAuD;IACvD,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC;;;OAGG;IACH,YAAY,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IAC7C,8EAA8E;IAC9E,gBAAgB,CAAC,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;IACrD;;;OAGG;IACH,gBAAgB,CAAC,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;IACrD;;;;;OAKG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC;IAC/C;;;;OAIG;IACH,YAAY,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;CAC9C;AAoID,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CAMtD"}
+{"version":3,"file":"ComnyxSupport.d.ts","sourceRoot":"","sources":["../../../../src/support/ComnyxSupport.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAItB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAQ1D,OAAO,EAEL,KAAK,aAAa,EAGnB,MAAM,wBAAwB,CAAC;AAGhC,UAAU,kBAAkB;IAC1B,uEAAuE;IACvE,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;IACpC,sDAAsD;IACtD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,kDAAkD;IAClD,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB;;;OAGG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB;;;;;;;;;;;OAWG;IACH,aAAa,CAAC,EAAE,mBAAmB,CAAC;IACpC;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,uDAAuD;IACvD,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC;;;OAGG;IACH,YAAY,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IAC7C,8EAA8E;IAC9E,gBAAgB,CAAC,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;IACrD;;;OAGG;IACH,gBAAgB,CAAC,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;IACrD;;;;;OAKG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC;IAC/C;;;;OAIG;IACH,YAAY,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IAC7C;;;;;;;;;;;;;;;;OAgBG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;CACpC;AAED,wBAAgB,aAAa,CAAC,EAC5B,QAAe,EACf,KAAc,EACd,IAAY,EACZ,MAAM,EACN,MAAM,EACN,aAAa,EACb,cAAc,EACd,YAAY,EACZ,gBAAgB,EAChB,gBAAgB,EAChB,aAAa,EACb,YAAY,EACZ,OAAO,GACR,EAAE,kBAAkB,2CA4IpB"}

package/lib/typescript/src/support/SupportConfigContext.d.ts

@@ -21,6 +21,38 @@ export interface SupportSendPayload {
     /** Types of the attached media. Empty for text-only messages. */
     mediaTypes: Array<'image' | 'video'>;
 }
+/**
+ * Where inside the SDK an error originated. Helpful for dashboard grouping
+ * and for deciding which errors are user-visible vs silent.
+ */
+export type SupportErrorSection = 'init' | 'pagination' | 'polling' | 'send' | 'upload' | 'media-picker' | 'customer-form' | 'accumulator';
+export interface SupportErrorContext {
+    /** Which subsystem the error came from. */
+    section: SupportErrorSection;
+    /**
+     * True when the SDK already recovered (e.g. surfaced a retry affordance to
+     * the user). False for fire-and-forget failures worth investigating.
+     */
+    recoverable: boolean;
+    /** Additional structured context — usage varies per section. */
+    extras?: Record<string, unknown>;
+}
+/**
+ * Called whenever the SDK catches an operational error it cannot surface
+ * itself. Wire this to your error tracker — for Bugsnag:
+ *
+ * ```tsx
+ * onError={(err, ctx) => {
+ *   if (err instanceof Error) {
+ *     Bugsnag.notify(err, (event) => event.addMetadata('comnyx', ctx));
+ *   }
+ * }}
+ * ```
+ *
+ * Render-time exceptions are intentionally NOT funnelled here — they bubble
+ * to the host's React error boundary so `@bugsnag/plugin-react` sees them.
+ */
+export type SupportErrorReporter = (error: unknown, context: SupportErrorContext) => void;
 export interface SupportConfig {
     /**
      * Replace the built-in top header (close button + "Support team / Live" row).
@@ -49,10 +81,18 @@ export interface SupportConfig {
      * Use for analytics, rate limiting, moderation, or injecting extra context.
      */
     onBeforeSend?: (payload: SupportSendPayload) => void | Promise<void>;
+    /**
+     * Receives non-render operational errors the SDK catches internally. Route
+     * to your host's error tracker (e.g. `Bugsnag.notify`) so failures are not
+     * silently swallowed to the console.
+     */
+    onError?: SupportErrorReporter;
 }
 export declare function SupportConfigProvider({ value, children, }: {
     value: SupportConfig;
     children: ReactNode;
 }): import("react/jsx-runtime").JSX.Element;
 export declare function useSupportConfig(): SupportConfig;
+export declare function setGlobalSupportErrorReporter(reporter: SupportErrorReporter | undefined): void;
+export declare function reportSupportError(error: unknown, context: SupportErrorContext): void;
 //# sourceMappingURL=SupportConfigContext.d.ts.map

package/lib/typescript/src/support/SupportConfigContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SupportConfigContext.d.ts","sourceRoot":"","sources":["../../../../src/support/SupportConfigContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAEpE,MAAM,WAAW,wBAAwB;IACvC,6EAA6E;IAC7E,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,MAAM,WAAW,uBAAuB;IACtC,oDAAoD;IACpD,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED,MAAM,WAAW,yBAAyB;IACxC,OAAO,EAAE,sBAAsB,CAAC;IAChC,yEAAyE;IACzE,WAAW,EAAE,SAAS,CAAC;CACxB;AAED,MAAM,WAAW,kBAAkB;IACjC,iFAAiF;IACjF,OAAO,EAAE,MAAM,CAAC;IAChB,6DAA6D;IAC7D,UAAU,EAAE,MAAM,CAAC;IACnB,iEAAiE;IACjE,UAAU,EAAE,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC,CAAC;CACtC;AAED,MAAM,WAAW,aAAa;IAC5B;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,wBAAwB,KAAK,SAAS,CAAC;IAC9D,8EAA8E;IAC9E,gBAAgB,CAAC,EAAE,MAAM,SAAS,CAAC;IACnC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,uBAAuB,KAAK,SAAS,CAAC;IACjE;;;;;OAKG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,yBAAyB,KAAK,SAAS,CAAC;IAChE;;;;;;OAMG;IACH,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,kBAAkB,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CACtE;AAMD,wBAAgB,qBAAqB,CAAC,EACpC,KAAK,EACL,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,aAAa,CAAC;IACrB,QAAQ,EAAE,SAAS,CAAC;CACrB,2CAMA;AAED,wBAAgB,gBAAgB,IAAI,aAAa,CAEhD"}
+{"version":3,"file":"SupportConfigContext.d.ts","sourceRoot":"","sources":["../../../../src/support/SupportConfigContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAEpE,MAAM,WAAW,wBAAwB;IACvC,6EAA6E;IAC7E,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,MAAM,WAAW,uBAAuB;IACtC,oDAAoD;IACpD,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED,MAAM,WAAW,yBAAyB;IACxC,OAAO,EAAE,sBAAsB,CAAC;IAChC,yEAAyE;IACzE,WAAW,EAAE,SAAS,CAAC;CACxB;AAED,MAAM,WAAW,kBAAkB;IACjC,iFAAiF;IACjF,OAAO,EAAE,MAAM,CAAC;IAChB,6DAA6D;IAC7D,UAAU,EAAE,MAAM,CAAC;IACnB,iEAAiE;IACjE,UAAU,EAAE,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC,CAAC;CACtC;AAED;;;GAGG;AACH,MAAM,MAAM,mBAAmB,GAC3B,MAAM,GACN,YAAY,GACZ,SAAS,GACT,MAAM,GACN,QAAQ,GACR,cAAc,GACd,eAAe,GACf,aAAa,CAAC;AAElB,MAAM,WAAW,mBAAmB;IAClC,2CAA2C;IAC3C,OAAO,EAAE,mBAAmB,CAAC;IAC7B;;;OAGG;IACH,WAAW,EAAE,OAAO,CAAC;IACrB,gEAAgE;IAChE,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAClC;AAED;;;;;;;;;;;;;;GAcG;AACH,MAAM,MAAM,oBAAoB,GAAG,CACjC,KAAK,EAAE,OAAO,EACd,OAAO,EAAE,mBAAmB,KACzB,IAAI,CAAC;AAEV,MAAM,WAAW,aAAa;IAC5B;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,wBAAwB,KAAK,SAAS,CAAC;IAC9D,8EAA8E;IAC9E,gBAAgB,CAAC,EAAE,MAAM,SAAS,CAAC;IACnC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,uBAAuB,KAAK,SAAS,CAAC;IACjE;;;;;OAKG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,yBAAyB,KAAK,SAAS,CAAC;IAChE;;;;;;OAMG;IACH,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,kBAAkB,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACrE;;;;OAIG;IACH,OAAO,CAAC,EAAE,oBAAoB,CAAC;CAChC;AAMD,wBAAgB,qBAAqB,CAAC,EACpC,KAAK,EACL,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,aAAa,CAAC;IACrB,QAAQ,EAAE,SAAS,CAAC;CACrB,2CAMA;AAED,wBAAgB,gBAAgB,IAAI,aAAa,CAEhD;AAQD,wBAAgB,6BAA6B,CAC3C,QAAQ,EAAE,oBAAoB,GAAG,SAAS,QAG3C;AAED,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,OAAO,EACd,OAAO,EAAE,mBAAmB,QAU7B"}

package/lib/typescript/src/support/index.d.ts

@@ -1,3 +1,4 @@
 export { ComnyxSupport } from './ComnyxSupport';
-export type { SupportConfig, SupportHeaderRenderProps, SupportErrorRenderProps, SupportMessageRenderProps, SupportSendPayload, } from './SupportConfigContext';
+export type { SupportConfig, SupportHeaderRenderProps, SupportErrorRenderProps, SupportMessageRenderProps, SupportSendPayload, SupportErrorSection, SupportErrorContext, SupportErrorReporter, } from './SupportConfigContext';
+export { ComnyxErrorBoundary } from '../components/ComnyxErrorBoundary';
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/support/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/support/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EACV,aAAa,EACb,wBAAwB,EACxB,uBAAuB,EACvB,yBAAyB,EACzB,kBAAkB,GACnB,MAAM,wBAAwB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/support/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EACV,aAAa,EACb,wBAAwB,EACxB,uBAAuB,EACvB,yBAAyB,EACzB,kBAAkB,EAClB,mBAAmB,EACnB,mBAAmB,EACnB,oBAAoB,GACrB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAC"}

package/lib/typescript/src/version.d.ts

@@ -1,2 +1,2 @@
-export declare const VERSION = "0.16.0";
+export declare const VERSION = "0.16.1";
 //# sourceMappingURL=version.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@developer_tribe/react-native-comnyx",
-  "version": "0.16.0",
+  "version": "0.16.1",
   "description": "React Native chat component with integrated support panel, enabling real-time customer communication and efficient agent workflow management.",
   "source": "./src/index.ts",
   "main": "./src/index.ts",
@@ -66,6 +66,7 @@
   },
   "devDependencies": {
     "@commitlint/config-conventional": "^19.6.0",
+    "@d11/react-native-fast-image": "^8.13.0",
     "@evilmartians/lefthook": "^1.5.0",
     "@react-native-community/cli": "15.0.1",
     "@react-native/eslint-config": "^0.73.1",
@@ -81,28 +82,29 @@
     "eslint-plugin-prettier": "^5.0.1",
     "jest": "^29.7.0",
     "prettier": "^3.0.3",
+    "react-hook-form": "^7.66.0",
+    "react-native": "^0.85.1",
     "react-native-builder-bob": "^0.33.1",
+    "react-native-mmkv": "^4.3.1",
+    "react-native-safe-area-context": "^5.5.2",
     "release-it": "^17.10.0",
     "ts-jest": "^29.4.5",
     "ts-node": "^10.9.2",
     "typescript": "5.1.6",
     "use-sync-external-store": "^1.5.0",
-    "zustand": "^5.0.3",
-    "react-hook-form": "^7.66.0",
-    "react-native-mmkv": "^4.3.1",
-    "react-native-safe-area-context": "^5.5.2",
-    "react-native": "^0.85.1"
+    "zustand": "^5.0.3"
   },
   "resolutions": {
     "@types/react": "^19.2.0",
     "react": "19.2.3"
   },
   "peerDependencies": {
+    "@d11/react-native-fast-image": ">=8.6.0",
     "react": ">=19.0.0",
+    "react-hook-form": ">=7.66.0",
     "react-native": ">=0.81.0",
     "react-native-mmkv": ">=4.0.0",
-    "react-native-safe-area-context": ">=5.5.2",
-    "react-hook-form": ">=7.66.0"
+    "react-native-safe-area-context": ">=5.5.2"
   },
   "commitlint": {
     "extends": [

package/src/components/ChatList.tsx

@@ -31,7 +31,10 @@ import { ScaledSheet } from './ScaledSheet';
 import { formatDate, getDateKey } from '../utils/formatDate';
 import { activeOpacity } from '../constants/activeOpacity';
 import { useAppStore } from '../store/store';
-import { useSupportConfig } from '../support/SupportConfigContext';
+import {
+  useSupportConfig,
+  reportSupportError,
+} from '../support/SupportConfigContext';
 
 const headphonesIcon = require('../assets/headphones-01.png');
 const closeIcon = require('../assets/x-close.png');
@@ -211,11 +214,12 @@ export function ChatList({
     };
   }, []);
 
-  const { data, setData, customer, language } = useAppStore((s) => ({
+  const { data, setData, customer, language, theme } = useAppStore((s) => ({
     data: s.data,
     setData: s.setData,
     customer: s.customer,
     language: s.language,
+    theme: s.theme,
   }));
   const ref = useRef<SectionList<AppConversationMessage>>(null);
   const [page, setPage] = useState(1);
@@ -404,7 +408,11 @@ export function ChatList({
               }
             }
 
-            console.error('Mesajı yeniden gönderme hatası:', error);
+            reportSupportError(error, {
+              section: 'send',
+              recoverable: true,
+              extras: { retry: true, contentLength: selectedMessage.length },
+            });
             setSelectedMessage('');
           });
       }
@@ -463,9 +471,14 @@ export function ChatList({
             }
           });
         })
-        .catch((_) => {
+        .catch((err) => {
           nextPageStatus.current = 'fail';
           setNexPageFailed(true);
+          reportSupportError(err, {
+            section: 'pagination',
+            recoverable: true,
+            extras: { page, perPage: MESSAGES_PER_PAGE },
+          });
         })
         .finally(() => {
           setLoading(false);
@@ -592,7 +605,11 @@ export function ChatList({
         })
         .catch((e) => {
           setInitFailed(true);
-          console.error(e);
+          reportSupportError(e, {
+            section: 'init',
+            recoverable: true,
+            extras: { perPage: MESSAGES_PER_PAGE },
+          });
         })
         .finally(() => {
           setLoading(false);
@@ -624,27 +641,15 @@ export function ChatList({
 
   if (nexPageFailed) {
     return (
-      <View
-        style={[
-          styles.retryContainer,
-          { backgroundColor: themeColors.background },
-        ]}
-      >
-        <TouchableOpacity
-          style={[styles.retryButton, { backgroundColor: themeColors.primary }]}
-          onPress={() => {
-            setNexPageFailed(false);
-            nextPageStatus.current = undefined;
-            nextPage();
-          }}
-          activeOpacity={activeOpacity}
-        >
-          <AppText
-            localization="chat.load.error"
-            style={[styles.retryText, { color: themeColors.background }]}
-          />
-        </TouchableOpacity>
-      </View>
+      <InitFailed
+        localization="chat.load.error"
+        onBack={onBack}
+        onRetry={() => {
+          setNexPageFailed(false);
+          nextPageStatus.current = undefined;
+          nextPage();
+        }}
+      />
     );
   }
 
@@ -654,13 +659,13 @@ export function ChatList({
         <>{renderErrorStateOverride({ retry: () => setInitFailed(false) })}</>
       );
     }
-    return <InitFailed setInitFailed={setInitFailed} />;
+    return <InitFailed onRetry={() => setInitFailed(false)} onBack={onBack} />;
   }
 
   return (
     <>
       <StatusBar
-        barStyle={'dark-content'}
+        barStyle={theme === 'dark' ? 'light-content' : 'dark-content'}
         backgroundColor={themeColors.background}
         animated={false}
         translucent
@@ -860,23 +865,6 @@ const styles = ScaledSheet.create({
     width: '18@vs',
     height: '18@vs',
   },
-  retryContainer: {
-    flex: 1,
-    alignItems: 'center',
-    justifyContent: 'center',
-    paddingHorizontal: '20@s',
-    paddingVertical: '20@vs',
-  },
-  retryButton: {
-    padding: 15,
-    borderRadius: '8@s',
-    alignItems: 'center',
-    justifyContent: 'center',
-  },
-  retryText: {
-    fontSize: '16@vs',
-    fontWeight: '500',
-  },
   headphonesIcon: {
     width: '24@vs',
     height: '24@vs',

package/src/components/CustomerForm.tsx

@@ -23,6 +23,7 @@ import { ScaledSheet } from './ScaledSheet';
 import type { LocalizationKeys } from '../types/LocalizationKeys';
 import { activeOpacity } from '../constants/activeOpacity';
 import { useAppStore } from '../store/store';
+import { reportSupportError } from '../support/SupportConfigContext';
 
 interface CustomerFormData {
   name: string;
@@ -84,7 +85,10 @@ export function CustomerForm({
         useAppStore.getState().setForm(res.customer);
       }
     } catch (error) {
-      console.error('Error creating customer:', error);
+      reportSupportError(error, {
+        section: 'customer-form',
+        recoverable: true,
+      });
     }
   };
 

package/src/components/InitFailed.tsx

@@ -1,28 +1,73 @@
-import { TouchableOpacity, View } from 'react-native';
+import { Image, TouchableOpacity, View } from 'react-native';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { useThemeColors } from '../hooks/useThemeColors';
 import { AppText } from './AppText';
 import { ScaledSheet } from './ScaledSheet';
 import { activeOpacity } from '../constants/activeOpacity';
+import type { LocalizationKeys } from '../types/LocalizationKeys';
+
+const closeIcon = require('../assets/x-close.png');
+const errorIcon = require('../assets/x-circle.png');
 
 interface InitFailedProps {
-  setInitFailed: (value: boolean) => void;
+  onRetry: () => void;
+  onBack?: () => void;
+  localization?: keyof LocalizationKeys;
 }
 
-export function InitFailed({ setInitFailed }: InitFailedProps) {
+export function InitFailed({
+  onRetry,
+  onBack,
+  localization = 'chat.init.error',
+}: InitFailedProps) {
   const themeColors = useThemeColors();
+  const insets = useSafeAreaInsets();
 
   return (
     <View
       style={[styles.container, { backgroundColor: themeColors.background }]}
     >
+      {onBack ? (
+        <TouchableOpacity
+          activeOpacity={1}
+          style={[styles.closeButton, { top: Math.max(insets.top, 16) + 16 }]}
+          onPress={onBack}
+          accessibilityRole="button"
+          accessibilityLabel="Close support"
+          hitSlop={{ top: 12, bottom: 12, left: 12, right: 12 }}
+        >
+          <Image
+            source={closeIcon}
+            style={[styles.closeIcon, { tintColor: themeColors.text }]}
+          />
+        </TouchableOpacity>
+      ) : null}
+
       <TouchableOpacity
         activeOpacity={activeOpacity}
-        style={[styles.retryButton, { backgroundColor: themeColors.primary }]}
-        onPress={() => setInitFailed(false)}
+        style={styles.card}
+        onPress={onRetry}
+        accessibilityRole="button"
+        accessibilityLabel="Retry"
       >
+        <View
+          style={[
+            styles.iconCircle,
+            {
+              backgroundColor: themeColors.ghost,
+              borderColor: themeColors.lavender,
+            },
+          ]}
+        >
+          <Image
+            source={errorIcon}
+            style={[styles.errorIcon, { tintColor: themeColors.error }]}
+          />
+        </View>
+
         <AppText
-          localization="chat.init.error"
-          style={[styles.retryText, { color: themeColors.background }]}
+          localization={localization}
+          style={[styles.description, { color: themeColors.text }]}
         />
       </TouchableOpacity>
     </View>
@@ -34,18 +79,37 @@ const styles = ScaledSheet.create({
     flex: 1,
     alignItems: 'center',
     justifyContent: 'center',
-    paddingHorizontal: '20@s',
-    paddingVertical: '20@vs',
+    paddingHorizontal: '24@s',
+  },
+  closeButton: {
+    position: 'absolute',
+    left: '24@s',
   },
-  retryButton: {
-    paddingHorizontal: '15@s',
-    paddingVertical: '15@vs',
-    borderRadius: '8@s',
+  closeIcon: {
+    width: '24@vs',
+    height: '24@vs',
+  },
+  card: {
+    alignItems: 'center',
+    gap: '16@vs',
+    maxWidth: '340@s',
+  },
+  iconCircle: {
+    width: '72@vs',
+    height: '72@vs',
+    borderRadius: '36@vs',
+    borderWidth: 1,
     alignItems: 'center',
     justifyContent: 'center',
   },
-  retryText: {
-    fontSize: '16@vs',
-    fontWeight: '500',
+  errorIcon: {
+    width: '36@vs',
+    height: '36@vs',
+  },
+  description: {
+    fontSize: '15@vs',
+    lineHeight: '22@vs',
+    textAlign: 'center',
+    opacity: 0.85,
   },
 });

package/src/components/MediaMessageItem.tsx

@@ -1,4 +1,5 @@
-import { View, Image, TouchableOpacity } from 'react-native';
+import { View, Image, TouchableOpacity, ActivityIndicator } from 'react-native';
+import FastImage from '@d11/react-native-fast-image';
 import { useState, useEffect } from 'react';
 import type { AppConversationMessage } from '../types/Conversation';
 import { useThemeColors } from '../hooks/useThemeColors';
@@ -45,11 +46,8 @@ function MediaThumbnail({
   }, [isVideo, file.thumbnail_uri, isUploading, displayUri]);
 
   const effectiveThumb = file.thumbnail_uri || generatedThumb;
-  const thumbSource = isVideo
-    ? effectiveThumb
-      ? { uri: effectiveThumb }
-      : undefined
-    : { uri: displayUri };
+  const thumbUri = isVideo ? effectiveThumb : displayUri;
+  const isRemote = !!thumbUri && /^https?:\/\//i.test(thumbUri);
 
   const handlePress = () => {
     if (isUploading) return;
@@ -79,8 +77,23 @@ function MediaThumbnail({
       activeOpacity={activeOpacity}
       disabled={isUploading}
     >
-      {thumbSource ? (
-        <Image source={thumbSource} style={imageStyle} resizeMode="cover" />
+      {thumbUri ? (
+        isRemote ? (
+          <FastImage
+            source={{
+              uri: thumbUri,
+              cache: FastImage.cacheControl.immutable,
+            }}
+            style={imageStyle}
+            resizeMode={FastImage.resizeMode.cover}
+          />
+        ) : (
+          <Image
+            source={{ uri: thumbUri }}
+            style={imageStyle}
+            resizeMode="cover"
+          />
+        )
       ) : (
         <View style={placeholderStyle} />
       )}
@@ -89,6 +102,11 @@ function MediaThumbnail({
           <AppText style={styles.playIcon}>▶</AppText>
         </View>
       )}
+      {isUploading && (
+        <View style={styles.uploadOverlay}>
+          <ActivityIndicator size="small" color="#FFFFFF" />
+        </View>
+      )}
     </TouchableOpacity>
   );
 }
@@ -336,6 +354,18 @@ const styles = ScaledSheet.create({
       alignItems: 'center',
     } as any),
   },
+  uploadOverlay: {
+    ...({
+      position: 'absolute',
+      top: 0,
+      left: 0,
+      right: 0,
+      bottom: 0,
+      justifyContent: 'center',
+      alignItems: 'center',
+      backgroundColor: 'rgba(0,0,0,0.35)',
+    } as any),
+  },
   playIcon: {
     fontSize: '20@vs',
     color: '#E0E0E0',