@fonixtree/magic-design 2.0.189 → 2.0.191

package/es/assets/less/font.less

@@ -88,4 +88,34 @@
   src: url(../fonts/TruenoBd.otf);
   font-weight: 600;
   font-style: normal;
+}
+
+
+@font-face {
+  font-family: 'Roboto';
+  src: url('../fonts/Roboto-Regular.ttf');
+  font-weight: 400;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Roboto';
+  src: url(../fonts/Roboto-Medium.ttf);
+  font-weight: 500;
+  font-style: normal;
+}
+
+
+@font-face {
+  font-family: 'Roboto';
+  src: url('../fonts/Roboto-SemiBold.ttf');
+  font-weight: 600;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Roboto';
+  src: url(../fonts/Roboto-Bold.ttf);
+  font-weight: 700;
+  font-style: normal;
 }

package/es/composite-comp/ashita/components/WalletAshita/defaultJSON.js

@@ -166,7 +166,7 @@ var getDefaultJSON = function getDefaultJSON() {
   var defaultFontFamily = _constants.projectFontFamily[(_a = window.systemParams) === null || _a === void 0 ? void 0 : _a.projectCode] || 'Open Sans';
   return {
     id: groupId,
-    type: 'WALLET_ASHITA',
+    type: 'WALLET',
     title: {
       headline: {
         id: (0, _uuid.v4)(),

package/es/composite-comp/ashita/components/WalletAshita/index.js

@@ -74,7 +74,7 @@ function (_super) {
   };
 
   Wallet.defaultProps = {};
-  Wallet.type = 'WALLET_ASHITA';
+  Wallet.type = 'WALLET';
   Wallet.getDefaultJSON = _defaultJSON.getDefaultJSON;
   Wallet = __decorate([_compositeDecorator["default"]], Wallet);
   return Wallet;

package/es/composite-comp/common/components/MonpayProductItem/index.less

@@ -7,16 +7,17 @@
   position: relative;
   margin-right: 16px;
   border-radius: 8px;
+  border: 1px solid #E4E4E4;
 
   .img-wrap {
     position: relative;
-    border-radius: 8px;
+    border-radius: 8px 8px 0 0;
     // overflow: hidden;
 
     .product-img {
       width: 140px;
       height: 140px;
-      border-radius: 8px;
+      border-radius: 8px 8px 0 0;
       object-fit: cover;
     }
 
@@ -31,6 +32,7 @@
       top: 15px;
       left: 0;
     }
+
     .giftL-tag {
       font-size: 12px;
       font-weight: 700;
@@ -40,6 +42,7 @@
       border-radius: 0 5px 5px 0;
       display: flex;
       align-items: center;
+
       .icon {
         margin-right: 4px;
       }
@@ -47,6 +50,7 @@
   }
 
   .content-wrap {
+    padding: 0 0 8px 10px;
 
     .promotions-wrap {
       display: flex;

package/es/composite-comp/common/config-panels/InputField/index.js

@@ -94,7 +94,7 @@ function (_super) {
         inputLabel = _a.inputLabel;
     var textData = data.content;
 
-    var _fontWeightList = textData.fontFamily === 'Montserrat' ? _constants.fontWeightList : _constants.otherFontWeightList;
+    var _fontWeightList = ['Montserrat', 'Roboto'].includes(textData.fontFamily) ? _constants.fontWeightList : _constants.otherFontWeightList;
 
     return /*#__PURE__*/_react["default"].createElement("div", {
       className: "m-text-config"

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

@@ -9,6 +9,8 @@ var _uuid = require("uuid");
 
 var _constants = require("../../../../constants");
 
+var _index = require("../../../../assets/images/base64/index");
+
 var getDefaultJSON = function getDefaultJSON() {
   var _a;
 
@@ -82,6 +84,70 @@ var getDefaultJSON = function getDefaultJSON() {
           pc: false,
           mobile: true
         }
+      },
+      points: {
+        id: (0, _uuid.v4)(),
+        open: false,
+        type: 'BUTTON',
+        text: 0,
+        content: {
+          url: '',
+          backgroundColor: ''
+        },
+        buttonText: {
+          sizeType: 'Customize font styles',
+          fontFamily: defaultFontFamily,
+          fontWeight: 400,
+          fontSize: 14,
+          fontStyle: 'normal',
+          color: '#545454'
+        },
+        buttonBorder: {
+          open: true,
+          borderColor: '',
+          borderRadius: 4
+        },
+        buttonIcon: {
+          iconUrl: _index.starIcon,
+          layout: 'left'
+        },
+        spacing: {
+          pc: {
+            paddingTop: 4,
+            paddingBottom: 4,
+            paddingLeft: 10,
+            paddingRight: 10
+          },
+          mobile: {
+            paddingTop: 2,
+            paddingBottom: 2,
+            paddingLeft: 8,
+            paddingRight: 8
+          }
+        },
+        hover: {
+          open: false,
+          content: {
+            backgroundColor: '#E6EAF0'
+          },
+          buttonText: {
+            sizeType: 'Customize font styles',
+            fontFamily: defaultFontFamily,
+            fontWeight: 600,
+            fontSize: 14,
+            fontStyle: 'normal',
+            color: '#8493AF'
+          },
+          buttonBorder: {
+            open: true,
+            borderColor: '',
+            borderRadius: 4
+          },
+          buttonIcon: {
+            iconUrl: '',
+            layout: 'left'
+          }
+        }
       }
     },
     spacing: {

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

@@ -11,6 +11,8 @@ var _antd = require("antd4");
 
 require("./index.less");
 
+var _classnames = _interopRequireDefault(require("classnames"));
+
 var _components = require("../../../../../meta-comp/components");
 
 var _common = require("../../../../../common");
@@ -219,7 +221,8 @@ function (_super) {
     _this.state = {
       messageNum: '',
       cartNum: '',
-      editing: false
+      editing: false,
+      points: 0
     };
 
     _this.getCartNum = function () {
@@ -319,6 +322,29 @@ function (_super) {
       }
     };
 
+    _this.getPoints = function () {
+      return __awaiter(_this, void 0, void 0, function () {
+        var num;
+        return __generator(this, function (_a) {
+          switch (_a.label) {
+            case 0:
+              return [4
+              /*yield*/
+              , (0, _commonUtil.commonFetch)('/designer/v1/h5/points', {}, 'GET')];
+
+            case 1:
+              num = _a.sent();
+              this.setState({
+                points: num || 0
+              });
+              return [2
+              /*return*/
+              ];
+          }
+        });
+      });
+    };
+
     return _this;
   }
 
@@ -327,6 +353,7 @@ function (_super) {
 
     this.getMessageNum();
     this.getCartNum();
+    this.getPoints();
 
     if ((_c = (_b = (_a = this.props.data) === null || _a === void 0 ? void 0 : _a.content) === null || _b === void 0 ? void 0 : _b.keyword) === null || _c === void 0 ? void 0 : _c.open) {
       this.setState({
@@ -352,25 +379,28 @@ function (_super) {
   };
 
   SearchMobile.prototype.render = function () {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
+    var _a;
+
+    var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w;
 
     var data = this.props.data;
-    var _v = this.state,
-        messageNum = _v.messageNum,
-        cartNum = _v.cartNum,
-        value = _v.value;
+    var _x = this.state,
+        messageNum = _x.messageNum,
+        cartNum = _x.cartNum,
+        value = _x.value,
+        points = _x.points;
 
-    var style = __assign({}, (0, _Text.contentStyle)(((_a = data.content.keyword) === null || _a === void 0 ? void 0 : _a.content) || {}));
+    var style = __assign({}, (0, _Text.contentStyle)(((_b = data.content.keyword) === null || _b === void 0 ? void 0 : _b.content) || {}));
 
     Reflect.deleteProperty(style, 'width');
 
-    var _placeholder = ((_b = data.content.placeholder) === null || _b === void 0 ? void 0 : _b.open) ? (_c = data.content.placeholder) === null || _c === void 0 ? void 0 : _c.text : '';
+    var _placeholder = ((_c = data.content.placeholder) === null || _c === void 0 ? void 0 : _c.open) ? (_d = data.content.placeholder) === null || _d === void 0 ? void 0 : _d.text : '';
 
     return /*#__PURE__*/_react["default"].createElement("div", {
-      className: "m-search-bar"
+      className: (0, _classnames["default"])('m-search-bar', (_a = {}, _a['reversed-layout'] = (0, _commonUtil.needReverse)(), _a))
     }, /*#__PURE__*/_react["default"].createElement("div", {
       className: "right"
-    }, data.content && ((_d = data.content.box) === null || _d === void 0 ? void 0 : _d.open) && /*#__PURE__*/_react["default"].createElement("div", {
+    }, data.content && ((_e = data.content.box) === null || _e === void 0 ? void 0 : _e.open) && /*#__PURE__*/_react["default"].createElement("div", {
       className: "search-input-wrap",
       onClick: function onClick() {
         return (0, _coreUtil.clickUrl)('/search-page', {
@@ -378,26 +408,31 @@ function (_super) {
         });
       },
       style: {
-        borderColor: (_f = (_e = data.content.box) === null || _e === void 0 ? void 0 : _e.color) === null || _f === void 0 ? void 0 : _f.mobile,
-        backgroundColor: (_h = (_g = data.content.box) === null || _g === void 0 ? void 0 : _g.backgroundColor) === null || _h === void 0 ? void 0 : _h.mobile
+        borderColor: (_g = (_f = data.content.box) === null || _f === void 0 ? void 0 : _f.color) === null || _g === void 0 ? void 0 : _g.mobile,
+        backgroundColor: (_j = (_h = data.content.box) === null || _h === void 0 ? void 0 : _h.backgroundColor) === null || _j === void 0 ? void 0 : _j.mobile
       }
     }, /*#__PURE__*/_react["default"].createElement(_antd.Input, {
       className: "search-input",
       onBlur: this.onBlur,
       onChange: this.onChange,
       onFocus: this.onFocus,
+      placeholder: _placeholder,
+      readOnly: true,
       style: (0, _commonUtil.pxToRem)(style),
       type: "text",
-      value: value,
-      placeholder: _placeholder
+      value: value
     }), /*#__PURE__*/_react["default"].createElement(_common.Iconfont, {
-      color: (_k = (_j = data.content.box) === null || _j === void 0 ? void 0 : _j.color) === null || _k === void 0 ? void 0 : _k.mobile,
+      color: (_l = (_k = data.content.box) === null || _k === void 0 ? void 0 : _k.color) === null || _l === void 0 ? void 0 : _l.mobile,
       size: (0, _commonUtil.convertToRem)(24),
       type: "icon-search2"
-    })), data.content && ((_m = (_l = data.content.icon) === null || _l === void 0 ? void 0 : _l.cartIcon) === null || _m === void 0 ? void 0 : _m.mobile) && /*#__PURE__*/_react["default"].createElement("div", {
+    })), data.content && ((_m = data.content.points) === null || _m === void 0 ? void 0 : _m.open) && /*#__PURE__*/_react["default"].createElement(_components.MetaButton, {
+      data: __assign(__assign({}, data.content.points), {
+        text: points
+      })
+    }), data.content && ((_p = (_o = data.content.icon) === null || _o === void 0 ? void 0 : _o.cartIcon) === null || _p === void 0 ? void 0 : _p.mobile) && /*#__PURE__*/_react["default"].createElement("div", {
       className: "message-wrap"
     }, /*#__PURE__*/_react["default"].createElement(_common.Iconfont, {
-      color: (_p = (_o = data.content.icon) === null || _o === void 0 ? void 0 : _o.color) === null || _p === void 0 ? void 0 : _p.mobile,
+      color: (_r = (_q = data.content.icon) === null || _q === void 0 ? void 0 : _q.color) === null || _r === void 0 ? void 0 : _r.mobile,
       onClick: function onClick() {
         return (0, _coreUtil.clickUrl)('/main/cart');
       },
@@ -408,10 +443,10 @@ function (_super) {
       type: "icon-ShoppingCartSimple1"
     }), !!cartNum && /*#__PURE__*/_react["default"].createElement("span", {
       className: "num"
-    }, cartNum)), data.content && ((_r = (_q = data.content.icon) === null || _q === void 0 ? void 0 : _q.messageIcon) === null || _r === void 0 ? void 0 : _r.mobile) && /*#__PURE__*/_react["default"].createElement("div", {
+    }, cartNum)), data.content && ((_t = (_s = data.content.icon) === null || _s === void 0 ? void 0 : _s.messageIcon) === null || _t === void 0 ? void 0 : _t.mobile) && /*#__PURE__*/_react["default"].createElement("div", {
       className: "message-wrap"
     }, /*#__PURE__*/_react["default"].createElement(_common.Iconfont, {
-      color: (_t = (_s = data.content.icon) === null || _s === void 0 ? void 0 : _s.color) === null || _t === void 0 ? void 0 : _t.mobile,
+      color: (_v = (_u = data.content.icon) === null || _u === void 0 ? void 0 : _u.color) === null || _v === void 0 ? void 0 : _v.mobile,
       onClick: function onClick() {
         return (0, _coreUtil.clickUrl)('/message-center');
       },
@@ -422,7 +457,7 @@ function (_super) {
       type: "icon-message"
     }), !!messageNum && /*#__PURE__*/_react["default"].createElement("span", {
       className: "num"
-    }, messageNum))), data.content && ((_u = data.content.logo) === null || _u === void 0 ? void 0 : _u.open) && /*#__PURE__*/_react["default"].createElement("div", {
+    }, messageNum))), data.content && ((_w = data.content.logo) === null || _w === void 0 ? void 0 : _w.open) && /*#__PURE__*/_react["default"].createElement("div", {
       className: "logo",
       onClick: function onClick() {
         var _a, _b;

package/es/composite-comp/dito/components/SearchBar/mobile/index.less

@@ -35,6 +35,7 @@
   font-style: normal;
   font-weight: 400;
   font-size: 0.28rem;
+  outline: none;
 }
 .m-search-bar .right .message-wrap {
   position: relative;

package/es/composite-comp/dito/config-panels/PcNavigationConfig/TextOnlyFontConfig/index.js

@@ -106,7 +106,7 @@ function (_super) {
       };
     }
 
-    var _fontWeightList = textData.fontFamily === 'Montserrat' ? _constants.fontWeightList : _constants.otherFontWeightList;
+    var _fontWeightList = ['Montserrat', 'Roboto'].includes(textData.fontFamily) ? _constants.fontWeightList : _constants.otherFontWeightList;
 
     return /*#__PURE__*/_react["default"].createElement("div", {
       className: "m-text-config"

package/es/composite-comp/dito/config-panels/SearchBarConfig/SearchBarConfigContent/index.js

@@ -209,6 +209,12 @@ function (_super) {
         }
       })))),
       metaOption: panelProps.icon
+    }, {
+      key: 'search6',
+      name: (0, _locale.i18n)('POINTS'),
+      toggleType: 'switch',
+      value: null,
+      metaOption: panelProps.points
     }];
     return /*#__PURE__*/_react["default"].createElement(_common.Collapse, {
       headerSize: "middle",

package/es/composite-comp/monpay/components/MerchantSales/mobile/index.js

@@ -247,7 +247,9 @@ function (_super) {
             case 1:
               res = _a.sent();
               list = (0, _commonUtil.ensure)(function () {
-                return res.storePage.list;
+                var _a;
+
+                return (_a = res.storePage) === null || _a === void 0 ? void 0 : _a.list;
               }, []);
               this.setState({
                 list: list

package/es/composite-comp/monpay/components/MonpayFlashDeal/mobile/index.js

@@ -11,8 +11,6 @@ require("./index.less");
 
 var _defImg = _interopRequireDefault(require("./imgs/defImg.png"));
 
-var _locale = require("../../../../../locale");
-
 var _MonpayProductItem = _interopRequireDefault(require("../../../../common/components/MonpayProductItem"));
 
 var _coreUtil = require("../../../../../utils/coreUtil");
@@ -23,6 +21,8 @@ var _commonUtil = require("../../../../../utils/commonUtil");
 
 var _storeUtil = require("../../../../../utils/storeUtil");
 
+var _constants = require("../../../../../constants");
+
 var _dateUtil = require("../../../../../utils/dateUtil");
 
 var _MonpayCountDown = _interopRequireDefault(require("../MonpayCountDown"));
@@ -364,6 +364,30 @@ function (_super) {
       });
     };
 
+    _this.toLocale = function (value) {
+      var locale = (0, _storeUtil.getStore)(_constants.STORAGE_KEY.FISHX_LOCALE) || (0, _storeUtil.getStore)(_constants.STORAGE_KEY.LOCALE);
+
+      if (locale === 'mn' || locale === 'id-ID') {
+        var time = (0, _dateUtil.newDate)(value);
+
+        var _hour = time.getHours() < 10 ? '0' + time.getHours() : time.getHours();
+
+        var _minutes = time.getMinutes() < 10 ? '0' + time.getMinutes() : time.getMinutes();
+
+        if ((0, _dateUtil.isTomorrow)(time)) {
+          return "\u041C\u0430\u0440\u0433\u0430\u0430\u0448, " + _hour + ":" + _minutes;
+        }
+
+        if ((0, _dateUtil.isToday)(time)) {
+          return "\u04E8\u043D\u04E9\u04E9\u0434\u04E9\u0440, " + _hour + ":" + _minutes;
+        } else {
+          return time.getMonth() + 1 + " \u0441\u0430\u0440\u044B\u043D " + time.getDate() + "-\u043D\u044B " + _hour + ":" + _minutes;
+        }
+      } else {
+        return (0, _dateUtil.formatDayMonthTime)(value);
+      }
+    };
+
     return _this;
   }
 
@@ -380,6 +404,8 @@ function (_super) {
   };
 
   FlashDealMobile.prototype.render = function () {
+    var _this = this;
+
     var panelProps = this.props.panelProps;
     var _a = this.state,
         times = _a.times,
@@ -426,9 +452,7 @@ function (_super) {
         }
       }, /*#__PURE__*/_react["default"].createElement("div", {
         className: "time"
-      }, (0, _dateUtil.formatDayMonthTime)(item.effDate)), /*#__PURE__*/_react["default"].createElement("div", {
-        className: "status"
-      }, item.cmpState === 'A' ? (0, _locale.i18n)('COMING_SOON') : (0, _locale.i18n)('ON_GOING')));
+      }, _this.toLocale(item.effDate)));
     })), /*#__PURE__*/_react["default"].createElement("div", {
       className: "flash-deal-list"
     }, _list.map(function (item) {

package/es/composite-comp/public/components/Stores/defaultJSON.js

@@ -12,10 +12,8 @@ var _constants = require("../../../../constants");
 var _index = require("../../../../assets/images/base64/index");
 
 var getDefaultJSON = function getDefaultJSON() {
-  var _a;
-
   var groupId = (0, _uuid.v4)();
-  var defaultFontFamily = _constants.projectFontFamily[(_a = window.systemParams) === null || _a === void 0 ? void 0 : _a.projectCode] || 'Open Sans';
+  var defaultFontFamily = _constants.projectFontFamily['ar'] || 'Open Sans';
   return {
     id: groupId,
     type: 'STORES',

package/es/composite-comp/public/components/Stores/mobile/StoreItem/index.js

@@ -121,7 +121,7 @@ function (_super) {
     }, /*#__PURE__*/_react["default"].createElement(_common.NewImg, {
       className: "product-img",
       lazy: true,
-      src: (0, _commonUtil.convertImageUrl)(data.storePosterUrl || data.storeLogoUrl)
+      src: data.storePosterUrl || data.storeLogoUrl
     }), freeDeliveryLabel.open && data.freeShipping === 'Y' && /*#__PURE__*/_react["default"].createElement(_components.MetaButton, {
       className: "flag",
       data: freeDeliveryLabel
@@ -177,7 +177,7 @@ function (_super) {
     }, /*#__PURE__*/_react["default"].createElement(_common.NewImg, {
       className: "product-img",
       lazy: true,
-      src: (0, _commonUtil.convertImageUrl)(data.storePosterUrl || data.storeLogoUrl)
+      src: data.storePosterUrl || data.storeLogoUrl
     }), freeDeliveryLabel.open && data.freeShipping === 'Y' && /*#__PURE__*/_react["default"].createElement(_components.MetaButton, {
       className: "flag",
       data: freeDeliveryLabel

package/es/composite-comp/public/components/Stores/mobile/index.js

@@ -243,24 +243,40 @@ function (_super) {
     _this.state = {
       list: []
     };
+    _this.sourceType = '1';
+    _this.maxProdNum = 5;
 
     _this.getData = function () {
       return __awaiter(_this, void 0, void 0, function () {
-        var params, res, list;
+        var _a, maxProdNum, sourceType, params, info, res, list;
 
-        var _a;
+        var _b;
 
-        return __generator(this, function (_b) {
-          switch (_b.label) {
+        return __generator(this, function (_c) {
+          switch (_c.label) {
             case 0:
+              _a = this.props.panelProps.content, maxProdNum = _a.maxProdNum, sourceType = _a.sourceType;
               params = {
                 pageIndex: 1,
-                pageSize: 10
+                pageSize: maxProdNum,
+                pageTotal: true
               };
 
+              if (sourceType === '2') {
+                params.freeShipping = 'Y';
+              } else if (sourceType === '3') {
+                params.newFlag = 'Y';
+              } else if (sourceType === '4') {
+                params.sortType = '1';
+              }
+
               if ((0, _commonUtil.isLogin)()) {
-                params.longitude = '118.78344';
-                params.latitude = '31.90613';
+                info = getStore('USER_ADDRESS_INFO') || {};
+
+                if (info.longitude && info.latitude) {
+                  params.longitude = info.longitude;
+                  params.latitude = info.latitude;
+                }
               }
 
               return [4
@@ -268,8 +284,8 @@ function (_super) {
               , (0, _commonUtil.commonFetch)('/designer/v1/h5/store/es', params, 'POST')];
 
             case 1:
-              res = _b.sent();
-              list = ((_a = res.storePage) === null || _a === void 0 ? void 0 : _a.list) || [];
+              res = _c.sent();
+              list = ((_b = res.storePage) === null || _b === void 0 ? void 0 : _b.list) || [];
               this.setState({
                 list: list
               });
@@ -288,6 +304,14 @@ function (_super) {
     this.getData();
   };
 
+  Mobile.prototype.componentWillReceiveProps = function (nextProps) {
+    if (nextProps.panelProps.content.sourceType !== this.sourceType || nextProps.panelProps.content.maxProdNum !== this.maxProdNum) {
+      this.getData();
+      this.sourceType = nextProps.panelProps.content.sourceType;
+      this.maxProdNum = nextProps.panelProps.content.maxProdNum;
+    }
+  };
+
   Mobile.prototype.render = function () {
     var _a;
 

package/es/composite-comp/public/components/Wallet/defaultJSON.js

@@ -28,7 +28,7 @@ var getDefaultJSON = function getDefaultJSON() {
   var defaultFontFamily = _constants.projectFontFamily[(_a = window.systemParams) === null || _a === void 0 ? void 0 : _a.projectCode] || 'Open Sans';
   return {
     id: groupId,
-    type: 'WALLET',
+    type: 'WALLET_PRODUCT',
     groupSource: walletDataList.map(function (item) {
       var itemId = (0, _uuid.v4)();
       return {

package/es/composite-comp/public/components/Wallet/index.js

@@ -74,7 +74,7 @@ function (_super) {
   };
 
   Wallet.defaultProps = {};
-  Wallet.type = 'WALLET';
+  Wallet.type = 'WALLET_PRODUCT';
   Wallet.getDefaultJSON = _defaultJSON.getDefaultJSON;
   Wallet = __decorate([_compositeDecorator["default"]], Wallet);
   return Wallet;

package/es/composite-comp/public/config-panels/StoresConfig/ConfigContent/index.js

@@ -145,14 +145,22 @@ function (_super) {
       value: panelProps.sourceType
     }, /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
       value: "1"
-    }, (0, _locale.i18n)('FREE_SHIPPING_STORES')))), /*#__PURE__*/_react["default"].createElement(_common.Field, {
+    }, (0, _locale.i18n)('ALL_STORES')), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
+      value: "2"
+    }, (0, _locale.i18n)('FREE_SHIPPING_STORES')), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
+      value: "3"
+    }, (0, _locale.i18n)('NEW_STORES')), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
+      value: "4"
+    }, (0, _locale.i18n)('HIGH_SALES_STORES')), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
+      value: "5"
+    }, (0, _locale.i18n)('SELECT_STORES')))), /*#__PURE__*/_react["default"].createElement(_common.Field, {
       title: (0, _locale.i18n)('PRODUCT_QUANTITY'),
       topSplit: true
     }, /*#__PURE__*/_react["default"].createElement(_antd.Radio.Group, {
       onChange: function onChange(e) {
         panelProps.maxProdNum = e.target.value;
 
-        _this.selfRender();
+        _this.reRender();
       },
       value: panelProps.maxProdNum
     }, /*#__PURE__*/_react["default"].createElement(_antd.Radio, {

package/es/constants/index.js

@@ -73,6 +73,9 @@ var fontFamilyList = [{
 }, {
   name: (0, _locale.i18n)('INTER'),
   value: 'Inter'
+}, {
+  name: (0, _locale.i18n)('ROBOTO'),
+  value: 'Roboto'
 }];
 exports.fontFamilyList = fontFamilyList;
 var fontWeightList = [{
@@ -109,7 +112,8 @@ exports.projectCodes = projectCodes;
 var projectFontFamily = {
   MN: 'Inter',
   Ashita: 'Montserrat',
-  pto: 'Open Sans'
+  pto: 'Open Sans',
+  ar: 'Roboto'
 };
 exports.projectFontFamily = projectFontFamily;
 var campaignTypes = {
@@ -323,7 +327,7 @@ var compInfoMap = {
     name: 'Wallet',
     icon: 'icon-Wallet'
   },
-  WALLET: {
+  WALLET_PRODUCT: {
     name: 'Wallet',
     icon: 'icon-Wallet'
   },

package/es/core/Designer/ToolBarModal/index.js

@@ -209,7 +209,7 @@ function (_super) {
 
     var quillFormat = this.state.quillFormat;
 
-    var _fontWeightList = quillFormat['font-family'] === 'Montserrat' ? _constants.fontWeightList : _constants.otherFontWeightList;
+    var _fontWeightList = ['Montserrat', 'Roboto'].includes(quillFormat['font-family']) ? _constants.fontWeightList : _constants.otherFontWeightList;
 
     return /*#__PURE__*/_react["default"].createElement("div", {
       ref: this.toolBarRef,