@developer_tribe/react-native-comnyx 0.3.6 → 0.3.7

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

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

package/lib/typescript/module/src/constants/activeOpacity.d.ts

@@ -0,0 +1,2 @@
+export declare const activeOpacity = 0.8;
+//# sourceMappingURL=activeOpacity.d.ts.map

package/lib/typescript/module/src/constants/activeOpacity.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"activeOpacity.d.ts","sourceRoot":"","sources":["../../../../../src/constants/activeOpacity.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,MAAM,CAAC"}

package/lib/typescript/module/src/constants/translations.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"translations.d.ts","sourceRoot":"","sources":["../../../../../src/constants/translations.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEtD,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,YAAY,EAAE,gBAAgB,CAuc1D,CAAC"}
+{"version":3,"file":"translations.d.ts","sourceRoot":"","sources":["../../../../../src/constants/translations.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEtD,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,YAAY,EAAE,gBAAgB,CAie1D,CAAC"}

package/lib/typescript/module/src/data/fake/messages.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"messages.d.ts","sourceRoot":"","sources":["../../../../../../src/data/fake/messages.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAEnE,wBAAgB,sBAAsB,CAAC,OAAO,EAAE,MAAM,GAAG,eAAe,CA6DvE"}
+{"version":3,"file":"messages.d.ts","sourceRoot":"","sources":["../../../../../../src/data/fake/messages.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAEnE,wBAAgB,sBAAsB,CAAC,OAAO,EAAE,MAAM,GAAG,eAAe,CA+DvE"}

package/lib/typescript/module/src/hooks/useThemeColors.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useThemeColors.d.ts","sourceRoot":"","sources":["../../../../../src/hooks/useThemeColors.ts"],"names":[],"mappings":"AACA,OAAO,EAAyB,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAEzE,wBAAgB,cAAc,IAAI,WAAW,CAM5C"}
+{"version":3,"file":"useThemeColors.d.ts","sourceRoot":"","sources":["../../../../../src/hooks/useThemeColors.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE9D,wBAAgB,cAAc,IAAI,WAAW,CAE5C"}

package/lib/typescript/module/src/types/Conversation.d.ts

@@ -2,7 +2,12 @@ export interface ConversationMessage {
     id: number;
     content: string;
     created_at: string;
-    user: any | null;
+    user?: any | null;
+    bot?: any | null;
+    customer?: {
+        name: string;
+        profile_photo_url: null;
+    } | null;
 }
 export interface AppConversationMessage extends Omit<ConversationMessage, 'id' | 'created_at'> {
     id: number | null;

package/lib/typescript/module/src/types/Conversation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Conversation.d.ts","sourceRoot":"","sources":["../../../../../src/types/Conversation.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,mBAAmB;IAClC,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,GAAG,GAAG,IAAI,CAAC;CAClB;AAED,MAAM,WAAW,sBACf,SAAQ,IAAI,CAAC,mBAAmB,EAAE,IAAI,GAAG,YAAY,CAAC;IACtD,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,IAAI,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,gBAAgB;IAC/B,YAAY,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,mBAAmB,EAAE,CAAC;IAC5B,cAAc,EAAE,MAAM,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,gBAAgB,CAAC;CACxB"}
+{"version":3,"file":"Conversation.d.ts","sourceRoot":"","sources":["../../../../../src/types/Conversation.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,mBAAmB;IAClC,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,GAAG,GAAG,IAAI,CAAC;IAClB,GAAG,CAAC,EAAE,GAAG,GAAG,IAAI,CAAC;IACjB,QAAQ,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,iBAAiB,EAAE,IAAI,CAAA;KAAE,GAAG,IAAI,CAAC;CAC7D;AAED,MAAM,WAAW,sBACf,SAAQ,IAAI,CAAC,mBAAmB,EAAE,IAAI,GAAG,YAAY,CAAC;IACtD,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,IAAI,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,gBAAgB;IAC/B,YAAY,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,mBAAmB,EAAE,CAAC;IAC5B,cAAc,EAAE,MAAM,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,gBAAgB,CAAC;CACxB"}

package/lib/typescript/module/src/types/LocalizationKeys.d.ts

@@ -36,5 +36,7 @@ export type LocalizationKeys = {
     'customer.form.failed.email.desc': string;
     'customer.form.failed.phone': string;
     'customer.form.failed.phone.desc': string;
+    'customer.form.name': string;
+    'customer.form.cancel': string;
 };
 //# sourceMappingURL=LocalizationKeys.d.ts.map

package/lib/typescript/module/src/types/LocalizationKeys.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LocalizationKeys.d.ts","sourceRoot":"","sources":["../../../../../src/types/LocalizationKeys.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,gBAAgB,GAAG;IAC7B,qBAAqB,EAAE,MAAM,CAAC;IAC9B,qBAAqB,EAAE,MAAM,CAAC;IAC9B,qBAAqB,EAAE,MAAM,CAAC;IAC9B,uBAAuB,EAAE,MAAM,CAAC;IAChC,sBAAsB,EAAE,MAAM,CAAC;IAC/B,qBAAqB,EAAE,MAAM,CAAC;IAC9B,4BAA4B,EAAE,MAAM,CAAC;IACrC,6BAA6B,EAAE,MAAM,CAAC;IACtC,2BAA2B,EAAE,MAAM,CAAC;IACpC,2BAA2B,EAAE,MAAM,CAAC;IACpC,gCAAgC,EAAE,MAAM,CAAC;IACzC,mCAAmC,EAAE,MAAM,CAAC;IAC5C,iCAAiC,EAAE,MAAM,CAAC;IAC1C,iCAAiC,EAAE,MAAM,CAAC;IAC1C,wCAAwC,EAAE,MAAM,CAAC;IACjD,wCAAwC,EAAE,MAAM,CAAC;IACjD,4CAA4C,EAAE,MAAM,CAAC;IACrD,yCAAyC,EAAE,MAAM,CAAC;IAClD,+BAA+B,EAAE,MAAM,CAAC;IACxC,6BAA6B,EAAE,MAAM,CAAC;IACtC,iBAAiB,EAAE,MAAM,CAAC;IAC1B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,YAAY,EAAE,MAAM,CAAC;IACrB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,wBAAwB,EAAE,MAAM,CAAC;IACjC,WAAW,EAAE,MAAM,CAAC;IACpB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,sBAAsB,EAAE,MAAM,CAAC;IAC/B,gCAAgC,EAAE,MAAM,CAAC;IACzC,sCAAsC,EAAE,MAAM,CAAC;IAC/C,kBAAkB,EAAE,MAAM,CAAC;IAC3B,2BAA2B,EAAE,MAAM,CAAC;IACpC,gCAAgC,EAAE,MAAM,CAAC;IACzC,4BAA4B,EAAE,MAAM,CAAC;IACrC,iCAAiC,EAAE,MAAM,CAAC;IAC1C,4BAA4B,EAAE,MAAM,CAAC;IACrC,iCAAiC,EAAE,MAAM,CAAC;CAC3C,CAAC"}
+{"version":3,"file":"LocalizationKeys.d.ts","sourceRoot":"","sources":["../../../../../src/types/LocalizationKeys.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,gBAAgB,GAAG;IAC7B,qBAAqB,EAAE,MAAM,CAAC;IAC9B,qBAAqB,EAAE,MAAM,CAAC;IAC9B,qBAAqB,EAAE,MAAM,CAAC;IAC9B,uBAAuB,EAAE,MAAM,CAAC;IAChC,sBAAsB,EAAE,MAAM,CAAC;IAC/B,qBAAqB,EAAE,MAAM,CAAC;IAC9B,4BAA4B,EAAE,MAAM,CAAC;IACrC,6BAA6B,EAAE,MAAM,CAAC;IACtC,2BAA2B,EAAE,MAAM,CAAC;IACpC,2BAA2B,EAAE,MAAM,CAAC;IACpC,gCAAgC,EAAE,MAAM,CAAC;IACzC,mCAAmC,EAAE,MAAM,CAAC;IAC5C,iCAAiC,EAAE,MAAM,CAAC;IAC1C,iCAAiC,EAAE,MAAM,CAAC;IAC1C,wCAAwC,EAAE,MAAM,CAAC;IACjD,wCAAwC,EAAE,MAAM,CAAC;IACjD,4CAA4C,EAAE,MAAM,CAAC;IACrD,yCAAyC,EAAE,MAAM,CAAC;IAClD,+BAA+B,EAAE,MAAM,CAAC;IACxC,6BAA6B,EAAE,MAAM,CAAC;IACtC,iBAAiB,EAAE,MAAM,CAAC;IAC1B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,YAAY,EAAE,MAAM,CAAC;IACrB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,wBAAwB,EAAE,MAAM,CAAC;IACjC,WAAW,EAAE,MAAM,CAAC;IACpB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,sBAAsB,EAAE,MAAM,CAAC;IAC/B,gCAAgC,EAAE,MAAM,CAAC;IACzC,sCAAsC,EAAE,MAAM,CAAC;IAC/C,kBAAkB,EAAE,MAAM,CAAC;IAC3B,2BAA2B,EAAE,MAAM,CAAC;IACpC,gCAAgC,EAAE,MAAM,CAAC;IACzC,4BAA4B,EAAE,MAAM,CAAC;IACrC,iCAAiC,EAAE,MAAM,CAAC;IAC1C,4BAA4B,EAAE,MAAM,CAAC;IACrC,iCAAiC,EAAE,MAAM,CAAC;IAC1C,oBAAoB,EAAE,MAAM,CAAC;IAC7B,sBAAsB,EAAE,MAAM,CAAC;CAChC,CAAC"}

package/lib/typescript/module/src/types/MessageResponse.d.ts

@@ -7,6 +7,8 @@ export interface MessageResponse {
         created_at: string;
         id: number;
         user: null | any;
+        customer: null | any;
+        bot: null | any;
         conversation: {
             id: number;
             project_id: number;

package/lib/typescript/module/src/types/MessageResponse.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MessageResponse.d.ts","sourceRoot":"","sources":["../../../../../src/types/MessageResponse.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE;QACP,eAAe,EAAE,MAAM,CAAC;QACxB,OAAO,EAAE,MAAM,CAAC;QAChB,OAAO,EAAE,OAAO,CAAC;QACjB,UAAU,EAAE,MAAM,CAAC;QACnB,UAAU,EAAE,MAAM,CAAC;QACnB,EAAE,EAAE,MAAM,CAAC;QACX,IAAI,EAAE,IAAI,GAAG,GAAG,CAAC;QACjB,YAAY,EAAE;YACZ,EAAE,EAAE,MAAM,CAAC;YACX,UAAU,EAAE,MAAM,CAAC;YACnB,WAAW,EAAE,MAAM,CAAC;YACpB,UAAU,EAAE,MAAM,CAAC;YACnB,UAAU,EAAE,MAAM,CAAC;YACnB,UAAU,EAAE,IAAI,GAAG,MAAM,CAAC;YAC1B,QAAQ,EAAE,MAAM,CAAC;YACjB,cAAc,EAAE,MAAM,CAAC;YACvB,OAAO,EAAE;gBACP,EAAE,EAAE,MAAM,CAAC;gBACX,IAAI,EAAE,MAAM,CAAC;gBACb,eAAe,EAAE,MAAM,CAAC;gBACxB,UAAU,EAAE,MAAM,CAAC;gBACnB,UAAU,EAAE,MAAM,CAAC;gBACnB,UAAU,EAAE,IAAI,GAAG,MAAM,CAAC;gBAC1B,IAAI,EAAE,MAAM,CAAC;gBACb,YAAY,EAAE;oBACZ,EAAE,EAAE,MAAM,CAAC;oBACX,IAAI,EAAE,MAAM,CAAC;oBACb,UAAU,EAAE,MAAM,CAAC;oBACnB,UAAU,EAAE,MAAM,CAAC;oBACnB,UAAU,EAAE,IAAI,GAAG,MAAM,CAAC;oBAC1B,KAAK,EAAE,KAAK,CAAC;wBACX,EAAE,EAAE,MAAM,CAAC;wBACX,IAAI,EAAE,MAAM,CAAC;wBACb,KAAK,EAAE,MAAM,CAAC;wBACd,iBAAiB,EAAE,IAAI,GAAG,MAAM,CAAC;wBACjC,UAAU,EAAE,MAAM,CAAC;wBACnB,UAAU,EAAE,MAAM,CAAC;wBACnB,MAAM,EAAE,IAAI,GAAG,MAAM,CAAC;wBACtB,iBAAiB,EAAE,IAAI,GAAG,MAAM,CAAC;wBACjC,yBAAyB,EAAE,IAAI,GAAG,MAAM,CAAC;wBACzC,MAAM,EAAE,OAAO,CAAC;wBAChB,iBAAiB,EAAE,MAAM,CAAC;wBAC1B,KAAK,EAAE;4BACL,eAAe,EAAE,MAAM,CAAC;4BACxB,OAAO,EAAE,MAAM,CAAC;4BAChB,IAAI,EAAE,MAAM,CAAC;4BACb,UAAU,EAAE,MAAM,CAAC;4BACnB,UAAU,EAAE,MAAM,CAAC;yBACpB,CAAC;qBACH,CAAC,CAAC;iBACJ,CAAC;aACH,CAAC;SACH,CAAC;QACF,MAAM,EAAE,GAAG,EAAE,CAAC;KACf,CAAC;CACH"}
+{"version":3,"file":"MessageResponse.d.ts","sourceRoot":"","sources":["../../../../../src/types/MessageResponse.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE;QACP,eAAe,EAAE,MAAM,CAAC;QACxB,OAAO,EAAE,MAAM,CAAC;QAChB,OAAO,EAAE,OAAO,CAAC;QACjB,UAAU,EAAE,MAAM,CAAC;QACnB,UAAU,EAAE,MAAM,CAAC;QACnB,EAAE,EAAE,MAAM,CAAC;QACX,IAAI,EAAE,IAAI,GAAG,GAAG,CAAC;QACjB,QAAQ,EAAE,IAAI,GAAG,GAAG,CAAC;QACrB,GAAG,EAAE,IAAI,GAAG,GAAG,CAAC;QAChB,YAAY,EAAE;YACZ,EAAE,EAAE,MAAM,CAAC;YACX,UAAU,EAAE,MAAM,CAAC;YACnB,WAAW,EAAE,MAAM,CAAC;YACpB,UAAU,EAAE,MAAM,CAAC;YACnB,UAAU,EAAE,MAAM,CAAC;YACnB,UAAU,EAAE,IAAI,GAAG,MAAM,CAAC;YAC1B,QAAQ,EAAE,MAAM,CAAC;YACjB,cAAc,EAAE,MAAM,CAAC;YACvB,OAAO,EAAE;gBACP,EAAE,EAAE,MAAM,CAAC;gBACX,IAAI,EAAE,MAAM,CAAC;gBACb,eAAe,EAAE,MAAM,CAAC;gBACxB,UAAU,EAAE,MAAM,CAAC;gBACnB,UAAU,EAAE,MAAM,CAAC;gBACnB,UAAU,EAAE,IAAI,GAAG,MAAM,CAAC;gBAC1B,IAAI,EAAE,MAAM,CAAC;gBACb,YAAY,EAAE;oBACZ,EAAE,EAAE,MAAM,CAAC;oBACX,IAAI,EAAE,MAAM,CAAC;oBACb,UAAU,EAAE,MAAM,CAAC;oBACnB,UAAU,EAAE,MAAM,CAAC;oBACnB,UAAU,EAAE,IAAI,GAAG,MAAM,CAAC;oBAC1B,KAAK,EAAE,KAAK,CAAC;wBACX,EAAE,EAAE,MAAM,CAAC;wBACX,IAAI,EAAE,MAAM,CAAC;wBACb,KAAK,EAAE,MAAM,CAAC;wBACd,iBAAiB,EAAE,IAAI,GAAG,MAAM,CAAC;wBACjC,UAAU,EAAE,MAAM,CAAC;wBACnB,UAAU,EAAE,MAAM,CAAC;wBACnB,MAAM,EAAE,IAAI,GAAG,MAAM,CAAC;wBACtB,iBAAiB,EAAE,IAAI,GAAG,MAAM,CAAC;wBACjC,yBAAyB,EAAE,IAAI,GAAG,MAAM,CAAC;wBACzC,MAAM,EAAE,OAAO,CAAC;wBAChB,iBAAiB,EAAE,MAAM,CAAC;wBAC1B,KAAK,EAAE;4BACL,eAAe,EAAE,MAAM,CAAC;4BACxB,OAAO,EAAE,MAAM,CAAC;4BAChB,IAAI,EAAE,MAAM,CAAC;4BACb,UAAU,EAAE,MAAM,CAAC;4BACnB,UAAU,EAAE,MAAM,CAAC;yBACpB,CAAC;qBACH,CAAC,CAAC;iBACJ,CAAC;aACH,CAAC;SACH,CAAC;QACF,MAAM,EAAE,GAAG,EAAE,CAAC;KACf,CAAC;CACH"}

package/lib/typescript/module/src/types/Theme.d.ts

@@ -17,6 +17,7 @@ export interface ThemeColors {
     ghost: string;
     navy: string;
     lavender: string;
+    silver: string;
 }
 export declare const lightTheme: ThemeColors;
 export declare const darkTheme: ThemeColors;

package/lib/typescript/module/src/types/Theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Theme.d.ts","sourceRoot":"","sources":["../../../../../src/types/Theme.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;IACxB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,UAAU,EAAE,WAmBxB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,WAmBvB,CAAC;AAEF,MAAM,WAAW,KAAK;IACpB,KAAK,EAAE,WAAW,CAAC;IACnB,IAAI,EAAE,WAAW,CAAC;CACnB"}
+{"version":3,"file":"Theme.d.ts","sourceRoot":"","sources":["../../../../../src/types/Theme.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;IACxB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,UAAU,EAAE,WAoBxB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,WAoBvB,CAAC;AAEF,MAAM,WAAW,KAAK;IACpB,KAAK,EAAE,WAAW,CAAC;IACnB,IAAI,EAAE,WAAW,CAAC;CACnB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@developer_tribe/react-native-comnyx",
-  "version": "0.3.6",
+  "version": "0.3.7",
   "description": "React Native chat component with integrated support panel, enabling real-time customer communication and efficient agent workflow management.",
   "source": "./src/index.tsx",
   "main": "./lib/commonjs/index.js",

package/src/components/ChatList.tsx

@@ -7,6 +7,7 @@ import {
   ActivityIndicator,
   Image,
   TouchableOpacity,
+  Keyboard,
 } from 'react-native';
 import { getCustomerConversation, sendCustomerMessage } from '../api';
 import type { AppConversationMessage } from '../types/Conversation';
@@ -21,6 +22,7 @@ import type { LocalizationKeys } from '../types/LocalizationKeys';
 import { ScaledSheet } from './ScaledSheet';
 import { formatDate } from '../utils/formatDate';
 import { viewabilityConfig } from '../viewabilityConfig';
+import { activeOpacity } from '../constants/activeOpacity';
 
 const headphonesIcon = require('../assets/headphones-01.png');
 const closeIcon = require('../assets/x-close.png');
@@ -56,6 +58,7 @@ export function ChatList({ onBack }: { onBack?: () => void }) {
   const [nexPageFailed, setNexPageFailed] = useState(false);
   const [initFailed, setInitFailed] = useState(false);
   const [isScrollingUp, setIsScrollingUp] = useState(false);
+  const [isKeyboardVisible, setIsKeyboardVisible] = useState(false);
   const listChangedRef = useRef(false);
   const [popupVisible, setPopupVisible] = useState(false);
   const [selectedMessage, setSelectedMessage] = useState<string>('');
@@ -75,6 +78,10 @@ export function ChatList({ onBack }: { onBack?: () => void }) {
       messagesByDate[dateKey].push(message);
     });
 
+    // Check if there are any messages before accessing firstKey
+    const dateKeys = Object.keys(messagesByDate);
+    if (dateKeys.length === 0) return [];
+
     return Object.entries(messagesByDate).map(([title, messages]) => ({
       title,
       data: messages.sort(
@@ -126,7 +133,7 @@ export function ChatList({ onBack }: { onBack?: () => void }) {
                   ...existingMessage,
                   id: res.message.id,
                   content: res.message.content,
-                  user: res.message.user || existingMessage.user,
+                  customer: res.message.customer || existingMessage.customer,
                   approved: true,
                   error: false,
                   created_at: new Date(res.message.created_at),
@@ -190,24 +197,41 @@ export function ChatList({ onBack }: { onBack?: () => void }) {
         .then((newData) => {
           listChangedRef.current = true;
           setData((prevData) => {
-            //TODO: backend sorulablir
             const newMessages = newData?.page?.data ?? [];
-            const existingIds = new Set(prevData?.map((msg) => msg.id));
-            const uniqueNewMessages = newMessages.filter(
-              (msg) => !existingIds.has(msg.id)
-            );
-
-            const processedMessages = uniqueNewMessages.map((u) => ({
-              ...u,
-              created_at: new Date(u.created_at),
-              approved: true,
-            }));
-            if (processedMessages.length === 0) {
-              nextPageStatus.current = 'empty';
-            } else {
+            // Only filter if we have both previous data and new messages
+            if (prevData && prevData.length > 0 && newMessages.length > 0) {
+              const existingIds = new Set(prevData.map((msg) => msg.id));
+              const uniqueNewMessages = newMessages.filter(
+                (msg) => !existingIds.has(msg.id)
+              );
+
+              const processedMessages = uniqueNewMessages.map((u) => ({
+                ...u,
+                created_at: new Date(u.created_at),
+                approved: true,
+              }));
+
+              if (processedMessages.length === 0) {
+                nextPageStatus.current = 'empty';
+                return prevData; // Return existing data unchanged
+              } else {
+                nextPageStatus.current = undefined;
+                return [...prevData, ...processedMessages];
+              }
+            } else if (newMessages.length > 0) {
+              // Only new messages, no previous data
+              const processedMessages = newMessages.map((u) => ({
+                ...u,
+                created_at: new Date(u.created_at),
+                approved: true,
+              }));
               nextPageStatus.current = undefined;
+              return processedMessages;
+            } else {
+              // No new messages
+              nextPageStatus.current = 'empty';
+              return prevData || []; // Return existing data or empty array
             }
-            return [...(prevData ?? []), ...processedMessages];
           });
         })
         .catch((_) => {
@@ -267,7 +291,7 @@ export function ChatList({ onBack }: { onBack?: () => void }) {
       const contentHeight = event.nativeEvent.contentSize.height;
       const scrollViewHeight = event.nativeEvent.layoutMeasurement.height;
 
-      setIsScrollingUp(currentScrollY > 100);
+      setIsScrollingUp(currentScrollY > 300);
 
       // Only proceed if we have sections and the list is scrolled enough
       if (sections && sections.length > 0 && currentScrollY > 0) {
@@ -347,22 +371,39 @@ export function ChatList({ onBack }: { onBack?: () => void }) {
         .then((newData) => {
           setData((prevData) => {
             const newMessages = newData?.page?.data ?? [];
-            const existingIds = new Set(prevData?.map((msg) => msg.id));
-            const uniqueNewMessages = newMessages?.filter(
-              (msg) => !existingIds?.has(msg.id)
-            );
-            const processedMessages = uniqueNewMessages?.map((u) => ({
-              ...u,
-              created_at: new Date(u.created_at),
-              approved: true,
-            }));
-            useAppStore.setState({
-              firstMessage: processedMessages?.[0],
-            });
-            if (processedMessages?.length === 0) {
-              setLoading(false);
+            // Only proceed with filtering if we have previous data
+            if (prevData && prevData.length > 0) {
+              const existingIds = new Set(prevData.map((msg) => msg.id));
+              const uniqueNewMessages = newMessages.filter(
+                (msg) => !existingIds.has(msg.id)
+              );
+              const processedMessages = uniqueNewMessages.map((u) => ({
+                ...u,
+                created_at: new Date(u.created_at),
+                approved: true,
+              }));
+              useAppStore.setState({
+                firstMessage: processedMessages[0] || prevData[0],
+              });
+              if (processedMessages.length === 0) {
+                setLoading(false);
+              }
+              return [...prevData, ...processedMessages];
+            } else {
+              // Handle the case where there's no previous data
+              const processedMessages = newMessages.map((u) => ({
+                ...u,
+                created_at: new Date(u.created_at),
+                approved: true,
+              }));
+              useAppStore.setState({
+                firstMessage: processedMessages[0],
+              });
+              if (processedMessages.length === 0) {
+                setLoading(false);
+              }
+              return processedMessages;
             }
-            return processedMessages;
           });
         })
         .catch((e) => {
@@ -382,6 +423,28 @@ export function ChatList({ onBack }: { onBack?: () => void }) {
     }
   }, [sections]);
 
+  // Add keyboard listeners
+  useEffect(() => {
+    const keyboardDidShowListener = Keyboard.addListener(
+      'keyboardDidShow',
+      () => {
+        setIsKeyboardVisible(true);
+      }
+    );
+    const keyboardDidHideListener = Keyboard.addListener(
+      'keyboardDidHide',
+      () => {
+        setIsKeyboardVisible(false);
+      }
+    );
+
+    // Cleanup function
+    return () => {
+      keyboardDidShowListener.remove();
+      keyboardDidHideListener.remove();
+    };
+  }, []);
+
   if (nexPageFailed) {
     return (
       <View
@@ -397,6 +460,7 @@ export function ChatList({ onBack }: { onBack?: () => void }) {
             nextPageStatus.current = undefined;
             nextPage();
           }}
+          activeOpacity={activeOpacity}
         >
           <AppText
             localization="chat.load.error"
@@ -415,7 +479,11 @@ export function ChatList({ onBack }: { onBack?: () => void }) {
     <View
       style={[styles.container, { backgroundColor: themeColors.background }]}
     >
-      <TouchableOpacity style={[styles.iconContainer]} onPress={onBack}>
+      <TouchableOpacity
+        style={[styles.iconContainer]}
+        onPress={onBack}
+        activeOpacity={activeOpacity}
+      >
         <Image
           source={closeIcon}
           style={[styles.closeIcon, { tintColor: themeColors.text }]}
@@ -500,9 +568,11 @@ export function ChatList({ onBack }: { onBack?: () => void }) {
       </View>
       {isScrollingUp && (
         <TouchableOpacity
+          activeOpacity={activeOpacity}
           style={[
             styles.scrollDownButton,
-            { backgroundColor: themeColors.background },
+            { backgroundColor: themeColors.ghost },
+            isKeyboardVisible && styles.scrollDownButtonWithKeyboard,
           ]}
           onPress={() => scrollToBottom(true)}
         >
@@ -556,11 +626,12 @@ const styles = ScaledSheet.create({
   },
   scrollDownButton: {
     position: 'absolute',
-    right: '20@s',
+    right: 0,
     bottom: '15%',
-    borderRadius: '25@s',
-    paddingHorizontal: '10@s',
-    paddingVertical: '10@vs',
+    borderTopLeftRadius: '4@s',
+    borderBottomLeftRadius: '4@s',
+    paddingHorizontal: '14@s',
+    paddingVertical: '14@vs',
     shadowColor: '#000',
     shadowOffset: {
       width: 0,
@@ -570,9 +641,12 @@ const styles = ScaledSheet.create({
     shadowRadius: 3.84,
     elevation: 5,
   },
+  scrollDownButtonWithKeyboard: {
+    bottom: '30%',
+  },
   scrollUpIcon: {
-    width: '24@s',
-    height: '24@vs',
+    width: '18@vs',
+    height: '18@vs',
   },
   retryContainer: {
     flex: 1,

package/src/components/CustomAlert.tsx

@@ -4,6 +4,8 @@ import { useThemeColors } from '../hooks/useThemeColors';
 import { AppText } from './AppText';
 import type { LocalizationKeys } from '../types/LocalizationKeys';
 import { ScaledSheet } from './ScaledSheet';
+import { activeOpacity } from '../constants/activeOpacity';
+import { vs } from '../utils/scalingUtils';
 
 interface CustomPopupProps {
   isVisible: boolean;
@@ -34,13 +36,23 @@ function CustomPopup({
         <View
           style={[styles.popup, { backgroundColor: themeColors.background }]}
         >
-          <Image source={infoIcon} height={64} width={64} />
-          <AppText style={styles.title}>{title}</AppText>
-          <AppText style={[styles.description, { color: themeColors.navy }]}>
-            {description}
-          </AppText>
+          <Image
+            source={infoIcon}
+            height={vs(53)}
+            width={vs(53)}
+            style={styles.image}
+          />
+          <AppText
+            style={styles.title}
+            localization={title as keyof LocalizationKeys}
+          />
+          <AppText
+            style={[styles.description, { color: themeColors.navy }]}
+            localization={description as keyof LocalizationKeys}
+          />
           {onResendButton && (
             <TouchableOpacity
+              activeOpacity={activeOpacity}
               style={[
                 styles.buttonUp,
                 { backgroundColor: themeColors.dark_background },
@@ -54,6 +66,7 @@ function CustomPopup({
             </TouchableOpacity>
           )}
           <TouchableOpacity
+            activeOpacity={activeOpacity}
             style={[
               styles.buttonDown,
               { borderColor: themeColors.dark_background },
@@ -83,7 +96,8 @@ const styles = ScaledSheet.create({
     borderRadius: '20@s',
     overflow: 'hidden',
     alignItems: 'center',
-    paddingVertical: '20@vs',
+    paddingTop: '40@vs',
+    paddingBottom: '20@vs',
   },
   title: {
     marginVertical: '16@vs',
@@ -127,6 +141,10 @@ const styles = ScaledSheet.create({
     marginBottom: '12@vs',
     borderWidth: 1,
   },
+  image: {
+    width: '53@s',
+    height: '53@s',
+  },
 });
 
 export default React.memo(CustomPopup);

package/src/components/CustomerForm.tsx

@@ -16,6 +16,8 @@ import { useThemeColors } from '../hooks/useThemeColors';
 import CustomPopup from './CustomAlert';
 import { useState } from 'react';
 import { ScaledSheet } from './ScaledSheet';
+import type { LocalizationKeys } from '../types/LocalizationKeys';
+import { activeOpacity } from '../constants/activeOpacity';
 
 interface CustomerFormData {
   name: string;
@@ -109,6 +111,7 @@ export function CustomerForm({ onBack }: { onBack: () => void }) {
           ]}
         >
           <TouchableOpacity
+            activeOpacity={activeOpacity}
             style={[
               styles.iconContainer,
               { backgroundColor: themeColors.dark_background },
@@ -144,7 +147,7 @@ export function CustomerForm({ onBack }: { onBack: () => void }) {
                 },
               ]}
             >
-              {localize('customer.form.title')}
+              {localize('customer.form.name')}
             </AppText>
             <Controller
               control={control}
@@ -158,7 +161,7 @@ export function CustomerForm({ onBack }: { onBack: () => void }) {
                 <View
                   style={[
                     styles.inputContainer,
-                    { borderBottomColor: themeColors.gainsboro },
+                    { borderBottomColor: themeColors.ghost },
                   ]}
                 >
                   <TextInput
@@ -200,7 +203,7 @@ export function CustomerForm({ onBack }: { onBack: () => void }) {
                 <View
                   style={[
                     styles.inputContainer,
-                    { borderBottomColor: themeColors.gainsboro },
+                    { borderBottomColor: themeColors.ghost },
                   ]}
                 >
                   <TextInput
@@ -246,7 +249,7 @@ export function CustomerForm({ onBack }: { onBack: () => void }) {
                 <View
                   style={[
                     styles.inputContainer,
-                    { borderBottomColor: themeColors.gainsboro },
+                    { borderBottomColor: themeColors.ghost },
                   ]}
                 >
                   <TextInput
@@ -269,6 +272,7 @@ export function CustomerForm({ onBack }: { onBack: () => void }) {
             />
           </View>
           <TouchableOpacity
+            activeOpacity={activeOpacity}
             style={[
               styles.button,
               { backgroundColor: themeColors.dark_background },
@@ -291,9 +295,7 @@ export function CustomerForm({ onBack }: { onBack: () => void }) {
           setPopupVisible(false);
           setPopupContent({ title: '', description: '' });
         }}
-        onResendButton={() => {
-          setPopupVisible(false);
-        }}
+        buttonText={'customer.form.cancel' as keyof LocalizationKeys}
       />
     </Pressable>
   );
@@ -301,7 +303,8 @@ export function CustomerForm({ onBack }: { onBack: () => void }) {
 
 const styles = ScaledSheet.create({
   container: {
-    paddingBottom: '24@vs',
+    paddingBottom: '20@vs',
+    paddingTop: '40@vs',
     flex: 1,
     justifyContent: 'space-between',
   },
@@ -359,10 +362,11 @@ const styles = ScaledSheet.create({
   },
   title: {
     fontSize: '16@vs',
+    fontWeight: '500',
   },
   iconContainer: {
     paddingHorizontal: '20@s',
-    paddingVertical: '10@vs',
+    paddingVertical: '30@vs',
   },
   inputContainer: {
     flexDirection: 'row',

package/src/components/InitFailed.tsx

@@ -2,6 +2,7 @@ import { TouchableOpacity, View } from 'react-native';
 import { useThemeColors } from '../hooks/useThemeColors';
 import { AppText } from './AppText';
 import { ScaledSheet } from './ScaledSheet';
+import { activeOpacity } from '../constants/activeOpacity';
 
 interface InitFailedProps {
   setInitFailed: (value: boolean) => void;
@@ -15,6 +16,7 @@ export function InitFailed({ setInitFailed }: InitFailedProps) {
       style={[styles.container, { backgroundColor: themeColors.background }]}
     >
       <TouchableOpacity
+        activeOpacity={activeOpacity}
         style={[styles.retryButton, { backgroundColor: themeColors.primary }]}
         onPress={() => setInitFailed(false)}
       >

package/src/components/MessageInput.tsx

@@ -4,6 +4,8 @@ import { useState } from 'react';
 import { sendCustomerMessage } from '../api';
 import { useThemeColors } from '../hooks/useThemeColors';
 import { ScaledSheet } from './ScaledSheet';
+import { useLocalize } from '../hooks/useLocalize';
+import { activeOpacity } from '../constants/activeOpacity';
 
 const sendDark = require('../assets/arrow-right.png');
 
@@ -16,6 +18,7 @@ export function MessageInput({
   const [value, setValue] = useState('');
   const customer = useAppStore((s) => s.customer!);
   const themeColors = useThemeColors();
+  const localize = useLocalize();
 
   const sendMessage = () => {
     if (value.trim()) {
@@ -26,7 +29,7 @@ export function MessageInput({
           approved: false,
           content: value,
           created_at: date,
-          user: {
+          customer: {
             name: customer.name,
             profile_photo_url: null,
           },
@@ -51,7 +54,8 @@ export function MessageInput({
               alteredData[itemIndex] = {
                 id: res.message.id,
                 content: res.message.content,
-                user: res.message.user ?? alteredData[itemIndex]?.user,
+                customer:
+                  res.message.customer ?? alteredData[itemIndex]?.customer,
                 created_at: new Date(res.message.created_at),
                 approved: true,
               };
@@ -82,7 +86,7 @@ export function MessageInput({
                 content: alteredData[itemIndex]?.content ?? '',
                 created_at: alteredData[itemIndex]?.created_at ?? new Date(),
                 approved: alteredData[itemIndex]?.approved ?? false,
-                user: alteredData[itemIndex]?.user ?? null,
+                customer: alteredData[itemIndex]?.customer ?? null,
                 error: true,
               };
               useAppStore.setState({
@@ -114,23 +118,18 @@ export function MessageInput({
           {
             backgroundColor: themeColors.background,
             color: themeColors.text,
-            borderColor: themeColors.border,
+            borderColor: themeColors.silver,
           },
         ]}
-        placeholder="Type a message..."
+        placeholder={localize('chat.messageInput.placeholder')}
         placeholderTextColor={themeColors.text + '80'}
       />
       <TouchableOpacity
-        style={[
-          styles.sendButton,
-          { backgroundColor: themeColors.dark_background },
-        ]}
+        style={[styles.sendButton]}
         onPress={sendMessage}
+        activeOpacity={activeOpacity}
       >
-        <Image
-          style={[styles.sendIcon, { tintColor: themeColors.light_text }]}
-          source={sendDark}
-        />
+        <Image style={[styles.sendIcon]} source={sendDark} />
       </TouchableOpacity>
     </View>
   );
@@ -157,14 +156,14 @@ const styles = ScaledSheet.create({
     maxHeight: 190,
   },
   sendButton: {
-    width: '40@s',
+    width: '40@vs',
     height: '40@vs',
     borderRadius: '20@vs',
     justifyContent: 'center',
     alignItems: 'center',
   },
   sendIcon: {
-    width: '20@vs',
-    height: '20@vs',
+    width: '40@vs',
+    height: '40@vs',
   },
 });