@duffel/react-native-components-assistant 0.4.6 → 0.5.1-canary.0

package/README.md

@@ -21,6 +21,10 @@ function App() {
       isOpen={isDuffelAssistantOpen}
       onClose={() => setIsDuffelAssistantOpen(false)}
       clientKey="<USER_CLIENT_KEY>"
+      supportChannels={{
+        chat: true,
+        phone: true,
+      }}
     />
   );
 }

package/lib/module/index.js

@@ -1,7 +1,7 @@
 "use strict";
 
 import React from 'react';
-import { Linking, Modal, Platform, StyleSheet, View } from 'react-native';
+import { KeyboardAvoidingView, Linking, Modal, Platform, StyleSheet, View } from 'react-native';
 import { WebView } from 'react-native-webview';
 import { hasJsonWebTokenFormat } from "./lib/hasJsonWebTokenFormat.js";
 import { getClientKeyPayload } from "./lib/getClientKeyPayload.js";
@@ -43,6 +43,9 @@ export const DuffelAssistant = ({
   if (!clientKeyIncludesResource && properties.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 (properties.showMinimiseButton && typeof properties.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.');
   }
@@ -79,24 +82,29 @@ export const DuffelAssistant = ({
     visible: isOpen,
     onRequestClose: () => onClose(),
     animationType: "slide",
-    children: /*#__PURE__*/_jsx(View, {
-      style: styles.container,
-      children: Platform.OS === 'ios' ? /*#__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
-      }) : /*#__PURE__*/_jsx(WebView
-      // Required for Android
-      , {
-        injectedJavaScript: `
+    children: /*#__PURE__*/_jsx(KeyboardAvoidingView, {
+      behavior: Platform.OS === 'android' ? 'padding' : undefined,
+      enabled: Platform.OS === 'android',
+      style: styles.keyboardAvoidingView,
+      children: /*#__PURE__*/_jsx(View, {
+        style: styles.container,
+        children: Platform.OS === 'ios' ? /*#__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,
+          style: styles.webView
+        }) : /*#__PURE__*/_jsx(WebView
+        // Required for Android
+        , {
+          injectedJavaScript: `
           postMessage(
             {
               type: "duffel-assistant-open",
@@ -105,22 +113,30 @@ export const DuffelAssistant = ({
             "*",
             );
           true;`,
-        source: {
-          uri: assistantIframeUrl
-        },
-        onMessage: handleMessage,
-        onShouldStartLoadWithRequest: handleShouldStartLoadWithRequest
+          source: {
+            uri: assistantIframeUrl
+          },
+          onMessage: handleMessage,
+          onShouldStartLoadWithRequest: handleShouldStartLoadWithRequest,
+          style: styles.webView
+        })
       })
     })
   });
 };
 const styles = StyleSheet.create({
+  keyboardAvoidingView: {
+    flex: 1
+  },
   container: {
-    height: '100%',
+    flex: 1,
     width: '100%',
     paddingHorizontal: 12,
     paddingTop: 50,
     paddingBottom: 30
+  },
+  webView: {
+    flex: 1
   }
 });
 //# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","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","clientKey","Error","clientKeyPayload","clientKeyIncludesResource","order_id","undefined","booking_id","cars_booking_id","issueType","console","warn","context","showMinimiseButton","onMinimise","handleMessage","event","nativeEvent","data","parsedData","JSON","parse","type","userId","resourceId","handleShouldStartLoadWithRequest","request","OS","navigationType","openURL","catch","visible","onRequestClose","animationType","children","style","styles","container","injectedJavaScriptObject","source","uri","onMessage","onShouldStartLoadWithRequest","injectedJavaScript","stringify","create","height","width","paddingHorizontal","paddingTop","paddingBottom"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","KeyboardAvoidingView","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","clientKey","Error","clientKeyPayload","clientKeyIncludesResource","order_id","undefined","booking_id","cars_booking_id","issueType","console","warn","context","supportChannels","chat","showMinimiseButton","onMinimise","handleMessage","event","nativeEvent","data","parsedData","JSON","parse","type","userId","resourceId","handleShouldStartLoadWithRequest","request","OS","navigationType","openURL","catch","visible","onRequestClose","animationType","children","behavior","enabled","style","styles","keyboardAvoidingView","container","injectedJavaScriptObject","source","uri","onMessage","onShouldStartLoadWithRequest","webView","injectedJavaScript","stringify","create","flex","width","paddingHorizontal","paddingTop","paddingBottom"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -15,6 +15,20 @@ export type DuffelAssistantContext = {
      */
     issueType?: SupportIssueType;
 };
+export type DuffelAssistantSupportChannels = {
+    /**
+     * Chat support must stay enabled whenever supportChannels is provided.
+     * Phone-only support is not supported.
+     */
+    chat: true;
+    /**
+     * Enable phone as an additional support channel when it has been configured
+     * for your organisation by Duffel.
+     *
+     * @default false
+     */
+    phone: boolean;
+};
 export interface DuffelAssistantProps {
     /**
      * This prop is used to control whether the Assistant is open/visible or closed.
@@ -74,5 +88,14 @@ export interface DuffelAssistantProps {
      * @default undefined
      */
     context?: DuffelAssistantContext;
+    /**
+     * Configure which support channels the Assistant should offer.
+     * When omitted, the Assistant will continue to offer chat only.
+     *
+     * Chat must remain enabled whenever this prop is provided.
+     *
+     * @default undefined
+     */
+    supportChannels?: DuffelAssistantSupportChannels;
 }
 //# 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,MAAM,gBAAgB,GAAG,cAAc,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEnE,MAAM,MAAM,sBAAsB,GAAG;IACnC;;;;;OAKG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,gBAAgB,CAAC;CAC9B,CAAC;AAEF,MAAM,WAAW,oBAAoB;IACnC;;OAEG;IACH,MAAM,EAAE,OAAO,CAAC;IAEhB;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB;;;;;OAKG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAE7B;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IAExB;;;;;;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;;OAEG;IACH,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAE7B;;;;;OAKG;IACH,YAAY,CAAC,EAAE,CAAC,YAAY,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,UAAU,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAE9E;;;;OAIG;IACH,OAAO,CAAC,EAAE,sBAAsB,CAAC;CAClC"}
+{"version":3,"file":"DuffelAssistantProps.d.ts","sourceRoot":"","sources":["../../../src/DuffelAssistantProps.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,gBAAgB,GAAG,cAAc,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEnE,MAAM,MAAM,sBAAsB,GAAG;IACnC;;;;;OAKG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,gBAAgB,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,8BAA8B,GAAG;IAC3C;;;OAGG;IACH,IAAI,EAAE,IAAI,CAAC;IAEX;;;;;OAKG;IACH,KAAK,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF,MAAM,WAAW,oBAAoB;IACnC;;OAEG;IACH,MAAM,EAAE,OAAO,CAAC;IAEhB;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB;;;;;OAKG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAE7B;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IAExB;;;;;;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;;OAEG;IACH,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAE7B;;;;;OAKG;IACH,YAAY,CAAC,EAAE,CAAC,YAAY,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,UAAU,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAE9E;;;;OAIG;IACH,OAAO,CAAC,EAAE,sBAAsB,CAAC;IAEjC;;;;;;;OAOG;IACH,eAAe,CAAC,EAAE,8BAA8B,CAAC;CAClD"}

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;AAInG,MAAM,MAAM,oBAAoB,GAAG,4BAA4B,CAAC;AA2BhE,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAgJ1D,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,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,CAiK1D,CAAC"}

package/package.json

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

package/src/DuffelAssistantProps.ts

@@ -18,6 +18,22 @@ export type DuffelAssistantContext = {
   issueType?: SupportIssueType;
 };
 
+export type DuffelAssistantSupportChannels = {
+  /**
+   * Chat support must stay enabled whenever supportChannels is provided.
+   * Phone-only support is not supported.
+   */
+  chat: true;
+
+  /**
+   * Enable phone as an additional support channel when it has been configured
+   * for your organisation by Duffel.
+   *
+   * @default false
+   */
+  phone: boolean;
+};
+
 export interface DuffelAssistantProps {
   /**
    * This prop is used to control whether the Assistant is open/visible or closed.
@@ -83,4 +99,14 @@ export interface DuffelAssistantProps {
    * @default undefined
    */
   context?: DuffelAssistantContext;
+
+  /**
+   * Configure which support channels the Assistant should offer.
+   * When omitted, the Assistant will continue to offer chat only.
+   *
+   * Chat must remain enabled whenever this prop is provided.
+   *
+   * @default undefined
+   */
+  supportChannels?: DuffelAssistantSupportChannels;
 }

package/src/index.tsx

@@ -1,5 +1,12 @@
 import React from 'react';
-import { Linking, Modal, Platform, StyleSheet, View } from 'react-native';
+import {
+  KeyboardAvoidingView,
+  Linking,
+  Modal,
+  Platform,
+  StyleSheet,
+  View,
+} from 'react-native';
 import { WebView } from 'react-native-webview';
 import { type DuffelAssistantProps as DuffelAssistantPropsImported } from './DuffelAssistantProps';
 import { hasJsonWebTokenFormat } from './lib/hasJsonWebTokenFormat';
@@ -82,6 +89,15 @@ export const DuffelAssistant: React.FC<DuffelAssistantProps> = ({
     );
   }
 
+  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 (
     properties.showMinimiseButton &&
     typeof properties.onMinimise !== 'function'
@@ -144,22 +160,28 @@ export const DuffelAssistant: React.FC<DuffelAssistantProps> = ({
       onRequestClose={() => onClose()}
       animationType="slide"
     >
-      <View style={styles.container}>
-        {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: assistantIframeUrl }}
-            onMessage={handleMessage}
-            onShouldStartLoadWithRequest={handleShouldStartLoadWithRequest}
-          />
-        ) : (
-          <WebView
-            // Required for Android
-            injectedJavaScript={`
+      <KeyboardAvoidingView
+        behavior={Platform.OS === 'android' ? 'padding' : undefined}
+        enabled={Platform.OS === 'android'}
+        style={styles.keyboardAvoidingView}
+      >
+        <View style={styles.container}>
+          {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: assistantIframeUrl }}
+              onMessage={handleMessage}
+              onShouldStartLoadWithRequest={handleShouldStartLoadWithRequest}
+              style={styles.webView}
+            />
+          ) : (
+            <WebView
+              // Required for Android
+              injectedJavaScript={`
           postMessage(
             {
               type: "duffel-assistant-open",
@@ -168,22 +190,30 @@ export const DuffelAssistant: React.FC<DuffelAssistantProps> = ({
             "*",
             );
           true;`}
-            source={{ uri: assistantIframeUrl }}
-            onMessage={handleMessage}
-            onShouldStartLoadWithRequest={handleShouldStartLoadWithRequest}
-          />
-        )}
-      </View>
+              source={{ uri: assistantIframeUrl }}
+              onMessage={handleMessage}
+              onShouldStartLoadWithRequest={handleShouldStartLoadWithRequest}
+              style={styles.webView}
+            />
+          )}
+        </View>
+      </KeyboardAvoidingView>
     </Modal>
   );
 };
 
 const styles = StyleSheet.create({
+  keyboardAvoidingView: {
+    flex: 1,
+  },
   container: {
-    height: '100%',
+    flex: 1,
     width: '100%',
     paddingHorizontal: 12,
     paddingTop: 50,
     paddingBottom: 30,
   },
+  webView: {
+    flex: 1,
+  },
 });