@duffel/react-native-components-assistant 0.5.2-canary.0 → 0.6.0

package/lib/module/DuffelAssistantForAndroid.js

@@ -0,0 +1,102 @@
+"use strict";
+
+import React, { useEffect, useState } from 'react';
+import { Keyboard, Linking, Modal, StyleSheet, View } from 'react-native';
+import { WebView } from 'react-native-webview';
+import { assistantIframeUrl } from "./lib/assistantIframeUrl.js";
+import { isAssistantIframeUrl } from "./lib/isAssistantIframeUrl.js";
+import { isHttpUrl } from "./lib/isHttpUrl.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const DuffelAssistantForAndroid = ({
+  isOpen,
+  onClose,
+  onNewMessage,
+  ...properties
+}) => {
+  const [androidKeyboardHeight, setAndroidKeyboardHeight] = useState(0);
+  useEffect(() => {
+    if (!isOpen) {
+      setAndroidKeyboardHeight(0);
+      return;
+    }
+    const keyboardDidShowSubscription = Keyboard.addListener('keyboardDidShow', event => {
+      setAndroidKeyboardHeight(event.endCoordinates?.height ?? 0);
+    });
+    const keyboardDidHideSubscription = Keyboard.addListener('keyboardDidHide', () => {
+      setAndroidKeyboardHeight(0);
+    });
+    return () => {
+      keyboardDidShowSubscription.remove();
+      keyboardDidHideSubscription.remove();
+    };
+  }, [isOpen]);
+  const handleMessage = event => {
+    if (event.nativeEvent.data === 'duffel-assistant-close') {
+      onClose();
+    }
+    if (typeof properties.onMinimise === 'function' && event.nativeEvent.data === 'duffel-assistant-minimise') {
+      properties.onMinimise();
+    }
+    try {
+      const parsedData = JSON.parse(event.nativeEvent.data);
+      if (parsedData.type === 'duffel-assistant-new-message' && typeof parsedData.userId === 'string' && typeof parsedData.resourceId === 'string' && typeof onNewMessage === 'function') {
+        onNewMessage({
+          userId: parsedData.userId,
+          resourceId: parsedData.resourceId
+        });
+      }
+    } catch (error) {
+      // do nothing, invalid JSON
+    }
+  };
+  const handleShouldStartLoadWithRequest = request => {
+    if (!isHttpUrl(request.url) || isAssistantIframeUrl(request.url)) {
+      return true;
+    }
+    Linking.openURL(request.url).catch(() => {});
+    return false;
+  };
+  return /*#__PURE__*/_jsx(Modal, {
+    visible: isOpen,
+    onRequestClose: () => onClose(),
+    animationType: "slide",
+    children: /*#__PURE__*/_jsx(View, {
+      style: [styles.androidContainer, {
+        paddingBottom: 15 + androidKeyboardHeight
+      }],
+      children: /*#__PURE__*/_jsx(WebView
+      // Required for Android
+      , {
+        injectedJavaScript: `
+          postMessage(
+            {
+              type: "duffel-assistant-open",
+              properties: ${JSON.stringify(properties)},
+            },
+            "*",
+            );
+          true;`,
+        source: {
+          uri: assistantIframeUrl
+        },
+        onMessage: handleMessage,
+        onShouldStartLoadWithRequest: handleShouldStartLoadWithRequest
+        // Always fetch the latest assistant bundle. The iframe.html shell
+        // references `./iframe-app.js` by a stable path, so without this
+        // the system WebView can serve a stale bundle for a long time.
+        ,
+        cacheEnabled: false,
+        cacheMode: "LOAD_NO_CACHE"
+      })
+    })
+  });
+};
+const styles = StyleSheet.create({
+  androidContainer: {
+    flex: 1,
+    width: '100%',
+    paddingTop: 45,
+    paddingBottom: 15
+  }
+});
+//# sourceMappingURL=DuffelAssistantForAndroid.js.map

package/lib/module/DuffelAssistantForAndroid.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useState","Keyboard","Linking","Modal","StyleSheet","View","WebView","assistantIframeUrl","isAssistantIframeUrl","isHttpUrl","jsx","_jsx","DuffelAssistantForAndroid","isOpen","onClose","onNewMessage","properties","androidKeyboardHeight","setAndroidKeyboardHeight","keyboardDidShowSubscription","addListener","event","endCoordinates","height","keyboardDidHideSubscription","remove","handleMessage","nativeEvent","data","onMinimise","parsedData","JSON","parse","type","userId","resourceId","error","handleShouldStartLoadWithRequest","request","url","openURL","catch","visible","onRequestClose","animationType","children","style","styles","androidContainer","paddingBottom","injectedJavaScript","stringify","source","uri","onMessage","onShouldStartLoadWithRequest","cacheEnabled","cacheMode","create","flex","width","paddingTop"],"sourceRoot":"../../src","sources":["DuffelAssistantForAndroid.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAClD,SAASC,QAAQ,EAAEC,OAAO,EAAEC,KAAK,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AACzE,SAASC,OAAO,QAAQ,sBAAsB;AAE9C,SAASC,kBAAkB,QAAQ,6BAA0B;AAC7D,SAASC,oBAAoB,QAAQ,+BAA4B;AACjE,SAASC,SAAS,QAAQ,oBAAiB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAI5C,OAAO,MAAMC,yBAAyD,GAAGA,CAAC;EACxEC,MAAM;EACNC,OAAO;EACPC,YAAY;EACZ,GAAGC;AACL,CAAC,KAAK;EACJ,MAAM,CAACC,qBAAqB,EAAEC,wBAAwB,CAAC,GAAGlB,QAAQ,CAAC,CAAC,CAAC;EAErED,SAAS,CAAC,MAAM;IACd,IAAI,CAACc,MAAM,EAAE;MACXK,wBAAwB,CAAC,CAAC,CAAC;MAC3B;IACF;IAEA,MAAMC,2BAA2B,GAAGlB,QAAQ,CAACmB,WAAW,CACtD,iBAAiB,EAChBC,KAAK,IAAK;MACTH,wBAAwB,CAACG,KAAK,CAACC,cAAc,EAAEC,MAAM,IAAI,CAAC,CAAC;IAC7D,CACF,CAAC;IACD,MAAMC,2BAA2B,GAAGvB,QAAQ,CAACmB,WAAW,CACtD,iBAAiB,EACjB,MAAM;MACJF,wBAAwB,CAAC,CAAC,CAAC;IAC7B,CACF,CAAC;IAED,OAAO,MAAM;MACXC,2BAA2B,CAACM,MAAM,CAAC,CAAC;MACpCD,2BAA2B,CAACC,MAAM,CAAC,CAAC;IACtC,CAAC;EACH,CAAC,EAAE,CAACZ,MAAM,CAAC,CAAC;EAEZ,MAAMa,aAAa,GAAIL,KAA0B,IAAK;IACpD,IAAIA,KAAK,CAACM,WAAW,CAACC,IAAI,KAAK,wBAAwB,EAAE;MACvDd,OAAO,CAAC,CAAC;IACX;IAEA,IACE,OAAOE,UAAU,CAACa,UAAU,KAAK,UAAU,IAC3CR,KAAK,CAACM,WAAW,CAACC,IAAI,KAAK,2BAA2B,EACtD;MACAZ,UAAU,CAACa,UAAU,CAAC,CAAC;IACzB;IAEA,IAAI;MACF,MAAMC,UAAU,GAAGC,IAAI,CAACC,KAAK,CAACX,KAAK,CAACM,WAAW,CAACC,IAAI,CAAC;MAErD,IACEE,UAAU,CAACG,IAAI,KAAK,8BAA8B,IAClD,OAAOH,UAAU,CAACI,MAAM,KAAK,QAAQ,IACrC,OAAOJ,UAAU,CAACK,UAAU,KAAK,QAAQ,IACzC,OAAOpB,YAAY,KAAK,UAAU,EAClC;QACAA,YAAY,CAAC;UACXmB,MAAM,EAAEJ,UAAU,CAACI,MAAM;UACzBC,UAAU,EAAEL,UAAU,CAACK;QACzB,CAAC,CAAC;MACJ;IACF,CAAC,CAAC,OAAOC,KAAK,EAAE;MACd;IAAA;EAEJ,CAAC;EAED,MAAMC,gCAAgC,GACpCC,OAA+B,IAC5B;IACH,IAAI,CAAC7B,SAAS,CAAC6B,OAAO,CAACC,GAAG,CAAC,IAAI/B,oBAAoB,CAAC8B,OAAO,CAACC,GAAG,CAAC,EAAE;MAChE,OAAO,IAAI;IACb;IAEArC,OAAO,CAACsC,OAAO,CAACF,OAAO,CAACC,GAAG,CAAC,CAACE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;IAE5C,OAAO,KAAK;EACd,CAAC;EAED,oBACE9B,IAAA,CAACR,KAAK;IACJuC,OAAO,EAAE7B,MAAO;IAChB8B,cAAc,EAAEA,CAAA,KAAM7B,OAAO,CAAC,CAAE;IAChC8B,aAAa,EAAC,OAAO;IAAAC,QAAA,eAErBlC,IAAA,CAACN,IAAI;MACHyC,KAAK,EAAE,CACLC,MAAM,CAACC,gBAAgB,EACvB;QAAEC,aAAa,EAAE,EAAE,GAAGhC;MAAsB,CAAC,CAC7C;MAAA4B,QAAA,eAEFlC,IAAA,CAACL;MACC;MAAA;QACA4C,kBAAkB,EAAE;AAC9B;AACA;AACA;AACA,4BAA4BnB,IAAI,CAACoB,SAAS,CAACnC,UAAU,CAAC;AACtD;AACA;AACA;AACA,gBAAiB;QACPoC,MAAM,EAAE;UAAEC,GAAG,EAAE9C;QAAmB,CAAE;QACpC+C,SAAS,EAAE5B,aAAc;QACzB6B,4BAA4B,EAAElB;QAC9B;QACA;QACA;QAAA;QACAmB,YAAY,EAAE,KAAM;QACpBC,SAAS,EAAC;MAAe,CAC1B;IAAC,CACE;EAAC,CACF,CAAC;AAEZ,CAAC;AAED,MAAMV,MAAM,GAAG3C,UAAU,CAACsD,MAAM,CAAC;EAC/BV,gBAAgB,EAAE;IAChBW,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,MAAM;IACbC,UAAU,EAAE,EAAE;IACdZ,aAAa,EAAE;EACjB;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/DuffelAssistantForiOS.js

@@ -0,0 +1,85 @@
+"use strict";
+
+import React from 'react';
+import { KeyboardAvoidingView, Linking, Modal, StyleSheet } from 'react-native';
+import { WebView } from 'react-native-webview';
+import { assistantIframeUrl } from "./lib/assistantIframeUrl.js";
+import { isAssistantIframeUrl } from "./lib/isAssistantIframeUrl.js";
+import { isHttpUrl } from "./lib/isHttpUrl.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const DuffelAssistantForiOS = ({
+  isOpen,
+  onClose,
+  onNewMessage,
+  ...properties
+}) => {
+  const handleMessage = event => {
+    if (event.nativeEvent.data === 'duffel-assistant-close') {
+      onClose();
+    }
+    if (typeof properties.onMinimise === 'function' && event.nativeEvent.data === 'duffel-assistant-minimise') {
+      properties.onMinimise();
+    }
+    try {
+      const parsedData = JSON.parse(event.nativeEvent.data);
+      if (parsedData.type === 'duffel-assistant-new-message' && typeof parsedData.userId === 'string' && typeof parsedData.resourceId === 'string' && typeof onNewMessage === 'function') {
+        onNewMessage({
+          userId: parsedData.userId,
+          resourceId: parsedData.resourceId
+        });
+      }
+    } catch (error) {
+      // do nothing, invalid JSON
+    }
+  };
+  const handleShouldStartLoadWithRequest = request => {
+    if (!isHttpUrl(request.url) || isAssistantIframeUrl(request.url)) {
+      return true;
+    }
+    if (request.navigationType !== 'click') {
+      return true;
+    }
+    Linking.openURL(request.url).catch(() => {});
+    return false;
+  };
+  return /*#__PURE__*/_jsx(Modal, {
+    visible: isOpen,
+    onRequestClose: () => onClose(),
+    animationType: "slide",
+    children: /*#__PURE__*/_jsx(KeyboardAvoidingView, {
+      behavior: "padding",
+      style: styles.container,
+      children: /*#__PURE__*/_jsx(WebView, {
+        style: styles.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: assistantIframeUrl
+        },
+        onMessage: handleMessage,
+        onShouldStartLoadWithRequest: handleShouldStartLoadWithRequest
+        // Always fetch the latest assistant bundle. The iframe.html shell
+        // references `./iframe-app.js` by a stable path, so without this
+        // the system WebView can serve a stale bundle for a long time.
+        ,
+        cacheEnabled: false
+      })
+    })
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    height: '100%',
+    width: '100%',
+    paddingHorizontal: 12,
+    paddingTop: 50
+  },
+  webView: {
+    paddingBottom: 7
+  }
+});
+//# sourceMappingURL=DuffelAssistantForiOS.js.map

package/lib/module/DuffelAssistantForiOS.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","KeyboardAvoidingView","Linking","Modal","StyleSheet","WebView","assistantIframeUrl","isAssistantIframeUrl","isHttpUrl","jsx","_jsx","DuffelAssistantForiOS","isOpen","onClose","onNewMessage","properties","handleMessage","event","nativeEvent","data","onMinimise","parsedData","JSON","parse","type","userId","resourceId","error","handleShouldStartLoadWithRequest","request","url","navigationType","openURL","catch","visible","onRequestClose","animationType","children","behavior","style","styles","container","webView","injectedJavaScriptObject","source","uri","onMessage","onShouldStartLoadWithRequest","cacheEnabled","create","height","width","paddingHorizontal","paddingTop","paddingBottom"],"sourceRoot":"../../src","sources":["DuffelAssistantForiOS.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/index.js

@@ -1,51 +1,17 @@
 "use strict";
 
-import React, { useEffect, useState } from 'react';
-import { Keyboard, Linking, Modal, Platform, StyleSheet, View } from 'react-native';
-import { WebView } from 'react-native-webview';
+import React from 'react';
+import { Platform } from 'react-native';
+import { DuffelAssistantForAndroid } from "./DuffelAssistantForAndroid.js";
+import { DuffelAssistantForiOS } from "./DuffelAssistantForiOS.js";
 import { hasJsonWebTokenFormat } from "./lib/hasJsonWebTokenFormat.js";
 import { getClientKeyPayload } from "./lib/getClientKeyPayload.js";
 import { jsx as _jsx } from "react/jsx-runtime";
-const assistantIframeUrl = 'https://assets.duffel.com/assistant/iframe.html';
-const isHttpUrl = url => /^https?:\/\//.test(url);
-const isAssistantIframeUrl = url => {
-  try {
-    const parsedUrl = new URL(url);
-    return `${parsedUrl.origin}${parsedUrl.pathname}` === assistantIframeUrl;
-  } catch (error) {
-    return false;
-  }
-};
-export const DuffelAssistant = ({
-  isOpen,
-  onClose,
-  onNewMessage,
-  ...properties
-}) => {
-  const [androidKeyboardHeight, setAndroidKeyboardHeight] = useState(0);
-  useEffect(() => {
-    if (Platform.OS !== 'android') {
-      return;
-    }
-    if (!isOpen) {
-      setAndroidKeyboardHeight(0);
-      return;
-    }
-    const keyboardDidShowSubscription = Keyboard.addListener('keyboardDidShow', event => {
-      setAndroidKeyboardHeight(event.endCoordinates?.height ?? 0);
-    });
-    const keyboardDidHideSubscription = Keyboard.addListener('keyboardDidHide', () => {
-      setAndroidKeyboardHeight(0);
-    });
-    return () => {
-      keyboardDidShowSubscription.remove();
-      keyboardDidHideSubscription.remove();
-    };
-  }, [isOpen]);
-  if (!hasJsonWebTokenFormat(properties.clientKey)) {
+export const DuffelAssistant = props => {
+  if (!hasJsonWebTokenFormat(props.clientKey)) {
     throw new Error('Duffel Assistant client key format must be a valid JWT.');
   }
-  const clientKeyPayload = getClientKeyPayload(properties.clientKey);
+  const clientKeyPayload = getClientKeyPayload(props.clientKey);
   if (!clientKeyPayload) {
     throw new Error('The client key property is invalid. A client key must follow the JWT format.');
   }
@@ -53,127 +19,32 @@ export const DuffelAssistant = ({
   if (!('user_id' in clientKeyPayload)) {
     throw new Error('The client key in the props does not include a user_id. Make sure a user_id is included in the payload of the client key creation.');
   }
-  if (typeof properties.issueType !== 'undefined') {
+  if (typeof props.issueType !== 'undefined') {
     console.warn('The issueType prop has been deprecated and will no longer be supported in the future. Please use the context prop instead.');
   }
-  if (!clientKeyIncludesResource && typeof properties.issueType !== 'undefined') {
+  const sanitizedProps = {
+    ...props
+  };
+  if (!clientKeyIncludesResource && typeof sanitizedProps.issueType !== 'undefined') {
     console.warn('The issueType prop is only supported when the client key includes a resource id, it will be ignored.');
-    delete properties.issueType;
+    delete sanitizedProps.issueType;
   }
-  if (!clientKeyIncludesResource && properties.context) {
+  if (!clientKeyIncludesResource && sanitizedProps.context) {
     throw new Error('The context prop is only supported when the client key includes a resource id.');
   }
-  if (typeof properties.supportChannels !== 'undefined' && properties.supportChannels.chat !== true) {
-    throw new Error('The supportChannels prop must keep chat enabled. Phone-only support isn’t offered.');
+  if (typeof sanitizedProps.supportChannels !== 'undefined' && sanitizedProps.supportChannels.chat !== true) {
+    throw new Error("The supportChannels prop must keep chat enabled. Phone-only support isn't offered.");
   }
-  if (properties.showMinimiseButton && typeof properties.onMinimise !== 'function') {
+  if (sanitizedProps.showMinimiseButton && typeof sanitizedProps.onMinimise !== 'function') {
     console.warn('The showMinimiseButton prop is set to true, but the onMinimise callback is not provided. Make sure to listen to the onMinimise callback to handle the minimisation of the Assistant.');
   }
-  const handleMessage = event => {
-    if (event.nativeEvent.data === 'duffel-assistant-close') {
-      onClose();
-    }
-    if (typeof properties.onMinimise === 'function' && event.nativeEvent.data === 'duffel-assistant-minimise') {
-      properties.onMinimise();
-    }
-    try {
-      const parsedData = JSON.parse(event.nativeEvent.data);
-      if (parsedData.type === 'duffel-assistant-new-message' && typeof parsedData.userId === 'string' && typeof parsedData.resourceId === 'string' && typeof onNewMessage === 'function') {
-        onNewMessage({
-          userId: parsedData.userId,
-          resourceId: parsedData.resourceId
-        });
-      }
-    } catch (error) {
-      // do nothing, invalid JSON
-    }
-  };
-  const handleShouldStartLoadWithRequest = request => {
-    if (!isHttpUrl(request.url) || isAssistantIframeUrl(request.url)) {
-      return true;
-    }
-    if (Platform.OS === 'ios' && request.navigationType !== 'click') {
-      return true;
-    }
-    Linking.openURL(request.url).catch(() => {});
-    return false;
-  };
   if (Platform.OS === 'android') {
-    return /*#__PURE__*/_jsx(Modal, {
-      visible: isOpen,
-      onRequestClose: () => onClose(),
-      animationType: "slide",
-      children: /*#__PURE__*/_jsx(View, {
-        style: [styles.androidContainer, {
-          paddingBottom: 15 + androidKeyboardHeight
-        }],
-        children: /*#__PURE__*/_jsx(WebView
-        // Required for Android
-        , {
-          injectedJavaScript: `
-          postMessage(
-            {
-              type: "duffel-assistant-open",
-              properties: ${JSON.stringify(properties)},
-            },
-            "*",
-            );
-          true;`,
-          source: {
-            uri: assistantIframeUrl
-          },
-          onMessage: handleMessage,
-          onShouldStartLoadWithRequest: handleShouldStartLoadWithRequest
-          // Always fetch the latest assistant bundle. The iframe.html shell
-          // references `./iframe-app.js` by a stable path, so without this
-          // the system WebView can serve a stale bundle for a long time.
-          ,
-          cacheEnabled: false,
-          cacheMode: "LOAD_NO_CACHE"
-        })
-      })
+    return /*#__PURE__*/_jsx(DuffelAssistantForAndroid, {
+      ...sanitizedProps
     });
   }
-  return /*#__PURE__*/_jsx(Modal, {
-    visible: isOpen,
-    onRequestClose: () => onClose(),
-    animationType: "slide",
-    children: /*#__PURE__*/_jsx(View, {
-      style: styles.container,
-      children: /*#__PURE__*/_jsx(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: assistantIframeUrl
-        },
-        onMessage: handleMessage,
-        onShouldStartLoadWithRequest: handleShouldStartLoadWithRequest
-        // Always fetch the latest assistant bundle. The iframe.html shell
-        // references `./iframe-app.js` by a stable path, so without this
-        // the system WebView can serve a stale bundle for a long time.
-        ,
-        cacheEnabled: false
-      })
-    })
+  return /*#__PURE__*/_jsx(DuffelAssistantForiOS, {
+    ...sanitizedProps
   });
 };
-const styles = StyleSheet.create({
-  container: {
-    height: '100%',
-    width: '100%',
-    paddingHorizontal: 12,
-    paddingTop: 50,
-    paddingBottom: 30
-  },
-  androidContainer: {
-    flex: 1,
-    width: '100%',
-    paddingTop: 45,
-    paddingBottom: 15
-  }
-});
 //# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useState","Keyboard","Linking","Modal","Platform","StyleSheet","View","WebView","hasJsonWebTokenFormat","getClientKeyPayload","jsx","_jsx","assistantIframeUrl","isHttpUrl","url","test","isAssistantIframeUrl","parsedUrl","URL","origin","pathname","error","DuffelAssistant","isOpen","onClose","onNewMessage","properties","androidKeyboardHeight","setAndroidKeyboardHeight","OS","keyboardDidShowSubscription","addListener","event","endCoordinates","height","keyboardDidHideSubscription","remove","clientKey","Error","clientKeyPayload","clientKeyIncludesResource","order_id","undefined","booking_id","cars_booking_id","issueType","console","warn","context","supportChannels","chat","showMinimiseButton","onMinimise","handleMessage","nativeEvent","data","parsedData","JSON","parse","type","userId","resourceId","handleShouldStartLoadWithRequest","request","navigationType","openURL","catch","visible","onRequestClose","animationType","children","style","styles","androidContainer","paddingBottom","injectedJavaScript","stringify","source","uri","onMessage","onShouldStartLoadWithRequest","cacheEnabled","cacheMode","container","injectedJavaScriptObject","create","width","paddingHorizontal","paddingTop","flex"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Platform","DuffelAssistantForAndroid","DuffelAssistantForiOS","hasJsonWebTokenFormat","getClientKeyPayload","jsx","_jsx","DuffelAssistant","props","clientKey","Error","clientKeyPayload","clientKeyIncludesResource","order_id","undefined","booking_id","cars_booking_id","issueType","console","warn","sanitizedProps","context","supportChannels","chat","showMinimiseButton","onMinimise","OS"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,QAAQ,cAAc;AAEvC,SAASC,yBAAyB,QAAQ,gCAA6B;AACvE,SAASC,qBAAqB,QAAQ,4BAAyB;AAC/D,SAASC,qBAAqB,QAAQ,gCAA6B;AACnE,SAASC,mBAAmB,QAAQ,8BAA2B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAIhE,OAAO,MAAMC,eAA+C,GAAIC,KAAK,IAAK;EACxE,IAAI,CAACL,qBAAqB,CAACK,KAAK,CAACC,SAAS,CAAC,EAAE;IAC3C,MAAM,IAAIC,KAAK,CAAC,yDAAyD,CAAC;EAC5E;EAEA,MAAMC,gBAAgB,GAAGP,mBAAmB,CAACI,KAAK,CAACC,SAAS,CAAC;EAC7D,IAAI,CAACE,gBAAgB,EAAE;IACrB,MAAM,IAAID,KAAK,CACb,8EACF,CAAC;EACH;EAEA,MAAME,yBAAyB,GAC7BD,gBAAgB,CAACE,QAAQ,KAAKC,SAAS,IACvCH,gBAAgB,CAACI,UAAU,KAAKD,SAAS,IACzCH,gBAAgB,CAACK,eAAe,KAAKF,SAAS;EAEhD,IAAI,EAAE,SAAS,IAAIH,gBAAgB,CAAC,EAAE;IACpC,MAAM,IAAID,KAAK,CACb,oIACF,CAAC;EACH;EAEA,IAAI,OAAOF,KAAK,CAACS,SAAS,KAAK,WAAW,EAAE;IAC1CC,OAAO,CAACC,IAAI,CACV,4HACF,CAAC;EACH;EAEA,MAAMC,cAAoC,GAAG;IAAE,GAAGZ;EAAM,CAAC;EAEzD,IACE,CAACI,yBAAyB,IAC1B,OAAOQ,cAAc,CAACH,SAAS,KAAK,WAAW,EAC/C;IACAC,OAAO,CAACC,IAAI,CACV,sGACF,CAAC;IACD,OAAOC,cAAc,CAACH,SAAS;EACjC;EAEA,IAAI,CAACL,yBAAyB,IAAIQ,cAAc,CAACC,OAAO,EAAE;IACxD,MAAM,IAAIX,KAAK,CACb,gFACF,CAAC;EACH;EAEA,IACE,OAAOU,cAAc,CAACE,eAAe,KAAK,WAAW,IACrDF,cAAc,CAACE,eAAe,CAACC,IAAI,KAAK,IAAI,EAC5C;IACA,MAAM,IAAIb,KAAK,CACb,oFACF,CAAC;EACH;EAEA,IACEU,cAAc,CAACI,kBAAkB,IACjC,OAAOJ,cAAc,CAACK,UAAU,KAAK,UAAU,EAC/C;IACAP,OAAO,CAACC,IAAI,CACV,sLACF,CAAC;EACH;EAEA,IAAInB,QAAQ,CAAC0B,EAAE,KAAK,SAAS,EAAE;IAC7B,oBAAOpB,IAAA,CAACL,yBAAyB;MAAA,GAAKmB;IAAc,CAAG,CAAC;EAC1D;EAEA,oBAAOd,IAAA,CAACJ,qBAAqB;IAAA,GAAKkB;EAAc,CAAG,CAAC;AACtD,CAAC","ignoreList":[]}

package/lib/module/lib/ShouldStartLoadRequest.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=ShouldStartLoadRequest.js.map

package/lib/module/lib/ShouldStartLoadRequest.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["lib/ShouldStartLoadRequest.ts"],"mappings":"","ignoreList":[]}

package/lib/module/lib/WebViewMessageEvent.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=WebViewMessageEvent.js.map

package/lib/module/lib/WebViewMessageEvent.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["lib/WebViewMessageEvent.ts"],"mappings":"","ignoreList":[]}

package/lib/module/lib/assistantIframeUrl.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export const assistantIframeUrl = 'https://assets.duffel.com/assistant/iframe.html';
+//# sourceMappingURL=assistantIframeUrl.js.map

package/lib/module/lib/assistantIframeUrl.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["assistantIframeUrl"],"sourceRoot":"../../../src","sources":["lib/assistantIframeUrl.ts"],"mappings":";;AAAA,OAAO,MAAMA,kBAAkB,GAC7B,iDAAiD","ignoreList":[]}

package/lib/module/lib/isAssistantIframeUrl.js

@@ -0,0 +1,12 @@
+"use strict";
+
+import { assistantIframeUrl } from "./assistantIframeUrl.js";
+export const isAssistantIframeUrl = url => {
+  try {
+    const parsedUrl = new URL(url);
+    return `${parsedUrl.origin}${parsedUrl.pathname}` === assistantIframeUrl;
+  } catch (error) {
+    return false;
+  }
+};
+//# sourceMappingURL=isAssistantIframeUrl.js.map

package/lib/module/lib/isAssistantIframeUrl.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["assistantIframeUrl","isAssistantIframeUrl","url","parsedUrl","URL","origin","pathname","error"],"sourceRoot":"../../../src","sources":["lib/isAssistantIframeUrl.ts"],"mappings":";;AAAA,SAASA,kBAAkB,QAAQ,yBAAsB;AAEzD,OAAO,MAAMC,oBAAoB,GAAIC,GAAW,IAAK;EACnD,IAAI;IACF,MAAMC,SAAS,GAAG,IAAIC,GAAG,CAACF,GAAG,CAAC;IAE9B,OAAO,GAAGC,SAAS,CAACE,MAAM,GAAGF,SAAS,CAACG,QAAQ,EAAE,KAAKN,kBAAkB;EAC1E,CAAC,CAAC,OAAOO,KAAK,EAAE;IACd,OAAO,KAAK;EACd;AACF,CAAC","ignoreList":[]}

package/lib/module/lib/isHttpUrl.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export const isHttpUrl = url => /^https?:\/\//.test(url);
+//# sourceMappingURL=isHttpUrl.js.map

package/lib/module/lib/isHttpUrl.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["isHttpUrl","url","test"],"sourceRoot":"../../../src","sources":["lib/isHttpUrl.ts"],"mappings":";;AAAA,OAAO,MAAMA,SAAS,GAAIC,GAAW,IAAK,cAAc,CAACC,IAAI,CAACD,GAAG,CAAC","ignoreList":[]}

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { type DuffelAssistantProps } from './DuffelAssistantProps';
+export declare const DuffelAssistantForAndroid: React.FC<DuffelAssistantProps>;
+//# sourceMappingURL=DuffelAssistantForAndroid.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DuffelAssistantForAndroid.d.ts","sourceRoot":"","sources":["../../../src/DuffelAssistantForAndroid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,OAAO,EAAE,KAAK,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAOnE,eAAO,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA+GpE,CAAC"}

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { type DuffelAssistantProps } from './DuffelAssistantProps';
+export declare const DuffelAssistantForiOS: React.FC<DuffelAssistantProps>;
+//# sourceMappingURL=DuffelAssistantForiOS.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DuffelAssistantForiOS.d.ts","sourceRoot":"","sources":["../../../src/DuffelAssistantForiOS.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,KAAK,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAOnE,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA8EhE,CAAC"}

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,KAA8B,MAAM,OAAO,CAAC;AAUnD,OAAO,EAAE,KAAK,oBAAoB,IAAI,4BAA4B,EAAE,MAAM,wBAAwB,CAAC;AAInG,MAAM,MAAM,oBAAoB,GAAG,4BAA4B,CAAC;AA2BhE,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAgN1D,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,oBAAoB,IAAI,4BAA4B,EAAE,MAAM,wBAAwB,CAAC;AAMnG,MAAM,MAAM,oBAAoB,GAAG,4BAA4B,CAAC;AAEhE,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAsE1D,CAAC"}

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

@@ -0,0 +1,5 @@
+export type ShouldStartLoadRequest = {
+    navigationType?: string;
+    url: string;
+};
+//# sourceMappingURL=ShouldStartLoadRequest.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ShouldStartLoadRequest.d.ts","sourceRoot":"","sources":["../../../../src/lib/ShouldStartLoadRequest.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,sBAAsB,GAAG;IACnC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,GAAG,EAAE,MAAM,CAAC;CACb,CAAC"}

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

@@ -0,0 +1,6 @@
+export type WebViewMessageEvent = {
+    nativeEvent: {
+        data: string;
+    };
+};
+//# sourceMappingURL=WebViewMessageEvent.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WebViewMessageEvent.d.ts","sourceRoot":"","sources":["../../../../src/lib/WebViewMessageEvent.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,mBAAmB,GAAG;IAChC,WAAW,EAAE;QACX,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;CACH,CAAC"}

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

@@ -0,0 +1,2 @@
+export declare const assistantIframeUrl = "https://assets.duffel.com/assistant/iframe.html";
+//# sourceMappingURL=assistantIframeUrl.d.ts.map

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

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

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

@@ -0,0 +1,2 @@
+export declare const isAssistantIframeUrl: (url: string) => boolean;
+//# sourceMappingURL=isAssistantIframeUrl.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"isAssistantIframeUrl.d.ts","sourceRoot":"","sources":["../../../../src/lib/isAssistantIframeUrl.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,oBAAoB,GAAI,KAAK,MAAM,YAQ/C,CAAC"}

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

@@ -0,0 +1,2 @@
+export declare const isHttpUrl: (url: string) => boolean;
+//# sourceMappingURL=isHttpUrl.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"isHttpUrl.d.ts","sourceRoot":"","sources":["../../../../src/lib/isHttpUrl.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS,GAAI,KAAK,MAAM,YAA6B,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@duffel/react-native-components-assistant",
-  "version": "0.5.2-canary.0",
+  "version": "0.6.0",
   "description": "Duffel Assistant component in React Native",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",

package/src/DuffelAssistantForAndroid.tsx

@@ -0,0 +1,131 @@
+import React, { useEffect, useState } from 'react';
+import { Keyboard, Linking, Modal, StyleSheet, View } from 'react-native';
+import { WebView } from 'react-native-webview';
+import { type DuffelAssistantProps } from './DuffelAssistantProps';
+import { assistantIframeUrl } from './lib/assistantIframeUrl';
+import { isAssistantIframeUrl } from './lib/isAssistantIframeUrl';
+import { isHttpUrl } from './lib/isHttpUrl';
+import { type ShouldStartLoadRequest } from './lib/ShouldStartLoadRequest';
+import { type WebViewMessageEvent } from './lib/WebViewMessageEvent';
+
+export const DuffelAssistantForAndroid: React.FC<DuffelAssistantProps> = ({
+  isOpen,
+  onClose,
+  onNewMessage,
+  ...properties
+}) => {
+  const [androidKeyboardHeight, setAndroidKeyboardHeight] = useState(0);
+
+  useEffect(() => {
+    if (!isOpen) {
+      setAndroidKeyboardHeight(0);
+      return;
+    }
+
+    const keyboardDidShowSubscription = Keyboard.addListener(
+      'keyboardDidShow',
+      (event) => {
+        setAndroidKeyboardHeight(event.endCoordinates?.height ?? 0);
+      }
+    );
+    const keyboardDidHideSubscription = Keyboard.addListener(
+      'keyboardDidHide',
+      () => {
+        setAndroidKeyboardHeight(0);
+      }
+    );
+
+    return () => {
+      keyboardDidShowSubscription.remove();
+      keyboardDidHideSubscription.remove();
+    };
+  }, [isOpen]);
+
+  const handleMessage = (event: WebViewMessageEvent) => {
+    if (event.nativeEvent.data === 'duffel-assistant-close') {
+      onClose();
+    }
+
+    if (
+      typeof properties.onMinimise === 'function' &&
+      event.nativeEvent.data === 'duffel-assistant-minimise'
+    ) {
+      properties.onMinimise();
+    }
+
+    try {
+      const parsedData = JSON.parse(event.nativeEvent.data);
+
+      if (
+        parsedData.type === 'duffel-assistant-new-message' &&
+        typeof parsedData.userId === 'string' &&
+        typeof parsedData.resourceId === 'string' &&
+        typeof onNewMessage === 'function'
+      ) {
+        onNewMessage({
+          userId: parsedData.userId,
+          resourceId: parsedData.resourceId,
+        });
+      }
+    } catch (error) {
+      // do nothing, invalid JSON
+    }
+  };
+
+  const handleShouldStartLoadWithRequest = (
+    request: ShouldStartLoadRequest
+  ) => {
+    if (!isHttpUrl(request.url) || isAssistantIframeUrl(request.url)) {
+      return true;
+    }
+
+    Linking.openURL(request.url).catch(() => {});
+
+    return false;
+  };
+
+  return (
+    <Modal
+      visible={isOpen}
+      onRequestClose={() => onClose()}
+      animationType="slide"
+    >
+      <View
+        style={[
+          styles.androidContainer,
+          { paddingBottom: 15 + androidKeyboardHeight },
+        ]}
+      >
+        <WebView
+          // Required for Android
+          injectedJavaScript={`
+          postMessage(
+            {
+              type: "duffel-assistant-open",
+              properties: ${JSON.stringify(properties)},
+            },
+            "*",
+            );
+          true;`}
+          source={{ uri: assistantIframeUrl }}
+          onMessage={handleMessage}
+          onShouldStartLoadWithRequest={handleShouldStartLoadWithRequest}
+          // Always fetch the latest assistant bundle. The iframe.html shell
+          // references `./iframe-app.js` by a stable path, so without this
+          // the system WebView can serve a stale bundle for a long time.
+          cacheEnabled={false}
+          cacheMode="LOAD_NO_CACHE"
+        />
+      </View>
+    </Modal>
+  );
+};
+
+const styles = StyleSheet.create({
+  androidContainer: {
+    flex: 1,
+    width: '100%',
+    paddingTop: 45,
+    paddingBottom: 15,
+  },
+});

package/src/DuffelAssistantForiOS.tsx

@@ -0,0 +1,101 @@
+import React from 'react';
+import { KeyboardAvoidingView, Linking, Modal, StyleSheet } from 'react-native';
+import { WebView } from 'react-native-webview';
+import { type DuffelAssistantProps } from './DuffelAssistantProps';
+import { assistantIframeUrl } from './lib/assistantIframeUrl';
+import { isAssistantIframeUrl } from './lib/isAssistantIframeUrl';
+import { isHttpUrl } from './lib/isHttpUrl';
+import { type ShouldStartLoadRequest } from './lib/ShouldStartLoadRequest';
+import { type WebViewMessageEvent } from './lib/WebViewMessageEvent';
+
+export const DuffelAssistantForiOS: React.FC<DuffelAssistantProps> = ({
+  isOpen,
+  onClose,
+  onNewMessage,
+  ...properties
+}) => {
+  const handleMessage = (event: WebViewMessageEvent) => {
+    if (event.nativeEvent.data === 'duffel-assistant-close') {
+      onClose();
+    }
+
+    if (
+      typeof properties.onMinimise === 'function' &&
+      event.nativeEvent.data === 'duffel-assistant-minimise'
+    ) {
+      properties.onMinimise();
+    }
+
+    try {
+      const parsedData = JSON.parse(event.nativeEvent.data);
+
+      if (
+        parsedData.type === 'duffel-assistant-new-message' &&
+        typeof parsedData.userId === 'string' &&
+        typeof parsedData.resourceId === 'string' &&
+        typeof onNewMessage === 'function'
+      ) {
+        onNewMessage({
+          userId: parsedData.userId,
+          resourceId: parsedData.resourceId,
+        });
+      }
+    } catch (error) {
+      // do nothing, invalid JSON
+    }
+  };
+
+  const handleShouldStartLoadWithRequest = (
+    request: ShouldStartLoadRequest
+  ) => {
+    if (!isHttpUrl(request.url) || isAssistantIframeUrl(request.url)) {
+      return true;
+    }
+
+    if (request.navigationType !== 'click') {
+      return true;
+    }
+
+    Linking.openURL(request.url).catch(() => {});
+
+    return false;
+  };
+
+  return (
+    <Modal
+      visible={isOpen}
+      onRequestClose={() => onClose()}
+      animationType="slide"
+    >
+      <KeyboardAvoidingView behavior="padding" style={styles.container}>
+        <WebView
+          style={styles.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: assistantIframeUrl }}
+          onMessage={handleMessage}
+          onShouldStartLoadWithRequest={handleShouldStartLoadWithRequest}
+          // Always fetch the latest assistant bundle. The iframe.html shell
+          // references `./iframe-app.js` by a stable path, so without this
+          // the system WebView can serve a stale bundle for a long time.
+          cacheEnabled={false}
+        />
+      </KeyboardAvoidingView>
+    </Modal>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    height: '100%',
+    width: '100%',
+    paddingHorizontal: 12,
+    paddingTop: 50,
+  },
+  webView: {
+    paddingBottom: 7,
+  },
+});

package/src/index.tsx

@@ -1,86 +1,19 @@
-import React, { useEffect, useState } from 'react';
-import {
-  Keyboard,
-  Linking,
-  Modal,
-  Platform,
-  StyleSheet,
-  View,
-} from 'react-native';
-import { WebView } from 'react-native-webview';
+import React from 'react';
+import { Platform } from 'react-native';
 import { type DuffelAssistantProps as DuffelAssistantPropsImported } from './DuffelAssistantProps';
+import { DuffelAssistantForAndroid } from './DuffelAssistantForAndroid';
+import { DuffelAssistantForiOS } from './DuffelAssistantForiOS';
 import { hasJsonWebTokenFormat } from './lib/hasJsonWebTokenFormat';
 import { getClientKeyPayload } from './lib/getClientKeyPayload';
 
 export type DuffelAssistantProps = DuffelAssistantPropsImported;
 
-const assistantIframeUrl = 'https://assets.duffel.com/assistant/iframe.html';
-
-type WebViewMessageEvent = {
-  nativeEvent: {
-    data: string;
-  };
-};
-
-type ShouldStartLoadRequest = {
-  navigationType?: string;
-  url: string;
-};
-
-const isHttpUrl = (url: string) => /^https?:\/\//.test(url);
-
-const isAssistantIframeUrl = (url: string) => {
-  try {
-    const parsedUrl = new URL(url);
-
-    return `${parsedUrl.origin}${parsedUrl.pathname}` === assistantIframeUrl;
-  } catch (error) {
-    return false;
-  }
-};
-
-export const DuffelAssistant: React.FC<DuffelAssistantProps> = ({
-  isOpen,
-  onClose,
-  onNewMessage,
-  ...properties
-}) => {
-  const [androidKeyboardHeight, setAndroidKeyboardHeight] = useState(0);
-
-  useEffect(() => {
-    if (Platform.OS !== 'android') {
-      return;
-    }
-
-    if (!isOpen) {
-      setAndroidKeyboardHeight(0);
-      return;
-    }
-
-    const keyboardDidShowSubscription = Keyboard.addListener(
-      'keyboardDidShow',
-      (event) => {
-        setAndroidKeyboardHeight(event.endCoordinates?.height ?? 0);
-      }
-    );
-    const keyboardDidHideSubscription = Keyboard.addListener(
-      'keyboardDidHide',
-      () => {
-        setAndroidKeyboardHeight(0);
-      }
-    );
-
-    return () => {
-      keyboardDidShowSubscription.remove();
-      keyboardDidHideSubscription.remove();
-    };
-  }, [isOpen]);
-
-  if (!hasJsonWebTokenFormat(properties.clientKey)) {
+export const DuffelAssistant: React.FC<DuffelAssistantProps> = (props) => {
+  if (!hasJsonWebTokenFormat(props.clientKey)) {
     throw new Error('Duffel Assistant client key format must be a valid JWT.');
   }
 
-  const clientKeyPayload = getClientKeyPayload(properties.clientKey);
+  const clientKeyPayload = getClientKeyPayload(props.clientKey);
   if (!clientKeyPayload) {
     throw new Error(
       'The client key property is invalid. A client key must follow the JWT format.'
@@ -98,169 +31,51 @@ export const DuffelAssistant: React.FC<DuffelAssistantProps> = ({
     );
   }
 
-  if (typeof properties.issueType !== 'undefined') {
+  if (typeof props.issueType !== 'undefined') {
     console.warn(
       'The issueType prop has been deprecated and will no longer be supported in the future. Please use the context prop instead.'
     );
   }
 
+  const sanitizedProps: DuffelAssistantProps = { ...props };
+
   if (
     !clientKeyIncludesResource &&
-    typeof properties.issueType !== 'undefined'
+    typeof sanitizedProps.issueType !== 'undefined'
   ) {
     console.warn(
       'The issueType prop is only supported when the client key includes a resource id, it will be ignored.'
     );
-    delete properties.issueType;
+    delete sanitizedProps.issueType;
   }
 
-  if (!clientKeyIncludesResource && properties.context) {
+  if (!clientKeyIncludesResource && sanitizedProps.context) {
     throw new Error(
       'The context prop is only supported when the client key includes a resource id.'
     );
   }
 
   if (
-    typeof properties.supportChannels !== 'undefined' &&
-    properties.supportChannels.chat !== true
+    typeof sanitizedProps.supportChannels !== 'undefined' &&
+    sanitizedProps.supportChannels.chat !== true
   ) {
     throw new Error(
-      'The supportChannels prop must keep chat enabled. Phone-only support isn’t offered.'
+      "The supportChannels prop must keep chat enabled. Phone-only support isn't offered."
     );
   }
 
   if (
-    properties.showMinimiseButton &&
-    typeof properties.onMinimise !== 'function'
+    sanitizedProps.showMinimiseButton &&
+    typeof sanitizedProps.onMinimise !== 'function'
   ) {
     console.warn(
       'The showMinimiseButton prop is set to true, but the onMinimise callback is not provided. Make sure to listen to the onMinimise callback to handle the minimisation of the Assistant.'
     );
   }
 
-  const handleMessage = (event: WebViewMessageEvent) => {
-    if (event.nativeEvent.data === 'duffel-assistant-close') {
-      onClose();
-    }
-
-    if (
-      typeof properties.onMinimise === 'function' &&
-      event.nativeEvent.data === 'duffel-assistant-minimise'
-    ) {
-      properties.onMinimise();
-    }
-
-    try {
-      const parsedData = JSON.parse(event.nativeEvent.data);
-
-      if (
-        parsedData.type === 'duffel-assistant-new-message' &&
-        typeof parsedData.userId === 'string' &&
-        typeof parsedData.resourceId === 'string' &&
-        typeof onNewMessage === 'function'
-      ) {
-        onNewMessage({
-          userId: parsedData.userId,
-          resourceId: parsedData.resourceId,
-        });
-      }
-    } catch (error) {
-      // do nothing, invalid JSON
-    }
-  };
-
-  const handleShouldStartLoadWithRequest = (
-    request: ShouldStartLoadRequest
-  ) => {
-    if (!isHttpUrl(request.url) || isAssistantIframeUrl(request.url)) {
-      return true;
-    }
-
-    if (Platform.OS === 'ios' && request.navigationType !== 'click') {
-      return true;
-    }
-
-    Linking.openURL(request.url).catch(() => {});
-
-    return false;
-  };
-
   if (Platform.OS === 'android') {
-    return (
-      <Modal
-        visible={isOpen}
-        onRequestClose={() => onClose()}
-        animationType="slide"
-      >
-        <View
-          style={[
-            styles.androidContainer,
-            { paddingBottom: 15 + androidKeyboardHeight },
-          ]}
-        >
-          <WebView
-            // Required for Android
-            injectedJavaScript={`
-          postMessage(
-            {
-              type: "duffel-assistant-open",
-              properties: ${JSON.stringify(properties)},
-            },
-            "*",
-            );
-          true;`}
-            source={{ uri: assistantIframeUrl }}
-            onMessage={handleMessage}
-            onShouldStartLoadWithRequest={handleShouldStartLoadWithRequest}
-            // Always fetch the latest assistant bundle. The iframe.html shell
-            // references `./iframe-app.js` by a stable path, so without this
-            // the system WebView can serve a stale bundle for a long time.
-            cacheEnabled={false}
-            cacheMode="LOAD_NO_CACHE"
-          />
-        </View>
-      </Modal>
-    );
+    return <DuffelAssistantForAndroid {...sanitizedProps} />;
   }
 
-  return (
-    <Modal
-      visible={isOpen}
-      onRequestClose={() => onClose()}
-      animationType="slide"
-    >
-      <View style={styles.container}>
-        <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: assistantIframeUrl }}
-          onMessage={handleMessage}
-          onShouldStartLoadWithRequest={handleShouldStartLoadWithRequest}
-          // Always fetch the latest assistant bundle. The iframe.html shell
-          // references `./iframe-app.js` by a stable path, so without this
-          // the system WebView can serve a stale bundle for a long time.
-          cacheEnabled={false}
-        />
-      </View>
-    </Modal>
-  );
+  return <DuffelAssistantForiOS {...sanitizedProps} />;
 };
-
-const styles = StyleSheet.create({
-  container: {
-    height: '100%',
-    width: '100%',
-    paddingHorizontal: 12,
-    paddingTop: 50,
-    paddingBottom: 30,
-  },
-  androidContainer: {
-    flex: 1,
-    width: '100%',
-    paddingTop: 45,
-    paddingBottom: 15,
-  },
-});

package/src/lib/ShouldStartLoadRequest.ts

@@ -0,0 +1,4 @@
+export type ShouldStartLoadRequest = {
+  navigationType?: string;
+  url: string;
+};

package/src/lib/WebViewMessageEvent.ts

@@ -0,0 +1,5 @@
+export type WebViewMessageEvent = {
+  nativeEvent: {
+    data: string;
+  };
+};

package/src/lib/assistantIframeUrl.ts

@@ -0,0 +1,2 @@
+export const assistantIframeUrl =
+  'https://assets.duffel.com/assistant/iframe.html';

package/src/lib/isAssistantIframeUrl.ts

@@ -0,0 +1,11 @@
+import { assistantIframeUrl } from './assistantIframeUrl';
+
+export const isAssistantIframeUrl = (url: string) => {
+  try {
+    const parsedUrl = new URL(url);
+
+    return `${parsedUrl.origin}${parsedUrl.pathname}` === assistantIframeUrl;
+  } catch (error) {
+    return false;
+  }
+};

package/src/lib/isHttpUrl.ts

@@ -0,0 +1 @@
+export const isHttpUrl = (url: string) => /^https?:\/\//.test(url);