rn-erxes-sdk 0.1.9 → 0.1.10

package/lib/commonjs/App.js

@@ -4,20 +4,89 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _client = require("@apollo/client");
-var _apolloClient = _interopRequireDefault(require("./apolloClient"));
+var _apolloClient = _interopRequireDefault(require("./graphql/apolloClient"));
 var _Widget = _interopRequireDefault(require("./Widget"));
+var _stack = require("@react-navigation/stack");
+var _native = require("@react-navigation/native");
+var _ConversationDetail = _interopRequireDefault(require("./screen/conversation/ConversationDetail"));
+var _asyncStorage = _interopRequireDefault(require("@react-native-async-storage/async-storage"));
+var _utils = require("./utils/utils");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 const ErxesSDK = _ref => {
   let {
-    brandCode
+    brandCode,
+    email,
+    hasBack = false,
+    onBack = () => {}
   } = _ref;
+  const RootStack = (0, _stack.createStackNavigator)();
+  const [connection, setConnection] = _react.default.useState({
+    cachedCustomerId: null,
+    visitorId: null
+  });
+  const props = {
+    brandCode,
+    email,
+    hasBack,
+    onBack,
+    connection
+  };
+  (0, _react.useEffect)(() => {
+    let visitorId;
+    let tempCustomerId = '';
+    _asyncStorage.default.getItem('clockId').then(value => {
+      if (value !== null) {
+        tempCustomerId = value;
+      }
+    }).catch(e => {
+      console.log('checkIntro', e.message);
+    });
+    if (!tempCustomerId) {
+      // declare the data fetching function
+      const fetchData = async () => {
+        visitorId = await (0, _utils.getVisitorId)();
+      };
+
+      // call the function
+      fetchData()
+      // make sure to catch any error
+      .catch(console.error);
+    }
+    setConnection({
+      cachedCustomerId: tempCustomerId,
+      visitorId
+    });
+  }, []);
   return /*#__PURE__*/_react.default.createElement(_client.ApolloProvider, {
     client: (0, _apolloClient.default)()
-  }, /*#__PURE__*/_react.default.createElement(_Widget.default, {
-    brandCode: brandCode
-  }));
+  }, /*#__PURE__*/_react.default.createElement(_native.NavigationContainer, null, /*#__PURE__*/_react.default.createElement(RootStack.Navigator, null, /*#__PURE__*/_react.default.createElement(RootStack.Screen, {
+    name: "Widget",
+    options: {
+      headerShown: false,
+      gestureEnabled: false
+    }
+  }, rest => /*#__PURE__*/_react.default.createElement(_Widget.default, _extends({}, rest, props))), /*#__PURE__*/_react.default.createElement(RootStack.Screen, {
+    name: "ConversationDetail",
+    component: _ConversationDetail.default,
+    options: {
+      headerShown: false,
+      cardStyleInterpolator: _ref2 => {
+        let {
+          current
+        } = _ref2;
+        return {
+          cardStyle: {
+            opacity: current.progress
+          }
+        };
+      }
+    }
+  }))));
 };
 var _default = ErxesSDK;
 exports.default = _default;

package/lib/commonjs/App.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_client","_apolloClient","_Widget","obj","__esModule","default","ErxesSDK","_ref","brandCode","createElement","ApolloProvider","client","ClientProvider","_default","exports"],"sourceRoot":"../../src","sources":["App.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,OAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAA8B,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAM9B,MAAMG,QAA6B,GAAGC,IAAA,IAAmB;EAAA,IAAlB;IAAEC;EAAU,CAAC,GAAAD,IAAA;EAClD,oBACEV,MAAA,CAAAQ,OAAA,CAAAI,aAAA,CAACT,OAAA,CAAAU,cAAc;IAACC,MAAM,EAAE,IAAAC,qBAAc,EAAC;EAAE,gBACvCf,MAAA,CAAAQ,OAAA,CAAAI,aAAA,CAACP,OAAA,CAAAG,OAAM;IAACG,SAAS,EAAEA;EAAU,CAAE,CACjB,CAAC;AAErB,CAAC;AAAC,IAAAK,QAAA,GAEaP,QAAQ;AAAAQ,OAAA,CAAAT,OAAA,GAAAQ,QAAA"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_client","_apolloClient","_interopRequireDefault","_Widget","_stack","_native","_ConversationDetail","_asyncStorage","_utils","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","ErxesSDK","_ref","brandCode","email","hasBack","onBack","RootStack","createStackNavigator","connection","setConnection","React","useState","cachedCustomerId","visitorId","props","useEffect","tempCustomerId","AsyncStorage","getItem","then","value","catch","e","console","log","message","fetchData","getVisitorId","error","createElement","ApolloProvider","client","ClientProvider","NavigationContainer","Navigator","Screen","name","options","headerShown","gestureEnabled","rest","component","ConversationDetail","cardStyleInterpolator","_ref2","current","cardStyle","opacity","progress","_default","exports"],"sourceRoot":"../../src","sources":["App.tsx"],"mappings":"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"}

package/lib/commonjs/Widget.js

@@ -8,31 +8,32 @@ var _reactNative = require("react-native");
 var _react = _interopRequireDefault(require("react"));
 var _client = require("@apollo/client");
 var _mutation = require("./graphql/mutation");
-var _Greetings = _interopRequireDefault(require("./Greetings"));
-var _Support = _interopRequireDefault(require("./Support"));
-var _FAQ = _interopRequireDefault(require("./FAQ"));
+var _Greetings = _interopRequireDefault(require("./screen/greetings/Greetings"));
+var _Conversations = _interopRequireDefault(require("./screen/conversation/Conversations"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-/* eslint-disable react-native/no-inline-styles */
-
 const Widget = props => {
-  var _response$data, _response$data$widget, _response$data$widget2, _response$data2, _response$data2$widge, _response$data3, _response$data3$widge, _response$data3$widge2, _response$data4, _response$data4$widge;
+  var _response$data, _response$data$widget, _response$data$widget2, _response$data2, _response$data2$widge, _response$data3, _response$data3$widge, _response$data4, _response$data4$widge;
   const {
-    brandCode
+    brandCode,
+    email,
+    hasBack,
+    onBack,
+    connection
   } = props;
   const [response, setResponse] = _react.default.useState(null);
-  const [index, setIndex] = _react.default.useState(0);
   const [connectMutation] = (0, _client.useMutation)(_mutation.connect);
   _react.default.useEffect(() => {
     connectMutation({
       variables: {
         brandCode,
-        cachedCustomerId: null,
-        visitorId: '20675ab50c23e7c8c615a8f4ab9107e2',
-        isUser: false
+        email,
+        cachedCustomerId: connection === null || connection === void 0 ? void 0 : connection.cachedCustomerId,
+        visitorId: connection === null || connection === void 0 ? void 0 : connection.visitorId,
+        // if client passed email automatically then consider this as user
+        isUser: Boolean(email)
       }
     }).then(res => {
       setResponse(res);
-      console.log(res);
     }).catch(err => {
       console.log(err);
     });
@@ -40,90 +41,97 @@ const Widget = props => {
   }, []);
   const bgColor = response === null || response === void 0 ? void 0 : (_response$data = response.data) === null || _response$data === void 0 ? void 0 : (_response$data$widget = _response$data.widgetsMessengerConnect) === null || _response$data$widget === void 0 ? void 0 : (_response$data$widget2 = _response$data$widget.uiOptions) === null || _response$data$widget2 === void 0 ? void 0 : _response$data$widget2.color;
   const integrationId = response === null || response === void 0 ? void 0 : (_response$data2 = response.data) === null || _response$data2 === void 0 ? void 0 : (_response$data2$widge = _response$data2.widgetsMessengerConnect) === null || _response$data2$widge === void 0 ? void 0 : _response$data2$widge.integrationId;
-  const knowledgeBaseTopicId = response === null || response === void 0 ? void 0 : (_response$data3 = response.data) === null || _response$data3 === void 0 ? void 0 : (_response$data3$widge = _response$data3.widgetsMessengerConnect) === null || _response$data3$widge === void 0 ? void 0 : (_response$data3$widge2 = _response$data3$widge.messengerData) === null || _response$data3$widge2 === void 0 ? void 0 : _response$data3$widge2.knowledgeBaseTopicId;
+  const brand = response === null || response === void 0 ? void 0 : (_response$data3 = response.data) === null || _response$data3 === void 0 ? void 0 : (_response$data3$widge = _response$data3.widgetsMessengerConnect) === null || _response$data3$widge === void 0 ? void 0 : _response$data3$widge.brand;
+  if (!integrationId) {
+    return null;
+  }
   return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styles.container
   }, /*#__PURE__*/_react.default.createElement(_Greetings.default, {
     greetings: response === null || response === void 0 ? void 0 : (_response$data4 = response.data) === null || _response$data4 === void 0 ? void 0 : (_response$data4$widge = _response$data4.widgetsMessengerConnect) === null || _response$data4$widge === void 0 ? void 0 : _response$data4$widge.messengerData,
     bgColor: bgColor,
-    integrationId: integrationId
-  }), /*#__PURE__*/_react.default.createElement(TabBar, {
-    index: index,
-    setIndex: setIndex,
-    bgColor: bgColor
-  }), index === 0 ? /*#__PURE__*/_react.default.createElement(_Support.default, {
-    customerId: '7o6DA3tFhM5EXRWZX',
-    integrationId: integrationId
-  }) : /*#__PURE__*/_react.default.createElement(_FAQ.default, {
-    knowledgeBaseTopicId: knowledgeBaseTopicId
+    integrationId: integrationId,
+    hasBack: hasBack,
+    onBack: onBack
+  }), /*#__PURE__*/_react.default.createElement(_Conversations.default, {
+    customerId: connection === null || connection === void 0 ? void 0 : connection.cachedCustomerId,
+    visitorId: connection === null || connection === void 0 ? void 0 : connection.visitorId,
+    integrationId: integrationId,
+    bgColor: bgColor,
+    brand: brand
   }));
 };
-var _default = Widget;
+var _default = Widget; // const TabBar = (props: any) => {
+//   const { index, setIndex, bgColor } = props;
+//   return (
+//     <View
+//       style={{
+//         backgroundColor: '#fff',
+//         flexDirection: 'row',
+//         padding: 3,
+//         marginBottom: 3,
+//         borderColor: '#E5E5E5',
+//         borderWidth: 0.3,
+//       }}
+//     >
+//       <TouchableOpacity onPress={() => setIndex(0)} style={{ flex: 1 }}>
+//         <View
+//           style={{
+//             backgroundColor: index === 0 ? bgColor : 'transparent',
+//             borderRadius: 5,
+//             shadowColor: bgColor,
+//             shadowOffset: {
+//               width: 0,
+//               height: index === 0 ? 2 : 0,
+//             },
+//             shadowOpacity: 0.5,
+//             shadowRadius: index === 0 ? 3.84 : 0,
+//             elevation: index === 0 ? 5 : 0,
+//           }}
+//         >
+//           <Text
+//             style={{
+//               textAlign: 'center',
+//               color: index === 0 ? 'white' : 'black',
+//               paddingVertical: 10,
+//               fontWeight: '600',
+//             }}
+//           >
+//             Support
+//           </Text>
+//         </View>
+//       </TouchableOpacity>
+//       <TouchableOpacity
+//         onPress={() => setIndex(1)}
+//         style={{
+//           flex: 1,
+//           backgroundColor: index === 1 ? bgColor : 'transparent',
+//           borderRadius: 5,
+//           shadowColor: bgColor,
+//           shadowOffset: {
+//             width: 0,
+//             height: index === 1 ? 2 : 0,
+//           },
+//           shadowOpacity: 0.5,
+//           shadowRadius: index === 1 ? 3.84 : 0,
+//           elevation: index === 1 ? 5 : 0,
+//         }}
+//       >
+//         <Text
+//           style={{
+//             paddingVertical: 10,
+//             color: index === 1 ? 'white' : 'black',
+//             textAlign: 'center',
+//             fontWeight: '600',
+//           }}
+//         >
+//           FAQ
+//         </Text>
+//       </TouchableOpacity>
+//     </View>
+//   );
+// };
 exports.default = _default;
-const TabBar = props => {
-  const {
-    index,
-    setIndex,
-    bgColor
-  } = props;
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      backgroundColor: '#fff',
-      flexDirection: 'row',
-      padding: 3,
-      marginBottom: 3,
-      borderColor: '#E5E5E5',
-      borderWidth: 0.3
-    }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
-    onPress: () => setIndex(0),
-    style: {
-      flex: 1
-    }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      backgroundColor: index === 0 ? bgColor : 'transparent',
-      borderRadius: 5,
-      shadowColor: bgColor,
-      shadowOffset: {
-        width: 0,
-        height: index === 0 ? 2 : 0
-      },
-      shadowOpacity: 0.5,
-      shadowRadius: index === 0 ? 3.84 : 0,
-      elevation: index === 0 ? 5 : 0
-    }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    style: {
-      textAlign: 'center',
-      color: index === 0 ? 'white' : 'black',
-      paddingVertical: 10,
-      fontWeight: '600'
-    }
-  }, "Support"))), /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
-    onPress: () => setIndex(1),
-    style: {
-      flex: 1,
-      backgroundColor: index === 1 ? bgColor : 'transparent',
-      borderRadius: 5,
-      shadowColor: bgColor,
-      shadowOffset: {
-        width: 0,
-        height: index === 1 ? 2 : 0
-      },
-      shadowOpacity: 0.5,
-      shadowRadius: index === 1 ? 3.84 : 0,
-      elevation: index === 1 ? 5 : 0
-    }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    style: {
-      paddingVertical: 10,
-      color: index === 1 ? 'white' : 'black',
-      textAlign: 'center',
-      fontWeight: '600'
-    }
-  }, "FAQ")));
-};
 const styles = _reactNative.StyleSheet.create({
   container: {
     flex: 1

package/lib/commonjs/Widget.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_react","_interopRequireDefault","_client","_mutation","_Greetings","_Support","_FAQ","obj","__esModule","default","Widget","props","_response$data","_response$data$widget","_response$data$widget2","_response$data2","_response$data2$widge","_response$data3","_response$data3$widge","_response$data3$widge2","_response$data4","_response$data4$widge","brandCode","response","setResponse","React","useState","index","setIndex","connectMutation","useMutation","connect","useEffect","variables","cachedCustomerId","visitorId","isUser","then","res","console","log","catch","err","bgColor","data","widgetsMessengerConnect","uiOptions","color","integrationId","knowledgeBaseTopicId","messengerData","createElement","View","style","styles","container","greetings","TabBar","customerId","_default","exports","backgroundColor","flexDirection","padding","marginBottom","borderColor","borderWidth","TouchableOpacity","onPress","flex","borderRadius","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","Text","textAlign","paddingVertical","fontWeight","StyleSheet","create"],"sourceRoot":"../../src","sources":["Widget.tsx"],"mappings":"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"}
+{"version":3,"names":["_reactNative","require","_react","_interopRequireDefault","_client","_mutation","_Greetings","_Conversations","obj","__esModule","default","Widget","props","_response$data","_response$data$widget","_response$data$widget2","_response$data2","_response$data2$widge","_response$data3","_response$data3$widge","_response$data4","_response$data4$widge","brandCode","email","hasBack","onBack","connection","response","setResponse","React","useState","connectMutation","useMutation","connect","useEffect","variables","cachedCustomerId","visitorId","isUser","Boolean","then","res","catch","err","console","log","bgColor","data","widgetsMessengerConnect","uiOptions","color","integrationId","brand","createElement","View","style","styles","container","greetings","messengerData","customerId","_default","exports","StyleSheet","create","flex"],"sourceRoot":"../../src","sources":["Widget.tsx"],"mappings":"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"}

package/lib/commonjs/components/FAB.js

@@ -0,0 +1,60 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _MaterialCommunityIcons = _interopRequireDefault(require("../icons/MaterialCommunityIcons"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/* eslint-disable react-native/no-inline-styles */
+
+const FAB = props => {
+  const {
+    icon = 'plus',
+    onPress,
+    backgroundColor = '#2F1F69',
+    iconColor = '#fff',
+    iconSize = 20,
+    style,
+    bottom = 20
+  } = props;
+  return /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+    onPress: onPress,
+    style: [styles.default, {
+      backgroundColor: backgroundColor ? backgroundColor : '#2F1F69',
+      bottom: bottom
+    }, style]
+  }, /*#__PURE__*/_react.default.createElement(_MaterialCommunityIcons.default, {
+    allowFontScaling: false,
+    name: icon,
+    size: iconSize,
+    color: iconColor,
+    direction: "ltr"
+  }));
+};
+const styles = _reactNative.StyleSheet.create({
+  default: {
+    position: 'absolute',
+    right: 20,
+    bottom: 20,
+    height: 60,
+    width: 60,
+    borderRadius: 50,
+    justifyContent: 'center',
+    alignItems: 'center',
+    elevation: 3,
+    zIndex: 3,
+    shadowColor: '#2F1F69',
+    shadowOffset: {
+      width: 0,
+      height: 0
+    },
+    shadowOpacity: 0.5,
+    shadowRadius: 3
+  }
+});
+var _default = FAB;
+exports.default = _default;
+//# sourceMappingURL=FAB.js.map

package/lib/commonjs/components/FAB.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_MaterialCommunityIcons","obj","__esModule","default","FAB","props","icon","onPress","backgroundColor","iconColor","iconSize","style","bottom","createElement","TouchableOpacity","styles","allowFontScaling","name","size","color","direction","StyleSheet","create","position","right","height","width","borderRadius","justifyContent","alignItems","elevation","zIndex","shadowColor","shadowOffset","shadowOpacity","shadowRadius","_default","exports"],"sourceRoot":"../../../src","sources":["components/FAB.tsx"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAMA,IAAAE,uBAAA,GAAAH,sBAAA,CAAAC,OAAA;AAAqE,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AARrE;;AAwBA,MAAMG,GAAG,GAAIC,KAAY,IAAK;EAC5B,MAAM;IACJC,IAAI,GAAG,MAAM;IACbC,OAAO;IACPC,eAAe,GAAG,SAAS;IAC3BC,SAAS,GAAG,MAAM;IAClBC,QAAQ,GAAG,EAAE;IACbC,KAAK;IACLC,MAAM,GAAG;EACX,CAAC,GAAGP,KAAK;EACT,oBACET,MAAA,CAAAO,OAAA,CAAAU,aAAA,CAACd,YAAA,CAAAe,gBAAgB;IACfP,OAAO,EAAEA,OAAQ;IACjBI,KAAK,EAAE,CACLI,MAAM,CAACZ,OAAO,EACd;MACEK,eAAe,EAAEA,eAAe,GAAGA,eAAe,GAAG,SAAS;MAC9DI,MAAM,EAAEA;IACV,CAAC,EACDD,KAAK;EACL,gBAEFf,MAAA,CAAAO,OAAA,CAAAU,aAAA,CAACb,uBAAA,CAAAG,OAAsB;IACrBa,gBAAgB,EAAE,KAAM;IACxBC,IAAI,EAAEX,IAAK;IACXY,IAAI,EAAER,QAAS;IACfS,KAAK,EAAEV,SAAU;IACjBW,SAAS,EAAC;EAAK,CAChB,CACe,CAAC;AAEvB,CAAC;AAED,MAAML,MAAM,GAAGM,uBAAU,CAACC,MAAM,CAAC;EAC/BnB,OAAO,EAAE;IACPoB,QAAQ,EAAE,UAAU;IACpBC,KAAK,EAAE,EAAE;IACTZ,MAAM,EAAE,EAAE;IACVa,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE,EAAE;IACTC,YAAY,EAAE,EAAE;IAChBC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBC,SAAS,EAAE,CAAC;IACZC,MAAM,EAAE,CAAC;IACTC,WAAW,EAAE,SAAS;IACtBC,YAAY,EAAE;MACZP,KAAK,EAAE,CAAC;MACRD,MAAM,EAAE;IACV,CAAC;IACDS,aAAa,EAAE,GAAG;IAClBC,YAAY,EAAE;EAChB;AACF,CAAC,CAAC;AAAC,IAAAC,QAAA,GAEYhC,GAAG;AAAAiC,OAAA,CAAAlC,OAAA,GAAAiC,QAAA"}

package/lib/commonjs/components/InputTools.js

@@ -0,0 +1,79 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _MaterialCommunityIcons = _interopRequireDefault(require("../icons/MaterialCommunityIcons"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+/* eslint-disable react-native/no-inline-styles */
+
+const InputTools = props => {
+  const {
+    onSend,
+    bgColor
+  } = props;
+  const [input, onInput] = (0, _react.useState)('');
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: {
+      paddingVertical: 5,
+      alignItems: 'flex-end',
+      flexDirection: 'row',
+      marginBottom: 20,
+      marginHorizontal: 20
+    }
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.TextInput, {
+    placeholder: 'Write a reply',
+    selectionColor: '#686868',
+    underlineColorAndroid: 'transparent',
+    style: [styles.textInputStyle],
+    placeholderTextColor: '#686868',
+    value: input,
+    onChangeText: text => {
+      onInput(text);
+    },
+    multiline: true,
+    numberOfLines: 5
+    // returnKeyType="send"
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+    style: [styles.sendStyle, {
+      backgroundColor: bgColor
+    }],
+    onPress: () => {
+      onSend && onSend(input);
+      onInput('');
+    }
+  }, /*#__PURE__*/_react.default.createElement(_MaterialCommunityIcons.default, {
+    allowFontScaling: false,
+    name: 'send',
+    size: 20,
+    color: 'white',
+    direction: "ltr"
+  })));
+};
+const styles = _reactNative.StyleSheet.create({
+  sendStyle: {
+    width: 40,
+    height: 40,
+    marginLeft: 10,
+    borderRadius: 90,
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  textInputStyle: {
+    flex: 1,
+    paddingHorizontal: 15,
+    backgroundColor: 'white',
+    borderRadius: 20,
+    maxHeight: 100,
+    minHeight: 40,
+    paddingTop: 12
+  }
+});
+var _default = InputTools;
+exports.default = _default;
+//# sourceMappingURL=InputTools.js.map

package/lib/commonjs/components/InputTools.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_MaterialCommunityIcons","_interopRequireDefault","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","InputTools","props","onSend","bgColor","input","onInput","useState","createElement","View","style","paddingVertical","alignItems","flexDirection","marginBottom","marginHorizontal","TextInput","placeholder","selectionColor","underlineColorAndroid","styles","textInputStyle","placeholderTextColor","value","onChangeText","text","multiline","numberOfLines","TouchableOpacity","sendStyle","backgroundColor","onPress","allowFontScaling","name","size","color","direction","StyleSheet","create","width","height","marginLeft","borderRadius","justifyContent","flex","paddingHorizontal","maxHeight","minHeight","paddingTop","_default","exports"],"sourceRoot":"../../../src","sources":["components/InputTools.tsx"],"mappings":"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"}

package/lib/commonjs/{apolloClient.js → graphql/apolloClient.js}

@@ -43,7 +43,14 @@ const splitLink = (0, _core.split)(_ref2 => {
 }, wsLink, (0, _core.from)([logoutLink, httpLink]));
 const ClientProvider = () => new _core.ApolloClient({
   link: splitLink,
-  cache: new _core.InMemoryCache(),
+  cache: new _core.InMemoryCache({
+    typePolicies: {
+      UserDetailsType: {
+        merge: true
+      }
+    },
+    addTypename: true
+  }),
   defaultOptions: {
     watchQuery: {
       fetchPolicy: 'network-only'

package/lib/commonjs/graphql/apolloClient.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_core","require","_error","_utilities","_graphqlWs","_subscriptions","baseUrl","apiUrl","exports","wsLink","GraphQLWsLink","createClient","url","retryAttempts","retryWait","Promise","resolve","setTimeout","logoutLink","onError","_ref","networkError","graphQLErrors","console","log","httpLink","createHttpLink","uri","credentials","splitLink","split","_ref2","query","definition","getMainDefinition","kind","operation","from","ClientProvider","ApolloClient","link","cache","InMemoryCache","typePolicies","UserDetailsType","merge","addTypename","defaultOptions","watchQuery","fetchPolicy","_default","default"],"sourceRoot":"../../../src","sources":["graphql/apolloClient.ts"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAOA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AACA,IAAAI,cAAA,GAAAJ,OAAA;AAEA,MAAMK,OAAO,GAAG,yBAAyB;AAElC,MAAMC,MAAM,GAAI,WAAUD,OAAQ,EAAC;;AAE1C;AAAAE,OAAA,CAAAD,MAAA,GAAAA,MAAA;AACO,MAAME,MAAW,GAAG,IAAIC,4BAAa,CAC1C,IAAAC,uBAAY,EAAC;EACXC,GAAG,EAAG,SAAQN,OAAQ,UAAS,IAAI,6BAA6B;EAChEO,aAAa,EAAE,IAAI;EACnBC,SAAS,EAAE,MAAAA,CAAA,KAAY;IACrB,MAAM,IAAIC,OAAO,CAAEC,OAAO,IAAKC,UAAU,CAACD,OAAO,EAAE,IAAI,CAAC,CAAC;EAC3D;AACF,CAAC,CACH,CAAC;AAACR,OAAA,CAAAC,MAAA,GAAAA,MAAA;AAEF,MAAMS,UAAU,GAAG,IAAAC,cAAO,EAACC,IAAA,IAAqC;EAAA,IAApC;IAAEC,YAAY;IAAEC;EAAc,CAAC,GAAAF,IAAA;EACzDG,OAAO,CAACC,GAAG,CAAC,YAAY,EAAEH,YAAY,CAAC;EACvCE,OAAO,CAACC,GAAG,CAAC,YAAY,EAAEF,aAAa,CAAC;AAC1C,CAAC,CAAC;AAEF,MAAMG,QAAQ,GAAG,IAAAC,oBAAc,EAAC;EAC9BC,GAAG,EAAG,GAAEpB,MAAO,UAAS;EACxBqB,WAAW,EAAE;AACf,CAAC,CAAC;AAEF,MAAMC,SAAS,GAAG,IAAAC,WAAK,EACrBC,KAAA,IAAe;EAAA,IAAd;IAAEC;EAAM,CAAC,GAAAD,KAAA;EACR,MAAME,UAAU,GAAG,IAAAC,4BAAiB,EAACF,KAAK,CAAC;EAC3C,OACEC,UAAU,CAACE,IAAI,KAAK,qBAAqB,IACzCF,UAAU,CAACG,SAAS,KAAK,cAAc;AAE3C,CAAC,EACD3B,MAAM,EACN,IAAA4B,UAAI,EAAC,CAACnB,UAAU,EAAEO,QAAQ,CAAC,CAC7B,CAAC;AAED,MAAMa,cAAc,GAAGA,CAAA,KACrB,IAAIC,kBAAY,CAAC;EACfC,IAAI,EAAEX,SAAS;EACfY,KAAK,EAAE,IAAIC,mBAAa,CAAC;IACvBC,YAAY,EAAE;MACZC,eAAe,EAAE;QACfC,KAAK,EAAE;MACT;IACF,CAAC;IACDC,WAAW,EAAE;EACf,CAAC,CAAC;EACFC,cAAc,EAAE;IAAEC,UAAU,EAAE;MAAEC,WAAW,EAAE;IAAe;EAAE;AAChE,CAAC,CAAC;AAAC,IAAAC,QAAA,GAEUZ,cAAc;AAAA9B,OAAA,CAAA2C,OAAA,GAAAD,QAAA"}

package/lib/commonjs/graphql/mutation.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.connect = void 0;
+exports.widgetsSaveCustomerGetNotified = exports.widgetsInsertMessage = exports.connect = void 0;
 var _client = require("@apollo/client");
 const connect = (0, _client.gql)`
   mutation connect(
@@ -44,4 +44,85 @@ const connect = (0, _client.gql)`
   }
 `;
 exports.connect = connect;
+const widgetsInsertMessage = (0, _client.gql)`
+  mutation widgetsInsertMessage(
+    $integrationId: String!
+    $customerId: String
+    $visitorId: String
+    $message: String
+    $contentType: String
+    $conversationId: String
+    $attachments: [AttachmentInput]
+    $skillId: String
+  ) {
+    widgetsInsertMessage(
+      integrationId: $integrationId
+      customerId: $customerId
+      visitorId: $visitorId
+      contentType: $contentType
+      message: $message
+      conversationId: $conversationId
+      attachments: $attachments
+      skillId: $skillId
+    ) {
+      _id
+      conversationId
+      customerId
+      user {
+        _id
+        details {
+          avatar
+          fullName
+          __typename
+        }
+        __typename
+      }
+      content
+      createdAt
+      internal
+      fromBot
+      contentType
+      videoCallData {
+        url
+        status
+        __typename
+      }
+      engageData {
+        content
+        kind
+        sentAs
+        messageId
+        brandId
+        __typename
+      }
+      botData
+      messengerAppData
+      attachments {
+        url
+        name
+        size
+        type
+        __typename
+      }
+      __typename
+    }
+  }
+`;
+exports.widgetsInsertMessage = widgetsInsertMessage;
+const widgetsSaveCustomerGetNotified = (0, _client.gql)`
+  mutation widgetsSaveCustomerGetNotified(
+    $customerId: String
+    $visitorId: String
+    $type: String!
+    $value: String!
+  ) {
+    widgetsSaveCustomerGetNotified(
+      customerId: $customerId
+      visitorId: $visitorId
+      type: $type
+      value: $value
+    )
+  }
+`;
+exports.widgetsSaveCustomerGetNotified = widgetsSaveCustomerGetNotified;
 //# sourceMappingURL=mutation.js.map