intelicoreact 1.6.7 → 1.6.8

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

@@ -0,0 +1,216 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
+const _reactfeather = require("react-feather");
+require("./AdvancedTags.scss");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(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 = {
+        __proto__: null
+    };
+    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;
+}
+const AdvTag = ({ item, className, testId = "adv-tag", toTop = true })=>{
+    if (!item) return null;
+    const { labelLeft, labelRight, active = 0, pause = 0, merchants, warnLeft, warnLeftMsg, warnRightMsg, 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
+    });
+    const pauseNumberClass = (0, _classnames.default)("strong", {
+        "color--pause": pause === 0
+    }, {
+        "color--light-red": pause > 0
+    });
+    const isEmptyEntitys = isEntityAndCounter && (!entityAndCounter.counter || entityAndCounter.counter === 0) || !isEntityAndCounter && (warnLeft || !merchants);
+    const advancedTagClass = (0, _classnames.default)("advanced-tags", {
+        "advanced-tags--error": isEmptyEntitys
+    }, className);
+    const onWarningClick = (warn)=>{
+        setIsOpen(true);
+        setClickedWarning(warn);
+    };
+    const handleClickOutside = (event)=>{
+        if (hintRef.current && !hintRef.current.contains(event.target)) {
+            setIsOpen(false);
+        }
+    };
+    (0, _react.useEffect)(()=>{
+        document.addEventListener("click", handleClickOutside, true);
+        return ()=>document.removeEventListener("click", handleClickOutside, true);
+    });
+    const renderClassicTag = ()=>{
+        return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+            "data-testid": testId,
+            className: advancedTagClass,
+            ref: hintRef,
+            children: [
+                warnLeft && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                    "data-testid": `${testId}-left`,
+                    className: "advanced-tags--warning-icon-wrapper",
+                    onMouseEnter: ()=>onWarningClick("warnLeft"),
+                    onMouseLeave: ()=>setIsOpen(false),
+                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.AlertTriangle, {
+                        width: 16,
+                        height: 16,
+                        className: "advanced-tags--warning-icon mr5"
+                    })
+                }),
+                labelLeft && /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                    className: "mr5",
+                    children: labelLeft
+                }),
+                labelRight && /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                    children: labelRight
+                }),
+                item.type !== "simple" ? /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                    className: "ml5 mr5",
+                    children: "|"
+                }) : null,
+                item.type !== "simple" ? /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                    className: "df",
+                    children: [
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                            className: activeNumberClass,
+                            children: active
+                        }),
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                            className: "strong color--pause",
+                            children: "/"
+                        }),
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                            className: pauseNumberClass,
+                            children: pause
+                        })
+                    ]
+                }) : null,
+                item.type !== "simple" ? /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                    className: "ml5 mr5",
+                    children: "|"
+                }) : null,
+                merchants ? /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                    children: merchants
+                }) : item.type !== "simple" && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                    "data-testid": `${testId}-right`,
+                    className: "advanced-tags--warning-icon-wrapper",
+                    onMouseEnter: ()=>onWarningClick("warnRight"),
+                    onMouseLeave: ()=>setIsOpen(false),
+                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.AlertTriangle, {
+                        width: 16,
+                        height: 16,
+                        className: "advanced-tags--warning-icon"
+                    })
+                }),
+                isOpen && warnLeftMsg && clickedWarning === "warnLeft" ? /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                    className: (0, _classnames.default)("advanced-tags__warn-text advanced-tags__warn-text--warnLeft", {
+                        "advanced-tags__warn-text--warnLeft--to-top": toTop
+                    }),
+                    children: warnLeftMsg
+                }) : null,
+                isOpen && warnRightMsg && clickedWarning === "warnRight" ? /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                    className: (0, _classnames.default)("advanced-tags__warn-text", "advanced-tags__warn-text--warnRight", {
+                        "advanced-tags__warn-text--warnRight--to-top": toTop
+                    }),
+                    children: warnRightMsg
+                }) : null
+            ]
+        });
+    };
+    const renderWithEntityAndCounterTag = ()=>{
+        var _entityAndCounter_counter;
+        const isNullcounter = (entityAndCounter === null || entityAndCounter === void 0 ? void 0 : (_entityAndCounter_counter = entityAndCounter.counter) === null || _entityAndCounter_counter === void 0 ? void 0 : _entityAndCounter_counter.toString()) === "0";
+        return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+            "data-testid": testId,
+            className: advancedTagClass,
+            ref: hintRef,
+            children: [
+                isNullcounter && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                    "data-testid": `${testId}-left`,
+                    className: "advanced-tags--warning-icon-wrapper",
+                    onMouseEnter: ()=>onWarningClick("warnLeft"),
+                    onMouseLeave: ()=>setIsOpen(false),
+                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.AlertTriangle, {
+                        width: 16,
+                        height: 16,
+                        className: "advanced-tags--warning-icon mr5"
+                    })
+                }),
+                isOpen && (entityAndCounter === null || entityAndCounter === void 0 ? void 0 : entityAndCounter.nullCounterMessage) && clickedWarning === "warnLeft" ? /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                    className: (0, _classnames.default)("advanced-tags__warn-text advanced-tags__warn-text--warnLeft", {
+                        "advanced-tags__warn-text--warnLeft--to-top": toTop
+                    }),
+                    children: entityAndCounter === null || entityAndCounter === void 0 ? void 0 : entityAndCounter.nullCounterMessage
+                }) : null,
+                (entityAndCounter === null || entityAndCounter === void 0 ? void 0 : entityAndCounter.title) && /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                    className: "mr5",
+                    children: entityAndCounter === null || entityAndCounter === void 0 ? void 0 : entityAndCounter.title
+                }),
+                /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                    className: `advanced-tags__counter ${isNullcounter ? "advanced-tags__counter--null" : "advanced-tags__counter--bold"}`,
+                    children: entityAndCounter === null || entityAndCounter === void 0 ? void 0 : entityAndCounter.counter
+                })
+            ]
+        });
+    };
+    return !isEntityAndCounter ? renderClassicTag() : renderWithEntityAndCounterTag();
+};
+const _default = AdvTag;
+
+//# sourceMappingURL=AdvTag.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/AdvancedTag/AdvTag.js"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\n\nimport cn from \"classnames\";\nimport { AlertTriangle } from \"react-feather\";\n\nimport \"./AdvancedTags.scss\";\n\nconst AdvTag = ({ item, className, testId = \"adv-tag\", toTop = true }) => {\n  if (!item) return null;\n\n  const {\n    labelLeft,\n    labelRight,\n    active = 0,\n    pause = 0,\n    merchants,\n    warnLeft,\n    warnLeftMsg,\n    warnRightMsg,\n    isEntityAndCounter = false,\n    entityAndCounter = {\n      nullCounterMessage: \"\",\n      title: \"\",\n      counter: null,\n    },\n  } = item;\n\n  const [isOpen, setIsOpen] = useState(false);\n  const [clickedWarning, setClickedWarning] = useState(\"\");\n  const hintRef = useRef(null);\n\n  const activeNumberClass = cn(\n    \"strong\",\n    { \"color--pause\": active === 0 },\n    { \"color--green-haze\": active > 0 },\n  );\n  const pauseNumberClass = cn(\n    \"strong\",\n    { \"color--pause\": pause === 0 },\n    { \"color--light-red\": pause > 0 },\n  );\n\n  const isEmptyEntitys =\n    (isEntityAndCounter &&\n      (!entityAndCounter.counter || entityAndCounter.counter === 0)) ||\n    (!isEntityAndCounter && (warnLeft || !merchants));\n  const advancedTagClass = cn(\n    \"advanced-tags\",\n    { \"advanced-tags--error\": isEmptyEntitys },\n    className,\n  );\n\n  const onWarningClick = (warn) => {\n    setIsOpen(true);\n    setClickedWarning(warn);\n  };\n\n  const handleClickOutside = (event) => {\n    if (hintRef.current && !hintRef.current.contains(event.target)) {\n      setIsOpen(false);\n    }\n  };\n\n  useEffect(() => {\n    document.addEventListener(\"click\", handleClickOutside, true);\n    return () =>\n      document.removeEventListener(\"click\", handleClickOutside, true);\n  });\n\n  const renderClassicTag = () => {\n    return (\n      <div data-testid={testId} className={advancedTagClass} ref={hintRef}>\n        {warnLeft && (\n          <div\n            data-testid={`${testId}-left`}\n            className=\"advanced-tags--warning-icon-wrapper\"\n            onMouseEnter={() => onWarningClick(\"warnLeft\")}\n            onMouseLeave={() => setIsOpen(false)}\n          >\n            <AlertTriangle\n              width={16}\n              height={16}\n              className=\"advanced-tags--warning-icon mr5\"\n            />\n          </div>\n        )}\n\n        {labelLeft && <span className=\"mr5\">{labelLeft}</span>}\n        {labelRight && <span>{labelRight}</span>}\n\n        {item.type !== \"simple\" ? <span className=\"ml5 mr5\">|</span> : null}\n        {item.type !== \"simple\" ? (\n          <div className=\"df\">\n            <span className={activeNumberClass}>{active}</span>\n            <span className=\"strong color--pause\">/</span>\n            <span className={pauseNumberClass}>{pause}</span>\n          </div>\n        ) : null}\n\n        {item.type !== \"simple\" ? <span className=\"ml5 mr5\">|</span> : null}\n\n        {merchants ? (\n          <span>{merchants}</span>\n        ) : (\n          item.type !== \"simple\" && (\n            <div\n              data-testid={`${testId}-right`}\n              className=\"advanced-tags--warning-icon-wrapper\"\n              onMouseEnter={() => onWarningClick(\"warnRight\")}\n              onMouseLeave={() => setIsOpen(false)}\n            >\n              <AlertTriangle\n                width={16}\n                height={16}\n                className=\"advanced-tags--warning-icon\"\n              />\n            </div>\n          )\n        )}\n\n        {isOpen && warnLeftMsg && clickedWarning === \"warnLeft\" ? (\n          <span\n            className={cn(\n              \"advanced-tags__warn-text advanced-tags__warn-text--warnLeft\",\n              {\n                \"advanced-tags__warn-text--warnLeft--to-top\": toTop,\n              },\n            )}\n          >\n            {warnLeftMsg}\n          </span>\n        ) : null}\n\n        {isOpen && warnRightMsg && clickedWarning === \"warnRight\" ? (\n          <span\n            className={cn(\n              \"advanced-tags__warn-text\",\n              \"advanced-tags__warn-text--warnRight\",\n              {\n                \"advanced-tags__warn-text--warnRight--to-top\": toTop,\n              },\n            )}\n          >\n            {warnRightMsg}\n          </span>\n        ) : null}\n      </div>\n    );\n  };\n\n  const renderWithEntityAndCounterTag = () => {\n    const isNullcounter = entityAndCounter?.counter?.toString() === \"0\";\n\n    return (\n      <div data-testid={testId} className={advancedTagClass} ref={hintRef}>\n        {isNullcounter && (\n          <div\n            data-testid={`${testId}-left`}\n            className=\"advanced-tags--warning-icon-wrapper\"\n            onMouseEnter={() => onWarningClick(\"warnLeft\")}\n            onMouseLeave={() => setIsOpen(false)}\n          >\n            <AlertTriangle\n              width={16}\n              height={16}\n              className=\"advanced-tags--warning-icon mr5\"\n            />\n          </div>\n        )}\n\n        {isOpen &&\n        entityAndCounter?.nullCounterMessage &&\n        clickedWarning === \"warnLeft\" ? (\n          <span\n            className={cn(\n              \"advanced-tags__warn-text advanced-tags__warn-text--warnLeft\",\n              {\n                \"advanced-tags__warn-text--warnLeft--to-top\": toTop,\n              },\n            )}\n          >\n            {entityAndCounter?.nullCounterMessage}\n          </span>\n        ) : null}\n\n        {entityAndCounter?.title && (\n          <span className=\"mr5\">{entityAndCounter?.title}</span>\n        )}\n\n        <div\n          className={`advanced-tags__counter ${\n            isNullcounter\n              ? \"advanced-tags__counter--null\"\n              : \"advanced-tags__counter--bold\"\n          }`}\n        >\n          {entityAndCounter?.counter}\n        </div>\n      </div>\n    );\n  };\n  return !isEntityAndCounter\n    ? renderClassicTag()\n    : renderWithEntityAndCounterTag();\n};\n\nexport default AdvTag;\n"],"names":["AdvTag","item","className","testId","toTop","labelLeft","labelRight","active","pause","merchants","warnLeft","warnLeftMsg","warnRightMsg","isEntityAndCounter","entityAndCounter","nullCounterMessage","title","counter","isOpen","setIsOpen","useState","clickedWarning","setClickedWarning","hintRef","useRef","activeNumberClass","cn","pauseNumberClass","isEmptyEntitys","advancedTagClass","onWarningClick","warn","handleClickOutside","event","current","contains","target","useEffect","document","addEventListener","removeEventListener","renderClassicTag","div","data-testid","ref","onMouseEnter","onMouseLeave","AlertTriangle","width","height","span","type","renderWithEntityAndCounterTag","isNullcounter","toString"],"mappings":"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"}

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

@@ -0,0 +1,107 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
+const _Tag = /*#__PURE__*/ _interop_require_default(require("../Tag/Tag"));
+const _AdvTag = /*#__PURE__*/ _interop_require_default(require("./AdvTag"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(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 = {
+        __proto__: null
+    };
+    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;
+}
+const AdvancedTags = ({ items, noItemsTagLabel, className, testId = "advanced-tag-test", toTop = true })=>{
+    if ((!items || !items.length) && !noItemsTagLabel) return null;
+    if ((!items || !items.length) && noItemsTagLabel) return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Tag.default, {
+        label: noItemsTagLabel === null || noItemsTagLabel === void 0 ? void 0 : noItemsTagLabel.toString(),
+        className: (0, _classnames.default)(className, "tag-warn")
+    });
+    const [showedItems, setShowedItems] = (0, _react.useState)([
+        items[0],
+        items[1]
+    ]);
+    const [showMore, setShowMore] = (0, _react.useState)(true);
+    const onShowMoreClick = ()=>{
+        setShowedItems(showMore ? items : [
+            items[0],
+            items[1]
+        ]);
+        setShowMore(!showMore);
+        return ()=>{
+            setShowedItems([
+                items[0],
+                items[1]
+            ]);
+            setShowMore(true);
+        };
+    };
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        "data-testid": testId,
+        className: (0, _classnames.default)(className, "j4 wrap"),
+        children: [
+            showedItems === null || showedItems === void 0 ? void 0 : showedItems.map((item, index)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_AdvTag.default, {
+                    toTop: toTop,
+                    item: item,
+                    testId: `${testId}-item-${index}`
+                }, index)),
+            items.length >= 3 && /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                "data-testid": `${testId}-showMore`,
+                onClick: ()=>onShowMoreClick(),
+                className: "advanced-tags advanced-tags--showMore",
+                children: showMore ? `+${items.length - showedItems.length}` : "..."
+            })
+        ]
+    });
+};
+const _default = AdvancedTags;
+
+//# sourceMappingURL=AdvancedTags.js.map

package/dist/Atomic/UI/AdvancedTag/AdvancedTags.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/AdvancedTag/AdvancedTags.js"],"sourcesContent":["import React, { useState } from \"react\";\n\nimport cn from \"classnames\";\n\nimport Tag from \"../Tag/Tag\";\n\nimport AdvTag from \"./AdvTag\";\n\nconst AdvancedTags = ({ items, noItemsTagLabel, className, testId = \"advanced-tag-test\", toTop = true }) => {\n  if ((!items || !items.length) && !noItemsTagLabel) return null;\n\n  if ((!items || !items.length) && noItemsTagLabel)\n    return (\n      <Tag\n        label={noItemsTagLabel?.toString()}\n        className={cn(className, \"tag-warn\")}\n      />\n    );\n\n  const [showedItems, setShowedItems] = useState([items[0], items[1]]);\n  const [showMore, setShowMore] = useState(true);\n\n  const onShowMoreClick = () => {\n    setShowedItems(showMore ? items : [items[0], items[1]]);\n    setShowMore(!showMore);\n    return () => {\n      setShowedItems([items[0], items[1]]);\n      setShowMore(true);\n    };\n  };\n\n  return (\n    <div data-testid={testId} className={cn(className, \"j4 wrap\")}>\n      {showedItems?.map((item, index) => (\n        <AdvTag\n          toTop={toTop}\n          key={index}\n          item={item}\n          testId={`${testId}-item-${index}`}\n        />\n      ))}\n\n      {items.length >= 3 && (\n        <span\n          data-testid={`${testId}-showMore`}\n          onClick={() => onShowMoreClick()}\n          className=\"advanced-tags advanced-tags--showMore\"\n        >\n          {showMore ? `+${items.length - showedItems.length}` : \"...\"}\n        </span>\n      )}\n    </div>\n  );\n};\n\nexport default AdvancedTags;\n"],"names":["AdvancedTags","items","noItemsTagLabel","className","testId","toTop","length","Tag","label","toString","cn","showedItems","setShowedItems","useState","showMore","setShowMore","onShowMoreClick","div","data-testid","map","item","index","AdvTag","span","onClick"],"mappings":";;;;+BAuDA;;;eAAA;;;;+DAvDgC;mEAEjB;4DAEC;+DAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEnB,MAAMA,eAAe,CAAC,EAAEC,KAAK,EAAEC,eAAe,EAAEC,SAAS,EAAEC,SAAS,mBAAmB,EAAEC,QAAQ,IAAI,EAAE;IACrG,IAAI,AAAC,CAAA,CAACJ,SAAS,CAACA,MAAMK,MAAM,AAAD,KAAM,CAACJ,iBAAiB,OAAO;IAE1D,IAAI,AAAC,CAAA,CAACD,SAAS,CAACA,MAAMK,MAAM,AAAD,KAAMJ,iBAC/B,qBACE,qBAACK,YAAG;QACFC,KAAK,EAAEN,4BAAAA,sCAAAA,gBAAiBO,QAAQ;QAChCN,WAAWO,IAAAA,mBAAE,EAACP,WAAW;;IAI/B,MAAM,CAACQ,aAAaC,eAAe,GAAGC,IAAAA,eAAQ,EAAC;QAACZ,KAAK,CAAC,EAAE;QAAEA,KAAK,CAAC,EAAE;KAAC;IACnE,MAAM,CAACa,UAAUC,YAAY,GAAGF,IAAAA,eAAQ,EAAC;IAEzC,MAAMG,kBAAkB;QACtBJ,eAAeE,WAAWb,QAAQ;YAACA,KAAK,CAAC,EAAE;YAAEA,KAAK,CAAC,EAAE;SAAC;QACtDc,YAAY,CAACD;QACb,OAAO;YACLF,eAAe;gBAACX,KAAK,CAAC,EAAE;gBAAEA,KAAK,CAAC,EAAE;aAAC;YACnCc,YAAY;QACd;IACF;IAEA,qBACE,sBAACE;QAAIC,eAAad;QAAQD,WAAWO,IAAAA,mBAAE,EAACP,WAAW;;YAChDQ,wBAAAA,kCAAAA,YAAaQ,GAAG,CAAC,CAACC,MAAMC,sBACvB,qBAACC,eAAM;oBACLjB,OAAOA;oBAEPe,MAAMA;oBACNhB,QAAQ,GAAGA,OAAO,MAAM,EAAEiB,OAAO;mBAF5BA;YAMRpB,MAAMK,MAAM,IAAI,mBACf,qBAACiB;gBACCL,eAAa,GAAGd,OAAO,SAAS,CAAC;gBACjCoB,SAAS,IAAMR;gBACfb,WAAU;0BAETW,WAAW,CAAC,CAAC,EAAEb,MAAMK,MAAM,GAAGK,YAAYL,MAAM,EAAE,GAAG;;;;AAKhE;MAEA,WAAeN"}

package/dist/Atomic/UI/AdvancedTag/AdvancedTags.stories.js

@@ -0,0 +1,117 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    AdvancedTagTemplate: function() {
+        return AdvancedTagTemplate;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _AdvancedTags = /*#__PURE__*/ _interop_require_default(require("./AdvancedTags"));
+require("../../../../../scss/main.scss");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+global.lng = 'en';
+const _default = {
+    title: 'UI/AdvancedTags',
+    component: _AdvancedTags.default,
+    argTypes: {
+        tags: {
+            description: 'array'
+        },
+        className: {
+            description: 'string. optional'
+        }
+    }
+};
+const Template = ({ tags, emptyText })=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_AdvancedTags.default, {
+        items: tags,
+        emptyText: emptyText
+    });
+const AdvancedTagTemplate = Template.bind({});
+AdvancedTagTemplate.args = {
+    tags: [
+        {
+            noPingTree: true,
+            id: '1',
+            labelLeft: 'Home Improvement',
+            active: 1,
+            pause: 1,
+            warnLeft: true,
+            warnRight: true,
+            merchants: 0,
+            warnLeftMsg: `Lender is not included in Ping Tree by the { idustryi dustryi dustry idustry idustry idustry idustry } industry`,
+            warnRightMsg: `No Merchants for the {industry} industry`,
+            toTop: true
+        },
+        {
+            id: '3',
+            isEntityAndCounter: true,
+            entityAndCounter: {
+                nullCounterMessage: 'Lorem Ipsum is simply a dummy',
+                title: 'Home Improvement',
+                counter: 0
+            }
+        },
+        {
+            id: '155',
+            isEntityAndCounter: true,
+            entityAndCounter: {
+                nullCounterMessage: 'Lorem Ipsum is simply a dummy',
+                title: 'Home Improvement',
+                counter: 1
+            }
+        },
+        {
+            id: '3',
+            isEntityAndCounter: true,
+            entityAndCounter: {
+                nullCounterMessage: 'Lorem Ipsum is simply a dummy',
+                title: 'Home Improvement',
+                counter: 15
+            }
+        },
+        {
+            noPingTree: true,
+            id: '3',
+            labelLeft: 'Retail',
+            active: 1,
+            pause: 1,
+            merchants: 0
+        },
+        {
+            noPingTree: true,
+            id: '4',
+            labelLeft: 'Services',
+            active: 0,
+            pause: 0,
+            merchants: 0
+        },
+        {
+            noPingTree: false,
+            id: '5',
+            labelLeft: 'Other',
+            active: 0,
+            pause: 0,
+            merchants: 2
+        }
+    ],
+    className: '',
+    emptyText: 'no tags'
+};
+
+//# sourceMappingURL=AdvancedTags.stories.js.map

package/dist/Atomic/UI/AdvancedTag/AdvancedTags.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/AdvancedTag/AdvancedTags.stories.js"],"sourcesContent":["import React from 'react';\nimport AdvancedTags from './AdvancedTags';\n\nimport '../../../../../scss/main.scss';\n\nglobal.lng = 'en';\n\nexport default {\n  title: 'UI/AdvancedTags',\n  component: AdvancedTags,\n  argTypes: {\n    tags: {description: 'array'},\n    className: {description: 'string. optional'},\n  },\n};\n\nconst Template = ({tags, emptyText}) => <AdvancedTags items={tags} emptyText={emptyText} />;\n\nexport const AdvancedTagTemplate = Template.bind({});\n\nAdvancedTagTemplate.args = {\n  tags: [\n    {\n      noPingTree: true,\n      id: '1',\n      labelLeft: 'Home Improvement',\n      active: 1,\n      pause: 1,\n      warnLeft: true,\n      warnRight: true,\n      merchants: 0,\n      warnLeftMsg: `Lender is not included in Ping Tree by the { idustryi dustryi dustry idustry idustry idustry idustry } industry`,\n      warnRightMsg: `No Merchants for the {industry} industry`,\n      toTop: true,\n    },\n    {\n      id: '3',\n      isEntityAndCounter: true,\n      entityAndCounter: {\n        nullCounterMessage: 'Lorem Ipsum is simply a dummy',\n        title: 'Home Improvement',\n        counter: 0,\n      },\n    },\n    {\n      id: '155',\n      isEntityAndCounter: true,\n      entityAndCounter: {\n        nullCounterMessage: 'Lorem Ipsum is simply a dummy',\n        title: 'Home Improvement',\n        counter: 1,\n      },\n    },\n    {\n      id: '3',\n      isEntityAndCounter: true,\n      entityAndCounter: {\n        nullCounterMessage: 'Lorem Ipsum is simply a dummy',\n        title: 'Home Improvement',\n        counter: 15,\n      },\n    },\n    {\n      noPingTree: true,\n      id: '3',\n      labelLeft: 'Retail',\n      active: 1,\n      pause: 1,\n      merchants: 0,\n    },\n    {\n      noPingTree: true,\n      id: '4',\n      labelLeft: 'Services',\n      active: 0,\n      pause: 0,\n      merchants: 0,\n    },\n    {\n      noPingTree: false,\n      id: '5',\n      labelLeft: 'Other',\n      active: 0,\n      pause: 0,\n      merchants: 2,\n    },\n  ],\n  className: '',\n  emptyText: 'no tags',\n};\n"],"names":["AdvancedTagTemplate","global","lng","title","component","AdvancedTags","argTypes","tags","description","className","Template","emptyText","items","bind","args","noPingTree","id","labelLeft","active","pause","warnLeft","warnRight","merchants","warnLeftMsg","warnRightMsg","toTop","isEntityAndCounter","entityAndCounter","nullCounterMessage","counter"],"mappings":";;;;;;;;;;;IAkBaA,mBAAmB;eAAnBA;;IAXb,OAOE;eAPF;;;;8DAPkB;qEACO;QAElB;;;;;;AAEPC,OAAOC,GAAG,GAAG;MAEb,WAAe;IACbC,OAAO;IACPC,WAAWC,qBAAY;IACvBC,UAAU;QACRC,MAAM;YAACC,aAAa;QAAO;QAC3BC,WAAW;YAACD,aAAa;QAAkB;IAC7C;AACF;AAEA,MAAME,WAAW,CAAC,EAACH,IAAI,EAAEI,SAAS,EAAC,iBAAK,qBAACN,qBAAY;QAACO,OAAOL;QAAMI,WAAWA;;AAEvE,MAAMX,sBAAsBU,SAASG,IAAI,CAAC,CAAC;AAElDb,oBAAoBc,IAAI,GAAG;IACzBP,MAAM;QACJ;YACEQ,YAAY;YACZC,IAAI;YACJC,WAAW;YACXC,QAAQ;YACRC,OAAO;YACPC,UAAU;YACVC,WAAW;YACXC,WAAW;YACXC,aAAa,CAAC,+GAA+G,CAAC;YAC9HC,cAAc,CAAC,wCAAwC,CAAC;YACxDC,OAAO;QACT;QACA;YACET,IAAI;YACJU,oBAAoB;YACpBC,kBAAkB;gBAChBC,oBAAoB;gBACpBzB,OAAO;gBACP0B,SAAS;YACX;QACF;QACA;YACEb,IAAI;YACJU,oBAAoB;YACpBC,kBAAkB;gBAChBC,oBAAoB;gBACpBzB,OAAO;gBACP0B,SAAS;YACX;QACF;QACA;YACEb,IAAI;YACJU,oBAAoB;YACpBC,kBAAkB;gBAChBC,oBAAoB;gBACpBzB,OAAO;gBACP0B,SAAS;YACX;QACF;QACA;YACEd,YAAY;YACZC,IAAI;YACJC,WAAW;YACXC,QAAQ;YACRC,OAAO;YACPG,WAAW;QACb;QACA;YACEP,YAAY;YACZC,IAAI;YACJC,WAAW;YACXC,QAAQ;YACRC,OAAO;YACPG,WAAW;QACb;QACA;YACEP,YAAY;YACZC,IAAI;YACJC,WAAW;YACXC,QAAQ;YACRC,OAAO;YACPG,WAAW;QACb;KACD;IACDb,WAAW;IACXE,WAAW;AACb"}

package/dist/Atomic/UI/Alert/Alert.js

@@ -0,0 +1,148 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
+const _reactfeather = require("react-feather");
+const _Spinner = /*#__PURE__*/ _interop_require_default(require("../../Layout/Spinner/Spinner"));
+const _Button = /*#__PURE__*/ _interop_require_default(require("../Button/Button"));
+const _DynamicIcon = /*#__PURE__*/ _interop_require_default(require("../DynamicIcon/DynamicIcon"));
+require("./Alert.scss");
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(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 = {
+        __proto__: null
+    };
+    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 _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+const Alert = ({ message, icon, iconDynamicKey, iconDynamicProps, className, children, noDismiss, testId = "alert", isHidden = false, variant = "warning", isLoading, buttonParams })=>{
+    const [onClose, setOnClose] = (0, _react.useState)(false);
+    const DynamicIconComponent = iconDynamicKey && !icon ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_DynamicIcon.default, _object_spread({
+        iconKey: iconDynamicKey
+    }, iconDynamicProps)) : null;
+    function renderActionsBlock() {
+        if (buttonParams) return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+            className: "j6 alert__btns-box",
+            children: [
+                /*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, _object_spread({}, buttonParams)),
+                !noDismiss && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                    className: "alert__close-btn",
+                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.X, {
+                        "data-testid": `${testId}-close`,
+                        onClick: ()=>setOnClose(!onClose)
+                    })
+                })
+            ]
+        });
+        if (!noDismiss) return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+            className: "alert__close-btn",
+            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.X, {
+                "data-testid": `${testId}-close`,
+                onClick: ()=>setOnClose(!onClose)
+            })
+        });
+        return null;
+    }
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        "data-testid": testId,
+        className: (0, _classnames.default)(className, {
+            hidden: onClose
+        }, `alert alert--${variant}`, {
+            hidden: isHidden,
+            "alert--loading": isLoading
+        }),
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                className: "alert__icon-text-box j4",
+                children: [
+                    DynamicIconComponent !== null && DynamicIconComponent !== void 0 ? DynamicIconComponent : icon,
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                        children: children || message
+                    })
+                ]
+            }),
+            renderActionsBlock(),
+            isLoading && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Spinner.default, {
+                size: "small"
+            })
+        ]
+    });
+};
+const _default = Alert;
+
+//# sourceMappingURL=Alert.js.map

package/dist/Atomic/UI/Alert/Alert.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/Alert/Alert.js"],"sourcesContent":["import React, { useState } from \"react\";\n\nimport cn from \"classnames\";\nimport { X } from \"react-feather\";\n\nimport Spinner from \"../../Layout/Spinner/Spinner\";\nimport Button from \"../Button/Button\";\nimport DynamicIcon from \"../DynamicIcon/DynamicIcon\";\n\nimport \"./Alert.scss\";\n\nconst Alert = ({\n  message,\n  icon,\n  iconDynamicKey,\n  iconDynamicProps,\n  className,\n  children,\n  noDismiss,\n  testId = \"alert\",\n  isHidden = false,\n  variant = \"warning\",\n  isLoading,\n  buttonParams,\n}) => {\n  const [onClose, setOnClose] = useState(false);\n\n  const DynamicIconComponent =\n    iconDynamicKey && !icon ? (\n      <DynamicIcon iconKey={iconDynamicKey} {...iconDynamicProps} />\n    ) : null;\n\n  function renderActionsBlock() {\n    if (buttonParams)\n      return (\n        <div className=\"j6 alert__btns-box\">\n          <Button {...buttonParams} />\n          {!noDismiss && (\n            <div className=\"alert__close-btn\">\n              <X data-testid={`${testId}-close`} onClick={() => setOnClose(!onClose)} />\n            </div>\n          )}\n        </div>\n      );\n    if (!noDismiss)\n      return (\n        <div className=\"alert__close-btn\">\n          <X data-testid={`${testId}-close`} onClick={() => setOnClose(!onClose)} />\n        </div>\n      );\n    return null;\n  }\n\n  return (\n    <div\n      data-testid={testId}\n      className={cn(className, { hidden: onClose }, `alert alert--${variant}`, {\n        hidden: isHidden,\n        \"alert--loading\": isLoading,\n      })}\n    >\n      <div className=\"alert__icon-text-box j4\">\n        {DynamicIconComponent ?? icon}\n        <div>{children || message}</div>\n      </div>\n      {renderActionsBlock()}\n      {isLoading && <Spinner size=\"small\" />}\n    </div>\n  );\n};\n\nexport default Alert;\n"],"names":["Alert","message","icon","iconDynamicKey","iconDynamicProps","className","children","noDismiss","testId","isHidden","variant","isLoading","buttonParams","onClose","setOnClose","useState","DynamicIconComponent","DynamicIcon","iconKey","renderActionsBlock","div","Button","X","data-testid","onClick","cn","hidden","Spinner","size"],"mappings":";;;;+BAuEA;;;eAAA;;;;+DAvEgC;mEAEjB;8BACG;gEAEE;+DACD;oEACK;QAEjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEP,MAAMA,QAAQ,CAAC,EACbC,OAAO,EACPC,IAAI,EACJC,cAAc,EACdC,gBAAgB,EAChBC,SAAS,EACTC,QAAQ,EACRC,SAAS,EACTC,SAAS,OAAO,EAChBC,WAAW,KAAK,EAChBC,UAAU,SAAS,EACnBC,SAAS,EACTC,YAAY,EACb;IACC,MAAM,CAACC,SAASC,WAAW,GAAGC,IAAAA,eAAQ,EAAC;IAEvC,MAAMC,uBACJb,kBAAkB,CAACD,qBACjB,qBAACe,oBAAW;QAACC,SAASf;OAAoBC,qBACxC;IAEN,SAASe;QACP,IAAIP,cACF,qBACE,sBAACQ;YAAIf,WAAU;;8BACb,qBAACgB,eAAM,qBAAKT;gBACX,CAACL,2BACA,qBAACa;oBAAIf,WAAU;8BACb,cAAA,qBAACiB,eAAC;wBAACC,eAAa,GAAGf,OAAO,MAAM,CAAC;wBAAEgB,SAAS,IAAMV,WAAW,CAACD;;;;;QAKxE,IAAI,CAACN,WACH,qBACE,qBAACa;YAAIf,WAAU;sBACb,cAAA,qBAACiB,eAAC;gBAACC,eAAa,GAAGf,OAAO,MAAM,CAAC;gBAAEgB,SAAS,IAAMV,WAAW,CAACD;;;QAGpE,OAAO;IACT;IAEA,qBACE,sBAACO;QACCG,eAAaf;QACbH,WAAWoB,IAAAA,mBAAE,EAACpB,WAAW;YAAEqB,QAAQb;QAAQ,GAAG,CAAC,aAAa,EAAEH,SAAS,EAAE;YACvEgB,QAAQjB;YACR,kBAAkBE;QACpB;;0BAEA,sBAACS;gBAAIf,WAAU;;oBACZW,iCAAAA,kCAAAA,uBAAwBd;kCACzB,qBAACkB;kCAAKd,YAAYL;;;;YAEnBkB;YACAR,2BAAa,qBAACgB,gBAAO;gBAACC,MAAK;;;;AAGlC;MAEA,WAAe5B"}