@fonixtree/magic-design 2.0.192 → 2.0.193

package/es/common/StoreSource/index.js

@@ -0,0 +1,255 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = StoreSource;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _locale = require("../../locale");
+
+var _commonUtil = require("../../utils/commonUtil");
+
+var _Button = _interopRequireDefault(require("../Button"));
+
+require("./index.less");
+
+var _SelectStoreModal = _interopRequireDefault(require("../SelectStoreModal"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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); }
+
+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 __awaiter = void 0 && (void 0).__awaiter || function (thisArg, _arguments, P, generator) {
+  function adopt(value) {
+    return value instanceof P ? value : new P(function (resolve) {
+      resolve(value);
+    });
+  }
+
+  return new (P || (P = Promise))(function (resolve, reject) {
+    function fulfilled(value) {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    }
+
+    function rejected(value) {
+      try {
+        step(generator["throw"](value));
+      } catch (e) {
+        reject(e);
+      }
+    }
+
+    function step(result) {
+      result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
+    }
+
+    step((generator = generator.apply(thisArg, _arguments || [])).next());
+  });
+};
+
+var __generator = void 0 && (void 0).__generator || function (thisArg, body) {
+  var _ = {
+    label: 0,
+    sent: function sent() {
+      if (t[0] & 1) throw t[1];
+      return t[1];
+    },
+    trys: [],
+    ops: []
+  },
+      f,
+      y,
+      t,
+      g;
+  return g = {
+    next: verb(0),
+    "throw": verb(1),
+    "return": verb(2)
+  }, typeof Symbol === "function" && (g[Symbol.iterator] = function () {
+    return this;
+  }), g;
+
+  function verb(n) {
+    return function (v) {
+      return step([n, v]);
+    };
+  }
+
+  function step(op) {
+    if (f) throw new TypeError("Generator is already executing.");
+
+    while (_) {
+      try {
+        if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+        if (y = 0, t) op = [op[0] & 2, t.value];
+
+        switch (op[0]) {
+          case 0:
+          case 1:
+            t = op;
+            break;
+
+          case 4:
+            _.label++;
+            return {
+              value: op[1],
+              done: false
+            };
+
+          case 5:
+            _.label++;
+            y = op[1];
+            op = [0];
+            continue;
+
+          case 7:
+            op = _.ops.pop();
+
+            _.trys.pop();
+
+            continue;
+
+          default:
+            if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+              _ = 0;
+              continue;
+            }
+
+            if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
+              _.label = op[1];
+              break;
+            }
+
+            if (op[0] === 6 && _.label < t[1]) {
+              _.label = t[1];
+              t = op;
+              break;
+            }
+
+            if (t && _.label < t[2]) {
+              _.label = t[2];
+
+              _.ops.push(op);
+
+              break;
+            }
+
+            if (t[2]) _.ops.pop();
+
+            _.trys.pop();
+
+            continue;
+        }
+
+        op = body.call(thisArg, _);
+      } catch (e) {
+        op = [6, e];
+        y = 0;
+      } finally {
+        f = t = 0;
+      }
+    }
+
+    if (op[0] & 5) throw op[1];
+    return {
+      value: op[0] ? op[1] : void 0,
+      done: true
+    };
+  }
+};
+
+function StoreSource(_a) {
+  var _this = this;
+
+  var value = _a.value,
+      onChange = _a.onChange;
+
+  var _b = (0, _react.useState)([]),
+      selectedStores = _b[0],
+      setSelectedStores = _b[1];
+
+  var _c = (0, _react.useState)(false),
+      visible = _c[0],
+      setVisbile = _c[1];
+
+  var onSelectProduct = function onSelectProduct() {
+    return __awaiter(_this, void 0, void 0, function () {
+      var res;
+      return __generator(this, function (_a) {
+        switch (_a.label) {
+          case 0:
+            if (!(value && value.length > 0)) return [3
+            /*break*/
+            , 2];
+            return [4
+            /*yield*/
+            , (0, _commonUtil.commonFetch)("/designer/v1/" + window.magicDesign.MBaseUrl + "/stores/page", {
+              storeIds: value,
+              state: 'A'
+            }, 'GET')];
+
+          case 1:
+            res = _a.sent();
+            setSelectedStores(res.list || []);
+            return [3
+            /*break*/
+            , 3];
+
+          case 2:
+            setSelectedStores([]);
+            _a.label = 3;
+
+          case 3:
+            setVisbile(true);
+            return [2
+            /*return*/
+            ];
+        }
+      });
+    });
+  };
+
+  var handleModalSave = function handleModalSave(list) {
+    var ids = list.map(function (prod) {
+      return prod.storeId;
+    }).join(',');
+    onChange(ids);
+  };
+
+  var getLength = function getLength() {
+    if (!value) {
+      return 0;
+    }
+
+    return value.split(',').length;
+  };
+
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "storeSourceWrap"
+  }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+    onClick: onSelectProduct,
+    type: "primary"
+  }, (0, _locale.i18n)('SELECT_STORE')), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "total"
+  }, (0, _locale.i18n)('TOTAL_STORES', {
+    count: getLength()
+  })), visible && /*#__PURE__*/_react["default"].createElement(_SelectStoreModal["default"], {
+    closeModal: function closeModal() {
+      return setVisbile(false);
+    },
+    defaultList: selectedStores,
+    handleModalSave: handleModalSave,
+    maxSelect: 100,
+    visible: visible
+  }));
+}

package/es/common/StoreSource/index.less

@@ -0,0 +1,14 @@
+.storeSourceWrap {
+  margin-bottom: 15px;
+
+  .total {
+    margin-top: 10px;
+    font-family: 'Open Sans';
+    font-style: normal;
+    font-weight: 400;
+    font-size: 16px;
+    line-height: 24px;
+    text-align: center;
+    color: #8493AF;
+  }
+}

package/es/common/index.js

@@ -135,6 +135,12 @@ Object.defineProperty(exports, "Slider", {
     return _Slider["default"];
   }
 });
+Object.defineProperty(exports, "StoreSource", {
+  enumerable: true,
+  get: function get() {
+    return _StoreSource["default"];
+  }
+});
 Object.defineProperty(exports, "SwiperBan", {
   enumerable: true,
   get: function get() {
@@ -204,6 +210,8 @@ var _ButtonIconLayout = _interopRequireDefault(require("./ButtonIconLayout"));
 
 var _ProductSource = _interopRequireDefault(require("./ProductSource"));
 
+var _StoreSource = _interopRequireDefault(require("./StoreSource"));
+
 var _ImgArea = _interopRequireDefault(require("./ImgArea"));
 
 var _SystemNotification = _interopRequireDefault(require("./SystemNotification"));

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

@@ -320,7 +320,8 @@ var getDefaultJSON = function getDefaultJSON() {
         hover: null
       },
       sourceType: '1',
-      maxProdNum: 5
+      maxProdNum: 5,
+      storeIds: ''
     },
     spacing: {
       mobile: {

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

@@ -11,6 +11,8 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _defaultImg = _interopRequireDefault(require("./img/defaultImg.png"));
 
+var _defaultHImg = _interopRequireDefault(require("./img/defaultHImg.png"));
+
 var _commonUtil = require("../../../../../../utils/commonUtil");
 
 var _currencyUtil = require("../../../../../../utils/currencyUtil");
@@ -123,7 +125,7 @@ function (_super) {
     }, /*#__PURE__*/_react["default"].createElement(_common.NewImg, {
       className: "product-img",
       lazy: true,
-      src: data.storePosterUrl || _defaultImg["default"]
+      src: data.storePosterUrl || _defaultHImg["default"]
     }), freeDeliveryLabel.open && data.freeShipping === 'Y' && /*#__PURE__*/_react["default"].createElement(_components.MetaButton, {
       className: "flag",
       data: freeDeliveryLabel
@@ -139,7 +141,7 @@ function (_super) {
       readonly: true
     }), data.newFlag === 'Y' && /*#__PURE__*/_react["default"].createElement("span", {
       className: "new"
-    }, "New")), minOrder.open && /*#__PURE__*/_react["default"].createElement(_components.MetaText, {
+    }, (0, _locale.i18n)('NEW'))), minOrder.open && /*#__PURE__*/_react["default"].createElement(_components.MetaText, {
       className: "minOrder no-reversed",
       data: __assign(__assign({}, minOrder), {
         text: (0, _commonUtil.reverseStrArr)([(0, _locale.i18n)('MIN_ORDER'), ':', (data.minOrderAmount || 0) + " IQD"])
@@ -199,7 +201,7 @@ function (_super) {
       readonly: true
     }), data.newFlag === 'Y' && /*#__PURE__*/_react["default"].createElement("span", {
       className: "new"
-    }, "New")), storeDesc.open && /*#__PURE__*/_react["default"].createElement(_components.MetaText, {
+    }, (0, _locale.i18n)('NEW'))), storeDesc.open && /*#__PURE__*/_react["default"].createElement(_components.MetaText, {
       className: "desc",
       data: __assign(__assign({}, storeDesc), {
         text: data.comments

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

@@ -243,21 +243,21 @@ function (_super) {
     };
     _this.sourceType = '1';
     _this.maxProdNum = 5;
+    _this.storeIds = '';
 
     _this.getData = function () {
       return __awaiter(_this, void 0, void 0, function () {
-        var _a, maxProdNum, sourceType, params, info, res, list;
+        var _a, maxProdNum, sourceType, storeIds, params, info, res, list;
 
         var _b;
 
         return __generator(this, function (_c) {
           switch (_c.label) {
             case 0:
-              _a = this.props.panelProps.content, maxProdNum = _a.maxProdNum, sourceType = _a.sourceType;
+              _a = this.props.panelProps.content, maxProdNum = _a.maxProdNum, sourceType = _a.sourceType, storeIds = _a.storeIds;
               params = {
                 pageIndex: 1,
-                pageSize: maxProdNum,
-                pageTotal: true
+                pageSize: maxProdNum
               };
 
               if (sourceType === '2') {
@@ -266,6 +266,8 @@ function (_super) {
                 params.newFlag = 'Y';
               } else if (sourceType === '4') {
                 params.sortType = '1';
+              } else if (sourceType === '5') {
+                params.storeIdList = (storeIds === null || storeIds === void 0 ? void 0 : storeIds.split(',')) || [];
               }
 
               if ((0, _commonUtil.isLogin)()) {
@@ -303,10 +305,11 @@ function (_super) {
   };
 
   Mobile.prototype.componentWillReceiveProps = function (nextProps) {
-    if (nextProps.panelProps.content.sourceType !== this.sourceType || nextProps.panelProps.content.maxProdNum !== this.maxProdNum) {
+    if (nextProps.panelProps.content.sourceType !== this.sourceType || nextProps.panelProps.content.maxProdNum !== this.maxProdNum || nextProps.panelProps.content.storeIds !== this.storeIds) {
       this.getData();
       this.sourceType = nextProps.panelProps.content.sourceType;
       this.maxProdNum = nextProps.panelProps.content.maxProdNum;
+      this.storeIds = nextProps.panelProps.content.storeIds;
     }
   };
 

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

@@ -19,6 +19,8 @@ var _common = require("../../../../../common");
 
 var _locale = require("../../../../../locale");
 
+require("./index.less");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var __extends = void 0 && (void 0).__extends || function () {
@@ -133,7 +135,9 @@ function (_super) {
         metaOption: panelProps.distance
       }],
       type: "switch"
-    }), /*#__PURE__*/_react["default"].createElement(_common.Field, {
+    }), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "sourceOfProduct"
+    }, /*#__PURE__*/_react["default"].createElement(_common.Field, {
       title: (0, _locale.i18n)('SOURCE_OF_ACTIVITY'),
       topSplit: true
     }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
@@ -153,7 +157,16 @@ function (_super) {
       value: "4"
     }, (0, _locale.i18n)('HIGH_SALES_STORES')), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
       value: "5"
-    }, (0, _locale.i18n)('SELECT_STORES')))), /*#__PURE__*/_react["default"].createElement(_common.Field, {
+    }, (0, _locale.i18n)('SELECT_STORES')))), panelProps.sourceType === '5' && /*#__PURE__*/_react["default"].createElement("div", {
+      className: "greyBg"
+    }, /*#__PURE__*/_react["default"].createElement(_common.StoreSource, {
+      onChange: function onChange(ids) {
+        panelProps.storeIds = ids;
+
+        _this.reRender();
+      },
+      value: panelProps.storeIds
+    }))), /*#__PURE__*/_react["default"].createElement(_common.Field, {
       title: (0, _locale.i18n)('PRODUCT_QUANTITY'),
       topSplit: true
     }, /*#__PURE__*/_react["default"].createElement(_antd.Radio.Group, {

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

@@ -0,0 +1,14 @@
+.stores_content {
+  .sourceOfProduct {
+    border-top: 1px solid #D2D9E5;
+    padding-top: 20px;
+    padding-bottom: 10px;
+
+    .greyBg {
+      background: #F5F6F7;
+      border-radius: 6px;
+      padding: 12px;
+      padding-bottom: 1px;
+    }
+  }
+}

package/es/locale/ar/ar.json

@@ -1,4 +1,10 @@
 {
+  "NEW": "New",
+  "ALL": "All",
+  "CLOSE": "Close",
+  "OPEN": "Open",
+  "SELECT_STORE": "Select Store",
+  "STORE_LOGO": "Store Logo",
   "STORE_STATE": "Store State",
   "BUSINESS_TYPE": "Business Type",
   "STORE_SELECT": "Store Select",
@@ -47,7 +53,6 @@
   "CAMPAIGN_NAME": "Campaign Name",
   "PROCESSING": "Processing",
   "HAS_NOT_STARTED": "Has not started",
-  "ALL": "ALL",
   "PERIOD_OF_VAILDITY": "Period of Vaildity",
   "COUPON_VALUE": "Coupon Value",
   "COUPON_NAME": "Coupon Name",
@@ -351,6 +356,7 @@
   "ADD_IMAGE": "Add Image",
   "ADD_BANNER": "Add Banner",
   "TOTAL_PRODUCTS": "Total {count} products",
+  "TOTAL_STORES": "Total {count} stores",
   "SELECTED": "Selected",
   "GROUP_BUY": "Group Buy",
   "RESET": "Reset",

package/es/locale/en/en.json

@@ -1,4 +1,10 @@
 {
+  "NEW": "New",
+  "ALL": "All",
+  "CLOSE": "Close",
+  "OPEN": "Open",
+  "SELECT_STORE": "Select Store",
+  "STORE_LOGO": "Store Logo",
   "STORE_STATE": "Store State",
   "BUSINESS_TYPE": "Business Type",
   "STORE_SELECT": "Store Select",
@@ -47,7 +53,6 @@
   "CAMPAIGN_NAME": "Campaign Name",
   "PROCESSING": "Processing",
   "HAS_NOT_STARTED": "Has not started",
-  "ALL": "ALL",
   "PERIOD_OF_VAILDITY": "Period of Vaildity",
   "COUPON_VALUE": "Coupon Value",
   "COUPON_NAME": "Coupon Name",
@@ -351,6 +356,7 @@
   "ADD_IMAGE": "Add Image",
   "ADD_BANNER": "Add Banner",
   "TOTAL_PRODUCTS": "Total {count} products",
+  "TOTAL_STORES": "Total {count} stores",
   "SELECTED": "Selected",
   "GROUP_BUY": "Group Buy",
   "RESET": "Reset",

package/es/locale/es/es.json

@@ -1,4 +1,10 @@
 {
+  "NEW": "New",
+  "ALL": "TODO",
+  "CLOSE": "Close",
+  "OPEN": "Open",
+  "SELECT_STORE": "Select Store",
+  "STORE_LOGO": "Store Logo",
   "STORE_STATE": "Store State",
   "BUSINESS_TYPE": "Business Type",
   "STORE_SELECT": "Store Select",
@@ -47,7 +53,6 @@
   "CAMPAIGN_NAME": "Campaign Name",
   "PROCESSING": "Processing",
   "HAS_NOT_STARTED": "Has not started",
-  "ALL": "TODO",
   "PERIOD_OF_VAILDITY": "Period of Vaildity",
   "COUPON_VALUE": "Coupon Value",
   "COUPON_NAME": "Coupon Name",
@@ -351,6 +356,7 @@
   "ADD_IMAGE": "Añadir Imagen",
   "ADD_BANNER": "Agregar Banner",
   "TOTAL_PRODUCTS": "Total {count} productos",
+  "TOTAL_STORES": "Total {count} stores",
   "SELECTED": "Seleccionado",
   "GROUP_BUY": "Compra en grupo",
   "RESET": "Restablecer",

package/es/locale/mn/mn.json

@@ -1,4 +1,10 @@
 {
+  "NEW": "New",
+  "ALL": "БҮГД",
+  "CLOSE": "Close",
+  "OPEN": "Open",
+  "SELECT_STORE": "Select Store",
+  "STORE_LOGO": "Store Logo",
   "STORE_STATE": "Store State",
   "BUSINESS_TYPE": "Business Type",
   "STORE_SELECT": "Store Select",
@@ -47,7 +53,6 @@
   "CAMPAIGN_NAME": "Аяны нэр",
   "PROCESSING": "Боловсруулж байна",
   "HAS_NOT_STARTED": "Эхлээгүй байна",
-  "ALL": "БҮГД",
   "PERIOD_OF_VAILDITY": "Хүчинтэй байх хугацаа",
   "COUPON_VALUE": "Купоны үнэ цэнэ",
   "COUPON_NAME": "Купоны нэр",
@@ -351,6 +356,7 @@
   "ADD_IMAGE": "Зураг нэмэх",
   "ADD_BANNER": "Баннер нэмэх",
   "TOTAL_PRODUCTS": "Нийт {count} бүтээгдэхүүн",
+  "TOTAL_STORES": "Total {count} stores",
   "SELECTED": "Сонгосон",
   "GROUP_BUY": "Бүлгийн худалдан авалт",
   "RESET": "Дахин тохируулах",

package/es/utils/commonUtil.js

@@ -245,12 +245,22 @@ function commonFetch(url, data, method) {
     var _a, _b;
 
     var credentials = localStorage.getItem('credentials');
+    var csrf = localStorage.getItem('X-CSRF-TOKEN');
     var headers = {
+      Accept: 'application/json',
       'Content-Type': 'application/json; charset=UTF-8',
       credentials: credentials,
-      accessToken: credentials
+      accessToken: credentials,
+      'X-CSRF-TOKEN': csrf
     };
 
+    if (url.endsWith('portal/login')) {
+      headers = __assign(__assign({}, headers), {
+        'Content-Type': 'application/x-www-form-urlencoded; charset=utf-8',
+        'X-Requested-With': 'XMLHttpRequest'
+      });
+    }
+
     if (_method === 'GET') {
       if ((_a = window.magicDesign) === null || _a === void 0 ? void 0 : _a.fetch) {
         window.magicDesign.fetch(url, {

package/lib/common/SelectStoreModal/SortableImageList/index.js

@@ -56,10 +56,10 @@ function SortableImageList(_a) {
 
   var moveCard = (0, _react.useCallback)(function (dragNodeId, hoverNodeId) {
     var dragIndex = list.findIndex(function (comp) {
-      return comp.productId === Number(dragNodeId);
+      return comp.storeId === Number(dragNodeId);
     });
     var hoverIndex = list.findIndex(function (comp) {
-      return comp.productId === Number(hoverNodeId);
+      return comp.storeId === Number(hoverNodeId);
     });
     setList(function (prevCards) {
       var newList = (0, _immutabilityHelper["default"])(prevCards, {
@@ -95,7 +95,7 @@ function SortableImageList(_a) {
     }, /*#__PURE__*/_react["default"].createElement("img", {
       alt: "",
       className: "selectedItemImg " + (item.state !== 'A' ? 'invalid' : ''),
-      "data-nodeid": item.productId,
+      "data-nodeid": item.storeId,
       draggable: "true",
       onDragEnd: onDragEnd,
       onDragEnter: onDragEnter,
@@ -103,8 +103,8 @@ function SortableImageList(_a) {
         e.preventDefault();
       },
       onDragStart: onDragStart,
-      src: item.productImageUrl,
-      title: item.productName
+      src: item.storeLogoUrl,
+      title: item.storeName
     }), /*#__PURE__*/_react["default"].createElement(_Iconfont["default"], {
       className: "selectedItemClose",
       color: "#000",