@fonixtree/magic-design 2.0.49 → 2.0.51

package/lib/assets/images/base64/index.js

@@ -3,8 +3,16 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.pcNavIcon = exports.flashIcon = void 0;
+exports.walletVoucherIcon = exports.walletSaldoIcon = exports.walletKoinIcon = exports.tipIcon = exports.pcNavIcon = exports.flashIcon = void 0;
 var pcNavIcon = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAbCAYAAAAdx42aAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABRSURBVHgB7dWxFUBQEAXR91YidERicmXIVYRSdKIUJWjA+VRhA3M7mGjcj9Nia9X3znCZq7YbDuVoiqOOt35Tjsu6dwFANvMCXgDg93hB+gsemfAbHEJkq40AAAAASUVORK5CYII=';
 exports.pcNavIcon = pcNavIcon;
 var flashIcon = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAlCAYAAAAqXEs9AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMoSURBVHgB5VhdbtNAEP5sJxKP6RsS/dmeoIlIkHginKThBNATJDlB4QSkJyA9AelTpdCq5QQsBZ5rXknjZcb1Oht34+ySRKrEJ1lZr2fX45lvv9kN8L/h/KkQVzVRw2PBxY747GMfYoMY74gOFLyiszGHOFU0eVcF+O4zrlLsoBB/sxnSxCetG9mDI6pVsK0IFE7hgYqlT1gtFepwxFiIOqY4TIcpSHjAOWUB8MrVNpziUz4uXNGh5g8Z6GsSYd94VDsXQmAJLrdFF0aUk2iNEXoppaTQxPo+mqBdZs9EJq71zL5qvOaUEQfOcuOgnEcZkU3EjVjGWKdDFKGR0T5YZJZqDu6JbOAanljuUDI3qTVCWnOK/Qr4DU8ExQ5Th4gPHyohBtMpbnP/IjReSDn35Ze74phS+w7uGJF9PwjwMbuXtIhec8MWIaGvUOGgIYkDwSxKQYHYKZH9nAGt3jfkTCd/l8JX/aw0ZUqLoTkgnOcREdmreFJKBunqNXRNVTB0cohGC/5JkhmxiRdt3b7YFW+xSNkX4E+E/pdt0dbjyEHZknLk5hCJIXMqirBn9KX7G04VPFOlo5OlS2Nk2lQc5hEqwRa5HuutxF0N9eo054AzODpZM08XLZITX4d4tXHVZmK3044J6s1fskOtTtGWIjrAQz3Ko1NMV9NIF8OpuNLAA5PYNKoND/CLdXTK0nU/tQN4L2Qqtk/lZyQ0PltZjIXpcnaI9GiPtMMUQ6fKz+DokLi+5/b4mWAZ0ePiViFdzg6xHmVfKHXfssqvMQX6qbgiLc4dw9Ghzd6J1FqPCFz50zYJ5DERuGuxPjNv6IsPyU6TPK+FpGenTg4VNmVzIC5d02rTk9eyq9QhwBrJmGqXW4QM8j0EV/4AK2NRuqwOlaH1U46IzPtlNiSYPf4lMT26q9pf/ATw2rStBBZG39OqCa8IadD+p0srj0+lMZ0qhs9vZN98rmYlwsnehDcj+FRR3MjTfV8fIrk0cGpd7Vd2iLYct5bzOq+arXXYb/TPhn+Bv0OWs3rZMva193aINmu8KTOL4jCMcLQu+5VwJfz+GfO1fxT4C80iKW9PTeIFAAAAAElFTkSuQmCC';
-exports.flashIcon = flashIcon;
+exports.flashIcon = flashIcon;
+var tipIcon = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJsSURBVHgB3VZRctowEH2SRb7JDcgN0hMUblBPeoBwAAh8JwQzlG+S+ADJf9sRPQHkBOUG4QZ1f4ktZeUEDyaWbMJf3ozG0nq1TyvtrgR8drB9lIOprHtImhysbsYKapVALIO+H1W1UUpoSGoCFxpo4rUVYam0ur3unj3gEMJx+Osbg3dP3ToqgDGsEqVGLmJu+zEJ/wyJTFYlM9AaDc74/SSUQ5sOs5FpqAAHgAwHlx1/VCDfIbv7fa5plXAZ01hp4zlze6+R+IPO99m27P2Wcj502FgQUeuy659cdf3jOMYJyZY2ZXP+Jui2ZWJ7kHpH51A4mbwiopbpj6c/mySpD/r+jAy2hMCcxKcF0+oeVz36Bpk/23815xewQLG4nS4qlJIJMWfCkz9COTc5SF73bfMY519z403HuE4r/WebSNt3XAMaWuBv3uJRI35e0xrw5Jq7KQ7ZlnrFW5JBeKDILTD2vP6fLsQx1xNpwUiDJ9tS7qkGXGDopW0DjYjG/XTlnnIuVmuVBY7AB6BjtChgFqY/mcpTzTCtOjcjVExHVSs5qx09bdVY47UzHxlTq3eESewtRFV/1bpHZ4o3slIkschyNeeUCXPYb4SPYnnV8b9sBvk8VHhEBZBnI2q3VXSVzuvlCBOFG/qUXaaLQccPqJmoXboUTXW67voPOdmu0jiUdAdCOuxElMjpFtVqmNtKoQF51y4lfCMN6IeriJeCrrfRoHMW7MqtmXAIqY3MSWgwuZPn9BlSYjdQjSki3Tad78ymUinXDTEZMjeJrYSZe/IxiXFT9oLb/5kocMr1a91VjEdEstjnmfj58QKjX/BG7f7XlQAAAABJRU5ErkJggg==';
+exports.tipIcon = tipIcon;
+var walletSaldoIcon = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAOtSURBVHgB7ZhNbBNHFMf/bzebKqhRfOgnPTChJE1Nqyzqpe2lplE59JJwqNSqh8ZKey2k1x5whOBKFJCQEMgJAk5ISYQ4AkbiwoeEI1vgEFAGuCCQwEgoCiHs8GZRgJhdZ5PddS77k1Ze79sZv/+8mTdvDCQkJCQkJDQYcbhLiLxIIQIIMaEdtF5sEDBNG/TSJmVsUgTBPyjYzM4ruUDWNpktVhGCJoREj6ZpWXYTOcIBukFku04qdtLtXfFluEO1fLRIWM6LPXwziBAEjkDHkbRNlinIIeGws/yom91qR0iUQ7tv/V2awBqpK0BPA/Nla8YgRDJf/XAUqqRU9fY/5QJWia+AL49+3WcaZh6I1/nlKOkoGr09UB4K2sLwM5iGcQANdV5DgqOd6zi2NR+0haeArrwtdGdYJ4iov+NYuj/Iu6Gz0OqgqoIaM4mKvzyonz1/eDJX/eN3ZDCPIk3A9+UGCSCZfjo3OH71DqdZdgrYFaiZydcGSPUncnQSY16vNEAAjV24ND278flCHmvJZuRufMN8eQowECeKJqbPl7TzOYRLCCnV790+RgEkx67PTvFGnEN4JI16r4PYppBSGPr+8bM9q6q2iJ1UeLq8I0g0o9+vSWwChkv3l+Yvahy6WGprHv5va7u429LsjqoBJ6VA702RBaNpeKViL3IBrc2t2LGpp/jrzJle1Eado9LZ820bkRrXX8kt9PRjnzDNz48CaJyALz7ciMne01qEja8GbPy/DZh78/vVzp60ZOcD77JBiHQR79zS60bA5WMBfNf31qgwRWRmEDGRCrjy4NryB5XC23tCG2IgYgFX0Tf5G47fOCWxb3sBj+S7ZrHl2XwBERP5PnDzcQX7Lu/nm8JkjSl19vJMt17IuiZCRMSURkmMtH+S+nf2Ya1h9/S5suTPwb1dn6ceWU11hYxM3Rfo48NOnWLOM3/pctpRi7MIA4/09PnyT3yXQRj0RmYgSydQ8DLHVkrwPxC7DrV/pE9W4aYLuX8QjPuZYxPAoU2NbP7sgGz5IPDxsA7rUcy5IuwdP3b8xZHYzl8l1k7Rr5iLt5zGaxEHN3+a7/w5PXSvxRrk6aCz01SApnfdi2snWNhZp//3iWQR+8DVT4HYKa5/pJd9qbDT9pmB0uhK/TX4TOyOWEYfK5cKuVreFHYKWQTAcwpVskXJH0WsF5yCg4y+xncNqEUnC58wx0hRKcreGijngjZY8bzUlf8mg4awKCvZikRCQkJCQsIqeAVyQiD1CWbbAgAAAABJRU5ErkJggg==';
+exports.walletSaldoIcon = walletSaldoIcon;
+var walletKoinIcon = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAALPSURBVHgBtZdNaxNBGMf/MyFpSARzUW+6PXhQqE1AL6KkBXsQLy1689CCH0C/QZNvkJy8tgePYg6+gAgxKF4qtMVSoT108SCIlwjmpZTd6Twz2W7ztq/JD5bsZmfn/8wzzzwzD0NAxPabHNLZZSRQhEAeYIb8N6ffsqa8N8GwAwsNdFs1VlhpBumX+TUQPz8YSPDnEHzNFQzU8wYsq8xuPDS9m40TphFnL6xDiBeIA2MVtP6Xx3lkpAFq1DxRl7cGJoMJ21oc5Q0+JH7wMT9hcai+ZJ9i711+8EWfB6Yw8kGGPHFmgJrzTHZ7iuKuEe1WwYkJdwoo4KYvDqWhtRTKAz3XH/l+2u4FcsZjNZ4cy6vj3862ZmkqtAcSiXUE4f1LfXmJN17pNuYePGFMLW8ujuo5mdnWMAm23gLNP8DN+/K6592W8VWKO47uyTImwe4n4PeBnOFb/uIaldq5yu1x2f8CHG4Bl64Ctx8F/46jyPXGElN8/6sczxXg7hOEJE9BaCAqNGoSz1yU4o+B5AxCYpABwXe489B807yT+MJT/RueHEcUKNIp4gljLqq4ggwIdHDo49tr9/7wuzYoGk0ywERYUmlg6Rlw/Y5MPl1tECWh8MhMaItdhKXYm/P5B3IWL8sU/U+vhvDsSA+wzwjL+WinpUfPtCLMHwiFbTU40skaosSBA3kiv6TvaVWQN4LS7dY4m11symS0iThcm3PjwVkd/mzQmUAvQ2FVEBfK/+SNv7+0J/ywrTL9KAPUEUmgijgk0zohOfFAhoxD2FXnWOYmoplkSRUXcSAP0FZM0FSMXJpSo9MpOU8jDqW8rqueaSDFbbvvUNqXitULxlZie2KcuOx7sDbwKEwm6YnhkTuM3IxUw1SqEDswlbZdRbtdGFcjBitOwUvgbBXBkbnF3pR1ZSVycTpkiCrP0/L8yBekMfPQB5ncmSBtahHK81OPdAqLetbfhAAAAABJRU5ErkJggg==';
+exports.walletKoinIcon = walletKoinIcon;
+var walletVoucherIcon = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAdCAYAAABWk2cPAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFjSURBVHgBvdbbUYNAFAbg/6zje0pIB0oFEitIB8YO9NXoyIyXZ63AWEGsIFACdpAOzLsOx8OKE00W2F0W/hlyYWE+Fg4HCC3hJB7hAMcgvRwBFMvqMYie6Gp1CY+QFVC/+4Lmq3P4ovwYL8E0hXPcYY3qGR7SB7zjBiv9WZ7STuEZP5y+2G79g1JX1A2uUHVSM74BI0dgWFUbj2ECPzmi6zRCwc8ICCtdRDCe3jUl2br6/QanNMPEd3EMRalxVFGCr+Jdvm9rDqwl5qpWjUVUcCLg0g8sY56xaiiiQNmHpZA4wO3iBpfVO8Ig2cJKrtsrBovAUriKbrILaQADwhhtnzL3k4VU8hn6TU7zNFK//6TzzHqecS4dbqKt3ZGeZqxB6XAbI9oD/A+sRQPCe2AjGgA2gq1oB7gWtEI94EbQGnWAW0En1AK2Ap3RBtgaLKPgGN25/r4zMTIXsFPkaTEtF3jkG/itwYZzlFHQAAAAAElFTkSuQmCC';
+exports.walletVoucherIcon = walletVoucherIcon;

package/lib/common/ImagePicker/index.js

@@ -290,7 +290,7 @@ function (_super) {
       type: "icon-ai"
     }), /*#__PURE__*/_react["default"].createElement("span", {
       className: "btn-txt"
-    }, (0, _locale.i18n)('AI_IMAGE'))))), way === 'url' ? this.getImageUrl() : this.getImagePick(), /*#__PURE__*/_react["default"].createElement(_AiImageGenerator["default"], {
+    }, (0, _locale.i18n)('AI'))))), way === 'url' ? this.getImageUrl() : this.getImagePick(), /*#__PURE__*/_react["default"].createElement(_AiImageGenerator["default"], {
       onClose: function onClose() {
         return _this.setState({
           aiImageVisible: false

package/lib/common/MyModal/index.js

@@ -0,0 +1,417 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+require("./index.less");
+
+var _2 = require("..");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var __extends = void 0 && (void 0).__extends || function () {
+  var _extendStatics = function extendStatics(d, b) {
+    _extendStatics = Object.setPrototypeOf || {
+      __proto__: []
+    } instanceof Array && function (d, b) {
+      d.__proto__ = b;
+    } || function (d, b) {
+      for (var p in b) {
+        if (b.hasOwnProperty(p)) d[p] = b[p];
+      }
+    };
+
+    return _extendStatics(d, b);
+  };
+
+  return function (d, b) {
+    _extendStatics(d, b);
+
+    function __() {
+      this.constructor = d;
+    }
+
+    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+  };
+}();
+
+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
+    };
+  }
+};
+
+// import { Iconfont } from 'src/components/common';
+function urlToDataUrl(url) {
+  return __awaiter(this, void 0, void 0, function () {
+    var response, blob_1, error_1;
+    return __generator(this, function (_a) {
+      switch (_a.label) {
+        case 0:
+          _a.trys.push([0, 3,, 4]);
+
+          return [4
+          /*yield*/
+          , fetch(url)];
+
+        case 1:
+          response = _a.sent();
+          return [4
+          /*yield*/
+          , response.blob()];
+
+        case 2:
+          blob_1 = _a.sent();
+          return [2
+          /*return*/
+          , new Promise(function (resolve, reject) {
+            var reader = new FileReader();
+
+            reader.onload = function () {
+              return resolve(reader.result);
+            };
+
+            reader.onerror = reject;
+            reader.readAsDataURL(blob_1);
+          })];
+
+        case 3:
+          error_1 = _a.sent();
+          console.error('Error converting URL to Data URL:', error_1);
+          return [2
+          /*return*/
+          , null];
+
+        case 4:
+          return [2
+          /*return*/
+          ];
+      }
+    });
+  });
+}
+
+var MyModal =
+/** @class */
+function (_super) {
+  __extends(MyModal, _super);
+
+  function MyModal(props) {
+    var _this = _super.call(this, props) || this;
+
+    _this.confirm = function () {
+      return __awaiter(_this, void 0, void 0, function () {
+        var _a, onConfirm, onClose_1, error_2;
+
+        var _b;
+
+        return __generator(this, function (_c) {
+          switch (_c.label) {
+            case 0:
+              _c.trys.push([0, 3,, 4]);
+
+              _a = this.props, onConfirm = _a.onConfirm, onClose_1 = _a.onClose;
+              if (!onConfirm) return [3
+              /*break*/
+              , 2];
+              return [4
+              /*yield*/
+              , onConfirm()];
+
+            case 1:
+              _c.sent();
+
+              _c.label = 2;
+
+            case 2:
+              (_b = this.parentRef.current.querySelector('.tip-content')) === null || _b === void 0 ? void 0 : _b.classList.remove('scroll-animation');
+              setTimeout(function () {
+                onClose_1();
+              }, 300);
+              return [3
+              /*break*/
+              , 4];
+
+            case 3:
+              error_2 = _c.sent();
+              debug(error_2);
+              return [3
+              /*break*/
+              , 4];
+
+            case 4:
+              return [2
+              /*return*/
+              ];
+          }
+        });
+      });
+    };
+
+    _this.cancel = function () {
+      return __awaiter(_this, void 0, void 0, function () {
+        var _a, onCancel, onClose_2, error_3;
+
+        var _b;
+
+        return __generator(this, function (_c) {
+          switch (_c.label) {
+            case 0:
+              _c.trys.push([0, 2,, 3]);
+
+              _a = this.props, onCancel = _a.onCancel, onClose_2 = _a.onClose;
+              return [4
+              /*yield*/
+              , onCancel()];
+
+            case 1:
+              _c.sent();
+
+              (_b = this.parentRef.current.querySelector('.tip-content')) === null || _b === void 0 ? void 0 : _b.classList.remove('scroll-animation');
+              setTimeout(function () {
+                onClose_2();
+              }, 300);
+              return [3
+              /*break*/
+              , 3];
+
+            case 2:
+              error_3 = _c.sent();
+              debug(error_3);
+              return [3
+              /*break*/
+              , 3];
+
+            case 3:
+              return [2
+              /*return*/
+              ];
+          }
+        });
+      });
+    };
+
+    _this.parentRef = /*#__PURE__*/_react["default"].createRef();
+    return _this;
+  }
+
+  MyModal.prototype.componentDidMount = function () {
+    var _this = this;
+
+    var messageImg = this.props.messageImg;
+
+    if (messageImg) {
+      urlToDataUrl(messageImg).then(function () {
+        var _a;
+
+        (_a = _this.parentRef.current.querySelector('.tip-content')) === null || _a === void 0 ? void 0 : _a.classList.add('scroll-animation');
+      });
+    }
+  };
+
+  MyModal.prototype.render = function () {
+    // const { content } = this.props;
+    var _a = this.props,
+        title = _a.title,
+        titleStyle = _a.titleStyle,
+        message = _a.message,
+        confirmText = _a.confirmText,
+        messageImg = _a.messageImg,
+        cancelText = _a.cancelText,
+        onClose = _a.onClose,
+        hideCancel = _a.hideCancel,
+        isPreview = _a.isPreview;
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      ref: this.parentRef,
+      className: "tip-modal-wrap",
+      style: {
+        position: isPreview ? 'absolute' : 'fixed'
+      }
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "tip-background",
+      onClick: onClose
+    }), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "tip-content"
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "content-head"
+    }, /*#__PURE__*/_react["default"].createElement("span", {
+      style: titleStyle
+    }, title), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "close-icon",
+      onClick: onClose
+    }, /*#__PURE__*/_react["default"].createElement(_2.Iconfont, {
+      color: "#8493AF",
+      size: 16,
+      type: "icon-close"
+    }))), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "content-body"
+    }, message && /*#__PURE__*/_react["default"].createElement("div", null, message), messageImg && /*#__PURE__*/_react["default"].createElement("img", {
+      alt: "tip",
+      src: messageImg
+    })), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "close-wrap"
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "close-btn",
+      onClick: this.confirm
+    }, confirmText), !hideCancel && /*#__PURE__*/_react["default"].createElement("div", {
+      className: "close-btn",
+      onClick: this.cancel
+    }, cancelText))));
+  };
+
+  MyModal.defaultProps = {
+    hideCancel: true,
+    title: '',
+    message: '',
+    messageImg: '',
+    confirmText: 'OK',
+    cancelText: 'NO',
+    onConfirm: function onConfirm() {},
+    onCancel: function onCancel() {}
+  };
+  return MyModal;
+}(_react["default"].Component);
+
+var _default = MyModal;
+exports["default"] = _default;

package/lib/common/MyModal/index.less

@@ -0,0 +1,74 @@
+.tip-modal-wrap {
+  width: 100%;
+  height: 100%;
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 9999;
+  .tip-background {
+    width: 100%;
+    height: 100%;
+    background-color: rgba(0, 0, 0, 0.7);
+  }
+  .tip-content {
+    border-radius: 16px 16px 0px 0px;
+    background-color: #fff;
+    padding: 0 12px;
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    transition: all 0.3s;
+    transform: translateY(100%);
+
+    .content-head {
+      text-align: center;
+      color: #323233;
+      font-family: Open Sans;
+      font-size: 16px;
+      font-weight: 400;
+      line-height: 24px;
+      letter-spacing: 0px;
+      position: relative;
+      padding: 10px 0;
+      margin-bottom: 20px;
+      .close-icon {
+        position: absolute;
+        right: 16px;
+        top: 10px;
+      }
+    }
+    .content-body {
+      width: 100%;
+      margin-bottom: 5px;
+      max-height: 500px;
+      overflow-y: auto;
+      &> img {
+        width: 100%;
+        // max-width: 300px;
+        height: fit-content;
+      }
+    }
+    .close-wrap {
+      margin: 6px 2px;
+      .close-btn {
+        border-radius: 4px;
+        background-color: #E65427;
+        font-size: 14px;
+        font-weight: 400;
+        line-height: 20px;
+        text-align: center;
+        padding: 8px 0;
+        color: #fff;
+        flex: 1;
+        &:nth-of-type(2) {
+          margin-left: 10px;
+        }
+      }
+    }
+  }
+  .scroll-animation {
+    transform: translateY(0);
+  }
+}
+

package/lib/common/index.js

@@ -87,6 +87,12 @@ Object.defineProperty(exports, "LayoutSelector", {
     return _LayoutSelector["default"];
   }
 });
+Object.defineProperty(exports, "MyModal", {
+  enumerable: true,
+  get: function get() {
+    return _MyModal["default"];
+  }
+});
 Object.defineProperty(exports, "ProductSource", {
   enumerable: true,
   get: function get() {
@@ -180,4 +186,6 @@ var _VideoUpload = _interopRequireDefault(require("./VideoUpload"));
 
 var _CardCarousel = _interopRequireDefault(require("./CardCarousel"));
 
+var _MyModal = _interopRequireDefault(require("./MyModal"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/composite-comp/bol/components/WalletNuri/defaultJSON.js

@@ -0,0 +1,148 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getDefaultJSON = void 0;
+
+var _uuid = require("uuid");
+
+var _base = require("../../../../assets/images/base64");
+
+var walletDataList = [{
+  name: 'Saldo',
+  icon: _base.walletSaldoIcon,
+  text: 'Rincian Saldo'
+}, {
+  name: 'Koin',
+  icon: _base.walletKoinIcon,
+  text: 'Rincian Koin'
+}, {
+  name: 'Voucher',
+  icon: _base.walletVoucherIcon,
+  text: 'Diskon sd 50%'
+}];
+
+var getDefaultJSON = function getDefaultJSON() {
+  var groupId = (0, _uuid.v4)();
+  return {
+    id: groupId,
+    type: 'WALLET_NURI',
+    groupSource: walletDataList.map(function (item) {
+      var itemId = (0, _uuid.v4)();
+      return {
+        id: itemId,
+        parentId: groupId,
+        logo: {
+          parentId: itemId,
+          id: (0, _uuid.v4)(),
+          open: true,
+          content: {
+            clickUrl: '',
+            h5ImgSrc: item.icon,
+            h5Name: ''
+          }
+        },
+        title: {
+          parentId: itemId,
+          id: (0, _uuid.v4)(),
+          open: true,
+          type: 'TEXT',
+          specialContent: [],
+          text: item.name,
+          content: {
+            sizeType: 'Customize font styles',
+            fontFamily: 'Open Sans',
+            fontWeight: 400,
+            fontSize: 11,
+            color: '#232F46',
+            textAlign: 'center'
+          },
+          underline: {
+            open: false,
+            textDecorationColor: '',
+            textDecorationStyle: 'solid'
+          },
+          vertical: {}
+        },
+        amount: {
+          parentId: itemId,
+          id: (0, _uuid.v4)(),
+          open: true,
+          type: 'TEXT',
+          specialContent: [],
+          text: '****',
+          content: {
+            sizeType: 'Customize font styles',
+            fontFamily: 'Open Sans',
+            fontWeight: 700,
+            fontSize: 14,
+            color: '#232F46',
+            textAlign: ''
+          },
+          underline: {
+            open: false,
+            textDecorationColor: '',
+            textDecorationStyle: 'solid'
+          },
+          vertical: {}
+        },
+        text: {
+          parentId: itemId,
+          id: (0, _uuid.v4)(),
+          open: true,
+          type: 'TEXT',
+          specialContent: [],
+          text: item.text,
+          content: {
+            sizeType: 'Customize font styles',
+            fontFamily: 'Open Sans',
+            fontWeight: 400,
+            fontSize: 11,
+            color: '#232F46',
+            textAlign: ''
+          },
+          underline: {
+            open: false,
+            textDecorationColor: '',
+            textDecorationStyle: 'solid'
+          },
+          vertical: {}
+        },
+        tip: {
+          parentId: itemId,
+          id: (0, _uuid.v4)(),
+          open: true,
+          url: ''
+        }
+      };
+    }),
+    spacing: {
+      pc: {
+        paddingTop: 12,
+        paddingBottom: 12,
+        paddingLeft: 10,
+        paddingRight: 10,
+        marginBottom: window.magicDesign.compSpacing * 1.5
+      },
+      mobile: {
+        paddingTop: 12,
+        paddingBottom: 12,
+        paddingLeft: 10,
+        paddingRight: 10,
+        marginBottom: window.magicDesign.compSpacing
+      }
+    },
+    customize: {
+      layout: 'layout1'
+    },
+    background: {
+      opacity: 100,
+      color: '#FFF8F0',
+      image: '',
+      bgType: 'color'
+    }
+  };
+};
+
+exports.getDefaultJSON = getDefaultJSON;