@fonixtree/magic-design 2.0.39 → 2.0.40

package/es/composite-comp/common/components/AffiliateProductItem/imgs/icon-Koin.svg

@@ -1,40 +0,0 @@
-<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g id="Koin">
-<g id="Group">
-<g id="rank icon">
-<path id="Vector" d="M7 12.25C9.8995 12.25 12.25 9.89946 12.25 6.99997C12.25 4.10047 9.8995 1.74997 7 1.74997C4.10051 1.74997 1.75 4.10047 1.75 6.99997C1.75 9.89946 4.10051 12.25 7 12.25Z" fill="url(#paint0_linear_4487_10245)"/>
-<g id="Group_2" opacity="0.9">
-<path id="Vector_2" d="M7.00512 11.7405C9.62051 11.7405 11.7407 9.62027 11.7407 7.00487C11.7407 4.38948 9.62051 2.26929 7.00512 2.26929C4.38973 2.26929 2.26953 4.38948 2.26953 7.00487C2.26953 9.62027 4.38973 11.7405 7.00512 11.7405Z" fill="url(#paint1_radial_4487_10245)"/>
-<g id="Group_3">
-<g id="Group_4" style="mix-blend-mode:screen">
-<path id="Vector_3" d="M7.00512 11.7405C9.62051 11.7405 11.7407 9.62027 11.7407 7.00487C11.7407 4.38948 9.62051 2.26929 7.00512 2.26929C4.38973 2.26929 2.26953 4.38948 2.26953 7.00487C2.26953 9.62027 4.38973 11.7405 7.00512 11.7405Z" fill="#020202"/>
-</g>
-</g>
-</g>
-<path id="Vector_4" d="M5.93809 4.50593V7.45313C6.41413 6.83039 6.88088 6.19898 7.44791 5.65794C7.74133 5.3831 8.03413 5.33729 8.42783 5.33729H9.13229V5.3831C8.7844 5.67652 7.64043 6.97586 7.12787 7.62584C7.52157 8.11054 7.90599 8.61629 8.34488 9.06261C8.79368 9.51141 8.99487 9.60241 9.29695 9.70331C9.16881 10.097 8.96763 10.3075 8.46436 10.3075C8.16317 10.2994 7.87598 10.1786 7.65962 9.96888C7.02759 9.31889 6.47851 8.58658 5.93871 7.86417V10.2716L5.54501 10.2809C4.97797 10.2895 4.70312 9.98745 4.70312 9.41422V3.69128H5.09683C5.6911 3.69128 5.93809 4.02866 5.93809 4.50593Z" fill="#F95812"/>
-<g id="Clip path group">
-<mask id="mask0_4487_10245" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="2" y="2" width="10" height="10">
-<g id="clip-path">
-<path id="Vector_5" d="M7.00512 11.7405C9.62051 11.7405 11.7407 9.62027 11.7407 7.00487C11.7407 4.38948 9.62051 2.26929 7.00512 2.26929C4.38973 2.26929 2.26953 4.38948 2.26953 7.00487C2.26953 9.62027 4.38973 11.7405 7.00512 11.7405Z" fill="white"/>
-</g>
-</mask>
-<g mask="url(#mask0_4487_10245)">
-<g id="Group_5">
-<path id="Vector_6" opacity="0.2" d="M0.0784104 1.79022C0.508637 3.06976 1.12333 3.96673 1.67675 4.58577C4.34168 7.55711 9.29764 8.23805 14.3898 6.67747L12.4993 10.7055C11.3659 11.6642 10.009 12.3215 8.55418 12.6165C6.17463 13.0931 4.2383 12.4425 3.31408 12.0426C2.48149 11.6799 0.199121 10.6931 -0.905849 8.23309C-1.7044 6.45338 -2.00463 3.64298 -0.556096 2.2483C-0.366832 2.06696 -0.153288 1.91279 0.0784104 1.79022Z" fill="#FDECD7"/>
-</g>
-</g>
-</g>
-</g>
-</g>
-</g>
-<defs>
-<linearGradient id="paint0_linear_4487_10245" x1="2.4526" y1="9.62528" x2="11.5474" y2="4.37466" gradientUnits="userSpaceOnUse">
-<stop stop-color="#F78B54"/>
-<stop offset="1" stop-color="#F8BC7F"/>
-</linearGradient>
-<radialGradient id="paint1_radial_4487_10245" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(7.00512 7.00487) scale(4.73559)">
-<stop stop-color="#FDECD7"/>
-<stop offset="1" stop-color="#F8C486"/>
-</radialGradient>
-</defs>
-</svg>

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

@@ -1,177 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _iconBalance = _interopRequireDefault(require("./imgs/icon-Balance2.svg"));
-
-var _iconKoin = _interopRequireDefault(require("./imgs/icon-Koin.svg"));
-
-var _currencyUtil = require("../../../../utils/currencyUtil");
-
-var _components = require("../../../../meta-comp/components");
-
-var _NewImg = _interopRequireDefault(require("../../../../common/NewImg"));
-
-require("./index.less");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-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 __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 __rest = void 0 && (void 0).__rest || function (s, e) {
-  var t = {};
-
-  for (var p in s) {
-    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-  }
-
-  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-  }
-  return t;
-};
-
-var AffiliateProductItem =
-/** @class */
-function (_super) {
-  __extends(AffiliateProductItem, _super);
-
-  function AffiliateProductItem() {
-    var _this = _super !== null && _super.apply(this, arguments) || this;
-
-    _this.state = {};
-    return _this;
-  }
-
-  AffiliateProductItem.prototype.render = function () {
-    var _a;
-
-    var _b = this.props,
-        data = _b.data,
-        panelProps = _b.panelProps,
-        onItemClick = _b.onItemClick,
-        fixHeight = _b.fixHeight,
-        layout = _b.layout,
-        imgHeight = _b.imgHeight,
-        imgWidth = _b.imgWidth,
-        customFont = _b.customFont,
-        rest = __rest(_b, ["data", "panelProps", "onItemClick", "fixHeight", "layout", "imgHeight", "imgWidth", "customFont"]);
-
-    var imgStyle = {};
-    if (imgWidth) imgStyle.width = imgWidth;
-    if (imgHeight) imgStyle.height = imgHeight;
-    return /*#__PURE__*/_react["default"].createElement("div", _extends({
-      className: (0, _classnames["default"])('m-product-item-wrap', {
-        fixHeight: fixHeight,
-        horizontal: layout === 'horizontal'
-      }),
-      onClick: function onClick() {
-        return onItemClick();
-      },
-      style: {
-        width: imgWidth + 2
-      }
-    }, rest), /*#__PURE__*/_react["default"].createElement(_NewImg["default"], {
-      className: "product-img",
-      lazy: true,
-      src: (data === null || data === void 0 ? void 0 : data.imgUrls) && ((_a = data === null || data === void 0 ? void 0 : data.imgUrls) === null || _a === void 0 ? void 0 : _a.length) > 0 && data.imgUrls[0],
-      style: imgStyle
-    }), /*#__PURE__*/_react["default"].createElement("div", {
-      className: "contentWrap"
-    }, panelProps.productName.open && /*#__PURE__*/_react["default"].createElement("div", {
-      className: "productItemContent"
-    }, /*#__PURE__*/_react["default"].createElement(_components.MetaText, {
-      className: "producItemName",
-      data: __assign(__assign({}, panelProps.productName), {
-        text: data.productName
-      }),
-      readonly: true
-    })), /*#__PURE__*/_react["default"].createElement("div", {
-      className: "cashBackBox"
-    }, /*#__PURE__*/_react["default"].createElement("div", {
-      className: "cashBackBox_cashBack"
-    }, /*#__PURE__*/_react["default"].createElement("img", {
-      alt: "",
-      src: _iconBalance["default"]
-    }), /*#__PURE__*/_react["default"].createElement("div", {
-      className: "cashBackBox_text " + (customFont ? 'custom_font' : '')
-    }, "Cashback Saldo", /*#__PURE__*/_react["default"].createElement("span", null, (0, _currencyUtil.formatCurrencyWithSymbolNotSpace)(data.buyCommission || 0)))), /*#__PURE__*/_react["default"].createElement("div", {
-      className: "cashBackBox_koin"
-    }, /*#__PURE__*/_react["default"].createElement("img", {
-      alt: "",
-      src: _iconKoin["default"]
-    }), /*#__PURE__*/_react["default"].createElement("div", {
-      className: "cashBackBox_text " + (customFont ? 'custom_font' : '')
-    }, "Cashback", /*#__PURE__*/_react["default"].createElement("span", null, (0, _currencyUtil.formatCurrency)(data.giftCommission || 0)), "Koin"))), panelProps.salesPrice.open && /*#__PURE__*/_react["default"].createElement(_components.MetaText, {
-      className: "producItemPrice",
-      data: __assign(__assign({}, panelProps.salesPrice), {
-        text: (0, _currencyUtil.formatCurrencyWithSymbolNotSpace)(data.productPrice || 0)
-      }),
-      readonly: true,
-      style: {
-        color: panelProps.salesPrice.content.color
-      }
-    })));
-  };
-
-  AffiliateProductItem.defaultProps = {
-    data: {},
-    panelProps: {},
-    fixHeight: false,
-    layout: 'vertical',
-    customFont: false
-  };
-  return AffiliateProductItem;
-}(_react["default"].Component);
-
-var _default = AffiliateProductItem;
-exports["default"] = _default;

package/es/composite-comp/common/components/AffiliateProductItem/index.less

@@ -1,115 +0,0 @@
-.m-product-item-wrap {
-  display: flex;
-  flex-direction: column;
-  background: #FFFFFF;
-  border: 1px solid #D2D9E5;
-  width: 142px;
-  cursor: pointer;
-  position: relative;
-  border-radius: 4px;
-
-  .productItemImg {
-    height: 167px;
-    border-top-right-radius: 8px;
-    border-top-left-radius: 8px;
-  }
-  .productItemContent {
-    padding: 4px 4px 0;
-    .producItemName {
-      overflow: hidden;
-      text-overflow: ellipsis;
-      display: -webkit-box;
-      -webkit-box-orient: vertical;
-      -webkit-line-clamp: 2;
-    }
-
-  }
-  .cashBackBox {
-    width: 100%;
-    background: #F9F9F9;
-    padding: 4px;
-    .cashBackBox_cashBack {
-      display: flex;
-      align-items: center;
-      img {
-        width: 14px;
-        height: 14px;
-      }
-      .cashBackBox_text {
-        display: flex;
-        align-items: center;
-        padding-left: 4px;
-        color: #279e2c;
-        font-family: Trueno;
-        font-size: 10px;
-        font-style: normal;
-        font-weight: 700;
-        line-height: 12px;
-        span {
-          padding-left: 2px;
-        }
-      }
-      .custom_font {
-        font-size: 9px;
-        padding-left: 2px;
-      }
-    }
-    .cashBackBox_koin {
-      display: flex;
-      align-items: center;
-      img {
-        width: 14px;
-        height: 14px;
-      }
-      .cashBackBox_text {
-        color: #fa7539;
-        font-family: Trueno;
-        font-size: 10px;
-        font-style: normal;
-        font-weight: 700;
-        line-height: 12px;
-        display: flex;
-        align-items: center;
-        padding-left: 4px;
-        span {
-          padding: 0 2px;
-        }
-      }
-      .custom_font {
-        font-size: 9px;
-        padding-left: 2px;
-      }
-    }
-  }
-  .producItemPrice {
-    padding: 4px;
-  }
-
-  &.fixHeight {
-    .promotions-wrap {
-      height: 30px;
-      flex-wrap: nowrap;
-      overflow: hidden;
-    }
-
-    .product-name-wrap {
-      height: 38px;
-    }
-  }
-
-  &.horizontal {
-    flex-direction: row;
-
-    .product-img {
-      width: 100px;
-      height: 100%;
-      min-height: 100px;
-    }
-
-    .content-wrap {
-      display: flex;
-      flex-direction: column;
-      justify-content: center;
-    }
-  }
-}

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

@@ -1,90 +0,0 @@
-"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"] = void 0;
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-require("./index.less");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-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; }
-
-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 ImageLabel =
-/** @class */
-function (_super) {
-  __extends(ImageLabel, _super);
-
-  function ImageLabel() {
-    var _this = _super !== null && _super.apply(this, arguments) || this;
-
-    _this.state = {};
-    return _this;
-  }
-
-  ImageLabel.prototype.render = function () {
-    var _a = this.props,
-        labels = _a.labels,
-        small = _a.small;
-
-    var _labels = labels || [];
-
-    return _labels.map(function (label) {
-      var _a, _b;
-
-      if (label.imgUrl || label.labelPictureUrl) {
-        return /*#__PURE__*/_react["default"].createElement("img", {
-          key: label.imgUrl || label.labelPictureUrl,
-          alt: "img",
-          className: (0, _classnames["default"])('image-label-wrap', 'img', (_a = {}, _a["position-" + (label.position || 'default')] = true, _a.small = small, _a)),
-          src: label.imgUrl || label.labelPictureUrl
-        });
-      }
-
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        key: label.labelName,
-        className: (0, _classnames["default"])('image-label-wrap', (_b = {}, _b["position-" + (label.position || 'default')] = true, _b))
-      }, label.labelName);
-    });
-  };
-
-  return ImageLabel;
-}(_react.Component);
-
-var _default = ImageLabel;
-exports["default"] = _default;

package/es/composite-comp/common/components/ImageLabel/index.less

@@ -1,45 +0,0 @@
-.image-label-wrap {
-  position: absolute;
-  z-index: 1;
-  font-size: 12px;
-
-  &.img {
-    max-width: 60px;
-    max-height: 60px;
-
-    &.small {
-      max-width: 30px;
-      max-height: 30px;
-    }
-  }
-
-  &.position-1,
-  &.position-default {
-    top: 0;
-    left: 0;
-  }
-
-  &.position-2 {
-    bottom: 0;
-    left: 0;
-  }
-
-  &.position-3 {
-    top: 0;
-    right: 0;
-  }
-
-  &.position-4 {
-    bottom: 0;
-    right: 0;
-  }
-
-
-  &.position-6 {
-    position: unset;
-    height: 18px;
-    margin-right: 5px;
-    vertical-align: middle;
-    float: left;
-  }
-}