@duffel/react-native-components-assistant 0.2.0 → 0.3.0

package/lib/module/index.js

@@ -8,6 +8,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 export const DuffelAssistant = ({
   isOpen,
   onClose,
+  onNewMessage,
   ...properties
 }) => {
   if (!hasJsonWebTokenFormat(properties.clientKey)) {
@@ -20,7 +21,12 @@ export const DuffelAssistant = ({
     children: /*#__PURE__*/_jsx(View, {
       style: styles.container,
       children: Platform.OS === 'ios' ? /*#__PURE__*/_jsx(WebView, {
-        injectedJavaScriptObject: properties,
+        injectedJavaScriptObject: properties
+        // When you are running this in development iOS doesn't allow request from hosts with invalid https certificates.
+        // If you try ngrok with the local esbuild server it will fail because ngrok requests in https and the dev server rejects http requests.
+        // Easiest solution is to use the production URL with test data.
+        // If that's not possible, you can also upload the assistant built assets to a different folder in assets.duffel and work with that.
+        ,
         source: {
           uri: 'https://assets.duffel.com/assistant/iframe.html'
         },
@@ -28,6 +34,17 @@ export const DuffelAssistant = ({
           if (event.nativeEvent.data === 'duffel-assistant-close') {
             onClose();
           }
+          try {
+            const parsedData = JSON.parse(event.nativeEvent.data);
+            if (parsedData.type === 'duffel-assistant-new-message' && typeof parsedData.userId === 'string' && typeof parsedData.resourceId === 'string' && onNewMessage !== undefined) {
+              onNewMessage({
+                userId: parsedData.userId,
+                resourceId: parsedData.resourceId
+              });
+            }
+          } catch (error) {
+            // do nothing, invalid JSON
+          }
         }
       }) : /*#__PURE__*/_jsx(WebView
       // Required for Android

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Modal","Platform","StyleSheet","View","WebView","hasJsonWebTokenFormat","jsx","_jsx","DuffelAssistant","isOpen","onClose","properties","clientKey","Error","visible","onRequestClose","animationType","children","style","styles","container","OS","injectedJavaScriptObject","source","uri","onMessage","event","nativeEvent","data","injectedJavaScript","JSON","stringify","create","height","width","paddingHorizontal","paddingTop","paddingBottom"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAEC,QAAQ,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAChE,SAASC,OAAO,QAAQ,sBAAsB;AAE9C,SAASC,qBAAqB,QAAQ,gCAA6B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAIpE,OAAO,MAAMC,eAA+C,GAAGA,CAAC;EAC9DC,MAAM;EACNC,OAAO;EACP,GAAGC;AACL,CAAC,KAAK;EACJ,IAAI,CAACN,qBAAqB,CAACM,UAAU,CAACC,SAAS,CAAC,EAAE;IAChD,MAAM,IAAIC,KAAK,CAAC,yDAAyD,CAAC;EAC5E;EAEA,oBACEN,IAAA,CAACP,KAAK;IACJc,OAAO,EAAEL,MAAO;IAChBM,cAAc,EAAEA,CAAA,KAAML,OAAO,CAAC,CAAE;IAChCM,aAAa,EAAC,OAAO;IAAAC,QAAA,eAErBV,IAAA,CAACJ,IAAI;MAACe,KAAK,EAAEC,MAAM,CAACC,SAAU;MAAAH,QAAA,EAC3BhB,QAAQ,CAACoB,EAAE,KAAK,KAAK,gBACpBd,IAAA,CAACH,OAAO;QACNkB,wBAAwB,EAAEX,UAAW;QACrCY,MAAM,EAAE;UAAEC,GAAG,EAAE;QAAkD,CAAE;QACnEC,SAAS,EAAGC,KAAK,IAAK;UACpB,IAAIA,KAAK,CAACC,WAAW,CAACC,IAAI,KAAK,wBAAwB,EAAE;YACvDlB,OAAO,CAAC,CAAC;UACX;QACF;MAAE,CACH,CAAC,gBAEFH,IAAA,CAACH;MACC;MAAA;QACAyB,kBAAkB,EAAE;AAChC;AACA;AACA;AACA,4BAA4BC,IAAI,CAACC,SAAS,CAACpB,UAAU,CAAC;AACtD;AACA;AACA;AACA,gBAAiB;QACLY,MAAM,EAAE;UAAEC,GAAG,EAAE;QAAkD,CAAE;QACnEC,SAAS,EAAGC,KAAK,IAAK;UACpB,IAAIA,KAAK,CAACC,WAAW,CAACC,IAAI,KAAK,wBAAwB,EAAE;YACvDlB,OAAO,CAAC,CAAC;UACX;QACF;MAAE,CACH;IACF,CACG;EAAC,CACF,CAAC;AAEZ,CAAC;AAED,MAAMS,MAAM,GAAGjB,UAAU,CAAC8B,MAAM,CAAC;EAC/BZ,SAAS,EAAE;IACTa,MAAM,EAAE,MAAM;IACdC,KAAK,EAAE,MAAM;IACbC,iBAAiB,EAAE,EAAE;IACrBC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Modal","Platform","StyleSheet","View","WebView","hasJsonWebTokenFormat","jsx","_jsx","DuffelAssistant","isOpen","onClose","onNewMessage","properties","clientKey","Error","visible","onRequestClose","animationType","children","style","styles","container","OS","injectedJavaScriptObject","source","uri","onMessage","event","nativeEvent","data","parsedData","JSON","parse","type","userId","resourceId","undefined","error","injectedJavaScript","stringify","create","height","width","paddingHorizontal","paddingTop","paddingBottom"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAEC,QAAQ,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAChE,SAASC,OAAO,QAAQ,sBAAsB;AAE9C,SAASC,qBAAqB,QAAQ,gCAA6B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAIpE,OAAO,MAAMC,eAA+C,GAAGA,CAAC;EAC9DC,MAAM;EACNC,OAAO;EACPC,YAAY;EACZ,GAAGC;AACL,CAAC,KAAK;EACJ,IAAI,CAACP,qBAAqB,CAACO,UAAU,CAACC,SAAS,CAAC,EAAE;IAChD,MAAM,IAAIC,KAAK,CAAC,yDAAyD,CAAC;EAC5E;EAEA,oBACEP,IAAA,CAACP,KAAK;IACJe,OAAO,EAAEN,MAAO;IAChBO,cAAc,EAAEA,CAAA,KAAMN,OAAO,CAAC,CAAE;IAChCO,aAAa,EAAC,OAAO;IAAAC,QAAA,eAErBX,IAAA,CAACJ,IAAI;MAACgB,KAAK,EAAEC,MAAM,CAACC,SAAU;MAAAH,QAAA,EAC3BjB,QAAQ,CAACqB,EAAE,KAAK,KAAK,gBACpBf,IAAA,CAACH,OAAO;QACNmB,wBAAwB,EAAEX;QAC1B;QACA;QACA;QACA;QAAA;QACAY,MAAM,EAAE;UAAEC,GAAG,EAAE;QAAkD,CAAE;QACnEC,SAAS,EAAGC,KAAK,IAAK;UACpB,IAAIA,KAAK,CAACC,WAAW,CAACC,IAAI,KAAK,wBAAwB,EAAE;YACvDnB,OAAO,CAAC,CAAC;UACX;UACA,IAAI;YACF,MAAMoB,UAAU,GAAGC,IAAI,CAACC,KAAK,CAACL,KAAK,CAACC,WAAW,CAACC,IAAI,CAAC;YACrD,IACEC,UAAU,CAACG,IAAI,KAAK,8BAA8B,IAClD,OAAOH,UAAU,CAACI,MAAM,KAAK,QAAQ,IACrC,OAAOJ,UAAU,CAACK,UAAU,KAAK,QAAQ,IACzCxB,YAAY,KAAKyB,SAAS,EAC1B;cACAzB,YAAY,CAAC;gBACXuB,MAAM,EAAEJ,UAAU,CAACI,MAAM;gBACzBC,UAAU,EAAEL,UAAU,CAACK;cACzB,CAAC,CAAC;YACJ;UACF,CAAC,CAAC,OAAOE,KAAK,EAAE;YACd;UAAA;QAEJ;MAAE,CACH,CAAC,gBAEF9B,IAAA,CAACH;MACC;MAAA;QACAkC,kBAAkB,EAAE;AAChC;AACA;AACA;AACA,4BAA4BP,IAAI,CAACQ,SAAS,CAAC3B,UAAU,CAAC;AACtD;AACA;AACA;AACA,gBAAiB;QACLY,MAAM,EAAE;UAAEC,GAAG,EAAE;QAAkD,CAAE;QACnEC,SAAS,EAAGC,KAAK,IAAK;UACpB,IAAIA,KAAK,CAACC,WAAW,CAACC,IAAI,KAAK,wBAAwB,EAAE;YACvDnB,OAAO,CAAC,CAAC;UACX;QACF;MAAE,CACH;IACF,CACG;EAAC,CACF,CAAC;AAEZ,CAAC;AAED,MAAMU,MAAM,GAAGlB,UAAU,CAACsC,MAAM,CAAC;EAC/BnB,SAAS,EAAE;IACToB,MAAM,EAAE,MAAM;IACdC,KAAK,EAAE,MAAM;IACbC,iBAAiB,EAAE,EAAE;IACrBC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -28,5 +28,15 @@ export interface DuffelAssistantProps {
      * @default undefined
      */
     issueType?: 'cancellation' | 'change' | 'other';
+    /**
+     * This callback is called when a new message is received from the Assistant.
+     * You can react to this to notify users that a new message has been received.
+     *
+     * @param eventPayload - The event payload containing the user ID and resource ID associated with the message.
+     */
+    onNewMessage?: (eventPayload: {
+        userId: string;
+        resourceId: string;
+    }) => void;
 }
 //# sourceMappingURL=DuffelAssistantProps.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"DuffelAssistantProps.d.ts","sourceRoot":"","sources":["../../../src/DuffelAssistantProps.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB;;;;;;OAMG;IACH,SAAS,EAAE,MAAM,CAAC;IAElB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;;OAIG;IACH,WAAW,CAAC,EAAE,SAAS,GAAG,YAAY,GAAG,aAAa,CAAC;IAEvD;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,cAAc,GAAG,QAAQ,GAAG,OAAO,CAAC;CACjD"}
+{"version":3,"file":"DuffelAssistantProps.d.ts","sourceRoot":"","sources":["../../../src/DuffelAssistantProps.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB;;;;;;OAMG;IACH,SAAS,EAAE,MAAM,CAAC;IAElB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;;OAIG;IACH,WAAW,CAAC,EAAE,SAAS,GAAG,YAAY,GAAG,aAAa,CAAC;IAEvD;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,cAAc,GAAG,QAAQ,GAAG,OAAO,CAAC;IAEhD;;;;;OAKG;IACH,YAAY,CAAC,EAAE,CAAC,YAAY,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,UAAU,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CAC/E"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,KAAK,oBAAoB,IAAI,4BAA4B,EAAE,MAAM,wBAAwB,CAAC;AAGnG,MAAM,MAAM,oBAAoB,GAAG,4BAA4B,CAAC;AAEhE,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAiD1D,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,KAAK,oBAAoB,IAAI,4BAA4B,EAAE,MAAM,wBAAwB,CAAC;AAGnG,MAAM,MAAM,oBAAoB,GAAG,4BAA4B,CAAC;AAEhE,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAsE1D,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@duffel/react-native-components-assistant",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "description": "Duffel Assistant component in React Native",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",
@@ -33,7 +33,7 @@
   ],
   "scripts": {
     "example": "yarn workspace duffel-react-native-components-assistant-example",
-    "test": "jest",
+    "test": "jest --passWithNoTests",
     "typecheck": "tsc",
     "lint": "eslint \"**/*.{js,ts,tsx}\"",
     "clean": "del-cli lib",
@@ -76,10 +76,10 @@
     "eslint-plugin-prettier": "^5.2.3",
     "jest": "^29.7.0",
     "prettier": "^3.0.3",
-    "react": "19.0.0",
-    "react-native": "0.79.5",
+    "react": "19.1.0",
+    "react-native": "0.81.5",
     "react-native-builder-bob": "^0.40.12",
-    "react-native-webview": "^13.16.0",
+    "react-native-webview": "13.15.0",
     "release-it": "^17.10.0",
     "typescript": "^5.8.3"
   },
@@ -152,5 +152,8 @@
     "languages": "js",
     "type": "library",
     "version": "0.51.1"
+  },
+  "dependencies": {
+    "expo": "^54.0.0"
   }
 }

package/src/DuffelAssistantProps.ts

@@ -32,4 +32,12 @@ export interface DuffelAssistantProps {
    * @default undefined
    */
   issueType?: 'cancellation' | 'change' | 'other';
+
+  /**
+   * This callback is called when a new message is received from the Assistant.
+   * You can react to this to notify users that a new message has been received.
+   *
+   * @param eventPayload - The event payload containing the user ID and resource ID associated with the message.
+   */
+  onNewMessage?: (eventPayload: { userId: string; resourceId: string }) => void;
 }

package/src/index.tsx

@@ -9,6 +9,7 @@ export type DuffelAssistantProps = DuffelAssistantPropsImported;
 export const DuffelAssistant: React.FC<DuffelAssistantProps> = ({
   isOpen,
   onClose,
+  onNewMessage,
   ...properties
 }) => {
   if (!hasJsonWebTokenFormat(properties.clientKey)) {
@@ -25,11 +26,31 @@ export const DuffelAssistant: React.FC<DuffelAssistantProps> = ({
         {Platform.OS === 'ios' ? (
           <WebView
             injectedJavaScriptObject={properties}
+            // When you are running this in development iOS doesn't allow request from hosts with invalid https certificates.
+            // If you try ngrok with the local esbuild server it will fail because ngrok requests in https and the dev server rejects http requests.
+            // Easiest solution is to use the production URL with test data.
+            // If that's not possible, you can also upload the assistant built assets to a different folder in assets.duffel and work with that.
             source={{ uri: 'https://assets.duffel.com/assistant/iframe.html' }}
             onMessage={(event) => {
               if (event.nativeEvent.data === 'duffel-assistant-close') {
                 onClose();
               }
+              try {
+                const parsedData = JSON.parse(event.nativeEvent.data);
+                if (
+                  parsedData.type === 'duffel-assistant-new-message' &&
+                  typeof parsedData.userId === 'string' &&
+                  typeof parsedData.resourceId === 'string' &&
+                  onNewMessage !== undefined
+                ) {
+                  onNewMessage({
+                    userId: parsedData.userId,
+                    resourceId: parsedData.resourceId,
+                  });
+                }
+              } catch (error) {
+                // do nothing, invalid JSON
+              }
             }}
           />
         ) : (