@fonixtree/magic-design 1.0.212 → 1.0.214

package/es/composite-comp/dito/components/CommonFunctions/defaultJSON.js

@@ -67,7 +67,7 @@ var getDefaultJSON = function getDefaultJSON() {
   return {
     id: (0, _uuid.v4)(),
     type: 'COMMON_FUNCTIONS',
-    groupSource: [CommonFunctionsGroupSourceJSON('Address', '/address/manage'), CommonFunctionsGroupSourceJSON('Policies', '/account/policies'), CommonFunctionsGroupSourceJSON('Security Center', '/account/security'), CommonFunctionsGroupSourceJSON('Chat With Us', '/new-chat')],
+    groupSource: [CommonFunctionsGroupSourceJSON('Address', '/address/manage'), CommonFunctionsGroupSourceJSON('Policies', '/account/policies'), CommonFunctionsGroupSourceJSON('Security Center', '/account/security'), CommonFunctionsGroupSourceJSON('Chat With Us', '/message-chat')],
     spacing: {
       pc: {
         paddingTop: 0,

package/es/composite-comp/dito/components/CommonFunctions/mobile/index.js

@@ -60,12 +60,34 @@ function (_super) {
     _this.state = {};
 
     _this.onItemClick = function (item) {
+      var _a;
+
       var url = (0, _commonUtil.ensure)(function () {
         return item.title.content.clickUrl.value || item.image.content.clickUrl.value;
       }, '');
 
-      if (url === '/new-chat' || url === '/ai-chat') {
-        (0, _commonUtil.navigateTo)(url);
+      if (url === '/message-chat' || url === '/ai-chat') {
+        var chatbotConfig = (_a = JSON.parse(window.ecommerce.chatbotConfig)) !== null && _a !== void 0 ? _a : {};
+        var version = chatbotConfig.version,
+            isNeedLogin = chatbotConfig.isNeedLogin;
+        var urlTemp = '';
+
+        if (version === 'v1') {
+          urlTemp = '/message-chat';
+        } else {
+          urlTemp = '/ai-chat';
+        }
+
+        if (version === 'v1' || isNeedLogin) {
+          if ((0, _commonUtil.checkLogin)(true, urlTemp)) {
+            (0, _commonUtil.navigateTo)(urlTemp);
+          } else {
+            (0, _commonUtil.navigateTo)(urlTemp);
+          }
+        } else {
+          (0, _commonUtil.navigateTo)(url);
+        }
+
         return;
       }
 

package/es/composite-comp/dito/components/SearchBanner/mobile/index.js

@@ -119,6 +119,29 @@ function (_super) {
       return __assign({}, wrapStyle);
     };
 
+    _this.clickChat = function () {
+      var _a;
+
+      var chatbotConfig = (_a = JSON.parse(window.ecommerce.chatbotConfig)) !== null && _a !== void 0 ? _a : {};
+      var version = chatbotConfig.version,
+          isNeedLogin = chatbotConfig.isNeedLogin;
+      var url = '';
+
+      if (version === 'v1') {
+        url = '/message-chat';
+      } else {
+        url = '/ai-chat';
+      }
+
+      if (version === 'v1' || isNeedLogin) {
+        if ((0, _commonUtil.checkLogin)(true, url)) {
+          navigateTo(url);
+        } else {
+          navigateTo(url);
+        }
+      }
+    };
+
     return _this;
   }
 
@@ -185,6 +208,7 @@ function (_super) {
       }
     }), data.content && ((_j = data.content.chatbotIcon) === null || _j === void 0 ? void 0 : _j.open) && /*#__PURE__*/_react["default"].createElement(_components.MetaImage, {
       className: "right-icon",
+      click: this.clickChat,
       data: data.content.chatbotIcon,
       style: {
         width: '32px',

package/es/meta-comp/components/Image/index.js

@@ -178,7 +178,8 @@ function (_super) {
         imgCover = _e.imgCover,
         hoverState = _e.hoverState,
         notNeedLazy = _e.notNeedLazy,
-        square = _e.square;
+        square = _e.square,
+        click = _e.click;
     var hoverImgSrc = this.state.hoverImgSrc; // const { hoverSrc } = this.state;
     // console.log('--metaImage ', this.props);
 
@@ -202,6 +203,11 @@ function (_super) {
         cover: imgCover
       }),
       onClick: function onClick() {
+        if (click) {
+          click();
+          return;
+        }
+
         (0, _coreUtil.clickUrl)(data.content.clickUrl);
       }
     }, srcImg && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, notNeedLazy ? /*#__PURE__*/_react["default"].createElement("img", {

package/lib/composite-comp/dito/components/CommonFunctions/defaultJSON.js

@@ -67,7 +67,7 @@ var getDefaultJSON = function getDefaultJSON() {
   return {
     id: (0, _uuid.v4)(),
     type: 'COMMON_FUNCTIONS',
-    groupSource: [CommonFunctionsGroupSourceJSON('Address', '/address/manage'), CommonFunctionsGroupSourceJSON('Policies', '/account/policies'), CommonFunctionsGroupSourceJSON('Security Center', '/account/security'), CommonFunctionsGroupSourceJSON('Chat With Us', '/new-chat')],
+    groupSource: [CommonFunctionsGroupSourceJSON('Address', '/address/manage'), CommonFunctionsGroupSourceJSON('Policies', '/account/policies'), CommonFunctionsGroupSourceJSON('Security Center', '/account/security'), CommonFunctionsGroupSourceJSON('Chat With Us', '/message-chat')],
     spacing: {
       pc: {
         paddingTop: 0,

package/lib/composite-comp/dito/components/CommonFunctions/mobile/index.js

@@ -60,12 +60,34 @@ function (_super) {
     _this.state = {};
 
     _this.onItemClick = function (item) {
+      var _a;
+
       var url = (0, _commonUtil.ensure)(function () {
         return item.title.content.clickUrl.value || item.image.content.clickUrl.value;
       }, '');
 
-      if (url === '/new-chat' || url === '/ai-chat') {
-        (0, _commonUtil.navigateTo)(url);
+      if (url === '/message-chat' || url === '/ai-chat') {
+        var chatbotConfig = (_a = JSON.parse(window.ecommerce.chatbotConfig)) !== null && _a !== void 0 ? _a : {};
+        var version = chatbotConfig.version,
+            isNeedLogin = chatbotConfig.isNeedLogin;
+        var urlTemp = '';
+
+        if (version === 'v1') {
+          urlTemp = '/message-chat';
+        } else {
+          urlTemp = '/ai-chat';
+        }
+
+        if (version === 'v1' || isNeedLogin) {
+          if ((0, _commonUtil.checkLogin)(true, urlTemp)) {
+            (0, _commonUtil.navigateTo)(urlTemp);
+          } else {
+            (0, _commonUtil.navigateTo)(urlTemp);
+          }
+        } else {
+          (0, _commonUtil.navigateTo)(url);
+        }
+
         return;
       }
 

package/lib/composite-comp/dito/components/SearchBanner/mobile/index.js

@@ -119,6 +119,29 @@ function (_super) {
       return __assign({}, wrapStyle);
     };
 
+    _this.clickChat = function () {
+      var _a;
+
+      var chatbotConfig = (_a = JSON.parse(window.ecommerce.chatbotConfig)) !== null && _a !== void 0 ? _a : {};
+      var version = chatbotConfig.version,
+          isNeedLogin = chatbotConfig.isNeedLogin;
+      var url = '';
+
+      if (version === 'v1') {
+        url = '/message-chat';
+      } else {
+        url = '/ai-chat';
+      }
+
+      if (version === 'v1' || isNeedLogin) {
+        if ((0, _commonUtil.checkLogin)(true, url)) {
+          navigateTo(url);
+        } else {
+          navigateTo(url);
+        }
+      }
+    };
+
     return _this;
   }
 
@@ -185,6 +208,7 @@ function (_super) {
       }
     }), data.content && ((_j = data.content.chatbotIcon) === null || _j === void 0 ? void 0 : _j.open) && /*#__PURE__*/_react["default"].createElement(_components.MetaImage, {
       className: "right-icon",
+      click: this.clickChat,
       data: data.content.chatbotIcon,
       style: {
         width: '32px',

package/lib/meta-comp/components/Image/index.js

@@ -178,7 +178,8 @@ function (_super) {
         imgCover = _e.imgCover,
         hoverState = _e.hoverState,
         notNeedLazy = _e.notNeedLazy,
-        square = _e.square;
+        square = _e.square,
+        click = _e.click;
     var hoverImgSrc = this.state.hoverImgSrc; // const { hoverSrc } = this.state;
     // console.log('--metaImage ', this.props);
 
@@ -202,6 +203,11 @@ function (_super) {
         cover: imgCover
       }),
       onClick: function onClick() {
+        if (click) {
+          click();
+          return;
+        }
+
         (0, _coreUtil.clickUrl)(data.content.clickUrl);
       }
     }, srcImg && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, notNeedLazy ? /*#__PURE__*/_react["default"].createElement("img", {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fonixtree/magic-design",
   "author": "Cylon Team",
-  "version": "1.0.212",
+  "version": "1.0.214",
   "description": "Magic Design",
   "license": "MIT",
   "module": "es/index.js",