@fonixtree/magic-design 2.0.117 → 2.0.119

package/es/locale/id/id.json

@@ -1,4 +1,55 @@
 {
+  "THIS_PAGE_WILL": "This page will be published at {date}, If you need to edit it, please cancel the publishing later",
+  "PRODUCTS_IN_TOTAL": "{total} Products In Total",
+  "PLAY_ICON_COLOR": "Play Icon Color",
+  "PLAY_ICON_TYPE": "Play Icon Type",
+  "CLICKABLE_AREA": "Clickable Area",
+  "FILL_THE_PAGE": "Fill the page",
+  "VIDEO_SOUND": "Video Sound",
+  "AUTOPLAYS": "Autoplays",
+  "PLAY_IN_LOOP": "Play in loop",
+  "PROGRESS_BAR": "Progress bar",
+  "PLAY_ICON_SIZE": "Play Icon Size",
+  "SOURCE_OF_ACTIVITY": "Source of Activity",
+  "WIDTH": "Width",
+  "PLAY_BUTTON_POSITION": "Play button position",
+  "PLAY_POSITION": "Play Position",
+  "START_VIDEO_AT": "Start video at",
+  "SELECT_VIDEO": "Select Video",
+  "PLAY_SPEED": "Play Speed",
+  "POSTER": "Poster",
+  "ADD_PAGE": "Add page",
+  "HOMEPAGE": "Homepage",
+  "WOMEN_S_HOME_PAGE": "Women's home page",
+  "EDIT_PAGE": "Edit Page",
+  "CANCEL_PUBLISH_LATER": "Cancel Publish Later",
+  "TO_REVIEW": "To Review",
+  "WHAT_WOULD_LIKE_TO_CREATE": "What would like to create?",
+  "PLEASE_SELECT_A_TIME_AFTER_30_MINUTES_AND_WITHIN_30_DAYS": "Please select a time after 30 minutes and within 30 days",
+  "BIG_NUMBERS_HAVE_BIG_EFFECTS": "Big numbers have big effects",
+  "PROPORTION": "Proportion",
+  "CUSTOMER_INTERESTS": "Customer interests",
+  "HISTORY": "History",
+  "CANCEL": "Cancel",
+  "SALES": "Sales",
+  "DIRECT_FUNCTION": "Direct Function",
+  "OPEN_SANS": "Open Sans",
+  "MONTSERRAT": "Montserrat",
+  "DISCOUNT": "DISCOUNT",
+  "KHUSUS_PENGGUNA_BARU": "Khusus Pengguna Baru",
+  "MIDDLE": "Middle",
+  "BOTTOM_LEFT": "Bottom Left",
+  "POPUP": "Popup",
+  "PLAY_IN_BOX": "Play in Box",
+  "DISPLAY_LOCATION_ADDRESS": "Display Location Address",
+  "SUPPORT_FOR_A": "Support for a single or bulk upload. Strictly prohibit from uploading company data or other band files",
+  "CLICK_OR_DRAG": "Click or drag file to this area to upload",
+  "SHARE_URL": "Share Url",
+  "URL": "URL",
+  "UPLOAD": "Upload",
+  "STORE": "Store",
+  "CAMPAIGN_STATE": "Campaign State",
+  "CAMPAIGN_NAME": "Campaign Name",
   "OK": "OK",
   "BRANDS": "Brands",
   "CATEGORY": "Category",
@@ -66,7 +117,6 @@
   "LIGHT": "Light",
   "URL_IMAGE": "url image",
   "IMAGE_URL": "Image URL",
-  "UPLOAD": "Upload",
   "HOW_LONG_BETWEEN_SLIDES_(SECS)": "How long between slides (secs)",
   "CHAT": "Chat",
   "FOLLOW": "Follow",
@@ -108,7 +158,6 @@
   "HOME": "Home",
   "ADD_CLICKABLE_AREA": "Add Clickable Area",
   "ADD_AREA": "Add Area",
-  "CLICKABLE_AREA": "Clickable Area",
   "VOUCHER_SUCCESS": "Coupon received successfully!",
   "NAVIGATION_NAME": "Navigation Name",
   "ADD_NAVIGATION": "Add Navigation",
@@ -150,7 +199,6 @@
   "SKU": "SKU",
   "PRICE": "Price",
   "BRAND": "Brand",
-  "STORE": "Store",
   "PRODUCT_SELECT": "Product Select",
   "URL_SETUP": "URL Setup",
   "NEW_IMAGE": "New image",
@@ -178,7 +226,6 @@
   "SELECT_PRODUCT": "Select Product",
   "PRODUCT_QUANTITY": "Product Quantity",
   "COLOR": "Color",
-  "AUTOPLAYS": "Autoplays",
   "SHOW_NAVIGATION_ARROW": "Show navigation arrow",
   "SHOW_SLIDE_BUTTON": "Show slide button",
   "CONTENT": "Content",
@@ -205,7 +252,6 @@
   "BUTTON_BORDER_SETTING": "Button Border Setting",
   "BUTTON_ICON_SETTING": "Button Icon Setting",
   "SALES_PROGRESS": "Sales Progress",
-  "SALES": "Sales",
   "NEXT": "Next",
   "REGULAR": "Regular",
   "MEDIUM": "Medium",
@@ -220,7 +266,6 @@
   "GROUP_BY": "Group By",
   "FLASH_SALE": "Flash Sale",
   "THE_PRODUCT_QUANTITY_WILL_BE_AUTOMATICALLY_UPDATED_WITH_THE_ITEMS_THAT_MEET_THE_CATEGORY_CONDITIONS": "The product quantity will be automatically updated with the items that meet the category conditions",
-  "CANCEL": "Cancel",
   "LINK_TYPE": "Link Type",
   "LOOKS_LIKE_YOU_DO_NOT_HAVE_ANY_IMAGES_IN_YOUR_GALLERY__CHOOSE_IMAGES_TO_FEATURE_ON_THIS_PAGE_": "Looks like you do not have any images in your gallery. Choose images to feature on this page.",
   "EDIT": "Edit",

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

@@ -11,6 +11,8 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 require("./index.less");
 
+var _h5DefRectImg = _interopRequireDefault(require("./image/h5DefRectImg.png"));
+
 var _h5DefImg = _interopRequireDefault(require("./image/h5DefImg.png"));
 
 var _pcDefImg = _interopRequireDefault(require("./image/pcDefImg.png"));
@@ -174,7 +176,8 @@ function (_super) {
         data = _e.data,
         isBackground = _e.isBackground,
         hoverState = _e.hoverState,
-        notNeedLazy = _e.notNeedLazy;
+        notNeedLazy = _e.notNeedLazy,
+        isRect = _e.isRect;
     var hoverImgSrc = this.state.hoverImgSrc; // const { hoverSrc } = this.state;
     // console.log('--metaImage ', this.props);
 
@@ -188,7 +191,7 @@ function (_super) {
 
 
     if (!srcImg) {
-      srcImg = (0, _coreUtil.isPc)() ? _pcDefImg["default"] : _h5DefImg["default"];
+      srcImg = (0, _coreUtil.isPc)() ? _pcDefImg["default"] : isRect ? _h5DefRectImg["default"] : _h5DefImg["default"];
     }
 
     var areas = data.content.openHotArea && ((0, _coreUtil.isPc)() ? data.content.pcAreas : data.content.h5Areas);
@@ -252,7 +255,8 @@ function (_super) {
     hoverState: false,
     limitWidthHeight: false,
     scale: 1,
-    notNeedLazy: false
+    notNeedLazy: false,
+    isRect: false
   };
   Image = __decorate([_decorator.metaDecorator], Image);
   return Image;

package/es/meta-comp/config-panels/ButtonConfig/index.js

@@ -146,7 +146,7 @@ function (_super) {
 
     var contentSetting = /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_common.Field, {
       split: true,
-      title: "URL"
+      title: (0, _locale.i18n)('URL')
     }, /*#__PURE__*/_react["default"].createElement(_common.UrlPicker, {
       onChange: function onChange(value) {
         _this.updateAttr(data.content, 'url', value);
@@ -193,9 +193,9 @@ function (_super) {
         value: _data.fontFamily
       }, /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
         value: "Montserrat"
-      }, "Montserrat"), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
+      }, (0, _locale.i18n)('MONTSERRAT')), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
         value: "Open Sans"
-      }, "Open Sans"))), /*#__PURE__*/_react["default"].createElement(_common.Field, {
+      }, (0, _locale.i18n)('OPEN_SANS')))), /*#__PURE__*/_react["default"].createElement(_common.Field, {
         title: (0, _locale.i18n)('FONT_WEIGHT')
       }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
         onChange: function onChange(v) {

package/es/meta-comp/config-panels/ImageConfig/AreaConfigModal/index.js

@@ -117,7 +117,7 @@ function (_super) {
       draggable: false,
       onCancel: onCancel,
       onOk: this.onOkClick,
-      title: "clickable Area",
+      title: (0, _locale.i18n)('CLICKABLE_AREA'),
       visible: visible,
       width: "auto"
     }, /*#__PURE__*/_react["default"].createElement("div", {

package/es/meta-comp/config-panels/ImageConfig/index.js

@@ -341,7 +341,7 @@ function (_super) {
       },
       option: data.content
     }), needURL && /*#__PURE__*/_react["default"].createElement(_common.Field, {
-      title: "URL"
+      title: (0, _locale.i18n)('URL')
     }, /*#__PURE__*/_react["default"].createElement(_common.UrlPicker, {
       disabled: data.content.openHotArea,
       onChange: function onChange(v) {

package/es/meta-comp/config-panels/PlayIconConfig/index.js

@@ -124,7 +124,7 @@ function (_super) {
       className: "play-config"
     }, /*#__PURE__*/_react["default"].createElement(_common.Field, {
       split: true,
-      title: "Play Icon Type"
+      title: (0, _locale.i18n)('PLAY_ICON_TYPE')
     }, /*#__PURE__*/_react["default"].createElement("div", {
       className: "icon-wrap"
     }, iconList.map(function (item, i) {
@@ -154,7 +154,7 @@ function (_super) {
       }));
     }))), /*#__PURE__*/_react["default"].createElement(_common.Field, {
       split: true,
-      title: "Play Icon Color"
+      title: (0, _locale.i18n)('PLAY_ICON_COLOR')
     }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
       className: "icon-color-select",
       onChange: function onChange(value) {
@@ -172,7 +172,7 @@ function (_super) {
         value: v.key
       }, v.value);
     }))), /*#__PURE__*/_react["default"].createElement(_common.Field, {
-      title: "Play Icon Size"
+      title: (0, _locale.i18n)('PLAY_ICON_SIZE')
     }, /*#__PURE__*/_react["default"].createElement(_common.Slider, {
       inputType: "int",
       maxVal: 100,

package/es/meta-comp/config-panels/TextConfig/index.js

@@ -230,9 +230,9 @@ function (_super) {
         value: textData.fontFamily
       }, /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
         value: "Montserrat"
-      }, "Montserrat"), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
+      }, (0, _locale.i18n)('MONTSERRAT')), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
         value: "Open Sans"
-      }, "Open Sans"))), /*#__PURE__*/_react["default"].createElement(_common.Field, {
+      }, (0, _locale.i18n)('OPEN_SANS')))), /*#__PURE__*/_react["default"].createElement(_common.Field, {
         title: (0, _locale.i18n)('FONT_WEIGHT')
       }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
         onChange: function onChange(v) {
@@ -280,7 +280,7 @@ function (_super) {
         value: textData
       })), window.magicDesign.outputType != 'html' && /*#__PURE__*/_react["default"].createElement(_common.Field, {
         split: true,
-        title: "URL"
+        title: (0, _locale.i18n)('URL')
       }, /*#__PURE__*/_react["default"].createElement(_common.UrlPicker, {
         disabled: textData.urlDisabled,
         onChange: function onChange(v) {

package/lib/common/ImageModal/index.js

@@ -29,10 +29,14 @@ var _Iconfont = _interopRequireDefault(require("../Iconfont"));
 
 var _commonUtil = require("../../utils/commonUtil");
 
+var _storeUtil = require("../../utils/storeUtil");
+
 var _dataTreeUtils = _interopRequireDefault(require("../../utils/dataTreeUtils"));
 
 var _locale = require("../../locale");
 
+var _constants = require("../../constants");
+
 require("./index.less");
 
 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); }
@@ -239,7 +243,7 @@ function ImageModal(_a) {
       treeData = _e[0],
       setTreeData = _e[1];
 
-  var _f = (0, _react.useState)(['-1']),
+  var _f = (0, _react.useState)(['']),
       selectedKeys = _f[0],
       setSelectedKeys = _f[1];
 
@@ -399,7 +403,7 @@ function ImageModal(_a) {
 
   var getContentCatgs = function getContentCatgs() {
     return __awaiter(_this, void 0, void 0, function () {
-      var data, mapProps, newData;
+      var data, mapProps, newData, defaultExpandedIndex;
       return __generator(this, function (_a) {
         switch (_a.label) {
           case 0:
@@ -427,9 +431,11 @@ function ImageModal(_a) {
               contentCatgName: 'Default'
             });
             setTreeData(newData);
-            setSelectedKeys(['-1']);
+            defaultExpandedIndex = (0, _storeUtil.getStore)(_constants.STORE_KEY.IMAGE_MODAL_MENU_EXPANDED_INDEX);
+            setSelectedKeys(defaultExpandedIndex);
+            setExpandedKeys(defaultExpandedIndex);
             qryImageContents({
-              contentCatgId: '-1'
+              contentCatgId: defaultExpandedIndex[0]
             });
             return [2
             /*return*/
@@ -453,6 +459,7 @@ function ImageModal(_a) {
 
   var selectFolder = function selectFolder(id) {
     setSelectedKeys(["" + id]);
+    (0, _storeUtil.setStore)(_constants.STORE_KEY.IMAGE_MODAL_MENU_EXPANDED_INDEX, ["" + id]);
     var filterArr = (expandedKeys || []).filter(function (val) {
       return val === "" + id;
     });
@@ -476,6 +483,7 @@ function ImageModal(_a) {
     }
 
     setSelectedKeys(record);
+    (0, _storeUtil.setStore)(_constants.STORE_KEY.IMAGE_MODAL_MENU_EXPANDED_INDEX, record);
     setPageIndex(1);
     qryImageContents({
       contentCatgId: record[0],

package/lib/common/LinkModal/BundleCampaign/index.js

@@ -15,6 +15,8 @@ var _businessUtil = require("../../../utils/businessUtil");
 
 var _dateUtil = require("../../../utils/dateUtil");
 
+var _locale = require("../../../locale");
+
 require("./index.less");
 
 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); }
@@ -325,7 +327,7 @@ var BundleCampaign = function BundleCampaign(props) {
     }
   }, /*#__PURE__*/_react["default"].createElement("span", {
     className: "labelStyle"
-  }, "Campaign Name"), /*#__PURE__*/_react["default"].createElement(_antd.Input, {
+  }, (0, _locale.i18n)('CAMPAIGN_NAME')), /*#__PURE__*/_react["default"].createElement(_antd.Input, {
     className: "inputStyle",
     onChange: function onChange(e) {
       setCampaignName(e.target.value);
@@ -339,7 +341,7 @@ var BundleCampaign = function BundleCampaign(props) {
     }
   }, /*#__PURE__*/_react["default"].createElement("span", {
     className: "labelStyle"
-  }, "Campaign State"), /*#__PURE__*/_react["default"].createElement(_antd.Select, {
+  }, (0, _locale.i18n)('CAMPAIGN_STATE')), /*#__PURE__*/_react["default"].createElement(_antd.Select, {
     className: "inputStyle",
     defaultValue: "A,B",
     onChange: changeCamState,
@@ -362,7 +364,7 @@ var BundleCampaign = function BundleCampaign(props) {
     }
   }, /*#__PURE__*/_react["default"].createElement("span", {
     className: "labelStyle"
-  }, "Store"), /*#__PURE__*/_react["default"].createElement(_antd.Select, {
+  }, (0, _locale.i18n)('STORE')), /*#__PURE__*/_react["default"].createElement(_antd.Select, {
     className: "inputStyle",
     onChange: function onChange(value) {
       return setStoreId(value);

package/lib/common/LinkModal/SelectVideoModal/index.js

@@ -91,7 +91,7 @@ function (_super) {
     }, /*#__PURE__*/_react["default"].createElement("div", {
       className: "video-upload-wrap"
     }, /*#__PURE__*/_react["default"].createElement(_Field["default"], {
-      title: "Select Video"
+      title: (0, _locale.i18n)('SELECT_VIDEO')
     }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
       onChange: function onChange(v) {
         _this.onFieldChange({
@@ -101,10 +101,10 @@ function (_super) {
       value: this.videoSetting.sourceType
     }, /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
       value: "Upload"
-    }, "Upload"), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
+    }, (0, _locale.i18n)('UPLOAD')), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
       value: "URL"
-    }, "URL"))), this.videoSetting.sourceType === 'URL' && /*#__PURE__*/_react["default"].createElement(_Field["default"], {
-      title: "URL"
+    }, (0, _locale.i18n)('URL')))), this.videoSetting.sourceType === 'URL' && /*#__PURE__*/_react["default"].createElement(_Field["default"], {
+      title: (0, _locale.i18n)('URL')
     }, /*#__PURE__*/_react["default"].createElement("div", {
       className: "input-url"
     }, /*#__PURE__*/_react["default"].createElement("input", {
@@ -144,7 +144,7 @@ function (_super) {
     }, /*#__PURE__*/_react["default"].createElement(_Field["default"], {
       layout: "horizontal",
       split: true,
-      title: "Progress bar"
+      title: (0, _locale.i18n)('PROGRESS_BAR')
     }, /*#__PURE__*/_react["default"].createElement(_antd.Switch, {
       checked: this.videoSetting.progressBar,
       onChange: function onChange(v) {
@@ -155,7 +155,7 @@ function (_super) {
     })), /*#__PURE__*/_react["default"].createElement(_Field["default"], {
       layout: "horizontal",
       split: true,
-      title: "Play in loop"
+      title: (0, _locale.i18n)('PLAY_IN_LOOP')
     }, /*#__PURE__*/_react["default"].createElement(_antd.Switch, {
       checked: this.videoSetting.loop,
       onChange: function onChange(v) {
@@ -166,7 +166,7 @@ function (_super) {
     })), /*#__PURE__*/_react["default"].createElement(_Field["default"], {
       layout: "horizontal",
       split: true,
-      title: "Autoplays"
+      title: (0, _locale.i18n)('AUTOPLAYS')
     }, /*#__PURE__*/_react["default"].createElement(_antd.Switch, {
       checked: this.videoSetting.autoplay,
       onChange: function onChange(v) {
@@ -177,7 +177,7 @@ function (_super) {
     })), /*#__PURE__*/_react["default"].createElement(_Field["default"], {
       layout: "horizontal",
       split: true,
-      title: "Video Sound"
+      title: (0, _locale.i18n)('VIDEO_SOUND')
     }, /*#__PURE__*/_react["default"].createElement(_antd.Switch, {
       checked: this.videoSetting.videoSound,
       onChange: function onChange(v) {
@@ -186,7 +186,7 @@ function (_super) {
         });
       }
     })), /*#__PURE__*/_react["default"].createElement(_Field["default"], {
-      title: "Play Speed"
+      title: (0, _locale.i18n)('PLAY_SPEED')
     }, /*#__PURE__*/_react["default"].createElement(_index.Slider, {
       inputType: "float",
       maxVal: 2,

package/lib/common/LinkModal/ShareUrl/index.js

@@ -9,6 +9,8 @@ var _react = _interopRequireDefault(require("react"));
 
 require("./index.less");
 
+var _locale = require("../../../locale");
+
 var _antd = require("antd4");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -27,7 +29,7 @@ function ShareUrl(_a) {
     className: "shareWrap"
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "label"
-  }, "Share Url"), /*#__PURE__*/_react["default"].createElement(_antd.Input, {
+  }, (0, _locale.i18n)('SHARE_URL')), /*#__PURE__*/_react["default"].createElement(_antd.Input, {
     onChange: onChangeUrl
   }));
 }

package/lib/common/LinkModal/index.js

@@ -429,7 +429,9 @@ var LinkModal = function LinkModal(props) {
     className: "footer"
   }, selected === 'FilteredProduct' ? /*#__PURE__*/_react["default"].createElement("div", {
     className: "total"
-  }, total, " Products In Total") : /*#__PURE__*/_react["default"].createElement("div", null), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_antd.Button, {
+  }, (0, _locale.i18n)('PRODUCTS_IN_TOTAL', {
+    total: total
+  })) : /*#__PURE__*/_react["default"].createElement("div", null), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_antd.Button, {
     className: "btn-cancel",
     onClick: function onClick() {
       return onClose && onClose();

package/lib/common/VideoUpload/index.js

@@ -129,9 +129,9 @@ function (_super) {
       src: _videoUploadIcon["default"]
     }), /*#__PURE__*/_react["default"].createElement("div", {
       className: "title"
-    }, "Click or drag file to this area to upload"), /*#__PURE__*/_react["default"].createElement("div", {
+    }, (0, _locale.i18n)('CLICK_OR_DRAG')), /*#__PURE__*/_react["default"].createElement("div", {
       className: "subtitle"
-    }, "Support for a single or bulk upload. Strictly prohibit from uploading company data or other band files"))), visible && /*#__PURE__*/_react["default"].createElement(_ImageModal["default"], {
+    }, (0, _locale.i18n)('SUPPORT_FOR_A')))), visible && /*#__PURE__*/_react["default"].createElement(_ImageModal["default"], {
       _fetch: this.props._fetch,
       onCancel: function onCancel() {
         _this.setState({

package/lib/composite-comp/bol/components/Location/index.js

@@ -13,6 +13,8 @@ var _common = require("../../../../common");
 
 var _compositeDecorator = _interopRequireDefault(require("../../../../decorator/compositeDecorator"));
 
+var _locale = require("../../../../locale");
+
 require("./index.less");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -81,7 +83,7 @@ function (_super) {
       type: "icon-MapPin"
     }), nodeData.address.open && /*#__PURE__*/_react["default"].createElement("div", {
       className: "address"
-    }, "Display Location Address"), nodeData.icon.open && /*#__PURE__*/_react["default"].createElement(_common.Iconfont, {
+    }, (0, _locale.i18n)('DISPLAY_LOCATION_ADDRESS')), nodeData.icon.open && /*#__PURE__*/_react["default"].createElement(_common.Iconfont, {
       className: "logo",
       color: nodeData.icon.color,
       size: 16,

package/lib/composite-comp/bol/second-config-panels/VideoSecondConfig/index.js

@@ -182,7 +182,7 @@ function (_super) {
         metaOption: panelProps.playIcon
       }];
       return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_common.Field, {
-        title: "Select Video"
+        title: (0, _locale.i18n)('SELECT_VIDEO')
       }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
         onChange: function onChange(v) {
           panelProps.video.sourceType = v;
@@ -192,10 +192,10 @@ function (_super) {
         value: panelProps.video.sourceType
       }, /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
         value: "Upload"
-      }, "Upload"), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
+      }, (0, _locale.i18n)('UPLOAD')), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
         value: "URL"
-      }, "URL"))), panelProps.video.sourceType === 'URL' && /*#__PURE__*/_react["default"].createElement(_common.Field, {
-        title: "URL"
+      }, (0, _locale.i18n)('URL')))), panelProps.video.sourceType === 'URL' && /*#__PURE__*/_react["default"].createElement(_common.Field, {
+        title: (0, _locale.i18n)('URL')
       }, /*#__PURE__*/_react["default"].createElement("div", {
         className: "input-url"
       }, /*#__PURE__*/_react["default"].createElement("input", {
@@ -228,7 +228,7 @@ function (_super) {
         },
         value: panelProps.video.sourceUrl
       }), /*#__PURE__*/_react["default"].createElement(_common.Field, {
-        title: "Start video at"
+        title: (0, _locale.i18n)('START_VIDEO_AT')
       }, /*#__PURE__*/_react["default"].createElement(_antd.TimePicker, {
         defaultValue: "00:00",
         format: "mm:ss",
@@ -261,7 +261,7 @@ function (_super) {
       return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_common.Field, {
         layout: "horizontal",
         split: true,
-        title: "Progress bar"
+        title: (0, _locale.i18n)('PROGRESS_BAR')
       }, /*#__PURE__*/_react["default"].createElement(_antd.Switch, {
         checked: panelProps.video.progressBar,
         onChange: function onChange(v) {
@@ -272,7 +272,7 @@ function (_super) {
       })), /*#__PURE__*/_react["default"].createElement(_common.Field, {
         layout: "horizontal",
         split: true,
-        title: "Play in loop"
+        title: (0, _locale.i18n)('PLAY_IN_LOOP')
       }, /*#__PURE__*/_react["default"].createElement(_antd.Switch, {
         checked: panelProps.video.loop,
         onChange: function onChange(v) {
@@ -283,7 +283,7 @@ function (_super) {
       })), /*#__PURE__*/_react["default"].createElement(_common.Field, {
         layout: "horizontal",
         split: true,
-        title: "Autoplays"
+        title: (0, _locale.i18n)('AUTOPLAYS')
       }, /*#__PURE__*/_react["default"].createElement(_antd.Switch, {
         checked: panelProps.video.autoplay,
         onChange: function onChange(v) {
@@ -294,7 +294,7 @@ function (_super) {
       })), /*#__PURE__*/_react["default"].createElement(_common.Field, {
         layout: "horizontal",
         split: true,
-        title: "Video Sound"
+        title: (0, _locale.i18n)('VIDEO_SOUND')
       }, /*#__PURE__*/_react["default"].createElement(_antd.Switch, {
         checked: panelProps.video.videoSound,
         onChange: function onChange(v) {
@@ -303,7 +303,7 @@ function (_super) {
           _this.reRender();
         }
       })), /*#__PURE__*/_react["default"].createElement(_common.Field, {
-        title: "Play Speed"
+        title: (0, _locale.i18n)('PLAY_SPEED')
       }, /*#__PURE__*/_react["default"].createElement(_common.Slider, {
         inputType: "float",
         maxVal: 2,
@@ -318,7 +318,7 @@ function (_super) {
           count: panelProps.video.speed
         }
       })), /*#__PURE__*/_react["default"].createElement(_common.Field, {
-        title: "Play Position"
+        title: (0, _locale.i18n)('PLAY_POSITION')
       }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
         onChange: function onChange(v) {
           panelProps.video.playPosition = v;
@@ -328,10 +328,10 @@ function (_super) {
         value: panelProps.video.playPosition
       }, /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
         value: "Play in Box"
-      }, "Play in Box"), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
+      }, (0, _locale.i18n)('PLAY_IN_BOX')), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
         value: "Popup"
-      }, "Popup"))), /*#__PURE__*/_react["default"].createElement(_common.Field, {
-        title: "Play button position"
+      }, (0, _locale.i18n)('POPUP')))), /*#__PURE__*/_react["default"].createElement(_common.Field, {
+        title: (0, _locale.i18n)('PLAY_BUTTON_POSITION')
       }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
         onChange: function onChange(v) {
           panelProps.video.playButton = v;
@@ -341,9 +341,9 @@ function (_super) {
         value: panelProps.video.playButton
       }, /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
         value: "Bottom Left"
-      }, "Bottom Left"), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
+      }, (0, _locale.i18n)('BOTTOM_LEFT')), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
         value: "Middle"
-      }, "Middle"))));
+      }, (0, _locale.i18n)('MIDDLE')))));
     };
 
     return _this;

package/lib/composite-comp/common/components/AffiliateProductItem/index.js

@@ -19,6 +19,8 @@ var _components = require("../../../../meta-comp/components");
 
 var _NewImg = _interopRequireDefault(require("../../../../common/NewImg"));
 
+var _locale = require("../../../../locale");
+
 require("./index.less");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -153,7 +155,7 @@ function (_super) {
       className: "cashBackBox_text " + (customFont ? 'custom_font' : '')
     }, "Cashback s/d", /*#__PURE__*/_react["default"].createElement("span", null, (0, _currencyUtil.formatCurrencyWithSymbolNotSpace)(data.buyCommission || 0)))))), ((_g = data.rebateInfo) === null || _g === void 0 ? void 0 : _g.rebatesType) === 'Newcomers' && /*#__PURE__*/_react["default"].createElement("div", {
       className: "tip"
-    }, "Khusus Pengguna Baru"), ((_h = data.rebateInfo) === null || _h === void 0 ? void 0 : _h.rebatesType) !== 'Newcomers' && panelProps.salesPrice.open && /*#__PURE__*/_react["default"].createElement(_components.MetaText, {
+    }, (0, _locale.i18n)('KHUSUS_PENGGUNA_BARU')), ((_h = data.rebateInfo) === null || _h === void 0 ? void 0 : _h.rebatesType) !== 'Newcomers' && panelProps.salesPrice.open && /*#__PURE__*/_react["default"].createElement(_components.MetaText, {
       className: "producItemPrice",
       data: __assign(__assign({}, panelProps.salesPrice), {
         text: (0, _currencyUtil.formatCurrencyWithSymbolNotSpace)(data.productPrice || 0)

package/lib/composite-comp/common/components/MonpayProductItem/index.js

@@ -281,7 +281,7 @@ function (_super) {
         className: (0, _classnames["default"])('item', m.discountMethod)
       }, /*#__PURE__*/_react["default"].createElement("div", {
         className: "name"
-      }, "DISCOUNT"), /*#__PURE__*/_react["default"].createElement("div", {
+      }, (0, _locale.i18n)('DISCOUNT')), /*#__PURE__*/_react["default"].createElement("div", {
         className: "num"
       }, renderDiscount(m)));
     })), showProgress && /*#__PURE__*/_react["default"].createElement("div", {

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

@@ -141,9 +141,9 @@ function (_super) {
       value: textData.fontFamily
     }, /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
       value: "Montserrat"
-    }, "Montserrat"), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
+    }, (0, _locale.i18n)('MONTSERRAT')), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
       value: "Open Sans"
-    }, "Open Sans"))), /*#__PURE__*/_react["default"].createElement(_common.Field, {
+    }, (0, _locale.i18n)('OPEN_SANS')))), /*#__PURE__*/_react["default"].createElement(_common.Field, {
       title: (0, _locale.i18n)('FONT_WEIGHT')
     }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
       onChange: function onChange(v) {

package/lib/composite-comp/common/config-panels/SpacingConfig/index.js

@@ -69,7 +69,7 @@ function (_super) {
     return /*#__PURE__*/_react["default"].createElement("div", {
       className: "spacing-config-container"
     }, configWidth && /*#__PURE__*/_react["default"].createElement(_common.Field, {
-      title: "Width"
+      title: (0, _locale.i18n)('WIDTH')
     }, /*#__PURE__*/_react["default"].createElement(_common.Slider, {
       maxVal: window.magicDesign.device === 'pc' ? 1240 : 375,
       minVal: window.magicDesign.device === 'pc' ? 806 : 348,
@@ -83,7 +83,7 @@ function (_super) {
       }
     })), fillUpWidth && window.magicDesign.device === 'pc' && /*#__PURE__*/_react["default"].createElement(_common.Field, {
       layout: "horizontal",
-      title: "Fill the page"
+      title: (0, _locale.i18n)('FILL_THE_PAGE')
     }, /*#__PURE__*/_react["default"].createElement(_antd.Checkbox, {
       checked: obj.fillUp,
       onChange: function onChange(e) {