@fast-simon/dashboard-utilities 1.0.35 → 1.0.37

package/dist/components/ProductLabel/ProductLabel.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { ProductLabelType } from "../../@types/productLabel";
+export interface Props {
+    position?: number;
+    label?: ProductLabelType;
+    isUnpublished?: boolean;
+    onlyUnpublished?: boolean;
+    sellable?: boolean;
+}
+declare const ProductLabel: React.FC<Props>;
+export default ProductLabel;

package/dist/components/ProductLabel/ProductLabel.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import classes from './styles.module.css';
+import { labelToColorDict } from "./utils";
+const ProductLabel = ({ position, label, isUnpublished, onlyUnpublished, sellable }) => {
+    return (_jsxs("div", Object.assign({ className: classes.productLabelContainer }, { children: [_jsxs("div", Object.assign({ className: classes.badgesContainer }, { children: [!onlyUnpublished && label &&
+                        _jsx("div", Object.assign({ className: classes.labelText, style: { backgroundColor: labelToColorDict[label], color: "white" } }, { children: label })), isUnpublished &&
+                        _jsx("div", Object.assign({ className: classes.labelText, style: { backgroundColor: labelToColorDict['Unpublished'], color: "white", marginTop: "2px" } }, { children: "Unpublished" })), !sellable && !isUnpublished &&
+                        _jsx("div", Object.assign({ className: classes.labelText, style: { backgroundColor: 'black', color: "white", marginTop: "2px" } }, { children: "Out of Stock" }))] })), !onlyUnpublished && position !== undefined && (_jsx("div", Object.assign({ className: classes.productPosition }, { children: position })))] })));
+};
+export default ProductLabel;
+//# sourceMappingURL=ProductLabel.js.map

package/dist/components/ProductLabel/ProductLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductLabel.js","sourceRoot":"","sources":["../../../src/components/ProductLabel/ProductLabel.tsx"],"names":[],"mappings":";AACA,OAAO,OAAO,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAC,gBAAgB,EAAC,MAAM,SAAS,CAAC;AAYzC,MAAM,YAAY,GAAoB,CAAC,EAAC,QAAQ,EAAE,KAAK,EAAE,aAAa,EAAE,eAAe,EAAE,QAAQ,EAAC,EAAE,EAAE;IAClG,OAAO,CACH,6BAAK,SAAS,EAAE,OAAO,CAAC,qBAAqB,iBACzC,6BAAK,SAAS,EAAE,OAAO,CAAC,eAAe,iBAClC,CAAC,eAAe,IAAI,KAAK;wBACtB,4BAAK,SAAS,EAAE,OAAO,CAAC,SAAS,EAAE,KAAK,EAAE,EAAC,eAAe,EAAE,gBAAgB,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,OAAO,EAAC,gBAC/F,KAAK,IACJ,EAET,aAAa;wBACV,4BAAK,SAAS,EAAE,OAAO,CAAC,SAAS,EAAE,KAAK,EAAE,EAAC,eAAe,EAAE,gBAAgB,CAAC,aAAa,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,EAAC,iCAExH,EAET,CAAC,QAAQ,IAAI,CAAC,aAAa;wBACxB,4BAAK,SAAS,EAAE,OAAO,CAAC,SAAS,EAAE,KAAK,EAAE,EAAC,eAAe,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,EAAC,kCAEhG,KAER,EACL,CAAC,eAAe,IAAI,QAAQ,KAAK,SAAS,IAAI,CAC3C,4BAAK,SAAS,EAAE,OAAO,CAAC,eAAe,gBAAG,QAAQ,IAAO,CAC5D,KAEC,CACT,CAAC;AACN,CAAC,CAAA;AACD,eAAe,YAAY,CAAC","sourcesContent":["import React from 'react';\r\nimport classes from './styles.module.css';\r\nimport {labelToColorDict} from \"./utils\";\r\nimport {ProductLabelType} from \"../../@types/productLabel\";\r\n\r\nexport interface Props {\r\n    position?: number;\r\n    label?: ProductLabelType;\r\n    isUnpublished?: boolean;\r\n\r\n    onlyUnpublished?: boolean;\r\n    sellable?: boolean;\r\n}\r\n\r\nconst ProductLabel: React.FC<Props> = ({position, label, isUnpublished, onlyUnpublished, sellable}) => {\r\n    return (\r\n        <div className={classes.productLabelContainer}>\r\n            <div className={classes.badgesContainer}>\r\n                {!onlyUnpublished && label &&\r\n                    <div className={classes.labelText} style={{backgroundColor: labelToColorDict[label], color: \"white\"}}>\r\n                        {label}\r\n                    </div>\r\n                }\r\n                {isUnpublished &&\r\n                    <div className={classes.labelText} style={{backgroundColor: labelToColorDict['Unpublished'], color: \"white\", marginTop: \"2px\"}}>\r\n                        Unpublished\r\n                    </div>\r\n                }\r\n                {!sellable && !isUnpublished &&\r\n                    <div className={classes.labelText} style={{backgroundColor: 'black', color: \"white\", marginTop: \"2px\"}}>\r\n                        Out of Stock\r\n                    </div>\r\n                }\r\n            </div>\r\n            {!onlyUnpublished && position !== undefined && (\r\n                <div className={classes.productPosition}>{position}</div>\r\n            )}\r\n\r\n        </div>\r\n    );\r\n}\r\nexport default ProductLabel;\r\n"]}

package/dist/components/ProductLabel/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./ProductLabel";

package/dist/components/ProductLabel/index.js

@@ -0,0 +1,2 @@
+export { default } from "./ProductLabel";
+//# sourceMappingURL=index.js.map

package/dist/components/ProductLabel/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ProductLabel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC","sourcesContent":["export { default } from \"./ProductLabel\";\r\n"]}

package/dist/components/ProductLabel/styles.module.css

@@ -0,0 +1,42 @@
+.productLabelContainer {
+    width: inherit;
+    font-size: 12px;
+    display: flex;
+    align-items: center;
+    flex-direction: row;
+    position: absolute;
+    justify-content: space-between;
+    top: 6px;
+}
+
+.productPosition {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-right: 6px;
+    padding: 5px 5px;
+    border-radius: 50px;
+    border: 1px solid #00000017;
+    background-color: #ffffffc9;
+    min-width: 16px;
+    min-height: 16px;
+    width: fit-content;
+    height: fit-content;
+}
+
+.productLabelContainerWithText {
+    color: white;
+}
+
+.labelText {
+    display: flex;
+    justify-content: center;
+    padding: 4px 4px;
+    border-radius: 0 4px 4px 0;
+}
+
+.badgesContainer {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+}

package/dist/components/ProductLabel/utils.d.ts

@@ -0,0 +1,8 @@
+export declare const labelToColorDict: {
+    Promoted: string;
+    Selected: string;
+    Pinned: string;
+    Buried: string;
+    Hidden: string;
+    Unpublished: string;
+};

package/dist/components/ProductLabel/utils.js

@@ -0,0 +1,9 @@
+export const labelToColorDict = {
+    'Promoted': '#008847',
+    'Selected': '#008847',
+    'Pinned': '#0093E5',
+    'Buried': '#EA0C19',
+    'Hidden': '#EA0C19',
+    'Unpublished': '#880000d1'
+};
+//# sourceMappingURL=utils.js.map

package/dist/components/ProductLabel/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/components/ProductLabel/utils.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC5B,UAAU,EAAE,SAAS;IACrB,UAAU,EAAE,SAAS;IACrB,QAAQ,EAAE,SAAS;IACnB,QAAQ,EAAE,SAAS;IACnB,QAAQ,EAAE,SAAS;IACnB,aAAa,EAAE,WAAW;CAC7B,CAAA","sourcesContent":["export const labelToColorDict = {\r\n    'Promoted': '#008847',\r\n    'Selected': '#008847',\r\n    'Pinned': '#0093E5',\r\n    'Buried': '#EA0C19',\r\n    'Hidden': '#EA0C19',\r\n    'Unpublished': '#880000d1'\r\n}"]}

package/dist/components/SelectCard/SelectCard.d.ts

@@ -0,0 +1,5 @@
+interface SelectCardProps {
+    numSelected: number;
+}
+declare const SelectCard: ({ numSelected }: SelectCardProps) => import("react/jsx-runtime").JSX.Element;
+export default SelectCard;

package/dist/components/SelectCard/SelectCard.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import classes from "./styles.module.css";
+const SelectCard = ({ numSelected }) => {
+    return (_jsx("div", Object.assign({ className: classes.selectCardContainer }, { children: _jsx("div", Object.assign({ className: classes.selectCardText }, { children: numSelected })) })));
+};
+export default SelectCard;
+//# sourceMappingURL=SelectCard.js.map

package/dist/components/SelectCard/SelectCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectCard.js","sourceRoot":"","sources":["../../../src/components/SelectCard/SelectCard.tsx"],"names":[],"mappings":";AAAA,OAAO,OAAO,MAAM,qBAAqB,CAAC;AAM1C,MAAM,UAAU,GAAG,CAAC,EAAE,WAAW,EAAmB,EAAE,EAAE;IACtD,OAAO,CACL,4BAAK,SAAS,EAAE,OAAO,CAAC,mBAAmB,gBACzC,4BAAK,SAAS,EAAE,OAAO,CAAC,cAAc,gBAAG,WAAW,IAAO,IACvD,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC","sourcesContent":["import classes from \"./styles.module.css\";\r\n\r\ninterface SelectCardProps {\r\n  numSelected: number;\r\n}\r\n\r\nconst SelectCard = ({ numSelected }: SelectCardProps) => {\r\n  return (\r\n    <div className={classes.selectCardContainer}>\r\n      <div className={classes.selectCardText}>{numSelected}</div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default SelectCard;\r\n"]}

package/dist/components/SelectCard/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./SelectCard";

package/dist/components/SelectCard/index.js

@@ -0,0 +1,2 @@
+export { default } from "./SelectCard";
+//# sourceMappingURL=index.js.map

package/dist/components/SelectCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/SelectCard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC","sourcesContent":["export { default } from \"./SelectCard\";\r\n"]}

package/dist/components/SelectCard/styles.module.css

@@ -0,0 +1,21 @@
+.selectCardContainer {
+    width: 100%;
+    height: 100%;
+    position: relative;
+    background: rgba(255, 255, 255, 0.8);
+    backdrop-filter: blur(10px);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-direction: column;
+    border: 2px solid #ebebeb;
+    border-radius: 6px;
+    transition: border ease-in-out 150ms;
+    cursor: pointer;
+}
+
+.selectCardText {
+    font-size: 48px;
+    font-weight: 900;
+    text-align: center;
+}

package/dist/components/productGrid/styles.module.css

@@ -9,11 +9,11 @@
     grid-auto-rows: auto;
     align-items: stretch;
     overflow-anchor: none;
-    overflow: hidden;
     width: 100%;
     position: relative;
     cursor: crosshair;
     margin: auto;
+    margin-bottom: 60px;
 }
 .margin{
     grid-column-gap: 40px!important;

package/dist/dashboard/dashboard-client/src/components/Button/Button.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+export interface Classes {
+    wrapper?: string;
+    button?: string;
+    label?: string;
+}
+export type ButtonVariant = 'primary' | 'secondary' | 'outlined' | 'link' | 'text' | 'plain';
+export interface ButtonProps {
+    text?: React.ReactNode;
+    type?: 'button' | 'submit' | 'reset' | undefined;
+    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => any;
+    variant?: ButtonVariant;
+    className?: string;
+    disabled?: boolean;
+    isLoading?: boolean;
+    loadingIconInsideButton?: boolean;
+    isUploadFailed?: boolean;
+    showSuccess?: boolean;
+    actionMessage?: string;
+    actionMessagePosition?: 'bottom' | 'right';
+    innerClasses?: Classes;
+    icon?: React.ReactNode;
+    iconName?: string;
+    iconClassName?: string;
+    innerClassName?: string;
+    style?: React.CSSProperties;
+    id?: string;
+    tooltipText?: string;
+    isEnableToViewer?: boolean;
+    color?: 'red';
+}
+declare const Button: React.FC<ButtonProps>;
+export default Button;

package/dist/dashboard/dashboard-client/src/components/Button/Button.js

@@ -0,0 +1,56 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import classNames from "classnames";
+import classes from './styles.module.css';
+import SmallLoader from "../SmallLoader";
+import Icon from 'components/Icons/Icon';
+import TextWithMaterialTooltip from "../TextWithMaterialTooltip";
+import { selectIsViewer, selectIsViewerOverCapacity, setIsOverCapacityDialogOpen } from "../../store/site/siteSlice";
+import { useDispatch, useSelector } from "react-redux";
+const Button = (props) => {
+    const { type, children, text, icon, iconName, iconClassName, onClick, variant = 'primary', disabled, isLoading, loadingIconInsideButton, isUploadFailed, showSuccess = true, actionMessage = '', actionMessagePosition = 'right', className, innerClassName, innerClasses, tooltipText, isEnableToViewer, color = '' } = props;
+    const dispatch = useDispatch();
+    const [buttonLoading, setButtonLoading] = useState(isLoading);
+    const [isSuccess, setSuccess] = useState(false);
+    const isViewer = useSelector(selectIsViewer);
+    const isViewerOverCapacity = useSelector(selectIsViewerOverCapacity);
+    const defaultErrorMsg = "⚠ An error occurred, please try again later...";
+    const errorMsg = (_jsx(_Fragment, { children: isUploadFailed &&
+            _jsx("span", Object.assign({ className: classes.failed }, { children: typeof (actionMessage) !== "undefined" ? actionMessage : defaultErrorMsg })) }));
+    useEffect(() => {
+        let timeout = null;
+        if (buttonLoading && !isLoading && !isUploadFailed) {
+            setSuccess(true);
+            timeout = setTimeout(() => setSuccess(false), 2000);
+        }
+        else if (isUploadFailed) {
+            setSuccess(false);
+        }
+        setButtonLoading(isLoading);
+        return () => {
+            if (timeout === null) {
+                return;
+            }
+            clearTimeout(timeout);
+        };
+    }, [buttonLoading, isLoading, isUploadFailed]);
+    const handleButtonClick = (event) => {
+        if (isViewerOverCapacity && !isEnableToViewer) {
+            dispatch(setIsOverCapacityDialogOpen(true));
+        }
+        else {
+            if (onClick) {
+                onClick(event);
+            }
+        }
+    };
+    return (_jsxs(_Fragment, { children: [_jsxs("div", Object.assign({ className: classNames(classes.buttonContainer, className, innerClasses === null || innerClasses === void 0 ? void 0 : innerClasses.wrapper), style: props.style }, { children: [_jsx("button", Object.assign({ type: type, onClick: handleButtonClick, disabled: (disabled && !isViewerOverCapacity) ||
+                            isLoading ||
+                            (isViewer && !isEnableToViewer && !isViewerOverCapacity), className: classNames(classes.ispButton, classes[variant], innerClassName, innerClasses === null || innerClasses === void 0 ? void 0 : innerClasses.button, classes[color], { [classes.overCapacity]: isViewerOverCapacity && !isEnableToViewer }), id: props.id }, { children: loadingIconInsideButton && isLoading ? _jsx(SmallLoader, { className: classes.insideLoader }) :
+                            _jsxs("span", Object.assign({ className: classNames(classes.buttonIconContainer, innerClasses === null || innerClasses === void 0 ? void 0 : innerClasses.label) }, { children: [icon || (iconName && _jsx(Icon, { name: iconName, className: classNames(classes.icon, classes[`icon-${variant}`], iconClassName) })), children || text] })) })), tooltipText &&
+                        _jsx(TextWithMaterialTooltip, { tooltipText: tooltipText, iconClass: classes.tooltipIcon }), !loadingIconInsideButton && isLoading && _jsx(SmallLoader, { className: classes.loader }), isSuccess && !isLoading && showSuccess ? _jsx("span", Object.assign({ className: classes.checked }, { children: "\u2713" })) : null, actionMessagePosition === 'right' &&
+                        _jsx("div", Object.assign({ className: classes.actionMessageRight }, { children: errorMsg }))] })), actionMessagePosition === 'bottom' &&
+                _jsx("div", Object.assign({ className: classes.actionMessageBottom }, { children: errorMsg }))] }));
+};
+export default Button;
+//# sourceMappingURL=Button.js.map

package/dist/dashboard/dashboard-client/src/components/Button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../../../../../dashboard/dashboard-client/src/components/Button/Button.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, {ReactElement, useEffect, useState} from 'react';\r\nimport classNames from \"classnames\";\r\n\r\nimport classes from './styles.module.css';\r\nimport SmallLoader from \"../SmallLoader\";\r\nimport Icon from 'components/Icons/Icon';\r\nimport TextWithMaterialTooltip from \"../TextWithMaterialTooltip\";\r\nimport {\r\n    selectIsViewer,\r\n    selectIsViewerOverCapacity,\r\n    setIsOverCapacityDialogOpen\r\n} from \"../../store/site/siteSlice\";\r\nimport {useDispatch, useSelector} from \"react-redux\";\r\n\r\nexport interface Classes {\r\n    wrapper?: string\r\n    button?: string\r\n    label?: string\r\n}\r\n\r\nexport type ButtonVariant = 'primary' | 'secondary' | 'outlined' | 'link' | 'text' | 'plain';\r\n\r\nexport interface ButtonProps {\r\n    text?: React.ReactNode\r\n    type?: 'button' | 'submit' | 'reset' | undefined\r\n    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => any\r\n    variant?: ButtonVariant\r\n    className?: string\r\n    disabled?: boolean\r\n    isLoading?: boolean\r\n    loadingIconInsideButton?: boolean\r\n    isUploadFailed?: boolean\r\n    showSuccess?: boolean\r\n    actionMessage?: string\r\n    actionMessagePosition?: 'bottom' | 'right'\r\n    innerClasses?: Classes\r\n    icon?: React.ReactNode\r\n    iconName?: string\r\n    iconClassName?: string\r\n    innerClassName?: string\r\n    style?: React.CSSProperties\r\n    id?: string\r\n    tooltipText?: string\r\n    isEnableToViewer?: boolean\r\n    color?: 'red'\r\n}\r\n\r\nconst Button: React.FC<ButtonProps> = (props) => {\r\n    const {\r\n        type,\r\n        children,\r\n        text,\r\n        icon,\r\n        iconName,\r\n        iconClassName,\r\n        onClick,\r\n        variant = 'primary',\r\n        disabled,\r\n        isLoading,\r\n        loadingIconInsideButton,\r\n        isUploadFailed,\r\n        showSuccess = true,\r\n        actionMessage = '',\r\n        actionMessagePosition = 'right',\r\n        className,\r\n        innerClassName,\r\n        innerClasses,\r\n        tooltipText,\r\n        isEnableToViewer,\r\n        color = ''\r\n    } = props;\r\n\r\n    const dispatch = useDispatch();\r\n\r\n    const [buttonLoading, setButtonLoading] = useState(isLoading);\r\n    const [isSuccess, setSuccess] = useState(false);\r\n\r\n    const isViewer = useSelector(selectIsViewer);\r\n    const isViewerOverCapacity = useSelector(selectIsViewerOverCapacity);\r\n\r\n    const defaultErrorMsg = \"⚠ An error occurred, please try again later...\";\r\n\r\n    const errorMsg: ReactElement = ( <>\r\n        {isUploadFailed &&\r\n            <span className={classes.failed}>\r\n                {typeof (actionMessage) !== \"undefined\" ? actionMessage : defaultErrorMsg}\r\n            </span>\r\n        }\r\n     </>);\r\n\r\n    useEffect(() => {\r\n        let timeout: null | ReturnType<typeof setTimeout> = null;\r\n\r\n        if (buttonLoading && !isLoading && !isUploadFailed) {\r\n            setSuccess(true);\r\n            timeout = setTimeout(() => setSuccess(false), 2000);\r\n        }\r\n        else if (isUploadFailed) {\r\n            setSuccess(false);\r\n        }\r\n\r\n        setButtonLoading(isLoading);\r\n\r\n        return () => {\r\n            if (timeout === null) {\r\n                return;\r\n            }\r\n\r\n            clearTimeout(timeout);\r\n        }\r\n\r\n    }, [buttonLoading, isLoading, isUploadFailed]);\r\n\r\n    const handleButtonClick = (event: React.MouseEvent<HTMLButtonElement>) => {\r\n        if (isViewerOverCapacity && !isEnableToViewer) {\r\n            dispatch(setIsOverCapacityDialogOpen(true));\r\n        }\r\n        else {\r\n            if (onClick) {\r\n                onClick(event);\r\n            }\r\n        }\r\n    };\r\n\r\n    return ( <>\r\n        <div className={classNames(classes.buttonContainer, className, innerClasses?.wrapper)} style={props.style}>\r\n            <button\r\n                type={type}\r\n                onClick={handleButtonClick}\r\n                disabled={(disabled && !isViewerOverCapacity) ||\r\n                         isLoading ||\r\n                         (isViewer && !isEnableToViewer && !isViewerOverCapacity)}\r\n                className={classNames(classes.ispButton,\r\n                           classes[variant],\r\n                           innerClassName,\r\n                           innerClasses?.button,\r\n                           classes[color],\r\n                           {[classes.overCapacity]: isViewerOverCapacity && !isEnableToViewer})}\r\n                id={props.id}\r\n            >\r\n                {loadingIconInsideButton && isLoading ? <SmallLoader className={classes.insideLoader}/> :\r\n                    <span className={classNames(classes.buttonIconContainer, innerClasses?.label)}>\r\n                    {icon || (iconName && <Icon name={iconName}\r\n                                                className={classNames(classes.icon, classes[`icon-${variant}`], iconClassName)}/>)}\r\n                        {children || text}\r\n                  </span>\r\n                }\r\n            </button>\r\n\r\n            {tooltipText &&\r\n            <TextWithMaterialTooltip tooltipText={tooltipText} iconClass={classes.tooltipIcon}/>}\r\n\r\n            {!loadingIconInsideButton && isLoading && <SmallLoader className={classes.loader}/>}\r\n            {isSuccess && !isLoading && showSuccess ? <span className={classes.checked}>✓</span> : null}\r\n\r\n            {actionMessagePosition === 'right' &&\r\n            <div className={classes.actionMessageRight}>{errorMsg}</div>}\r\n        </div>\r\n\r\n        {actionMessagePosition === 'bottom' &&\r\n        <div className={classes.actionMessageBottom} >{errorMsg}</div>}\r\n    </> );\r\n};\r\n\r\nexport default Button;\r\n"]}

package/dist/dashboard/dashboard-client/src/components/Button/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./Button";

package/dist/dashboard/dashboard-client/src/components/Button/index.js

@@ -0,0 +1,2 @@
+export { default } from "./Button";
+//# sourceMappingURL=index.js.map

package/dist/dashboard/dashboard-client/src/components/Button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../dashboard/dashboard-client/src/components/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAC,MAAM,UAAU,CAAC","sourcesContent":["export {default} from \"./Button\";\r\n"]}

package/dist/dashboard/dashboard-client/src/components/CategorySelector/CategorySelector.d.ts

@@ -0,0 +1,30 @@
+import React from "react";
+interface CustomClasses {
+    select?: string;
+    wrapper?: string;
+    errorMessage?: string;
+}
+interface Props {
+    values: string[];
+    placeholder?: string;
+    isSearchable?: boolean;
+    customClasses?: CustomClasses;
+    disabled?: boolean;
+    onChange: (values: string[]) => void;
+    onKeyDown?: (event: React.KeyboardEvent) => void;
+    minOptions?: number;
+    showWarnings?: boolean;
+    notAllowed?: illegalValues;
+    disabledCategories?: Set<string>;
+    useAllCategoriesFlag?: boolean;
+    isMulti?: boolean;
+    fixedPosition?: boolean;
+    menuPlacement?: "top" | "bottom";
+    isEnableToViewer?: boolean;
+    showHidden?: boolean;
+}
+export interface illegalValues {
+    used: Set<string>;
+}
+declare const CategorySelector: React.FC<Props>;
+export default CategorySelector;

package/dist/dashboard/dashboard-client/src/components/CategorySelector/CategorySelector.js

@@ -0,0 +1,88 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useSelector } from "react-redux";
+import { selectCategories, selectIsViewer } from "../../store/site/siteSlice";
+import { useEffect, useMemo, useState } from "react";
+import ReactSelect from "react-select";
+import classNames from "classnames";
+import classes from "./styles.module.css";
+import WarningIcon from "../Icons/WarningIcon";
+import { useCategoryTerm } from "../../pages/Categories/utils";
+const CategorySelector = ({ onChange, onKeyDown, placeholder, isSearchable = true, values, customClasses, disabled = false, minOptions, showWarnings = true, isMulti = true, notAllowed, fixedPosition, menuPlacement, useAllCategoriesFlag, disabledCategories, isEnableToViewer, showHidden }) => {
+    const categories = useSelector(selectCategories);
+    const isViewer = useSelector(selectIsViewer);
+    const [minAlert, setMinAlert] = useState(minOptions && values.length < minOptions && !disabled);
+    const [focused, setFocus] = useState(false);
+    const categoriesTerm = useCategoryTerm();
+    const transformCategories = (data, noAll) => {
+        const result = data.map(d => ({
+            value: d.id,
+            label: `${d.name} (${d.url})`,
+            disabled: showHidden ? false : (disabledCategories && disabledCategories.has(d.id)) || (Boolean(useAllCategoriesFlag) && values.includes("-1"))
+        }));
+        if (useAllCategoriesFlag && !noAll) {
+            result.unshift({
+                label: `All ${categoriesTerm.multiple}`,
+                value: "-1",
+                disabled: values.length > 0
+            });
+        }
+        return result;
+    };
+    const getSelectedCategories = (selected) => {
+        if (selected.includes("-1")) {
+            return [{
+                    label: `All ${categoriesTerm.multiple}`,
+                    value: "-1",
+                }];
+        }
+        const available = selected.map(s => categories.find(cat => cat.id === s)).filter(cat => cat);
+        return transformCategories(available, true);
+    };
+    const selected = useMemo(() => getSelectedCategories(values), [values]);
+    const suggestions = useMemo(() => transformCategories(categories), [categories, values]);
+    useEffect(() => {
+        setMinAlert(minOptions && values.length < minOptions && !disabled);
+    }, [values, disabled]);
+    const [errorMessage, setErrorMessage] = useState("");
+    const showUsedMessage = (categoryID) => {
+        const category = categories.find(c => c.id === categoryID);
+        const message = _jsxs("div", Object.assign({ className: classNames(classes.errorMessage, customClasses === null || customClasses === void 0 ? void 0 : customClasses.errorMessage) }, { children: [_jsx(WarningIcon, { className: classes.warningIcon }), "Another strategy with the same category \"", _jsx("strong", { children: category.name }), "\" already exists."] }));
+        setErrorMessage(message);
+    };
+    const isIllegalCategory = (data) => {
+        if (notAllowed) {
+            return data.find(d => notAllowed.used.has(d));
+        }
+        return "";
+    };
+    const handleChange = (options) => {
+        if (!options) {
+            onChange([]);
+            setErrorMessage("");
+        }
+        else if (Array.isArray(options) || typeof options === 'object') {
+            let data = [];
+            if (Array.isArray(options)) {
+                data = options.map(o => o.value);
+            }
+            else if (typeof options === 'object') {
+                data = [options.value];
+            }
+            if (values.includes("-1")) {
+                setErrorMessage("");
+                onChange(["-1"]);
+            }
+            const invalidID = isIllegalCategory(data);
+            if (invalidID) {
+                showUsedMessage(invalidID);
+            }
+            else {
+                setErrorMessage("");
+                onChange(data);
+            }
+        }
+    };
+    return (_jsxs("div", Object.assign({ className: classNames(classes.wrapper, customClasses === null || customClasses === void 0 ? void 0 : customClasses.wrapper, { [classes.disabled]: disabled }) }, { children: [_jsx(ReactSelect, { className: classNames(classes.select, customClasses === null || customClasses === void 0 ? void 0 : customClasses.select, { [classes.error]: (minAlert || errorMessage) && showWarnings }, { [classes.focused]: focused }), options: suggestions, isOptionDisabled: option => Boolean(option.disabled), value: selected, menuPlacement: menuPlacement, onChange: handleChange, onFocus: () => setFocus(true), onBlur: () => setFocus(false), isMulti: isMulti, isSearchable: isSearchable, onKeyDown: onKeyDown, placeholder: placeholder, draggable: true, menuPosition: fixedPosition ? "fixed" : undefined, isLoading: suggestions.length === 0, isDisabled: disabled || (isViewer && !isEnableToViewer) }), showWarnings && minAlert && !errorMessage && !disabled ? _jsxs("div", Object.assign({ className: classNames(classes.errorMessage, customClasses === null || customClasses === void 0 ? void 0 : customClasses.errorMessage) }, { children: [_jsx(WarningIcon, { className: classes.warningIcon }), "No collections were selected."] })) : null, errorMessage] })));
+};
+export default CategorySelector;
+//# sourceMappingURL=CategorySelector.js.map

package/dist/dashboard/dashboard-client/src/components/CategorySelector/CategorySelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CategorySelector.js","sourceRoot":"","sources":["../../../../../../../../dashboard/dashboard-client/src/components/CategorySelector/CategorySelector.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Category} from \"../../store/categories/models\";\r\nimport {useSelector} from \"react-redux\";\r\nimport {selectCategories, selectIsViewer} from \"../../store/site/siteSlice\";\r\nimport React, {useEffect, useMemo, useState} from \"react\";\r\nimport {SingleOptionType} from \"../MultiSelectRow/MultiSelectRow\";\r\nimport ReactSelect from \"react-select\";\r\nimport classNames from \"classnames\";\r\nimport classes from \"./styles.module.css\";\r\nimport WarningIcon from \"../Icons/WarningIcon\";\r\nimport {useCategoryTerm} from \"../../pages/Categories/utils\";\r\nimport MuiTooltip from \"../MuiTooltip\";\r\n\r\ninterface CustomClasses {\r\n    select?: string\r\n    wrapper?: string\r\n    errorMessage?: string\r\n}\r\n\r\ninterface Props {\r\n    values: string[]\r\n\r\n    placeholder?: string\r\n    isSearchable?: boolean\r\n    customClasses?: CustomClasses\r\n    disabled?: boolean\r\n\r\n    onChange: (values: string[]) => void\r\n    onKeyDown?: (event: React.KeyboardEvent) => void\r\n    minOptions?: number\r\n    showWarnings?: boolean\r\n    notAllowed?: illegalValues\r\n    disabledCategories?: Set<string>\r\n    useAllCategoriesFlag?: boolean\r\n\r\n    isMulti?: boolean\r\n    fixedPosition?: boolean\r\n    menuPlacement?: \"top\" | \"bottom\"\r\n    isEnableToViewer?: boolean,\r\n    showHidden?: boolean\r\n}\r\n\r\nexport interface illegalValues {\r\n    used: Set<string>,\r\n}\r\n\r\ninterface OptionType {\r\n    label: string,\r\n    value: string,\r\n    disabled?: boolean\r\n}\r\n\r\nconst CategorySelector: React.FC<Props> = ({onChange, onKeyDown, placeholder, isSearchable = true, values, customClasses, disabled = false, minOptions, showWarnings = true, isMulti = true, notAllowed, fixedPosition, menuPlacement, useAllCategoriesFlag, disabledCategories, isEnableToViewer, showHidden}) => {\r\n    const categories: Category[] = useSelector(selectCategories);\r\n    const isViewer = useSelector(selectIsViewer);\r\n\r\n    const [minAlert, setMinAlert] = useState(minOptions && values.length < minOptions && !disabled);\r\n    const [focused, setFocus] = useState(false);\r\n\r\n\r\n    const categoriesTerm = useCategoryTerm();\r\n\r\n    const transformCategories = (data: Category[], noAll?: boolean): OptionType[] => {\r\n        const result = data.map(d => ({\r\n            value: d.id,\r\n            label: `${d.name} (${d.url})`,\r\n            disabled: showHidden ? false : (disabledCategories && disabledCategories.has(d.id)) || (Boolean(useAllCategoriesFlag) && values.includes(\"-1\"))\r\n        }));\r\n\r\n        if (useAllCategoriesFlag && !noAll) {\r\n            result.unshift({\r\n                label: `All ${categoriesTerm.multiple}`,\r\n                value: \"-1\",\r\n                disabled: values.length > 0\r\n            })\r\n        }\r\n\r\n        return result;\r\n    };\r\n\r\n    const getSelectedCategories = (selected: string[]) => {\r\n        if (selected.includes(\"-1\")) {\r\n            return [{\r\n                label: `All ${categoriesTerm.multiple}`,\r\n                value: \"-1\",\r\n            }]\r\n        }\r\n        const available = selected.map(s => categories.find(cat => cat.id === s)).filter(cat => cat);\r\n        return transformCategories(available as Category[], true);\r\n    };\r\n\r\n    const selected: OptionType[] = useMemo(() => getSelectedCategories(values), [values]);\r\n    const suggestions: OptionType[] = useMemo(() => transformCategories(categories), [categories, values]);\r\n\r\n    useEffect(() => {\r\n        setMinAlert(minOptions && values.length < minOptions && !disabled);\r\n\r\n    }, [values, disabled]);\r\n\r\n    const [errorMessage, setErrorMessage] = useState<React.ReactNode>(\"\");\r\n\r\n\r\n    const showUsedMessage = (categoryID: string) => {\r\n        const category = categories.find(c => c.id === categoryID) as Category;\r\n\r\n        const message = <div\r\n            className={classNames(classes.errorMessage, customClasses?.errorMessage)}>\r\n            <WarningIcon className={classes.warningIcon}/>\r\n            Another strategy with the same category \"<strong>{category.name}</strong>\" already exists.</div>;\r\n        setErrorMessage(message);\r\n    };\r\n\r\n    const isIllegalCategory = (data: string[]): string | undefined => {\r\n        if (notAllowed) {\r\n            return data.find(d => notAllowed.used.has(d));\r\n        }\r\n\r\n        return \"\";\r\n    };\r\n\r\n    const handleChange = (options: OptionType | Object | Array<Object> | null | undefined) => {\r\n\r\n        if (!options) {\r\n            onChange([]);\r\n            setErrorMessage(\"\");\r\n        } else if (Array.isArray(options) || typeof options === 'object') {\r\n\r\n            let data: string[] = [];\r\n            if (Array.isArray(options)) {\r\n                data = options.map(o => (o as SingleOptionType).value);\r\n            } else if (typeof options === 'object') {\r\n                data = [(options as SingleOptionType).value];\r\n            }\r\n\r\n            if (values.includes(\"-1\")) {\r\n                setErrorMessage(\"\");\r\n                onChange([\"-1\"]);\r\n            }\r\n\r\n            const invalidID = isIllegalCategory(data);\r\n            if (invalidID) {\r\n                showUsedMessage(invalidID)\r\n            } else {\r\n                setErrorMessage(\"\");\r\n                onChange(data);\r\n            }\r\n        }\r\n    };\r\n\r\n    return (\r\n        <div className={classNames(classes.wrapper, customClasses?.wrapper, {[classes.disabled]: disabled})}>\r\n            <ReactSelect\r\n                className={classNames(classes.select, customClasses?.select, {[classes.error]: (minAlert || errorMessage) && showWarnings}, {[classes.focused]: focused})}\r\n                options={suggestions}\r\n                isOptionDisabled={option => Boolean((option as OptionType).disabled)}\r\n                value={selected} menuPlacement={menuPlacement}\r\n                onChange={handleChange} onFocus={() => setFocus(true)} onBlur={() => setFocus(false)}\r\n                isMulti={isMulti} isSearchable={isSearchable}\r\n                onKeyDown={onKeyDown}\r\n                placeholder={placeholder} draggable={true} menuPosition={fixedPosition ? \"fixed\" : undefined}\r\n                isLoading={suggestions.length === 0}\r\n                isDisabled={disabled || (isViewer && !isEnableToViewer)}/>\r\n\r\n            {showWarnings && minAlert && !errorMessage && !disabled ? <div\r\n                className={classNames(classes.errorMessage, customClasses?.errorMessage)}>\r\n\r\n                <WarningIcon className={classes.warningIcon}/>\r\n                No collections were selected.\r\n            </div> : null}\r\n            {errorMessage}\r\n        </div>\r\n    )\r\n\r\n};\r\n\r\nexport default CategorySelector;"]}

package/dist/dashboard/dashboard-client/src/components/CheckboxTree/utils.d.ts

@@ -0,0 +1,50 @@
+import React from "react";
+import { ButtonProps } from "../Button/Button";
+export interface CheckboxTreeProps<T> {
+    data: CheckboxTreeNode<T>[];
+    onSave: ({ checked, expanded, treeChanges }: {
+        checked: string[];
+        expanded: string[];
+        treeChanges: TreeChanges;
+    }) => void;
+    onChecked?: (checked: string[]) => void;
+    onQueryChange?: (value: string) => void;
+    onExpanded?: (expanded: string[]) => void;
+    checked?: string[];
+    searched?: string[];
+    expended?: string[];
+    getInfo?: (nodeInfo: T) => CheckboxTreeModalInfo;
+    customClass?: {
+        tree?: string;
+        modal?: string;
+        topButtons?: string;
+    };
+    saveButtonProps?: ButtonProps;
+    buttonUsage?: ButtonsUsage;
+    clearChanges?: boolean;
+    id?: string;
+    query?: string;
+}
+export interface CheckboxTreeNode<T> {
+    value: string;
+    label: React.ReactNode;
+    info: T;
+    children?: CheckboxTreeNode<T>[];
+}
+export interface ButtonsUsage {
+    expandAll?: boolean;
+    collapseAll?: boolean;
+    selectAll?: boolean;
+    deselectAll?: boolean;
+}
+export declare const DefaultButtonsUsage: ButtonsUsage;
+export interface CheckboxTreeModalInfo {
+    header: string;
+    content: React.ReactNode;
+}
+export interface TreeChanges {
+    [key: string]: boolean;
+}
+export declare function getChildrenValues<T>(nodes: CheckboxTreeNode<T>[]): string[];
+export declare function getNodeChildren<T>(node: CheckboxTreeNode<T>): string[];
+export declare const getNodeClassLevel: (level: number) => any;

package/dist/dashboard/dashboard-client/src/components/CheckboxTree/utils.js

@@ -0,0 +1,28 @@
+import classes from "./styles.module.css";
+export const DefaultButtonsUsage = {
+    expandAll: true,
+    collapseAll: true,
+    selectAll: true,
+    deselectAll: true
+};
+export function getChildrenValues(nodes) {
+    let data = [];
+    for (const node of nodes) {
+        data = [...data, ...getNodeChildren(node)];
+    }
+    return data;
+}
+export function getNodeChildren(node) {
+    if (!node.children) {
+        return [node.value];
+    }
+    let data = [];
+    for (const singleNode of node.children) {
+        data = [...data, ...getNodeChildren(singleNode)];
+    }
+    return [node.value, ...data];
+}
+export const getNodeClassLevel = (level) => {
+    return classes[`level${level}`];
+};
+//# sourceMappingURL=utils.js.map

package/dist/dashboard/dashboard-client/src/components/CheckboxTree/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../../../../dashboard/dashboard-client/src/components/CheckboxTree/utils.tsx"],"names":[],"mappings":"AACA,OAAO,OAAO,MAAM,qBAAqB,CAAC;AA2C1C,MAAM,CAAC,MAAM,mBAAmB,GAAiB;IAC7C,SAAS,EAAE,IAAI;IACf,WAAW,EAAE,IAAI;IACjB,SAAS,EAAE,IAAI;IACf,WAAW,EAAE,IAAI;CACpB,CAAA;AAWD,MAAM,UAAU,iBAAiB,CAAI,KAA4B;IAC7D,IAAI,IAAI,GAAa,EAAE,CAAC;IACxB,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE;QACtB,IAAI,GAAG,CAAC,GAAG,IAAI,EAAE,GAAG,eAAe,CAAI,IAAI,CAAC,CAAC,CAAA;KAChD;IACD,OAAO,IAAI,CAAC;AAChB,CAAC;AAED,MAAM,UAAU,eAAe,CAAI,IAAyB;IACxD,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;QAChB,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;KACtB;IAED,IAAI,IAAI,GAAa,EAAE,CAAC;IACxB,KAAK,MAAM,UAAU,IAAI,IAAI,CAAC,QAAQ,EAAE;QACpC,IAAI,GAAG,CAAC,GAAG,IAAI,EAAE,GAAG,eAAe,CAAC,UAAU,CAAC,CAAC,CAAA;KACnD;IACD,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE,GAAG,IAAI,CAAC,CAAC;AACjC,CAAC;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,KAAa,EAAE,EAAE;IAC/C,OAAO,OAAO,CAAC,QAAQ,KAAK,EAAE,CAAC,CAAC;AACpC,CAAC,CAAC","sourcesContent":["import React from \"react\";\r\nimport classes from \"./styles.module.css\";\r\nimport {ButtonProps} from \"../Button/Button\";\r\n\r\nexport interface CheckboxTreeProps<T> {\r\n    data: CheckboxTreeNode<T>[]\r\n    onSave: ({checked, expanded,treeChanges}: { checked: string[], expanded: string[], treeChanges: TreeChanges }) => void\r\n\r\n    onChecked?: (checked: string[]) => void\r\n    onQueryChange? : (value: string) => void\r\n    onExpanded?: (expanded: string[]) => void\r\n\r\n    checked?: string[]\r\n    searched?: string[]\r\n    expended?: string[]\r\n    getInfo?: (nodeInfo: T) => CheckboxTreeModalInfo\r\n    customClass?: {\r\n        tree?: string,\r\n        modal?: string,\r\n        topButtons?: string\r\n    }\r\n    saveButtonProps?: ButtonProps\r\n    buttonUsage?: ButtonsUsage\r\n    clearChanges?: boolean\r\n\r\n    id?: string;\r\n    query?: string;\r\n}\r\n\r\nexport interface CheckboxTreeNode<T> {\r\n    value: string,\r\n    label: React.ReactNode\r\n    info: T\r\n\r\n    children?: CheckboxTreeNode<T>[]\r\n}\r\n\r\nexport interface ButtonsUsage {\r\n    expandAll?: boolean\r\n    collapseAll?: boolean\r\n    selectAll?: boolean\r\n    deselectAll?: boolean\r\n}\r\n\r\nexport const DefaultButtonsUsage: ButtonsUsage = {\r\n    expandAll: true,\r\n    collapseAll: true,\r\n    selectAll: true,\r\n    deselectAll: true\r\n}\r\n\r\nexport interface CheckboxTreeModalInfo {\r\n    header: string\r\n    content: React.ReactNode\r\n}\r\n\r\nexport interface TreeChanges {\r\n    [key: string]: boolean\r\n}\r\n\r\nexport function getChildrenValues<T>(nodes: CheckboxTreeNode<T>[]): string[] {\r\n    let data: string[] = [];\r\n    for (const node of nodes) {\r\n        data = [...data, ...getNodeChildren<T>(node)]\r\n    }\r\n    return data;\r\n}\r\n\r\nexport function getNodeChildren<T>(node: CheckboxTreeNode<T>): string[] {\r\n    if (!node.children) {\r\n        return [node.value]\r\n    }\r\n\r\n    let data: string[] = [];\r\n    for (const singleNode of node.children) {\r\n        data = [...data, ...getNodeChildren(singleNode)]\r\n    }\r\n    return [node.value, ...data];\r\n}\r\n\r\nexport const getNodeClassLevel = (level: number) => {\r\n    return classes[`level${level}`];\r\n};"]}

package/dist/dashboard/dashboard-client/src/components/ConfirmationDialog/ConfirmationDialog.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+export interface ConfirmationDialogProps {
+    confirmText?: React.ReactNode;
+    cancelText?: string;
+    onConfirm?: () => void;
+    onCancel?: () => void;
+    onClose?: () => void;
+    title?: string;
+    className?: string;
+    okDisabled?: boolean;
+    cancelDisabled?: boolean;
+    headerText?: string;
+    dialogClass?: string;
+    contentClass?: string;
+    buttonsClass?: string;
+    isEnableToViewer?: boolean;
+    isHideClose?: boolean;
+    subText?: string;
+    customClasses?: {
+        cancelButton?: string;
+        saveButton?: string;
+        closeButton?: string;
+        header?: string;
+        subText?: string;
+        subTextAlert?: string;
+    };
+    subTextAlert?: string;
+}
+declare const ConfirmationDialog: React.FC<ConfirmationDialogProps>;
+export default ConfirmationDialog;

package/dist/dashboard/dashboard-client/src/components/ConfirmationDialog/ConfirmationDialog.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Button from "../Button";
+import XIcon from "../Icons/XIcon";
+import classes from './styles.module.css';
+import classNames from "classnames";
+import InfoOutlinedIcon from '@material-ui/icons/InfoOutlined';
+const ConfirmationDialog = ({ children, dialogClass, headerText, confirmText = 'Ok', cancelText = 'Cancel', onConfirm, onCancel, okDisabled = false, cancelDisabled = false, onClose, contentClass, buttonsClass, isEnableToViewer, isHideClose, subText, customClasses, subTextAlert }) => {
+    return (_jsxs("div", Object.assign({ className: classNames(classes.dialog, dialogClass) }, { children: [headerText ? _jsxs("header", Object.assign({ className: classNames(classes.header, customClasses === null || customClasses === void 0 ? void 0 : customClasses.header) }, { children: [_jsx("h4", { children: headerText }), !isHideClose &&
+                        _jsx("div", Object.assign({ className: classNames(classes.closeButton, customClasses === null || customClasses === void 0 ? void 0 : customClasses.closeButton), onClick: onClose ? onClose : onCancel }, { children: _jsx(XIcon, {}) }))] })) : null, subTextAlert ?
+                _jsxs("div", Object.assign({ className: classNames(classes.subTextAlertWrapper, customClasses === null || customClasses === void 0 ? void 0 : customClasses.subTextAlert) }, { children: [_jsx(InfoOutlinedIcon, { className: classes.infoIcon }), _jsxs("div", Object.assign({ className: classes.attentionContent }, { children: [_jsx("label", Object.assign({ className: classes.attentionLabel }, { children: "Attention" })), _jsx("div", Object.assign({ className: classes.subTextAlert }, { children: subTextAlert }))] }))] }))
+                : null, subText ? _jsx("div", Object.assign({ className: classNames(classes.subText, customClasses === null || customClasses === void 0 ? void 0 : customClasses.subText) }, { children: subText })) : null, _jsxs("div", Object.assign({ className: classNames(classes.content, contentClass) }, { children: [_jsx("div", Object.assign({ className: classes.messageTitle }, { children: !headerText && !isHideClose ? _jsx("div", Object.assign({ className: classes.closeButton, onClick: onCancel }, { children: _jsx(XIcon, {}) })) : null })), children, onConfirm || onCancel ? _jsxs("div", Object.assign({ className: classNames(classes.buttons, buttonsClass) }, { children: [onCancel ? _jsx(Button, { text: cancelText, onClick: onCancel, className: classes.button, disabled: cancelDisabled, isEnableToViewer: true, innerClasses: { button: customClasses === null || customClasses === void 0 ? void 0 : customClasses.cancelButton } })
+                                : null, onConfirm ? _jsx(Button, { text: confirmText, onClick: onConfirm, className: classes.button, disabled: okDisabled, id: "modal-confirm", isEnableToViewer: isEnableToViewer, innerClasses: { button: customClasses === null || customClasses === void 0 ? void 0 : customClasses.saveButton } })
+                                : null] })) : null] }))] })));
+};
+export default ConfirmationDialog;
+//# sourceMappingURL=ConfirmationDialog.js.map

package/dist/dashboard/dashboard-client/src/components/ConfirmationDialog/ConfirmationDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmationDialog.js","sourceRoot":"","sources":["../../../../../../../../dashboard/dashboard-client/src/components/ConfirmationDialog/ConfirmationDialog.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\r\n\r\nimport Button from \"../Button\";\r\nimport XIcon from \"../Icons/XIcon\";\r\n\r\nimport classes from './styles.module.css';\r\nimport classNames from \"classnames\";\r\nimport InfoOutlinedIcon from '@material-ui/icons/InfoOutlined';\r\nimport {ButtonVariant} from \"../Button/Button\";\r\n\r\nexport interface ConfirmationDialogProps {\r\n    confirmText?: React.ReactNode\r\n    cancelText?: string\r\n    onConfirm?: () => void\r\n    onCancel?: () => void\r\n    onClose?: () => void\r\n\r\n    title?: string\r\n    className?: string\r\n\r\n    okDisabled?: boolean\r\n    cancelDisabled?: boolean\r\n    headerText?: string\r\n    dialogClass?: string\r\n    contentClass?: string\r\n    buttonsClass?: string\r\n    isEnableToViewer?: boolean\r\n    isHideClose?: boolean\r\n    subText?: string\r\n    customClasses?: {\r\n        cancelButton?: string\r\n        saveButton?: string\r\n        closeButton?: string\r\n        header?: string\r\n        subText?: string\r\n        subTextAlert?: string\r\n    }\r\n\r\n    subTextAlert?: string\r\n}\r\n\r\nconst ConfirmationDialog: React.FC<ConfirmationDialogProps> = ({\r\n                                                 children, dialogClass, headerText,\r\n                                                 confirmText = 'Ok',\r\n                                                 cancelText = 'Cancel', onConfirm, onCancel,\r\n                                                 okDisabled = false, cancelDisabled = false, onClose, contentClass,\r\n                                                 buttonsClass, isEnableToViewer, isHideClose, subText,\r\n                                                 customClasses, subTextAlert\r\n                                             }) => {\r\n    return (\r\n        <div className={classNames(classes.dialog, dialogClass)}>\r\n            {headerText ? <header className={classNames(classes.header, customClasses?.header)}>\r\n                <h4>{headerText}</h4>\r\n\r\n                {!isHideClose &&\r\n                    <div className={classNames(classes.closeButton, customClasses?.closeButton)} onClick={onClose ? onClose : onCancel}><XIcon/></div>\r\n                }\r\n            </header> : null}\r\n             {subTextAlert ?\r\n                <div className={classNames(classes.subTextAlertWrapper, customClasses?.subTextAlert)}>\r\n                    <InfoOutlinedIcon className={classes.infoIcon}/>\r\n                    <div className={classes.attentionContent}>\r\n                        <label className={classes.attentionLabel}>Attention</label>\r\n                        <div className={classes.subTextAlert}>{subTextAlert}</div>\r\n                    </div>\r\n                </div>\r\n                : null}\r\n            {subText ? <div className={classNames(classes.subText, customClasses?.subText)}>{subText}</div> : null}\r\n            <div className={classNames(classes.content, contentClass)}>\r\n                <div className={classes.messageTitle}>\r\n                    {!headerText && !isHideClose ? <div className={classes.closeButton} onClick={onCancel}><XIcon/></div> : null}\r\n                </div>\r\n\r\n                {children}\r\n\r\n                {onConfirm || onCancel ?<div className={classNames(classes.buttons, buttonsClass)}>\r\n                    {onCancel ? <Button text={cancelText} onClick={onCancel}\r\n                                        className={classes.button}\r\n                                        disabled={cancelDisabled}\r\n                                        isEnableToViewer={true} innerClasses={{button: customClasses?.cancelButton}}/>\r\n                        : null}\r\n                    {onConfirm ? <Button text={confirmText} onClick={onConfirm}\r\n                                         className={classes.button}\r\n                                         disabled={okDisabled} id={\"modal-confirm\"}\r\n                                         isEnableToViewer={isEnableToViewer} innerClasses={{button: customClasses?.saveButton}}/>\r\n                        : null}\r\n                </div> : null}\r\n            </div>\r\n        </div>\r\n    );\r\n};\r\n\r\nexport default ConfirmationDialog;\r\n"]}

package/dist/dashboard/dashboard-client/src/components/ConfirmationDialog/index.d.ts

@@ -0,0 +1 @@
+export { default } from './ConfirmationDialog';