rn-erxes-sdk 0.1.22 → 0.1.24

package/lib/commonjs/components/conversation/PersistentMenu.js

@@ -0,0 +1,64 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactNative = require("react-native");
+var _react = _interopRequireDefault(require("react"));
+var _theme = require("../../theme");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+// RN port of the web messenger PersistentMenu. `persistentMenus` comes from the
+// connect messengerData (same backend); each item is { type, text, link }.
+// A 'button' item sends its text as a message; a 'link' item opens the URL.
+const PersistentMenu = _ref => {
+  let {
+    items,
+    onSendText
+  } = _ref;
+  if (!items || items.length === 0) {
+    return null;
+  }
+  const handlePress = item => {
+    if (item.type === 'link' && item.link) {
+      _reactNative.Linking.openURL(item.link);
+    } else {
+      onSendText(item.text);
+    }
+  };
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.panel
+  }, items.map((item, index) => /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+    key: `${item.text}-${index}`,
+    style: [styles.item, index !== 0 && styles.itemBorder],
+    onPress: () => handlePress(item)
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: styles.itemText,
+    numberOfLines: 1
+  }, item.text))));
+};
+var _default = PersistentMenu;
+exports.default = _default;
+const styles = _reactNative.StyleSheet.create({
+  panel: {
+    backgroundColor: _theme.messengerTheme.colors.surface,
+    borderRadius: _theme.messengerTheme.radius.lg,
+    marginBottom: _theme.messengerTheme.spacing.sm,
+    overflow: 'hidden',
+    ..._theme.messengerTheme.shadow.card
+  },
+  item: {
+    paddingVertical: _theme.messengerTheme.spacing.md,
+    paddingHorizontal: _theme.messengerTheme.spacing.lg
+  },
+  itemBorder: {
+    borderTopWidth: _reactNative.StyleSheet.hairlineWidth,
+    borderTopColor: _theme.messengerTheme.colors.border
+  },
+  itemText: {
+    fontSize: 14,
+    color: _theme.messengerTheme.colors.text,
+    fontWeight: '500'
+  }
+});
+//# sourceMappingURL=PersistentMenu.js.map

package/lib/commonjs/components/conversation/PersistentMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_react","_interopRequireDefault","_theme","obj","__esModule","default","PersistentMenu","_ref","items","onSendText","length","handlePress","item","type","link","Linking","openURL","text","createElement","View","style","styles","panel","map","index","TouchableOpacity","key","itemBorder","onPress","Text","itemText","numberOfLines","_default","exports","StyleSheet","create","backgroundColor","messengerTheme","colors","surface","borderRadius","radius","lg","marginBottom","spacing","sm","overflow","shadow","card","paddingVertical","md","paddingHorizontal","borderTopWidth","hairlineWidth","borderTopColor","border","fontSize","color","fontWeight"],"sourceRoot":"../../../../src","sources":["components/conversation/PersistentMenu.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAOA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAA6C,SAAAE,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAE7C;AACA;AACA;AAQA,MAAMG,cAAc,GAAGC,IAAA,IAAkC;EAAA,IAAjC;IAAEC,KAAK;IAAEC;EAAkB,CAAC,GAAAF,IAAA;EAClD,IAAI,CAACC,KAAK,IAAIA,KAAK,CAACE,MAAM,KAAK,CAAC,EAAE;IAChC,OAAO,IAAI;EACb;EAEA,MAAMC,WAAW,GAAIC,IAAc,IAAK;IACtC,IAAIA,IAAI,CAACC,IAAI,KAAK,MAAM,IAAID,IAAI,CAACE,IAAI,EAAE;MACrCC,oBAAO,CAACC,OAAO,CAACJ,IAAI,CAACE,IAAI,CAAC;IAC5B,CAAC,MAAM;MACLL,UAAU,CAACG,IAAI,CAACK,IAAI,CAAC;IACvB;EACF,CAAC;EAED,oBACEjB,MAAA,CAAAK,OAAA,CAAAa,aAAA,CAACpB,YAAA,CAAAqB,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC;EAAM,GACvBd,KAAK,CAACe,GAAG,CAAC,CAACX,IAAI,EAAEY,KAAK,kBACrBxB,MAAA,CAAAK,OAAA,CAAAa,aAAA,CAACpB,YAAA,CAAA2B,gBAAgB;IACfC,GAAG,EAAG,GAAEd,IAAI,CAACK,IAAK,IAAGO,KAAM,EAAE;IAC7BJ,KAAK,EAAE,CAACC,MAAM,CAACT,IAAI,EAAEY,KAAK,KAAK,CAAC,IAAIH,MAAM,CAACM,UAAU,CAAE;IACvDC,OAAO,EAAEA,CAAA,KAAMjB,WAAW,CAACC,IAAI;EAAE,gBAEjCZ,MAAA,CAAAK,OAAA,CAAAa,aAAA,CAACpB,YAAA,CAAA+B,IAAI;IAACT,KAAK,EAAEC,MAAM,CAACS,QAAS;IAACC,aAAa,EAAE;EAAE,GAC5CnB,IAAI,CAACK,IACF,CACU,CACnB,CACG,CAAC;AAEX,CAAC;AAAC,IAAAe,QAAA,GAEa1B,cAAc;AAAA2B,OAAA,CAAA5B,OAAA,GAAA2B,QAAA;AAE7B,MAAMX,MAAM,GAAGa,uBAAU,CAACC,MAAM,CAAC;EAC/Bb,KAAK,EAAE;IACLc,eAAe,EAAEC,qBAAc,CAACC,MAAM,CAACC,OAAO;IAC9CC,YAAY,EAAEH,qBAAc,CAACI,MAAM,CAACC,EAAE;IACtCC,YAAY,EAAEN,qBAAc,CAACO,OAAO,CAACC,EAAE;IACvCC,QAAQ,EAAE,QAAQ;IAClB,GAAGT,qBAAc,CAACU,MAAM,CAACC;EAC3B,CAAC;EACDpC,IAAI,EAAE;IACJqC,eAAe,EAAEZ,qBAAc,CAACO,OAAO,CAACM,EAAE;IAC1CC,iBAAiB,EAAEd,qBAAc,CAACO,OAAO,CAACF;EAC5C,CAAC;EACDf,UAAU,EAAE;IACVyB,cAAc,EAAElB,uBAAU,CAACmB,aAAa;IACxCC,cAAc,EAAEjB,qBAAc,CAACC,MAAM,CAACiB;EACxC,CAAC;EACDzB,QAAQ,EAAE;IACR0B,QAAQ,EAAE,EAAE;IACZC,KAAK,EAAEpB,qBAAc,CAACC,MAAM,CAACrB,IAAI;IACjCyC,UAAU,EAAE;EACd;AACF,CAAC,CAAC"}

package/lib/commonjs/components/conversation/TypingStatus.js

@@ -0,0 +1,122 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactNative = require("react-native");
+var _react = _interopRequireWildcard(require("react"));
+var _theme = require("../../theme");
+var _Context = _interopRequireDefault(require("../../context/Context"));
+var _images = _interopRequireDefault(require("../../assets/images"));
+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; }
+// RN port of the web messenger TypingStatus — a small incoming bubble with the
+// brand avatar and three bouncing dots, shown while the bot is typing.
+const Dot = _ref => {
+  let {
+    delay
+  } = _ref;
+  const anim = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
+  (0, _react.useEffect)(() => {
+    const loop = _reactNative.Animated.loop(_reactNative.Animated.sequence([_reactNative.Animated.delay(delay), _reactNative.Animated.timing(anim, {
+      toValue: 1,
+      duration: 300,
+      easing: _reactNative.Easing.inOut(_reactNative.Easing.ease),
+      useNativeDriver: true
+    }), _reactNative.Animated.timing(anim, {
+      toValue: 0,
+      duration: 300,
+      easing: _reactNative.Easing.inOut(_reactNative.Easing.ease),
+      useNativeDriver: true
+    }), _reactNative.Animated.delay(600 - delay)]));
+    loop.start();
+    return () => loop.stop();
+  }, [anim, delay]);
+  const translateY = anim.interpolate({
+    inputRange: [0, 1],
+    outputRange: [0, -4]
+  });
+  const opacity = anim.interpolate({
+    inputRange: [0, 1],
+    outputRange: [0.4, 1]
+  });
+  return /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
+    style: [styles.dot, {
+      opacity,
+      transform: [{
+        translateY
+      }]
+    }]
+  });
+};
+const TypingStatus = () => {
+  const value = (0, _react.useContext)(_Context.default);
+  const {
+    logoUrl,
+    bgColor
+  } = value;
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.row
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.avatar, {
+      backgroundColor: bgColor
+    }]
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
+    source: logoUrl ? {
+      uri: logoUrl
+    } : _images.default.logo,
+    style: styles.logo,
+    resizeMode: "contain"
+  })), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.bubble
+  }, /*#__PURE__*/_react.default.createElement(Dot, {
+    delay: 0
+  }), /*#__PURE__*/_react.default.createElement(Dot, {
+    delay: 150
+  }), /*#__PURE__*/_react.default.createElement(Dot, {
+    delay: 300
+  })));
+};
+var _default = TypingStatus;
+exports.default = _default;
+const styles = _reactNative.StyleSheet.create({
+  row: {
+    flexDirection: 'row',
+    alignItems: 'flex-end',
+    marginTop: _theme.messengerTheme.spacing.sm,
+    alignSelf: 'flex-start'
+  },
+  avatar: {
+    width: 32,
+    height: 32,
+    borderRadius: 16,
+    alignItems: 'center',
+    justifyContent: 'center',
+    overflow: 'hidden'
+  },
+  logo: {
+    width: 20,
+    height: 20
+  },
+  bubble: {
+    marginLeft: _theme.messengerTheme.spacing.sm,
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 4,
+    backgroundColor: _theme.messengerTheme.colors.incomingBubble,
+    paddingHorizontal: 14,
+    paddingVertical: 12,
+    borderRadius: _theme.messengerTheme.radius.bubble,
+    borderBottomLeftRadius: _theme.messengerTheme.radius.tail,
+    ..._theme.messengerTheme.shadow.bubble
+  },
+  dot: {
+    width: 7,
+    height: 7,
+    borderRadius: 4,
+    backgroundColor: _theme.messengerTheme.colors.subtleText
+  }
+});
+//# sourceMappingURL=TypingStatus.js.map

package/lib/commonjs/components/conversation/TypingStatus.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_react","_interopRequireWildcard","_theme","_Context","_interopRequireDefault","_images","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","Dot","_ref","delay","anim","useRef","Animated","Value","current","useEffect","loop","sequence","timing","toValue","duration","easing","Easing","inOut","ease","useNativeDriver","start","stop","translateY","interpolate","inputRange","outputRange","opacity","createElement","View","style","styles","dot","transform","TypingStatus","value","useContext","AppContext","logoUrl","bgColor","row","avatar","backgroundColor","Image","source","uri","images","logo","resizeMode","bubble","_default","exports","StyleSheet","create","flexDirection","alignItems","marginTop","messengerTheme","spacing","sm","alignSelf","width","height","borderRadius","justifyContent","overflow","marginLeft","gap","colors","incomingBubble","paddingHorizontal","paddingVertical","radius","borderBottomLeftRadius","tail","shadow","subtleText"],"sourceRoot":"../../../../src","sources":["components/conversation/TypingStatus.tsx"],"mappings":"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"}

package/lib/commonjs/components/conversation/WelcomeMessage.js

@@ -0,0 +1,85 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactNative = require("react-native");
+var _react = _interopRequireWildcard(require("react"));
+var _theme = require("../../theme");
+var _Context = _interopRequireDefault(require("../../context/Context"));
+var _images = _interopRequireDefault(require("../../assets/images"));
+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; }
+// RN port of the web messenger WelcomeMessage — an incoming-style bubble shown
+// at the very top of a conversation, using the brand logo as the avatar.
+const WelcomeMessage = _ref => {
+  let {
+    content
+  } = _ref;
+  const value = (0, _react.useContext)(_Context.default);
+  const {
+    logoUrl,
+    bgColor
+  } = value;
+  if (!content) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.row
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.avatar, {
+      backgroundColor: bgColor
+    }]
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
+    source: logoUrl ? {
+      uri: logoUrl
+    } : _images.default.logo,
+    style: styles.logo,
+    resizeMode: "contain"
+  })), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.bubble
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: styles.text
+  }, content)));
+};
+var _default = WelcomeMessage;
+exports.default = _default;
+const styles = _reactNative.StyleSheet.create({
+  row: {
+    flexDirection: 'row',
+    alignItems: 'flex-end',
+    marginTop: _theme.messengerTheme.spacing.md,
+    maxWidth: '82%',
+    alignSelf: 'flex-start'
+  },
+  avatar: {
+    width: 32,
+    height: 32,
+    borderRadius: 16,
+    alignItems: 'center',
+    justifyContent: 'center',
+    overflow: 'hidden'
+  },
+  logo: {
+    width: 20,
+    height: 20
+  },
+  bubble: {
+    marginLeft: _theme.messengerTheme.spacing.sm,
+    backgroundColor: _theme.messengerTheme.colors.incomingBubble,
+    paddingHorizontal: _theme.messengerTheme.spacing.md,
+    paddingVertical: 8,
+    borderRadius: _theme.messengerTheme.radius.bubble,
+    borderBottomLeftRadius: _theme.messengerTheme.radius.tail,
+    flexShrink: 1,
+    ..._theme.messengerTheme.shadow.bubble
+  },
+  text: {
+    fontSize: 14,
+    lineHeight: 20,
+    color: _theme.messengerTheme.colors.incomingText
+  }
+});
+//# sourceMappingURL=WelcomeMessage.js.map

package/lib/commonjs/components/conversation/WelcomeMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_react","_interopRequireWildcard","_theme","_Context","_interopRequireDefault","_images","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","WelcomeMessage","_ref","content","value","useContext","AppContext","logoUrl","bgColor","createElement","View","style","styles","row","avatar","backgroundColor","Image","source","uri","images","logo","resizeMode","bubble","Text","text","_default","exports","StyleSheet","create","flexDirection","alignItems","marginTop","messengerTheme","spacing","md","maxWidth","alignSelf","width","height","borderRadius","justifyContent","overflow","marginLeft","sm","colors","incomingBubble","paddingHorizontal","paddingVertical","radius","borderBottomLeftRadius","tail","flexShrink","shadow","fontSize","lineHeight","color","incomingText"],"sourceRoot":"../../../../src","sources":["components/conversation/WelcomeMessage.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAC,sBAAA,CAAAL,OAAA;AACA,IAAAM,OAAA,GAAAD,sBAAA,CAAAL,OAAA;AAAyC,SAAAK,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAT,wBAAAK,GAAA,EAAAI,WAAA,SAAAA,WAAA,IAAAJ,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAQ,KAAA,GAAAL,wBAAA,CAAAC,WAAA,OAAAI,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAT,GAAA,YAAAQ,KAAA,CAAAE,GAAA,CAAAV,GAAA,SAAAW,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAhB,GAAA,QAAAgB,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAnB,GAAA,EAAAgB,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAf,GAAA,EAAAgB,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAhB,GAAA,CAAAgB,GAAA,SAAAL,MAAA,CAAAT,OAAA,GAAAF,GAAA,MAAAQ,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAArB,GAAA,EAAAW,MAAA,YAAAA,MAAA;AAEzC;AACA;AACA,MAAMW,cAAc,GAAGC,IAAA,IAAuC;EAAA,IAAtC;IAAEC;EAA8B,CAAC,GAAAD,IAAA;EACvD,MAAME,KAAK,GAAG,IAAAC,iBAAU,EAACC,gBAAU,CAAC;EACpC,MAAM;IAAEC,OAAO;IAAEC;EAAQ,CAAC,GAAGJ,KAAK;EAElC,IAAI,CAACD,OAAO,EAAE;IACZ,OAAO,IAAI;EACb;EAEA,oBACE9B,MAAA,CAAAQ,OAAA,CAAA4B,aAAA,CAACtC,YAAA,CAAAuC,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC;EAAI,gBACtBxC,MAAA,CAAAQ,OAAA,CAAA4B,aAAA,CAACtC,YAAA,CAAAuC,IAAI;IAACC,KAAK,EAAE,CAACC,MAAM,CAACE,MAAM,EAAE;MAAEC,eAAe,EAAEP;IAAQ,CAAC;EAAE,gBACzDnC,MAAA,CAAAQ,OAAA,CAAA4B,aAAA,CAACtC,YAAA,CAAA6C,KAAK;IACJC,MAAM,EAAEV,OAAO,GAAG;MAAEW,GAAG,EAAEX;IAAQ,CAAC,GAAGY,eAAM,CAACC,IAAK;IACjDT,KAAK,EAAEC,MAAM,CAACQ,IAAK;IACnBC,UAAU,EAAC;EAAS,CACrB,CACG,CAAC,eACPhD,MAAA,CAAAQ,OAAA,CAAA4B,aAAA,CAACtC,YAAA,CAAAuC,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACU;EAAO,gBACzBjD,MAAA,CAAAQ,OAAA,CAAA4B,aAAA,CAACtC,YAAA,CAAAoD,IAAI;IAACZ,KAAK,EAAEC,MAAM,CAACY;EAAK,GAAErB,OAAc,CACrC,CACF,CAAC;AAEX,CAAC;AAAC,IAAAsB,QAAA,GAEaxB,cAAc;AAAAyB,OAAA,CAAA7C,OAAA,GAAA4C,QAAA;AAE7B,MAAMb,MAAM,GAAGe,uBAAU,CAACC,MAAM,CAAC;EAC/Bf,GAAG,EAAE;IACHgB,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,UAAU;IACtBC,SAAS,EAAEC,qBAAc,CAACC,OAAO,CAACC,EAAE;IACpCC,QAAQ,EAAE,KAAK;IACfC,SAAS,EAAE;EACb,CAAC;EACDtB,MAAM,EAAE;IACNuB,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,YAAY,EAAE,EAAE;IAChBT,UAAU,EAAE,QAAQ;IACpBU,cAAc,EAAE,QAAQ;IACxBC,QAAQ,EAAE;EACZ,CAAC;EACDrB,IAAI,EAAE;IACJiB,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACV,CAAC;EACDhB,MAAM,EAAE;IACNoB,UAAU,EAAEV,qBAAc,CAACC,OAAO,CAACU,EAAE;IACrC5B,eAAe,EAAEiB,qBAAc,CAACY,MAAM,CAACC,cAAc;IACrDC,iBAAiB,EAAEd,qBAAc,CAACC,OAAO,CAACC,EAAE;IAC5Ca,eAAe,EAAE,CAAC;IAClBR,YAAY,EAAEP,qBAAc,CAACgB,MAAM,CAAC1B,MAAM;IAC1C2B,sBAAsB,EAAEjB,qBAAc,CAACgB,MAAM,CAACE,IAAI;IAClDC,UAAU,EAAE,CAAC;IACb,GAAGnB,qBAAc,CAACoB,MAAM,CAAC9B;EAC3B,CAAC;EACDE,IAAI,EAAE;IACJ6B,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,KAAK,EAAEvB,qBAAc,CAACY,MAAM,CAACY;EAC/B;AACF,CAAC,CAAC"}

package/lib/commonjs/components/nav/Navigation.js

@@ -0,0 +1,130 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _theme = require("../../theme");
+var _Icons = require("../Icons");
+var _constants = require("./constants");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+// Bottom tab bar — RN port of the web messenger "FluidTabs"
+// (frontline-widgets components/nav/navigation.tsx): equal-width tabs with an
+// icon over a label, the active tab tinted with the brand color over a subtle
+// brand-tinted highlight, and an unread badge on Messages.
+
+const renderIcon = (key, color) => {
+  if (key === 'home') {
+    return /*#__PURE__*/_react.default.createElement(_Icons.HomeIcon, {
+      color: color,
+      size: 22
+    });
+  }
+  if (key === 'faq') {
+    return /*#__PURE__*/_react.default.createElement(_Icons.HelpIcon, {
+      color: color,
+      size: 22
+    });
+  }
+  return /*#__PURE__*/_react.default.createElement(_Icons.MessageIcon, {
+    color: color,
+    size: 22
+  });
+};
+const Navigation = _ref => {
+  let {
+    activeTab,
+    onChange,
+    bgColor,
+    unreadCount = 0,
+    hiddenTabs = []
+  } = _ref;
+  const items = _constants.NAVIGATION_MENU.filter(i => !hiddenTabs.includes(i.key));
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.bar
+  }, items.map(item => {
+    const isActive = activeTab === item.key;
+    const color = isActive ? bgColor : _theme.messengerTheme.colors.mutedText;
+    const showBadge = item.key === 'messages' && unreadCount > 0;
+    return /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+      key: item.key,
+      activeOpacity: 0.7,
+      style: styles.tab,
+      onPress: () => onChange(item.key)
+    }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: [styles.highlight, isActive && {
+        backgroundColor: bgColor + '14'
+      }]
+    }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: styles.iconWrap
+    }, renderIcon(item.key, color), showBadge ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: [styles.badge, {
+        backgroundColor: bgColor
+      }]
+    }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+      style: styles.badgeText
+    }, unreadCount > 99 ? '99+' : unreadCount)) : null), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+      style: [styles.label, {
+        color
+      }]
+    }, item.label)));
+  }));
+};
+var _default = Navigation;
+exports.default = _default;
+const styles = _reactNative.StyleSheet.create({
+  bar: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    backgroundColor: _theme.messengerTheme.colors.surface,
+    borderTopWidth: _reactNative.StyleSheet.hairlineWidth,
+    borderTopColor: _theme.messengerTheme.colors.border,
+    paddingTop: 8,
+    paddingBottom: _reactNative.Platform.OS === 'ios' ? 18 : 8,
+    paddingHorizontal: 10
+  },
+  tab: {
+    flex: 1,
+    alignItems: 'center'
+  },
+  highlight: {
+    width: '94%',
+    maxWidth: 112,
+    height: 50,
+    alignItems: 'center',
+    justifyContent: 'center',
+    gap: 2,
+    paddingHorizontal: 8,
+    borderRadius: _theme.messengerTheme.radius.md
+  },
+  iconWrap: {
+    width: 24,
+    height: 24,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  label: {
+    fontSize: 11,
+    lineHeight: 13,
+    fontWeight: '500'
+  },
+  badge: {
+    position: 'absolute',
+    top: -5,
+    right: -8,
+    minWidth: 16,
+    height: 16,
+    borderRadius: 8,
+    paddingHorizontal: 4,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  badgeText: {
+    color: '#fff',
+    fontSize: 9,
+    fontWeight: '700'
+  }
+});
+//# sourceMappingURL=Navigation.js.map

package/lib/commonjs/components/nav/Navigation.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_theme","_Icons","_constants","obj","__esModule","default","renderIcon","key","color","createElement","HomeIcon","size","HelpIcon","MessageIcon","Navigation","_ref","activeTab","onChange","bgColor","unreadCount","hiddenTabs","items","NAVIGATION_MENU","filter","i","includes","View","style","styles","bar","map","item","isActive","messengerTheme","colors","mutedText","showBadge","TouchableOpacity","activeOpacity","tab","onPress","highlight","backgroundColor","iconWrap","badge","Text","badgeText","label","_default","exports","StyleSheet","create","flexDirection","alignItems","surface","borderTopWidth","hairlineWidth","borderTopColor","border","paddingTop","paddingBottom","Platform","OS","paddingHorizontal","flex","width","maxWidth","height","justifyContent","gap","borderRadius","radius","md","fontSize","lineHeight","fontWeight","position","top","right","minWidth"],"sourceRoot":"../../../../src","sources":["components/nav/Navigation.tsx"],"mappings":"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"}

package/lib/commonjs/components/nav/constants.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NAVIGATION_MENU = void 0;
+// Bottom navigation items, mirroring the web messenger SDK NAVIGATION_MENU
+// (frontline-widgets components/nav/constants.ts). Home + Messages are always
+// shown; Help (FAQ) appears only when the integration has a knowledge base
+// topic. Tickets/Notifications require extra GraphQL not yet wired on mobile.
+
+const NAVIGATION_MENU = [{
+  key: 'home',
+  label: 'Home'
+}, {
+  key: 'messages',
+  label: 'Messages'
+}, {
+  key: 'faq',
+  label: 'Help'
+}];
+exports.NAVIGATION_MENU = NAVIGATION_MENU;
+//# sourceMappingURL=constants.js.map

package/lib/commonjs/components/nav/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["NAVIGATION_MENU","key","label","exports"],"sourceRoot":"../../../../src","sources":["components/nav/constants.ts"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;;AAQO,MAAMA,eAA0B,GAAG,CACxC;EAAEC,GAAG,EAAE,MAAM;EAAEC,KAAK,EAAE;AAAO,CAAC,EAC9B;EAAED,GAAG,EAAE,UAAU;EAAEC,KAAK,EAAE;AAAW,CAAC,EACtC;EAAED,GAAG,EAAE,KAAK;EAAEC,KAAK,EAAE;AAAO,CAAC,CAC9B;AAACC,OAAA,CAAAH,eAAA,GAAAA,eAAA"}

package/lib/commonjs/graphql/ApolloContainer.js

@@ -53,8 +53,7 @@ const ApolloContainer = _ref => {
         UserDetailsType: {
           merge: true
         }
-      },
-      addTypename: true
+      }
     }),
     defaultOptions: {
       watchQuery: {

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_client","_utilities","_error","_subscriptions","_graphqlWs","obj","__esModule","default","ApolloContainer","_ref","children","subDomain","socketUrl","apiUrl","wsLink","GraphQLWsLink","createClient","url","retryAttempts","retryWait","Promise","resolve","setTimeout","logoutLink","onError","_ref2","networkError","graphQLErrors","console","log","httpLink","createHttpLink","uri","credentials","splitLink","split","_ref3","query","definition","getMainDefinition","kind","operation","from","ClientProvider","ApolloClient","link","cache","InMemoryCache","typePolicies","UserDetailsType","merge","addTypename","defaultOptions","watchQuery","fetchPolicy","createElement","ApolloProvider","client","_default","exports"],"sourceRoot":"../../../src","sources":["graphql/ApolloContainer.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAQA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,cAAA,GAAAJ,OAAA;AACA,IAAAK,UAAA,GAAAL,OAAA;AAA0C,SAAAD,uBAAAO,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAE1C,MAAMG,eAAe,GAAGC,IAAA,IAAkC;EAAA,IAAjC;IAAEC,QAAQ;IAAEC;EAAe,CAAC,GAAAF,IAAA;EACnD,MAAMG,SAAS,GAAI,SAAQD,SAAU,kBAAiB;EACtD,MAAME,MAAM,GAAI,WAAUF,SAAU,UAAS;;EAE7C;EACA,MAAMG,MAAW,GAAG,IAAIC,4BAAa,CACnC,IAAAC,uBAAY,EAAC;IACXC,GAAG,EAAEL,SAAS,IAAI,6BAA6B;IAC/CM,aAAa,EAAE,IAAI;IACnBC,SAAS,EAAE,MAAAA,CAAA,KAAY;MACrB,MAAM,IAAIC,OAAO,CAAEC,OAAO,IAAKC,UAAU,CAACD,OAAO,EAAE,IAAI,CAAC,CAAC;IAC3D;EACF,CAAC,CACH,CAAC;EAED,MAAME,UAAU,GAAG,IAAAC,cAAO,EAACC,KAAA,IAAqC;IAAA,IAApC;MAAEC,YAAY;MAAEC;IAAc,CAAC,GAAAF,KAAA;IACzDG,OAAO,CAACC,GAAG,CAAC,YAAY,EAAEH,YAAY,CAAC;IACvCE,OAAO,CAACC,GAAG,CAAC,YAAY,EAAEF,aAAa,CAAC;EAC1C,CAAC,CAAC;EAEF,MAAMG,QAAQ,GAAG,IAAAC,sBAAc,EAAC;IAC9BC,GAAG,EAAG,GAAEnB,MAAO,UAAS;IACxBoB,WAAW,EAAE;EACf,CAAC,CAAC;EAEF,MAAMC,SAAS,GAAG,IAAAC,aAAK,EACrBC,KAAA,IAAe;IAAA,IAAd;MAAEC;IAAM,CAAC,GAAAD,KAAA;IACR,MAAME,UAAU,GAAG,IAAAC,4BAAiB,EAACF,KAAK,CAAC;IAC3C,OACEC,UAAU,CAACE,IAAI,KAAK,qBAAqB,IACzCF,UAAU,CAACG,SAAS,KAAK,cAAc;EAE3C,CAAC,EACD3B,MAAM,EACN,IAAA4B,YAAI,EAAC,CAACnB,UAAU,EAAEO,QAAQ,CAAC,CAC7B,CAAC;EAED,MAAMa,cAAc,GAAGA,CAAA,KACrB,IAAIC,oBAAY,CAAC;IACfC,IAAI,EAAEX,SAAS;IACfY,KAAK,EAAE,IAAIC,qBAAa,CAAC;MACvBC,YAAY,EAAE;QACZC,eAAe,EAAE;UACfC,KAAK,EAAE;QACT;MACF,CAAC;MACDC,WAAW,EAAE;IACf,CAAC,CAAC;IACFC,cAAc,EAAE;MAAEC,UAAU,EAAE;QAAEC,WAAW,EAAE;MAAe;IAAE;EAChE,CAAC,CAAC;EAEJ,oBAAOzD,MAAA,CAAAU,OAAA,CAAAgD,aAAA,CAACvD,OAAA,CAAAwD,cAAc;IAACC,MAAM,EAAEd,cAAc,CAAC;EAAE,GAAEjC,QAAyB,CAAC;AAC9E,CAAC;AAAC,IAAAgD,QAAA,GAEalD,eAAe;AAAAmD,OAAA,CAAApD,OAAA,GAAAmD,QAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_client","_utilities","_error","_subscriptions","_graphqlWs","obj","__esModule","default","ApolloContainer","_ref","children","subDomain","socketUrl","apiUrl","wsLink","GraphQLWsLink","createClient","url","retryAttempts","retryWait","Promise","resolve","setTimeout","logoutLink","onError","_ref2","networkError","graphQLErrors","console","log","httpLink","createHttpLink","uri","credentials","splitLink","split","_ref3","query","definition","getMainDefinition","kind","operation","from","ClientProvider","ApolloClient","link","cache","InMemoryCache","typePolicies","UserDetailsType","merge","defaultOptions","watchQuery","fetchPolicy","createElement","ApolloProvider","client","_default","exports"],"sourceRoot":"../../../src","sources":["graphql/ApolloContainer.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAQA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,cAAA,GAAAJ,OAAA;AACA,IAAAK,UAAA,GAAAL,OAAA;AAA0C,SAAAD,uBAAAO,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAE1C,MAAMG,eAAe,GAAGC,IAAA,IAAkC;EAAA,IAAjC;IAAEC,QAAQ;IAAEC;EAAe,CAAC,GAAAF,IAAA;EACnD,MAAMG,SAAS,GAAI,SAAQD,SAAU,kBAAiB;EACtD,MAAME,MAAM,GAAI,WAAUF,SAAU,UAAS;;EAE7C;EACA,MAAMG,MAAW,GAAG,IAAIC,4BAAa,CACnC,IAAAC,uBAAY,EAAC;IACXC,GAAG,EAAEL,SAAS,IAAI,6BAA6B;IAC/CM,aAAa,EAAE,IAAI;IACnBC,SAAS,EAAE,MAAAA,CAAA,KAAY;MACrB,MAAM,IAAIC,OAAO,CAAEC,OAAO,IAAKC,UAAU,CAACD,OAAO,EAAE,IAAI,CAAC,CAAC;IAC3D;EACF,CAAC,CACH,CAAC;EAED,MAAME,UAAU,GAAG,IAAAC,cAAO,EAACC,KAAA,IAAqC;IAAA,IAApC;MAAEC,YAAY;MAAEC;IAAc,CAAC,GAAAF,KAAA;IACzDG,OAAO,CAACC,GAAG,CAAC,YAAY,EAAEH,YAAY,CAAC;IACvCE,OAAO,CAACC,GAAG,CAAC,YAAY,EAAEF,aAAa,CAAC;EAC1C,CAAC,CAAC;EAEF,MAAMG,QAAQ,GAAG,IAAAC,sBAAc,EAAC;IAC9BC,GAAG,EAAG,GAAEnB,MAAO,UAAS;IACxBoB,WAAW,EAAE;EACf,CAAC,CAAC;EAEF,MAAMC,SAAS,GAAG,IAAAC,aAAK,EACrBC,KAAA,IAAe;IAAA,IAAd;MAAEC;IAAM,CAAC,GAAAD,KAAA;IACR,MAAME,UAAU,GAAG,IAAAC,4BAAiB,EAACF,KAAK,CAAC;IAC3C,OACEC,UAAU,CAACE,IAAI,KAAK,qBAAqB,IACzCF,UAAU,CAACG,SAAS,KAAK,cAAc;EAE3C,CAAC,EACD3B,MAAM,EACN,IAAA4B,YAAI,EAAC,CAACnB,UAAU,EAAEO,QAAQ,CAAC,CAC7B,CAAC;EAED,MAAMa,cAAc,GAAGA,CAAA,KACrB,IAAIC,oBAAY,CAAC;IACfC,IAAI,EAAEX,SAAS;IACfY,KAAK,EAAE,IAAIC,qBAAa,CAAC;MACvBC,YAAY,EAAE;QACZC,eAAe,EAAE;UACfC,KAAK,EAAE;QACT;MACF;IACF,CAAC,CAAC;IACFC,cAAc,EAAE;MAAEC,UAAU,EAAE;QAAEC,WAAW,EAAE;MAAe;IAAE;EAChE,CAAC,CAAC;EAEJ,oBAAOxD,MAAA,CAAAU,OAAA,CAAA+C,aAAA,CAACtD,OAAA,CAAAuD,cAAc;IAACC,MAAM,EAAEb,cAAc,CAAC;EAAE,GAAEjC,QAAyB,CAAC;AAC9E,CAAC;AAAC,IAAA+C,QAAA,GAEajD,eAAe;AAAAkD,OAAA,CAAAnD,OAAA,GAAAkD,QAAA"}

package/lib/commonjs/graphql/mutation.js

@@ -3,30 +3,30 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.widgetsSaveCustomerGetNotified = exports.widgetsSaveBrowserInfo = exports.widgetsInsertMessage = exports.connect = void 0;
+exports.widgetsSaveCustomerGetNotified = exports.widgetsSaveBrowserInfo = exports.widgetsReadConversationMessages = exports.widgetsInsertMessage = exports.connect = void 0;
 var _client = require("@apollo/client");
 const connect = (0, _client.gql)`
   mutation connect(
-    $brandCode: String!
+    $integrationId: String!
+    $visitorId: String
+    $cachedCustomerId: String
     $email: String
+    $isUser: Boolean
     $phone: String
     $code: String
-    $isUser: Boolean
     $data: JSON
     $companyData: JSON
-    $cachedCustomerId: String
-    $visitorId: String
   ) {
     widgetsMessengerConnect(
-      brandCode: $brandCode
+      integrationId: $integrationId
+      visitorId: $visitorId
+      cachedCustomerId: $cachedCustomerId
       email: $email
+      isUser: $isUser
       phone: $phone
       code: $code
-      isUser: $isUser
       data: $data
       companyData: $companyData
-      cachedCustomerId: $cachedCustomerId
-      visitorId: $visitorId
     ) {
       integrationId
       messengerData
@@ -34,9 +34,13 @@ const connect = (0, _client.gql)`
       uiOptions
       customerId
       visitorId
-      brand {
-        name
-        description
+      ticketConfig
+      customer {
+        _id
+        firstName
+        lastName
+        phones
+        emails
         __typename
       }
       __typename
@@ -45,25 +49,23 @@ const connect = (0, _client.gql)`
 `;
 exports.connect = connect;
 const widgetsInsertMessage = (0, _client.gql)`
-  mutation widgetsInsertMessage(
+  mutation WidgetsInsertMessage(
     $integrationId: String!
     $customerId: String
     $visitorId: String
-    $message: String
-    $contentType: String
     $conversationId: String
+    $contentType: String
+    $message: String
     $attachments: [AttachmentInput]
-    $skillId: String
   ) {
     widgetsInsertMessage(
       integrationId: $integrationId
       customerId: $customerId
       visitorId: $visitorId
+      conversationId: $conversationId
       contentType: $contentType
       message: $message
-      conversationId: $conversationId
       attachments: $attachments
-      skillId: $skillId
     ) {
       _id
       conversationId
@@ -82,11 +84,6 @@ const widgetsInsertMessage = (0, _client.gql)`
       internal
       fromBot
       contentType
-      videoCallData {
-        url
-        status
-        __typename
-      }
       engageData {
         content
         kind
@@ -125,6 +122,12 @@ const widgetsSaveCustomerGetNotified = (0, _client.gql)`
   }
 `;
 exports.widgetsSaveCustomerGetNotified = widgetsSaveCustomerGetNotified;
+const widgetsReadConversationMessages = (0, _client.gql)`
+  mutation widgetsReadConversationMessages($conversationId: String) {
+    widgetsReadConversationMessages(conversationId: $conversationId)
+  }
+`;
+exports.widgetsReadConversationMessages = widgetsReadConversationMessages;
 const widgetsSaveBrowserInfo = (0, _client.gql)`
   mutation widgetsSaveBrowserInfo(
     $customerId: String
@@ -139,6 +142,38 @@ const widgetsSaveBrowserInfo = (0, _client.gql)`
       _id
       conversationId
       customerId
+      user {
+        _id
+        details {
+          avatar
+          fullName
+          __typename
+        }
+        __typename
+      }
+      content
+      createdAt
+      internal
+      fromBot
+      contentType
+      engageData {
+        content
+        kind
+        sentAs
+        messageId
+        brandId
+        __typename
+      }
+      botData
+      messengerAppData
+      attachments {
+        url
+        name
+        size
+        type
+        __typename
+      }
+      __typename
     }
   }
 `;

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

@@ -1 +1 @@
-{"version":3,"names":["_client","require","connect","gql","exports","widgetsInsertMessage","widgetsSaveCustomerGetNotified","widgetsSaveBrowserInfo"],"sourceRoot":"../../../src","sources":["graphql/mutation.ts"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAEA,MAAMC,OAAO,GAAG,IAAAC,WAAG,CAAC;AACpB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAACC,OAAA,CAAAF,OAAA,GAAAA,OAAA;AAEF,MAAMG,oBAAoB,GAAG,IAAAF,WAAG,CAAC;AACjC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAACC,OAAA,CAAAC,oBAAA,GAAAA,oBAAA;AAEF,MAAMC,8BAA8B,GAAG,IAAAH,WAAG,CAAC;AAC3C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAACC,OAAA,CAAAE,8BAAA,GAAAA,8BAAA;AAEF,MAAMC,sBAAsB,GAAG,IAAAJ,WAAG,CAAC;AACnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAACC,OAAA,CAAAG,sBAAA,GAAAA,sBAAA"}
+{"version":3,"names":["_client","require","connect","gql","exports","widgetsInsertMessage","widgetsSaveCustomerGetNotified","widgetsReadConversationMessages","widgetsSaveBrowserInfo"],"sourceRoot":"../../../src","sources":["graphql/mutation.ts"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAEA,MAAMC,OAAO,GAAG,IAAAC,WAAG,CAAC;AACpB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAACC,OAAA,CAAAF,OAAA,GAAAA,OAAA;AAEF,MAAMG,oBAAoB,GAAG,IAAAF,WAAG,CAAC;AACjC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAACC,OAAA,CAAAC,oBAAA,GAAAA,oBAAA;AAEF,MAAMC,8BAA8B,GAAG,IAAAH,WAAG,CAAC;AAC3C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAACC,OAAA,CAAAE,8BAAA,GAAAA,8BAAA;AAEF,MAAMC,+BAA+B,GAAG,IAAAJ,WAAG,CAAC;AAC5C;AACA;AACA;AACA,CAAC;AAACC,OAAA,CAAAG,+BAAA,GAAAA,+BAAA;AAEF,MAAMC,sBAAsB,GAAG,IAAAL,WAAG,CAAC;AACnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAACC,OAAA,CAAAI,sBAAA,GAAAA,sBAAA"}