pixel-react 1.20.17 → 1.20.19

package/lib/components/ChatModalAi/ChatModalAi.js

@@ -1,63 +1 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { forwardRef, useEffect, useImperativeHandle, useRef, useState, } from 'react';
-import './ChatModalAi.scss';
-import { createPortal } from 'react-dom';
-import Typography from '../Typography';
-import Icon from '../Icon';
-import classNames from 'classnames';
-const ChatModalAi = forwardRef(({ iconName, hoverTitle, iconPosition: { top: iconTop, left: iconLeft, bottom: iconBottom, right: iconRight, }, hoverIconPosition: { top: iconhoverTop, left: iconhoverLeft, bottom: iconhoverBottom, right: iconhoverRight, }, modalPosition: { top: modalTop, left: modalLeft, bottom: modalBottom, right: modalRight, }, modalWidth, modalHeight, headerContent = 'Header Content', footerContent = 'Footer Content', iconWidth, iconHeight, children, onVisibilityChange, }, ref) => {
-    const [isOpen, setIsOpen] = useState(false);
-    const [isVisible, setIsVisible] = useState(false);
-    const timerRef = useRef(null);
-    const openModal = () => {
-        if (timerRef.current)
-            clearTimeout(timerRef.current);
-        setIsVisible((prev) => !prev);
-        onVisibilityChange?.(!isVisible);
-        timerRef.current = setTimeout(() => setIsOpen((prev) => !prev), 10);
-    };
-    const closeModal = () => {
-        if (timerRef.current)
-            clearTimeout(timerRef.current);
-        setIsOpen(false);
-        timerRef.current = setTimeout(() => {
-            setIsVisible(false);
-            onVisibilityChange?.(false);
-        }, 300);
-    };
-    useImperativeHandle(ref, () => ({
-        closeModal,
-    }));
-    useEffect(() => {
-        return () => {
-            if (timerRef.current)
-                clearTimeout(timerRef.current);
-        };
-    }, []);
-    return (_jsxs(_Fragment, { children: [_jsxs("div", { style: {
-                    top: iconTop !== undefined ? `${iconTop}px` : undefined,
-                    left: iconLeft !== undefined ? `${iconLeft}px` : undefined,
-                    bottom: iconBottom !== undefined ? `${iconBottom}px` : undefined,
-                    right: iconRight !== undefined ? `${iconRight}px` : undefined,
-                }, className: "ff-ai-dynamic-icon-container", children: [_jsx(Icon, { className: "ff-ai-dynamic-icon", name: iconName, onClick: openModal, height: iconHeight, width: iconWidth }), _jsx("div", { style: {
-                            top: iconhoverTop !== undefined ? `${iconhoverTop}px` : undefined,
-                            left: iconhoverLeft !== undefined ? `${iconhoverLeft}px` : undefined,
-                            bottom: iconhoverBottom !== undefined
-                                ? `${iconhoverBottom}px`
-                                : undefined,
-                            right: iconhoverRight !== undefined
-                                ? `${iconhoverRight}px`
-                                : undefined,
-                        }, className: "ff-ai-chat-icon-hover", children: _jsx("div", { className: "ai-hover-leaf", children: _jsx(Typography, { fontWeight: "bold", fontSize: 14, color: "var(--chatbot-leaf-text)", children: hoverTitle }) }) })] }), isVisible &&
-                createPortal(_jsx("div", { className: classNames('ff-ai-dynamic-modal', { open: isOpen }), style: {
-                        top: modalTop !== undefined ? `${modalTop}px` : undefined,
-                        left: modalLeft !== undefined ? `${modalLeft}px` : undefined,
-                        bottom: modalBottom !== undefined ? `${modalBottom}px` : undefined,
-                        right: modalRight !== undefined ? `${modalRight}px` : undefined,
-                        position: 'fixed',
-                        height: modalHeight,
-                        width: modalWidth,
-                    }, children: _jsxs("div", { className: "ff-ai-dynamic-modal-content", children: [headerContent && (_jsx("div", { className: "ff-ai-dynamic-modal-header", children: headerContent })), _jsx("div", { className: "ff-ai-dynamic-modal-body", children: children }), footerContent && (_jsx("div", { className: "ff-ai-dynamic-modal-footer", children: footerContent }))] }) }), document.body)] }));
-});
-export default ChatModalAi;
-//# sourceMappingURL=ChatModalAi.js.map
+import{jsxs as o,Fragment as i,jsx as t}from"react/jsx-runtime";import{forwardRef as e,useState as d,useRef as r,useImperativeHandle as a,useEffect as n}from"react";import"./ChatModalAi.scss.js";import{createPortal as c}from"react-dom";import l from"../Typography/Typography.js";import m from"../Icon/Icon.js";import h from"../../_virtual/index.js";const s=e(({iconName:e,hoverTitle:s,iconPosition:{top:v,left:f,bottom:p,right:u},hoverIconPosition:{top:x,left:y,bottom:g,right:$},modalPosition:{top:b,left:N,bottom:T,right:C},modalWidth:j,modalHeight:H,headerContent:I="Header Content",footerContent:P="Footer Content",iconWidth:W,iconHeight:w,children:M,onVisibilityChange:k},z)=>{const[A,F]=d(!1),[S,V]=d(!1),_=r(null),q=()=>{_.current&&clearTimeout(_.current),F(!1),_.current=setTimeout(()=>{V(!1),k?.(!1)},300)};return a(z,()=>({closeModal:q})),n(()=>()=>{_.current&&clearTimeout(_.current)},[]),o(i,{children:[o("div",{style:{top:void 0!==v?`${v}px`:void 0,left:void 0!==f?`${f}px`:void 0,bottom:void 0!==p?`${p}px`:void 0,right:void 0!==u?`${u}px`:void 0},className:"ff-ai-dynamic-icon-container",children:[t(m,{className:"ff-ai-dynamic-icon",name:e,onClick:()=>{_.current&&clearTimeout(_.current),V(o=>!o),k?.(!S),_.current=setTimeout(()=>F(o=>!o),10)},height:w,width:W}),t("div",{style:{top:void 0!==x?`${x}px`:void 0,left:void 0!==y?`${y}px`:void 0,bottom:void 0!==g?`${g}px`:void 0,right:void 0!==$?`${$}px`:void 0},className:"ff-ai-chat-icon-hover",children:t("div",{className:"ai-hover-leaf",children:t(l,{fontWeight:"bold",fontSize:14,color:"var(--chatbot-leaf-text)",children:s})})})]}),S&&c(t("div",{className:h("ff-ai-dynamic-modal",{open:A}),style:{top:void 0!==b?`${b}px`:void 0,left:void 0!==N?`${N}px`:void 0,bottom:void 0!==T?`${T}px`:void 0,right:void 0!==C?`${C}px`:void 0,position:"fixed",height:H,width:j},children:o("div",{className:"ff-ai-dynamic-modal-content",children:[I&&t("div",{className:"ff-ai-dynamic-modal-header",children:I}),t("div",{className:"ff-ai-dynamic-modal-body",children:M}),P&&t("div",{className:"ff-ai-dynamic-modal-footer",children:P})]})}),document.body)]})});export{s as default};

package/lib/components/ChatModalAi/ChatModalAi.scss.js

@@ -0,0 +1 @@
+import i from"../../node_modules/style-inject/dist/style-inject.es.js";i('.fontXs{font-size:10px}.fontSm,.fontXs{font-family:Poppins}.fontSm{font-size:12px}.fontMd{font-size:14px}.fontLg,.fontMd{font-family:Poppins}.fontLg{font-size:16px}.fontXL{font-size:18px}.font2Xl,.fontXL{font-family:Poppins}.font2Xl{font-size:24px}.font-size-8{font-family:Poppins;font-size:8px}.font-size-10{font-family:Poppins;font-size:10px}.font-size-20{font-family:Poppins;font-size:20px}.font-size-32{font-family:Poppins;font-size:32px}.font-size-80{font-family:Poppins;font-size:80px}.ff-ai-dynamic-icon-container{position:fixed;z-index:2500}.ff-ai-dynamic-icon{border-radius:50%;cursor:pointer;position:fixed;transition:transform .3s ease;z-index:9999999}.ff-ai-dynamic-icon:hover{background-color:var(--chatbot-icon-hover-color);border-radius:50%}.ff-ai-chat-icon-hover{opacity:0;position:fixed;transition:opacity .3s ease,transform .4s ease;visibility:hidden;z-index:999}.ai-hover-leaf{align-items:center;background:var(--fireflink-chatbot-hover-leaf);border-radius:10px;clip-path:polygon(0 0,100% 20%,100% 80%,0 100%);display:flex;height:32px;padding:0 20px 0 5px;width:fit-content}.ff-ai-dynamic-icon-container:hover .ff-ai-chat-icon-hover{opacity:1;visibility:visible}.ff-ai-dynamic-modal{background-color:var(--prompt-bg-color);border-radius:20px;box-shadow:0 6px 15px var(--arrows-button-border-color);display:flex;flex-direction:column;position:fixed;transform:scale(.5);transform-origin:bottom right;transition:transform .4s ease-in-out,opacity .4s ease-in-out;z-index:9999999}.ff-ai-dynamic-modal:after{border-color:var(--prompt-bg-color) transparent transparent transparent;border-style:solid;border-width:12px 12px 0;bottom:-10px;content:"";position:absolute;right:20px;z-index:999}.ff-ai-dynamic-modal.open{transform:scale(1)}.ff-ai-dynamic-modal-content{display:flex;flex-direction:column;height:100%}.ff-ai-dynamic-modal-header{background:var(--fireflink-chatbot-header);border-radius:10px 10px 0 0;color:var(--tooltip-text-color);text-align:center}.ff-ai-dynamic-modal-header .header-container{align-items:center;display:flex;height:32px;justify-content:space-between;padding:2px 5px}.ff-ai-dynamic-modal-header .header-container .header-left{align-items:center;display:flex;flex-basis:50%}.ff-ai-dynamic-modal-header .header-container .header-left span{padding-right:4px}.ff-ai-dynamic-modal-header .header-container .header-right{align-items:center;display:flex;flex-basis:14%;justify-content:space-around}.ff-ai-dynamic-modal-header .header-container .header-right .action{cursor:pointer}.ff-ai-dynamic-modal-body{background:var(--prompt-bg-color);flex:1;overflow-y:auto}.ff-ai-dynamic-modal-footer{background:var(--prompt-bg-color);border-radius:0 0 20px 20px;text-align:right}.ff-ai-content-box{flex:1;overflow-y:auto;padding:10px;text-align:justify}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNoYXRNb2RhbEFpLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsUUFFRSxjQUNGLENBRUEsZ0JBSkUsbUJBT0YsQ0FIQSxRQUVFLGNBQ0YsQ0FFQSxRQUVFLGNBQ0YsQ0FFQSxnQkFKRSxtQkFPRixDQUhBLFFBRUUsY0FDRixDQUVBLFFBRUUsY0FDRixDQUVBLGlCQUpFLG1CQU9GLENBSEEsU0FFRSxjQUNGLENBRUEsYUFDRSxtQkFBc0IsQ0FDdEIsYUFDRixDQUVBLGNBQ0UsbUJBQXNCLENBQ3RCLGNBQ0YsQ0FFQSxjQUNFLG1CQUFzQixDQUN0QixjQUNGLENBRUEsY0FDRSxtQkFBc0IsQ0FDdEIsY0FDRixDQUVBLGNBQ0UsbUJBQXNCLENBQ3RCLGNBQ0YsQ0FFQSw4QkFDRSxjQUFlLENBQ2YsWUFDRixDQUVBLG9CQUVFLGlCQUFrQixDQUNsQixjQUFlLENBRmYsY0FBZSxDQUlmLDZCQUErQixDQUQvQixlQUVGLENBRUEsMEJBQ0UsZ0RBQWlELENBQ2pELGlCQUNGLENBRUEsdUJBRUUsU0FBVSxDQURWLGNBQWUsQ0FHZiw4Q0FBa0QsQ0FEbEQsaUJBQWtCLENBRWxCLFdBQ0YsQ0FFQSxlQU1FLGtCQUFtQixDQUhuQiw4Q0FBK0MsQ0FDL0Msa0JBQW1CLENBSW5CLCtDQUFtRCxDQUhuRCxZQUFhLENBSGIsV0FBWSxDQUtaLG9CQUFxQixDQU5yQixpQkFRRixDQUVBLDJEQUNFLFNBQVUsQ0FDVixrQkFDRixDQUVBLHFCQUNFLHVDQUF3QyxDQUN4QyxrQkFBbUIsQ0FDbkIsdURBQTBELENBQzFELFlBQWEsQ0FDYixxQkFBc0IsQ0FDdEIsY0FBZSxDQUNmLG1CQUFxQixDQUNyQiw2QkFBOEIsQ0FDOUIsNERBQWdFLENBQ2hFLGVBQ0YsQ0FDQSwyQkFPRSx1RUFBd0UsQ0FGeEUsa0JBQW1CLENBQ25CLHdCQUE4QixDQUg5QixZQUFhLENBRmIsVUFBVyxDQUNYLGlCQUFrQixDQUVsQixVQUFXLENBSVgsV0FDRixDQUNBLDBCQUNFLGtCQUNGLENBQ0EsNkJBQ0UsWUFBYSxDQUNiLHFCQUFzQixDQUN0QixXQUNGLENBQ0EsNEJBQ0UsMENBQTJDLENBRzNDLDJCQUE0QixDQUY1QiwrQkFBZ0MsQ0FDaEMsaUJBRUYsQ0FDQSw4Q0FFRSxrQkFBbUIsQ0FEbkIsWUFBYSxDQUdiLFdBQVksQ0FEWiw2QkFBOEIsQ0FFOUIsZUFDRixDQUNBLDJEQUVFLGtCQUFtQixDQURuQixZQUFhLENBRWIsY0FDRixDQUNBLGdFQUNFLGlCQUNGLENBQ0EsNERBRUUsa0JBQW1CLENBRG5CLFlBQWEsQ0FHYixjQUFlLENBRGYsNEJBRUYsQ0FDQSxvRUFDRSxjQUNGLENBQ0EsMEJBR0UsaUNBQWtDLENBRmxDLE1BQU8sQ0FDUCxlQUVGLENBQ0EsNEJBQ0UsaUNBQWtDLENBRWxDLDJCQUFnQyxDQURoQyxnQkFFRixDQUVBLG1CQUNFLE1BQU8sQ0FDUCxlQUFnQixDQUNoQixZQUFhLENBQ2Isa0JBQ0YiLCJmaWxlIjoiQ2hhdE1vZGFsQWkuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi5mb250WHMge1xuICBmb250LWZhbWlseTogXCJQb3BwaW5zXCI7XG4gIGZvbnQtc2l6ZTogMTBweDtcbn1cblxuLmZvbnRTbSB7XG4gIGZvbnQtZmFtaWx5OiBcIlBvcHBpbnNcIjtcbiAgZm9udC1zaXplOiAxMnB4O1xufVxuXG4uZm9udE1kIHtcbiAgZm9udC1mYW1pbHk6IFwiUG9wcGluc1wiO1xuICBmb250LXNpemU6IDE0cHg7XG59XG5cbi5mb250TGcge1xuICBmb250LWZhbWlseTogXCJQb3BwaW5zXCI7XG4gIGZvbnQtc2l6ZTogMTZweDtcbn1cblxuLmZvbnRYTCB7XG4gIGZvbnQtZmFtaWx5OiBcIlBvcHBpbnNcIjtcbiAgZm9udC1zaXplOiAxOHB4O1xufVxuXG4uZm9udDJYbCB7XG4gIGZvbnQtZmFtaWx5OiBcIlBvcHBpbnNcIjtcbiAgZm9udC1zaXplOiAyNHB4O1xufVxuXG4uZm9udC1zaXplLTgge1xuICBmb250LWZhbWlseTogXCJQb3BwaW5zXCI7XG4gIGZvbnQtc2l6ZTogOHB4O1xufVxuXG4uZm9udC1zaXplLTEwIHtcbiAgZm9udC1mYW1pbHk6IFwiUG9wcGluc1wiO1xuICBmb250LXNpemU6IDEwcHg7XG59XG5cbi5mb250LXNpemUtMjAge1xuICBmb250LWZhbWlseTogXCJQb3BwaW5zXCI7XG4gIGZvbnQtc2l6ZTogMjBweDtcbn1cblxuLmZvbnQtc2l6ZS0zMiB7XG4gIGZvbnQtZmFtaWx5OiBcIlBvcHBpbnNcIjtcbiAgZm9udC1zaXplOiAzMnB4O1xufVxuXG4uZm9udC1zaXplLTgwIHtcbiAgZm9udC1mYW1pbHk6IFwiUG9wcGluc1wiO1xuICBmb250LXNpemU6IDgwcHg7XG59XG5cbi5mZi1haS1keW5hbWljLWljb24tY29udGFpbmVyIHtcbiAgcG9zaXRpb246IGZpeGVkO1xuICB6LWluZGV4OiAyNTAwO1xufVxuXG4uZmYtYWktZHluYW1pYy1pY29uIHtcbiAgcG9zaXRpb246IGZpeGVkO1xuICBib3JkZXItcmFkaXVzOiA1MCU7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgei1pbmRleDogOTk5OTk5OTtcbiAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDAuM3MgZWFzZTtcbn1cblxuLmZmLWFpLWR5bmFtaWMtaWNvbjpob3ZlciB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNoYXRib3QtaWNvbi1ob3Zlci1jb2xvcik7XG4gIGJvcmRlci1yYWRpdXM6IDUwJTtcbn1cblxuLmZmLWFpLWNoYXQtaWNvbi1ob3ZlciB7XG4gIHBvc2l0aW9uOiBmaXhlZDtcbiAgb3BhY2l0eTogMDtcbiAgdmlzaWJpbGl0eTogaGlkZGVuO1xuICB0cmFuc2l0aW9uOiBvcGFjaXR5IDAuM3MgZWFzZSwgdHJhbnNmb3JtIDAuNHMgZWFzZTtcbiAgei1pbmRleDogOTk5O1xufVxuXG4uYWktaG92ZXItbGVhZiB7XG4gIHdpZHRoOiBmaXQtY29udGVudDtcbiAgaGVpZ2h0OiAzMnB4O1xuICBiYWNrZ3JvdW5kOiB2YXIoLS1maXJlZmxpbmstY2hhdGJvdC1ob3Zlci1sZWFmKTtcbiAgYm9yZGVyLXJhZGl1czogMTBweDtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgcGFkZGluZzogMCAyMHB4IDAgNXB4O1xuICBjbGlwLXBhdGg6IHBvbHlnb24oMCAwLCAxMDAlIDIwJSwgMTAwJSA4MCUsIDAgMTAwJSk7XG59XG5cbi5mZi1haS1keW5hbWljLWljb24tY29udGFpbmVyOmhvdmVyIC5mZi1haS1jaGF0LWljb24taG92ZXIge1xuICBvcGFjaXR5OiAxO1xuICB2aXNpYmlsaXR5OiB2aXNpYmxlO1xufVxuXG4uZmYtYWktZHluYW1pYy1tb2RhbCB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXByb21wdC1iZy1jb2xvcik7XG4gIGJvcmRlci1yYWRpdXM6IDIwcHg7XG4gIGJveC1zaGFkb3c6IDBweCA2cHggMTVweCB2YXIoLS1hcnJvd3MtYnV0dG9uLWJvcmRlci1jb2xvcik7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIHBvc2l0aW9uOiBmaXhlZDtcbiAgdHJhbnNmb3JtOiBzY2FsZSgwLjUpO1xuICB0cmFuc2Zvcm0tb3JpZ2luOiBib3R0b20gcmlnaHQ7XG4gIHRyYW5zaXRpb246IHRyYW5zZm9ybSAwLjRzIGVhc2UtaW4tb3V0LCBvcGFjaXR5IDAuNHMgZWFzZS1pbi1vdXQ7XG4gIHotaW5kZXg6IDk5OTk5OTk7XG59XG4uZmYtYWktZHluYW1pYy1tb2RhbDphZnRlciB7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgYm90dG9tOiAtMTBweDtcbiAgcmlnaHQ6IDIwcHg7XG4gIGJvcmRlci1zdHlsZTogc29saWQ7XG4gIGJvcmRlci13aWR0aDogMTJweCAxMnB4IDAgMTJweDtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1wcm9tcHQtYmctY29sb3IpIHRyYW5zcGFyZW50IHRyYW5zcGFyZW50IHRyYW5zcGFyZW50O1xuICB6LWluZGV4OiA5OTk7XG59XG4uZmYtYWktZHluYW1pYy1tb2RhbC5vcGVuIHtcbiAgdHJhbnNmb3JtOiBzY2FsZSgxKTtcbn1cbi5mZi1haS1keW5hbWljLW1vZGFsLWNvbnRlbnQge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBoZWlnaHQ6IDEwMCU7XG59XG4uZmYtYWktZHluYW1pYy1tb2RhbC1oZWFkZXIge1xuICBiYWNrZ3JvdW5kOiB2YXIoLS1maXJlZmxpbmstY2hhdGJvdC1oZWFkZXIpO1xuICBjb2xvcjogdmFyKC0tdG9vbHRpcC10ZXh0LWNvbG9yKTtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICBib3JkZXItcmFkaXVzOiAxMHB4IDEwcHggMCAwO1xufVxuLmZmLWFpLWR5bmFtaWMtbW9kYWwtaGVhZGVyIC5oZWFkZXItY29udGFpbmVyIHtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBoZWlnaHQ6IDMycHg7XG4gIHBhZGRpbmc6IDJweCA1cHg7XG59XG4uZmYtYWktZHluYW1pYy1tb2RhbC1oZWFkZXIgLmhlYWRlci1jb250YWluZXIgLmhlYWRlci1sZWZ0IHtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZmxleC1iYXNpczogNTAlO1xufVxuLmZmLWFpLWR5bmFtaWMtbW9kYWwtaGVhZGVyIC5oZWFkZXItY29udGFpbmVyIC5oZWFkZXItbGVmdCBzcGFuIHtcbiAgcGFkZGluZy1yaWdodDogNHB4O1xufVxuLmZmLWFpLWR5bmFtaWMtbW9kYWwtaGVhZGVyIC5oZWFkZXItY29udGFpbmVyIC5oZWFkZXItcmlnaHQge1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWFyb3VuZDtcbiAgZmxleC1iYXNpczogMTQlO1xufVxuLmZmLWFpLWR5bmFtaWMtbW9kYWwtaGVhZGVyIC5oZWFkZXItY29udGFpbmVyIC5oZWFkZXItcmlnaHQgLmFjdGlvbiB7XG4gIGN1cnNvcjogcG9pbnRlcjtcbn1cbi5mZi1haS1keW5hbWljLW1vZGFsLWJvZHkge1xuICBmbGV4OiAxO1xuICBvdmVyZmxvdy15OiBhdXRvO1xuICBiYWNrZ3JvdW5kOiB2YXIoLS1wcm9tcHQtYmctY29sb3IpO1xufVxuLmZmLWFpLWR5bmFtaWMtbW9kYWwtZm9vdGVyIHtcbiAgYmFja2dyb3VuZDogdmFyKC0tcHJvbXB0LWJnLWNvbG9yKTtcbiAgdGV4dC1hbGlnbjogcmlnaHQ7XG4gIGJvcmRlci1yYWRpdXM6IDBweCAwcHggMjBweCAyMHB4O1xufVxuXG4uZmYtYWktY29udGVudC1ib3gge1xuICBmbGV4OiAxO1xuICBvdmVyZmxvdy15OiBhdXRvO1xuICBwYWRkaW5nOiAxMHB4O1xuICB0ZXh0LWFsaWduOiBqdXN0aWZ5O1xufSJdfQ== */');

package/lib/components/Checkbox/Checkbox.js

@@ -1,23 +1 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from 'react';
-import './Checkbox.scss';
-import classNames from 'classnames';
-import Icon from '../Icon';
-import '../../assets/styles/_colors.scss';
-import Typography from '../Typography';
-const Checkbox = ({ id, name, label, disabled = false, checked: initialChecked = false, partial = false, onChange, variant, isDefaultHover = false, labelFontSize = 12, }) => {
-    const [checked, setChecked] = useState(initialChecked);
-    useEffect(() => {
-        setChecked(initialChecked);
-    }, [initialChecked]);
-    return (_jsxs("label", { className: "ff-checkbox--overlay", htmlFor: id, children: [_jsx("input", { type: "checkbox", className: "ff-checkbox-input", id: id, name: name, checked: checked, onChange: onChange, disabled: disabled }), _jsx("span", { className: classNames('ff-checkbox-custom', {
-                    'ff-checkbox-checked': checked,
-                    'ff-storybook-checkbox--partial': partial && !checked,
-                    [`ff-checkbox--${variant}`]: variant,
-                    [`ff-checkbox-checked--${variant}`]: checked && variant,
-                    'ff-checkbox-hover-shadow': isDefaultHover,
-                    'ff-checkbox-disabled': disabled,
-                }), children: checked && (_jsx(Icon, { name: "tick", color: "var(--primary-icon-color)", className: "ff-tick-icon" })) }), label && _jsx(Typography, { as: "span", fontSize: labelFontSize, children: label })] }));
-};
-export default Checkbox;
-//# sourceMappingURL=Checkbox.js.map
+import{jsxs as e,jsx as c}from"react/jsx-runtime";import{useState as o,useEffect as a}from"react";import"./Checkbox.scss.js";import s from"../../_virtual/index.js";import r from"../Icon/Icon.js";import"../../assets/styles/_colors.scss.js";import t from"../Typography/Typography.js";const i=({id:i,name:f,label:l,disabled:n=!1,checked:h=!1,partial:m=!1,onChange:p,variant:b,isDefaultHover:d=!1,labelFontSize:k=12})=>{const[x,y]=o(h);return a(()=>{y(h)},[h]),e("label",{className:"ff-checkbox--overlay",htmlFor:i,children:[c("input",{type:"checkbox",className:"ff-checkbox-input",id:i,name:f,checked:x,onChange:p,disabled:n}),c("span",{className:s("ff-checkbox-custom",{"ff-checkbox-checked":x,"ff-storybook-checkbox--partial":m&&!x,[`ff-checkbox--${b}`]:b,[`ff-checkbox-checked--${b}`]:x&&b,"ff-checkbox-hover-shadow":d,"ff-checkbox-disabled":n}),children:x&&c(r,{name:"tick",color:"var(--primary-icon-color)",className:"ff-tick-icon"})}),l&&c(t,{as:"span",fontSize:k,children:l})]})};export{i as default};

package/lib/components/Checkbox/Checkbox.scss.js

@@ -0,0 +1 @@
+import c from"../../node_modules/style-inject/dist/style-inject.es.js";c('.fontXs{font-size:10px}.fontSm,.fontXs{font-family:Poppins}.fontSm{font-size:12px}.fontMd{font-size:14px}.fontLg,.fontMd{font-family:Poppins}.fontLg{font-size:16px}.fontXL{font-size:18px}.font2Xl,.fontXL{font-family:Poppins}.font2Xl{font-size:24px}.font-size-8{font-family:Poppins;font-size:8px}.font-size-10{font-family:Poppins;font-size:10px}.font-size-20{font-family:Poppins;font-size:20px}.font-size-32{font-family:Poppins;font-size:32px}.font-size-80{font-family:Poppins;font-size:80px}.ff-checkbox--overlay{align-content:center;align-items:center;cursor:pointer;display:flex;gap:4px;justify-content:center;position:relative}.ff-checkbox--overlay .ff-checkbox-input{display:none}.ff-checkbox--overlay .ff-checkbox-custom{align-content:center;align-items:center;border:1px solid var(--checkbox-border-color);border-radius:2px;box-sizing:border-box;display:flex;gap:4px;height:16px;justify-content:center;position:relative;transition:border-color background-color;width:16px}.ff-checkbox--overlay .ff-checkbox-custom .ff-tick-icon{padding:2px!important}.ff-checkbox--overlay .ff-checkbox-custom:before{background-color:var(--checkbox-partial-color);border-radius:2px;content:"";height:2px;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(180deg);transition:border-color background-color;width:9px}.ff-checkbox--overlay .ff-checkbox-custom:hover:not(.ff-checkbox-disabled){border:1px solid var(--brand-color);box-shadow:0 0 0 4px var(--checkbox-hover-color)}.ff-checkbox--overlay .ff-checkbox-hover-shadow{border:1px solid var(--brand-color);box-shadow:0 0 0 4px var(--disable-color)}.ff-checkbox--overlay .ff-checkbox-disabled{cursor:not-allowed}.ff-checkbox--overlay .ff-checkbox-disabled:after,.ff-checkbox--overlay .ff-checkbox-disabled:hover:after{opacity:0!important}.ff-checkbox--overlay .ff-checkbox-input:checked+.ff-checkbox-custom{background:var(--brand-color);background-color:var(--brand-color);border:1px solid var(--brand-color)}.ff-checkbox--overlay .ff-checkbox-input:checked+.ff-checkbox-custom.ff-checkbox-checked--total{background-color:var(--brand-color);border-color:var(--brand-color)}.ff-checkbox--overlay .ff-checkbox-input:checked+.ff-checkbox-custom.ff-checkbox-checked--closed,.ff-checkbox--overlay .ff-checkbox-input:checked+.ff-checkbox-custom.ff-checkbox-checked--passed{background-color:var(--ff-card-passed-status-bg-color);border-color:var(--ff-card-passed-status-bg-color)}.ff-checkbox--overlay .ff-checkbox-input:checked+.ff-checkbox-custom.ff-checkbox-checked--failed,.ff-checkbox--overlay .ff-checkbox-input:checked+.ff-checkbox-custom.ff-checkbox-checked--open{background-color:var(--ff-card-failed-status-bg-color);border-color:var(--ff-card-failed-status-bg-color)}.ff-checkbox--overlay .ff-checkbox-input:checked+.ff-checkbox-custom.ff-checkbox-checked--warning{background-color:var(--ff-card-warning-status-bg-color);border-color:var(--ff-card-warning-status-bg-color)}.ff-checkbox--overlay .ff-checkbox-input:checked+.ff-checkbox-custom.ff-checkbox-checked--skipped{background-color:var(--ff-card-skipped-status-bg-color);border-color:var(--ff-card-skipped-status-bg-color)}.ff-checkbox--overlay .ff-checkbox-input:checked+.ff-checkbox-custom.ff-checkbox-checked--flaky{background-color:var(--ff-card-flaky-status-bg-color);border-color:var(--ff-card-flaky-status-bg-color)}.ff-checkbox--overlay .ff-checkbox-input:checked:hover+.ff-checkbox-custom,.ff-checkbox--overlay .ff-checkbox-input:checked:hover+.ff-checkbox-custom.ff-checkbox-checked--total{background:var(--brand-color)}.ff-checkbox--overlay .ff-checkbox-input:checked:hover+.ff-checkbox-custom.ff-checkbox-checked--closed,.ff-checkbox--overlay .ff-checkbox-input:checked:hover+.ff-checkbox-custom.ff-checkbox-checked--passed{background:var(--ff-card-passed-status-bg-color)}.ff-checkbox--overlay .ff-checkbox-input:checked:hover+.ff-checkbox-custom.ff-checkbox-checked--failed,.ff-checkbox--overlay .ff-checkbox-input:checked:hover+.ff-checkbox-custom.ff-checkbox-checked--open{background:var(--ff-card-failed-status-bg-color)}.ff-checkbox--overlay .ff-checkbox-input:checked:hover+.ff-checkbox-custom.ff-checkbox-checked--warning{background:var(--ff-card-warning-status-bg-color)}.ff-checkbox--overlay .ff-checkbox-input:checked:hover+.ff-checkbox-custom.ff-checkbox-checked--skipped{background:var(--ff-card-skipped-status-bg-color)}.ff-checkbox--overlay .ff-checkbox-input:checked:hover+.ff-checkbox-custom.ff-checkbox-checked--flaky{background:var(--ff-card-flaky-status-bg-color)}.ff-checkbox--overlay .ff-checkbox-input:checked:hover+.ff-checkbox-custom:after{opacity:1}.ff-checkbox--overlay .ff-checkbox-input:disabled+.ff-checkbox-custom{border:1px solid var(--checkbox-border-color);cursor:not-allowed;opacity:.5}.ff-checkbox--overlay .ff-checkbox-input:disabled+.ff-checkbox-custom:after{opacity:0}.ff-checkbox--overlay .ff-storybook-checkbox--partial{background-color:var(--brand-color);border:none}.ff-checkbox--overlay .ff-storybook-checkbox--partial:before{opacity:1}.ff-checkbox--overlay .ff-storybook-checkbox--partial:hover{background-color:var(--brand-color)}.ff-checkbox--overlay .ff-storybook-checkbox--partial:hover:after{opacity:1}.ff-checkbox--overlay .ff-checkbox--total{border-color:var(--brand-color)}.ff-checkbox--overlay .ff-checkbox--total:hover{border:1px solid var(--brand-color)}.ff-checkbox--overlay .ff-checkbox--closed{border-color:var(--ff-card-passed-status-bg-color)}.ff-checkbox--overlay .ff-checkbox--closed:hover{border:1px solid var(--ff-card-passed-status-bg-color)}.ff-checkbox--overlay .ff-checkbox--passed{border-color:var(--ff-card-passed-status-bg-color)}.ff-checkbox--overlay .ff-checkbox--passed:hover{border:1px solid var(--ff-card-passed-status-bg-color)}.ff-checkbox--overlay .ff-checkbox--open{border-color:var(--ff-card-failed-status-bg-color)}.ff-checkbox--overlay .ff-checkbox--open:hover{border:1px solid var(--ff-card-failed-status-bg-color)}.ff-checkbox--overlay .ff-checkbox--failed{border-color:var(--ff-card-failed-status-bg-color)}.ff-checkbox--overlay .ff-checkbox--failed:hover{border:1px solid var(--ff-card-failed-status-bg-color)}.ff-checkbox--overlay .ff-checkbox--warning{border-color:var(--ff-card-warning-status-bg-color)}.ff-checkbox--overlay .ff-checkbox--warning:hover{border:1px solid var(--ff-card-warning-status-bg-color)}.ff-checkbox--overlay .ff-checkbox--skipped{border-color:var(--ff-card-skipped-status-bg-color)}.ff-checkbox--overlay .ff-checkbox--skipped:hover{border:1px solid var(--ff-card-skipped-status-bg-color)}.ff-checkbox--overlay .ff-checkbox--flaky{border-color:var(--ff-card-flaky-status-bg-color)}.ff-checkbox--overlay .ff-checkbox--flaky:hover{border:1px solid var(--ff-card-flaky-status-bg-color)}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNoZWNrYm94LnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsUUFFRSxjQUNGLENBRUEsZ0JBSkUsbUJBT0YsQ0FIQSxRQUVFLGNBQ0YsQ0FFQSxRQUVFLGNBQ0YsQ0FFQSxnQkFKRSxtQkFPRixDQUhBLFFBRUUsY0FDRixDQUVBLFFBRUUsY0FDRixDQUVBLGlCQUpFLG1CQU9GLENBSEEsU0FFRSxjQUNGLENBRUEsYUFDRSxtQkFBc0IsQ0FDdEIsYUFDRixDQUVBLGNBQ0UsbUJBQXNCLENBQ3RCLGNBQ0YsQ0FFQSxjQUNFLG1CQUFzQixDQUN0QixjQUNGLENBRUEsY0FDRSxtQkFBc0IsQ0FDdEIsY0FDRixDQUVBLGNBQ0UsbUJBQXNCLENBQ3RCLGNBQ0YsQ0FFQSxzQkFJRSxvQkFBcUIsQ0FEckIsa0JBQW1CLENBRW5CLGNBQWUsQ0FKZixZQUFhLENBTWIsT0FBUSxDQUxSLHNCQUF1QixDQUl2QixpQkFFRixDQUNBLHlDQUNFLFlBQ0YsQ0FDQSwwQ0FXRSxvQkFBcUIsQ0FEckIsa0JBQW1CLENBUG5CLDZDQUE4QyxDQUU5QyxpQkFBa0IsQ0FEbEIscUJBQXNCLENBSXRCLFlBQWEsQ0FGYixPQUFRLENBSlIsV0FBWSxDQU9aLHNCQUF1QixDQUZ2QixpQkFBa0IsQ0FLbEIsd0NBQXlDLENBWHpDLFVBWUYsQ0FDQSx3REFDRSxxQkFDRixDQUNBLGlEQUlFLDhDQUErQyxDQUMvQyxpQkFBa0IsQ0FKbEIsVUFBVyxDQUVYLFVBQVcsQ0FLWCxRQUFTLENBRVQsU0FBVSxDQUpWLGlCQUFrQixDQUNsQixPQUFRLENBRVIsNkNBQStDLENBRS9DLHdDQUF5QyxDQVR6QyxTQVVGLENBQ0EsMkVBQ0UsbUNBQW9DLENBQ3BDLGdEQUNGLENBQ0EsZ0RBQ0UsbUNBQW9DLENBQ3BDLHlDQUNGLENBQ0EsNENBQ0Usa0JBQ0YsQ0FJQSwwR0FDRSxtQkFDRixDQUNBLHFFQUNFLDZCQUE4QixDQUM5QixtQ0FBb0MsQ0FDcEMsbUNBQ0YsQ0FDQSxnR0FDRSxtQ0FBb0MsQ0FDcEMsK0JBQ0YsQ0FLQSxrTUFDRSxzREFBdUQsQ0FDdkQsa0RBQ0YsQ0FLQSxnTUFDRSxzREFBdUQsQ0FDdkQsa0RBQ0YsQ0FDQSxrR0FDRSx1REFBd0QsQ0FDeEQsbURBQ0YsQ0FDQSxrR0FDRSx1REFBd0QsQ0FDeEQsbURBQ0YsQ0FDQSxnR0FDRSxxREFBc0QsQ0FDdEQsaURBQ0YsQ0FJQSxpTEFDRSw2QkFDRixDQUlBLDhNQUNFLGdEQUNGLENBSUEsNE1BQ0UsZ0RBQ0YsQ0FDQSx3R0FDRSxpREFDRixDQUNBLHdHQUNFLGlEQUNGLENBQ0Esc0dBQ0UsK0NBQ0YsQ0FDQSxpRkFDRSxTQUNGLENBQ0Esc0VBR0UsNkNBQThDLENBRDlDLGtCQUFtQixDQURuQixVQUdGLENBQ0EsNEVBQ0UsU0FDRixDQUNBLHNEQUNFLG1DQUFvQyxDQUNwQyxXQUNGLENBQ0EsNkRBQ0UsU0FDRixDQUNBLDREQUNFLG1DQUNGLENBQ0Esa0VBQ0UsU0FDRixDQUNBLDBDQUNFLCtCQUNGLENBQ0EsZ0RBQ0UsbUNBQ0YsQ0FDQSwyQ0FDRSxrREFDRixDQUNBLGlEQUNFLHNEQUNGLENBQ0EsMkNBQ0Usa0RBQ0YsQ0FDQSxpREFDRSxzREFDRixDQUNBLHlDQUNFLGtEQUNGLENBQ0EsK0NBQ0Usc0RBQ0YsQ0FDQSwyQ0FDRSxrREFDRixDQUNBLGlEQUNFLHNEQUNGLENBQ0EsNENBQ0UsbURBQ0YsQ0FDQSxrREFDRSx1REFDRixDQUNBLDRDQUNFLG1EQUNGLENBQ0Esa0RBQ0UsdURBQ0YsQ0FDQSwwQ0FDRSxpREFDRixDQUNBLGdEQUNFLHFEQUNGIiwiZmlsZSI6IkNoZWNrYm94LnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIuZm9udFhzIHtcbiAgZm9udC1mYW1pbHk6IFwiUG9wcGluc1wiO1xuICBmb250LXNpemU6IDEwcHg7XG59XG5cbi5mb250U20ge1xuICBmb250LWZhbWlseTogXCJQb3BwaW5zXCI7XG4gIGZvbnQtc2l6ZTogMTJweDtcbn1cblxuLmZvbnRNZCB7XG4gIGZvbnQtZmFtaWx5OiBcIlBvcHBpbnNcIjtcbiAgZm9udC1zaXplOiAxNHB4O1xufVxuXG4uZm9udExnIHtcbiAgZm9udC1mYW1pbHk6IFwiUG9wcGluc1wiO1xuICBmb250LXNpemU6IDE2cHg7XG59XG5cbi5mb250WEwge1xuICBmb250LWZhbWlseTogXCJQb3BwaW5zXCI7XG4gIGZvbnQtc2l6ZTogMThweDtcbn1cblxuLmZvbnQyWGwge1xuICBmb250LWZhbWlseTogXCJQb3BwaW5zXCI7XG4gIGZvbnQtc2l6ZTogMjRweDtcbn1cblxuLmZvbnQtc2l6ZS04IHtcbiAgZm9udC1mYW1pbHk6IFwiUG9wcGluc1wiO1xuICBmb250LXNpemU6IDhweDtcbn1cblxuLmZvbnQtc2l6ZS0xMCB7XG4gIGZvbnQtZmFtaWx5OiBcIlBvcHBpbnNcIjtcbiAgZm9udC1zaXplOiAxMHB4O1xufVxuXG4uZm9udC1zaXplLTIwIHtcbiAgZm9udC1mYW1pbHk6IFwiUG9wcGluc1wiO1xuICBmb250LXNpemU6IDIwcHg7XG59XG5cbi5mb250LXNpemUtMzIge1xuICBmb250LWZhbWlseTogXCJQb3BwaW5zXCI7XG4gIGZvbnQtc2l6ZTogMzJweDtcbn1cblxuLmZvbnQtc2l6ZS04MCB7XG4gIGZvbnQtZmFtaWx5OiBcIlBvcHBpbnNcIjtcbiAgZm9udC1zaXplOiA4MHB4O1xufVxuXG4uZmYtY2hlY2tib3gtLW92ZXJsYXkge1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYWxpZ24tY29udGVudDogY2VudGVyO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgZ2FwOiA0cHg7XG59XG4uZmYtY2hlY2tib3gtLW92ZXJsYXkgLmZmLWNoZWNrYm94LWlucHV0IHtcbiAgZGlzcGxheTogbm9uZTtcbn1cbi5mZi1jaGVja2JveC0tb3ZlcmxheSAuZmYtY2hlY2tib3gtY3VzdG9tIHtcbiAgd2lkdGg6IDE2cHg7XG4gIGhlaWdodDogMTZweDtcbiAgYm9yZGVyOiAxcHggc29saWQgdmFyKC0tY2hlY2tib3gtYm9yZGVyLWNvbG9yKTtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgYm9yZGVyLXJhZGl1czogMnB4O1xuICBnYXA6IDRweDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYWxpZ24tY29udGVudDogY2VudGVyO1xuICB0cmFuc2l0aW9uOiBib3JkZXItY29sb3IgYmFja2dyb3VuZC1jb2xvcjtcbn1cbi5mZi1jaGVja2JveC0tb3ZlcmxheSAuZmYtY2hlY2tib3gtY3VzdG9tIC5mZi10aWNrLWljb24ge1xuICBwYWRkaW5nOiAycHggIWltcG9ydGFudDtcbn1cbi5mZi1jaGVja2JveC0tb3ZlcmxheSAuZmYtY2hlY2tib3gtY3VzdG9tOjpiZWZvcmUge1xuICBjb250ZW50OiBcIlwiO1xuICB3aWR0aDogOXB4O1xuICBoZWlnaHQ6IDJweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY2hlY2tib3gtcGFydGlhbC1jb2xvcik7XG4gIGJvcmRlci1yYWRpdXM6IDJweDtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDUwJTtcbiAgbGVmdDogNTAlO1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgtNTAlLCAtNTAlKSByb3RhdGUoMTgwZGVnKTtcbiAgb3BhY2l0eTogMDtcbiAgdHJhbnNpdGlvbjogYm9yZGVyLWNvbG9yIGJhY2tncm91bmQtY29sb3I7XG59XG4uZmYtY2hlY2tib3gtLW92ZXJsYXkgLmZmLWNoZWNrYm94LWN1c3RvbTpob3Zlcjpub3QoLmZmLWNoZWNrYm94LWRpc2FibGVkKSB7XG4gIGJvcmRlcjogMXB4IHNvbGlkIHZhcigtLWJyYW5kLWNvbG9yKTtcbiAgYm94LXNoYWRvdzogMHB4IDBweCAwcHggNHB4IHZhcigtLWNoZWNrYm94LWhvdmVyLWNvbG9yKTtcbn1cbi5mZi1jaGVja2JveC0tb3ZlcmxheSAuZmYtY2hlY2tib3gtaG92ZXItc2hhZG93IHtcbiAgYm9yZGVyOiAxcHggc29saWQgdmFyKC0tYnJhbmQtY29sb3IpO1xuICBib3gtc2hhZG93OiAwcHggMHB4IDBweCA0cHggdmFyKC0tZGlzYWJsZS1jb2xvcik7XG59XG4uZmYtY2hlY2tib3gtLW92ZXJsYXkgLmZmLWNoZWNrYm94LWRpc2FibGVkIHtcbiAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbn1cbi5mZi1jaGVja2JveC0tb3ZlcmxheSAuZmYtY2hlY2tib3gtZGlzYWJsZWQ6OmFmdGVyIHtcbiAgb3BhY2l0eTogMCAhaW1wb3J0YW50O1xufVxuLmZmLWNoZWNrYm94LS1vdmVybGF5IC5mZi1jaGVja2JveC1kaXNhYmxlZDpob3Zlcjo6YWZ0ZXIge1xuICBvcGFjaXR5OiAwICFpbXBvcnRhbnQ7XG59XG4uZmYtY2hlY2tib3gtLW92ZXJsYXkgLmZmLWNoZWNrYm94LWlucHV0OmNoZWNrZWQgKyAuZmYtY2hlY2tib3gtY3VzdG9tIHtcbiAgYmFja2dyb3VuZDogdmFyKC0tYnJhbmQtY29sb3IpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1icmFuZC1jb2xvcik7XG4gIGJvcmRlcjogMXB4IHNvbGlkIHZhcigtLWJyYW5kLWNvbG9yKTtcbn1cbi5mZi1jaGVja2JveC0tb3ZlcmxheSAuZmYtY2hlY2tib3gtaW5wdXQ6Y2hlY2tlZCArIC5mZi1jaGVja2JveC1jdXN0b20uZmYtY2hlY2tib3gtY2hlY2tlZC0tdG90YWwge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1icmFuZC1jb2xvcik7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tYnJhbmQtY29sb3IpO1xufVxuLmZmLWNoZWNrYm94LS1vdmVybGF5IC5mZi1jaGVja2JveC1pbnB1dDpjaGVja2VkICsgLmZmLWNoZWNrYm94LWN1c3RvbS5mZi1jaGVja2JveC1jaGVja2VkLS1jbG9zZWQge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1mZi1jYXJkLXBhc3NlZC1zdGF0dXMtYmctY29sb3IpO1xuICBib3JkZXItY29sb3I6IHZhcigtLWZmLWNhcmQtcGFzc2VkLXN0YXR1cy1iZy1jb2xvcik7XG59XG4uZmYtY2hlY2tib3gtLW92ZXJsYXkgLmZmLWNoZWNrYm94LWlucHV0OmNoZWNrZWQgKyAuZmYtY2hlY2tib3gtY3VzdG9tLmZmLWNoZWNrYm94LWNoZWNrZWQtLXBhc3NlZCB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWZmLWNhcmQtcGFzc2VkLXN0YXR1cy1iZy1jb2xvcik7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tZmYtY2FyZC1wYXNzZWQtc3RhdHVzLWJnLWNvbG9yKTtcbn1cbi5mZi1jaGVja2JveC0tb3ZlcmxheSAuZmYtY2hlY2tib3gtaW5wdXQ6Y2hlY2tlZCArIC5mZi1jaGVja2JveC1jdXN0b20uZmYtY2hlY2tib3gtY2hlY2tlZC0tb3BlbiB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWZmLWNhcmQtZmFpbGVkLXN0YXR1cy1iZy1jb2xvcik7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tZmYtY2FyZC1mYWlsZWQtc3RhdHVzLWJnLWNvbG9yKTtcbn1cbi5mZi1jaGVja2JveC0tb3ZlcmxheSAuZmYtY2hlY2tib3gtaW5wdXQ6Y2hlY2tlZCArIC5mZi1jaGVja2JveC1jdXN0b20uZmYtY2hlY2tib3gtY2hlY2tlZC0tZmFpbGVkIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tZmYtY2FyZC1mYWlsZWQtc3RhdHVzLWJnLWNvbG9yKTtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1mZi1jYXJkLWZhaWxlZC1zdGF0dXMtYmctY29sb3IpO1xufVxuLmZmLWNoZWNrYm94LS1vdmVybGF5IC5mZi1jaGVja2JveC1pbnB1dDpjaGVja2VkICsgLmZmLWNoZWNrYm94LWN1c3RvbS5mZi1jaGVja2JveC1jaGVja2VkLS13YXJuaW5nIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tZmYtY2FyZC13YXJuaW5nLXN0YXR1cy1iZy1jb2xvcik7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tZmYtY2FyZC13YXJuaW5nLXN0YXR1cy1iZy1jb2xvcik7XG59XG4uZmYtY2hlY2tib3gtLW92ZXJsYXkgLmZmLWNoZWNrYm94LWlucHV0OmNoZWNrZWQgKyAuZmYtY2hlY2tib3gtY3VzdG9tLmZmLWNoZWNrYm94LWNoZWNrZWQtLXNraXBwZWQge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1mZi1jYXJkLXNraXBwZWQtc3RhdHVzLWJnLWNvbG9yKTtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1mZi1jYXJkLXNraXBwZWQtc3RhdHVzLWJnLWNvbG9yKTtcbn1cbi5mZi1jaGVja2JveC0tb3ZlcmxheSAuZmYtY2hlY2tib3gtaW5wdXQ6Y2hlY2tlZCArIC5mZi1jaGVja2JveC1jdXN0b20uZmYtY2hlY2tib3gtY2hlY2tlZC0tZmxha3kge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1mZi1jYXJkLWZsYWt5LXN0YXR1cy1iZy1jb2xvcik7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tZmYtY2FyZC1mbGFreS1zdGF0dXMtYmctY29sb3IpO1xufVxuLmZmLWNoZWNrYm94LS1vdmVybGF5IC5mZi1jaGVja2JveC1pbnB1dDpjaGVja2VkOmhvdmVyICsgLmZmLWNoZWNrYm94LWN1c3RvbSB7XG4gIGJhY2tncm91bmQ6IHZhcigtLWJyYW5kLWNvbG9yKTtcbn1cbi5mZi1jaGVja2JveC0tb3ZlcmxheSAuZmYtY2hlY2tib3gtaW5wdXQ6Y2hlY2tlZDpob3ZlciArIC5mZi1jaGVja2JveC1jdXN0b20uZmYtY2hlY2tib3gtY2hlY2tlZC0tdG90YWwge1xuICBiYWNrZ3JvdW5kOiB2YXIoLS1icmFuZC1jb2xvcik7XG59XG4uZmYtY2hlY2tib3gtLW92ZXJsYXkgLmZmLWNoZWNrYm94LWlucHV0OmNoZWNrZWQ6aG92ZXIgKyAuZmYtY2hlY2tib3gtY3VzdG9tLmZmLWNoZWNrYm94LWNoZWNrZWQtLWNsb3NlZCB7XG4gIGJhY2tncm91bmQ6IHZhcigtLWZmLWNhcmQtcGFzc2VkLXN0YXR1cy1iZy1jb2xvcik7XG59XG4uZmYtY2hlY2tib3gtLW92ZXJsYXkgLmZmLWNoZWNrYm94LWlucHV0OmNoZWNrZWQ6aG92ZXIgKyAuZmYtY2hlY2tib3gtY3VzdG9tLmZmLWNoZWNrYm94LWNoZWNrZWQtLXBhc3NlZCB7XG4gIGJhY2tncm91bmQ6IHZhcigtLWZmLWNhcmQtcGFzc2VkLXN0YXR1cy1iZy1jb2xvcik7XG59XG4uZmYtY2hlY2tib3gtLW92ZXJsYXkgLmZmLWNoZWNrYm94LWlucHV0OmNoZWNrZWQ6aG92ZXIgKyAuZmYtY2hlY2tib3gtY3VzdG9tLmZmLWNoZWNrYm94LWNoZWNrZWQtLW9wZW4ge1xuICBiYWNrZ3JvdW5kOiB2YXIoLS1mZi1jYXJkLWZhaWxlZC1zdGF0dXMtYmctY29sb3IpO1xufVxuLmZmLWNoZWNrYm94LS1vdmVybGF5IC5mZi1jaGVja2JveC1pbnB1dDpjaGVja2VkOmhvdmVyICsgLmZmLWNoZWNrYm94LWN1c3RvbS5mZi1jaGVja2JveC1jaGVja2VkLS1mYWlsZWQge1xuICBiYWNrZ3JvdW5kOiB2YXIoLS1mZi1jYXJkLWZhaWxlZC1zdGF0dXMtYmctY29sb3IpO1xufVxuLmZmLWNoZWNrYm94LS1vdmVybGF5IC5mZi1jaGVja2JveC1pbnB1dDpjaGVja2VkOmhvdmVyICsgLmZmLWNoZWNrYm94LWN1c3RvbS5mZi1jaGVja2JveC1jaGVja2VkLS13YXJuaW5nIHtcbiAgYmFja2dyb3VuZDogdmFyKC0tZmYtY2FyZC13YXJuaW5nLXN0YXR1cy1iZy1jb2xvcik7XG59XG4uZmYtY2hlY2tib3gtLW92ZXJsYXkgLmZmLWNoZWNrYm94LWlucHV0OmNoZWNrZWQ6aG92ZXIgKyAuZmYtY2hlY2tib3gtY3VzdG9tLmZmLWNoZWNrYm94LWNoZWNrZWQtLXNraXBwZWQge1xuICBiYWNrZ3JvdW5kOiB2YXIoLS1mZi1jYXJkLXNraXBwZWQtc3RhdHVzLWJnLWNvbG9yKTtcbn1cbi5mZi1jaGVja2JveC0tb3ZlcmxheSAuZmYtY2hlY2tib3gtaW5wdXQ6Y2hlY2tlZDpob3ZlciArIC5mZi1jaGVja2JveC1jdXN0b20uZmYtY2hlY2tib3gtY2hlY2tlZC0tZmxha3kge1xuICBiYWNrZ3JvdW5kOiB2YXIoLS1mZi1jYXJkLWZsYWt5LXN0YXR1cy1iZy1jb2xvcik7XG59XG4uZmYtY2hlY2tib3gtLW92ZXJsYXkgLmZmLWNoZWNrYm94LWlucHV0OmNoZWNrZWQ6aG92ZXIgKyAuZmYtY2hlY2tib3gtY3VzdG9tOjphZnRlciB7XG4gIG9wYWNpdHk6IDE7XG59XG4uZmYtY2hlY2tib3gtLW92ZXJsYXkgLmZmLWNoZWNrYm94LWlucHV0OmRpc2FibGVkICsgLmZmLWNoZWNrYm94LWN1c3RvbSB7XG4gIG9wYWNpdHk6IDAuNTtcbiAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgYm9yZGVyOiAxcHggc29saWQgdmFyKC0tY2hlY2tib3gtYm9yZGVyLWNvbG9yKTtcbn1cbi5mZi1jaGVja2JveC0tb3ZlcmxheSAuZmYtY2hlY2tib3gtaW5wdXQ6ZGlzYWJsZWQgKyAuZmYtY2hlY2tib3gtY3VzdG9tOjphZnRlciB7XG4gIG9wYWNpdHk6IDA7XG59XG4uZmYtY2hlY2tib3gtLW92ZXJsYXkgLmZmLXN0b3J5Ym9vay1jaGVja2JveC0tcGFydGlhbCB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWJyYW5kLWNvbG9yKTtcbiAgYm9yZGVyOiBub25lO1xufVxuLmZmLWNoZWNrYm94LS1vdmVybGF5IC5mZi1zdG9yeWJvb2stY2hlY2tib3gtLXBhcnRpYWw6OmJlZm9yZSB7XG4gIG9wYWNpdHk6IDE7XG59XG4uZmYtY2hlY2tib3gtLW92ZXJsYXkgLmZmLXN0b3J5Ym9vay1jaGVja2JveC0tcGFydGlhbDpob3ZlciB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWJyYW5kLWNvbG9yKTtcbn1cbi5mZi1jaGVja2JveC0tb3ZlcmxheSAuZmYtc3Rvcnlib29rLWNoZWNrYm94LS1wYXJ0aWFsOmhvdmVyOjphZnRlciB7XG4gIG9wYWNpdHk6IDE7XG59XG4uZmYtY2hlY2tib3gtLW92ZXJsYXkgLmZmLWNoZWNrYm94LS10b3RhbCB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tYnJhbmQtY29sb3IpO1xufVxuLmZmLWNoZWNrYm94LS1vdmVybGF5IC5mZi1jaGVja2JveC0tdG90YWw6aG92ZXIge1xuICBib3JkZXI6IDFweCBzb2xpZCB2YXIoLS1icmFuZC1jb2xvcik7XG59XG4uZmYtY2hlY2tib3gtLW92ZXJsYXkgLmZmLWNoZWNrYm94LS1jbG9zZWQge1xuICBib3JkZXItY29sb3I6IHZhcigtLWZmLWNhcmQtcGFzc2VkLXN0YXR1cy1iZy1jb2xvcik7XG59XG4uZmYtY2hlY2tib3gtLW92ZXJsYXkgLmZmLWNoZWNrYm94LS1jbG9zZWQ6aG92ZXIge1xuICBib3JkZXI6IDFweCBzb2xpZCB2YXIoLS1mZi1jYXJkLXBhc3NlZC1zdGF0dXMtYmctY29sb3IpO1xufVxuLmZmLWNoZWNrYm94LS1vdmVybGF5IC5mZi1jaGVja2JveC0tcGFzc2VkIHtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1mZi1jYXJkLXBhc3NlZC1zdGF0dXMtYmctY29sb3IpO1xufVxuLmZmLWNoZWNrYm94LS1vdmVybGF5IC5mZi1jaGVja2JveC0tcGFzc2VkOmhvdmVyIHtcbiAgYm9yZGVyOiAxcHggc29saWQgdmFyKC0tZmYtY2FyZC1wYXNzZWQtc3RhdHVzLWJnLWNvbG9yKTtcbn1cbi5mZi1jaGVja2JveC0tb3ZlcmxheSAuZmYtY2hlY2tib3gtLW9wZW4ge1xuICBib3JkZXItY29sb3I6IHZhcigtLWZmLWNhcmQtZmFpbGVkLXN0YXR1cy1iZy1jb2xvcik7XG59XG4uZmYtY2hlY2tib3gtLW92ZXJsYXkgLmZmLWNoZWNrYm94LS1vcGVuOmhvdmVyIHtcbiAgYm9yZGVyOiAxcHggc29saWQgdmFyKC0tZmYtY2FyZC1mYWlsZWQtc3RhdHVzLWJnLWNvbG9yKTtcbn1cbi5mZi1jaGVja2JveC0tb3ZlcmxheSAuZmYtY2hlY2tib3gtLWZhaWxlZCB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tZmYtY2FyZC1mYWlsZWQtc3RhdHVzLWJnLWNvbG9yKTtcbn1cbi5mZi1jaGVja2JveC0tb3ZlcmxheSAuZmYtY2hlY2tib3gtLWZhaWxlZDpob3ZlciB7XG4gIGJvcmRlcjogMXB4IHNvbGlkIHZhcigtLWZmLWNhcmQtZmFpbGVkLXN0YXR1cy1iZy1jb2xvcik7XG59XG4uZmYtY2hlY2tib3gtLW92ZXJsYXkgLmZmLWNoZWNrYm94LS13YXJuaW5nIHtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1mZi1jYXJkLXdhcm5pbmctc3RhdHVzLWJnLWNvbG9yKTtcbn1cbi5mZi1jaGVja2JveC0tb3ZlcmxheSAuZmYtY2hlY2tib3gtLXdhcm5pbmc6aG92ZXIge1xuICBib3JkZXI6IDFweCBzb2xpZCB2YXIoLS1mZi1jYXJkLXdhcm5pbmctc3RhdHVzLWJnLWNvbG9yKTtcbn1cbi5mZi1jaGVja2JveC0tb3ZlcmxheSAuZmYtY2hlY2tib3gtLXNraXBwZWQge1xuICBib3JkZXItY29sb3I6IHZhcigtLWZmLWNhcmQtc2tpcHBlZC1zdGF0dXMtYmctY29sb3IpO1xufVxuLmZmLWNoZWNrYm94LS1vdmVybGF5IC5mZi1jaGVja2JveC0tc2tpcHBlZDpob3ZlciB7XG4gIGJvcmRlcjogMXB4IHNvbGlkIHZhcigtLWZmLWNhcmQtc2tpcHBlZC1zdGF0dXMtYmctY29sb3IpO1xufVxuLmZmLWNoZWNrYm94LS1vdmVybGF5IC5mZi1jaGVja2JveC0tZmxha3kge1xuICBib3JkZXItY29sb3I6IHZhcigtLWZmLWNhcmQtZmxha3ktc3RhdHVzLWJnLWNvbG9yKTtcbn1cbi5mZi1jaGVja2JveC0tb3ZlcmxheSAuZmYtY2hlY2tib3gtLWZsYWt5OmhvdmVyIHtcbiAgYm9yZGVyOiAxcHggc29saWQgdmFyKC0tZmYtY2FyZC1mbGFreS1zdGF0dXMtYmctY29sb3IpO1xufSJdfQ== */');

package/lib/components/Chip/Chip.js

@@ -1,25 +1 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useState } from 'react';
-import './Chip.scss';
-import classNames from 'classnames';
-import Typography from '../Typography';
-const Chip = ({ label = '', fullText = '', variant = 'primary', labelWidth = 100, fullTextWidth = 800, onClick = () => { }, }) => {
-    const [isHovered, setIsHovered] = useState(false);
-    const labelText = isHovered && fullText ? fullText : label;
-    const handleOnMouseEnter = () => setIsHovered(true);
-    const handleOnMouseLeave = () => setIsHovered(false);
-    const dynamicStyle = isHovered
-        ? {
-            maxWidth: `${fullTextWidth}px`,
-            transition: 'transform 0.3s ease-in-out,max-width 1.5s ease-in-out',
-            overflow: 'hidden',
-        }
-        : {
-            maxWidth: `${labelWidth}px`,
-            transition: 'transform 0.3s ease-in-out,max-width 0.5s ease-in-out',
-            overflow: 'hidden',
-        };
-    return (_jsx("div", { className: "ff-chip-wrapper", children: _jsx("button", { onMouseEnter: handleOnMouseEnter, onMouseLeave: handleOnMouseLeave, onClick: onClick, className: classNames(`ff-default-chip-style ff-default-chip-style--${variant}`, { ['ff-default-chip-style--fullText']: !!fullText }), style: dynamicStyle, children: labelText && (_jsx(Typography, { as: "p", fontSize: 10, fontWeight: "semi-bold", color: "var(----text-color)", className: "ff-chip-paragraph", children: labelText })) }) }));
-};
-export default Chip;
-//# sourceMappingURL=Chip.js.map
+import{jsx as t}from"react/jsx-runtime";import{useState as e}from"react";import"./Chip.scss.js";import i from"../../_virtual/index.js";import a from"../Typography/Typography.js";const o=({label:o="",fullText:r="",variant:s="primary",labelWidth:l=100,fullTextWidth:n=800,onClick:f=()=>{}})=>{const[p,h]=e(!1),m=p&&r?r:o,c=p?{maxWidth:`${n}px`,transition:"transform 0.3s ease-in-out,max-width 1.5s ease-in-out",overflow:"hidden"}:{maxWidth:`${l}px`,transition:"transform 0.3s ease-in-out,max-width 0.5s ease-in-out",overflow:"hidden"};return t("div",{className:"ff-chip-wrapper",children:t("button",{onMouseEnter:()=>h(!0),onMouseLeave:()=>h(!1),onClick:f,className:i(`ff-default-chip-style ff-default-chip-style--${s}`,{"ff-default-chip-style--fullText":!!r}),style:c,children:m&&t(a,{as:"p",fontSize:10,fontWeight:"semi-bold",color:"var(----text-color)",className:"ff-chip-paragraph",children:m})})})};export{o as default};

package/lib/components/Chip/Chip.scss.js

@@ -0,0 +1 @@
+import c from"../../node_modules/style-inject/dist/style-inject.es.js";c(".fontXs{font-family:Poppins;font-size:10px}.ff-chip-wrapper .ff-default-chip-style--custom,.fontSm{font-family:Poppins;font-size:12px}.fontMd{font-size:14px}.fontLg,.fontMd{font-family:Poppins}.fontLg{font-size:16px}.fontXL{font-size:18px}.font2Xl,.fontXL{font-family:Poppins}.font2Xl{font-size:24px}.font-size-8{font-family:Poppins;font-size:8px}.font-size-10{font-family:Poppins;font-size:10px}.font-size-20{font-family:Poppins;font-size:20px}.font-size-32{font-family:Poppins;font-size:32px}.font-size-80{font-family:Poppins;font-size:80px}.ff-chip-wrapper{align-items:center;display:inline-flex;justify-content:center;margin:5px}.ff-chip-wrapper .ff-default-chip-style{align-items:center;border:none;border-radius:25px;box-shadow:1px 1px 3px 0 var(--ff-chips-shadow-color) inset,-1px -1px 2px 0 var(--ff-chip-bg) inset,1px -1px 2px 0 var(--ff-chips-shadow-color-two) inset,-1px -1px 2px 0 var(--ff-chips-blur-color),1px 1px 2px 0 var(--ff-chip-bg-two);display:flex;gap:5px;height:18px;justify-content:space-around;line-height:15px;overflow:hidden;padding:4px 8px;transition:transform .4s ease-in-out;white-space:nowrap}.ff-chip-wrapper .ff-default-chip-style .ff-chip-paragraph{line-height:inherit!important}.ff-chip-wrapper .ff-default-chip-style--primary{background-color:var(--ff-chips-fill-color);color:var(--text-color)}.ff-chip-wrapper .ff-default-chip-style--success{background-color:var(--ff-success);color:var(--text-color)}.ff-chip-wrapper .ff-default-chip-style--error{background-color:var(--ff-error-light);color:var(--text-color)}.ff-chip-wrapper .ff-default-chip-style--warning{background-color:var(--ff-warning);color:var(--text-color)}.ff-chip-wrapper .ff-default-chip-style--custom{background:var(--expandable-menu-option-bg);border-radius:12px;box-shadow:none;color:var(--switch-license-header-text-color);cursor:pointer;padding:4px 8px;transition:background-color .3s ease,color .3s ease;white-space:nowrap}.ff-chip-wrapper .ff-default-chip-style--custom:hover{background-color:var(--switch-license-header-text-color);color:var(--ff-header-text-color)}.ff-chip-wrapper .ff-default-chip-style--public{background-color:var(--public-chip-bg-color);color:var(--text-color);color:var(--license_header_text_color)}.ff-chip-wrapper .ff-default-chip-style--partial-public{background-color:var(--partial-public-chip-bg-color);color:var(--text-color);color:var(--license_header_text_color)}.ff-chip-wrapper .ff-default-chip-style--private{background-color:var(--private-chip-bg-color);color:var(--text-color);color:var(--license_header_text_color)}.ff-chip-wrapper .ff-default-chip-style--disabled{background-color:var(--disabled-chip-bg-color);color:var(--text-color);color:var(--table-column-text-color)}.ff-chip-wrapper .ff-default-chip-style--count{background-color:var(--impact-list-chip-bg-color);color:var(--text-color);color:var(--ff-chip-text-color)}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNoaXAuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxRQUNFLG1CQUFzQixDQUN0QixjQUNGLENBRUEsd0RBQ0UsbUJBQXNCLENBQ3RCLGNBQ0YsQ0FFQSxRQUVFLGNBQ0YsQ0FFQSxnQkFKRSxtQkFPRixDQUhBLFFBRUUsY0FDRixDQUVBLFFBRUUsY0FDRixDQUVBLGlCQUpFLG1CQU9GLENBSEEsU0FFRSxjQUNGLENBRUEsYUFDRSxtQkFBc0IsQ0FDdEIsYUFDRixDQUVBLGNBQ0UsbUJBQXNCLENBQ3RCLGNBQ0YsQ0FFQSxjQUNFLG1CQUFzQixDQUN0QixjQUNGLENBRUEsY0FDRSxtQkFBc0IsQ0FDdEIsY0FDRixDQUVBLGNBQ0UsbUJBQXNCLENBQ3RCLGNBQ0YsQ0FFQSxpQkFJRSxrQkFBbUIsQ0FIbkIsbUJBQW9CLENBRXBCLHNCQUF1QixDQUR2QixVQUdGLENBQ0Esd0NBRUUsa0JBQW1CLENBU25CLFdBQVksQ0FIWixrQkFBbUIsQ0FLbkIsd09BQXVQLENBWnZQLFlBQWEsQ0FLYixPQUFRLENBQ1IsV0FBWSxDQUpaLDRCQUE2QixDQU83QixnQkFBaUIsQ0FOakIsZUFBZ0IsQ0FLaEIsZUFBZ0IsQ0FHaEIsb0NBQXNDLENBUHRDLGtCQVNGLENBQ0EsMkRBQ0UsNkJBQ0YsQ0FDQSxpREFDRSwyQ0FBNEMsQ0FFNUMsdUJBQ0YsQ0FDQSxpREFDRSxrQ0FBbUMsQ0FDbkMsdUJBQ0YsQ0FDQSwrQ0FDRSxzQ0FBdUMsQ0FDdkMsdUJBQ0YsQ0FDQSxpREFDRSxrQ0FBbUMsQ0FDbkMsdUJBQ0YsQ0FDQSxnREFDRSwyQ0FBNEMsQ0FHNUMsa0JBQW1CLENBR25CLGVBQWdCLENBTGhCLDZDQUE4QyxDQUc5QyxjQUFlLENBRmYsZUFBZ0IsQ0FLaEIsbURBQXVELENBRnZELGtCQUdGLENBQ0Esc0RBQ0Usd0RBQXlELENBQ3pELGlDQUNGLENBQ0EsZ0RBQ0UsNENBQTZDLENBQzdDLHVCQUF3QixDQUN4QixzQ0FDRixDQUNBLHdEQUNFLG9EQUFxRCxDQUNyRCx1QkFBd0IsQ0FDeEIsc0NBQ0YsQ0FDQSxpREFDRSw2Q0FBOEMsQ0FDOUMsdUJBQXdCLENBQ3hCLHNDQUNGLENBQ0Esa0RBQ0UsOENBQStDLENBQy9DLHVCQUF3QixDQUN4QixvQ0FDRixDQUNBLCtDQUNFLGlEQUFrRCxDQUNsRCx1QkFBd0IsQ0FDeEIsK0JBQ0YiLCJmaWxlIjoiQ2hpcC5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLmZvbnRYcyB7XG4gIGZvbnQtZmFtaWx5OiBcIlBvcHBpbnNcIjtcbiAgZm9udC1zaXplOiAxMHB4O1xufVxuXG4uZm9udFNtLCAuZmYtY2hpcC13cmFwcGVyIC5mZi1kZWZhdWx0LWNoaXAtc3R5bGUtLWN1c3RvbSB7XG4gIGZvbnQtZmFtaWx5OiBcIlBvcHBpbnNcIjtcbiAgZm9udC1zaXplOiAxMnB4O1xufVxuXG4uZm9udE1kIHtcbiAgZm9udC1mYW1pbHk6IFwiUG9wcGluc1wiO1xuICBmb250LXNpemU6IDE0cHg7XG59XG5cbi5mb250TGcge1xuICBmb250LWZhbWlseTogXCJQb3BwaW5zXCI7XG4gIGZvbnQtc2l6ZTogMTZweDtcbn1cblxuLmZvbnRYTCB7XG4gIGZvbnQtZmFtaWx5OiBcIlBvcHBpbnNcIjtcbiAgZm9udC1zaXplOiAxOHB4O1xufVxuXG4uZm9udDJYbCB7XG4gIGZvbnQtZmFtaWx5OiBcIlBvcHBpbnNcIjtcbiAgZm9udC1zaXplOiAyNHB4O1xufVxuXG4uZm9udC1zaXplLTgge1xuICBmb250LWZhbWlseTogXCJQb3BwaW5zXCI7XG4gIGZvbnQtc2l6ZTogOHB4O1xufVxuXG4uZm9udC1zaXplLTEwIHtcbiAgZm9udC1mYW1pbHk6IFwiUG9wcGluc1wiO1xuICBmb250LXNpemU6IDEwcHg7XG59XG5cbi5mb250LXNpemUtMjAge1xuICBmb250LWZhbWlseTogXCJQb3BwaW5zXCI7XG4gIGZvbnQtc2l6ZTogMjBweDtcbn1cblxuLmZvbnQtc2l6ZS0zMiB7XG4gIGZvbnQtZmFtaWx5OiBcIlBvcHBpbnNcIjtcbiAgZm9udC1zaXplOiAzMnB4O1xufVxuXG4uZm9udC1zaXplLTgwIHtcbiAgZm9udC1mYW1pbHk6IFwiUG9wcGluc1wiO1xuICBmb250LXNpemU6IDgwcHg7XG59XG5cbi5mZi1jaGlwLXdyYXBwZXIge1xuICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgbWFyZ2luOiA1cHg7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xufVxuLmZmLWNoaXAtd3JhcHBlciAuZmYtZGVmYXVsdC1jaGlwLXN0eWxlIHtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1hcm91bmQ7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIGdhcDogNXB4O1xuICBoZWlnaHQ6IDE4cHg7XG4gIGJvcmRlci1yYWRpdXM6IDI1cHg7XG4gIHBhZGRpbmc6IDRweCA4cHg7XG4gIGxpbmUtaGVpZ2h0OiAxNXB4O1xuICBib3JkZXI6IG5vbmU7XG4gIHRyYW5zaXRpb246IHRyYW5zZm9ybSAwLjRzIGVhc2UtaW4tb3V0O1xuICBib3gtc2hhZG93OiAxcHggMXB4IDNweCAwcHggdmFyKC0tZmYtY2hpcHMtc2hhZG93LWNvbG9yKSBpbnNldCwgLTFweCAtMXB4IDJweCAwcHggdmFyKC0tZmYtY2hpcC1iZykgaW5zZXQsIDFweCAtMXB4IDJweCAwcHggdmFyKC0tZmYtY2hpcHMtc2hhZG93LWNvbG9yLXR3bykgaW5zZXQsIC0xcHggLTFweCAycHggMHB4IHZhcigtLWZmLWNoaXBzLWJsdXItY29sb3IpLCAxcHggMXB4IDJweCAwcHggdmFyKC0tZmYtY2hpcC1iZy10d28pO1xufVxuLmZmLWNoaXAtd3JhcHBlciAuZmYtZGVmYXVsdC1jaGlwLXN0eWxlIC5mZi1jaGlwLXBhcmFncmFwaCB7XG4gIGxpbmUtaGVpZ2h0OiBpbmhlcml0ICFpbXBvcnRhbnQ7XG59XG4uZmYtY2hpcC13cmFwcGVyIC5mZi1kZWZhdWx0LWNoaXAtc3R5bGUtLXByaW1hcnkge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1mZi1jaGlwcy1maWxsLWNvbG9yKTtcbiAgY29sb3I6IHZhcigtLXRleHQtY29sb3IpO1xuICBjb2xvcjogdmFyKC0tdGV4dC1jb2xvcik7XG59XG4uZmYtY2hpcC13cmFwcGVyIC5mZi1kZWZhdWx0LWNoaXAtc3R5bGUtLXN1Y2Nlc3Mge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1mZi1zdWNjZXNzKTtcbiAgY29sb3I6IHZhcigtLXRleHQtY29sb3IpO1xufVxuLmZmLWNoaXAtd3JhcHBlciAuZmYtZGVmYXVsdC1jaGlwLXN0eWxlLS1lcnJvciB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWZmLWVycm9yLWxpZ2h0KTtcbiAgY29sb3I6IHZhcigtLXRleHQtY29sb3IpO1xufVxuLmZmLWNoaXAtd3JhcHBlciAuZmYtZGVmYXVsdC1jaGlwLXN0eWxlLS13YXJuaW5nIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tZmYtd2FybmluZyk7XG4gIGNvbG9yOiB2YXIoLS10ZXh0LWNvbG9yKTtcbn1cbi5mZi1jaGlwLXdyYXBwZXIgLmZmLWRlZmF1bHQtY2hpcC1zdHlsZS0tY3VzdG9tIHtcbiAgYmFja2dyb3VuZDogdmFyKC0tZXhwYW5kYWJsZS1tZW51LW9wdGlvbi1iZyk7XG4gIGNvbG9yOiB2YXIoLS1zd2l0Y2gtbGljZW5zZS1oZWFkZXItdGV4dC1jb2xvcik7XG4gIHBhZGRpbmc6IDRweCA4cHg7XG4gIGJvcmRlci1yYWRpdXM6IDEycHg7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgdHJhbnNpdGlvbjogYmFja2dyb3VuZC1jb2xvciAwLjNzIGVhc2UsIGNvbG9yIDAuM3MgZWFzZTtcbn1cbi5mZi1jaGlwLXdyYXBwZXIgLmZmLWRlZmF1bHQtY2hpcC1zdHlsZS0tY3VzdG9tOmhvdmVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc3dpdGNoLWxpY2Vuc2UtaGVhZGVyLXRleHQtY29sb3IpO1xuICBjb2xvcjogdmFyKC0tZmYtaGVhZGVyLXRleHQtY29sb3IpO1xufVxuLmZmLWNoaXAtd3JhcHBlciAuZmYtZGVmYXVsdC1jaGlwLXN0eWxlLS1wdWJsaWMge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1wdWJsaWMtY2hpcC1iZy1jb2xvcik7XG4gIGNvbG9yOiB2YXIoLS10ZXh0LWNvbG9yKTtcbiAgY29sb3I6IHZhcigtLWxpY2Vuc2VfaGVhZGVyX3RleHRfY29sb3IpO1xufVxuLmZmLWNoaXAtd3JhcHBlciAuZmYtZGVmYXVsdC1jaGlwLXN0eWxlLS1wYXJ0aWFsLXB1YmxpYyB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXBhcnRpYWwtcHVibGljLWNoaXAtYmctY29sb3IpO1xuICBjb2xvcjogdmFyKC0tdGV4dC1jb2xvcik7XG4gIGNvbG9yOiB2YXIoLS1saWNlbnNlX2hlYWRlcl90ZXh0X2NvbG9yKTtcbn1cbi5mZi1jaGlwLXdyYXBwZXIgLmZmLWRlZmF1bHQtY2hpcC1zdHlsZS0tcHJpdmF0ZSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXByaXZhdGUtY2hpcC1iZy1jb2xvcik7XG4gIGNvbG9yOiB2YXIoLS10ZXh0LWNvbG9yKTtcbiAgY29sb3I6IHZhcigtLWxpY2Vuc2VfaGVhZGVyX3RleHRfY29sb3IpO1xufVxuLmZmLWNoaXAtd3JhcHBlciAuZmYtZGVmYXVsdC1jaGlwLXN0eWxlLS1kaXNhYmxlZCB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWRpc2FibGVkLWNoaXAtYmctY29sb3IpO1xuICBjb2xvcjogdmFyKC0tdGV4dC1jb2xvcik7XG4gIGNvbG9yOiB2YXIoLS10YWJsZS1jb2x1bW4tdGV4dC1jb2xvcik7XG59XG4uZmYtY2hpcC13cmFwcGVyIC5mZi1kZWZhdWx0LWNoaXAtc3R5bGUtLWNvdW50IHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0taW1wYWN0LWxpc3QtY2hpcC1iZy1jb2xvcik7XG4gIGNvbG9yOiB2YXIoLS10ZXh0LWNvbG9yKTtcbiAgY29sb3I6IHZhcigtLWZmLWNoaXAtdGV4dC1jb2xvcik7XG59Il19 */");

package/lib/components/ChipWithCount/ChipWithCount.js

@@ -1,14 +1 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import Tooltip from '../Tooltip';
-import Typography from '../Typography';
-import './ChipWithCount.scss';
-import { truncateText } from '../../utils/truncateText/truncateText';
-import { checkEmpty } from '../../utils/checkEmpty/checkEmpty';
-const ChipWithCount = ({ labelsList = [], height = '', }) => {
-    const getRemainingLabels = (_jsx("div", { className: "ff-chip-tooltip", children: labelsList
-            .filter((_, index) => index > 0)
-            .map((labels, index) => (_jsx(Typography, { as: "div", className: "ff-chip-tooltip-label", children: labels }, `label-${index}-${labels}`))) }));
-    return (_jsx(_Fragment, { children: !checkEmpty(labelsList) && (_jsxs("div", { className: "ff-chip-with-count-container", children: [_jsx(Tooltip, { title: labelsList[0], children: _jsx(Typography, { as: "div", children: truncateText(labelsList[0] || '', 10), className: "ff-chip-label", fontWeight: "medium", style: height ? { height } : undefined }) }), labelsList.length > 1 && (_jsx(Tooltip, { title: _jsx(Typography, { as: "div", children: getRemainingLabels }), children: _jsx(Typography, { as: "div", children: `+${labelsList.length - 1}`, className: 'ff-chip-count', fontWeight: "medium" }) }))] })) }));
-};
-export default ChipWithCount;
-//# sourceMappingURL=ChipWithCount.js.map
+import{jsx as t,Fragment as i,jsxs as e}from"react/jsx-runtime";import l from"../Tooltip/Tooltip.js";import c from"../Typography/Typography.js";import"./ChipWithCount.scss.js";import{truncateText as o}from"../../utils/truncateText/truncateText.js";import{checkEmpty as r}from"../../utils/checkEmpty/checkEmpty.js";const s=({labelsList:s=[],height:h=""})=>{const a=t("div",{className:"ff-chip-tooltip",children:s.filter((t,i)=>i>0).map((i,e)=>t(c,{as:"div",className:"ff-chip-tooltip-label",children:i},`label-${e}-${i}`))});return t(i,{children:!r(s)&&e("div",{className:"ff-chip-with-count-container",children:[t(l,{title:s[0],children:t(c,{as:"div",children:o(s[0]||"",10),className:"ff-chip-label",fontWeight:"medium",style:h?{height:h}:void 0})}),s.length>1&&t(l,{title:t(c,{as:"div",children:a}),children:t(c,{as:"div",children:"+"+(s.length-1),className:"ff-chip-count",fontWeight:"medium"})})]})})};export{s as default};

package/lib/components/ChipWithCount/ChipWithCount.scss.js

@@ -0,0 +1 @@
+import c from"../../node_modules/style-inject/dist/style-inject.es.js";c(".ff-chip-with-count-container{display:flex;gap:4px}.ff-chip-with-count-container .ff-chip-label{border:1px solid var(--brand-color);border-radius:12px;color:var(--switch-license-header-text-color);padding:4px 8px}.ff-chip-with-count-container .ff-chip-label:hover{background-color:var(--brand-color);color:var(--primary-button-text-color)}.ff-chip-with-count-container .ff-chip-label{align-items:center;display:flex}.ff-chip-with-count-container .ff-chip-count{background-color:var(--default-chip-count-background-color);border:1px solid var(--brand-color);border-radius:20px;color:var(--switch-license-header-text-color);padding:4px 8px}.ff-chip-with-count-container .ff-chip-count:hover{background-color:var(--brand-color);color:var(--primary-button-text-color)}.ff-chip-tooltip .ff-chip-tooltip-label{padding:4px 8px}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNoaXBXaXRoQ291bnQuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSw4QkFDRSxZQUFhLENBQ2IsT0FDRixDQUNBLDZDQUNFLG1DQUFvQyxDQUNwQyxrQkFBbUIsQ0FFbkIsNkNBQThDLENBRDlDLGVBRUYsQ0FDQSxtREFDRSxtQ0FBb0MsQ0FDcEMsc0NBQ0YsQ0FDQSw2Q0FFRSxrQkFBbUIsQ0FEbkIsWUFFRixDQUNBLDZDQUlFLDJEQUE0RCxDQUg1RCxtQ0FBb0MsQ0FDcEMsa0JBQW1CLENBR25CLDZDQUE4QyxDQUY5QyxlQUdGLENBQ0EsbURBQ0UsbUNBQW9DLENBQ3BDLHNDQUNGLENBRUEsd0NBQ0UsZUFDRiIsImZpbGUiOiJDaGlwV2l0aENvdW50LnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIuZmYtY2hpcC13aXRoLWNvdW50LWNvbnRhaW5lciB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGdhcDogNHB4O1xufVxuLmZmLWNoaXAtd2l0aC1jb3VudC1jb250YWluZXIgLmZmLWNoaXAtbGFiZWwge1xuICBib3JkZXI6IDFweCBzb2xpZCB2YXIoLS1icmFuZC1jb2xvcik7XG4gIGJvcmRlci1yYWRpdXM6IDEycHg7XG4gIHBhZGRpbmc6IDRweCA4cHg7XG4gIGNvbG9yOiB2YXIoLS1zd2l0Y2gtbGljZW5zZS1oZWFkZXItdGV4dC1jb2xvcik7XG59XG4uZmYtY2hpcC13aXRoLWNvdW50LWNvbnRhaW5lciAuZmYtY2hpcC1sYWJlbDpob3ZlciB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWJyYW5kLWNvbG9yKTtcbiAgY29sb3I6IHZhcigtLXByaW1hcnktYnV0dG9uLXRleHQtY29sb3IpO1xufVxuLmZmLWNoaXAtd2l0aC1jb3VudC1jb250YWluZXIgLmZmLWNoaXAtbGFiZWwge1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xufVxuLmZmLWNoaXAtd2l0aC1jb3VudC1jb250YWluZXIgLmZmLWNoaXAtY291bnQge1xuICBib3JkZXI6IDFweCBzb2xpZCB2YXIoLS1icmFuZC1jb2xvcik7XG4gIGJvcmRlci1yYWRpdXM6IDIwcHg7XG4gIHBhZGRpbmc6IDRweCA4cHg7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWRlZmF1bHQtY2hpcC1jb3VudC1iYWNrZ3JvdW5kLWNvbG9yKTtcbiAgY29sb3I6IHZhcigtLXN3aXRjaC1saWNlbnNlLWhlYWRlci10ZXh0LWNvbG9yKTtcbn1cbi5mZi1jaGlwLXdpdGgtY291bnQtY29udGFpbmVyIC5mZi1jaGlwLWNvdW50OmhvdmVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tYnJhbmQtY29sb3IpO1xuICBjb2xvcjogdmFyKC0tcHJpbWFyeS1idXR0b24tdGV4dC1jb2xvcik7XG59XG5cbi5mZi1jaGlwLXRvb2x0aXAgLmZmLWNoaXAtdG9vbHRpcC1sYWJlbCB7XG4gIHBhZGRpbmc6IDRweCA4cHg7XG59Il19 */");

package/lib/components/ChooseFile/ChooseFile.js

@@ -1,21 +1 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useLayoutEffect, useRef, useState } from 'react';
-import Button from '../Button';
-import Tooltip from '../Tooltip';
-import { isTextTruncated, truncateText, } from '../../utils/truncateText/truncateText';
-const ChooseFile = ({ variant = 'primary', size = 'small', onClick, label = 'Choose File', disabled = false, type = 'button', className = '', style = {}, iconName, isChooseFile = false, buttonWidth = 'auto', buttonHeight = 'auto', selectedFile = {}, handleCloseIcon, isMandatory = false, }) => {
-    const wrapperRef = useRef(null);
-    const [width, setWidth] = useState(0);
-    const END_PADDING_RESERVE = 10;
-    useLayoutEffect(() => {
-        if (wrapperRef.current) {
-            setWidth(wrapperRef.current.getBoundingClientRect().width - END_PADDING_RESERVE);
-        }
-    }, [buttonWidth]);
-    const text = selectedFile?.name || label;
-    const truncatedText = width ? truncateText(text, width, 'pixel') : text;
-    const showTooltip = width ? isTextTruncated(text, width, 'pixel') : false;
-    return (_jsx("div", { ref: wrapperRef, style: { width: buttonWidth }, children: _jsx(Tooltip, { title: showTooltip ? text : '', children: _jsx(Button, { variant: variant, label: truncatedText, type: type, onClick: onClick, buttonWidth: buttonWidth, buttonHeight: buttonHeight, isChooseFile: isChooseFile, size: size, disabled: disabled, className: className, iconName: iconName, style: style, iconPosition: "right", selectedFile: selectedFile, handleCloseIcon: handleCloseIcon, isMandatory: isMandatory }) }) }));
-};
-export default ChooseFile;
-//# sourceMappingURL=ChooseFile.js.map
+import{jsx as t}from"react/jsx-runtime";import{useRef as e,useState as i,useLayoutEffect as o}from"react";import l from"../Button/Button.js";import n from"../Tooltip/Tooltip.js";import{truncateText as s,isTextTruncated as r}from"../../utils/truncateText/truncateText.js";const a=({variant:a="primary",size:c="small",onClick:d,label:u="Choose File",disabled:m=!1,type:h="button",className:p="",style:b={},iconName:y,isChooseFile:C=!1,buttonWidth:f="auto",buttonHeight:x="auto",selectedFile:g={},handleCloseIcon:F,isMandatory:j=!1})=>{const N=e(null),[T,v]=i(0);o(()=>{N.current&&v(N.current.getBoundingClientRect().width-10)},[f]);const B=g?.name||u,k=T?s(B,T,"pixel"):B,w=!!T&&r(B,T,"pixel");return t("div",{ref:N,style:{width:f},children:t(n,{title:w?B:"",children:t(l,{variant:a,label:k,type:h,onClick:d,buttonWidth:f,buttonHeight:x,isChooseFile:C,size:c,disabled:m,className:p,iconName:y,style:b,iconPosition:"right",selectedFile:g,handleCloseIcon:F,isMandatory:j})})})};export{a as default};

package/lib/components/Comments/Comments.js

@@ -1,271 +1 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useEffect, useCallback, useRef } from 'react';
-import './Comments.scss';
-import Icon from '../Icon';
-import { ffid } from '../../utils/ffID/ffid';
-import ChildComment from './childComment/ChildComment';
-import useNode from './childComment/useNode';
-import MentionUser from './mentionUser/MentionUser';
-import { formatUserDetails } from './commentCommonUtils';
-import { DETECT_MENTIONED_USERNAME_AFTER_SPACE, DETECT_AT_CHAR_AT_START, CHECK_AT_FOLLOWED_BY_WORD, } from '../../../src/validations/regex';
-import Typography from '../Typography';
-import Tooltip from '../Tooltip';
-const Comments = ({ commentsData, handleAddComment, handleEditComment, handleDeleteComment, onCommentsDataChange, currentUser, isDisable = false, userDetails, createdByID, rowBreakCharCount = 83, isVewMode = false, deleteEnable = true, showTextarea = false, autoFocus = false, }) => {
-    const [input, setInput] = useState('');
-    const [commentData, setCommentsData] = useState([]);
-    const [hasAtSymbol, setHasAtSymbol] = useState(false);
-    const [usersObj, setUsersObj] = useState([]);
-    const [mentionPosition, setMentionPosition] = useState({ top: 0, left: 0 });
-    const [textAfterAt, setTextAfterAt] = useState('');
-    const textareaRef = useRef(null);
-    const selectSectionRef = useRef(null);
-    const [enterKeyPressed, setEnterKeyPressed] = useState(false);
-    useEffect(() => {
-        const formattedUsersDetails = formatUserDetails(userDetails);
-        setUsersObj(formattedUsersDetails);
-    }, [userDetails]);
-    const findNode = (nodes, id) => {
-        for (const node of nodes) {
-            if (node.id === id)
-                return node;
-            const found = findNode(node.comments, id);
-            if (found)
-                return found;
-        }
-        return null;
-    };
-    useEffect(() => {
-        if (commentsData) {
-            setCommentsData(commentsData);
-        }
-    }, [commentsData]);
-    useEffect(() => {
-        const handleClickOutside = (event) => {
-            if (selectSectionRef.current &&
-                !selectSectionRef.current.contains(event.target)) {
-                setHasAtSymbol(false);
-                setInput((existingTexts) => {
-                    const splittedWords = existingTexts.split(' ');
-                    if (splittedWords.length > 0 &&
-                        splittedWords?.[splittedWords?.length - 1]?.startsWith('@')) {
-                        return splittedWords.slice(0, -1).join(' ');
-                    }
-                    return existingTexts;
-                });
-            }
-        };
-        document.addEventListener('mousedown', handleClickOutside);
-        return () => {
-            document.removeEventListener('mousedown', handleClickOutside);
-        };
-    }, []);
-    const { insertNode, editNode, deleteNode } = useNode();
-    const handleInsertNode = (parentId, text, emailIds) => {
-        if (!text.trim())
-            return;
-        const newComment = {
-            id: ffid(),
-            description: text,
-            commentParentId: parentId,
-            emailId: emailIds,
-            comments: [],
-            createdBy: currentUser?.createdBy,
-            modifiedBy: currentUser?.modifiedBy,
-            createdByUname: currentUser?.createdByUname,
-            modifiedByUname: currentUser?.modifiedByUname,
-            createdOn: new Date().toISOString(),
-            modifiedOn: new Date().toISOString(),
-        };
-        setCommentsData((prevComments) => insertNode(prevComments, parentId, newComment));
-        if (handleAddComment)
-            handleAddComment(newComment, findNode(commentData, parentId));
-    };
-    const handleEditNode = useCallback((commentId, value, mentionedUsersEmail) => {
-        const updatedTree = editNode(commentData, commentId, value);
-        setCommentsData(updatedTree);
-        const updatedNode = findNode(updatedTree, commentId);
-        if (handleEditComment)
-            handleEditComment(commentId, value, updatedNode, mentionedUsersEmail);
-    }, [commentData, editNode, handleEditComment]);
-    const handleDeleteNode = useCallback(async (commentId) => {
-        try {
-            if (handleDeleteComment) {
-                const response = await handleDeleteComment(commentId);
-                if (response?.success) {
-                    const updatedTree = deleteNode(commentData, commentId);
-                    setCommentsData(updatedTree);
-                }
-            }
-        }
-        catch (error) {
-            console.error('Error deleting comment:', error);
-        }
-    }, [deleteNode, handleDeleteComment]);
-    useEffect(() => {
-        if (onCommentsDataChange) {
-            onCommentsDataChange(commentData);
-        }
-    }, [commentData, onCommentsDataChange]);
-    const handleAddNewComment = () => {
-        if (!input.trim())
-            return;
-        const mentionedUserEmails = usersObj
-            .filter((user) => {
-            const regex = new RegExp(`@${user.name}\\b`, 'i');
-            return regex.test(input);
-        })
-            .map((user) => user.emailId);
-        const newComment = {
-            id: ffid(),
-            description: input,
-            comments: [],
-            createdBy: currentUser?.createdBy,
-            modifiedBy: currentUser?.modifiedBy,
-            createdByUname: currentUser?.createdByUname,
-            modifiedByUname: currentUser?.modifiedByUname,
-            createdOn: new Date().toISOString(),
-            modifiedOn: new Date().toISOString(),
-            commentParentId: '',
-            emailId: mentionedUserEmails,
-        };
-        if (handleAddComment)
-            handleAddComment(newComment, null);
-        setCommentsData((prev) => [...prev, newComment]);
-        setInput('');
-    };
-    const getCaretCoordinates = (element, position) => {
-        const div = document.createElement('div');
-        const copyStyle = getComputedStyle(element);
-        div.style.cssText = `
-      position: absolute;
-      visibility: hidden;
-      white-space: pre-wrap;
-      word-wrap: break-word;
-      overflow: auto;
-      width: ${element.offsetWidth}px;
-      height: ${element.offsetHeight}px;
-      font-family: ${copyStyle.fontFamily};
-      font-size: ${copyStyle.fontSize};
-      padding: ${copyStyle.padding};
-      border: ${copyStyle.border};
-      box-sizing: ${copyStyle.boxSizing};
-      line-height: ${copyStyle.lineHeight};
-    `;
-        div.scrollTop = element.scrollTop;
-        div.scrollLeft = element.scrollLeft;
-        document.body.appendChild(div);
-        const text = element.value.slice(0, position);
-        div.textContent = text || '.';
-        const span = document.createElement('span');
-        span.textContent = '.';
-        div.appendChild(span);
-        const spanRect = span.getBoundingClientRect();
-        document.body.removeChild(div);
-        return {
-            top: spanRect.top,
-            left: spanRect.left,
-        };
-    };
-    useEffect(() => {
-        const updateMentionPosition = () => {
-            if (!textareaRef.current)
-                return;
-            const textareaEl = textareaRef?.current;
-            const dropdownEl = selectSectionRef?.current;
-            const caretPosition = textareaRef.current.selectionStart;
-            const caretCoords = getCaretCoordinates(textareaEl, caretPosition);
-            const dropdownHeight = dropdownEl?.getBoundingClientRect().height ?? 0;
-            const inputRect = textareaEl?.getBoundingClientRect();
-            if (!inputRect)
-                return;
-            const spaceBelow = window.innerHeight - inputRect.bottom;
-            const spaceAbove = inputRect.top;
-            const showAbove = spaceBelow < dropdownHeight && spaceAbove > dropdownHeight;
-            setMentionPosition({
-                top: showAbove
-                    ? caretPosition - dropdownHeight - 16
-                    : caretPosition + 32,
-                left: caretCoords.left + 10,
-            });
-        };
-        updateMentionPosition();
-    }, [input]);
-    const textAreaInputChange = (e) => {
-        const textAreaValue = e.target.value;
-        setInput(textAreaValue);
-        const caretPosition = e.target.selectionStart;
-        const textBeforeCaret = textAreaValue.slice(0, caretPosition);
-        const match = textBeforeCaret.match(CHECK_AT_FOLLOWED_BY_WORD);
-        const mentionWords = match?.[1] || '';
-        setTextAfterAt(mentionWords);
-        const hasExplicitAtSymbol = DETECT_AT_CHAR_AT_START.test(textBeforeCaret);
-        setHasAtSymbol(!!hasExplicitAtSymbol);
-        if (!textAreaValue) {
-            setEnterKeyPressed(false);
-        }
-    };
-    useEffect(() => {
-        if (!input.includes('\n')) {
-            setEnterKeyPressed(false);
-        }
-    }, [input]);
-    const optionClicked = (name) => {
-        if (!textareaRef.current)
-            return;
-        const caretPosition = textareaRef.current.selectionStart;
-        const textBeforeCaret = input.slice(0, caretPosition);
-        const mentionNameMatch = textBeforeCaret.match(DETECT_MENTIONED_USERNAME_AFTER_SPACE);
-        if (mentionNameMatch) {
-            const mentionNameStart = textBeforeCaret.lastIndexOf(mentionNameMatch[1] ?? '');
-            const remainingText = input.slice(caretPosition);
-            const mentionedUserName = `@${name} `;
-            const newText = input.slice(0, mentionNameStart) + mentionedUserName + remainingText;
-            setInput(newText);
-            setHasAtSymbol(false);
-            setTimeout(() => {
-                textareaRef.current?.focus();
-                const newCaretPos = mentionNameStart + mentionedUserName.length + 1;
-                textareaRef.current?.setSelectionRange(newCaretPos, newCaretPos);
-            }, 0);
-        }
-    };
-    const handleKeyDown = (e) => {
-        if (e.key === '@') {
-            setHasAtSymbol(true);
-        }
-        else if (e.key === 'Backspace' && textareaRef.current) {
-            const caretPos = textareaRef.current.selectionStart;
-            const textBeforeCaret = input.slice(0, caretPos);
-            if (textBeforeCaret.endsWith('@')) {
-                setHasAtSymbol(false);
-            }
-            if (hasAtSymbol) {
-                e.preventDefault();
-                const before = input.slice(0, caretPos - 1);
-                const after = input.slice(caretPos);
-                const updated = before + after;
-                setInput(updated);
-                const newCaretPos = caretPos - 1;
-                const newTextBeforeCaret = updated.slice(0, newCaretPos);
-                const match = newTextBeforeCaret.match(CHECK_AT_FOLLOWED_BY_WORD);
-                const mentionWord = match?.[1] || '';
-                setTextAfterAt(mentionWord);
-                setHasAtSymbol(!!match);
-                setTimeout(() => {
-                    textareaRef.current?.setSelectionRange(newCaretPos, newCaretPos);
-                }, 0);
-            }
-        }
-        if (e.key === 'Enter') {
-            setEnterKeyPressed(true);
-        }
-    };
-    return (_jsxs("div", { className: "ff-comments-container-box", children: [!isVewMode && (_jsxs("div", { className: `ff-first-comment ${showTextarea ? 'no-border' : ''}`, children: [_jsx(Typography, { fontWeight: "semi-bold", className: "ff-comment-heading", children: "Comments" }), !showTextarea && (_jsxs("div", { className: "input-wrapper", children: [_jsx("textarea", { className: "inputContainer_input first_input", rows: enterKeyPressed ? 3 : input.length < rowBreakCharCount ? 1 : 3, autoFocus: autoFocus, value: input, onChange: (e) => textAreaInputChange(e), placeholder: "Add a comment", disabled: isDisable, ref: textareaRef, onKeyDown: handleKeyDown }), hasAtSymbol && (_jsx("div", { id: "mention-user", style: {
-                                    position: 'absolute',
-                                    top: `${mentionPosition.top}px`,
-                                    left: `${mentionPosition.left}px`,
-                                }, children: _jsx(MentionUser, { hasAtSymbol: hasAtSymbol, usersObj: usersObj, optionClicked: optionClicked, charsAfterAt: textAfterAt, mentionUserRef: selectSectionRef }) })), _jsx("span", { className: "reply-comment", children: _jsx(Tooltip, { title: "Add", children: _jsx(Icon, { name: "comment_reply", onClick: handleAddNewComment, hoverEffect: true, disabled: Boolean(!input.length) }) }) })] }))] })), commentData.length > 0 &&
-                commentData.map((comment) => (_jsx(ChildComment, { handleInsertNode: handleInsertNode, handleEditNode: handleEditNode, handleDeleteNode: handleDeleteNode, comment: comment, depth: 0, isDisable: isDisable, userDetails: userDetails, isEditDeleteActionAllowed: comment.createdBy === createdByID, createdByID: createdByID, isVewMode: isVewMode, deleteEnable: deleteEnable }, comment.id)))] }));
-};
-export default Comments;
-//# sourceMappingURL=Comments.js.map
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as n,useRef as o,useEffect as i,useCallback as r}from"react";import"./Comments.scss.js";import s from"../Icon/Icon.js";import{ffid as c}from"../../utils/ffID/ffid.js";import d from"./childComment/ChildComment.js";import a from"./childComment/useNode.js";import m from"./mentionUser/MentionUser.js";import{formatUserDetails as l}from"./commentCommonUtils.js";import{CHECK_AT_FOLLOWED_BY_WORD as f,DETECT_MENTIONED_USERNAME_AFTER_SPACE as u,DETECT_AT_CHAR_AT_START as p}from"../../validations/regex.js";import h from"../Typography/Typography.js";import g from"../Tooltip/Tooltip.js";const y=({commentsData:y,handleAddComment:C,handleEditComment:w,handleDeleteComment:B,onCommentsDataChange:b,currentUser:D,isDisable:S=!1,userDetails:v,createdByID:x,rowBreakCharCount:I=83,isVewMode:j=!1,deleteEnable:E=!0,showTextarea:N=!1,autoFocus:U=!1})=>{const[$,O]=n(""),[T,k]=n([]),[A,R]=n(!1),[z,L]=n([]),[W,F]=n({top:0,left:0}),[H,M]=n(""),_=o(null),P=o(null),[V,K]=n(!1);i(()=>{const e=l(v);L(e)},[v]);const q=(e,t)=>{for(const n of e){if(n.id===t)return n;const e=q(n.comments,t);if(e)return e}return null};i(()=>{y&&k(y)},[y]),i(()=>{const e=e=>{P.current&&!P.current.contains(e.target)&&(R(!1),O(e=>{const t=e.split(" ");return t.length>0&&t?.[t?.length-1]?.startsWith("@")?t.slice(0,-1).join(" "):e}))};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[]);const{insertNode:G,editNode:J,deleteNode:Q}=a(),X=(e,t,n)=>{if(!t.trim())return;const o={id:c(),description:t,commentParentId:e,emailId:n,comments:[],createdBy:D?.createdBy,modifiedBy:D?.modifiedBy,createdByUname:D?.createdByUname,modifiedByUname:D?.modifiedByUname,createdOn:(new Date).toISOString(),modifiedOn:(new Date).toISOString()};k(t=>G(t,e,o)),C&&C(o,q(T,e))},Y=r((e,t,n)=>{const o=J(T,e,t);k(o);const i=q(o,e);w&&w(e,t,i,n)},[T,J,w]),Z=r(async e=>{try{if(B){const t=await B(e);if(t?.success){const t=Q(T,e);k(t)}}}catch(e){console.error("Error deleting comment:",e)}},[Q,B]);i(()=>{b&&b(T)},[T,b]);i(()=>{(()=>{if(!_.current)return;const e=_?.current,t=P?.current,n=_.current.selectionStart,o=((e,t)=>{const n=document.createElement("div"),o=getComputedStyle(e);n.style.cssText=`\n      position: absolute;\n      visibility: hidden;\n      white-space: pre-wrap;\n      word-wrap: break-word;\n      overflow: auto;\n      width: ${e.offsetWidth}px;\n      height: ${e.offsetHeight}px;\n      font-family: ${o.fontFamily};\n      font-size: ${o.fontSize};\n      padding: ${o.padding};\n      border: ${o.border};\n      box-sizing: ${o.boxSizing};\n      line-height: ${o.lineHeight};\n    `,n.scrollTop=e.scrollTop,n.scrollLeft=e.scrollLeft,document.body.appendChild(n);const i=e.value.slice(0,t);n.textContent=i||".";const r=document.createElement("span");r.textContent=".",n.appendChild(r);const s=r.getBoundingClientRect();return document.body.removeChild(n),{top:s.top,left:s.left}})(e,n),i=t?.getBoundingClientRect().height??0,r=e?.getBoundingClientRect();if(!r)return;const s=window.innerHeight-r.bottom,c=r.top;F({top:s<i&&c>i?n-i-16:n+32,left:o.left+10})})()},[$]);i(()=>{$.includes("\n")||K(!1)},[$]);return e("div",{className:"ff-comments-container-box",children:[!j&&e("div",{className:"ff-first-comment "+(N?"no-border":""),children:[t(h,{fontWeight:"semi-bold",className:"ff-comment-heading",children:"Comments"}),!N&&e("div",{className:"input-wrapper",children:[t("textarea",{className:"inputContainer_input first_input",rows:V?3:$.length<I?1:3,autoFocus:U,value:$,onChange:e=>(e=>{const t=e.target.value;O(t);const n=e.target.selectionStart,o=t.slice(0,n),i=o.match(f);M(i?.[1]||"");const r=p.test(o);R(!!r),t||K(!1)})(e),placeholder:"Add a comment",disabled:S,ref:_,onKeyDown:e=>{if("@"===e.key)R(!0);else if("Backspace"===e.key&&_.current){const t=_.current.selectionStart;if($.slice(0,t).endsWith("@")&&R(!1),A){e.preventDefault();const n=$.slice(0,t-1)+$.slice(t);O(n);const o=t-1,i=n.slice(0,o).match(f);M(i?.[1]||""),R(!!i),setTimeout(()=>{_.current?.setSelectionRange(o,o)},0)}}"Enter"===e.key&&K(!0)}}),A&&t("div",{id:"mention-user",style:{position:"absolute",top:`${W.top}px`,left:`${W.left}px`},children:t(m,{hasAtSymbol:A,usersObj:z,optionClicked:e=>{if(!_.current)return;const t=_.current.selectionStart,n=$.slice(0,t),o=n.match(u);if(o){const i=n.lastIndexOf(o[1]??""),r=$.slice(t),s=`@${e} `,c=$.slice(0,i)+s+r;O(c),R(!1),setTimeout(()=>{_.current?.focus();const e=i+s.length+1;_.current?.setSelectionRange(e,e)},0)}},charsAfterAt:H,mentionUserRef:P})}),t("span",{className:"reply-comment",children:t(g,{title:"Add",children:t(s,{name:"comment_reply",onClick:()=>{if(!$.trim())return;const e=z.filter(e=>new RegExp(`@${e.name}\\b`,"i").test($)).map(e=>e.emailId),t={id:c(),description:$,comments:[],createdBy:D?.createdBy,modifiedBy:D?.modifiedBy,createdByUname:D?.createdByUname,modifiedByUname:D?.modifiedByUname,createdOn:(new Date).toISOString(),modifiedOn:(new Date).toISOString(),commentParentId:"",emailId:e};C&&C(t,null),k(e=>[...e,t]),O("")},hoverEffect:!0,disabled:Boolean(!$.length)})})})]})]}),T.length>0&&T.map(e=>t(d,{handleInsertNode:X,handleEditNode:Y,handleDeleteNode:Z,comment:e,depth:0,isDisable:S,userDetails:v,isEditDeleteActionAllowed:e.createdBy===x,createdByID:x,isVewMode:j,deleteEnable:E},e.id))]})};export{y as default};

package/lib/components/Comments/Comments.scss.js

@@ -0,0 +1 @@
+import t from"../../node_modules/style-inject/dist/style-inject.es.js";t('.ff-comments-container-box .ff-message-time,.fontXs{font-family:Poppins;font-size:10px}.ff-comments-container-box .commentContainer__avatar,.ff-comments-container-box .editable-text,.ff-comments-container-box .ff-first-comment,.ff-comments-container-box .ff-message-name,.fontSm{font-family:Poppins;font-size:12px}.fontMd{font-size:14px}.fontLg,.fontMd{font-family:Poppins}.fontLg{font-size:16px}.fontXL{font-size:18px}.font2Xl,.fontXL{font-family:Poppins}.font2Xl{font-size:24px}.font-size-8{font-family:Poppins;font-size:8px}.font-size-10{font-family:Poppins;font-size:10px}.font-size-20{font-family:Poppins;font-size:20px}.font-size-32{font-family:Poppins;font-size:32px}.font-size-80{font-family:Poppins;font-size:80px}.ff-comments-container-box,.ff-comments-container-box .comment-wrapper{display:flex;flex-direction:column;gap:12px}.ff-comments-container-box .commentContainer{position:relative;width:100%}.ff-comments-container-box .commentContainer.no-border{border-bottom-left-radius:0;border-left:none;height:12vh}.ff-comments-container-box .comment-reply-container{position:relative}.ff-comments-container-box .comment-reply-container .inputContainer{max-width:650px}.ff-comments-container-box .ff-editable-container{color:var(--ff-comment-text-color);display:flex;flex-direction:column;position:relative;width:90%}.ff-comments-container-box .ff-editable-container:before{background:transparent;border-bottom:1px solid var(--ff-comment-border-color);border-end-start-radius:10px;border-inline-start:1px solid var(--ff-comment-border-color);content:"";height:100%;left:-24px;position:absolute;width:6px}.ff-comments-container-box .commentContainer__avatar{align-items:center;background-color:var(--ff-comment-input-border-color);border-radius:4px;color:var(--ff-comment-avatar-text-color);display:flex;font-weight:700;height:30px;justify-content:center;left:-14px;margin-right:10px;overflow:hidden;position:absolute;top:-8px;width:30px;z-index:1}.ff-comments-container-box .comment-actions{display:flex;gap:8px;left:-20px;position:relative;top:12px}.ff-comments-container-box .comment-actions .action-icon{cursor:pointer}.ff-comments-container-box .comment-actions.no-border{left:19px}.ff-comments-container-box .comment-actions .ff-comment-action-item{display:flex;gap:4px}.ff-comments-container-box .ff-first-comment{border:1px solid var(--ff-comment-border-color);border-radius:8px;display:flex;flex-direction:column;justify-content:space-between;width:100%}.ff-comments-container-box .ff-first-comment .ff-comment-heading{padding:8px}.ff-comments-container-box .ff-first-comment.no-border{border:none}.ff-comments-container-box .input-wrapper{display:flex;padding-bottom:8px;position:relative}.ff-comments-container-box .inputContainer{display:flex;max-width:620px}.ff-comments-container-box .typography-text{max-width:610px;overflow-wrap:anywhere;white-space:pre-line}.ff-comments-container-box .inputContainer_input{border:1px solid var(--ff-comment-border-color);border-radius:4px;font-family:poppins;font-size:12px;margin:0 10px;outline:none;padding:5px;resize:none}.ff-comments-container-box .inputContainer_input:focus,.ff-comments-container-box .inputContainer_input:focus-visible{outline:1px solid var(--ff-comment-input-border-color)}.ff-comments-container-box .inputEditContainer__input{border:1px solid var(--ff-comment-border-color);border-radius:4px;outline:none;padding:5px;width:100%}.ff-comments-container-box .inputEditContainer__input:focus,.ff-comments-container-box .inputEditContainer__input:focus-visible{outline:1px solid var(--ff-comment-input-border-color)}.ff-comments-container-box .edit-comment{bottom:-5px;height:20px;position:relative;right:50px;width:20px}.ff-comments-container-box .edit-comment,.ff-comments-container-box .reply-comment{align-items:center;background:var(--ff-comment-avatar-text-color);border-radius:50%;display:flex;justify-content:center}.ff-comments-container-box .reply-comment{bottom:28%;cursor:pointer;position:absolute;right:3%}.ff-comments-container-box .commentsContainer{padding:8px 8px 8px 24px}.ff-comments-container-box .child-comments{margin-left:8px;position:relative;width:100%}.ff-comments-container-box .child-comments.first-level-child,.ff-comments-container-box .child-comments.second-level-child{display:flex;flex-direction:column;margin-top:8px;position:relative}.ff-comments-container-box .child-comments.first-level-child:before{height:calc(100% - 98px)}.ff-comments-container-box .child-comments:empty:before{content:none}.ff-comments-container-box .reply-text{align-items:center;background:var(--ff-comment-avatar-text-color);border-radius:50%;bottom:-4px;display:flex;height:20px;justify-content:center;position:relative;right:46px;width:20px}.ff-comments-container-box .ff-message-container{display:flex;flex-direction:column;gap:8px;left:25px;margin-bottom:8px;position:relative}.ff-comments-container-box .ff-message{align-items:center;display:flex;gap:8px}.ff-comments-container-box .ff-message-name{font-weight:600}.ff-comments-container-box .ff-message-time{color:var(--ff-comment-text-color)}.ff-comments-container-box .editable-text{word-wrap:break-word;color:var(--ff-comment-text-color)}.ff-comments-container-box .editable-text:focus,.ff-comments-container-box .editable-text:focus-visible{outline:1px solid var(--ff-comment-input-border-color)}.ff-comments-container-box .editable-text{margin-bottom:-8px}.ff-comments-container-box .adding-text,.ff-comments-container-box .editable-text,.ff-comments-container-box .first_input{width:100%}.ff-comments-container-box .first_input:focus{border-color:var(--ff-comment-input-border-color);outline:none}.ff-comments-container-box .first_input::-webkit-scrollbar{width:3px}.ff-comments-container-box .first_input::-webkit-scrollbar-thumb{background-color:var(--ff-comment-text-color);border-radius:4px}.ff-comments-container-box .child-comments-1,.ff-comments-container-box .child-comments-2{position:relative}.ff-comments-container-box .child-comments-1:after,.ff-comments-container-box .child-comments-2:after{background:var(--ff-comment-border-color);bottom:0;content:"";position:absolute;top:4px;width:1px}.ff-comments-container-box .child-comments-1:before,.ff-comments-container-box .child-comments-2:before{background:transparent;border-bottom:1px solid var(--ff-comment-border-color);border-end-start-radius:10px;border-inline-start:1px solid var(--ff-comment-border-color);content:"";height:28px;left:0;position:absolute;top:-16px;width:6px}.ff-comments-container-box .child-comments-1:last-child:after,.ff-comments-container-box .child-comments-2:last-child:after{display:none}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbW1lbnRzLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsb0RBQ0UsbUJBQXNCLENBQ3RCLGNBQ0YsQ0FFQSxnTUFDRSxtQkFBc0IsQ0FDdEIsY0FDRixDQUVBLFFBRUUsY0FDRixDQUVBLGdCQUpFLG1CQU9GLENBSEEsUUFFRSxjQUNGLENBRUEsUUFFRSxjQUNGLENBRUEsaUJBSkUsbUJBT0YsQ0FIQSxTQUVFLGNBQ0YsQ0FFQSxhQUNFLG1CQUFzQixDQUN0QixhQUNGLENBRUEsY0FDRSxtQkFBc0IsQ0FDdEIsY0FDRixDQUVBLGNBQ0UsbUJBQXNCLENBQ3RCLGNBQ0YsQ0FFQSxjQUNFLG1CQUFzQixDQUN0QixjQUNGLENBRUEsY0FDRSxtQkFBc0IsQ0FDdEIsY0FDRixDQU9BLHVFQUNFLFlBQWEsQ0FDYixxQkFBc0IsQ0FDdEIsUUFDRixDQUNBLDZDQUVFLGlCQUFrQixDQURsQixVQUVGLENBQ0EsdURBRUUsMkJBQTRCLENBRDVCLGdCQUFpQixDQUVqQixXQUNGLENBQ0Esb0RBQ0UsaUJBQ0YsQ0FDQSxvRUFDRSxlQUNGLENBQ0Esa0RBSUUsa0NBQW1DLENBSG5DLFlBQWEsQ0FDYixxQkFBc0IsQ0FDdEIsaUJBQWtCLENBRWxCLFNBQ0YsQ0FDQSx5REFRRSxzQkFBdUIsQ0FEdkIsc0RBQXVELENBRXZELDRCQUE2QixDQUg3Qiw0REFBNkQsQ0FMN0QsVUFBVyxDQUdYLFdBQVksQ0FEWixVQUFXLENBRFgsaUJBQWtCLENBR2xCLFNBS0YsQ0FDQSxxREFRRSxrQkFBbUIsQ0FQbkIscURBQXNELENBR3RELGlCQUFrQixDQUZsQix5Q0FBMEMsQ0FLMUMsWUFBYSxDQUpiLGVBQWlCLENBR2pCLFdBQVksQ0FHWixzQkFBdUIsQ0FJdkIsVUFBVyxDQUhYLGlCQUFrQixDQUtsQixlQUFnQixDQUpoQixpQkFBa0IsQ0FDbEIsUUFBUyxDQVBULFVBQVcsQ0FTWCxTQUVGLENBQ0EsNENBQ0UsWUFBYSxDQUliLE9BQVEsQ0FEUixVQUFXLENBRlgsaUJBQWtCLENBQ2xCLFFBR0YsQ0FDQSx5REFDRSxjQUNGLENBQ0Esc0RBQ0UsU0FDRixDQUNBLG9FQUNFLFlBQWEsQ0FDYixPQUNGLENBQ0EsNkNBTUUsK0NBQWdELENBSmhELGlCQUFrQixDQUNsQixZQUFhLENBQ2IscUJBQXNCLENBQ3RCLDZCQUE4QixDQUo5QixVQU1GLENBQ0EsaUVBQ0UsV0FDRixDQUNBLHVEQUNFLFdBQ0YsQ0FDQSwwQ0FFRSxZQUFhLENBQ2Isa0JBQW1CLENBRm5CLGlCQUdGLENBQ0EsMkNBQ0UsWUFBYSxDQUNiLGVBQ0YsQ0FDQSw0Q0FFRSxlQUFnQixDQUNoQixzQkFBdUIsQ0FGdkIsb0JBR0YsQ0FDQSxpREFFRSwrQ0FBZ0QsQ0FDaEQsaUJBQWtCLENBSWxCLG1CQUFzQixDQUN0QixjQUFlLENBSGYsYUFBYyxDQUNkLFlBQWEsQ0FMYixXQUFZLENBR1osV0FLRixDQUNBLHNIQUNFLHNEQUNGLENBQ0Esc0RBRUUsK0NBQWdELENBQ2hELGlCQUFrQixDQUVsQixZQUFhLENBSmIsV0FBWSxDQUdaLFVBRUYsQ0FDQSxnSUFDRSxzREFDRixDQUNBLHlDQUVFLFdBQVksQ0FHWixXQUFZLENBRlosaUJBQWtCLENBRmxCLFVBQVcsQ0FLWCxVQUtGLENBQ0EsbUZBSkUsa0JBQW1CLENBSm5CLDhDQUErQyxDQU0vQyxpQkFBa0IsQ0FIbEIsWUFBYSxDQUViLHNCQWFGLENBVkEsMENBRUUsVUFBVyxDQU9YLGNBQWUsQ0FOZixpQkFBa0IsQ0FGbEIsUUFTRixDQUNBLDhDQUNFLHdCQUNGLENBQ0EsMkNBRUUsZUFBZ0IsQ0FEaEIsaUJBQWtCLENBRWxCLFVBQ0YsQ0FDQSwySEFDRSxZQUFhLENBQ2IscUJBQXNCLENBRXRCLGNBQWUsQ0FEZixpQkFFRixDQUNBLG9FQUNFLHdCQUNGLENBQ0Esd0RBQ0UsWUFDRixDQUNBLHVDQVFFLGtCQUFtQixDQUpuQiw4Q0FBK0MsQ0FNL0MsaUJBQWtCLENBUmxCLFdBQVksQ0FLWixZQUFhLENBRmIsV0FBWSxDQUlaLHNCQUF1QixDQU52QixpQkFBa0IsQ0FGbEIsVUFBVyxDQUtYLFVBS0YsQ0FDQSxpREFDRSxZQUFhLENBQ2IscUJBQXNCLENBQ3RCLE9BQVEsQ0FFUixTQUFVLENBQ1YsaUJBQWtCLENBRmxCLGlCQUdGLENBQ0EsdUNBR0Usa0JBQW1CLENBRm5CLFlBQWEsQ0FDYixPQUVGLENBQ0EsNENBQ0UsZUFDRixDQUNBLDRDQUNFLGtDQUNGLENBQ0EsMENBQ0Usb0JBQXFCLENBQ3JCLGtDQUNGLENBQ0Esd0dBQ0Usc0RBQ0YsQ0FDQSwwQ0FDRSxrQkFDRixDQUtBLDBIQUNFLFVBQ0YsQ0FDQSw4Q0FFRSxpREFBa0QsQ0FEbEQsWUFFRixDQUNBLDJEQUNFLFNBQ0YsQ0FDQSxpRUFDRSw2Q0FBOEMsQ0FDOUMsaUJBQ0YsQ0FDQSwwRkFFRSxpQkFDRixDQUNBLHNHQU9FLHlDQUEwQyxDQUYxQyxRQUFTLENBSFQsVUFBVyxDQUNYLGlCQUFrQixDQUNsQixPQUFRLENBRVIsU0FFRixDQUNBLHdHQVVFLHNCQUF1QixDQUR2QixzREFBdUQsQ0FFdkQsNEJBQTZCLENBSDdCLDREQUE2RCxDQU43RCxVQUFXLENBSVgsV0FBWSxDQURaLE1BQU8sQ0FGUCxpQkFBa0IsQ0FDbEIsU0FBVSxDQUdWLFNBS0YsQ0FDQSw0SEFFRSxZQUNGIiwiZmlsZSI6IkNvbW1lbnRzLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIuZm9udFhzLCAuZmYtY29tbWVudHMtY29udGFpbmVyLWJveCAuZmYtbWVzc2FnZS10aW1lIHtcbiAgZm9udC1mYW1pbHk6IFwiUG9wcGluc1wiO1xuICBmb250LXNpemU6IDEwcHg7XG59XG5cbi5mb250U20sIC5mZi1jb21tZW50cy1jb250YWluZXItYm94IC5jb21tZW50Q29udGFpbmVyX19hdmF0YXIsIC5mZi1jb21tZW50cy1jb250YWluZXItYm94IC5mZi1maXJzdC1jb21tZW50LCAuZmYtY29tbWVudHMtY29udGFpbmVyLWJveCAuZmYtbWVzc2FnZS1uYW1lLCAuZmYtY29tbWVudHMtY29udGFpbmVyLWJveCAuZWRpdGFibGUtdGV4dCB7XG4gIGZvbnQtZmFtaWx5OiBcIlBvcHBpbnNcIjtcbiAgZm9udC1zaXplOiAxMnB4O1xufVxuXG4uZm9udE1kIHtcbiAgZm9udC1mYW1pbHk6IFwiUG9wcGluc1wiO1xuICBmb250LXNpemU6IDE0cHg7XG59XG5cbi5mb250TGcge1xuICBmb250LWZhbWlseTogXCJQb3BwaW5zXCI7XG4gIGZvbnQtc2l6ZTogMTZweDtcbn1cblxuLmZvbnRYTCB7XG4gIGZvbnQtZmFtaWx5OiBcIlBvcHBpbnNcIjtcbiAgZm9udC1zaXplOiAxOHB4O1xufVxuXG4uZm9udDJYbCB7XG4gIGZvbnQtZmFtaWx5OiBcIlBvcHBpbnNcIjtcbiAgZm9udC1zaXplOiAyNHB4O1xufVxuXG4uZm9udC1zaXplLTgge1xuICBmb250LWZhbWlseTogXCJQb3BwaW5zXCI7XG4gIGZvbnQtc2l6ZTogOHB4O1xufVxuXG4uZm9udC1zaXplLTEwIHtcbiAgZm9udC1mYW1pbHk6IFwiUG9wcGluc1wiO1xuICBmb250LXNpemU6IDEwcHg7XG59XG5cbi5mb250LXNpemUtMjAge1xuICBmb250LWZhbWlseTogXCJQb3BwaW5zXCI7XG4gIGZvbnQtc2l6ZTogMjBweDtcbn1cblxuLmZvbnQtc2l6ZS0zMiB7XG4gIGZvbnQtZmFtaWx5OiBcIlBvcHBpbnNcIjtcbiAgZm9udC1zaXplOiAzMnB4O1xufVxuXG4uZm9udC1zaXplLTgwIHtcbiAgZm9udC1mYW1pbHk6IFwiUG9wcGluc1wiO1xuICBmb250LXNpemU6IDgwcHg7XG59XG5cbi5mZi1jb21tZW50cy1jb250YWluZXItYm94IHtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgZ2FwOiAxMnB4O1xufVxuLmZmLWNvbW1lbnRzLWNvbnRhaW5lci1ib3ggLmNvbW1lbnQtd3JhcHBlciB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGdhcDogMTJweDtcbn1cbi5mZi1jb21tZW50cy1jb250YWluZXItYm94IC5jb21tZW50Q29udGFpbmVyIHtcbiAgd2lkdGg6IDEwMCU7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbn1cbi5mZi1jb21tZW50cy1jb250YWluZXItYm94IC5jb21tZW50Q29udGFpbmVyLm5vLWJvcmRlciB7XG4gIGJvcmRlci1sZWZ0OiBub25lO1xuICBib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiAwO1xuICBoZWlnaHQ6IDEydmg7XG59XG4uZmYtY29tbWVudHMtY29udGFpbmVyLWJveCAuY29tbWVudC1yZXBseS1jb250YWluZXIge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG4uZmYtY29tbWVudHMtY29udGFpbmVyLWJveCAuY29tbWVudC1yZXBseS1jb250YWluZXIgLmlucHV0Q29udGFpbmVyIHtcbiAgbWF4LXdpZHRoOiA2NTBweDtcbn1cbi5mZi1jb21tZW50cy1jb250YWluZXItYm94IC5mZi1lZGl0YWJsZS1jb250YWluZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGNvbG9yOiB2YXIoLS1mZi1jb21tZW50LXRleHQtY29sb3IpO1xuICB3aWR0aDogOTAlO1xufVxuLmZmLWNvbW1lbnRzLWNvbnRhaW5lci1ib3ggLmZmLWVkaXRhYmxlLWNvbnRhaW5lcjo6YmVmb3JlIHtcbiAgY29udGVudDogXCJcIjtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBsZWZ0OiAtMjRweDtcbiAgaGVpZ2h0OiAxMDAlO1xuICB3aWR0aDogNnB4O1xuICBib3JkZXItaW5saW5lLXN0YXJ0OiAxcHggc29saWQgdmFyKC0tZmYtY29tbWVudC1ib3JkZXItY29sb3IpO1xuICBib3JkZXItYm90dG9tOiAxcHggc29saWQgdmFyKC0tZmYtY29tbWVudC1ib3JkZXItY29sb3IpO1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLWVuZC1zdGFydC1yYWRpdXM6IDEwcHg7XG59XG4uZmYtY29tbWVudHMtY29udGFpbmVyLWJveCAuY29tbWVudENvbnRhaW5lcl9fYXZhdGFyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tZmYtY29tbWVudC1pbnB1dC1ib3JkZXItY29sb3IpO1xuICBjb2xvcjogdmFyKC0tZmYtY29tbWVudC1hdmF0YXItdGV4dC1jb2xvcik7XG4gIGZvbnQtd2VpZ2h0OiBib2xkO1xuICBib3JkZXItcmFkaXVzOiA0cHg7XG4gIHdpZHRoOiAzMHB4O1xuICBoZWlnaHQ6IDMwcHg7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBtYXJnaW4tcmlnaHQ6IDEwcHg7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAtOHB4O1xuICBsZWZ0OiAtMTRweDtcbiAgei1pbmRleDogMTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbn1cbi5mZi1jb21tZW50cy1jb250YWluZXItYm94IC5jb21tZW50LWFjdGlvbnMge1xuICBkaXNwbGF5OiBmbGV4O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHRvcDogMTJweDtcbiAgbGVmdDogLTIwcHg7XG4gIGdhcDogOHB4O1xufVxuLmZmLWNvbW1lbnRzLWNvbnRhaW5lci1ib3ggLmNvbW1lbnQtYWN0aW9ucyAuYWN0aW9uLWljb24ge1xuICBjdXJzb3I6IHBvaW50ZXI7XG59XG4uZmYtY29tbWVudHMtY29udGFpbmVyLWJveCAuY29tbWVudC1hY3Rpb25zLm5vLWJvcmRlciB7XG4gIGxlZnQ6IDE5cHg7XG59XG4uZmYtY29tbWVudHMtY29udGFpbmVyLWJveCAuY29tbWVudC1hY3Rpb25zIC5mZi1jb21tZW50LWFjdGlvbi1pdGVtIHtcbiAgZGlzcGxheTogZmxleDtcbiAgZ2FwOiA0cHg7XG59XG4uZmYtY29tbWVudHMtY29udGFpbmVyLWJveCAuZmYtZmlyc3QtY29tbWVudCB7XG4gIHdpZHRoOiAxMDAlO1xuICBib3JkZXItcmFkaXVzOiA4cHg7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgYm9yZGVyOiAxcHggc29saWQgdmFyKC0tZmYtY29tbWVudC1ib3JkZXItY29sb3IpO1xufVxuLmZmLWNvbW1lbnRzLWNvbnRhaW5lci1ib3ggLmZmLWZpcnN0LWNvbW1lbnQgLmZmLWNvbW1lbnQtaGVhZGluZyB7XG4gIHBhZGRpbmc6IDhweDtcbn1cbi5mZi1jb21tZW50cy1jb250YWluZXItYm94IC5mZi1maXJzdC1jb21tZW50Lm5vLWJvcmRlciB7XG4gIGJvcmRlcjogbm9uZTtcbn1cbi5mZi1jb21tZW50cy1jb250YWluZXItYm94IC5pbnB1dC13cmFwcGVyIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBwYWRkaW5nLWJvdHRvbTogOHB4O1xufVxuLmZmLWNvbW1lbnRzLWNvbnRhaW5lci1ib3ggLmlucHV0Q29udGFpbmVyIHtcbiAgZGlzcGxheTogZmxleDtcbiAgbWF4LXdpZHRoOiA2MjBweDtcbn1cbi5mZi1jb21tZW50cy1jb250YWluZXItYm94IC50eXBvZ3JhcGh5LXRleHQge1xuICB3aGl0ZS1zcGFjZTogcHJlLWxpbmU7XG4gIG1heC13aWR0aDogNjEwcHg7XG4gIG92ZXJmbG93LXdyYXA6IGFueXdoZXJlO1xufVxuLmZmLWNvbW1lbnRzLWNvbnRhaW5lci1ib3ggLmlucHV0Q29udGFpbmVyX2lucHV0IHtcbiAgcGFkZGluZzogNXB4O1xuICBib3JkZXI6IDFweCBzb2xpZCB2YXIoLS1mZi1jb21tZW50LWJvcmRlci1jb2xvcik7XG4gIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgcmVzaXplOiBub25lO1xuICBtYXJnaW46IDAgMTBweDtcbiAgb3V0bGluZTogbm9uZTtcbiAgZm9udC1mYW1pbHk6IFwicG9wcGluc1wiO1xuICBmb250LXNpemU6IDEycHg7XG59XG4uZmYtY29tbWVudHMtY29udGFpbmVyLWJveCAuaW5wdXRDb250YWluZXJfaW5wdXQ6Zm9jdXMsIC5mZi1jb21tZW50cy1jb250YWluZXItYm94IC5pbnB1dENvbnRhaW5lcl9pbnB1dDpmb2N1cy12aXNpYmxlIHtcbiAgb3V0bGluZTogMXB4IHNvbGlkIHZhcigtLWZmLWNvbW1lbnQtaW5wdXQtYm9yZGVyLWNvbG9yKTtcbn1cbi5mZi1jb21tZW50cy1jb250YWluZXItYm94IC5pbnB1dEVkaXRDb250YWluZXJfX2lucHV0IHtcbiAgcGFkZGluZzogNXB4O1xuICBib3JkZXI6IDFweCBzb2xpZCB2YXIoLS1mZi1jb21tZW50LWJvcmRlci1jb2xvcik7XG4gIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgd2lkdGg6IDEwMCU7XG4gIG91dGxpbmU6IG5vbmU7XG59XG4uZmYtY29tbWVudHMtY29udGFpbmVyLWJveCAuaW5wdXRFZGl0Q29udGFpbmVyX19pbnB1dDpmb2N1cywgLmZmLWNvbW1lbnRzLWNvbnRhaW5lci1ib3ggLmlucHV0RWRpdENvbnRhaW5lcl9faW5wdXQ6Zm9jdXMtdmlzaWJsZSB7XG4gIG91dGxpbmU6IDFweCBzb2xpZCB2YXIoLS1mZi1jb21tZW50LWlucHV0LWJvcmRlci1jb2xvcik7XG59XG4uZmYtY29tbWVudHMtY29udGFpbmVyLWJveCAuZWRpdC1jb21tZW50IHtcbiAgcmlnaHQ6IDUwcHg7XG4gIGJvdHRvbTogLTVweDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBiYWNrZ3JvdW5kOiB2YXIoLS1mZi1jb21tZW50LWF2YXRhci10ZXh0LWNvbG9yKTtcbiAgaGVpZ2h0OiAyMHB4O1xuICB3aWR0aDogMjBweDtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGJvcmRlci1yYWRpdXM6IDUwJTtcbn1cbi5mZi1jb21tZW50cy1jb250YWluZXItYm94IC5yZXBseS1jb21tZW50IHtcbiAgcmlnaHQ6IDMlO1xuICBib3R0b206IDI4JTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBiYWNrZ3JvdW5kOiB2YXIoLS1mZi1jb21tZW50LWF2YXRhci10ZXh0LWNvbG9yKTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgY3Vyc29yOiBwb2ludGVyO1xufVxuLmZmLWNvbW1lbnRzLWNvbnRhaW5lci1ib3ggLmNvbW1lbnRzQ29udGFpbmVyIHtcbiAgcGFkZGluZzogOHB4IDhweCA4cHggMjRweDtcbn1cbi5mZi1jb21tZW50cy1jb250YWluZXItYm94IC5jaGlsZC1jb21tZW50cyB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgbWFyZ2luLWxlZnQ6IDhweDtcbiAgd2lkdGg6IDEwMCU7XG59XG4uZmYtY29tbWVudHMtY29udGFpbmVyLWJveCAuY2hpbGQtY29tbWVudHMuZmlyc3QtbGV2ZWwtY2hpbGQsIC5mZi1jb21tZW50cy1jb250YWluZXItYm94IC5jaGlsZC1jb21tZW50cy5zZWNvbmQtbGV2ZWwtY2hpbGQge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG1hcmdpbi10b3A6IDhweDtcbn1cbi5mZi1jb21tZW50cy1jb250YWluZXItYm94IC5jaGlsZC1jb21tZW50cy5maXJzdC1sZXZlbC1jaGlsZDpiZWZvcmUge1xuICBoZWlnaHQ6IGNhbGMoMTAwJSAtIDk4cHgpO1xufVxuLmZmLWNvbW1lbnRzLWNvbnRhaW5lci1ib3ggLmNoaWxkLWNvbW1lbnRzOmVtcHR5OmJlZm9yZSB7XG4gIGNvbnRlbnQ6IG5vbmU7XG59XG4uZmYtY29tbWVudHMtY29udGFpbmVyLWJveCAucmVwbHktdGV4dCB7XG4gIHJpZ2h0OiA0NnB4O1xuICBib3R0b206IC00cHg7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgYmFja2dyb3VuZDogdmFyKC0tZmYtY29tbWVudC1hdmF0YXItdGV4dC1jb2xvcik7XG4gIGhlaWdodDogMjBweDtcbiAgd2lkdGg6IDIwcHg7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBib3JkZXItcmFkaXVzOiA1MCU7XG59XG4uZmYtY29tbWVudHMtY29udGFpbmVyLWJveCAuZmYtbWVzc2FnZS1jb250YWluZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBnYXA6IDhweDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBsZWZ0OiAyNXB4O1xuICBtYXJnaW4tYm90dG9tOiA4cHg7XG59XG4uZmYtY29tbWVudHMtY29udGFpbmVyLWJveCAuZmYtbWVzc2FnZSB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGdhcDogOHB4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xufVxuLmZmLWNvbW1lbnRzLWNvbnRhaW5lci1ib3ggLmZmLW1lc3NhZ2UtbmFtZSB7XG4gIGZvbnQtd2VpZ2h0OiA2MDA7XG59XG4uZmYtY29tbWVudHMtY29udGFpbmVyLWJveCAuZmYtbWVzc2FnZS10aW1lIHtcbiAgY29sb3I6IHZhcigtLWZmLWNvbW1lbnQtdGV4dC1jb2xvcik7XG59XG4uZmYtY29tbWVudHMtY29udGFpbmVyLWJveCAuZWRpdGFibGUtdGV4dCB7XG4gIHdvcmQtd3JhcDogYnJlYWstd29yZDtcbiAgY29sb3I6IHZhcigtLWZmLWNvbW1lbnQtdGV4dC1jb2xvcik7XG59XG4uZmYtY29tbWVudHMtY29udGFpbmVyLWJveCAuZWRpdGFibGUtdGV4dDpmb2N1cywgLmZmLWNvbW1lbnRzLWNvbnRhaW5lci1ib3ggLmVkaXRhYmxlLXRleHQ6Zm9jdXMtdmlzaWJsZSB7XG4gIG91dGxpbmU6IDFweCBzb2xpZCB2YXIoLS1mZi1jb21tZW50LWlucHV0LWJvcmRlci1jb2xvcik7XG59XG4uZmYtY29tbWVudHMtY29udGFpbmVyLWJveCAuZWRpdGFibGUtdGV4dCB7XG4gIG1hcmdpbi1ib3R0b206IC04cHg7XG59XG4uZmYtY29tbWVudHMtY29udGFpbmVyLWJveCAuYWRkaW5nLXRleHQsXG4uZmYtY29tbWVudHMtY29udGFpbmVyLWJveCAuZWRpdGFibGUtdGV4dCB7XG4gIHdpZHRoOiAxMDAlO1xufVxuLmZmLWNvbW1lbnRzLWNvbnRhaW5lci1ib3ggLmZpcnN0X2lucHV0IHtcbiAgd2lkdGg6IDEwMCU7XG59XG4uZmYtY29tbWVudHMtY29udGFpbmVyLWJveCAuZmlyc3RfaW5wdXQ6Zm9jdXMge1xuICBvdXRsaW5lOiBub25lO1xuICBib3JkZXItY29sb3I6IHZhcigtLWZmLWNvbW1lbnQtaW5wdXQtYm9yZGVyLWNvbG9yKTtcbn1cbi5mZi1jb21tZW50cy1jb250YWluZXItYm94IC5maXJzdF9pbnB1dDo6LXdlYmtpdC1zY3JvbGxiYXIge1xuICB3aWR0aDogM3B4O1xufVxuLmZmLWNvbW1lbnRzLWNvbnRhaW5lci1ib3ggLmZpcnN0X2lucHV0Ojotd2Via2l0LXNjcm9sbGJhci10aHVtYiB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWZmLWNvbW1lbnQtdGV4dC1jb2xvcik7XG4gIGJvcmRlci1yYWRpdXM6IDRweDtcbn1cbi5mZi1jb21tZW50cy1jb250YWluZXItYm94IC5jaGlsZC1jb21tZW50cy0xLFxuLmZmLWNvbW1lbnRzLWNvbnRhaW5lci1ib3ggLmNoaWxkLWNvbW1lbnRzLTIge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG4uZmYtY29tbWVudHMtY29udGFpbmVyLWJveCAuY2hpbGQtY29tbWVudHMtMTphZnRlcixcbi5mZi1jb21tZW50cy1jb250YWluZXItYm94IC5jaGlsZC1jb21tZW50cy0yOmFmdGVyIHtcbiAgY29udGVudDogXCJcIjtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDRweDtcbiAgYm90dG9tOiAwO1xuICB3aWR0aDogMXB4O1xuICBiYWNrZ3JvdW5kOiB2YXIoLS1mZi1jb21tZW50LWJvcmRlci1jb2xvcik7XG59XG4uZmYtY29tbWVudHMtY29udGFpbmVyLWJveCAuY2hpbGQtY29tbWVudHMtMTpiZWZvcmUsXG4uZmYtY29tbWVudHMtY29udGFpbmVyLWJveCAuY2hpbGQtY29tbWVudHMtMjpiZWZvcmUge1xuICBjb250ZW50OiBcIlwiO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogLTE2cHg7XG4gIGxlZnQ6IDA7XG4gIGhlaWdodDogMjhweDtcbiAgd2lkdGg6IDZweDtcbiAgYm9yZGVyLWlubGluZS1zdGFydDogMXB4IHNvbGlkIHZhcigtLWZmLWNvbW1lbnQtYm9yZGVyLWNvbG9yKTtcbiAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkIHZhcigtLWZmLWNvbW1lbnQtYm9yZGVyLWNvbG9yKTtcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci1lbmQtc3RhcnQtcmFkaXVzOiAxMHB4O1xufVxuLmZmLWNvbW1lbnRzLWNvbnRhaW5lci1ib3ggLmNoaWxkLWNvbW1lbnRzLTE6bGFzdC1jaGlsZDphZnRlcixcbi5mZi1jb21tZW50cy1jb250YWluZXItYm94IC5jaGlsZC1jb21tZW50cy0yOmxhc3QtY2hpbGQ6YWZ0ZXIge1xuICBkaXNwbGF5OiBub25lO1xufSJdfQ== */');