@fonixtree/magic-design 2.0.213 → 2.0.214

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

@@ -0,0 +1,355 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+require("./index.less");
+
+var _antd = require("antd4");
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _common = require("../../../../../common");
+
+var _commonUtil = require("../../../../../utils/commonUtil");
+
+var _components = require("../../../../../meta-comp/components");
+
+var _Text = require("../../../../../meta-comp/components/Text");
+
+require("slick-carousel/slick/slick.css");
+
+require("slick-carousel/slick/slick-theme.css");
+
+var _ConfigPanel = require("../../../../../core/Designer/ConfigPanel");
+
+var _coreUtil = require("../../../../../utils/coreUtil");
+
+var _mobx = require("../../../../../mobx");
+
+var _locale = require("../../../../../locale");
+
+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 __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 SearchBannerMobile =
+/** @class */
+function (_super) {
+  __extends(SearchBannerMobile, _super);
+
+  function SearchBannerMobile() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+
+    _this.state = {
+      carouseIndex: 0,
+      value: ''
+    };
+    _this.carouselRef = /*#__PURE__*/_react["default"].createRef();
+    _this.destroy = null;
+
+    _this.onFocus = function () {
+      var _a;
+
+      var value = _this.state.value;
+
+      if (value === ((_a = _this.props.data.content.keyword) === null || _a === void 0 ? void 0 : _a.placeholder)) {
+        _this.setState({
+          value: '',
+          editing: true
+        });
+      }
+    };
+
+    _this.onBlur = function () {
+      var _a, _b, _c, _d, _e, _f;
+
+      var value = _this.state.value;
+
+      if (((_c = (_b = (_a = _this.props.data) === null || _a === void 0 ? void 0 : _a.content) === null || _b === void 0 ? void 0 : _b.keyword) === null || _c === void 0 ? void 0 : _c.open) && !value) {
+        _this.setState({
+          value: (_f = (_e = (_d = _this.props.data) === null || _d === void 0 ? void 0 : _d.content) === null || _e === void 0 ? void 0 : _e.keyword) === null || _f === void 0 ? void 0 : _f.placeholder,
+          editing: false
+        });
+      }
+    };
+
+    _this.bannerGoto = function (groupSource) {
+      var nextIndex = groupSource.findIndex(function (item) {
+        return item.id === _mobx.store.clickedGroup;
+      });
+
+      if (nextIndex != -1 && nextIndex != _this.state.carouseIndex) {
+        _this.carouselRef.current.goTo(nextIndex);
+      }
+    }; // padding用统一设置
+
+
+    _this.getBackgroundStyle = function (item) {
+      var wrapStyle = {}; // 背景
+
+      if (item.background) {
+        if (item.background.bgType === 'color') {
+          wrapStyle.backgroundColor = item.background.color;
+          wrapStyle.opacity = item.background.opacity ? item.background.opacity : 1;
+        } else {
+          wrapStyle.backgroundImage = "url(" + item.background.image + ")";
+          wrapStyle.backgroundPosition = 'center';
+          wrapStyle.backgroundSize = 'cover';
+        }
+      }
+
+      return __assign({}, wrapStyle);
+    };
+
+    return _this;
+  }
+
+  SearchBannerMobile.prototype.componentDidMount = function () {
+    var _this = this;
+
+    var _a, _b, _c, _d, _e, _f;
+
+    this.destroy = (0, _mobx.autorun)(function () {
+      _this.bannerGoto(_this.props.data.groupSource);
+    });
+
+    if ((_c = (_b = (_a = this.props.data) === null || _a === void 0 ? void 0 : _a.content) === null || _b === void 0 ? void 0 : _b.keyword) === null || _c === void 0 ? void 0 : _c.open) {
+      this.setState({
+        value: (_f = (_e = (_d = this.props.data) === null || _d === void 0 ? void 0 : _d.content) === null || _e === void 0 ? void 0 : _e.keyword) === null || _f === void 0 ? void 0 : _f.placeholder
+      });
+    }
+  };
+
+  SearchBannerMobile.prototype.componentWillReceiveProps = function (nextProps) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+
+    this.bannerGoto(nextProps.data.groupSource);
+
+    if (((_c = (_b = (_a = nextProps.data) === null || _a === void 0 ? void 0 : _a.content) === null || _b === void 0 ? void 0 : _b.keyword) === null || _c === void 0 ? void 0 : _c.open) && !this.state.editing) {
+      this.setState({
+        value: (_f = (_e = (_d = nextProps.data) === null || _d === void 0 ? void 0 : _d.content) === null || _e === void 0 ? void 0 : _e.keyword) === null || _f === void 0 ? void 0 : _f.placeholder
+      });
+    }
+
+    if (!((_j = (_h = (_g = nextProps.data) === null || _g === void 0 ? void 0 : _g.content) === null || _h === void 0 ? void 0 : _h.keyword) === null || _j === void 0 ? void 0 : _j.open)) {
+      this.setState({
+        value: ''
+      });
+    }
+  };
+
+  SearchBannerMobile.prototype.componentWillUnmount = function () {
+    this.destroy();
+  };
+
+  SearchBannerMobile.prototype.render = function () {
+    var _this = this;
+
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
+
+    var data = this.props.data;
+    var GAData = (0, _commonUtil.getGAData)(data);
+    var _q = this.state,
+        value = _q.value,
+        carouseIndex = _q.carouseIndex;
+
+    var style = __assign({}, (0, _Text.contentStyle)(((_a = data.content.keyword) === null || _a === void 0 ? void 0 : _a.content) || {}));
+
+    Reflect.deleteProperty(style, 'width');
+
+    var _placeholder = ((_b = data.content.placeholder) === null || _b === void 0 ? void 0 : _b.open) ? (_c = data.content.placeholder) === null || _c === void 0 ? void 0 : _c.text : '';
+
+    var autoplay = data.setting.autoplay.open;
+    /** 设计器模式下 如果选中特定group 自动播放关闭 */
+
+    if ((0, _coreUtil.isDesignMode)() && _mobx.store.clickedGroup) {
+      autoplay = false;
+    }
+
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "m-search-banner-mobile"
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "search-bar"
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "right"
+    }, data.content && ((_d = data.content.box) === null || _d === void 0 ? void 0 : _d.open) && /*#__PURE__*/_react["default"].createElement("div", {
+      className: "search-input-wrap",
+      onClick: function onClick() {
+        return (0, _coreUtil.clickUrl)('/search-page', {
+          searchValue: value
+        });
+      },
+      style: {
+        borderColor: (_f = (_e = data.content.box) === null || _e === void 0 ? void 0 : _e.color) === null || _f === void 0 ? void 0 : _f.mobile,
+        backgroundColor: (_h = (_g = data.content.box) === null || _g === void 0 ? void 0 : _g.backgroundColor) === null || _h === void 0 ? void 0 : _h.mobile
+      }
+    }, /*#__PURE__*/_react["default"].createElement(_common.Iconfont, {
+      bold: true,
+      color: (_k = (_j = data.content.box) === null || _j === void 0 ? void 0 : _j.iconColor) === null || _k === void 0 ? void 0 : _k.mobile,
+      size: (0, _commonUtil.convertToRem)(20),
+      type: "icon-search-short"
+    }), /*#__PURE__*/_react["default"].createElement(_antd.Input, {
+      className: "search-input",
+      onBlur: this.onBlur,
+      onChange: this.onChange,
+      onFocus: this.onFocus,
+      placeholder: _placeholder,
+      readOnly: true,
+      style: (0, _commonUtil.pxToRem)(style),
+      type: "text",
+      value: value
+    })), data.content && ((_l = data.content.cartIcon) === null || _l === void 0 ? void 0 : _l.open) && /*#__PURE__*/_react["default"].createElement(_components.MetaImage, {
+      className: "right-icon",
+      data: data.content.cartIcon,
+      style: {
+        width: '25px',
+        height: '25px'
+      }
+    }), data.content && ((_m = data.content.chatbotIcon) === null || _m === void 0 ? void 0 : _m.open) && /*#__PURE__*/_react["default"].createElement(_components.MetaImage, {
+      className: "right-icon",
+      data: data.content.chatbotIcon,
+      style: {
+        width: '32px',
+        height: '32px'
+      }
+    }), data.content && ((_o = data.content.messageIcon) === null || _o === void 0 ? void 0 : _o.open) && /*#__PURE__*/_react["default"].createElement(_components.MetaImage, {
+      className: "right-icon",
+      data: data.content.messageIcon,
+      style: {
+        width: '25px',
+        height: '25px'
+      }
+    })), data.content && ((_p = data.content.logo) === null || _p === void 0 ? void 0 : _p.open) && /*#__PURE__*/_react["default"].createElement("div", {
+      className: "logo",
+      onClick: function onClick() {
+        var _a, _b;
+        /** PTO 定制GA */
+
+
+        if (window.magicDesign.pushGA) {
+          window.magicDesign.pushGA({}, 'select_promotion', {
+            event_section: 'Search',
+            promotion_name: (_b = (_a = data.content.logo) === null || _a === void 0 ? void 0 : _a.content) === null || _b === void 0 ? void 0 : _b.h5Name
+          });
+        }
+      }
+    }, /*#__PURE__*/_react["default"].createElement(_components.MetaImage, {
+      data: data.content.logo,
+      style: {
+        height: 23
+      }
+    }))), /*#__PURE__*/_react["default"].createElement(_antd.Carousel, {
+      ref: this.carouselRef,
+      afterChange: function afterChange(n) {
+        return _this.setState({
+          carouseIndex: n
+        });
+      },
+      autoplay: autoplay,
+      autoplaySpeed: data.setting.autoplay.interval * 1000,
+      dots: false
+    }, data.groupSource.map(function (item) {
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        key: item.id
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        style: _this.getBackgroundStyle(item)
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        className: "carouselItem",
+        onClick: function onClick() {
+          /** PTO 定制GA */
+          if (window.magicDesign.pushGA) {
+            window.magicDesign.pushGA({}, 'select_promotion', {
+              event_section: 'Search_Banner',
+              promotion_name: item.image.content.h5ImgSrc ? item.image.content.h5Name : (0, _locale.i18n)('BANNER_GROUP_NAME')
+            });
+          }
+        }
+      }, /*#__PURE__*/_react["default"].createElement(_components.MetaImage, {
+        data: item.image,
+        GAData: __assign(__assign({}, GAData), {
+          groupId: item.id,
+          groupName: (0, _ConfigPanel.getSecondConfigName)(data, item.id)
+        }),
+        isBackground: true,
+        style: {
+          width: '100%'
+        }
+      }))));
+    })), data.setting.dots.open && /*#__PURE__*/_react["default"].createElement("div", {
+      className: "swiper-ban"
+    }, data.groupSource.length > 1 && data.groupSource.map(function (item, i) {
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        key: (item === null || item === void 0 ? void 0 : item.id) || i,
+        className: (0, _classnames["default"])('ban', {
+          active: i == carouseIndex,
+          isCircle: data.setting.dots.layout === 'layout1'
+        }),
+        onClick: function onClick() {
+          var _a;
+
+          return (_a = _this.carouselRef.current) === null || _a === void 0 ? void 0 : _a.goTo(i);
+        },
+        style: (0, _commonUtil.pxToRem)({
+          backgroundColor: i == carouseIndex ? data.setting.dots.hoverColor.mobile : data.setting.dots.color.mobile,
+          fontSize: i == carouseIndex ? data.setting.dots.hoverSize.mobile : data.setting.dots.size.mobile
+        })
+      });
+    })));
+  };
+
+  SearchBannerMobile.defaultProps = {
+    data: {
+      setting: {},
+      groupSource: []
+    }
+  };
+  return SearchBannerMobile;
+}(_react["default"].Component);
+
+var _default = SearchBannerMobile;
+exports["default"] = _default;

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

@@ -0,0 +1,106 @@
+.m-search-banner-mobile {
+  position: relative;
+  width: 100%;
+}
+.m-search-banner-mobile .search-bar {
+  height: 0.96rem;
+  padding: 0.2rem 0.32rem;
+  display: flex;
+  flex-direction: row-reverse;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+  position: absolute;
+  z-index: 2;
+}
+.m-search-banner-mobile .search-bar .right {
+  display: flex;
+  flex: 1;
+  align-items: center;
+  justify-content: space-between;
+}
+.m-search-banner-mobile .search-bar .right .search-input-wrap {
+  flex: 1;
+  background: transparent;
+  border-radius: 0.4rem;
+  border: 0.02rem solid #fff;
+  padding: 0.08rem 0.2rem 0.08rem 0.08rem;
+  height: 0.54rem;
+  text-align: right;
+  display: flex;
+  justify-content: space-between;
+}
+.m-search-banner-mobile .search-bar .right .search-input-wrap .search-input {
+  background-color: transparent;
+  border: none;
+  height: 100%;
+  width: 100%;
+  padding: 0;
+  box-shadow: none;
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 400;
+  font-size: 0.28rem;
+  outline: none;
+}
+.m-search-banner-mobile .search-bar .right .right-icon {
+  margin-left: 0.2rem;
+  display: inline-block;
+}
+.m-search-banner-mobile .search-bar .logo {
+  margin-right: 0.3rem;
+}
+.m-search-banner-mobile .search-bar .logo img {
+  width: auto;
+}
+.m-search-banner-mobile .carouselItem {
+  position: relative;
+  display: flex;
+}
+.m-search-banner-mobile .carouselItem .carouseContent {
+  padding: 0 0.56rem;
+  position: absolute;
+  z-index: 2;
+  display: flex;
+  flex-direction: column;
+  margin-bottom: auto;
+}
+.m-search-banner-mobile .carouselItem .title {
+  margin-bottom: 0.16rem;
+}
+.m-search-banner-mobile .carouselItem .sub-title {
+  margin-bottom: 0.4rem;
+}
+.m-search-banner-mobile .carouselItem .btn-wrap {
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+}
+.m-search-banner-mobile .carouselItem .btn-wrap .btn {
+  margin-right: 0.24rem;
+}
+.m-search-banner-mobile .swiper-ban {
+  position: absolute;
+  width: 100%;
+  bottom: 0.2rem;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.m-search-banner-mobile .swiper-ban .ban {
+  font-size: 0.32rem;
+  width: 1em;
+  height: 0.25em;
+  background: #FFF;
+  cursor: inherit;
+  margin-right: 0.16rem;
+  transition: all 0.5s;
+}
+.m-search-banner-mobile .swiper-ban .ban.active {
+  opacity: 1;
+}
+.m-search-banner-mobile .swiper-ban .ban.isCircle {
+  width: 1em;
+  height: 1em;
+  border-radius: 50%;
+}

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

@@ -0,0 +1,184 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getDefaultJSON = void 0;
+
+var _uuid = require("uuid");
+
+var _constants = require("../../../../constants");
+
+var _index = require("../../../../assets/images/base64/index");
+
+var getDefaultJSON = function getDefaultJSON() {
+  var _a;
+
+  var defaultFontFamily = _constants.projectFontFamily[(_a = window.systemParams) === null || _a === void 0 ? void 0 : _a.projectCode] || 'Open Sans';
+  return {
+    id: (0, _uuid.v4)(),
+    type: 'SEARCH',
+    content: {
+      logo: {
+        id: (0, _uuid.v4)(),
+        open: true,
+        type: 'IMAGE',
+        content: {
+          h5Name: 'name2',
+          pcName: 'name2',
+          h5ImgSrc: '',
+          pcImgSrc: '',
+          clickUrl: ''
+        },
+        hover: {
+          open: false,
+          backgroundType: 'enlarge',
+          magnification: 1.5,
+          pcImgHoverUrl: '',
+          h5ImgHoverUrl: ''
+        }
+      },
+      box: {
+        id: (0, _uuid.v4)(),
+        open: true,
+        color: {
+          pc: '#D92929',
+          mobile: '#D2D9E5'
+        },
+        backgroundColor: {
+          pc: '#fff',
+          mobile: '#fff'
+        }
+      },
+      keyword: {
+        id: (0, _uuid.v4)(),
+        open: true,
+        type: 'InputField',
+        placeholder: 'Tshirt Woman',
+        content: {
+          sizeType: 'Customize font styles',
+          fontFamily: defaultFontFamily,
+          fontWeight: 600,
+          fontSize: 12,
+          pcFontSize: 14,
+          color: '#CE1126'
+        }
+      },
+      placeholder: {
+        id: (0, _uuid.v4)(),
+        open: true,
+        text: 'Search product, store, or brand'
+      },
+      icon: {
+        id: (0, _uuid.v4)(),
+        open: true,
+        color: {
+          pc: '#D92929',
+          mobile: '#232F46'
+        },
+        cartIcon: {
+          pc: true,
+          mobile: true
+        },
+        messageIcon: {
+          pc: false,
+          mobile: true
+        }
+      },
+      points: {
+        id: (0, _uuid.v4)(),
+        open: false,
+        type: 'BUTTON',
+        text: 0,
+        content: {
+          url: {
+            name: '/my-points',
+            value: '/my-points'
+          },
+          backgroundColor: ''
+        },
+        buttonText: {
+          sizeType: 'Customize font styles',
+          fontFamily: defaultFontFamily,
+          fontWeight: 400,
+          fontSize: 14,
+          fontStyle: 'normal',
+          color: '#545454'
+        },
+        buttonBorder: {
+          open: true,
+          borderColor: '',
+          borderRadius: 4
+        },
+        buttonIcon: {
+          iconUrl: _index.starIcon,
+          layout: 'left'
+        },
+        spacing: {
+          pc: {
+            paddingTop: 4,
+            paddingBottom: 4,
+            paddingLeft: 10,
+            paddingRight: 10
+          },
+          mobile: {
+            paddingTop: 2,
+            paddingBottom: 2,
+            paddingLeft: 8,
+            paddingRight: 8
+          }
+        },
+        hover: {
+          open: false,
+          content: {
+            backgroundColor: '#E6EAF0'
+          },
+          buttonText: {
+            sizeType: 'Customize font styles',
+            fontFamily: defaultFontFamily,
+            fontWeight: 600,
+            fontSize: 14,
+            fontStyle: 'normal',
+            color: '#8493AF'
+          },
+          buttonBorder: {
+            open: true,
+            borderColor: '',
+            borderRadius: 4
+          },
+          buttonIcon: {
+            iconUrl: '',
+            layout: 'left'
+          }
+        }
+      }
+    },
+    spacing: {
+      pc: {
+        paddingTop: 20,
+        paddingBottom: 30,
+        marginBottom: window.magicDesign.compSpacing * 1.5,
+        fillUp: false
+      },
+      mobile: {
+        paddingTop: 8,
+        paddingBottom: 8,
+        paddingLeft: 15,
+        paddingRight: 15,
+        marginBottom: window.magicDesign.compSpacing
+      }
+    },
+    customize: {
+      layout: 'left',
+      align: 'left'
+    },
+    background: {
+      opacity: 100,
+      color: '#fff',
+      image: '',
+      bgType: 'color'
+    }
+  };
+};
+
+exports.getDefaultJSON = getDefaultJSON;

package/es/composite-comp/dito/components/SearchBar/imgs/dito-logo.svg

@@ -0,0 +1,6 @@
+<svg width="69" height="20" viewBox="0 0 69 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.459 0.0166016H5.12022C3.76042 0.0194901 2.45736 0.562029 1.49731 1.52504C0.53725 2.48804 -0.00128482 3.79276 2.3019e-06 5.15257V19.5672C-0.000156996 19.6234 0.0107454 19.679 0.0320869 19.7309C0.0534285 19.7829 0.0847912 19.8301 0.124385 19.8699C0.163978 19.9097 0.211026 19.9414 0.262844 19.963C0.314661 19.9846 0.370232 19.9958 0.426385 19.996H11.5535C13.7819 19.9912 15.9171 19.1014 17.4895 17.5224C19.0619 15.9435 19.9427 13.8045 19.9382 11.5762V8.52608C19.9414 6.27348 19.0501 4.11179 17.4601 2.51612C15.8701 0.92046 13.7116 0.0214159 11.459 0.0166016ZM15.1681 11.4429C15.17 12.4235 14.7824 13.3647 14.0905 14.0596C13.3986 14.7545 12.459 15.1461 11.4784 15.1483H6.81001L3.03555 16.9193L4.83678 14.1526V5.19739C4.83645 5.08419 4.88103 4.97549 4.96073 4.89511C5.04043 4.81472 5.14875 4.76923 5.26195 4.76858H11.6662C12.5955 4.77211 13.4856 5.14376 14.1415 5.80216C14.7974 6.46056 15.1657 7.35204 15.1656 8.28139L15.1681 11.4429Z" fill="#CE1126"/>
+<path d="M27.3733 2.39582C27.3733 1.07858 26.3055 0.0107422 24.9882 0.0107422C23.671 0.0107422 22.6031 1.07858 22.6031 2.39582V17.6148C22.6031 18.932 23.671 19.9998 24.9882 19.9998C26.3055 19.9998 27.3733 18.932 27.3733 17.6148V2.39582Z" fill="#CE1126"/>
+<path d="M46.8076 0H30.4646C30.4083 -2.25721e-07 30.3526 0.0110998 30.3007 0.0326641C30.2487 0.0542284 30.2015 0.0858331 30.1618 0.125667C30.1221 0.165501 30.0906 0.212782 30.0692 0.2648C30.0478 0.316818 30.0368 0.372551 30.037 0.428805V4.29774C30.0368 4.35399 30.0478 4.40973 30.0692 4.46175C30.0906 4.51376 30.1221 4.56104 30.1618 4.60088C30.2015 4.64071 30.2487 4.67232 30.3007 4.69388C30.3526 4.71545 30.4083 4.72655 30.4646 4.72655H35.8138C35.8699 4.7267 35.9255 4.73792 35.9773 4.75956C36.0291 4.78119 36.0762 4.81282 36.1158 4.85264C36.1554 4.89246 36.1867 4.93969 36.208 4.99162C36.2294 5.04356 36.2403 5.0992 36.2401 5.15535V19.57C36.24 19.6262 36.2509 19.682 36.2723 19.734C36.2937 19.786 36.3252 19.8333 36.365 19.8731C36.4047 19.913 36.4519 19.9446 36.5038 19.9661C36.5558 19.9877 36.6115 19.9988 36.6677 19.9988H40.6105C40.6667 19.9986 40.7223 19.9874 40.7741 19.9658C40.8259 19.9441 40.873 19.9125 40.9126 19.8727C40.9522 19.8329 40.9835 19.7856 41.0049 19.7337C41.0262 19.6818 41.0371 19.6261 41.037 19.57V5.15535C41.036 5.04236 41.0798 4.93358 41.1588 4.85277C41.2377 4.77197 41.3455 4.72572 41.4585 4.72412H46.8076C46.8638 4.72396 46.9193 4.71275 46.9712 4.69111C47.023 4.66948 47.07 4.63785 47.1096 4.59803C47.1492 4.55821 47.1806 4.51098 47.2019 4.45904C47.2233 4.4071 47.2342 4.35147 47.234 4.29532V0.428805C47.2342 0.372653 47.2233 0.317019 47.2019 0.26508C47.1806 0.21314 47.1492 0.165914 47.1096 0.126095C47.07 0.0862771 47.023 0.0546472 46.9712 0.0330117C46.9193 0.0113762 46.8638 0.000158847 46.8076 0V0Z" fill="#CE1126"/>
+<path d="M58.3829 0.0107422H58.2508C55.6058 0.0165188 53.0714 1.07272 51.205 2.94703C49.3387 4.82134 48.2933 7.36024 48.2987 10.0053V17.4355C48.2974 18.1141 48.5657 18.7654 49.0445 19.2463C49.5234 19.7272 50.1736 19.9982 50.8522 19.9998H58.3817C61.0261 19.9931 63.5596 18.9365 65.4252 17.0623C67.2907 15.1881 68.3357 12.6497 68.3302 10.0053C68.3357 7.36108 67.2909 4.82291 65.4256 2.94874C63.5603 1.07457 61.0271 0.0178015 58.3829 0.0107422ZM63.4329 9.94351C63.4309 11.1388 63.017 12.2968 62.2607 13.2224C61.5044 14.1479 60.4522 14.7844 59.2813 15.0246C58.1104 15.2647 56.8925 15.0937 55.833 14.5406C54.7735 13.9874 53.9371 13.0858 53.4649 11.9878C52.9927 10.8898 52.9135 9.66252 53.2407 8.51294C53.5679 7.36335 54.2814 6.36174 55.2611 5.67697C56.2407 4.99221 57.4265 4.66616 58.6185 4.75382C59.8106 4.84147 60.9359 5.33746 61.8049 6.15816L65.2425 4.80633L62.9096 7.66382C63.2544 8.37299 63.4333 9.15132 63.4329 9.93988V9.94351Z" fill="#CE1126"/>
+</svg>