connect-x-reactnative-livechat-sdk 0.2.0 → 1.2.0

package/src/api.ts

@@ -1,5 +1,5 @@
-export const BASE_URL_LIVE_CHAT =
-  'https://df99-2001-44c8-4287-b85c-2407-5b2-9e79-9451.ngrok-free.app'; //'https://live-chat.connect-x.tech';
+export const BASE_URL_LIVE_CHAT = 'https://live-chat.connect-x.tech';
+//'https://2ab8-2405-9800-b860-ae9a-952e-2b0-91fa-fc25.ngrok-free.app'; // 'http://34.171.125.219'; //'https://live-chat.connect-x.tech';
 const BASE_URL_TRACKING = 'https://tracking.connect-x.tech';
 export const apiGet = async (path: string, token: string) => {
   console.log(`GET ${BASE_URL_LIVE_CHAT}/connectx/api/${path}`);

package/src/assets/send.tsx

@@ -0,0 +1,28 @@
+import Svg, { ClipPath, Defs, G, Path, Rect } from 'react-native-svg';
+const SendIcon = ({
+  size,
+  backgroundColor,
+  iconColor,
+}: {
+  size: number;
+  backgroundColor: string;
+  iconColor: string;
+}) => (
+  <Svg width={size} height={size} viewBox="0 0 32 32" fill="none">
+    <Rect width={32} height={32} rx={16} fill={backgroundColor} />
+    <Defs>
+      <ClipPath id="clip0_4087_14448">
+        <Rect width={20} height={20} fill="white" transform="translate(6 6)" />
+      </ClipPath>
+    </Defs>
+    <G clipPath="url(#clip0_4087_14448)">
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M20.9918 11.0084L10.4985 14.8026L13.9943 16.826L17.0768 13.7426C17.2332 13.5864 17.4452 13.4986 17.6663 13.4987C17.8874 13.4988 18.0993 13.5867 18.2556 13.743C18.4118 13.8994 18.4996 14.1114 18.4995 14.3325C18.4994 14.5536 18.4115 14.7655 18.2552 14.9218L15.1718 18.0051L17.1968 21.5001L20.9918 11.0084ZM21.261 9.13845C22.2568 8.77762 23.2218 9.74262 22.861 10.7384L18.4593 22.9093C18.0977 23.9076 16.7343 24.0293 16.2018 23.1101L13.521 18.4784L8.88934 15.7976C7.97018 15.2651 8.09184 13.9018 9.09018 13.5401L21.261 9.13845Z"
+        fill={iconColor}
+      />
+    </G>
+  </Svg>
+);
+export default SendIcon;

package/src/index.tsx

@@ -8,7 +8,13 @@ export function multiply(a: number, b: number): number {
 }
 
 type EventType = 'show' | 'hide';
-type ShowPayload = { token: string; orgId: string; channelId: string };
+type ShowPayload = {
+  token: string;
+  orgId: string;
+  channelId: string;
+  externalValue: string;
+  customHeader?: React.ReactNode;
+};
 
 // Event Emitter ที่รองรับการส่งข้อมูล
 const chatEventEmitter = {
@@ -68,6 +74,8 @@ export const ChatProvider = ({ children }: { children: ReactNode }) => {
             token={configRef.current.token}
             orgId={configRef.current.orgId}
             channelId={configRef.current.channelId}
+            externalValue={configRef.current.externalValue}
+            customHeader={configRef.current.customHeader}
           />
         )}
       </Modal>