intelicoreact 1.4.83 → 1.4.84

package/dist/Atomic/UI/AccordionTable/AccordionTable.js

@@ -1,113 +1,74 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof3 = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _reactFeather = require("react-feather");
-
 var _MonoAccordion = _interopRequireDefault(require("../MonoAccordion/MonoAccordion"));
-
 require("./AccordionTable.scss");
-
-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 || _typeof3(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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-var AccordionTable = function AccordionTable(_ref) {
-  var className = _ref.className,
-      header = _ref.header,
-      items = _ref.items,
-      onChange = _ref.onChange,
-      testId = _ref.testId,
-      _ref$onSort = _ref.onSort,
-      onSort = _ref$onSort === void 0 ? function () {} : _ref$onSort,
-      sortParams = _ref.sortParams;
-
-  var _useState = (0, _react.useState)(items),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      accordions = _useState2[0],
-      setAccordions = _useState2[1];
-
-  var sortedColClassName = function sortedColClassName(item) {
-    return (0, _classnames.default)("accordion-table__header-item", item.className, {
-      "accordion-table--sorted-col": sortParams && sortParams.key === item.key
-    }, {
-      "accordion-table__header-item-sortable": !item.noSort
-    });
-  };
-
-  var handle = {
-    accordionChange: function accordionChange(key, e) {
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const AccordionTable = _ref => {
+  let {
+    className,
+    header,
+    items,
+    onChange,
+    testId,
+    onSort = () => {},
+    sortParams
+  } = _ref;
+  const [accordions, setAccordions] = (0, _react.useState)(items);
+  const sortedColClassName = item => (0, _classnames.default)("accordion-table__header-item", item.className, {
+    "accordion-table--sorted-col": sortParams && sortParams.key === item.key
+  }, {
+    "accordion-table__header-item-sortable": !item.noSort
+  });
+  const handle = {
+    accordionChange: (key, e) => {
       var _e$target, _e$target$className, _e$target$className$i;
-
-      var newArr = accordions === null || accordions === void 0 ? void 0 : accordions.map(function (item) {
+      const newArr = accordions === null || accordions === void 0 ? void 0 : accordions.map(item => {
         if (item.key === key) {
-          return _objectSpread(_objectSpread({}, item), {}, {
+          return {
+            ...item,
             isOpen: !item.isOpen
-          });
+          };
         }
-
         return item;
       });
-      var isArrowSvg = (e === null || e === void 0 ? void 0 : (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.tagName) === "svg";
-      var isAccordionElement = (_e$target$className = e.target.className) === null || _e$target$className === void 0 ? void 0 : (_e$target$className$i = _e$target$className.includes) === null || _e$target$className$i === void 0 ? void 0 : _e$target$className$i.call(_e$target$className, "accordion-table");
-
+      const isArrowSvg = (e === null || e === void 0 || (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.tagName) === "svg";
+      const isAccordionElement = (_e$target$className = e.target.className) === null || _e$target$className === void 0 || (_e$target$className$i = _e$target$className.includes) === null || _e$target$className$i === void 0 ? void 0 : _e$target$className$i.call(_e$target$className, "accordion-table");
       if (isAccordionElement || isArrowSvg) {
         onChange(newArr);
         setAccordions(newArr);
       }
     },
-    setSort: function setSort(key) {
-      var newSorting;
+    setSort: key => {
+      let newSorting;
       if (key !== sortParams.key) newSorting = {
         key: key,
         direction: "DESC"
       };else {
         newSorting = {
-          key: key,
+          key,
           direction: sortParams.direction === "ASC" ? "DESC" : "ASC"
         };
       }
       onSort(newSorting);
     }
   };
-
-  var getHeaderItem = function getHeaderItem(key) {
-    return header === null || header === void 0 ? void 0 : header.find(function (item) {
-      return item.key === key;
-    });
+  const getHeaderItem = key => {
+    return header === null || header === void 0 ? void 0 : header.find(item => item.key === key);
   };
-
-  var renderTd = function renderTd(tr) {
+  const renderTd = tr => {
     var _Object$entries;
-
-    return (_Object$entries = Object.entries(tr)) === null || _Object$entries === void 0 ? void 0 : _Object$entries.map(function (_ref2) {
+    return (_Object$entries = Object.entries(tr)) === null || _Object$entries === void 0 ? void 0 : _Object$entries.map(_ref2 => {
       var _getHeaderItem, _getHeaderItem2;
-
-      var _ref3 = (0, _slicedToArray2.default)(_ref2, 2),
-          key = _ref3[0],
-          value = _ref3[1];
-
+      let [key, value] = _ref2;
       return key === "promoDetails" || key === "disclosure" ? null : /*#__PURE__*/_react.default.createElement("div", {
         key: key,
         style: {
@@ -116,15 +77,13 @@ var AccordionTable = function AccordionTable(_ref) {
         className: (0, _classnames.default)("accordion-table__td", "accordion-table__td--".concat(key), (_getHeaderItem2 = getHeaderItem(key)) === null || _getHeaderItem2 === void 0 ? void 0 : _getHeaderItem2.className)
       }, /*#__PURE__*/_react.default.createElement("p", {
         className: "accordion-table__statistics-td-value",
-        title: (0, _typeof2.default)(value) !== "object" ? value : value.value
-      }, (0, _typeof2.default)(value) !== "object" ? value : value.value));
+        title: typeof value !== "object" ? value : value.value
+      }, typeof value !== "object" ? value : value.value));
     });
   };
-
-  var renderTr = function renderTr(rows) {
-    return rows === null || rows === void 0 ? void 0 : rows.map(function (row, index) {
+  const renderTr = rows => {
+    return rows === null || rows === void 0 ? void 0 : rows.map((row, index) => {
       var _row$cols, _row$cols2, _row$cols3, _row$cols4, _row$cols5;
-
       return /*#__PURE__*/_react.default.createElement("div", {
         key: index,
         className: (0, _classnames.default)("accordion-table__tr", {
@@ -149,12 +108,9 @@ var AccordionTable = function AccordionTable(_ref) {
       }, row.disclosure || ((_row$cols5 = row.cols) === null || _row$cols5 === void 0 ? void 0 : _row$cols5.disclosure))) : null);
     });
   };
-
-  var defineAccordionTitle = function defineAccordionTitle(row) {
+  const defineAccordionTitle = row => {
     return /*#__PURE__*/_react.default.createElement("div", {
-      onClick: function onClick(e) {
-        return handle.accordionChange(row.key, e);
-      },
+      onClick: e => handle.accordionChange(row.key, e),
       className: "accordion-table__accordion-label-box"
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: "accordion-table__accordion-label-wrapper j4"
@@ -168,13 +124,9 @@ var AccordionTable = function AccordionTable(_ref) {
       className: "accordion-label-box__label"
     }, row.label), row.statistics && /*#__PURE__*/_react.default.createElement("div", {
       className: (0, _classnames.default)("accordion-table__tr", row.className)
-    }, Object.entries(row.statistics).map(function (_ref4) {
+    }, Object.entries(row.statistics).map(_ref3 => {
       var _getHeaderItem3, _getHeaderItem4;
-
-      var _ref5 = (0, _slicedToArray2.default)(_ref4, 2),
-          key = _ref5[0],
-          value = _ref5[1];
-
+      let [key, value] = _ref3;
       return /*#__PURE__*/_react.default.createElement("div", {
         key: key,
         style: {
@@ -191,24 +143,21 @@ var AccordionTable = function AccordionTable(_ref) {
       }, value)));
     }))), row.titleContent);
   };
-
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     setAccordions(items);
   }, [items]);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)("accordion-table", className)
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "accordion-table__header"
-  }, header === null || header === void 0 ? void 0 : header.map(function (item) {
+  }, header === null || header === void 0 ? void 0 : header.map(item => {
     return /*#__PURE__*/_react.default.createElement("div", {
       style: {
         flexBasis: "".concat(item.width, "%")
       },
       key: item.key,
       className: sortedColClassName(item),
-      onClick: function onClick() {
-        return !item.noSort && handle.setSort(item.key);
-      }
+      onClick: () => !item.noSort && handle.setSort(item.key)
     }, sortParams && item.key === sortParams.key && sortParams.key !== "actions" && (sortParams.direction === "DESC" ? /*#__PURE__*/_react.default.createElement(_reactFeather.ArrowDown, {
       size: 16
     }) : /*#__PURE__*/_react.default.createElement(_reactFeather.ArrowUp, {
@@ -216,15 +165,12 @@ var AccordionTable = function AccordionTable(_ref) {
     })), item.label);
   })), /*#__PURE__*/_react.default.createElement("div", {
     className: "accordion-table__body"
-  }, accordions === null || accordions === void 0 ? void 0 : accordions.map(function (accordion) {
+  }, accordions === null || accordions === void 0 ? void 0 : accordions.map(accordion => {
     var _accordion$children;
-
     return /*#__PURE__*/_react.default.createElement(_MonoAccordion.default, {
       testId: testId,
       key: accordion.key,
-      onClick: function onClick(e) {
-        return handle.accordionChange(accordion.key, e);
-      },
+      onClick: e => handle.accordionChange(accordion.key, e),
       isOpen: accordion.isOpen,
       className: (0, _classnames.default)("accordion-table__body-accordion", {
         "accordion-table__body-accordion--closed": !accordion.isOpen
@@ -233,6 +179,4 @@ var AccordionTable = function AccordionTable(_ref) {
     }, (_accordion$children = accordion.children) !== null && _accordion$children !== void 0 ? _accordion$children : renderTr(accordion.rows));
   })));
 };
-
-var _default = AccordionTable;
-exports.default = _default;
+var _default = exports.default = AccordionTable;

package/dist/Atomic/UI/AccordionText/AccordionText.js

@@ -1,72 +1,45 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _reactFeather = require("react-feather");
-
 require("./AccordionText.scss");
-
-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 defaultText = "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.";
-
-var AccordionText = function AccordionText(_ref) {
-  var _ref$isDefaultOpen = _ref.isDefaultOpen,
-      isDefaultOpen = _ref$isDefaultOpen === void 0 ? false : _ref$isDefaultOpen,
-      _ref$isOuterOpen = _ref.isOuterOpen,
-      isOuterOpen = _ref$isOuterOpen === void 0 ? false : _ref$isOuterOpen,
-      className = _ref.className,
-      _ref$text = _ref.text,
-      text = _ref$text === void 0 ? defaultText : _ref$text,
-      _ref$shortText = _ref.shortText,
-      shortText = _ref$shortText === void 0 ? null : _ref$shortText;
-  var bodyRef = (0, _react.useRef)(null);
-
-  var _useState = (0, _react.useState)(isDefaultOpen),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      isOpen = _useState2[0],
-      setIsOpen = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(false),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      isNeedTrimText = _useState4[0],
-      setIsNeedTrimText = _useState4[1];
-
-  (0, _react.useEffect)(function () {
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const defaultText = "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.";
+const AccordionText = _ref => {
+  let {
+    isDefaultOpen = false,
+    isOuterOpen = false,
+    className,
+    text = defaultText,
+    shortText = null
+  } = _ref;
+  const bodyRef = (0, _react.useRef)(null);
+  const [isOpen, setIsOpen] = (0, _react.useState)(isDefaultOpen);
+  const [isNeedTrimText, setIsNeedTrimText] = (0, _react.useState)(false);
+  (0, _react.useEffect)(() => {
     setIsOpen(isOuterOpen);
   }, [isOuterOpen]);
-  (0, _react.useEffect)(function () {
-    var checkEllipsis = function checkEllipsis() {
+  (0, _react.useEffect)(() => {
+    const checkEllipsis = () => {
       if (bodyRef.current) {
         setIsNeedTrimText(bodyRef.current.scrollWidth > bodyRef.current.clientWidth);
       }
     };
-
-    var resizeObserver = new ResizeObserver(function () {
+    const resizeObserver = new ResizeObserver(() => {
       checkEllipsis();
     });
-
     if (bodyRef.current) {
       resizeObserver.observe(bodyRef.current);
       checkEllipsis();
     }
-
-    return function () {
+    return () => {
       if (bodyRef.current) {
         resizeObserver.unobserve(bodyRef.current);
       }
@@ -76,11 +49,7 @@ var AccordionText = function AccordionText(_ref) {
     className: (0, _classnames.default)("accordion-text", className, {
       "accordion-text--open": isOpen
     }),
-    onClick: function onClick() {
-      return setIsOpen(function (prevIsOpen) {
-        return !prevIsOpen;
-      });
-    }
+    onClick: () => setIsOpen(prevIsOpen => !prevIsOpen)
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)("accordion-text__body", {
       "accordion-text__body--trim-text": isNeedTrimText && !isOpen
@@ -90,6 +59,4 @@ var AccordionText = function AccordionText(_ref) {
     className: "accordion-text__toggle"
   }, isOpen ? /*#__PURE__*/_react.default.createElement(_reactFeather.ChevronUp, null) : /*#__PURE__*/_react.default.createElement(_reactFeather.ChevronDown, null)));
 };
-
-var _default = AccordionText;
-exports.default = _default;
+var _default = exports.default = AccordionText;

package/dist/Atomic/UI/AdvancedTag/AdvTag.js

@@ -1,112 +1,80 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _reactFeather = require("react-feather");
-
 require("./AdvancedTags.scss");
-
-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 AdvTag = function AdvTag(_ref) {
-  var item = _ref.item,
-      className = _ref.className,
-      testId = _ref.testId,
-      _ref$toTop = _ref.toTop,
-      toTop = _ref$toTop === void 0 ? true : _ref$toTop;
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const AdvTag = _ref => {
+  let {
+    item,
+    className,
+    testId,
+    toTop = true
+  } = _ref;
   if (!item) return null;
-  var labelLeft = item.labelLeft,
-      labelRight = item.labelRight,
-      _item$active = item.active,
-      active = _item$active === void 0 ? 0 : _item$active,
-      _item$pause = item.pause,
-      pause = _item$pause === void 0 ? 0 : _item$pause,
-      merchants = item.merchants,
-      warnLeft = item.warnLeft,
-      warnLeftMsg = item.warnLeftMsg,
-      warnRightMsg = item.warnRightMsg,
-      noPingTree = item.noPingTree,
-      _item$isEntityAndCoun = item.isEntityAndCounter,
-      isEntityAndCounter = _item$isEntityAndCoun === void 0 ? false : _item$isEntityAndCoun,
-      _item$entityAndCounte = item.entityAndCounter,
-      entityAndCounter = _item$entityAndCounte === void 0 ? {
-    nullCounterMessage: "",
-    title: "",
-    counter: null
-  } : _item$entityAndCounte;
-
-  var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      isOpen = _useState2[0],
-      setIsOpen = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(""),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      clickedWarning = _useState4[0],
-      setClickedWarning = _useState4[1];
-
-  var hintRef = (0, _react.useRef)(null);
-  var activeNumberClass = (0, _classnames.default)("strong", {
+  const {
+    labelLeft,
+    labelRight,
+    active = 0,
+    pause = 0,
+    merchants,
+    warnLeft,
+    warnLeftMsg,
+    warnRightMsg,
+    noPingTree,
+    isEntityAndCounter = false,
+    entityAndCounter = {
+      nullCounterMessage: "",
+      title: "",
+      counter: null
+    }
+  } = item;
+  const [isOpen, setIsOpen] = (0, _react.useState)(false);
+  const [clickedWarning, setClickedWarning] = (0, _react.useState)("");
+  const hintRef = (0, _react.useRef)(null);
+  const activeNumberClass = (0, _classnames.default)("strong", {
     "color--pause": active === 0
   }, {
     "color--green-haze": active > 0
   });
-  var pauseNumberClass = (0, _classnames.default)("strong", {
+  const pauseNumberClass = (0, _classnames.default)("strong", {
     "color--pause": pause === 0
   }, {
     "color--light-red": pause > 0
   });
-  var isEmptyEntitys = isEntityAndCounter && (!entityAndCounter.counter || entityAndCounter.counter === 0) || !isEntityAndCounter && (warnLeft || !merchants);
-  var advancedTagClass = (0, _classnames.default)("advanced-tags", {
+  const isEmptyEntitys = isEntityAndCounter && (!entityAndCounter.counter || entityAndCounter.counter === 0) || !isEntityAndCounter && (warnLeft || !merchants);
+  const advancedTagClass = (0, _classnames.default)("advanced-tags", {
     "advanced-tags--error": isEmptyEntitys
   }, className);
-
-  var onWarningClick = function onWarningClick(warn) {
+  const onWarningClick = warn => {
     setIsOpen(true);
     setClickedWarning(warn);
   };
-
-  var handleClickOutside = function handleClickOutside(event) {
+  const handleClickOutside = event => {
     if (hintRef.current && !hintRef.current.contains(event.target)) {
       setIsOpen(false);
     }
   };
-
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     document.addEventListener("click", handleClickOutside, true);
-    return function () {
-      return document.removeEventListener("click", handleClickOutside, true);
-    };
+    return () => document.removeEventListener("click", handleClickOutside, true);
   });
-
-  var renderClassicTag = function renderClassicTag() {
+  const renderClassicTag = () => {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: advancedTagClass,
       ref: hintRef
     }, warnLeft && /*#__PURE__*/_react.default.createElement("div", {
       "data-testid": "".concat(testId, "-left"),
       className: "advanced-tags--warning-icon-wrapper",
-      onMouseEnter: function onMouseEnter() {
-        return onWarningClick("warnLeft");
-      },
-      onMouseLeave: function onMouseLeave() {
-        return setIsOpen(false);
-      }
+      onMouseEnter: () => onWarningClick("warnLeft"),
+      onMouseLeave: () => setIsOpen(false)
     }, /*#__PURE__*/_react.default.createElement(_reactFeather.AlertTriangle, {
       width: 16,
       height: 16,
@@ -128,12 +96,8 @@ var AdvTag = function AdvTag(_ref) {
     }, "|") : null, merchants ? /*#__PURE__*/_react.default.createElement("span", null, merchants) : item.type !== "simple" && /*#__PURE__*/_react.default.createElement("div", {
       "data-testid": "".concat(testId, "-right"),
       className: "advanced-tags--warning-icon-wrapper",
-      onMouseEnter: function onMouseEnter() {
-        return onWarningClick("warnRight");
-      },
-      onMouseLeave: function onMouseLeave() {
-        return setIsOpen(false);
-      }
+      onMouseEnter: () => onWarningClick("warnRight"),
+      onMouseLeave: () => setIsOpen(false)
     }, /*#__PURE__*/_react.default.createElement(_reactFeather.AlertTriangle, {
       width: 16,
       height: 16,
@@ -148,23 +112,17 @@ var AdvTag = function AdvTag(_ref) {
       })
     }, warnRightMsg) : null);
   };
-
-  var renderWithEntityAndCounterTag = function renderWithEntityAndCounterTag() {
+  const renderWithEntityAndCounterTag = () => {
     var _entityAndCounter$cou;
-
-    var isNullcounter = (entityAndCounter === null || entityAndCounter === void 0 ? void 0 : (_entityAndCounter$cou = entityAndCounter.counter) === null || _entityAndCounter$cou === void 0 ? void 0 : _entityAndCounter$cou.toString()) === "0";
+    const isNullcounter = (entityAndCounter === null || entityAndCounter === void 0 || (_entityAndCounter$cou = entityAndCounter.counter) === null || _entityAndCounter$cou === void 0 ? void 0 : _entityAndCounter$cou.toString()) === "0";
     return /*#__PURE__*/_react.default.createElement("div", {
       className: advancedTagClass,
       ref: hintRef
     }, isNullcounter && /*#__PURE__*/_react.default.createElement("div", {
       "data-testid": "".concat(testId, "-left"),
       className: "advanced-tags--warning-icon-wrapper",
-      onMouseEnter: function onMouseEnter() {
-        return onWarningClick("warnLeft");
-      },
-      onMouseLeave: function onMouseLeave() {
-        return setIsOpen(false);
-      }
+      onMouseEnter: () => onWarningClick("warnLeft"),
+      onMouseLeave: () => setIsOpen(false)
     }, /*#__PURE__*/_react.default.createElement(_reactFeather.AlertTriangle, {
       width: 16,
       height: 16,
@@ -179,9 +137,6 @@ var AdvTag = function AdvTag(_ref) {
       className: "advanced-tags__counter ".concat(isNullcounter ? "advanced-tags__counter--null" : "advanced-tags__counter--bold")
     }, entityAndCounter === null || entityAndCounter === void 0 ? void 0 : entityAndCounter.counter));
   };
-
   return !isEntityAndCounter ? renderClassicTag() : renderWithEntityAndCounterTag();
 };
-
-var _default = AdvTag;
-exports.default = _default;
+var _default = exports.default = AdvTag;