@fonixtree/magic-design 1.0.35 → 1.0.37

package/lib/common/LinkModal/ProductDetailPage/index.less

@@ -1,5 +1,10 @@
 .productDetailPage {
   height: 550px;
+
+  .btn-select-type {
+    margin-bottom: 10px;
+  }
+
   .prodImage {
     width: 36px;
     height: 36px;
@@ -7,4 +12,4 @@
     background-position: 50% 50%;
     background-size: contain;
   }
-}
+}

package/lib/common/ProductModal/index.js

@@ -5,7 +5,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.formatData = exports["default"] = void 0;
 
 var _antd = require("antd");
 
@@ -204,18 +204,26 @@ var __spreadArrays = void 0 && (void 0).__spreadArrays || function () {
   return r;
 };
 
-var formatData = function formatData(list) {
+var promType = {
+  FLASH_SALE: '2',
+  GROUP_BUY: '4'
+};
+var proTypeOption = [{
+  label: 'SKU',
+  value: 'sku'
+}, {
+  label: 'SPU',
+  value: 'spu'
+}];
+
+var formatData = function formatData(list, type) {
   list.map(function (item) {
-    item.preSalesPrice = (0, _currencyUtil.formatCurrencyWithSymbol)(item.salesPrice);
-    item.preMarketPrice = (0, _currencyUtil.formatCurrencyWithSymbol)(item.marketPrice);
+    item.id = type === 'spu' ? item.offerId : item.productId;
   });
   return list;
 };
 
-var promType = {
-  FLASH_SALE: '2',
-  GROUP_BUY: '4'
-};
+exports.formatData = formatData;
 var Option = _antd.Select.Option,
     OptGroup = _antd.Select.OptGroup;
 var InputGroup = _antd.Input.Group;
@@ -224,14 +232,12 @@ var ProductModal = function ProductModal(props) {
   var handleModalSave = props.handleModalSave,
       closeModal = props.closeModal,
       visible = props.visible,
-      _a = props.defaultList,
-      defaultList = _a === void 0 ? [] : _a,
-      _b = props.maxSelect,
-      maxSelect = _b === void 0 ? 20 : _b;
-
-  var _c = (0, _react.useState)(defaultList),
-      selectedList = _c[0],
-      setSelectedList = _c[1];
+      _a = props.prodType,
+      prodType = _a === void 0 ? 'sku' : _a,
+      _b = props.defaultList,
+      defaultList = _b === void 0 ? [] : _b,
+      _c = props.maxSelect,
+      maxSelect = _c === void 0 ? 20 : _c;
 
   var _d = (0, _react.useState)([]),
       catgsList = _d[0],
@@ -293,15 +299,27 @@ var ProductModal = function ProductModal(props) {
       loading = _t[0],
       setLoading = _t[1];
 
-  var _u = (0, _react.useState)(defaultList.map(function (v) {
-    return v.productId;
-  })),
-      selectedRowKeys = _u[0],
-      setSelectedRowKeys = _u[1];
+  var _u = (0, _react.useState)(prodType),
+      proType = _u[0],
+      setProType = _u[1];
+
+  var _v = (0, _react.useState)(defaultList),
+      selectedList = _v[0],
+      setSelectedList = _v[1];
+
+  var _w = (0, _react.useState)({
+    pageSize: 20,
+    current: 1,
+    total: 0
+  }),
+      paginationParams = _w[0],
+      setPaginationParams = _w[1];
 
   var rowSelection = {
-    selectedRowKeys: selectedRowKeys,
-    onSelect: function onSelect(record, selected, selectedRows) {
+    selectedRowKeys: selectedList.map(function (v) {
+      return v.id;
+    }),
+    onSelect: function onSelect(record, selected) {
       if (selected) {
         if (selectedList.length === maxSelect) {
           _antd.message.warning("Max " + maxSelect);
@@ -310,17 +328,13 @@ var ProductModal = function ProductModal(props) {
         }
 
         if (selectedList.length < maxSelect) {
-          setSelectedList(__spreadArrays(selectedList, formatData([record])));
+          setSelectedList(__spreadArrays(selectedList, [record]));
         }
       } else {
         setSelectedList(selectedList.filter(function (v) {
-          return v.productId !== record.productId;
+          return v.id !== record.id;
         }));
       }
-
-      setSelectedRowKeys(selectedRows.map(function (v) {
-        return v === null || v === void 0 ? void 0 : v.productId;
-      }));
     },
     getCheckboxProps: function getCheckboxProps(record) {
       return {
@@ -329,41 +343,80 @@ var ProductModal = function ProductModal(props) {
     }
   };
 
-  var _v = (0, _react.useState)({
-    pageSize: 20,
-    current: 1,
-    total: 0
-  }),
-      paginationParams = _v[0],
-      setPaginationParams = _v[1];
-
   var delSelectedItem = function delSelectedItem(index) {
-    console.log(selectedRowKeys, index, 2223);
-    var rowKeys = JSON.parse(JSON.stringify(selectedRowKeys));
-    rowKeys.splice(index, 1);
-    setSelectedRowKeys(rowKeys);
     var rows = JSON.parse(JSON.stringify(selectedList));
     rows.splice(index, 1);
     setSelectedList(rows);
   }; // 请求商品列表
 
 
-  var queryGoods = function queryGoods(data) {
+  var queryGoods = function queryGoods() {
     return __awaiter(void 0, void 0, void 0, function () {
-      var res;
+      var _list, total, params, res, res_1;
+
       return __generator(this, function (_a) {
         switch (_a.label) {
           case 0:
+            setLoading(true);
+            setGoodsList([]);
+            _list = [];
+            total = 0;
+            params = {
+              productName: productName,
+              storeId: storeId,
+              cmpTypeId: promotions || '',
+              minPrice: (0, _currencyUtil.formatBackendCurrency)(minPrice),
+              maxPrice: (0, _currencyUtil.formatBackendCurrency)(maxPrice),
+              catgIds: selCatgsList.join(','),
+              brandIds: selBrandsList.join(','),
+              labelIds: selLabelData.value || '',
+              pageSize: paginationParams.pageSize,
+              pageIndex: paginationParams.current,
+              state: 'A'
+            };
+            if (!(proType === 'sku')) return [3
+            /*break*/
+            , 2];
             return [4
             /*yield*/
-            , (0, _commonUtil.commonFetch)("/designer/v1/" + window.magicDesign.MBaseUrl + "/products", data, 'GET')];
+            , (0, _commonUtil.commonFetch)("/designer/v1/" + window.magicDesign.MBaseUrl + "/products", __assign(__assign({}, params), {
+              productCode: productCode
+            }), 'GET')];
 
           case 1:
             res = _a.sent();
+            _list = formatData(res.list || []);
+            total = res.total;
+            return [3
+            /*break*/
+            , 4];
+
+          case 2:
+            return [4
+            /*yield*/
+            , (0, _commonUtil.commonFetch)("/designer/v1/" + window.magicDesign.MBaseUrl + "/offers", __assign(__assign({}, params), {
+              offerCode: productCode,
+              isDefaultCover: 'Y',
+              onlyQryPublishSku: true,
+              auditState: 'S',
+              crmFlag: 'on'
+            }), 'GET')];
+
+          case 3:
+            res_1 = _a.sent();
+            _list = formatData((0, _commonUtil.ensure)(function () {
+              return res_1.list.map(function (m) {
+                return __assign(__assign({}, m.products[0]), m);
+              });
+            }, []), proType);
+            total = res_1.total;
+            _a.label = 4;
+
+          case 4:
             setLoading(false);
-            paginationParams.total = res.total;
-            setPaginationParams(paginationParams);
-            setGoodsList(res.list || []);
+            setGoodsList(_list);
+            paginationParams.total = total;
+            setPaginationParams(__assign({}, paginationParams));
             return [2
             /*return*/
             ];
@@ -472,14 +525,15 @@ var ProductModal = function ProductModal(props) {
   }, []);
   (0, _react.useEffect)(function () {
     setSelectedList(defaultList);
-    setSelectedRowKeys(defaultList.map(function (v) {
-      return v.productId;
-    }));
 
     if (props.type === 'groupBuy') {
       setPromotions(promType.GROUP_BUY);
     }
   }, [visible]);
+  (0, _react.useEffect)(function () {
+    paginationParams.current = 1;
+    queryGoods();
+  }, [proType]);
 
   var reset = function reset() {
     setSelBrandsList([]);
@@ -511,8 +565,8 @@ var ProductModal = function ProductModal(props) {
     width: 120,
     ellipsis: true
   }, {
-    title: (0, _locale.i18n)('PRODUCT_CODE'),
-    dataIndex: 'productCode',
+    title: proType === 'sku' ? (0, _locale.i18n)('SKU_CODE') : (0, _locale.i18n)('SPU_CODE'),
+    dataIndex: proType === 'sku' ? 'productCode' : 'offerCode',
     width: 120,
     ellipsis: true
   }, _defineProperty({
@@ -600,7 +654,7 @@ var ProductModal = function ProductModal(props) {
       return setStoreId(value);
     },
     optionFilterProp: "children",
-    placeholder: "Please select",
+    placeholder: (0, _locale.i18n)('PLEASE_SELECT'),
     showSearch: true,
     value: storeId
   }, storeList && storeList.length > 0 && storeList.map(function (v) {
@@ -613,7 +667,6 @@ var ProductModal = function ProductModal(props) {
   }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
     defaultValue: selLabelData.children || null,
     onChange: function onChange(v, o) {
-      console.log(v, o, 33);
       setSelLabelData(o);
     },
     placeholder: (0, _locale.i18n)('PLEASE_SELECT'),
@@ -660,7 +713,7 @@ var ProductModal = function ProductModal(props) {
     size: "small",
     value: productName
   })), /*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {
-    label: "SKU Code"
+    label: proType === 'sku' ? 'SKU Code' : 'SPU Code'
   }, /*#__PURE__*/_react["default"].createElement(_antd.Input, {
     className: "inputStyle",
     onChange: function onChange(e) {
@@ -694,20 +747,7 @@ var ProductModal = function ProductModal(props) {
     onClick: function onClick() {
       setLoading(true);
       paginationParams.current = 1;
-      queryGoods({
-        productName: productName,
-        productCode: productCode,
-        storeId: storeId,
-        cmpTypeId: promotions || '',
-        minPrice: (0, _currencyUtil.formatBackendCurrency)(minPrice),
-        maxPrice: (0, _currencyUtil.formatBackendCurrency)(maxPrice),
-        catgIds: selCatgsList.join(','),
-        brandIds: selBrandsList.join(','),
-        labelIds: selLabelData.value || '',
-        pageSize: paginationParams.pageSize,
-        pageIndex: paginationParams.current,
-        state: 'A'
-      });
+      queryGoods();
     },
     size: "small",
     style: {
@@ -716,7 +756,17 @@ var ProductModal = function ProductModal(props) {
     type: "primary"
   }, (0, _locale.i18n)('QUERY'))))), /*#__PURE__*/_react["default"].createElement("div", {
     className: "rightCot"
-  }, /*#__PURE__*/_react["default"].createElement(_antd.Table, {
+  }, /*#__PURE__*/_react["default"].createElement(_antd.Radio.Group, {
+    buttonStyle: "solid",
+    className: "btn-select-type",
+    onChange: function onChange(e) {
+      setProType(e.target.value);
+      setSelectedList([]);
+    },
+    options: proTypeOption,
+    optionType: "button",
+    value: proType
+  }), /*#__PURE__*/_react["default"].createElement(_antd.Table, {
     columns: columns,
     dataSource: goodsList,
     loading: loading,
@@ -724,26 +774,13 @@ var ProductModal = function ProductModal(props) {
       onChange: function onChange(page) {
         setLoading(true);
         paginationParams.current = page;
-        setPaginationParams(paginationParams);
-        queryGoods({
-          productName: productName,
-          productCode: productCode,
-          cmpTypeId: promotions || '',
-          minPrice: (0, _currencyUtil.formatBackendCurrency)(minPrice),
-          maxPrice: (0, _currencyUtil.formatBackendCurrency)(maxPrice),
-          catgIds: selCatgsList.join(','),
-          brandIds: selBrandsList.join(','),
-          labelIds: selLabelData.value || '',
-          pageSize: paginationParams.pageSize,
-          pageIndex: paginationParams.current,
-          state: 'A'
-        });
+        queryGoods();
       }
     }),
-    rowKey: "productId",
+    rowKey: "id",
     rowSelection: rowSelection,
     scroll: {
-      y: 500
+      y: 420
     }
   }), /*#__PURE__*/_react["default"].createElement("div", {
     className: "selectedCot"
@@ -773,7 +810,7 @@ var ProductModal = function ProductModal(props) {
     className: "totalNum"
   }, selectedList.length, "/", maxSelect)), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_antd.Button, {
     onClick: function onClick() {
-      handleModalSave && handleModalSave(selectedList);
+      handleModalSave && handleModalSave(selectedList, proType);
       closeModal && closeModal();
     },
     style: {

package/lib/common/ProductModal/index.less

@@ -17,7 +17,13 @@
         margin-left: 16px;
         display: flex;
         flex-direction: column;
-        justify-content: space-between;
+        justify-content: flex-start;
+
+
+        .btn-select-type {
+          text-align: right;
+          margin-bottom: 15px;
+        }
 
         .prodImg {
           display: inline-block;

package/lib/common/ProductSource/index.js

@@ -15,7 +15,7 @@ var _commonUtil = require("../../utils/commonUtil");
 
 var _Button = _interopRequireDefault(require("../Button"));
 
-var _ProductModal = _interopRequireDefault(require("../ProductModal"));
+var _ProductModal = _interopRequireWildcard(require("../ProductModal"));
 
 require("./index.less");
 
@@ -25,6 +25,22 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
+var __assign = void 0 && (void 0).__assign || function () {
+  __assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+
+      for (var p in s) {
+        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+      }
+    }
+
+    return t;
+  };
+
+  return __assign.apply(this, arguments);
+};
+
 var __awaiter = void 0 && (void 0).__awaiter || function (thisArg, _arguments, P, generator) {
   function adopt(value) {
     return value instanceof P ? value : new P(function (resolve) {
@@ -172,7 +188,8 @@ function ProductSource(_a) {
   var _this = this;
 
   var value = _a.value,
-      onChange = _a.onChange;
+      onChange = _a.onChange,
+      prodType = _a.prodType;
 
   var _b = (0, _react.useState)([]),
       selectedProds = _b[0],
@@ -184,31 +201,65 @@ function ProductSource(_a) {
 
   var onSelectProduct = function onSelectProduct() {
     return __awaiter(_this, void 0, void 0, function () {
-      var list;
+      var url, param, list, url, param, list_1;
       return __generator(this, function (_a) {
         switch (_a.label) {
           case 0:
             if (!(value && value.length > 0)) return [3
             /*break*/
+            , 5];
+            if (!(prodType === 'sku')) return [3
+            /*break*/
             , 2];
+            url = "/designer/v1/" + window.magicDesign.MBaseUrl + "/products";
+            param = {
+              products: value,
+              state: 'A'
+            };
             return [4
             /*yield*/
-            , (0, _commonUtil.commonFetch)("/designer/v1/" + window.magicDesign.MBaseUrl + "/products", {
-              products: value
-            }, 'GET')];
+            , (0, _commonUtil.commonFetch)(url, param, 'GET')];
 
           case 1:
             list = _a.sent().list;
-            setSelectedProds(list || []);
+            setSelectedProds((0, _ProductModal.formatData)(list || []));
             return [3
             /*break*/
-            , 3];
+            , 4];
 
           case 2:
-            setSelectedProds([]);
-            _a.label = 3;
+            url = "/designer/v1/" + window.magicDesign.MBaseUrl + "/offers";
+            param = {
+              offers: value,
+              state: 'A',
+              isDefaultCover: 'Y',
+              onlyQryPublishSku: true,
+              auditState: 'S',
+              crmFlag: 'on'
+            };
+            return [4
+            /*yield*/
+            , (0, _commonUtil.commonFetch)(url, param, 'GET')];
 
           case 3:
+            list_1 = _a.sent().list;
+            setSelectedProds((0, _ProductModal.formatData)((0, _commonUtil.ensure)(function () {
+              return list_1.map(function (m) {
+                return __assign(__assign({}, m.products[0]), m);
+              });
+            }, []), prodType));
+            _a.label = 4;
+
+          case 4:
+            return [3
+            /*break*/
+            , 6];
+
+          case 5:
+            setSelectedProds([]);
+            _a.label = 6;
+
+          case 6:
             setVisbile(true);
             return [2
             /*return*/
@@ -218,11 +269,11 @@ function ProductSource(_a) {
     });
   };
 
-  var handleModalSave = function handleModalSave(list) {
+  var handleModalSave = function handleModalSave(list, type) {
     var ids = list.map(function (prod) {
-      return prod.productId;
+      return prod.id;
     }).join(',');
-    onChange(ids);
+    onChange(ids, type);
   };
 
   var getLength = function getLength() {
@@ -249,6 +300,7 @@ function ProductSource(_a) {
     defaultList: selectedProds,
     handleModalSave: handleModalSave,
     maxSelect: 100,
+    prodType: prodType,
     visible: visible
   }));
 }

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

@@ -308,14 +308,14 @@ function (_super) {
 
     _this.getProductList = function (index) {
       return __awaiter(_this, void 0, void 0, function () {
-        var panelProps, groupSource, recommendId, cache, _a, _b, sourceType, _c, prodIds, _d, intelligentType, _e, intelligentValue, _f, maxProdNum, newData, res, res, e_1, _cache;
+        var panelProps, groupSource, recommendId, cache, _a, _b, sourceType, _c, prodIds, _d, prodType, _e, intelligentType, _f, intelligentValue, _g, maxProdNum, newData, params, res, res, e_1, _cache;
 
-        var _g, _h, _j;
+        var _h, _j, _k;
 
         var _this = this;
 
-        return __generator(this, function (_k) {
-          switch (_k.label) {
+        return __generator(this, function (_l) {
+          switch (_l.label) {
             case 0:
               panelProps = this.props.panelProps;
               groupSource = this.state.groupSource;
@@ -326,7 +326,7 @@ function (_super) {
 
                 if (cache) {
                   if ("products" + index in cache) {
-                    this.setState((_g = {}, _g["products" + index] = cache["products" + index], _g), function () {
+                    this.setState((_h = {}, _h["products" + index] = cache["products" + index], _h), function () {
                       _this.resetLayout();
                     });
                     /** 如果数据未过期 */
@@ -338,12 +338,12 @@ function (_super) {
                 }
               }
 
-              _a = groupSource[index] || {}, _b = _a.sourceType, sourceType = _b === void 0 ? '' : _b, _c = _a.prodIds, prodIds = _c === void 0 ? '' : _c, _d = _a.intelligentType, intelligentType = _d === void 0 ? '' : _d, _e = _a.intelligentValue, intelligentValue = _e === void 0 ? [] : _e, _f = _a.maxProdNum, maxProdNum = _f === void 0 ? 10 : _f;
+              _a = groupSource[index] || {}, _b = _a.sourceType, sourceType = _b === void 0 ? '' : _b, _c = _a.prodIds, prodIds = _c === void 0 ? '' : _c, _d = _a.prodType, prodType = _d === void 0 ? '' : _d, _e = _a.intelligentType, intelligentType = _e === void 0 ? '' : _e, _f = _a.intelligentValue, intelligentValue = _f === void 0 ? [] : _f, _g = _a.maxProdNum, maxProdNum = _g === void 0 ? 10 : _g;
               newData = [];
-              _k.label = 1;
+              _l.label = 1;
 
             case 1:
-              _k.trys.push([1, 9,, 10]);
+              _l.trys.push([1, 9,, 10]);
 
               if (!(groupSource.length > 0)) return [3
               /*break*/
@@ -351,22 +351,25 @@ function (_super) {
               if (!(sourceType === 'select')) return [3
               /*break*/
               , 3];
+              if (!prodIds) return [2
+              /*return*/
+              ];
+              params = {
+                state: 'A'
+              };
 
-              if (!prodIds) {
-                return [2
-                /*return*/
-                ];
+              if (prodType === 'spu') {
+                params.offers = prodIds;
+              } else {
+                params.products = prodIds;
               }
 
               return [4
               /*yield*/
-              , (0, _commonUtil.commonFetch)('/designer/v1/h5/products', {
-                products: prodIds,
-                state: 'A'
-              }, 'GET')];
+              , (0, _commonUtil.commonFetch)('/designer/v1/h5/products', params, 'GET')];
 
             case 2:
-              res = _k.sent();
+              res = _l.sent();
               newData = __spreadArrays(res.list);
               return [3
               /*break*/
@@ -389,7 +392,7 @@ function (_super) {
               }, 'POST')];
 
             case 4:
-              res = _k.sent();
+              res = _l.sent();
               newData = __spreadArrays(res.pageInfo.list);
               return [3
               /*break*/
@@ -397,7 +400,7 @@ function (_super) {
 
             case 5:
               newData = [];
-              _k.label = 6;
+              _l.label = 6;
 
             case 6:
               return [3
@@ -406,7 +409,7 @@ function (_super) {
 
             case 7:
               newData = [];
-              _k.label = 8;
+              _l.label = 8;
 
             case 8:
               return [3
@@ -414,7 +417,7 @@ function (_super) {
               , 10];
 
             case 9:
-              e_1 = _k.sent();
+              e_1 = _l.sent();
               newData = [];
               return [3
               /*break*/
@@ -423,10 +426,10 @@ function (_super) {
             case 10:
               if (!(0, _coreUtil.isDesignMode)()) {
                 _cache = (0, _storeUtil.getMagicStore)("recommend_" + recommendId);
-                (0, _storeUtil.setMagicStore)("recommend_" + recommendId, __assign(__assign({}, _cache), (_h = {}, _h["products" + index] = newData, _h.endTime = Date.now() + 3 * 60 * 1000, _h)));
+                (0, _storeUtil.setMagicStore)("recommend_" + recommendId, __assign(__assign({}, _cache), (_j = {}, _j["products" + index] = newData, _j.endTime = Date.now() + 3 * 60 * 1000, _j)));
               }
 
-              this.setState((_j = {}, _j["products" + index] = newData, _j), function () {
+              this.setState((_k = {}, _k["products" + index] = newData, _k), function () {
                 _this.resetLayout();
               });
               return [2

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

@@ -114,11 +114,13 @@ function (_super) {
       }, (0, _locale.i18n)('AI_RECOMMENDATION')))), /*#__PURE__*/_react["default"].createElement("div", {
         className: "greyBg"
       }, panelProps.sourceType === 'select' && /*#__PURE__*/_react["default"].createElement(_common.ProductSource, {
-        onChange: function onChange(v) {
-          panelProps.prodIds = v;
+        onChange: function onChange(ids, type) {
+          panelProps.prodIds = ids;
+          panelProps.prodType = type;
 
           _this.selfRender();
         },
+        prodType: panelProps.prodType,
         value: panelProps.prodIds
       }), panelProps.sourceType === 'recommend' && /*#__PURE__*/_react["default"].createElement(_AIRecommendation["default"], {
         onChange: function onChange(val) {

package/lib/locale/en/en.json

@@ -1,4 +1,12 @@
 {
+  "PUSH": "Push",
+  "SET_AS_TEMPLATE": "Set as Template",
+  "DISPLAY_PAGE": "Display page",
+  "NAME": "Name",
+  "ADD_MENU": "Add Menu",
+  "TIPS": "Tips",
+  "AL": "AL",
+  "PEEK": "Peek",
   "ADDRESS": "Address",
   "LOCATION_LOGO": "Location Logo",
   "MESSAGE_ICON": "Message icon",
@@ -90,7 +98,8 @@
   "BANNER_HEIGHT": "Banner Height",
   "IMAGE": "Image",
   "PRODUCT_NAME": "Product Name",
-  "PRODUCT_CODE": "Product Code",
+  "SKU_CODE": "SKU Code",
+  "SPU_CODE": "SPU Code",
   "SKU": "SKU",
   "PRICE": "Price",
   "BRAND": "Brand",