systemrobotassistant 3.0.8

package/lib/index.js

@@ -0,0 +1,516 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _shineout = require("shineout");
+var _Icon = _interopRequireDefault(require("@shein-components/Icon"));
+var _core = require("@shein-bbl/core");
+var Server = _interopRequireWildcard(require("./server"));
+var _chatModal = _interopRequireDefault(require("./jsx/chat-modal"));
+require("./style.css");
+var _hfcSpace = require("./js/hfc-space");
+var _errorBoundary = _interopRequireDefault(require("./component/error-boundary"));
+var _itNoticeModal = require("./component/it-notice-modal");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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); }
+function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, defineProperty = Object.defineProperty || function (obj, key, desc) { obj[key] = desc.value; }, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return defineProperty(generator, "_invoke", { value: makeInvokeMethod(innerFn, self, context) }), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == typeof value && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; defineProperty(this, "_invoke", { value: function value(method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; } function maybeInvokeDelegate(delegate, context) { var method = delegate.iterator[context.method]; if (undefined === method) { if (context.delegate = null, "throw" === context.method) { if (delegate.iterator.return && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method)) return ContinueSentinel; context.method = "throw", context.arg = new TypeError("The iterator does not provide a 'throw' method"); } return ContinueSentinel; } var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), defineProperty(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (val) { var object = Object(val), keys = []; for (var key in object) keys.push(key); return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, catch: function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+var styles = {
+  "renderIconWrapper": "shein-components_systemrobotassistant_renderIconWrapper",
+  "draggableIcon": "shein-components_systemrobotassistant_draggableIcon",
+  "iconWrapper": "shein-components_systemrobotassistant_iconWrapper",
+  "avatarWrap": "shein-components_systemrobotassistant_avatarWrap",
+  "avatarBorder": "shein-components_systemrobotassistant_avatarBorder",
+  "collapseRobotBox": "shein-components_systemrobotassistant_collapseRobotBox",
+  "collapseIcon": "shein-components_systemrobotassistant_collapseIcon",
+  "redDot": "shein-components_systemrobotassistant_redDot",
+  "chatModalWrapper": "shein-components_systemrobotassistant_chatModalWrapper",
+  "header": "shein-components_systemrobotassistant_header",
+  "midlleWrapper": "shein-components_systemrobotassistant_midlleWrapper",
+  "tabItem": "shein-components_systemrobotassistant_tabItem",
+  "leftTitle": "shein-components_systemrobotassistant_leftTitle",
+  "tabIcon": "shein-components_systemrobotassistant_tabIcon",
+  "title": "shein-components_systemrobotassistant_title",
+  "avatarClass": "shein-components_systemrobotassistant_avatarClass",
+  "suggestion": "shein-components_systemrobotassistant_suggestion",
+  "link": "shein-components_systemrobotassistant_link",
+  "closedIcon": "shein-components_systemrobotassistant_closedIcon",
+  "chatContentWrapper": "shein-components_systemrobotassistant_chatContentWrapper",
+  "switch": "shein-components_systemrobotassistant_switch",
+  "robotImg": "shein-components_systemrobotassistant_robotImg",
+  "robotGif": "shein-components_systemrobotassistant_robotGif",
+  "expireStatus": "shein-components_systemrobotassistant_expireStatus",
+  "none": "shein-components_systemrobotassistant_none",
+  "modalMask": "shein-components_systemrobotassistant_modalMask"
+};
+var defaultSate = {
+  isHover: false,
+  isMoving: false,
+  bottom: 12,
+  right: 32,
+  modalVisible: false,
+  // 记录按下去的时间戳
+  mouseDownTime: 0,
+  messageCount: 0,
+  isCollapse: false,
+  showExpirePopover: false
+};
+
+/**
+ * @cn 帮助中心机器人组件
+ * @desc 帮助中心机器人组件，不需要安装，不能直接使用，@shein-components/hfc-robot 内部调用，安装 @shein-components/hfc-robot 即可使用
+ * @author -
+ */
+class SystemRobotAssistant extends _react.PureComponent {
+  constructor(props) {
+    super(props);
+    (0, _hfcSpace.setHfcSpace)(props.hfcSpace);
+    (0, _hfcSpace.setHfcEnv)(props.env);
+    this.state = defaultSate;
+    this.iconRef = /*#__PURE__*/(0, _react.createRef)();
+    this.modalRef = /*#__PURE__*/(0, _react.createRef)();
+    this.popoverTimerRef = /*#__PURE__*/(0, _react.createRef)();
+    this.handleInit = this.handleInit.bind(this);
+    this.setMoving = this.setMoving.bind(this);
+    this.onMouseDown = this.onMouseDown.bind(this);
+    this.onMouseUp = this.onMouseUp.bind(this);
+    this.handleTokenInvalid = this.handleTokenInvalid.bind(this);
+    this.setModalVisible = this.setModalVisible.bind(this);
+    this.closeVisible = this.closeVisible.bind(this);
+    this.adjustIconPosition = this.adjustIconPosition.bind(this);
+    this.addMoveListener = this.addMoveListener.bind(this);
+    this.mouseupListener = this.mouseupListener.bind(this);
+    this.getRenderIcon = this.getRenderIcon.bind(this);
+    this.isPopITInform = this.isPopITInform.bind(this);
+  }
+  componentDidMount() {
+    var _this$props = this.props,
+      bottom = _this$props.bottom,
+      right = _this$props.right,
+      draggable = _this$props.draggable,
+      isLogin = _this$props.isLogin,
+      t = _this$props.t,
+      hfcSpace = _this$props.hfcSpace,
+      lang = _this$props.lang;
+    (0, _hfcSpace.setTranslateFn)(t);
+    (0, _hfcSpace.setLocalStorage)({
+      [`${hfcSpace}-lang`]: lang || 'CN'
+    });
+    window.addEventListener('mouseup', this.mouseupListener);
+    // draggable 为 true 时，才处理图标位置
+    if (draggable) {
+      window.addEventListener('mousedown', this.addMoveListener);
+    }
+    if (isLogin) {
+      this.handleInit();
+    }
+    // 登录失效的回调
+    (0, _hfcSpace.setTokenInvalidCallback)(this.handleTokenInvalid);
+    this.setState({
+      bottom,
+      right
+    });
+  }
+  componentDidUpdate(prevProps, prevState) {
+    var _this$props2 = this.props,
+      draggable = _this$props2.draggable,
+      isLogin = _this$props2.isLogin,
+      t = _this$props2.t,
+      hfcSpace = _this$props2.hfcSpace,
+      lang = _this$props2.lang;
+    var isCollapse = this.state.isCollapse;
+    // draggable 为 true 时，才处理图标位置
+    if (draggable && !isCollapse && isCollapse !== prevState.isCollapse) {
+      // 如果当前 icon 在临界点时，不让图标超出外面
+      this.adjustIconPosition();
+    }
+    if (isLogin !== prevProps.isLogin && isLogin) {
+      this.handleInit();
+    }
+    if (t !== prevProps.t || hfcSpace !== prevProps.hfcSpace || lang !== prevProps.lang) {
+      (0, _hfcSpace.setTranslateFn)(t);
+      (0, _hfcSpace.setLocalStorage)({
+        [`${hfcSpace}-lang`]: lang || 'CN'
+      });
+    }
+    (0, _hfcSpace.setTokenInvalidCallback)(this.handleTokenInvalid);
+  }
+  componentWillUnmount() {
+    (0, _hfcSpace.clearAll)();
+    clearInterval(this.timer);
+    var draggable = this.props.draggable;
+    if (draggable) {
+      window.removeEventListener('mousedown', this.addMoveListener);
+    }
+    window.removeEventListener('mouseup', this.mouseupListener);
+    this.timer = null;
+  }
+  onMouseDown() {
+    this.setState({
+      isMoving: true,
+      mouseDownTime: new Date().getTime()
+    });
+  }
+  onMouseUp() {
+    this.setState({
+      isMoving: false
+    });
+  }
+  setMoving(e) {
+    var isMoving = this.state.isMoving;
+    if (!isMoving) return;
+    e.preventDefault();
+    var _this$state = this.state,
+      right = _this$state.right,
+      bottom = _this$state.bottom;
+    var movementX = e.movementX,
+      movementY = e.movementY;
+    var _this$iconRef$current = this.iconRef.current.getBoundingClientRect(),
+      width = _this$iconRef$current.width,
+      height = _this$iconRef$current.height;
+    var rightBound = window.innerWidth - width;
+    var topBound = window.innerHeight - height;
+    var x = 0;
+    if (right - movementX >= window.innerWidth) {
+      x = window.innerWidth;
+    } else {
+      x = right - movementX;
+    }
+    var y = 0;
+    if (bottom - movementY >= window.innerHeight) {
+      y = window.innerHeight;
+    } else {
+      y = bottom - movementY;
+    }
+    // 当前图标超出边界
+    if (x < 0 || x > rightBound || y < 0 || y > topBound) {
+      this.setState({
+        isCollapse: true,
+        modalVisible: false
+      });
+      return;
+    }
+    this.setState({
+      right: x,
+      bottom: y
+    });
+  }
+  setHover(bool) {
+    this.setState({
+      isHover: bool
+    });
+  }
+  setModalVisible() {
+    var _this$state2 = this.state,
+      modalVisible = _this$state2.modalVisible,
+      mouseDownTime = _this$state2.mouseDownTime;
+    var isLogin = this.props.isLogin;
+    var draggable = this.props.draggable;
+    if (!isLogin) return;
+    // 大于 170 豪秒就不要处理点击事件且 draggable 为 true 时，不处理
+    if (draggable && new Date().getTime() - mouseDownTime > 170) return;
+    this.setState({
+      modalVisible: !modalVisible,
+      messageCount: 0
+    });
+  }
+  getRenderIcon() {
+    var renderIcon = this.props.renderIcon;
+    var isLogin = this.props.isLogin;
+    if (typeof renderIcon === 'function') {
+      return renderIcon(isLogin);
+    }
+    return renderIcon;
+  }
+  mouseupListener(e) {
+    var _this$modalRef, _this$modalRef$curren, _this$iconRef, _this$iconRef$current2;
+    if (!(this !== null && this !== void 0 && (_this$modalRef = this.modalRef) !== null && _this$modalRef !== void 0 && (_this$modalRef$curren = _this$modalRef.current) !== null && _this$modalRef$curren !== void 0 && _this$modalRef$curren.contains(e.target)) && !(this !== null && this !== void 0 && (_this$iconRef = this.iconRef) !== null && _this$iconRef !== void 0 && (_this$iconRef$current2 = _this$iconRef.current) !== null && _this$iconRef$current2 !== void 0 && _this$iconRef$current2.contains(e.target))) {
+      this.setState({
+        modalVisible: false
+      });
+    }
+    var draggable = this.props.draggable;
+    // draggable 为 false 时，不处理
+    if (!draggable) return;
+    this.setState({
+      isMoving: false
+    });
+    document.body.removeEventListener('mousemove', this.setMoving);
+  }
+  addMoveListener() {
+    document.body.addEventListener('mousemove', this.setMoving);
+  }
+  handleTokenInvalid(argument) {
+    var _this$props3 = this.props,
+      bottom = _this$props3.bottom,
+      right = _this$props3.right,
+      expireTipUse = _this$props3.expireTipUse;
+    // 登录失效要关掉窗口
+    this.setState(_objectSpread(_objectSpread({}, defaultSate), {}, {
+      modalVisible: false,
+      bottom,
+      right
+    }), () => {
+      if (expireTipUse) {
+        this.setState({
+          showExpirePopover: true
+        });
+      }
+    });
+    if (expireTipUse) {
+      // eslint-disable-next-line no-unused-expressions
+      this.popoverTimerRef && clearTimeout(this.popoverTimerRef);
+      this.popoverTimerRef = setTimeout(() => {
+        this.setState({
+          showExpirePopover: false
+        });
+      }, 15000);
+    }
+    var tokenInvalidCallback = this.props.tokenInvalidCallback;
+    tokenInvalidCallback(argument);
+  }
+  closeVisible() {
+    this.setState({
+      modalVisible: false
+    });
+  }
+  handleInit() {
+    this.setState({
+      showExpirePopover: false
+    });
+    this.statisticsMessageCount();
+    this.isPopITInform();
+    clearInterval(this.timer);
+    this.timer = setInterval(() => {
+      this.statisticsMessageCount();
+    }, 1000 * 60 * 10);
+  }
+  statisticsMessageCount() {
+    var isLogin = this.props.isLogin;
+    if (!isLogin) return;
+    Server.statisticsMessageCount().then(res => {
+      if (res) {
+        this.setState({
+          messageCount: res.info && res.info.messageCount
+        });
+      }
+    });
+  }
+
+  // 校正大图标的位置
+  adjustIconPosition() {
+    var _this$iconRef$current3 = this.iconRef.current.getBoundingClientRect(),
+      width = _this$iconRef$current3.width,
+      height = _this$iconRef$current3.height,
+      top = _this$iconRef$current3.top,
+      left = _this$iconRef$current3.left,
+      iconRight = _this$iconRef$current3.right,
+      iconBottom = _this$iconRef$current3.bottom;
+    var _this$state3 = this.state,
+      bottom = _this$state3.bottom,
+      right = _this$state3.right;
+    var x = right;
+    var y = bottom;
+    if (top < 0) {
+      y = window.innerHeight - height;
+    } else if (iconBottom < 0) {
+      y = 0;
+    }
+    if (left < 0) {
+      x = window.innerWidth - width;
+    } else if (iconRight < 0) {
+      x = 0;
+    }
+    this.setState({
+      right: x,
+      bottom: y
+    });
+  }
+
+  // eslint-disable-next-line class-methods-use-this
+  isPopITInform() {
+    var _this = this;
+    return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+      var _this$props4, zIndex, t, res;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _this$props4 = _this.props, zIndex = _this$props4.zIndex, t = _this$props4.t;
+            _context.next = 3;
+            return Server.isPopITInform();
+          case 3:
+            res = _context.sent;
+            if (res !== null && res !== void 0 && res.info) {
+              (0, _itNoticeModal.openITNoticeModal)({
+                zIndex,
+                t
+              });
+            }
+          case 5:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }))();
+  }
+  render() {
+    var _this$iconRef2;
+    var _this$state4 = this.state,
+      isHover = _this$state4.isHover,
+      bottom = _this$state4.bottom,
+      right = _this$state4.right,
+      modalVisible = _this$state4.modalVisible,
+      messageCount = _this$state4.messageCount,
+      isCollapse = _this$state4.isCollapse,
+      showExpirePopover = _this$state4.showExpirePopover;
+    var _this$props5 = this.props,
+      zIndex = _this$props5.zIndex,
+      iconWrapperClassName = _this$props5.iconWrapperClassName,
+      iconClassName = _this$props5.iconClassName,
+      textClassName = _this$props5.textClassName,
+      renderIcon = _this$props5.renderIcon,
+      draggable = _this$props5.draggable,
+      nodeIdList = _this$props5.nodeIdList,
+      isLogin = _this$props5.isLogin,
+      t = _this$props5.t;
+    var actualRenderIcon = renderIcon ? /*#__PURE__*/_react.default.cloneElement(this.getRenderIcon(renderIcon), _objectSpread({
+      onClick: this.setModalVisible
+    }, draggable ? {
+      onMouseDown: this.onMouseDown,
+      onMouseUp: this.onMouseUp
+    } : {})) : null;
+    return /*#__PURE__*/_react.default.createElement(_errorBoundary.default, null, 'renderIcon' in this.props ? /*#__PURE__*/_react.default.createElement("div", {
+      className: (0, _classnames.default)(styles.renderIconWrapper, draggable && styles.draggableIcon, iconWrapperClassName),
+      style: {
+        zIndex,
+        bottom,
+        right
+      }
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      ref: this.iconRef
+    }, actualRenderIcon), messageCount && isLogin ? /*#__PURE__*/_react.default.createElement("div", {
+      className: styles.redDot
+    }, messageCount) : null) : /*#__PURE__*/_react.default.createElement("div", {
+      className: (0, _classnames.default)(styles.iconWrapper, isCollapse && styles.collapseRobotBox, iconWrapperClassName),
+      style: {
+        bottom,
+        right,
+        zIndex
+      },
+      ref: this.iconRef,
+      onMouseDown: draggable ? this.onMouseDown : undefined,
+      onMouseUp: draggable ? this.onMouseUp : undefined,
+      onClick: this.setModalVisible
+    }, /*#__PURE__*/_react.default.createElement(_shineout.Popover, {
+      zIndex: zIndex,
+      visible: showExpirePopover
+    }, t('有事找 TA 登陆已失效，请刷新页面重试')), !isCollapse ? /*#__PURE__*/_react.default.createElement("div", {
+      className: (0, _classnames.default)(styles.avatarWrap)
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: (0, _classnames.default)(styles.avatarBorder, isHover && styles.hover),
+      onMouseOver: () => {
+        this.setHover(true);
+      },
+      onMouseOut: () => {
+        this.setHover(false);
+      }
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: (0, _classnames.default)(styles.robotImg, !isLogin && styles.expireStatus, iconClassName)
+    })), /*#__PURE__*/_react.default.createElement("span", {
+      className: (0, _classnames.default)(styles.switch, textClassName)
+    }, modalVisible ? t('戳我关闭') : t('有事找TA'))) : /*#__PURE__*/_react.default.createElement(_Icon.default, {
+      className: styles.collapseIcon,
+      name: "round-arrow-right",
+      onClick: e => {
+        e.stopPropagation();
+        e.preventDefault();
+        this.setState({
+          isCollapse: !isCollapse
+        });
+      }
+    }), messageCount && isLogin ? /*#__PURE__*/_react.default.createElement("div", {
+      className: styles.redDot
+    }, messageCount) : null), modalVisible ? /*#__PURE__*/_react.default.createElement(_chatModal.default, _extends({
+      modalRef: this.modalRef,
+      iconRef: (_this$iconRef2 = this.iconRef) === null || _this$iconRef2 === void 0 ? void 0 : _this$iconRef2.current,
+      onClose: this.closeVisible,
+      nodeIdList: nodeIdList
+    }, this.props)) : null);
+  }
+}
+SystemRobotAssistant.defaultProps = {
+  tokenInvalidCallback: () => null,
+  zIndex: 100,
+  iconWrapperClassName: '',
+  iconClassName: '',
+  textClassName: '',
+  spinSize: 40,
+  bottom: 12,
+  right: 32,
+  draggable: true,
+  expireTipUse: true,
+  chatgptUse: true,
+  lang: 'CN',
+  t: _core.format
+};
+SystemRobotAssistant.propTypes = {
+  /** 系统 code，跟后端要或者在帮助中心后台端的系统配置页面查看 */
+  hfcSpace: _propTypes.default.string.isRequired,
+  /** 开发环境 可选 'dev'|'test'|'sit'|'online' */
+  env: _propTypes.default.string.isRequired,
+  /** 菜单栏名称 */
+  menusTitle: _propTypes.default.string,
+  /** 层级，默认 100 */
+  zIndex: _propTypes.default.number,
+  /** 帮助中心登录失效回调 */
+  tokenInvalidCallback: _propTypes.default.func,
+  /** 企微唤醒前置判断  */
+  checkBeforeCallWechat: _propTypes.default.func,
+  /** 最外层样式 */
+  iconWrapperClassName: _propTypes.default.string,
+  /** icon 样式  */
+  iconClassName: _propTypes.default.string,
+  /** 文字样式 */
+  textClassName: _propTypes.default.string,
+  /** 加载中的 spin 大小 -- 2.3.0 后废弃  */
+  spinSize: _propTypes.default.number,
+  /** 位置，right */
+  right: _propTypes.default.number,
+  /** 位置，bottom */
+  bottom: _propTypes.default.number,
+  /** 自定义 icon */
+  renderIcon: _propTypes.default.oneOfType([_propTypes.default.element, _propTypes.default.func]),
+  /** 是否可移动 */
+  draggable: _propTypes.default.bool,
+  /** 是否显示过期提示 */
+  expireTipUse: _propTypes.default.bool,
+  /** 是否使用 chatgpt */
+  chatgptUse: _propTypes.default.bool,
+  /** 分组 id 列表 */
+  nodeIdList: _propTypes.default.arrayOf(_propTypes.default.string),
+  /** 是否登录 */
+  isLogin: _propTypes.default.bool,
+  /** 多语言翻译函数 */
+  t: _propTypes.default.func,
+  /** 多语言 */
+  lang: _propTypes.default.string
+};
+SystemRobotAssistant.hfcIsLogin = _hfcSpace.getHfcToken;
+
+// 暴露到 window, HFC Bot 组件会用到
+window.SystemRobotAssistant = {
+  default: SystemRobotAssistant
+};
+var _default = SystemRobotAssistant;
+exports.default = _default;

package/lib/js/const.d.ts

@@ -0,0 +1,41 @@
+export namespace contentType {
+    const OPPOSITION: number;
+    const MYSELF: number;
+    const TIPS: number;
+    const NEEDANSWER: number;
+}
+export namespace TIPS {
+    namespace globalCount {
+        const content: string;
+        const link: string;
+    }
+    namespace guideCount {
+        const content_1: string;
+        export { content_1 as content };
+        const link_1: string;
+        export { link_1 as link };
+    }
+    namespace problemCount {
+        const content_2: string;
+        export { content_2 as content };
+        const link_2: string;
+        export { link_2 as link };
+    }
+}
+export const TABS: ({
+    label: string;
+    value: number;
+    icon: string;
+    popoverContent?: undefined;
+} | {
+    label: string;
+    value: number;
+    icon?: undefined;
+    popoverContent?: undefined;
+} | {
+    label: string;
+    value: number;
+    icon: string;
+    popoverContent: string;
+})[];
+//# sourceMappingURL=const.d.ts.map

package/lib/js/const.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"const.d.ts","sourceRoot":"","sources":["../../src/js/const.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA0BA;;;;;;;;;;;;;;;KAqBC"}

package/lib/js/const.js

@@ -0,0 +1,55 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.contentType = exports.TIPS = exports.TABS = void 0;
+var contentType = {
+  OPPOSITION: 2,
+  // 对方的回答
+  MYSELF: 1,
+  // 自己的问题
+
+  TIPS: 3,
+  // 说明更新了
+
+  NEEDANSWER: 4 // 需要更新
+};
+
+// 不用包t了
+exports.contentType = contentType;
+var TIPS = {
+  globalCount: {
+    content: 'SHEIN标准与规范',
+    link: '/direction'
+  },
+  guideCount: {
+    content: '新手指南',
+    link: '/guide'
+  },
+  problemCount: {
+    content: '问题库',
+    link: '/question/list'
+  }
+};
+
+// 不用包t了
+exports.TIPS = TIPS;
+var TABS = [{
+  label: '问题库',
+  value: 1,
+  icon: 'problem-base'
+}, {
+  label: '对接人',
+  value: 2,
+  icon: 'qiyeweixin'
+}, {
+  label: '系统报障',
+  value: 3
+}, {
+  label: '版本计划',
+  value: 4,
+  icon: 'pc-notice',
+  popoverContent: '版本计划展示产研未来两周的上线计划（含今日）'
+}];
+exports.TABS = TABS;

package/lib/js/gen-render-promise.d.ts

@@ -0,0 +1,9 @@
+export default genRenderPromise;
+/**
+ *
+ * @param {ReactNode} InnerComponent
+ * @param {String} name
+ * @returns {Promise}
+ */
+declare function genRenderPromise(InnerComponent: ReactNode, name: string, useHistory: any): Promise<any>;
+//# sourceMappingURL=gen-render-promise.d.ts.map

package/lib/js/gen-render-promise.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"gen-render-promise.d.ts","sourceRoot":"","sources":["../../src/js/gen-render-promise.js"],"names":[],"mappings":";AAGA;;;;;GAKG;AACH,0GAoBC"}