@fonixtree/magic-design 1.0.91 → 1.0.92

package/es/composite-comp/common/components/ProductItem/index.js

@@ -206,7 +206,9 @@ function (_super) {
         text: data.offerName
       }),
       readonly: true
-    }))), panelProps.activityPrice.open && /*#__PURE__*/_react["default"].createElement("div", {
+    }))), (panelProps.activityPrice.open || panelProps.salesPrice.open) && /*#__PURE__*/_react["default"].createElement("div", {
+      className: "price-info-wrap"
+    }, panelProps.activityPrice.open && /*#__PURE__*/_react["default"].createElement("div", {
       className: "price-wrap"
     }, /*#__PURE__*/_react["default"].createElement(_components.MetaText, {
       className: "price",
@@ -232,9 +234,9 @@ function (_super) {
       style: {
         color: panelProps.salesPrice.content.color
       }
-    })), type !== 'groupBuy' && !showProgress && data.salesCnt > 0 && /*#__PURE__*/_react["default"].createElement("div", {
+    })), type !== 'groupBuy' && !showProgress && data.salesCnt > 0 && data.displaySalesCntFlag === 'Y' && /*#__PURE__*/_react["default"].createElement("div", {
       className: "sold-count"
-    }, (0, _commonUtil.convertCount)(data.salesCnt), " sold")), showProgress && ((_d = panelProps.salesProgressVisible) === null || _d === void 0 ? void 0 : _d.open) && /*#__PURE__*/_react["default"].createElement("div", {
+    }, (0, _commonUtil.convertCount)(data.salesCnt), " sold"))), showProgress && ((_d = panelProps.salesProgressVisible) === null || _d === void 0 ? void 0 : _d.open) && /*#__PURE__*/_react["default"].createElement("div", {
       className: "progress-wrap"
     }, /*#__PURE__*/_react["default"].createElement("span", {
       className: "text"

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

@@ -85,6 +85,10 @@ var getDefaultJSON = function getDefaultJSON() {
           layout: 'right'
         },
         hover: null
+      },
+      countDown: {
+        id: (0, _uuid.v4)(),
+        open: true
       }
     },
     content: {

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

@@ -9,6 +9,8 @@ var _react = _interopRequireDefault(require("react"));
 
 require("./index.less");
 
+var _classnames = _interopRequireDefault(require("classnames"));
+
 var _defImg = _interopRequireDefault(require("./imgs/defImg.png"));
 
 var _ProductItem = _interopRequireDefault(require("../../../../common/components/ProductItem"));
@@ -375,13 +377,16 @@ function (_super) {
   };
 
   FlashDealMobile.prototype.render = function () {
+    var _a;
+
     var panelProps = this.props.panelProps;
-    var _a = this.state,
-        list = _a.list,
-        effDate = _a.effDate,
-        expDate = _a.expDate,
-        now = _a.now,
-        isWill = _a.isWill;
+    console.log('flash deal panelProps: ', panelProps);
+    var _b = this.state,
+        list = _b.list,
+        effDate = _b.effDate,
+        expDate = _b.expDate,
+        now = _b.now,
+        isWill = _b.isWill;
 
     var _list = list.length === 0 && (0, _coreUtil.isDesignMode)() ? defaultData : list;
 
@@ -400,7 +405,7 @@ function (_super) {
       data: panelProps.title.headline
     }), isWill && /*#__PURE__*/_react["default"].createElement("span", {
       className: "sub-title"
-    }, (0, _locale.i18n)('NEXT')), /*#__PURE__*/_react["default"].createElement(_CountDown["default"], {
+    }, (0, _locale.i18n)('NEXT')), ((_a = panelProps.title) === null || _a === void 0 ? void 0 : _a.countDown.open) && /*#__PURE__*/_react["default"].createElement(_CountDown["default"], {
       effDate: effDate,
       expDate: expDate,
       now: now,
@@ -414,7 +419,10 @@ function (_super) {
       className: "btn",
       data: panelProps.title.button
     }))), /*#__PURE__*/_react["default"].createElement("div", {
-      className: "flash-deal-list"
+      className: (0, _classnames["default"])('flash-deal-list', {
+        'flash-deal-list-vertical': panelProps.customize.layout === 'layout1',
+        'flash-deal-list-horizontal': panelProps.customize.layout === 'layout2'
+      })
     }, _list.map(function (item) {
       return /*#__PURE__*/_react["default"].createElement(_ProductItem["default"], {
         key: item.id,
@@ -422,6 +430,7 @@ function (_super) {
           salePercent: isWill ? 0 : item.salePercent
         }) // onItemClick={() => clickUrl(`/product/detail/${item.offerId}?productId=${item.sppProductId ?? ''}`)}
         ,
+        layout: panelProps.customize.layout === 'layout2' ? 'horizontal' : 'vertical',
         onItemClick: function onItemClick() {
           if (window.magicDesign.pushGA) {
             window.magicDesign.pushGA({}, 'select_promotion', {

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

@@ -53,12 +53,6 @@
 }
 .m-flash-deal-mobile .flash-deal-list {
   margin-top: 0.32rem;
-  overflow-x: auto;
-  overflow-y: hidden;
-  white-space: nowrap;
-  display: flex;
-  align-items: flex-start;
-  justify-content: flex-start;
   position: relative;
 }
 .m-flash-deal-mobile .flash-deal-list .loading-wrap {
@@ -73,11 +67,49 @@
   right: 0;
   margin: auto;
 }
-.m-flash-deal-mobile .flash-deal-list .m-product-item-wrap {
+.m-flash-deal-mobile .flash-deal-list-vertical {
+  overflow-x: auto;
+  overflow-y: hidden;
+  white-space: nowrap;
+  display: flex;
+  align-items: flex-start;
+  justify-content: flex-start;
+}
+.m-flash-deal-mobile .flash-deal-list-vertical .m-product-item-wrap {
   width: 2.84rem;
   margin-right: 0.16rem;
 }
-.m-flash-deal-mobile .flash-deal-list .m-product-item-wrap .product-img {
+.m-flash-deal-mobile .flash-deal-list-vertical .m-product-item-wrap .product-img {
   height: 2.8rem;
   width: 2.8rem;
 }
+.m-flash-deal-mobile .flash-deal-list-horizontal {
+  display: flex;
+  flex-direction: column;
+  gap: 0.16rem;
+}
+.m-flash-deal-mobile .flash-deal-list-horizontal .m-product-item-wrap {
+  width: 100%;
+}
+.m-flash-deal-mobile .flash-deal-list-horizontal .m-product-item-wrap .content-wrap {
+  flex: 1;
+}
+.m-flash-deal-mobile .flash-deal-list-horizontal .m-product-item-wrap .content-wrap .product-name-wrap {
+  white-space: nowrap;
+}
+.m-flash-deal-mobile .flash-deal-list-horizontal .m-product-item-wrap .content-wrap .price-info-wrap {
+  display: flex;
+}
+.m-flash-deal-mobile .flash-deal-list-horizontal .m-product-item-wrap .content-wrap .price-info-wrap .price-wrap {
+  margin-bottom: 0;
+}
+.m-flash-deal-mobile .flash-deal-list-horizontal .m-product-item-wrap .content-wrap .price-info-wrap .price-sold-wrap {
+  margin-left: 0.04rem;
+}
+.m-flash-deal-mobile .flash-deal-list-horizontal .m-product-item-wrap .content-wrap .price-info-wrap .price-sold-wrap .discount {
+  display: none;
+}
+.m-flash-deal-mobile .flash-deal-list-horizontal .m-product-item-wrap .content-wrap .progress-wrap {
+  padding-right: 0.52rem;
+  margin-top: 0;
+}

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

@@ -74,13 +74,13 @@
   margin: auto;
 }
 .m-group-buy-mobile .group-buy-list .m-product-item-wrap {
-  width: 2.8rem;
+  width: 3.44rem;
   margin-right: 0.24rem;
   border-radius: 0;
 }
 .m-group-buy-mobile .group-buy-list .m-product-item-wrap .product-img {
-  height: 2.76rem;
-  width: 2.76rem;
+  height: 3.4rem;
+  width: 3.4rem;
 }
 .m-group-buy-mobile .group-buy-list .m-product-item-wrap .content-wrap {
   padding: 0.24rem;

package/es/composite-comp/dito/config-panels/FlashDealConfig/FlashDealConfigTitle/index.js

@@ -45,12 +45,12 @@ var __extends = void 0 && (void 0).__extends || function () {
   };
 }();
 
-var AComponent =
+var FlashDealConfigTitle =
 /** @class */
 function (_super) {
-  __extends(AComponent, _super);
+  __extends(FlashDealConfigTitle, _super);
 
-  function AComponent() {
+  function FlashDealConfigTitle() {
     var _this = _super !== null && _super.apply(this, arguments) || this;
 
     _this.state = {};
@@ -64,7 +64,7 @@ function (_super) {
     return _this;
   }
 
-  AComponent.prototype.render = function () {
+  FlashDealConfigTitle.prototype.render = function () {
     var _this = this;
 
     var panelProps = this.props.panelProps;
@@ -86,41 +86,50 @@ function (_super) {
       headerSize: "middle",
       onRefresh: this.reRender,
       source: [{
-        key: '1',
+        key: 'iconConfig',
         name: (0, _locale.i18n)('ICON'),
         value: iconSetting,
         metaOption: panelProps.icon
       }, {
-        key: '2',
+        key: 'headlineConfig',
         name: (0, _locale.i18n)('HEADLINE'),
         value: /*#__PURE__*/_react["default"].createElement(_TextConfig["default"], {
           data: panelProps.headline
         }),
         metaOption: panelProps.headline
       }, {
-        key: '3',
+        key: 'buttonCOnfig',
         name: (0, _locale.i18n)('BUTTON'),
         value: /*#__PURE__*/_react["default"].createElement(_ButtonConfig["default"], {
           data: panelProps.button
         }),
         metaOption: panelProps.button
+      }, {
+        key: 'countDownConfig',
+        name: (0, _locale.i18n)('COUNT_DOWN'),
+        value: null,
+        metaOption: panelProps === null || panelProps === void 0 ? void 0 : panelProps.countDown,
+        toggleType: 'switch'
       }],
       type: "switch"
     }));
   };
 
-  AComponent.defaultProps = {
+  FlashDealConfigTitle.defaultProps = {
     panelProps: {
       icon: {
         open: true,
         url: ''
       },
       headline: {},
-      button: {}
+      button: {},
+      countDown: {
+        open: true
+      }
     }
   };
-  return AComponent;
+  return FlashDealConfigTitle;
 }(_react["default"].Component);
 
-var _default = AComponent;
+var _default = FlashDealConfigTitle;
 exports["default"] = _default;

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

@@ -11,8 +11,6 @@ var _FlashDealConfigTitle = _interopRequireDefault(require("./FlashDealConfigTit
 
 var _FlashDealConfigContent = _interopRequireDefault(require("./FlashDealConfigContent"));
 
-var _layout = _interopRequireDefault(require("./imgs/layout1.png"));
-
 var _SpacingConfig = _interopRequireDefault(require("../../../common/config-panels/SpacingConfig"));
 
 var _BackgroundConfig = _interopRequireDefault(require("../../../common/config-panels/BackgroundConfig"));
@@ -23,6 +21,8 @@ var _Collapse = _interopRequireDefault(require("../../../../common/Collapse"));
 
 var _locale = require("../../../../locale");
 
+var _layout = require("../../../../constants/layout");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function FlashDealConfig(props) {
@@ -55,11 +55,7 @@ function FlashDealConfig(props) {
       value: /*#__PURE__*/_react["default"].createElement(_CustomizeConfig["default"], {
         data: data.customize,
         isHideAlign: true,
-        layoutSource: [{
-          id: 'layout1',
-          name: 'layout1',
-          image: _layout["default"]
-        }]
+        layoutSource: _layout.flashDealLayout
       })
     }, {
       key: '5',

package/es/constants/layout.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.videoPCLayout = exports.videoH5Layout = exports.searchLayout = exports.recommendLayoutPc = exports.recommendLayoutMobile = exports.pcNavigationLayout = exports.newsletterLayout = exports.mobileNavigationLayout = exports.locationLayout = exports.imageTextLayoutPc = exports.imageTextLayoutMobile = exports.imageGalleryLayout = exports.dividerLayout = exports.carouselLayout = exports.affiliateLayoutPc = exports.affiliateLayoutMobile = exports.WalletNuriLayout = exports.WalletLayout = void 0;
+exports.videoPCLayout = exports.videoH5Layout = exports.searchLayout = exports.recommendLayoutPc = exports.recommendLayoutMobile = exports.pcNavigationLayout = exports.newsletterLayout = exports.mobileNavigationLayout = exports.locationLayout = exports.imageTextLayoutPc = exports.imageTextLayoutMobile = exports.imageGalleryLayout = exports.flashDealLayout = exports.dividerLayout = exports.carouselLayout = exports.bannerSlideLayout = exports.affiliateLayoutPc = exports.affiliateLayoutMobile = exports.WalletNuriLayout = exports.WalletLayout = void 0;
 
 var _dividerLayout = _interopRequireDefault(require("../assets/images/layout-icon/dividerLayout.svg"));
 
@@ -81,6 +81,12 @@ var _layoutNavigationTile = _interopRequireDefault(require("../assets/images/lay
 
 var _layoutNavigationNormal = _interopRequireDefault(require("../assets/images/layout-icon/layout-navigation-normal.png"));
 
+var _bannerSlideLayout = _interopRequireDefault(require("../assets/images/layout-icon/banner-slide-layout1.png"));
+
+var _bannerSlideLayout2 = _interopRequireDefault(require("../assets/images/layout-icon/banner-slide-layout2.png"));
+
+var _flashDealLayout = _interopRequireDefault(require("../assets/images/layout-icon/flash-deal-layout1.png"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 // import p3 from '../assets/images/layout-icon/layout-imagetext-p3.png';
@@ -312,4 +318,24 @@ var pcNavigationLayout = [{
   name: 'normal',
   image: _layoutNavigationNormal["default"]
 }];
-exports.pcNavigationLayout = pcNavigationLayout;
+exports.pcNavigationLayout = pcNavigationLayout;
+var bannerSlideLayout = [{
+  id: 'layout1',
+  name: 'layout1',
+  image: _bannerSlideLayout["default"]
+}, {
+  id: 'layout2',
+  name: 'layout2',
+  image: _bannerSlideLayout2["default"]
+}];
+exports.bannerSlideLayout = bannerSlideLayout;
+var flashDealLayout = [{
+  id: 'layout1',
+  name: 'layout1',
+  image: _flashDealLayout["default"]
+}, {
+  id: 'layout2',
+  name: 'layout2',
+  image: _layoutImagetextM4["default"]
+}];
+exports.flashDealLayout = flashDealLayout;

package/es/locale/en/en.json

@@ -1,4 +1,91 @@
 {
+  "MISSION_NAME": "Mission Name",
+  "COUNT_DOWN": "Count Down",
+  "SEARCH_BAR_PLACEHOLDER": "Search Bar Placeholder",
+  "INTER": "Inter",
+  "STORE_SERVICES": "Store services",
+  "SHIP_ON_TIME": "Ship on time",
+  "COMMODITY_QUALITY": "Commodity Quality",
+  "FOLLOWED": "Followed",
+  "VERIFIED": "Verified",
+  "RATING": "Rating",
+  "STORE_NAME": "Store Name",
+  "RATING_DETAILS": "Rating Details",
+  "FOLLOW_BUTTON": "Follow Button",
+  "IN_STORE_SEARCH_BOX": "In Store Search Box",
+  "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",
+  "FILL_THE_PAGE": "Fill the page",
+  "VIDEO_SOUND": "Video Sound",
+  "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",
+  "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",
+  "CAMPAIGN_STATE": "Campaign State",
+  "CAMPAIGN_NAME": "Campaign Name",
+  "BRANDS": "Brands",
+  "SERVICE": "Service",
+  "RATINGS": "Ratings",
+  "STAR": "Star",
+  "APPLY": "Apply",
+  "SORT_BY": "Sort by",
+  "PROMOTION": "Promotion",
+  "HIGHEST_RATED": "Highest rated",
+  "MOST_SOLD": "Most sold",
+  "LOWEST_PRICE": "Lowest price",
+  "EARLIEST": "Earliest",
+  "BUY_NOW": "Buy Now",
+  "TOTAL": "Total",
+  "RECENTLY": "Recently",
+  "COUPON": "Coupon",
+  "HEADER_IMAGE": "Header Image",
+  "ACTIVITY_LABEL": "Activity Label",
+  "STOCK": "Stock",
+  "DISCOUNT_LABEL": "Discount Label",
+  "SESSION_TIME": "Session Time",
+  "NUMBER": "Number",
+  "COUNTDOWN": "Countdown",
+  "FILTER": "Filter",
+  "SOLD": "Sold",
+  "EVALUATION_SCORE": "Evaluation Score",
+  "SEARCH_BAR_KEYWORD": "Search Bar Keyword",
+  "BOX_BACKGROUND": "Box Background",
+  "BOX_COLOR": "Box Color",
   "PROGRESS_BAR_COLOR": "Progress Bar Color",
   "GROUP_LABEL": "Group Label",
   "SUBMIT": "Submit",

package/es/locale/es/es.json

@@ -1,4 +1,91 @@
 {
+  "MISSION_NAME": "Mission Name",
+  "COUNT_DOWN": "Count Down",
+  "SEARCH_BAR_PLACEHOLDER": "Search Bar Placeholder",
+  "INTER": "Inter",
+  "STORE_SERVICES": "Store services",
+  "SHIP_ON_TIME": "Ship on time",
+  "COMMODITY_QUALITY": "Commodity Quality",
+  "FOLLOWED": "Followed",
+  "VERIFIED": "Verified",
+  "RATING": "Rating",
+  "STORE_NAME": "Store Name",
+  "RATING_DETAILS": "Rating Details",
+  "FOLLOW_BUTTON": "Follow Button",
+  "IN_STORE_SEARCH_BOX": "In Store Search Box",
+  "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",
+  "FILL_THE_PAGE": "Fill the page",
+  "VIDEO_SOUND": "Video Sound",
+  "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",
+  "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",
+  "CAMPAIGN_STATE": "Campaign State",
+  "CAMPAIGN_NAME": "Campaign Name",
+  "BRANDS": "Brands",
+  "SERVICE": "Service",
+  "RATINGS": "Ratings",
+  "STAR": "Star",
+  "APPLY": "Apply",
+  "SORT_BY": "Sort by",
+  "PROMOTION": "Promotion",
+  "HIGHEST_RATED": "Highest rated",
+  "MOST_SOLD": "Most sold",
+  "LOWEST_PRICE": "Lowest price",
+  "EARLIEST": "Earliest",
+  "BUY_NOW": "Buy Now",
+  "TOTAL": "Total",
+  "RECENTLY": "Recently",
+  "COUPON": "Coupon",
+  "HEADER_IMAGE": "Header Image",
+  "ACTIVITY_LABEL": "Activity Label",
+  "STOCK": "Stock",
+  "DISCOUNT_LABEL": "Discount Label",
+  "SESSION_TIME": "Session Time",
+  "NUMBER": "Number",
+  "COUNTDOWN": "Countdown",
+  "FILTER": "Filter",
+  "SOLD": "Sold",
+  "EVALUATION_SCORE": "Evaluation Score",
+  "SEARCH_BAR_KEYWORD": "Search Bar Keyword",
+  "BOX_BACKGROUND": "Box Background",
+  "BOX_COLOR": "Box Color",
   "PROGRESS_BAR_COLOR": "Progress Bar Color",
   "GROUP_LABEL": "Group Label",
   "SUBMIT": "Submit",

package/es/locale/id/id.json

@@ -1,4 +1,91 @@
 {
+  "MISSION_NAME": "Mission Name",
+  "COUNT_DOWN": "Count Down",
+  "SEARCH_BAR_PLACEHOLDER": "Search Bar Placeholder",
+  "INTER": "Inter",
+  "STORE_SERVICES": "Store services",
+  "SHIP_ON_TIME": "Ship on time",
+  "COMMODITY_QUALITY": "Commodity Quality",
+  "FOLLOWED": "Followed",
+  "VERIFIED": "Verified",
+  "RATING": "Rating",
+  "STORE_NAME": "Store Name",
+  "RATING_DETAILS": "Rating Details",
+  "FOLLOW_BUTTON": "Follow Button",
+  "IN_STORE_SEARCH_BOX": "In Store Search Box",
+  "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",
+  "FILL_THE_PAGE": "Fill the page",
+  "VIDEO_SOUND": "Video Sound",
+  "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",
+  "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",
+  "CAMPAIGN_STATE": "Campaign State",
+  "CAMPAIGN_NAME": "Campaign Name",
+  "BRANDS": "Brands",
+  "SERVICE": "Service",
+  "RATINGS": "Ratings",
+  "STAR": "Star",
+  "APPLY": "Apply",
+  "SORT_BY": "Sort by",
+  "PROMOTION": "Promotion",
+  "HIGHEST_RATED": "Highest rated",
+  "MOST_SOLD": "Most sold",
+  "LOWEST_PRICE": "Lowest price",
+  "EARLIEST": "Earliest",
+  "BUY_NOW": "Buy Now",
+  "TOTAL": "Total",
+  "RECENTLY": "Recently",
+  "COUPON": "Coupon",
+  "HEADER_IMAGE": "Header Image",
+  "ACTIVITY_LABEL": "Activity Label",
+  "STOCK": "Stock",
+  "DISCOUNT_LABEL": "Discount Label",
+  "SESSION_TIME": "Session Time",
+  "NUMBER": "Number",
+  "COUNTDOWN": "Countdown",
+  "FILTER": "Filter",
+  "SOLD": "Sold",
+  "EVALUATION_SCORE": "Evaluation Score",
+  "SEARCH_BAR_KEYWORD": "Search Bar Keyword",
+  "BOX_BACKGROUND": "Box Background",
+  "BOX_COLOR": "Box Color",
   "PROGRESS_BAR_COLOR": "Progress Bar Color",
   "GROUP_LABEL": "Group Label",
   "SUBMIT": "Submit",

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

@@ -206,7 +206,9 @@ function (_super) {
         text: data.offerName
       }),
       readonly: true
-    }))), panelProps.activityPrice.open && /*#__PURE__*/_react["default"].createElement("div", {
+    }))), (panelProps.activityPrice.open || panelProps.salesPrice.open) && /*#__PURE__*/_react["default"].createElement("div", {
+      className: "price-info-wrap"
+    }, panelProps.activityPrice.open && /*#__PURE__*/_react["default"].createElement("div", {
       className: "price-wrap"
     }, /*#__PURE__*/_react["default"].createElement(_components.MetaText, {
       className: "price",
@@ -232,9 +234,9 @@ function (_super) {
       style: {
         color: panelProps.salesPrice.content.color
       }
-    })), type !== 'groupBuy' && !showProgress && data.salesCnt > 0 && /*#__PURE__*/_react["default"].createElement("div", {
+    })), type !== 'groupBuy' && !showProgress && data.salesCnt > 0 && data.displaySalesCntFlag === 'Y' && /*#__PURE__*/_react["default"].createElement("div", {
       className: "sold-count"
-    }, (0, _commonUtil.convertCount)(data.salesCnt), " sold")), showProgress && ((_d = panelProps.salesProgressVisible) === null || _d === void 0 ? void 0 : _d.open) && /*#__PURE__*/_react["default"].createElement("div", {
+    }, (0, _commonUtil.convertCount)(data.salesCnt), " sold"))), showProgress && ((_d = panelProps.salesProgressVisible) === null || _d === void 0 ? void 0 : _d.open) && /*#__PURE__*/_react["default"].createElement("div", {
       className: "progress-wrap"
     }, /*#__PURE__*/_react["default"].createElement("span", {
       className: "text"

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

@@ -85,6 +85,10 @@ var getDefaultJSON = function getDefaultJSON() {
           layout: 'right'
         },
         hover: null
+      },
+      countDown: {
+        id: (0, _uuid.v4)(),
+        open: true
       }
     },
     content: {

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

@@ -9,6 +9,8 @@ var _react = _interopRequireDefault(require("react"));
 
 require("./index.less");
 
+var _classnames = _interopRequireDefault(require("classnames"));
+
 var _defImg = _interopRequireDefault(require("./imgs/defImg.png"));
 
 var _ProductItem = _interopRequireDefault(require("../../../../common/components/ProductItem"));
@@ -375,13 +377,16 @@ function (_super) {
   };
 
   FlashDealMobile.prototype.render = function () {
+    var _a;
+
     var panelProps = this.props.panelProps;
-    var _a = this.state,
-        list = _a.list,
-        effDate = _a.effDate,
-        expDate = _a.expDate,
-        now = _a.now,
-        isWill = _a.isWill;
+    console.log('flash deal panelProps: ', panelProps);
+    var _b = this.state,
+        list = _b.list,
+        effDate = _b.effDate,
+        expDate = _b.expDate,
+        now = _b.now,
+        isWill = _b.isWill;
 
     var _list = list.length === 0 && (0, _coreUtil.isDesignMode)() ? defaultData : list;
 
@@ -400,7 +405,7 @@ function (_super) {
       data: panelProps.title.headline
     }), isWill && /*#__PURE__*/_react["default"].createElement("span", {
       className: "sub-title"
-    }, (0, _locale.i18n)('NEXT')), /*#__PURE__*/_react["default"].createElement(_CountDown["default"], {
+    }, (0, _locale.i18n)('NEXT')), ((_a = panelProps.title) === null || _a === void 0 ? void 0 : _a.countDown.open) && /*#__PURE__*/_react["default"].createElement(_CountDown["default"], {
       effDate: effDate,
       expDate: expDate,
       now: now,
@@ -414,7 +419,10 @@ function (_super) {
       className: "btn",
       data: panelProps.title.button
     }))), /*#__PURE__*/_react["default"].createElement("div", {
-      className: "flash-deal-list"
+      className: (0, _classnames["default"])('flash-deal-list', {
+        'flash-deal-list-vertical': panelProps.customize.layout === 'layout1',
+        'flash-deal-list-horizontal': panelProps.customize.layout === 'layout2'
+      })
     }, _list.map(function (item) {
       return /*#__PURE__*/_react["default"].createElement(_ProductItem["default"], {
         key: item.id,
@@ -422,6 +430,7 @@ function (_super) {
           salePercent: isWill ? 0 : item.salePercent
         }) // onItemClick={() => clickUrl(`/product/detail/${item.offerId}?productId=${item.sppProductId ?? ''}`)}
         ,
+        layout: panelProps.customize.layout === 'layout2' ? 'horizontal' : 'vertical',
         onItemClick: function onItemClick() {
           if (window.magicDesign.pushGA) {
             window.magicDesign.pushGA({}, 'select_promotion', {

package/lib/composite-comp/dito/components/FlashDeal/mobile/index.less

@@ -53,12 +53,6 @@
 }
 .m-flash-deal-mobile .flash-deal-list {
   margin-top: 0.32rem;
-  overflow-x: auto;
-  overflow-y: hidden;
-  white-space: nowrap;
-  display: flex;
-  align-items: flex-start;
-  justify-content: flex-start;
   position: relative;
 }
 .m-flash-deal-mobile .flash-deal-list .loading-wrap {
@@ -73,11 +67,49 @@
   right: 0;
   margin: auto;
 }
-.m-flash-deal-mobile .flash-deal-list .m-product-item-wrap {
+.m-flash-deal-mobile .flash-deal-list-vertical {
+  overflow-x: auto;
+  overflow-y: hidden;
+  white-space: nowrap;
+  display: flex;
+  align-items: flex-start;
+  justify-content: flex-start;
+}
+.m-flash-deal-mobile .flash-deal-list-vertical .m-product-item-wrap {
   width: 2.84rem;
   margin-right: 0.16rem;
 }
-.m-flash-deal-mobile .flash-deal-list .m-product-item-wrap .product-img {
+.m-flash-deal-mobile .flash-deal-list-vertical .m-product-item-wrap .product-img {
   height: 2.8rem;
   width: 2.8rem;
 }
+.m-flash-deal-mobile .flash-deal-list-horizontal {
+  display: flex;
+  flex-direction: column;
+  gap: 0.16rem;
+}
+.m-flash-deal-mobile .flash-deal-list-horizontal .m-product-item-wrap {
+  width: 100%;
+}
+.m-flash-deal-mobile .flash-deal-list-horizontal .m-product-item-wrap .content-wrap {
+  flex: 1;
+}
+.m-flash-deal-mobile .flash-deal-list-horizontal .m-product-item-wrap .content-wrap .product-name-wrap {
+  white-space: nowrap;
+}
+.m-flash-deal-mobile .flash-deal-list-horizontal .m-product-item-wrap .content-wrap .price-info-wrap {
+  display: flex;
+}
+.m-flash-deal-mobile .flash-deal-list-horizontal .m-product-item-wrap .content-wrap .price-info-wrap .price-wrap {
+  margin-bottom: 0;
+}
+.m-flash-deal-mobile .flash-deal-list-horizontal .m-product-item-wrap .content-wrap .price-info-wrap .price-sold-wrap {
+  margin-left: 0.04rem;
+}
+.m-flash-deal-mobile .flash-deal-list-horizontal .m-product-item-wrap .content-wrap .price-info-wrap .price-sold-wrap .discount {
+  display: none;
+}
+.m-flash-deal-mobile .flash-deal-list-horizontal .m-product-item-wrap .content-wrap .progress-wrap {
+  padding-right: 0.52rem;
+  margin-top: 0;
+}

package/lib/composite-comp/dito/components/GroupBuy/mobile/index.less

@@ -74,13 +74,13 @@
   margin: auto;
 }
 .m-group-buy-mobile .group-buy-list .m-product-item-wrap {
-  width: 2.8rem;
+  width: 3.44rem;
   margin-right: 0.24rem;
   border-radius: 0;
 }
 .m-group-buy-mobile .group-buy-list .m-product-item-wrap .product-img {
-  height: 2.76rem;
-  width: 2.76rem;
+  height: 3.4rem;
+  width: 3.4rem;
 }
 .m-group-buy-mobile .group-buy-list .m-product-item-wrap .content-wrap {
   padding: 0.24rem;

package/lib/composite-comp/dito/config-panels/FlashDealConfig/FlashDealConfigTitle/index.js

@@ -45,12 +45,12 @@ var __extends = void 0 && (void 0).__extends || function () {
   };
 }();
 
-var AComponent =
+var FlashDealConfigTitle =
 /** @class */
 function (_super) {
-  __extends(AComponent, _super);
+  __extends(FlashDealConfigTitle, _super);
 
-  function AComponent() {
+  function FlashDealConfigTitle() {
     var _this = _super !== null && _super.apply(this, arguments) || this;
 
     _this.state = {};
@@ -64,7 +64,7 @@ function (_super) {
     return _this;
   }
 
-  AComponent.prototype.render = function () {
+  FlashDealConfigTitle.prototype.render = function () {
     var _this = this;
 
     var panelProps = this.props.panelProps;
@@ -86,41 +86,50 @@ function (_super) {
       headerSize: "middle",
       onRefresh: this.reRender,
       source: [{
-        key: '1',
+        key: 'iconConfig',
         name: (0, _locale.i18n)('ICON'),
         value: iconSetting,
         metaOption: panelProps.icon
       }, {
-        key: '2',
+        key: 'headlineConfig',
         name: (0, _locale.i18n)('HEADLINE'),
         value: /*#__PURE__*/_react["default"].createElement(_TextConfig["default"], {
           data: panelProps.headline
         }),
         metaOption: panelProps.headline
       }, {
-        key: '3',
+        key: 'buttonCOnfig',
         name: (0, _locale.i18n)('BUTTON'),
         value: /*#__PURE__*/_react["default"].createElement(_ButtonConfig["default"], {
           data: panelProps.button
         }),
         metaOption: panelProps.button
+      }, {
+        key: 'countDownConfig',
+        name: (0, _locale.i18n)('COUNT_DOWN'),
+        value: null,
+        metaOption: panelProps === null || panelProps === void 0 ? void 0 : panelProps.countDown,
+        toggleType: 'switch'
       }],
       type: "switch"
     }));
   };
 
-  AComponent.defaultProps = {
+  FlashDealConfigTitle.defaultProps = {
     panelProps: {
       icon: {
         open: true,
         url: ''
       },
       headline: {},
-      button: {}
+      button: {},
+      countDown: {
+        open: true
+      }
     }
   };
-  return AComponent;
+  return FlashDealConfigTitle;
 }(_react["default"].Component);
 
-var _default = AComponent;
+var _default = FlashDealConfigTitle;
 exports["default"] = _default;

package/lib/composite-comp/dito/config-panels/FlashDealConfig/index.js

@@ -11,8 +11,6 @@ var _FlashDealConfigTitle = _interopRequireDefault(require("./FlashDealConfigTit
 
 var _FlashDealConfigContent = _interopRequireDefault(require("./FlashDealConfigContent"));
 
-var _layout = _interopRequireDefault(require("./imgs/layout1.png"));
-
 var _SpacingConfig = _interopRequireDefault(require("../../../common/config-panels/SpacingConfig"));
 
 var _BackgroundConfig = _interopRequireDefault(require("../../../common/config-panels/BackgroundConfig"));
@@ -23,6 +21,8 @@ var _Collapse = _interopRequireDefault(require("../../../../common/Collapse"));
 
 var _locale = require("../../../../locale");
 
+var _layout = require("../../../../constants/layout");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function FlashDealConfig(props) {
@@ -55,11 +55,7 @@ function FlashDealConfig(props) {
       value: /*#__PURE__*/_react["default"].createElement(_CustomizeConfig["default"], {
         data: data.customize,
         isHideAlign: true,
-        layoutSource: [{
-          id: 'layout1',
-          name: 'layout1',
-          image: _layout["default"]
-        }]
+        layoutSource: _layout.flashDealLayout
       })
     }, {
       key: '5',

package/lib/constants/layout.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.videoPCLayout = exports.videoH5Layout = exports.searchLayout = exports.recommendLayoutPc = exports.recommendLayoutMobile = exports.pcNavigationLayout = exports.newsletterLayout = exports.mobileNavigationLayout = exports.locationLayout = exports.imageTextLayoutPc = exports.imageTextLayoutMobile = exports.imageGalleryLayout = exports.dividerLayout = exports.carouselLayout = exports.affiliateLayoutPc = exports.affiliateLayoutMobile = exports.WalletNuriLayout = exports.WalletLayout = void 0;
+exports.videoPCLayout = exports.videoH5Layout = exports.searchLayout = exports.recommendLayoutPc = exports.recommendLayoutMobile = exports.pcNavigationLayout = exports.newsletterLayout = exports.mobileNavigationLayout = exports.locationLayout = exports.imageTextLayoutPc = exports.imageTextLayoutMobile = exports.imageGalleryLayout = exports.flashDealLayout = exports.dividerLayout = exports.carouselLayout = exports.bannerSlideLayout = exports.affiliateLayoutPc = exports.affiliateLayoutMobile = exports.WalletNuriLayout = exports.WalletLayout = void 0;
 
 var _dividerLayout = _interopRequireDefault(require("../assets/images/layout-icon/dividerLayout.svg"));
 
@@ -81,6 +81,12 @@ var _layoutNavigationTile = _interopRequireDefault(require("../assets/images/lay
 
 var _layoutNavigationNormal = _interopRequireDefault(require("../assets/images/layout-icon/layout-navigation-normal.png"));
 
+var _bannerSlideLayout = _interopRequireDefault(require("../assets/images/layout-icon/banner-slide-layout1.png"));
+
+var _bannerSlideLayout2 = _interopRequireDefault(require("../assets/images/layout-icon/banner-slide-layout2.png"));
+
+var _flashDealLayout = _interopRequireDefault(require("../assets/images/layout-icon/flash-deal-layout1.png"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 // import p3 from '../assets/images/layout-icon/layout-imagetext-p3.png';
@@ -312,4 +318,24 @@ var pcNavigationLayout = [{
   name: 'normal',
   image: _layoutNavigationNormal["default"]
 }];
-exports.pcNavigationLayout = pcNavigationLayout;
+exports.pcNavigationLayout = pcNavigationLayout;
+var bannerSlideLayout = [{
+  id: 'layout1',
+  name: 'layout1',
+  image: _bannerSlideLayout["default"]
+}, {
+  id: 'layout2',
+  name: 'layout2',
+  image: _bannerSlideLayout2["default"]
+}];
+exports.bannerSlideLayout = bannerSlideLayout;
+var flashDealLayout = [{
+  id: 'layout1',
+  name: 'layout1',
+  image: _flashDealLayout["default"]
+}, {
+  id: 'layout2',
+  name: 'layout2',
+  image: _layoutImagetextM4["default"]
+}];
+exports.flashDealLayout = flashDealLayout;

package/lib/locale/en/en.json

@@ -1,4 +1,91 @@
 {
+  "MISSION_NAME": "Mission Name",
+  "COUNT_DOWN": "Count Down",
+  "SEARCH_BAR_PLACEHOLDER": "Search Bar Placeholder",
+  "INTER": "Inter",
+  "STORE_SERVICES": "Store services",
+  "SHIP_ON_TIME": "Ship on time",
+  "COMMODITY_QUALITY": "Commodity Quality",
+  "FOLLOWED": "Followed",
+  "VERIFIED": "Verified",
+  "RATING": "Rating",
+  "STORE_NAME": "Store Name",
+  "RATING_DETAILS": "Rating Details",
+  "FOLLOW_BUTTON": "Follow Button",
+  "IN_STORE_SEARCH_BOX": "In Store Search Box",
+  "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",
+  "FILL_THE_PAGE": "Fill the page",
+  "VIDEO_SOUND": "Video Sound",
+  "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",
+  "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",
+  "CAMPAIGN_STATE": "Campaign State",
+  "CAMPAIGN_NAME": "Campaign Name",
+  "BRANDS": "Brands",
+  "SERVICE": "Service",
+  "RATINGS": "Ratings",
+  "STAR": "Star",
+  "APPLY": "Apply",
+  "SORT_BY": "Sort by",
+  "PROMOTION": "Promotion",
+  "HIGHEST_RATED": "Highest rated",
+  "MOST_SOLD": "Most sold",
+  "LOWEST_PRICE": "Lowest price",
+  "EARLIEST": "Earliest",
+  "BUY_NOW": "Buy Now",
+  "TOTAL": "Total",
+  "RECENTLY": "Recently",
+  "COUPON": "Coupon",
+  "HEADER_IMAGE": "Header Image",
+  "ACTIVITY_LABEL": "Activity Label",
+  "STOCK": "Stock",
+  "DISCOUNT_LABEL": "Discount Label",
+  "SESSION_TIME": "Session Time",
+  "NUMBER": "Number",
+  "COUNTDOWN": "Countdown",
+  "FILTER": "Filter",
+  "SOLD": "Sold",
+  "EVALUATION_SCORE": "Evaluation Score",
+  "SEARCH_BAR_KEYWORD": "Search Bar Keyword",
+  "BOX_BACKGROUND": "Box Background",
+  "BOX_COLOR": "Box Color",
   "PROGRESS_BAR_COLOR": "Progress Bar Color",
   "GROUP_LABEL": "Group Label",
   "SUBMIT": "Submit",

package/lib/locale/es/es.json

@@ -1,4 +1,91 @@
 {
+  "MISSION_NAME": "Mission Name",
+  "COUNT_DOWN": "Count Down",
+  "SEARCH_BAR_PLACEHOLDER": "Search Bar Placeholder",
+  "INTER": "Inter",
+  "STORE_SERVICES": "Store services",
+  "SHIP_ON_TIME": "Ship on time",
+  "COMMODITY_QUALITY": "Commodity Quality",
+  "FOLLOWED": "Followed",
+  "VERIFIED": "Verified",
+  "RATING": "Rating",
+  "STORE_NAME": "Store Name",
+  "RATING_DETAILS": "Rating Details",
+  "FOLLOW_BUTTON": "Follow Button",
+  "IN_STORE_SEARCH_BOX": "In Store Search Box",
+  "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",
+  "FILL_THE_PAGE": "Fill the page",
+  "VIDEO_SOUND": "Video Sound",
+  "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",
+  "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",
+  "CAMPAIGN_STATE": "Campaign State",
+  "CAMPAIGN_NAME": "Campaign Name",
+  "BRANDS": "Brands",
+  "SERVICE": "Service",
+  "RATINGS": "Ratings",
+  "STAR": "Star",
+  "APPLY": "Apply",
+  "SORT_BY": "Sort by",
+  "PROMOTION": "Promotion",
+  "HIGHEST_RATED": "Highest rated",
+  "MOST_SOLD": "Most sold",
+  "LOWEST_PRICE": "Lowest price",
+  "EARLIEST": "Earliest",
+  "BUY_NOW": "Buy Now",
+  "TOTAL": "Total",
+  "RECENTLY": "Recently",
+  "COUPON": "Coupon",
+  "HEADER_IMAGE": "Header Image",
+  "ACTIVITY_LABEL": "Activity Label",
+  "STOCK": "Stock",
+  "DISCOUNT_LABEL": "Discount Label",
+  "SESSION_TIME": "Session Time",
+  "NUMBER": "Number",
+  "COUNTDOWN": "Countdown",
+  "FILTER": "Filter",
+  "SOLD": "Sold",
+  "EVALUATION_SCORE": "Evaluation Score",
+  "SEARCH_BAR_KEYWORD": "Search Bar Keyword",
+  "BOX_BACKGROUND": "Box Background",
+  "BOX_COLOR": "Box Color",
   "PROGRESS_BAR_COLOR": "Progress Bar Color",
   "GROUP_LABEL": "Group Label",
   "SUBMIT": "Submit",

package/lib/locale/id/id.json

@@ -1,4 +1,91 @@
 {
+  "MISSION_NAME": "Mission Name",
+  "COUNT_DOWN": "Count Down",
+  "SEARCH_BAR_PLACEHOLDER": "Search Bar Placeholder",
+  "INTER": "Inter",
+  "STORE_SERVICES": "Store services",
+  "SHIP_ON_TIME": "Ship on time",
+  "COMMODITY_QUALITY": "Commodity Quality",
+  "FOLLOWED": "Followed",
+  "VERIFIED": "Verified",
+  "RATING": "Rating",
+  "STORE_NAME": "Store Name",
+  "RATING_DETAILS": "Rating Details",
+  "FOLLOW_BUTTON": "Follow Button",
+  "IN_STORE_SEARCH_BOX": "In Store Search Box",
+  "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",
+  "FILL_THE_PAGE": "Fill the page",
+  "VIDEO_SOUND": "Video Sound",
+  "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",
+  "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",
+  "CAMPAIGN_STATE": "Campaign State",
+  "CAMPAIGN_NAME": "Campaign Name",
+  "BRANDS": "Brands",
+  "SERVICE": "Service",
+  "RATINGS": "Ratings",
+  "STAR": "Star",
+  "APPLY": "Apply",
+  "SORT_BY": "Sort by",
+  "PROMOTION": "Promotion",
+  "HIGHEST_RATED": "Highest rated",
+  "MOST_SOLD": "Most sold",
+  "LOWEST_PRICE": "Lowest price",
+  "EARLIEST": "Earliest",
+  "BUY_NOW": "Buy Now",
+  "TOTAL": "Total",
+  "RECENTLY": "Recently",
+  "COUPON": "Coupon",
+  "HEADER_IMAGE": "Header Image",
+  "ACTIVITY_LABEL": "Activity Label",
+  "STOCK": "Stock",
+  "DISCOUNT_LABEL": "Discount Label",
+  "SESSION_TIME": "Session Time",
+  "NUMBER": "Number",
+  "COUNTDOWN": "Countdown",
+  "FILTER": "Filter",
+  "SOLD": "Sold",
+  "EVALUATION_SCORE": "Evaluation Score",
+  "SEARCH_BAR_KEYWORD": "Search Bar Keyword",
+  "BOX_BACKGROUND": "Box Background",
+  "BOX_COLOR": "Box Color",
   "PROGRESS_BAR_COLOR": "Progress Bar Color",
   "GROUP_LABEL": "Group Label",
   "SUBMIT": "Submit",

package/package.json

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