intelicoreact 1.5.32 → 1.5.34

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

@@ -0,0 +1,214 @@
+"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;

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

@@ -0,0 +1,105 @@
+"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;

package/dist/src/Atomic/UI/AdvancedTag/AdvancedTags.scss

@@ -0,0 +1,144 @@
+.advanced-tags {
+  position: relative;
+
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+
+  height: 24px;
+  margin-top: 2.5px;
+  margin-right: 4px;
+  margin-bottom: 2.5px;
+  padding: 2px 8px;
+
+  font-size: 10px;
+
+  border-radius: 2px;
+  background-color: #e2e5ec;
+
+  &--error {
+    background-color: #fce2e8;
+  }
+
+  &--warning-icon {
+    min-width: 16px;
+    min-height: 16px;
+
+    font-size: 17px;
+
+    color: #f06d8d;
+  }
+
+  &--warning-icon-wrapper {
+    display: flex;
+
+    cursor: pointer;
+  }
+
+  &__warn-text {
+    position: absolute;
+    z-index: 2;
+
+    min-width: 80px;
+    max-width: 270px;
+    padding: 8px;
+
+    font-size: 10px;
+    line-height: 16px;
+
+    color: #fff;
+    border-radius: 4px;
+    background-color: #6b81dd;
+
+    &::before {
+      position: absolute;
+
+      width: 8.5px;
+      height: 8.5px;
+
+      content: '';
+
+      background-color: #6b81dd;
+
+      transform: rotate(45deg);
+    }
+
+    &--warnLeft {
+      top: 30px;
+      left: 4px;
+
+      &::before {
+        top: -4px;
+        left: 8px;
+      }
+
+      &--to-top {
+        top: -50px;
+      }
+    }
+
+    &--warnRight {
+      top: 30px;
+
+      &::before {
+        top: -4px;
+        right: 10px;
+      }
+
+      &--to-top {
+        top: -50px;
+      }
+    }
+  }
+
+  &--showMore {
+    cursor: pointer;
+    user-select: none;
+
+    background-color: #ffedc8;
+  }
+
+  &__counter {
+    position: relative;
+
+    width: fit-content;
+    margin-right: -8px;
+    padding: 0 8px;
+
+    text-align: center;
+
+    &::after {
+      position: absolute;
+      top: -4px;
+      left: 0;
+
+      width: 2px;
+      height: 27px;
+
+      content: '';
+
+      opacity: 0.2;
+      background-color: #9aa0b9;
+    }
+
+    &--null {
+      opacity: 0.7;
+      color: #9aa0b9;
+    }
+
+    &--bold {
+      font-family: Roboto, sans-serif;
+      font-size: 11px;
+      font-weight: 700;
+
+      color: #1e1e2d;
+    }
+  }
+
+  svg {
+    min-width: 16px;
+    max-width: 16px;
+    min-height: 16px;
+    max-height: 16px;
+  }
+}

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

@@ -0,0 +1,115 @@
+"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'
+};

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

@@ -0,0 +1,121 @@
+"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 _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 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, {
+        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, {
+                    ...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;