pixel-react 1.20.17 → 1.20.19

package/lib/components/LabelEditTextField/LabelEditTextField.js

@@ -1,168 +1 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useRef, useEffect } from 'react';
-import './LabelEditTextField.scss';
-import Typography from '../Typography';
-import HighlightText from '../HighlightText';
-import Icon from '../Icon';
-import Tooltip from '../Tooltip';
-import Input from '../Input/Input';
-import Select from '../Select/Select';
-import useEscapeKey from '../../hooks/keyboardevents/useEscKeyEvent.js';
-import { useKeyboardActions } from '../../utils/keyBoardActionUtil/UseKeyboardActions';
-import { WHITESPACE_REGEX } from '../../validations/regex';
-const getErrorMessage = (inputValue, text, customError, customErrorCondition) => {
-    if (inputValue === text) {
-        return 'No changes were made.';
-    }
-    else if (!inputValue) {
-        return 'Text is required';
-    }
-    else if (inputValue.length < 3) {
-        return 'Please enter at least 3 characters.';
-    }
-    else if (customErrorCondition) {
-        return customError ?? 'Custom error occurred';
-    }
-    return '';
-};
-const LabelEditTextField = ({ label, placeholder, text, showText = true, highlightText, customError, confirmIcon, customErrorCondition, cancelIcon, variant = 'textField', onInputChange, dropdownData = [], 
-// width,
-className, height, isOpen = false, confirmAction, onClick, tooltip, onDoubleClick, disableEditing = false, }) => {
-    const [isEditing, setIsEditing] = useState(isOpen ?? false);
-    const [inputValue, setInputValue] = useState(text ?? '');
-    const [dropdownValue, setDropdownValue] = useState(dropdownData[0]?.value ?? '');
-    const [showError, setShowError] = useState('');
-    const [disabled, isDisabled] = useState(true);
-    const [isTextFieldModified, setIsTextFieldModified] = useState(false);
-    const isThrowingError = showError && isEditing ? true : false;
-    const containerRef = useRef(null);
-    const cancelRef = useRef(null);
-    const [clickTimeout, setClickTimeout] = useState(null);
-    const handleEsc = useEscapeKey('Escape');
-    useEffect(() => {
-        return () => {
-            if (clickTimeout) {
-                clearTimeout(clickTimeout);
-            }
-        };
-    }, [clickTimeout]);
-    const handleDoubleClick = () => {
-        if (disableEditing)
-            return;
-        if (clickTimeout) {
-            clearTimeout(clickTimeout);
-            setClickTimeout(null);
-        }
-        onDoubleClick && onDoubleClick();
-        setIsEditing(true);
-        setShowError('');
-    };
-    const handleSingleClick = () => {
-        if (onClick)
-            onClick();
-    };
-    const handleClick = () => {
-        if (disableEditing)
-            return;
-        if (clickTimeout) {
-            clearTimeout(clickTimeout);
-            setClickTimeout(null);
-        }
-        const timeout = window.setTimeout(() => {
-            handleSingleClick();
-            setClickTimeout(null);
-        }, 1000);
-        setClickTimeout(timeout);
-    };
-    const handleConfirm = () => {
-        let errorMessage = '';
-        if (inputValue.length === 0 || inputValue.trim().length === 0) {
-            errorMessage = 'Please type any text.';
-        }
-        else if (inputValue.length < 3) {
-            errorMessage = 'Please enter at least 3 characters.';
-        }
-        else if (customErrorCondition) {
-            errorMessage = customError ?? 'Invalid input.';
-        }
-        if (errorMessage) {
-            setShowError(errorMessage);
-        }
-        else {
-            setIsEditing(false);
-            setShowError('');
-            if (confirmAction)
-                confirmAction(inputValue, dropdownValue);
-        }
-        confirmIcon?.onClick?.();
-    };
-    const handleCancel = () => {
-        setInputValue(text ?? '');
-        setDropdownValue(dropdownData[0]?.value ?? '');
-        setIsEditing(false);
-        setShowError('');
-        setIsTextFieldModified(false);
-        cancelIcon?.onClick?.();
-    };
-    const handleTextFieldChange = (e) => {
-        const newValue = e.target.value;
-        setInputValue(newValue);
-        isDisabled(false);
-        if (newValue.length === 0 || newValue.trim().length === 0) {
-            setShowError('Input is required');
-        }
-        else if (newValue.length < 3) {
-            setShowError('Input cannot be less than 3 characters');
-        }
-        else if (newValue.length > 250) {
-            setShowError('Input cannot be more than 250 characters');
-        }
-        else if (WHITESPACE_REGEX.test(newValue)) {
-            setShowError('Space is not allowed at starting and at the end');
-        }
-        else if (customErrorCondition) {
-            setShowError(customError ?? 'Invalid input.');
-        }
-        else {
-            setShowError('');
-        }
-        setIsTextFieldModified(newValue !== text);
-        if (onInputChange) {
-            onInputChange(newValue);
-        }
-    };
-    const handleBlur = (e) => {
-        if (containerRef.current &&
-            !containerRef.current.contains(e.target) &&
-            cancelRef.current !== e.target) {
-            const errorMessage = getErrorMessage(inputValue, text ?? '', customError);
-            if (errorMessage && isEditing) {
-                setShowError(errorMessage);
-            }
-            else {
-                setIsEditing(false);
-                setShowError('');
-            }
-        }
-    };
-    useEffect(() => {
-        document.addEventListener('click', handleBlur);
-        return () => {
-            document.removeEventListener('click', handleBlur);
-        };
-    }, [inputValue]);
-    handleEsc(handleCancel);
-    function handleKeyBoard(key) {
-        if (key === 'Enter') {
-            handleConfirm();
-        }
-    }
-    useKeyboardActions([{ key: 'Enter', action: () => handleKeyBoard('Enter') }], containerRef);
-    return (_jsxs("div", { className: "ff-label-edit-text-field", ref: containerRef, children: [isEditing ? (_jsxs("div", { className: "ff-label-text-field", children: [variant === 'textFieldWithDropdown' ? (_jsxs("div", { className: `ff-label-text-field-with-dropdown ${isEditing ? 'open' : ''}`, style: { height }, children: [_jsx(Input, { name: "input", type: "text", label: label ? label : '', disabled: false, error: isThrowingError, placeholder: placeholder ? placeholder : '', value: inputValue, onChange: handleTextFieldChange, className: `${className} 
-                
-               ${isTextFieldModified ? 'modified' : ''}` }), _jsx(Select, { label: '', optionsList: dropdownData, selectedOption: { value: dropdownValue, label: dropdownValue }, onChange: (option) => setDropdownValue(option.value) })] })) : (_jsx("div", { className: "ff-label-text-field-without-dropdown", children: _jsx(Input, { name: "input", type: "text", label: label ? label : '', disabled: false, error: isThrowingError, placeholder: placeholder ? placeholder : '', value: inputValue, onChange: handleTextFieldChange, className: `${className} 
-               
-               ${isTextFieldModified ? 'modified' : ''}` }) })), _jsxs("div", { className: "ff-icon-container", children: [confirmIcon && (_jsx(Tooltip, { title: "Confirm", placement: 'bottom', children: _jsx(Icon, { color: "var(--label-edit-confirm-icon)", height: 20, width: 20, name: confirmIcon.name, disabled: disabled, className: `${disabled ? 'disabled-confirm-icon' : 'confirm-icon'}`, onClick: handleConfirm }) })), cancelIcon && (_jsx(Tooltip, { title: "Cancel", placement: 'bottom', children: _jsx(Icon, { color: "var(--label-edit-cancel-icon)", height: 12, width: 20, name: cancelIcon.name, className: "cancel-icon", onClick: handleCancel, ref: cancelRef }) }))] })] })) : (_jsx(Tooltip, { title: tooltip?.tooltipTitle ? tooltip?.tooltipTitle : '', placement: 'bottom', children: showText && (_jsx("span", { className: "display-text", onDoubleClick: handleDoubleClick, role: "button", onClick: handleClick, children: _jsx(HighlightText, { text: inputValue, highlight: highlightText }) })) })), showError && isEditing && (_jsx(Typography, { as: "p", fontSize: 8, className: "error-text", children: showError }))] }));
-};
-export default LabelEditTextField;
-//# sourceMappingURL=LabelEditTextField.js.map
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as l,useRef as n,useEffect as i}from"react";import"./LabelEditTextField.scss.js";import o from"../Typography/Typography.js";import a from"../HighlightText/HighlightText.js";import r from"../Icon/Icon.js";import c from"../Tooltip/Tooltip.js";import s from"../Input/Input.js";import d from"../Select/Select.js";import m from"../../hooks/keyboardevents/useEscKeyEvent.js";import{useKeyboardActions as h}from"../../utils/keyBoardActionUtil/UseKeyboardActions.js";import{WHITESPACE_REGEX as p}from"../../validations/regex.js";const u=({label:u,placeholder:f,text:g,showText:b=!0,highlightText:v,customError:x,confirmIcon:T,customErrorCondition:y,cancelIcon:C,variant:k="textField",onInputChange:w,dropdownData:N=[],className:I,height:j,isOpen:E=!1,confirmAction:D,onClick:L,tooltip:S,onDoubleClick:$,disableEditing:A=!1})=>{const[F,P]=l(E??!1),[q,H]=l(g??""),[K,O]=l(N[0]?.value??""),[U,z]=l(""),[B,W]=l(!0),[G,J]=l(!1),M=!(!U||!F),Q=n(null),R=n(null),[V,X]=l(null),Y=m("Escape");i(()=>()=>{V&&clearTimeout(V)},[V]);const Z=()=>{let e="";0===q.length||0===q.trim().length?e="Please type any text.":q.length<3?e="Please enter at least 3 characters.":y&&(e=x??"Invalid input."),e?z(e):(P(!1),z(""),D&&D(q,K)),T?.onClick?.()},_=()=>{H(g??""),O(N[0]?.value??""),P(!1),z(""),J(!1),C?.onClick?.()},ee=e=>{const t=e.target.value;H(t),W(!1),0===t.length||0===t.trim().length?z("Input is required"):t.length<3?z("Input cannot be less than 3 characters"):t.length>250?z("Input cannot be more than 250 characters"):p.test(t)?z("Space is not allowed at starting and at the end"):z(y?x??"Invalid input.":""),J(t!==g),w&&w(t)},te=e=>{if(Q.current&&!Q.current.contains(e.target)&&R.current!==e.target){const e=((e,t)=>e===t?"No changes were made.":e?e.length<3?"Please enter at least 3 characters.":"":"Text is required")(q,g??"");e&&F?z(e):(P(!1),z(""))}};return i(()=>(document.addEventListener("click",te),()=>{document.removeEventListener("click",te)}),[q]),Y(_),h([{key:"Enter",action:()=>{Z()}}],Q),e("div",{className:"ff-label-edit-text-field",ref:Q,children:[F?e("div",{className:"ff-label-text-field",children:["textFieldWithDropdown"===k?e("div",{className:"ff-label-text-field-with-dropdown "+(F?"open":""),style:{height:j},children:[t(s,{name:"input",type:"text",label:u||"",disabled:!1,error:M,placeholder:f||"",value:q,onChange:ee,className:`${I} \n                \n               ${G?"modified":""}`}),t(d,{label:"",optionsList:N,selectedOption:{value:K,label:K},onChange:e=>O(e.value)})]}):t("div",{className:"ff-label-text-field-without-dropdown",children:t(s,{name:"input",type:"text",label:u||"",disabled:!1,error:M,placeholder:f||"",value:q,onChange:ee,className:`${I} \n               \n               ${G?"modified":""}`})}),e("div",{className:"ff-icon-container",children:[T&&t(c,{title:"Confirm",placement:"bottom",children:t(r,{color:"var(--label-edit-confirm-icon)",height:20,width:20,name:T.name,disabled:B,className:""+(B?"disabled-confirm-icon":"confirm-icon"),onClick:Z})}),C&&t(c,{title:"Cancel",placement:"bottom",children:t(r,{color:"var(--label-edit-cancel-icon)",height:12,width:20,name:C.name,className:"cancel-icon",onClick:_,ref:R})})]})]}):t(c,{title:S?.tooltipTitle?S?.tooltipTitle:"",placement:"bottom",children:b&&t("span",{className:"display-text",onDoubleClick:()=>{A||(V&&(clearTimeout(V),X(null)),$&&$(),P(!0),z(""))},role:"button",onClick:()=>{if(A)return;V&&(clearTimeout(V),X(null));const e=window.setTimeout(()=>{L&&L(),X(null)},1e3);X(e)},children:t(a,{text:q,highlight:v})})}),U&&F&&t(o,{as:"p",fontSize:8,className:"error-text",children:U})]})};export{u as default};

package/lib/components/LabelEditTextField/LabelEditTextField.scss.js

@@ -0,0 +1 @@
+import l from"../../node_modules/style-inject/dist/style-inject.es.js";l(".fontXs{font-family:Poppins;font-size:10px}.ff-label-edit-text-field .dropdown,.ff-label-edit-text-field .ff-text-dropdown-field,.ff-label-edit-text-field .ff-text-field,.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}.ff-label-edit-text-field .ff-label,.ff-label-edit-text-field .ff-textfield-label,.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-label-edit-text-field{display:flex;flex-direction:column;position:relative;width:100%}.ff-label-edit-text-field .ff-label-text-field{display:flex;gap:5px}.ff-label-edit-text-field .ff-label-text-field-with-dropdown,.ff-label-edit-text-field .ff-label-text-field-without-dropdown{align-items:center;display:flex;position:relative}.ff-label-edit-text-field .ff-label,.ff-label-edit-text-field .ff-textfield-label{background:var(--label-edit-text-background-color);color:var(--label-edit-text-label-color);left:10px;padding:0 4px;position:absolute;top:0;transform:translateY(-50%);transition:all .2s ease}.ff-label-edit-text-field .ff-textfield-label{top:5px}.ff-label-edit-text-field .display-text{align-items:center;border-radius:4px;cursor:pointer;display:flex;padding:4px}.ff-label-edit-text-field .dropdown,.ff-label-edit-text-field .ff-text-field{border:1px solid var(--label-edit-text-label-color);outline:none;width:fit-content}.ff-label-edit-text-field .ff-text-field{border-radius:4px;padding:0 4px;position:relative}.ff-label-edit-text-field .ff-text-dropdown-field{border-radius:4px 0 0 4px;border-width:1px;border:thin solid var(--label-edit-text-label-color);border-right:thin;flex:2;padding-left:5px}.ff-label-edit-text-field .ff-text-dropdown-field:focus-visible{outline:none}.ff-label-edit-text-field .dropdown{border-radius:0 4px 4px 0;flex:1;height:inherit}.ff-label-edit-text-field .ff-icon-container{align-items:center;display:flex;gap:8px}.ff-label-edit-text-field .ff-icon-container .cancel-icon,.ff-label-edit-text-field .ff-icon-container .confirm-icon{cursor:pointer}.ff-label-edit-text-field .ff-icon-container .disabled-confirm-icon{cursor:default;opacity:.5}.ff-label-edit-text-field .error-text{color:var(--label-edit-error-text);margin:0 0 0 5px}.custom-edit-text-field{height:10px;width:100px}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxhYmVsRWRpdFRleHRGaWVsZC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLFFBQ0UsbUJBQXNCLENBQ3RCLGNBQ0YsQ0FFQSx1SUFFRSxtQkFBc0IsQ0FDdEIsY0FDRixDQUVBLFFBRUUsY0FDRixDQUVBLGdCQUpFLG1CQU9GLENBSEEsUUFFRSxjQUNGLENBRUEsUUFFRSxjQUNGLENBRUEsaUJBSkUsbUJBT0YsQ0FIQSxTQUVFLGNBQ0YsQ0FFQSwrRkFDRSxtQkFBc0IsQ0FDdEIsYUFDRixDQUVBLGNBQ0UsbUJBQXNCLENBQ3RCLGNBQ0YsQ0FFQSxjQUNFLG1CQUFzQixDQUN0QixjQUNGLENBRUEsY0FDRSxtQkFBc0IsQ0FDdEIsY0FDRixDQUVBLGNBQ0UsbUJBQXNCLENBQ3RCLGNBQ0YsQ0FFQSwwQkFDRSxZQUFhLENBQ2IscUJBQXNCLENBQ3RCLGlCQUFrQixDQUNsQixVQUNGLENBQ0EsK0NBQ0UsWUFBYSxDQUNiLE9BQ0YsQ0FDQSw2SEFJRSxrQkFBbUIsQ0FEbkIsWUFBYSxDQURiLGlCQUdGLENBQ0Esa0ZBT0Usa0RBQW1ELENBRG5ELHdDQUF5QyxDQUh6QyxTQUFVLENBS1YsYUFBYyxDQVBkLGlCQUFrQixDQUNsQixLQUFNLENBRU4sMEJBQTJCLENBQzNCLHVCQUlGLENBQ0EsOENBQ0UsT0FDRixDQUNBLHdDQUtFLGtCQUFtQixDQUhuQixpQkFBa0IsQ0FDbEIsY0FBZSxDQUNmLFlBQWEsQ0FIYixXQUtGLENBQ0EsNkVBRUUsbURBQW9ELENBQ3BELFlBQWEsQ0FDYixpQkFDRixDQUNBLHlDQUdFLGlCQUFrQixDQURsQixhQUFjLENBRGQsaUJBR0YsQ0FDQSxrREFHRSx5QkFBMEIsQ0FEMUIsZ0JBQW9ELENBR3BELG9EQUFrQixDQUFsQixpQkFBa0IsQ0FKbEIsTUFBTyxDQUtQLGdCQUNGLENBQ0EsZ0VBQ0UsWUFDRixDQUNBLG9DQUNFLHlCQUEwQixDQUMxQixNQUFPLENBQ1AsY0FDRixDQUNBLDZDQUdFLGtCQUFtQixDQUZuQixZQUFhLENBQ2IsT0FFRixDQUNBLHFIQUVFLGNBQ0YsQ0FDQSxvRUFDRSxjQUFlLENBQ2YsVUFDRixDQUNBLHNDQUVFLGtDQUFtQyxDQURuQyxnQkFFRixDQUVBLHdCQUNFLFdBQVksQ0FDWixXQUNGIiwiZmlsZSI6IkxhYmVsRWRpdFRleHRGaWVsZC5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLmZvbnRYcyB7XG4gIGZvbnQtZmFtaWx5OiBcIlBvcHBpbnNcIjtcbiAgZm9udC1zaXplOiAxMHB4O1xufVxuXG4uZm9udFNtLCAuZmYtbGFiZWwtZWRpdC10ZXh0LWZpZWxkIC5mZi10ZXh0LWZpZWxkLFxuLmZmLWxhYmVsLWVkaXQtdGV4dC1maWVsZCAuZHJvcGRvd24sIC5mZi1sYWJlbC1lZGl0LXRleHQtZmllbGQgLmZmLXRleHQtZHJvcGRvd24tZmllbGQge1xuICBmb250LWZhbWlseTogXCJQb3BwaW5zXCI7XG4gIGZvbnQtc2l6ZTogMTJweDtcbn1cblxuLmZvbnRNZCB7XG4gIGZvbnQtZmFtaWx5OiBcIlBvcHBpbnNcIjtcbiAgZm9udC1zaXplOiAxNHB4O1xufVxuXG4uZm9udExnIHtcbiAgZm9udC1mYW1pbHk6IFwiUG9wcGluc1wiO1xuICBmb250LXNpemU6IDE2cHg7XG59XG5cbi5mb250WEwge1xuICBmb250LWZhbWlseTogXCJQb3BwaW5zXCI7XG4gIGZvbnQtc2l6ZTogMThweDtcbn1cblxuLmZvbnQyWGwge1xuICBmb250LWZhbWlseTogXCJQb3BwaW5zXCI7XG4gIGZvbnQtc2l6ZTogMjRweDtcbn1cblxuLmZvbnQtc2l6ZS04LCAuZmYtbGFiZWwtZWRpdC10ZXh0LWZpZWxkIC5mZi1sYWJlbCwgLmZmLWxhYmVsLWVkaXQtdGV4dC1maWVsZCAuZmYtdGV4dGZpZWxkLWxhYmVsIHtcbiAgZm9udC1mYW1pbHk6IFwiUG9wcGluc1wiO1xuICBmb250LXNpemU6IDhweDtcbn1cblxuLmZvbnQtc2l6ZS0xMCB7XG4gIGZvbnQtZmFtaWx5OiBcIlBvcHBpbnNcIjtcbiAgZm9udC1zaXplOiAxMHB4O1xufVxuXG4uZm9udC1zaXplLTIwIHtcbiAgZm9udC1mYW1pbHk6IFwiUG9wcGluc1wiO1xuICBmb250LXNpemU6IDIwcHg7XG59XG5cbi5mb250LXNpemUtMzIge1xuICBmb250LWZhbWlseTogXCJQb3BwaW5zXCI7XG4gIGZvbnQtc2l6ZTogMzJweDtcbn1cblxuLmZvbnQtc2l6ZS04MCB7XG4gIGZvbnQtZmFtaWx5OiBcIlBvcHBpbnNcIjtcbiAgZm9udC1zaXplOiA4MHB4O1xufVxuXG4uZmYtbGFiZWwtZWRpdC10ZXh0LWZpZWxkIHtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB3aWR0aDogMTAwJTtcbn1cbi5mZi1sYWJlbC1lZGl0LXRleHQtZmllbGQgLmZmLWxhYmVsLXRleHQtZmllbGQge1xuICBkaXNwbGF5OiBmbGV4O1xuICBnYXA6IDVweDtcbn1cbi5mZi1sYWJlbC1lZGl0LXRleHQtZmllbGQgLmZmLWxhYmVsLXRleHQtZmllbGQtd2l0aC1kcm9wZG93bixcbi5mZi1sYWJlbC1lZGl0LXRleHQtZmllbGQgLmZmLWxhYmVsLXRleHQtZmllbGQtd2l0aG91dC1kcm9wZG93biB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbn1cbi5mZi1sYWJlbC1lZGl0LXRleHQtZmllbGQgLmZmLWxhYmVsLCAuZmYtbGFiZWwtZWRpdC10ZXh0LWZpZWxkIC5mZi10ZXh0ZmllbGQtbGFiZWwge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMDtcbiAgbGVmdDogMTBweDtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC01MCUpO1xuICB0cmFuc2l0aW9uOiBhbGwgMC4ycyBlYXNlO1xuICBjb2xvcjogdmFyKC0tbGFiZWwtZWRpdC10ZXh0LWxhYmVsLWNvbG9yKTtcbiAgYmFja2dyb3VuZDogdmFyKC0tbGFiZWwtZWRpdC10ZXh0LWJhY2tncm91bmQtY29sb3IpO1xuICBwYWRkaW5nOiAwIDRweDtcbn1cbi5mZi1sYWJlbC1lZGl0LXRleHQtZmllbGQgLmZmLXRleHRmaWVsZC1sYWJlbCB7XG4gIHRvcDogNXB4O1xufVxuLmZmLWxhYmVsLWVkaXQtdGV4dC1maWVsZCAuZGlzcGxheS10ZXh0IHtcbiAgcGFkZGluZzogNHB4O1xuICBib3JkZXItcmFkaXVzOiA0cHg7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbn1cbi5mZi1sYWJlbC1lZGl0LXRleHQtZmllbGQgLmZmLXRleHQtZmllbGQsXG4uZmYtbGFiZWwtZWRpdC10ZXh0LWZpZWxkIC5kcm9wZG93biB7XG4gIGJvcmRlcjogMXB4IHNvbGlkIHZhcigtLWxhYmVsLWVkaXQtdGV4dC1sYWJlbC1jb2xvcik7XG4gIG91dGxpbmU6IG5vbmU7XG4gIHdpZHRoOiBmaXQtY29udGVudDtcbn1cbi5mZi1sYWJlbC1lZGl0LXRleHQtZmllbGQgLmZmLXRleHQtZmllbGQge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHBhZGRpbmc6IDAgNHB4O1xuICBib3JkZXItcmFkaXVzOiA0cHg7XG59XG4uZmYtbGFiZWwtZWRpdC10ZXh0LWZpZWxkIC5mZi10ZXh0LWRyb3Bkb3duLWZpZWxkIHtcbiAgZmxleDogMjtcbiAgYm9yZGVyOiAxcHggc29saWQgdmFyKC0tbGFiZWwtZWRpdC10ZXh0LWxhYmVsLWNvbG9yKTtcbiAgYm9yZGVyLXJhZGl1czogNHB4IDAgMCA0cHg7XG4gIGJvcmRlci1yaWdodDogbm9uZTtcbiAgYm9yZGVyLXdpZHRoOiB0aGluO1xuICBwYWRkaW5nLWxlZnQ6IDVweDtcbn1cbi5mZi1sYWJlbC1lZGl0LXRleHQtZmllbGQgLmZmLXRleHQtZHJvcGRvd24tZmllbGQ6Zm9jdXMtdmlzaWJsZSB7XG4gIG91dGxpbmU6IG5vbmU7XG59XG4uZmYtbGFiZWwtZWRpdC10ZXh0LWZpZWxkIC5kcm9wZG93biB7XG4gIGJvcmRlci1yYWRpdXM6IDAgNHB4IDRweCAwO1xuICBmbGV4OiAxO1xuICBoZWlnaHQ6IGluaGVyaXQ7XG59XG4uZmYtbGFiZWwtZWRpdC10ZXh0LWZpZWxkIC5mZi1pY29uLWNvbnRhaW5lciB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGdhcDogOHB4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xufVxuLmZmLWxhYmVsLWVkaXQtdGV4dC1maWVsZCAuZmYtaWNvbi1jb250YWluZXIgLmNvbmZpcm0taWNvbixcbi5mZi1sYWJlbC1lZGl0LXRleHQtZmllbGQgLmZmLWljb24tY29udGFpbmVyIC5jYW5jZWwtaWNvbiB7XG4gIGN1cnNvcjogcG9pbnRlcjtcbn1cbi5mZi1sYWJlbC1lZGl0LXRleHQtZmllbGQgLmZmLWljb24tY29udGFpbmVyIC5kaXNhYmxlZC1jb25maXJtLWljb24ge1xuICBjdXJzb3I6IGRlZmF1bHQ7XG4gIG9wYWNpdHk6IDAuNTtcbn1cbi5mZi1sYWJlbC1lZGl0LXRleHQtZmllbGQgLmVycm9yLXRleHQge1xuICBtYXJnaW46IDAgMCAwIDVweDtcbiAgY29sb3I6IHZhcigtLWxhYmVsLWVkaXQtZXJyb3ItdGV4dCk7XG59XG5cbi5jdXN0b20tZWRpdC10ZXh0LWZpZWxkIHtcbiAgaGVpZ2h0OiAxMHB4O1xuICB3aWR0aDogMTAwcHg7XG59Il19 */");

package/lib/components/LazyLoad/LazyLoad.js

@@ -1,3 +1 @@
-import * as LazyLoad from 'react-window';
-export default LazyLoad;
-//# sourceMappingURL=LazyLoad.js.map
+import*as e from"../../node_modules/react-window/dist/index.esm.js";export{e as default};

package/lib/components/LineLoader/LineLoader.js

@@ -1,7 +1 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import './LineLoader.scss';
-const LineLoader = ({ logo: Logo, overlay = false, }) => {
-    return (_jsx("div", { className: `overlay-loader ${overlay && 'overlay'}`, children: _jsxs("div", { className: `loader-container `, children: [Logo && _jsx(Logo, {}), _jsx("div", { className: "line_loader" })] }) }));
-};
-export default LineLoader;
-//# sourceMappingURL=LineLoader.js.map
+import{jsx as e,jsxs as a}from"react/jsx-runtime";import"./LineLoader.scss.js";const r=({logo:r,overlay:o=!1})=>e("div",{className:`overlay-loader ${o&&"overlay"}`,children:a("div",{className:"loader-container ",children:[r&&e(r,{}),e("div",{className:"line_loader"})]})});export{r as default};

package/lib/components/LineLoader/LineLoader.scss.js

@@ -0,0 +1 @@
+import i from"../../node_modules/style-inject/dist/style-inject.es.js";i('.overlay-loader{display:grid;inset:0;place-items:center;position:fixed;z-index:1000000}.overlay-loader .loader-container{align-items:center;display:flex;flex-direction:column;gap:50px;justify-content:center;padding:10px;z-index:99999}.overlay-loader .loader-container .line_loader{background-color:var(--line-loader-bg-color);box-shadow:0 2px 10px rgba(0,0,0,.5);height:2px;overflow:hidden;position:relative;width:286px}.overlay-loader .loader-container .line_loader:before{animation:loadingEffect 7s linear infinite;background:linear-gradient(to right,transparent,var(--base-bg-color));content:"";height:100%;position:absolute;width:0}@keyframes loadingEffect{0%{left:0;width:0}40%{left:0;width:100%}70%{background-color:var(--line-loader-bg-color);left:0;width:200%}80%{background-color:var(--line-loader-bg-color);left:0;width:0}90%{left:0;width:0}to{background-color:var(--line-loader-bg-color);left:0;width:0}}.overlay-loader.overlay{background:var(--line-loader-background-overlay)}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpbmVMb2FkZXIuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxnQkFJRSxZQUFhLENBRmIsT0FBUSxDQUdSLGtCQUFtQixDQUpuQixjQUFlLENBRWYsZUFHRixDQUNBLGtDQUVFLGtCQUFtQixDQURuQixZQUFhLENBSWIscUJBQXNCLENBRnRCLFFBQVMsQ0FDVCxzQkFBdUIsQ0FFdkIsWUFBYSxDQUNiLGFBQ0YsQ0FDQSwrQ0FHRSw0Q0FBNkMsQ0FHN0Msb0NBQTJDLENBTDNDLFVBQVcsQ0FJWCxlQUFnQixDQURoQixpQkFBa0IsQ0FGbEIsV0FLRixDQUNBLHNEQU1FLDBDQUEyQyxDQUQzQyxxRUFBd0UsQ0FKeEUsVUFBVyxDQUVYLFdBQVksQ0FEWixpQkFBa0IsQ0FFbEIsT0FHRixDQUNBLHlCQUNFLEdBRUUsTUFBUSxDQURSLE9BRUYsQ0FDQSxJQUVFLE1BQVEsQ0FEUixVQUVGLENBQ0EsSUFHRSw0Q0FBNkMsQ0FEN0MsTUFBUSxDQURSLFVBR0YsQ0FDQSxJQUdFLDRDQUE2QyxDQUQ3QyxNQUFRLENBRFIsT0FHRixDQUNBLElBRUUsTUFBUSxDQURSLE9BRUYsQ0FDQSxHQUdFLDRDQUE2QyxDQUQ3QyxNQUFRLENBRFIsT0FHRixDQUNGLENBQ0Esd0JBQ0UsZ0RBQ0YiLCJmaWxlIjoiTGluZUxvYWRlci5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLm92ZXJsYXktbG9hZGVyIHtcbiAgcG9zaXRpb246IGZpeGVkO1xuICBpbnNldDogMDtcbiAgei1pbmRleDogMTAwMDAwMDtcbiAgZGlzcGxheTogZ3JpZDtcbiAgcGxhY2UtaXRlbXM6IGNlbnRlcjtcbn1cbi5vdmVybGF5LWxvYWRlciAubG9hZGVyLWNvbnRhaW5lciB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGdhcDogNTBweDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIHBhZGRpbmc6IDEwcHg7XG4gIHotaW5kZXg6IDk5OTk5O1xufVxuLm92ZXJsYXktbG9hZGVyIC5sb2FkZXItY29udGFpbmVyIC5saW5lX2xvYWRlciB7XG4gIGhlaWdodDogMnB4O1xuICB3aWR0aDogMjg2cHg7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWxpbmUtbG9hZGVyLWJnLWNvbG9yKTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBib3gtc2hhZG93OiAwcHggMnB4IDEwcHggcmdiYSgwLCAwLCAwLCAwLjUpO1xufVxuLm92ZXJsYXktbG9hZGVyIC5sb2FkZXItY29udGFpbmVyIC5saW5lX2xvYWRlcjo6YmVmb3JlIHtcbiAgY29udGVudDogXCJcIjtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIHdpZHRoOiAwJTtcbiAgYmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KHRvIHJpZ2h0LCB0cmFuc3BhcmVudCwgdmFyKC0tYmFzZS1iZy1jb2xvcikpO1xuICBhbmltYXRpb246IGxvYWRpbmdFZmZlY3QgN3MgaW5maW5pdGUgbGluZWFyO1xufVxuQGtleWZyYW1lcyBsb2FkaW5nRWZmZWN0IHtcbiAgMCUge1xuICAgIHdpZHRoOiAwJTtcbiAgICBsZWZ0OiAwJTtcbiAgfVxuICA0MCUge1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGxlZnQ6IDAlO1xuICB9XG4gIDcwJSB7XG4gICAgd2lkdGg6IDIwMCU7XG4gICAgbGVmdDogMCU7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tbGluZS1sb2FkZXItYmctY29sb3IpOyAvKiBGdWxseSBmaWxsZWQgKi9cbiAgfVxuICA4MCUge1xuICAgIHdpZHRoOiAwJTtcbiAgICBsZWZ0OiAwJTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1saW5lLWxvYWRlci1iZy1jb2xvcik7IC8qIFN0YXkgZmlsbGVkICovXG4gIH1cbiAgOTAlIHtcbiAgICB3aWR0aDogMCU7XG4gICAgbGVmdDogMCU7XG4gIH1cbiAgMTAwJSB7XG4gICAgd2lkdGg6IDAlO1xuICAgIGxlZnQ6IDAlO1xuICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWxpbmUtbG9hZGVyLWJnLWNvbG9yKTtcbiAgfVxufVxuLm92ZXJsYXktbG9hZGVyLm92ZXJsYXkge1xuICBiYWNrZ3JvdW5kOiB2YXIoLS1saW5lLWxvYWRlci1iYWNrZ3JvdW5kLW92ZXJsYXkpO1xufSJdfQ== */');

package/lib/components/Link/Link.js

@@ -1,38 +1 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import classNames from 'classnames';
-import './Link.scss';
-import { checkEmpty } from '../../utils/checkEmpty/checkEmpty';
-import Icon from '../Icon';
-import Tooltip from '../Tooltip';
-const Link = forwardRef(({ type = 'text', variant = 'primary', name = '', label, disabled = false, disableLinkIcon = false, required = false, placeholder = 'Attach Link', value, error, helperText, noBorder, className = '', onChange, onBlur, onFocus, autoComplete = 'off', autoFocus = false, minValue = -Infinity, maxValue = Infinity, transparentBackground = false, size = 'small', isLabelRequired = true, onClick, onKeyUp, isViewMode = false, ...props }, ref) => {
-    const isValueFilled = !checkEmpty(value);
-    const handleClickLink = () => {
-        if (value && !error) {
-            window.open(value, '_blank');
-        }
-    };
-    return (_jsxs("fieldset", { className: classNames('ff-link-input-fieldset', {
-            'ff-link-input-fieldset--disabled': disabled,
-        }), children: [_jsxs("div", { className: classNames('ff-link-input-container', {
-                    'ff-link-input-container--float': isValueFilled,
-                    'ff-link-input-container--disabled': !!disabled,
-                }), children: [isLabelRequired && (_jsxs("label", { className: classNames(`ff-link-input-label-container ff-link-input-label-container--${size}`, {
-                            'ff-link-input-label-container--danger': !!error,
-                        }), htmlFor: name, children: [required && _jsx("span", { className: "required-asterisk", children: "*" }), _jsx("span", { className: classNames(`ff-link-input-label ff-link-input-label--${variant}`, {
-                                    'ff-link-input-label--no-hover': !!value,
-                                    'ff-link-input-label--disabled': !!disabled,
-                                    'ff-link-input-label--danger': !!error,
-                                }), children: label })] })), _jsx("input", { ref: ref, name: name, value: value, type: type, spellCheck: false, id: name, className: classNames(`ff-link-input ff-link-input-${variant} default-input ff-link-input--${size}`, {
-                            ['ff-link-input--transparentBackground']: !!transparentBackground,
-                            'ff-link-input--no-hover': !!value,
-                            'ff-link-input--disabled': !!disabled,
-                            'ff-link-input--danger': !!error,
-                            'ff-link-input--no-border': !!noBorder,
-                            'ff-link-input--placeholder': !isLabelRequired,
-                        }, `${className}`), placeholder: placeholder, disabled: isViewMode || disabled, onChange: onChange, onFocus: onFocus, onBlur: onBlur, autoComplete: autoComplete, autoFocus: autoFocus, min: minValue, max: maxValue, onClick: onClick, onKeyUp: onKeyUp, ...props }), _jsx("div", { className: "input-link-icon", children: disableLinkIcon || error || !isValueFilled ? (_jsx(Icon, { name: "link", disabled: true })) : (_jsx(Tooltip, { title: "Click here to navigate", children: _jsx("span", { children: _jsx(Icon, { name: "link", disabled: false, onClick: handleClickLink }) }) })) })] }), helperText && error && (_jsx("span", { className: classNames('ff-link-input-message', {
-                    'ff-link-input-message--danger': !!error,
-                }), children: helperText }))] }));
-});
-export default Link;
-//# sourceMappingURL=Link.js.map
+import{jsxs as n,jsx as e}from"react/jsx-runtime";import{forwardRef as i}from"react";import l from"../../_virtual/index.js";import"./Link.scss.js";import{checkEmpty as a}from"../../utils/checkEmpty/checkEmpty.js";import t from"../Icon/Icon.js";import o from"../Tooltip/Tooltip.js";const r=i(({type:i="text",variant:r="primary",name:s="",label:f,disabled:p=!1,disableLinkIcon:c=!1,required:u=!1,placeholder:d="Attach Link",value:k,error:m,helperText:h,noBorder:b,className:g="",onChange:v,onBlur:C,onFocus:N,autoComplete:x="off",autoFocus:y=!1,minValue:j=-1/0,maxValue:B=1/0,transparentBackground:F=!1,size:$="small",isLabelRequired:L=!0,onClick:q,onKeyUp:w,isViewMode:I=!1,...T},V)=>{const E=!a(k);return n("fieldset",{className:l("ff-link-input-fieldset",{"ff-link-input-fieldset--disabled":p}),children:[n("div",{className:l("ff-link-input-container",{"ff-link-input-container--float":E,"ff-link-input-container--disabled":!!p}),children:[L&&n("label",{className:l(`ff-link-input-label-container ff-link-input-label-container--${$}`,{"ff-link-input-label-container--danger":!!m}),htmlFor:s,children:[u&&e("span",{className:"required-asterisk",children:"*"}),e("span",{className:l(`ff-link-input-label ff-link-input-label--${r}`,{"ff-link-input-label--no-hover":!!k,"ff-link-input-label--disabled":!!p,"ff-link-input-label--danger":!!m}),children:f})]}),e("input",{ref:V,name:s,value:k,type:i,spellCheck:!1,id:s,className:l(`ff-link-input ff-link-input-${r} default-input ff-link-input--${$}`,{"ff-link-input--transparentBackground":!!F,"ff-link-input--no-hover":!!k,"ff-link-input--disabled":!!p,"ff-link-input--danger":!!m,"ff-link-input--no-border":!!b,"ff-link-input--placeholder":!L},`${g}`),placeholder:d,disabled:I||p,onChange:v,onFocus:N,onBlur:C,autoComplete:x,autoFocus:y,min:j,max:B,onClick:q,onKeyUp:w,...T}),e("div",{className:"input-link-icon",children:c||m||!E?e(t,{name:"link",disabled:!0}):e(o,{title:"Click here to navigate",children:e("span",{children:e(t,{name:"link",disabled:!1,onClick:()=>{k&&!m&&window.open(k,"_blank")}})})})})]}),h&&m&&e("span",{className:l("ff-link-input-message",{"ff-link-input-message--danger":!!m}),children:h})]})});export{r as default};

package/lib/components/Link/Link.scss.js

@@ -0,0 +1 @@
+import i from"../../node_modules/style-inject/dist/style-inject.es.js";i(".ff-link-input-fieldset .ff-link-input-container .ff-link-input-label-container::placeholder,.ff-link-input-fieldset .ff-link-input-container .ff-link-input::placeholder,.ff-link-input-fieldset .ff-link-input-container:focus-within .ff-link-input-label-container,.ff-link-input-fieldset .ff-link-input-message,.fontXs{font-family:Poppins;font-size:10px}.ff-link-input-fieldset .ff-link-input-container .ff-link-input,.ff-link-input-fieldset .ff-link-input-container .ff-link-input-label-container,.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-link-input-fieldset{border:none;display:inline-block;height:32px;line-height:18px;margin:0;outline:none;padding:0;width:100%}.ff-link-input-fieldset,.ff-link-input-fieldset--disabled{border:1px solid var(--input-default-border-color);border-radius:4px}.ff-link-input-fieldset--disabled{background:var(--input-disabled-background-color);opacity:.5}.ff-link-input-fieldset .ff-link-input-container{align-items:center;display:flex;justify-content:space-between;position:relative;width:100%}.ff-link-input-fieldset .ff-link-input-container .ff-link-input,.ff-link-input-fieldset .ff-link-input-container .ff-link-input-label-container{border:none;border-top-right-radius:4px;line-height:18px;margin-left:2px;outline:none;padding:6px 8px;width:100%}.ff-link-input-fieldset .ff-link-input-container .ff-link-input--medium{padding:10px 9px}.ff-link-input-fieldset .ff-link-input-container .ff-link-input-label-container:disabled,.ff-link-input-fieldset .ff-link-input-container .ff-link-input:disabled{background:transparent;border:none;cursor:not-allowed}.ff-link-input-fieldset .ff-link-input-container .ff-link-input-label-container::placeholder,.ff-link-input-fieldset .ff-link-input-container .ff-link-input::placeholder{line-height:15px;opacity:0}.ff-link-input-fieldset .ff-link-input-container .ff-link-input--danger{border-color:var(--input-error-text-color)}.ff-link-input-fieldset .ff-link-input-container .ff-link-input--transparentBackground{background:transparent}.ff-link-input-fieldset .ff-link-input-container .ff-link-input--no-border{border:none}.ff-link-input-fieldset .ff-link-input-container .ff-link-input--placeholder::placeholder{opacity:1}.ff-link-input-fieldset .ff-link-input-container .ff-link-input-label-container{border:none;display:flex;gap:2px;line-height:18px;margin-top:1px;outline:none;position:absolute;transition:all .3s ease-in-out;width:auto}.ff-link-input-fieldset .ff-link-input-container .ff-link-input-label-container--medium{line-height:25px}.ff-link-input-fieldset .ff-link-input-container .ff-link-input-label-container .ff-link-input-label{color:var(--input-default-label-color)}.ff-link-input-fieldset .ff-link-input-container .ff-link-input-label-container .ff-link-input-label--danger{color:var(--input-error-text-color)}.ff-link-input-fieldset .ff-link-input-container .ff-link-input-label-container .ff-link-input-label--disabled{background-color:var(--input-label-bg-color);color:var(--input-default-border-color)}.ff-link-input-fieldset .ff-link-input-container .ff-link-input-label-container .required-asterisk{color:var(--input-error-text-color)}.ff-link-input-fieldset .ff-link-input-container:hover .ff-link-input-label,.ff-link-input-fieldset .ff-link-input-container:hover .ff-link-input-label--no-hover{color:var(--input-default-label-color)}.ff-link-input-fieldset .ff-link-input-container:hover .ff-link-input-label--disabled{color:var(--input-default-border-color)}.ff-link-input-fieldset .ff-link-input-container:hover .ff-link-input-label--danger{color:var(--input-error-text-color)}.ff-link-input-fieldset .ff-link-input-container:hover .ff-link-input--disabled{background:transparent}.ff-link-input-fieldset .ff-link-input-container:focus-within .ff-link-input-label-container{background-color:var(--input-label-bg-color);line-height:15px;margin-left:10px;padding:0 2px;top:-9px}.ff-link-input-fieldset .ff-link-input-container:focus-within .ff-link-input-label--primary{color:var(--brand-color)}.ff-link-input-fieldset .ff-link-input-container:focus-within .ff-link-input-label--danger{color:var(--input-error-text-color)}.ff-link-input-fieldset .ff-link-input-container:focus-within .ff-link-input-label-container::placeholder,.ff-link-input-fieldset .ff-link-input-container:focus-within .ff-link-input::placeholder{margin-bottom:1px;opacity:1}.ff-link-input-fieldset .ff-link-input-container:focus-within .input-link-link-icon{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.ff-link-input-fieldset .ff-link-input-container--float .ff-link-input-label-container{background-color:var(--input-label-bg-color);font-size:10px;line-height:15px;margin-left:10px;padding:0 2px;top:-9px}.ff-link-input-fieldset .ff-link-input-container--float--disabled,.ff-link-input-fieldset .ff-link-input-container--float--disabled .ff-link-input-label-container{cursor:not-allowed}.ff-link-input-fieldset .ff-link-input-message{line-height:15px;margin-left:8px;padding:0 4px}.ff-link-input-fieldset .ff-link-input-message--danger{color:var(--input-error-text-color)}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpbmsuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSw4VEFDRSxtQkFBc0IsQ0FDdEIsY0FDRixDQUVBLHdKQUNFLG1CQUFzQixDQUN0QixjQUNGLENBRUEsUUFFRSxjQUNGLENBRUEsZ0JBSkUsbUJBT0YsQ0FIQSxRQUVFLGNBQ0YsQ0FFQSxRQUVFLGNBQ0YsQ0FFQSxpQkFKRSxtQkFPRixDQUhBLFNBRUUsY0FDRixDQUVBLGFBQ0UsbUJBQXNCLENBQ3RCLGFBQ0YsQ0FFQSxjQUNFLG1CQUFzQixDQUN0QixjQUNGLENBRUEsY0FDRSxtQkFBc0IsQ0FDdEIsY0FDRixDQUVBLGNBQ0UsbUJBQXNCLENBQ3RCLGNBQ0YsQ0FFQSxjQUNFLG1CQUFzQixDQUN0QixjQUNGLENBRUEsd0JBRUUsV0FBWSxDQURaLG9CQUFxQixDQVVyQixXQUFZLENBRlosZ0JBQWlCLENBTGpCLFFBQVMsQ0FJVCxZQUFhLENBTGIsU0FBVSxDQUVWLFVBT0YsQ0FDQSwwREFQRSxrREFBbUQsQ0FJbkQsaUJBUUYsQ0FMQSxrQ0FFRSxpREFBa0QsQ0FFbEQsVUFDRixDQUNBLGlEQUVFLGtCQUFtQixDQUluQixZQUFhLENBSGIsNkJBQThCLENBQzlCLGlCQUFrQixDQUNsQixVQUVGLENBQ0EsZ0pBSUUsV0FBWSxDQUZaLDJCQUE0QixDQUk1QixnQkFBaUIsQ0FIakIsZUFBZ0IsQ0FFaEIsWUFBYSxDQUpiLGVBQWdCLENBTWhCLFVBQ0YsQ0FDQSx3RUFDRSxnQkFDRixDQUNBLGtLQUdFLHNCQUF1QixDQUR2QixXQUFZLENBRFosa0JBR0YsQ0FDQSwwS0FFRSxnQkFBaUIsQ0FEakIsU0FFRixDQUNBLHdFQUNFLDBDQUNGLENBQ0EsdUZBQ0Usc0JBQ0YsQ0FDQSwyRUFDRSxXQUNGLENBQ0EsMEZBQ0UsU0FDRixDQUNBLGdGQUtFLFdBQVksQ0FIWixZQUFhLENBQ2IsT0FBUSxDQUlSLGdCQUFpQixDQUNqQixjQUFlLENBRmYsWUFBYSxDQUZiLGlCQUFrQixDQUtsQiw4QkFBZ0MsQ0FSaEMsVUFTRixDQUNBLHdGQUNFLGdCQUNGLENBQ0EscUdBQ0Usc0NBQ0YsQ0FDQSw2R0FDRSxtQ0FDRixDQUNBLCtHQUVFLDRDQUE2QyxDQUQ3Qyx1Q0FFRixDQUNBLG1HQUNFLG1DQUNGLENBSUEsa0tBQ0Usc0NBQ0YsQ0FDQSxzRkFDRSx1Q0FDRixDQUNBLG9GQUNFLG1DQUNGLENBQ0EsZ0ZBQ0Usc0JBQ0YsQ0FDQSw2RkFFRSw0Q0FBNkMsQ0FDN0MsZ0JBQWlCLENBRWpCLGdCQUFpQixDQURqQixhQUFnQixDQUhoQixRQUtGLENBQ0EsNEZBQ0Usd0JBQ0YsQ0FDQSwyRkFDRSxtQ0FDRixDQUNBLG9NQUVFLGlCQUFrQixDQURsQixTQUVGLENBQ0Esb0ZBS0Usa0JBQW1CLENBRm5CLFlBQWEsQ0FEYixXQUFZLENBRVosc0JBQXVCLENBSHZCLFVBS0YsQ0FDQSx1RkFHRSw0Q0FBNkMsQ0FEN0MsY0FBZSxDQUVmLGdCQUFpQixDQUVqQixnQkFBaUIsQ0FEakIsYUFBZ0IsQ0FKaEIsUUFNRixDQUlBLG1LQUNFLGtCQUNGLENBQ0EsK0NBR0UsZ0JBQWlCLENBRGpCLGVBQWdCLENBRGhCLGFBR0YsQ0FDQSx1REFDRSxtQ0FDRiIsImZpbGUiOiJMaW5rLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIuZm9udFhzLCAuZmYtbGluay1pbnB1dC1maWVsZHNldCAuZmYtbGluay1pbnB1dC1jb250YWluZXIgLmZmLWxpbmstaW5wdXQ6OnBsYWNlaG9sZGVyLCAuZmYtbGluay1pbnB1dC1maWVsZHNldCAuZmYtbGluay1pbnB1dC1jb250YWluZXIgLmZmLWxpbmstaW5wdXQtbGFiZWwtY29udGFpbmVyOjpwbGFjZWhvbGRlciwgLmZmLWxpbmstaW5wdXQtZmllbGRzZXQgLmZmLWxpbmstaW5wdXQtY29udGFpbmVyOmZvY3VzLXdpdGhpbiAuZmYtbGluay1pbnB1dC1sYWJlbC1jb250YWluZXIsIC5mZi1saW5rLWlucHV0LWZpZWxkc2V0IC5mZi1saW5rLWlucHV0LW1lc3NhZ2Uge1xuICBmb250LWZhbWlseTogXCJQb3BwaW5zXCI7XG4gIGZvbnQtc2l6ZTogMTBweDtcbn1cblxuLmZvbnRTbSwgLmZmLWxpbmstaW5wdXQtZmllbGRzZXQgLmZmLWxpbmstaW5wdXQtY29udGFpbmVyIC5mZi1saW5rLWlucHV0LCAuZmYtbGluay1pbnB1dC1maWVsZHNldCAuZmYtbGluay1pbnB1dC1jb250YWluZXIgLmZmLWxpbmstaW5wdXQtbGFiZWwtY29udGFpbmVyIHtcbiAgZm9udC1mYW1pbHk6IFwiUG9wcGluc1wiO1xuICBmb250LXNpemU6IDEycHg7XG59XG5cbi5mb250TWQge1xuICBmb250LWZhbWlseTogXCJQb3BwaW5zXCI7XG4gIGZvbnQtc2l6ZTogMTRweDtcbn1cblxuLmZvbnRMZyB7XG4gIGZvbnQtZmFtaWx5OiBcIlBvcHBpbnNcIjtcbiAgZm9udC1zaXplOiAxNnB4O1xufVxuXG4uZm9udFhMIHtcbiAgZm9udC1mYW1pbHk6IFwiUG9wcGluc1wiO1xuICBmb250LXNpemU6IDE4cHg7XG59XG5cbi5mb250MlhsIHtcbiAgZm9udC1mYW1pbHk6IFwiUG9wcGluc1wiO1xuICBmb250LXNpemU6IDI0cHg7XG59XG5cbi5mb250LXNpemUtOCB7XG4gIGZvbnQtZmFtaWx5OiBcIlBvcHBpbnNcIjtcbiAgZm9udC1zaXplOiA4cHg7XG59XG5cbi5mb250LXNpemUtMTAge1xuICBmb250LWZhbWlseTogXCJQb3BwaW5zXCI7XG4gIGZvbnQtc2l6ZTogMTBweDtcbn1cblxuLmZvbnQtc2l6ZS0yMCB7XG4gIGZvbnQtZmFtaWx5OiBcIlBvcHBpbnNcIjtcbiAgZm9udC1zaXplOiAyMHB4O1xufVxuXG4uZm9udC1zaXplLTMyIHtcbiAgZm9udC1mYW1pbHk6IFwiUG9wcGluc1wiO1xuICBmb250LXNpemU6IDMycHg7XG59XG5cbi5mb250LXNpemUtODAge1xuICBmb250LWZhbWlseTogXCJQb3BwaW5zXCI7XG4gIGZvbnQtc2l6ZTogODBweDtcbn1cblxuLmZmLWxpbmstaW5wdXQtZmllbGRzZXQge1xuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIGJvcmRlcjogbm9uZTtcbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAwO1xuICB3aWR0aDogMTAwJTtcbiAgYm9yZGVyOiAxcHggc29saWQgdmFyKC0taW5wdXQtZGVmYXVsdC1ib3JkZXItY29sb3IpO1xuICBib3JkZXItcmFkaXVzOiA0cHg7XG4gIG91dGxpbmU6IG5vbmU7XG4gIGxpbmUtaGVpZ2h0OiAxOHB4O1xuICBib3JkZXItcmFkaXVzOiA0cHg7XG4gIGhlaWdodDogMzJweDtcbn1cbi5mZi1saW5rLWlucHV0LWZpZWxkc2V0LS1kaXNhYmxlZCB7XG4gIGJvcmRlcjogMXB4IHNvbGlkIHZhcigtLWlucHV0LWRlZmF1bHQtYm9yZGVyLWNvbG9yKTtcbiAgYmFja2dyb3VuZDogdmFyKC0taW5wdXQtZGlzYWJsZWQtYmFja2dyb3VuZC1jb2xvcik7XG4gIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgb3BhY2l0eTogMC41O1xufVxuLmZmLWxpbmstaW5wdXQtZmllbGRzZXQgLmZmLWxpbmstaW5wdXQtY29udGFpbmVyIHtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHdpZHRoOiAxMDAlO1xuICBkaXNwbGF5OiBmbGV4O1xufVxuLmZmLWxpbmstaW5wdXQtZmllbGRzZXQgLmZmLWxpbmstaW5wdXQtY29udGFpbmVyIC5mZi1saW5rLWlucHV0LCAuZmYtbGluay1pbnB1dC1maWVsZHNldCAuZmYtbGluay1pbnB1dC1jb250YWluZXIgLmZmLWxpbmstaW5wdXQtbGFiZWwtY29udGFpbmVyIHtcbiAgcGFkZGluZzogNnB4IDhweDtcbiAgYm9yZGVyLXRvcC1yaWdodC1yYWRpdXM6IDRweDtcbiAgbWFyZ2luLWxlZnQ6IDJweDtcbiAgYm9yZGVyOiBub25lO1xuICBvdXRsaW5lOiBub25lO1xuICBsaW5lLWhlaWdodDogMThweDtcbiAgd2lkdGg6IDEwMCU7XG59XG4uZmYtbGluay1pbnB1dC1maWVsZHNldCAuZmYtbGluay1pbnB1dC1jb250YWluZXIgLmZmLWxpbmstaW5wdXQtLW1lZGl1bSB7XG4gIHBhZGRpbmc6IDEwcHggOXB4O1xufVxuLmZmLWxpbmstaW5wdXQtZmllbGRzZXQgLmZmLWxpbmstaW5wdXQtY29udGFpbmVyIC5mZi1saW5rLWlucHV0OmRpc2FibGVkLCAuZmYtbGluay1pbnB1dC1maWVsZHNldCAuZmYtbGluay1pbnB1dC1jb250YWluZXIgLmZmLWxpbmstaW5wdXQtbGFiZWwtY29udGFpbmVyOmRpc2FibGVkIHtcbiAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgYm9yZGVyOiBub25lO1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbn1cbi5mZi1saW5rLWlucHV0LWZpZWxkc2V0IC5mZi1saW5rLWlucHV0LWNvbnRhaW5lciAuZmYtbGluay1pbnB1dDo6cGxhY2Vob2xkZXIsIC5mZi1saW5rLWlucHV0LWZpZWxkc2V0IC5mZi1saW5rLWlucHV0LWNvbnRhaW5lciAuZmYtbGluay1pbnB1dC1sYWJlbC1jb250YWluZXI6OnBsYWNlaG9sZGVyIHtcbiAgb3BhY2l0eTogMDtcbiAgbGluZS1oZWlnaHQ6IDE1cHg7XG59XG4uZmYtbGluay1pbnB1dC1maWVsZHNldCAuZmYtbGluay1pbnB1dC1jb250YWluZXIgLmZmLWxpbmstaW5wdXQtLWRhbmdlciB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0taW5wdXQtZXJyb3ItdGV4dC1jb2xvcik7XG59XG4uZmYtbGluay1pbnB1dC1maWVsZHNldCAuZmYtbGluay1pbnB1dC1jb250YWluZXIgLmZmLWxpbmstaW5wdXQtLXRyYW5zcGFyZW50QmFja2dyb3VuZCB7XG4gIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xufVxuLmZmLWxpbmstaW5wdXQtZmllbGRzZXQgLmZmLWxpbmstaW5wdXQtY29udGFpbmVyIC5mZi1saW5rLWlucHV0LS1uby1ib3JkZXIge1xuICBib3JkZXI6IG5vbmU7XG59XG4uZmYtbGluay1pbnB1dC1maWVsZHNldCAuZmYtbGluay1pbnB1dC1jb250YWluZXIgLmZmLWxpbmstaW5wdXQtLXBsYWNlaG9sZGVyOjpwbGFjZWhvbGRlciB7XG4gIG9wYWNpdHk6IDE7XG59XG4uZmYtbGluay1pbnB1dC1maWVsZHNldCAuZmYtbGluay1pbnB1dC1jb250YWluZXIgLmZmLWxpbmstaW5wdXQtbGFiZWwtY29udGFpbmVyIHtcbiAgd2lkdGg6IGF1dG87XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGdhcDogMnB4O1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGJvcmRlcjogbm9uZTtcbiAgb3V0bGluZTogbm9uZTtcbiAgbGluZS1oZWlnaHQ6IDE4cHg7XG4gIG1hcmdpbi10b3A6IDFweDtcbiAgdHJhbnNpdGlvbjogYWxsIDAuM3MgZWFzZS1pbi1vdXQ7XG59XG4uZmYtbGluay1pbnB1dC1maWVsZHNldCAuZmYtbGluay1pbnB1dC1jb250YWluZXIgLmZmLWxpbmstaW5wdXQtbGFiZWwtY29udGFpbmVyLS1tZWRpdW0ge1xuICBsaW5lLWhlaWdodDogMjVweDtcbn1cbi5mZi1saW5rLWlucHV0LWZpZWxkc2V0IC5mZi1saW5rLWlucHV0LWNvbnRhaW5lciAuZmYtbGluay1pbnB1dC1sYWJlbC1jb250YWluZXIgLmZmLWxpbmstaW5wdXQtbGFiZWwge1xuICBjb2xvcjogdmFyKC0taW5wdXQtZGVmYXVsdC1sYWJlbC1jb2xvcik7XG59XG4uZmYtbGluay1pbnB1dC1maWVsZHNldCAuZmYtbGluay1pbnB1dC1jb250YWluZXIgLmZmLWxpbmstaW5wdXQtbGFiZWwtY29udGFpbmVyIC5mZi1saW5rLWlucHV0LWxhYmVsLS1kYW5nZXIge1xuICBjb2xvcjogdmFyKC0taW5wdXQtZXJyb3ItdGV4dC1jb2xvcik7XG59XG4uZmYtbGluay1pbnB1dC1maWVsZHNldCAuZmYtbGluay1pbnB1dC1jb250YWluZXIgLmZmLWxpbmstaW5wdXQtbGFiZWwtY29udGFpbmVyIC5mZi1saW5rLWlucHV0LWxhYmVsLS1kaXNhYmxlZCB7XG4gIGNvbG9yOiB2YXIoLS1pbnB1dC1kZWZhdWx0LWJvcmRlci1jb2xvcik7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWlucHV0LWxhYmVsLWJnLWNvbG9yKTtcbn1cbi5mZi1saW5rLWlucHV0LWZpZWxkc2V0IC5mZi1saW5rLWlucHV0LWNvbnRhaW5lciAuZmYtbGluay1pbnB1dC1sYWJlbC1jb250YWluZXIgLnJlcXVpcmVkLWFzdGVyaXNrIHtcbiAgY29sb3I6IHZhcigtLWlucHV0LWVycm9yLXRleHQtY29sb3IpO1xufVxuLmZmLWxpbmstaW5wdXQtZmllbGRzZXQgLmZmLWxpbmstaW5wdXQtY29udGFpbmVyOmhvdmVyIC5mZi1saW5rLWlucHV0LWxhYmVsIHtcbiAgY29sb3I6IHZhcigtLWlucHV0LWRlZmF1bHQtbGFiZWwtY29sb3IpO1xufVxuLmZmLWxpbmstaW5wdXQtZmllbGRzZXQgLmZmLWxpbmstaW5wdXQtY29udGFpbmVyOmhvdmVyIC5mZi1saW5rLWlucHV0LWxhYmVsLS1uby1ob3ZlciB7XG4gIGNvbG9yOiB2YXIoLS1pbnB1dC1kZWZhdWx0LWxhYmVsLWNvbG9yKTtcbn1cbi5mZi1saW5rLWlucHV0LWZpZWxkc2V0IC5mZi1saW5rLWlucHV0LWNvbnRhaW5lcjpob3ZlciAuZmYtbGluay1pbnB1dC1sYWJlbC0tZGlzYWJsZWQge1xuICBjb2xvcjogdmFyKC0taW5wdXQtZGVmYXVsdC1ib3JkZXItY29sb3IpO1xufVxuLmZmLWxpbmstaW5wdXQtZmllbGRzZXQgLmZmLWxpbmstaW5wdXQtY29udGFpbmVyOmhvdmVyIC5mZi1saW5rLWlucHV0LWxhYmVsLS1kYW5nZXIge1xuICBjb2xvcjogdmFyKC0taW5wdXQtZXJyb3ItdGV4dC1jb2xvcik7XG59XG4uZmYtbGluay1pbnB1dC1maWVsZHNldCAuZmYtbGluay1pbnB1dC1jb250YWluZXI6aG92ZXIgLmZmLWxpbmstaW5wdXQtLWRpc2FibGVkIHtcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG59XG4uZmYtbGluay1pbnB1dC1maWVsZHNldCAuZmYtbGluay1pbnB1dC1jb250YWluZXI6Zm9jdXMtd2l0aGluIC5mZi1saW5rLWlucHV0LWxhYmVsLWNvbnRhaW5lciB7XG4gIHRvcDogLTlweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0taW5wdXQtbGFiZWwtYmctY29sb3IpO1xuICBsaW5lLWhlaWdodDogMTVweDtcbiAgcGFkZGluZzogMHB4IDJweDtcbiAgbWFyZ2luLWxlZnQ6IDEwcHg7XG59XG4uZmYtbGluay1pbnB1dC1maWVsZHNldCAuZmYtbGluay1pbnB1dC1jb250YWluZXI6Zm9jdXMtd2l0aGluIC5mZi1saW5rLWlucHV0LWxhYmVsLS1wcmltYXJ5IHtcbiAgY29sb3I6IHZhcigtLWJyYW5kLWNvbG9yKTtcbn1cbi5mZi1saW5rLWlucHV0LWZpZWxkc2V0IC5mZi1saW5rLWlucHV0LWNvbnRhaW5lcjpmb2N1cy13aXRoaW4gLmZmLWxpbmstaW5wdXQtbGFiZWwtLWRhbmdlciB7XG4gIGNvbG9yOiB2YXIoLS1pbnB1dC1lcnJvci10ZXh0LWNvbG9yKTtcbn1cbi5mZi1saW5rLWlucHV0LWZpZWxkc2V0IC5mZi1saW5rLWlucHV0LWNvbnRhaW5lcjpmb2N1cy13aXRoaW4gLmZmLWxpbmstaW5wdXQ6OnBsYWNlaG9sZGVyLCAuZmYtbGluay1pbnB1dC1maWVsZHNldCAuZmYtbGluay1pbnB1dC1jb250YWluZXI6Zm9jdXMtd2l0aGluIC5mZi1saW5rLWlucHV0LWxhYmVsLWNvbnRhaW5lcjo6cGxhY2Vob2xkZXIge1xuICBvcGFjaXR5OiAxO1xuICBtYXJnaW4tYm90dG9tOiAxcHg7XG59XG4uZmYtbGluay1pbnB1dC1maWVsZHNldCAuZmYtbGluay1pbnB1dC1jb250YWluZXI6Zm9jdXMtd2l0aGluIC5pbnB1dC1saW5rLWxpbmstaWNvbiB7XG4gIHdpZHRoOiAyNHB4O1xuICBoZWlnaHQ6IDI0cHg7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xufVxuLmZmLWxpbmstaW5wdXQtZmllbGRzZXQgLmZmLWxpbmstaW5wdXQtY29udGFpbmVyLS1mbG9hdCAuZmYtbGluay1pbnB1dC1sYWJlbC1jb250YWluZXIge1xuICB0b3A6IC05cHg7XG4gIGZvbnQtc2l6ZTogMTBweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0taW5wdXQtbGFiZWwtYmctY29sb3IpO1xuICBsaW5lLWhlaWdodDogMTVweDtcbiAgcGFkZGluZzogMHB4IDJweDtcbiAgbWFyZ2luLWxlZnQ6IDEwcHg7XG59XG4uZmYtbGluay1pbnB1dC1maWVsZHNldCAuZmYtbGluay1pbnB1dC1jb250YWluZXItLWZsb2F0LS1kaXNhYmxlZCB7XG4gIGN1cnNvcjogbm90LWFsbG93ZWQ7XG59XG4uZmYtbGluay1pbnB1dC1maWVsZHNldCAuZmYtbGluay1pbnB1dC1jb250YWluZXItLWZsb2F0LS1kaXNhYmxlZCAuZmYtbGluay1pbnB1dC1sYWJlbC1jb250YWluZXIge1xuICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xufVxuLmZmLWxpbmstaW5wdXQtZmllbGRzZXQgLmZmLWxpbmstaW5wdXQtbWVzc2FnZSB7XG4gIHBhZGRpbmc6IDBweCA0cHg7XG4gIG1hcmdpbi1sZWZ0OiA4cHg7XG4gIGxpbmUtaGVpZ2h0OiAxNXB4O1xufVxuLmZmLWxpbmstaW5wdXQtZmllbGRzZXQgLmZmLWxpbmstaW5wdXQtbWVzc2FnZS0tZGFuZ2VyIHtcbiAgY29sb3I6IHZhcigtLWlucHV0LWVycm9yLXRleHQtY29sb3IpO1xufSJdfQ== */");

package/lib/components/MachineInputField/MachineInputField.js

@@ -1,56 +1 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import './MachineInputField.scss';
-import Typography from '../Typography';
-import Icon from '../Icon';
-import classNames from 'classnames';
-import { isTextTruncated, truncateText, } from '../../utils/truncateText/truncateText';
-import Tooltip from '../Tooltip';
-import { checkEmpty } from '../../utils/checkEmpty/checkEmpty';
-const MachineInputField = ({ width = '100%', options = [], runCount = 0, className = '', contentReverse = false, onClick = () => { }, modalId = '', scriptType = '', readOnly = false, isMissing = false, }) => {
-    const getIcon = {
-        local: 'local',
-        browserstack: 'browserstack_icon',
-        saucelabs: 'sause_lab_icon',
-        lambdatest: 'lambda_icon',
-        fireflink: 'fireflink_platform_logo',
-        mac: 'mac_icon',
-        mac_icon: 'mac_icon',
-        android: 'android_icon',
-        linux: 'linux',
-        'google chrome': 'chrome_icon',
-        'mozilla firefox': 'fire_fox',
-        'microsoft edge': 'edge',
-        'internet explorer': 'internet_explorer',
-        safari: 'safari_icon',
-        opera: 'opera',
-        windows: 'windows',
-        edge: 'edge',
-        firefox: 'fire_fox',
-        chrome: 'chrome_icon',
-        explorer: 'internet_explorer',
-        ios: 'mac_icon',
-        comet: 'comet_icon',
-    };
-    const isManualScript = scriptType.toLowerCase() === 'manual';
-    return (_jsxs("div", { id: modalId, style: { width: width }, className: classNames('ff-machine-input-field-wrapper', className, {
-            'cursor-event-none': runCount !== 1 && scriptType == 'Automation',
-        }), onClick: () => {
-            if (readOnly)
-                return;
-            onClick();
-        }, children: [!isManualScript && (_jsxs(Typography, { as: "span", color: "var(--ff-machine-input-field-text-color)", fontSize: 8, textAlign: "center", className: "ff-machine-input-label", children: ["Run ", runCount] })), _jsx("div", { className: classNames('ff-machine-input-field', {
-                    'ff-machine-input-field-reverse': contentReverse,
-                    'ff-machine-input-field-missing': isMissing,
-                }), children: options.map(({ label, type, version }) => (_jsxs("div", { className: classNames('ff-machine-icon-text-wrapper', {
-                        'ff-machine-icon-text-wrapper-reverse': contentReverse,
-                    }), children: [_jsx(Icon, { name: getIcon[type?.toLowerCase()] || '', className: "ff-machine-icon" }), _jsx(Tooltip, { title: label, children: _jsx(Typography, { className: classNames('ff-machine-text', {
-                                    'ff-machine-text-reverse': contentReverse,
-                                }), color: "var(--ff-machine-input-field-text-color)", children: isTextTruncated(label, 10) ? truncateText(label, 10) : label }) }), isManualScript && !checkEmpty(version) && (_jsx(Tooltip, { title: version, children: _jsxs(Typography, { className: classNames('ff-machine-text', {
-                                    'ff-machine-text-reverse': contentReverse,
-                                }), color: "var(--ff-machine-input-field-text-color)", children: ["\u00A0-", ' ', isTextTruncated(version ?? '', 10)
-                                        ? truncateText(version ?? '', 10)
-                                        : version] }) }))] }, type))) })] }));
-};
-MachineInputField.displayName = 'MachineInputField';
-export default MachineInputField;
-//# sourceMappingURL=MachineInputField.js.map
+import{jsxs as e,jsx as i}from"react/jsx-runtime";import"./MachineInputField.scss.js";import o from"../Typography/Typography.js";import r from"../Icon/Icon.js";import n from"../../_virtual/index.js";import{isTextTruncated as t,truncateText as a}from"../../utils/truncateText/truncateText.js";import c from"../Tooltip/Tooltip.js";import{checkEmpty as l}from"../../utils/checkEmpty/checkEmpty.js";const s=({width:s="100%",options:m=[],runCount:f=0,className:p="",contentReverse:d=!1,onClick:h=()=>{},modalId:u="",scriptType:x="",readOnly:_=!1,isMissing:v=!1})=>{const w={local:"local",browserstack:"browserstack_icon",saucelabs:"sause_lab_icon",lambdatest:"lambda_icon",fireflink:"fireflink_platform_logo",mac:"mac_icon",mac_icon:"mac_icon",android:"android_icon",linux:"linux","google chrome":"chrome_icon","mozilla firefox":"fire_fox","microsoft edge":"edge","internet explorer":"internet_explorer",safari:"safari_icon",opera:"opera",windows:"windows",edge:"edge",firefox:"fire_fox",chrome:"chrome_icon",explorer:"internet_explorer",ios:"mac_icon",comet:"comet_icon"},g="manual"===x.toLowerCase();return e("div",{id:u,style:{width:s},className:n("ff-machine-input-field-wrapper",p,{"cursor-event-none":1!==f&&"Automation"==x}),onClick:()=>{_||h()},children:[!g&&e(o,{as:"span",color:"var(--ff-machine-input-field-text-color)",fontSize:8,textAlign:"center",className:"ff-machine-input-label",children:["Run ",f]}),i("div",{className:n("ff-machine-input-field",{"ff-machine-input-field-reverse":d,"ff-machine-input-field-missing":v}),children:m.map(({label:s,type:m,version:f})=>e("div",{className:n("ff-machine-icon-text-wrapper",{"ff-machine-icon-text-wrapper-reverse":d}),children:[i(r,{name:w[m?.toLowerCase()]||"",className:"ff-machine-icon"}),i(c,{title:s,children:i(o,{className:n("ff-machine-text",{"ff-machine-text-reverse":d}),color:"var(--ff-machine-input-field-text-color)",children:t(s,10)?a(s,10):s})}),g&&!l(f)&&i(c,{title:f,children:e(o,{className:n("ff-machine-text",{"ff-machine-text-reverse":d}),color:"var(--ff-machine-input-field-text-color)",children:[" -"," ",t(f??"",10)?a(f??"",10):f]})})]},m))})]})};s.displayName="MachineInputField";export{s as default};

package/lib/components/MachineInputField/MachineInputField.scss.js

@@ -0,0 +1 @@
+import e from"../../node_modules/style-inject/dist/style-inject.es.js";e(".ff-machine-input-field-wrapper{cursor:pointer;height:32px;min-width:100px;position:relative}.ff-machine-input-field-wrapper.cursor-event-none{pointer-events:none}.ff-machine-input-field-wrapper .ff-machine-input-field,.ff-machine-input-field-wrapper .ff-machine-input-field-reverse{align-items:center;border:1px solid var(--ff-machine-input-field-border-color);border-radius:4px;display:flex;height:100%;justify-content:space-between;padding:0 8px 0 0;width:100%}.ff-machine-input-field-wrapper .ff-machine-input-field-reverse:hover,.ff-machine-input-field-wrapper .ff-machine-input-field:hover{border-color:var(--ff-connecting-branch-color)}.ff-machine-input-field-wrapper .ff-machine-input-field .ff-machine-icon-text-wrapper,.ff-machine-input-field-wrapper .ff-machine-input-field .ff-machine-icon-text-wrapper-reverse,.ff-machine-input-field-wrapper .ff-machine-input-field-reverse .ff-machine-icon-text-wrapper,.ff-machine-input-field-wrapper .ff-machine-input-field-reverse .ff-machine-icon-text-wrapper-reverse{align-items:center;display:flex}.ff-machine-input-field-wrapper .ff-machine-input-field .ff-machine-icon-text-wrapper .ff-machine-icon,.ff-machine-input-field-wrapper .ff-machine-input-field .ff-machine-icon-text-wrapper-reverse .ff-machine-icon,.ff-machine-input-field-wrapper .ff-machine-input-field-reverse .ff-machine-icon-text-wrapper .ff-machine-icon,.ff-machine-input-field-wrapper .ff-machine-input-field-reverse .ff-machine-icon-text-wrapper-reverse .ff-machine-icon{margin-left:4px}.ff-machine-input-field-wrapper .ff-machine-input-field .ff-machine-icon-text-wrapper .ff-machine-text,.ff-machine-input-field-wrapper .ff-machine-input-field .ff-machine-icon-text-wrapper .ff-machine-text-reverse,.ff-machine-input-field-wrapper .ff-machine-input-field .ff-machine-icon-text-wrapper-reverse .ff-machine-text,.ff-machine-input-field-wrapper .ff-machine-input-field .ff-machine-icon-text-wrapper-reverse .ff-machine-text-reverse,.ff-machine-input-field-wrapper .ff-machine-input-field-reverse .ff-machine-icon-text-wrapper .ff-machine-text,.ff-machine-input-field-wrapper .ff-machine-input-field-reverse .ff-machine-icon-text-wrapper .ff-machine-text-reverse,.ff-machine-input-field-wrapper .ff-machine-input-field-reverse .ff-machine-icon-text-wrapper-reverse .ff-machine-text,.ff-machine-input-field-wrapper .ff-machine-input-field-reverse .ff-machine-icon-text-wrapper-reverse .ff-machine-text-reverse{max-width:fit-content}.ff-machine-input-field-wrapper .ff-machine-input-field .ff-machine-icon-text-wrapper .ff-machine-text-reverse,.ff-machine-input-field-wrapper .ff-machine-input-field .ff-machine-icon-text-wrapper-reverse .ff-machine-text-reverse,.ff-machine-input-field-wrapper .ff-machine-input-field-reverse .ff-machine-icon-text-wrapper .ff-machine-text-reverse,.ff-machine-input-field-wrapper .ff-machine-input-field-reverse .ff-machine-icon-text-wrapper-reverse .ff-machine-text-reverse{direction:ltr}.ff-machine-input-field-wrapper .ff-machine-input-field .ff-machine-icon-text-wrapper-reverse,.ff-machine-input-field-wrapper .ff-machine-input-field-reverse,.ff-machine-input-field-wrapper .ff-machine-input-field-reverse .ff-machine-icon-text-wrapper-reverse{flex-direction:row-reverse}.ff-machine-input-field-wrapper .ff-machine-input-field-missing{background:var(--ff-missing-machine-field);border:1px solid var(--defect-tweak)}.ff-machine-input-field-wrapper .ff-machine-input-label{background-color:var(--ff-machine-input-field-label-color);border-radius:4px;height:12px;left:8px;padding:1px 2px;position:absolute;top:-6px}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1hY2hpbmVJbnB1dEZpZWxkLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsZ0NBSUUsY0FBZSxDQUZmLFdBQVksQ0FEWixlQUFnQixDQUVoQixpQkFFRixDQUNBLGtEQUNFLG1CQUNGLENBQ0Esd0hBUUUsa0JBQW1CLENBSm5CLDJEQUE0RCxDQUU1RCxpQkFBa0IsQ0FDbEIsWUFBYSxDQUxiLFdBQVksQ0FPWiw2QkFBOEIsQ0FKOUIsaUJBQWtCLENBRmxCLFVBT0YsQ0FDQSxvSUFFRSw4Q0FDRixDQUNBLHdYQUtFLGtCQUFtQixDQURuQixZQUVGLENBQ0EsNGJBSUUsZUFDRixDQUNBLHc1QkFRRSxxQkFDRixDQUNBLDRkQUlFLGFBQ0YsQ0FLQSxvUUFDRSwwQkFDRixDQUNBLGdFQUNFLDBDQUEyQyxDQUMzQyxvQ0FDRixDQUNBLHdEQUlFLDBEQUEyRCxDQUMzRCxpQkFBa0IsQ0FFbEIsV0FBWSxDQUpaLFFBQVMsQ0FHVCxlQUFnQixDQUxoQixpQkFBa0IsQ0FDbEIsUUFNRiIsImZpbGUiOiJNYWNoaW5lSW5wdXRGaWVsZC5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLmZmLW1hY2hpbmUtaW5wdXQtZmllbGQtd3JhcHBlciB7XG4gIG1pbi13aWR0aDogMTAwcHg7XG4gIGhlaWdodDogMzJweDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBjdXJzb3I6IHBvaW50ZXI7XG59XG4uZmYtbWFjaGluZS1pbnB1dC1maWVsZC13cmFwcGVyLmN1cnNvci1ldmVudC1ub25lIHtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG59XG4uZmYtbWFjaGluZS1pbnB1dC1maWVsZC13cmFwcGVyIC5mZi1tYWNoaW5lLWlucHV0LWZpZWxkLFxuLmZmLW1hY2hpbmUtaW5wdXQtZmllbGQtd3JhcHBlciAuZmYtbWFjaGluZS1pbnB1dC1maWVsZC1yZXZlcnNlIHtcbiAgaGVpZ2h0OiAxMDAlO1xuICB3aWR0aDogMTAwJTtcbiAgYm9yZGVyOiAxcHggc29saWQgdmFyKC0tZmYtbWFjaGluZS1pbnB1dC1maWVsZC1ib3JkZXItY29sb3IpO1xuICBwYWRkaW5nOiAwIDhweCAwIDA7XG4gIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xufVxuLmZmLW1hY2hpbmUtaW5wdXQtZmllbGQtd3JhcHBlciAuZmYtbWFjaGluZS1pbnB1dC1maWVsZDpob3Zlcixcbi5mZi1tYWNoaW5lLWlucHV0LWZpZWxkLXdyYXBwZXIgLmZmLW1hY2hpbmUtaW5wdXQtZmllbGQtcmV2ZXJzZTpob3ZlciB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tZmYtY29ubmVjdGluZy1icmFuY2gtY29sb3IpO1xufVxuLmZmLW1hY2hpbmUtaW5wdXQtZmllbGQtd3JhcHBlciAuZmYtbWFjaGluZS1pbnB1dC1maWVsZCAuZmYtbWFjaGluZS1pY29uLXRleHQtd3JhcHBlcixcbi5mZi1tYWNoaW5lLWlucHV0LWZpZWxkLXdyYXBwZXIgLmZmLW1hY2hpbmUtaW5wdXQtZmllbGQgLmZmLW1hY2hpbmUtaWNvbi10ZXh0LXdyYXBwZXItcmV2ZXJzZSxcbi5mZi1tYWNoaW5lLWlucHV0LWZpZWxkLXdyYXBwZXIgLmZmLW1hY2hpbmUtaW5wdXQtZmllbGQtcmV2ZXJzZSAuZmYtbWFjaGluZS1pY29uLXRleHQtd3JhcHBlcixcbi5mZi1tYWNoaW5lLWlucHV0LWZpZWxkLXdyYXBwZXIgLmZmLW1hY2hpbmUtaW5wdXQtZmllbGQtcmV2ZXJzZSAuZmYtbWFjaGluZS1pY29uLXRleHQtd3JhcHBlci1yZXZlcnNlIHtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbn1cbi5mZi1tYWNoaW5lLWlucHV0LWZpZWxkLXdyYXBwZXIgLmZmLW1hY2hpbmUtaW5wdXQtZmllbGQgLmZmLW1hY2hpbmUtaWNvbi10ZXh0LXdyYXBwZXIgLmZmLW1hY2hpbmUtaWNvbixcbi5mZi1tYWNoaW5lLWlucHV0LWZpZWxkLXdyYXBwZXIgLmZmLW1hY2hpbmUtaW5wdXQtZmllbGQgLmZmLW1hY2hpbmUtaWNvbi10ZXh0LXdyYXBwZXItcmV2ZXJzZSAuZmYtbWFjaGluZS1pY29uLFxuLmZmLW1hY2hpbmUtaW5wdXQtZmllbGQtd3JhcHBlciAuZmYtbWFjaGluZS1pbnB1dC1maWVsZC1yZXZlcnNlIC5mZi1tYWNoaW5lLWljb24tdGV4dC13cmFwcGVyIC5mZi1tYWNoaW5lLWljb24sXG4uZmYtbWFjaGluZS1pbnB1dC1maWVsZC13cmFwcGVyIC5mZi1tYWNoaW5lLWlucHV0LWZpZWxkLXJldmVyc2UgLmZmLW1hY2hpbmUtaWNvbi10ZXh0LXdyYXBwZXItcmV2ZXJzZSAuZmYtbWFjaGluZS1pY29uIHtcbiAgbWFyZ2luLWxlZnQ6IDRweDtcbn1cbi5mZi1tYWNoaW5lLWlucHV0LWZpZWxkLXdyYXBwZXIgLmZmLW1hY2hpbmUtaW5wdXQtZmllbGQgLmZmLW1hY2hpbmUtaWNvbi10ZXh0LXdyYXBwZXIgLmZmLW1hY2hpbmUtdGV4dC1yZXZlcnNlLFxuLmZmLW1hY2hpbmUtaW5wdXQtZmllbGQtd3JhcHBlciAuZmYtbWFjaGluZS1pbnB1dC1maWVsZCAuZmYtbWFjaGluZS1pY29uLXRleHQtd3JhcHBlciAuZmYtbWFjaGluZS10ZXh0LFxuLmZmLW1hY2hpbmUtaW5wdXQtZmllbGQtd3JhcHBlciAuZmYtbWFjaGluZS1pbnB1dC1maWVsZCAuZmYtbWFjaGluZS1pY29uLXRleHQtd3JhcHBlci1yZXZlcnNlIC5mZi1tYWNoaW5lLXRleHQtcmV2ZXJzZSxcbi5mZi1tYWNoaW5lLWlucHV0LWZpZWxkLXdyYXBwZXIgLmZmLW1hY2hpbmUtaW5wdXQtZmllbGQgLmZmLW1hY2hpbmUtaWNvbi10ZXh0LXdyYXBwZXItcmV2ZXJzZSAuZmYtbWFjaGluZS10ZXh0LFxuLmZmLW1hY2hpbmUtaW5wdXQtZmllbGQtd3JhcHBlciAuZmYtbWFjaGluZS1pbnB1dC1maWVsZC1yZXZlcnNlIC5mZi1tYWNoaW5lLWljb24tdGV4dC13cmFwcGVyIC5mZi1tYWNoaW5lLXRleHQtcmV2ZXJzZSxcbi5mZi1tYWNoaW5lLWlucHV0LWZpZWxkLXdyYXBwZXIgLmZmLW1hY2hpbmUtaW5wdXQtZmllbGQtcmV2ZXJzZSAuZmYtbWFjaGluZS1pY29uLXRleHQtd3JhcHBlciAuZmYtbWFjaGluZS10ZXh0LFxuLmZmLW1hY2hpbmUtaW5wdXQtZmllbGQtd3JhcHBlciAuZmYtbWFjaGluZS1pbnB1dC1maWVsZC1yZXZlcnNlIC5mZi1tYWNoaW5lLWljb24tdGV4dC13cmFwcGVyLXJldmVyc2UgLmZmLW1hY2hpbmUtdGV4dC1yZXZlcnNlLFxuLmZmLW1hY2hpbmUtaW5wdXQtZmllbGQtd3JhcHBlciAuZmYtbWFjaGluZS1pbnB1dC1maWVsZC1yZXZlcnNlIC5mZi1tYWNoaW5lLWljb24tdGV4dC13cmFwcGVyLXJldmVyc2UgLmZmLW1hY2hpbmUtdGV4dCB7XG4gIG1heC13aWR0aDogZml0LWNvbnRlbnQ7XG59XG4uZmYtbWFjaGluZS1pbnB1dC1maWVsZC13cmFwcGVyIC5mZi1tYWNoaW5lLWlucHV0LWZpZWxkIC5mZi1tYWNoaW5lLWljb24tdGV4dC13cmFwcGVyIC5mZi1tYWNoaW5lLXRleHQtcmV2ZXJzZSxcbi5mZi1tYWNoaW5lLWlucHV0LWZpZWxkLXdyYXBwZXIgLmZmLW1hY2hpbmUtaW5wdXQtZmllbGQgLmZmLW1hY2hpbmUtaWNvbi10ZXh0LXdyYXBwZXItcmV2ZXJzZSAuZmYtbWFjaGluZS10ZXh0LXJldmVyc2UsXG4uZmYtbWFjaGluZS1pbnB1dC1maWVsZC13cmFwcGVyIC5mZi1tYWNoaW5lLWlucHV0LWZpZWxkLXJldmVyc2UgLmZmLW1hY2hpbmUtaWNvbi10ZXh0LXdyYXBwZXIgLmZmLW1hY2hpbmUtdGV4dC1yZXZlcnNlLFxuLmZmLW1hY2hpbmUtaW5wdXQtZmllbGQtd3JhcHBlciAuZmYtbWFjaGluZS1pbnB1dC1maWVsZC1yZXZlcnNlIC5mZi1tYWNoaW5lLWljb24tdGV4dC13cmFwcGVyLXJldmVyc2UgLmZmLW1hY2hpbmUtdGV4dC1yZXZlcnNlIHtcbiAgZGlyZWN0aW9uOiBsdHI7XG59XG4uZmYtbWFjaGluZS1pbnB1dC1maWVsZC13cmFwcGVyIC5mZi1tYWNoaW5lLWlucHV0LWZpZWxkIC5mZi1tYWNoaW5lLWljb24tdGV4dC13cmFwcGVyLXJldmVyc2UsXG4uZmYtbWFjaGluZS1pbnB1dC1maWVsZC13cmFwcGVyIC5mZi1tYWNoaW5lLWlucHV0LWZpZWxkLXJldmVyc2UgLmZmLW1hY2hpbmUtaWNvbi10ZXh0LXdyYXBwZXItcmV2ZXJzZSB7XG4gIGZsZXgtZGlyZWN0aW9uOiByb3ctcmV2ZXJzZTtcbn1cbi5mZi1tYWNoaW5lLWlucHV0LWZpZWxkLXdyYXBwZXIgLmZmLW1hY2hpbmUtaW5wdXQtZmllbGQtcmV2ZXJzZSB7XG4gIGZsZXgtZGlyZWN0aW9uOiByb3ctcmV2ZXJzZTtcbn1cbi5mZi1tYWNoaW5lLWlucHV0LWZpZWxkLXdyYXBwZXIgLmZmLW1hY2hpbmUtaW5wdXQtZmllbGQtbWlzc2luZyB7XG4gIGJhY2tncm91bmQ6IHZhcigtLWZmLW1pc3NpbmctbWFjaGluZS1maWVsZCk7XG4gIGJvcmRlcjogMXB4IHNvbGlkIHZhcigtLWRlZmVjdC10d2Vhayk7XG59XG4uZmYtbWFjaGluZS1pbnB1dC1maWVsZC13cmFwcGVyIC5mZi1tYWNoaW5lLWlucHV0LWxhYmVsIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IC02cHg7XG4gIGxlZnQ6IDhweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tZmYtbWFjaGluZS1pbnB1dC1maWVsZC1sYWJlbC1jb2xvcik7XG4gIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgcGFkZGluZzogMXB4IDJweDtcbiAgaGVpZ2h0OiAxMnB4O1xufSJdfQ== */");

package/lib/components/MediaPreview/MediaPreview.js

@@ -1,40 +1 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useEffect, useState } from 'react';
-import AttachMedia from '../AttachMedia';
-import Modal from '../Modal';
-import Icon from '../Icon';
-import './MediaPreview.scss';
-import Tooltip from '../Tooltip';
-const MediaPreview = ({ onModalClose, MediaSrc, fileName, onDeleteClick, mediaType, fileId, thumbnailMediaSrc, isDelete = true, onExpandClick, onDownloadClick, isMediaIcon = false, previewOnly = false, iconName = 'video_preview', isDisabled = false, }) => {
-    const [isModalOpen, setIsModalOpen] = useState(false);
-    const videoRef = React.useRef(null);
-    const handleExpand = () => {
-        setIsModalOpen(true);
-        onExpandClick && onExpandClick(fileId);
-    };
-    const handleClose = () => {
-        onModalClose?.();
-        setIsModalOpen(false);
-    };
-    const handleDownload = () => {
-        onDownloadClick && onDownloadClick(fileId);
-    };
-    useEffect(() => {
-        if (previewOnly) {
-            setIsModalOpen(true);
-        }
-    }, [previewOnly]);
-    return (_jsxs("div", { children: [!previewOnly &&
-                (isMediaIcon ? (_jsx(Icon, { name: iconName, hoverEffect: true, onClick: handleExpand, disabled: isDisabled })) : (_jsx(AttachMedia, { mediaSrc: MediaSrc, mediaType: mediaType, onDownloadClick: handleDownload, onDeleteClick: () => onDeleteClick?.(MediaSrc), onExpandClick: handleExpand, fileName: fileName, fileId: fileId, thumbnailMediaSrc: thumbnailMediaSrc, isDelete: isDelete }))), isModalOpen && (_jsx(Modal, { isOpen: isModalOpen, onClose: handleClose, isFooterDisplayed: false, isHeaderDisplayed: false, customWidth: "1130px", customHeight: "570px", zIndex: 10000, children: _jsxs("div", { className: "media-wrapper", children: [_jsxs("div", { className: "ff-expand-icons", children: [_jsx(Tooltip, { title: "Download File", children: _jsx(Icon, { name: "download_file_icon", onClick: handleDownload, color: "var(--icons-default-color)", className: "header-icons" }) }), _jsx(Tooltip, { title: "Expand", children: _jsx(Icon, { name: "expand", onClick: handleExpand, color: "var(--icons-default-color)", className: "header-icons" }) }), _jsx(Tooltip, { title: "close", children: _jsx(Icon, { name: "close", onClick: handleClose, color: "var(--icons-default-color)", className: "header-icons" }) })] }), mediaType === 'image' && (_jsx("img", { src: MediaSrc, alt: "fileName", height: "auto" })), mediaType === 'video' && (_jsx("video", { src: MediaSrc, controls: true, controlsList: "nodownload", className: "ff-video-preview", ref: videoRef, onCanPlay: () => {
-                                if (videoRef.current) {
-                                    const playPromise = videoRef.current.play();
-                                    if (playPromise !== undefined) {
-                                        playPromise.catch((error) => {
-                                            console.error('Autoplay failed:', error);
-                                        });
-                                    }
-                                }
-                            } }))] }) }))] }));
-};
-export default MediaPreview;
-//# sourceMappingURL=MediaPreview.js.map
+import{jsxs as e,jsx as o}from"react/jsx-runtime";import i,{useState as l,useEffect as a}from"react";import c from"../AttachMedia/AttachMedia.js";import n from"../Modal/Modal.js";import r from"../Icon/Icon.js";import"./MediaPreview.scss.js";import d from"../Tooltip/Tooltip.js";const s=({onModalClose:s,MediaSrc:t,fileName:m,onDeleteClick:p,mediaType:f,fileId:h,thumbnailMediaSrc:u,isDelete:v=!0,onExpandClick:C,onDownloadClick:k,isMediaIcon:w=!1,previewOnly:x=!1,iconName:D="video_preview",isDisabled:M=!1})=>{const[N,y]=l(!1),j=i.useRef(null),I=()=>{y(!0),C&&C(h)},b=()=>{s?.(),y(!1)},g=()=>{k&&k(h)};return a(()=>{x&&y(!0)},[x]),e("div",{children:[!x&&(w?o(r,{name:D,hoverEffect:!0,onClick:I,disabled:M}):o(c,{mediaSrc:t,mediaType:f,onDownloadClick:g,onDeleteClick:()=>p?.(t),onExpandClick:I,fileName:m,fileId:h,thumbnailMediaSrc:u,isDelete:v})),N&&o(n,{isOpen:N,onClose:b,isFooterDisplayed:!1,isHeaderDisplayed:!1,customWidth:"1130px",customHeight:"570px",zIndex:1e4,children:e("div",{className:"media-wrapper",children:[e("div",{className:"ff-expand-icons",children:[o(d,{title:"Download File",children:o(r,{name:"download_file_icon",onClick:g,color:"var(--icons-default-color)",className:"header-icons"})}),o(d,{title:"Expand",children:o(r,{name:"expand",onClick:I,color:"var(--icons-default-color)",className:"header-icons"})}),o(d,{title:"close",children:o(r,{name:"close",onClick:b,color:"var(--icons-default-color)",className:"header-icons"})})]}),"image"===f&&o("img",{src:t,alt:"fileName",height:"auto"}),"video"===f&&o("video",{src:t,controls:!0,controlsList:"nodownload",className:"ff-video-preview",ref:j,onCanPlay:()=>{if(j.current){const e=j.current.play();void 0!==e&&e.catch(e=>{console.error("Autoplay failed:",e)})}}})]})})]})};export{s as default};

package/lib/components/MediaPreview/MediaPreview.scss.js

@@ -0,0 +1 @@
+import i from"../../node_modules/style-inject/dist/style-inject.es.js";i(".media-wrapper{display:flex;height:100%;justify-content:center;width:100%}.media-wrapper .ff-expand-icons{display:flex;gap:4px;left:94%;position:absolute;top:16px;width:25%;z-index:99}.media-wrapper .ff-expand-icons .header-icons{background-color:var(--ff-icon-hover-fill-color);border-radius:6px;cursor:pointer;height:16px;position:relative;width:16px}.media-wrapper .ff-custom-overlay{opacity:.5}.media-wrapper img,.media-wrapper video{border-radius:8px}.media-wrapper img{max-width:100%}.media-wrapper .ff-video-preview{height:550px;width:auto}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1lZGlhUHJldmlldy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGVBQ0UsWUFBYSxDQUdiLFdBQVksQ0FGWixzQkFBdUIsQ0FDdkIsVUFFRixDQUNBLGdDQUVFLFlBQWEsQ0FHYixPQUFRLENBRFIsUUFBUyxDQUhULGlCQUFrQixDQUtsQixRQUFTLENBSFQsU0FBVSxDQUlWLFVBQ0YsQ0FDQSw4Q0FHRSxnREFBaUQsQ0FDakQsaUJBQWtCLENBQ2xCLGNBQWUsQ0FIZixXQUFZLENBSVosaUJBQWtCLENBTGxCLFVBTUYsQ0FDQSxrQ0FDRSxVQUNGLENBQ0Esd0NBRUUsaUJBQ0YsQ0FDQSxtQkFDRSxjQUNGLENBQ0EsaUNBQ0UsWUFBYSxDQUNiLFVBQ0YiLCJmaWxlIjoiTWVkaWFQcmV2aWV3LnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIubWVkaWEtd3JhcHBlciB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xufVxuLm1lZGlhLXdyYXBwZXIgLmZmLWV4cGFuZC1pY29ucyB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgZGlzcGxheTogZmxleDtcbiAgd2lkdGg6IDI1JTtcbiAgbGVmdDogOTQlO1xuICBnYXA6IDRweDtcbiAgdG9wOiAxNnB4O1xuICB6LWluZGV4OiA5OTtcbn1cbi5tZWRpYS13cmFwcGVyIC5mZi1leHBhbmQtaWNvbnMgLmhlYWRlci1pY29ucyB7XG4gIHdpZHRoOiAxNnB4O1xuICBoZWlnaHQ6IDE2cHg7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWZmLWljb24taG92ZXItZmlsbC1jb2xvcik7XG4gIGJvcmRlci1yYWRpdXM6IDZweDtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG4ubWVkaWEtd3JhcHBlciAuZmYtY3VzdG9tLW92ZXJsYXkge1xuICBvcGFjaXR5OiAwLjU7XG59XG4ubWVkaWEtd3JhcHBlciBpbWcsXG4ubWVkaWEtd3JhcHBlciB2aWRlbyB7XG4gIGJvcmRlci1yYWRpdXM6IDhweDtcbn1cbi5tZWRpYS13cmFwcGVyIGltZyB7XG4gIG1heC13aWR0aDogMTAwJTtcbn1cbi5tZWRpYS13cmFwcGVyIC5mZi12aWRlby1wcmV2aWV3IHtcbiAgaGVpZ2h0OiA1NTBweDtcbiAgd2lkdGg6IGF1dG87XG59Il19 */");

package/lib/components/MediaViewerModal/MediaViewerModal.js

@@ -1,99 +1 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useRef, useState, useEffect, useCallback } from 'react';
-import './MediaViewerModal.scss';
-import Icon from '../Icon';
-import OverviewModal from '../OverviewModal';
-import Typography from '../Typography';
-import Tooltip from '../Tooltip';
-const MediaViewerModal = ({ isOpen, onClose, isPlaying, onTogglePlay, mediaType, src, headerTitle, onDownload, onExpand, showHeader = true, showDownload = true, showExpand = true, width = '800px', height = '432px', showControls = true, customStyle, overlay = true, children, showControlDownload = false, showControlExpand = false, isFullscreen = false, }) => {
-    const videoRef = useRef(null);
-    const sliderRef = useRef(null);
-    const [currentTime, setCurrentTime] = useState(0);
-    const [duration, setDuration] = useState(0);
-    const [isDragging, setIsDragging] = useState(false);
-    const [progress, setProgress] = useState(0);
-    useEffect(() => {
-        if (mediaType === 'video' && videoRef.current && !children) {
-            isPlaying ? videoRef.current.play() : videoRef.current.pause();
-        }
-    }, [isPlaying, mediaType, children]);
-    const handleTimeUpdate = useCallback(() => {
-        if (videoRef.current && !isDragging) {
-            const current = (videoRef.current.currentTime / videoRef.current.duration) * 100;
-            setProgress(current || 0);
-            setCurrentTime(videoRef.current.currentTime);
-        }
-    }, [isDragging]);
-    const handleLoadedMetadata = useCallback(() => {
-        if (videoRef.current) {
-            setDuration(videoRef.current.duration);
-        }
-    }, []);
-    const handleVideoEnd = useCallback(() => {
-        setCurrentTime(0);
-        setProgress(0);
-        onTogglePlay?.();
-    }, [onTogglePlay]);
-    const formatTime = useCallback((time) => {
-        const minutes = Math.floor(time / 60);
-        const seconds = Math.floor(time % 60)
-            .toString()
-            .padStart(2, '0');
-        return `${minutes}:${seconds}`;
-    }, []);
-    const handleSeek = useCallback((newProgress) => {
-        if (videoRef.current) {
-            const seekTo = (newProgress / 100) * videoRef.current.duration;
-            videoRef.current.currentTime = seekTo;
-            setProgress(newProgress);
-            setCurrentTime(seekTo);
-        }
-    }, []);
-    const handleSliderClick = useCallback((e) => {
-        if (isDragging || !sliderRef.current)
-            return;
-        const rect = sliderRef.current.getBoundingClientRect();
-        const clickX = e.clientX - rect.left;
-        const width = rect.width;
-        const newProgress = Math.max(0, Math.min(100, (clickX / width) * 100));
-        handleSeek(newProgress);
-    }, [handleSeek, isDragging]);
-    const handleMouseDown = useCallback((e) => {
-        if (!sliderRef.current)
-            return;
-        setIsDragging(true);
-        const rect = sliderRef.current.getBoundingClientRect();
-        const clickX = e.clientX - rect.left;
-        const width = rect.width;
-        const newProgress = Math.max(0, Math.min(100, (clickX / width) * 100));
-        handleSeek(newProgress);
-    }, [handleSeek]);
-    const handleMouseMove = useCallback((e) => {
-        if (!isDragging || !sliderRef.current || !videoRef.current)
-            return;
-        const rect = sliderRef.current.getBoundingClientRect();
-        const moveX = e.clientX - rect.left;
-        const width = rect.width;
-        const newProgress = Math.max(0, Math.min(100, (moveX / width) * 100));
-        handleSeek(newProgress);
-    }, [isDragging, handleSeek]);
-    const handleMouseUp = useCallback(() => {
-        setIsDragging(false);
-    }, []);
-    useEffect(() => {
-        if (isDragging) {
-            document.addEventListener('mousemove', handleMouseMove);
-            document.addEventListener('mouseup', handleMouseUp);
-            return () => {
-                document.removeEventListener('mousemove', handleMouseMove);
-                document.removeEventListener('mouseup', handleMouseUp);
-            };
-        }
-        return undefined;
-    }, [isDragging, handleMouseMove, handleMouseUp]);
-    if (!isOpen)
-        return null;
-    return (_jsx(OverviewModal, { isOpen: isOpen, onClose: onClose, isMaximized: false, showHeader: showHeader, overlay: overlay, downloadHandler: () => { }, customStyle: customStyle, header: _jsxs("div", { className: "ff-header-content", children: [_jsx(Icon, { width: 23, height: 23, name: "automatic_locator" }), _jsx(Typography, { children: _jsx("span", { className: "ff-header-title", children: headerTitle }) })] }), icons: _jsx(Tooltip, { title: "Close", children: _jsx(Icon, { name: "close", onClick: onClose }) }), width: width, height: height, zIndex: 999, children: _jsxs("div", { className: "ff-video-wrapper", children: [children ? (children) : mediaType === 'video' ? (_jsx("video", { ref: videoRef, src: src, className: "ff-media-video", onTimeUpdate: handleTimeUpdate, onLoadedMetadata: handleLoadedMetadata, onEnded: handleVideoEnd })) : (_jsx("img", { src: src, alt: "Preview", className: "ff-media-image" })), _jsxs("div", { className: "ff-top-right-icons", children: [showDownload && (_jsx(Tooltip, { title: "Download", children: _jsx(Icon, { name: "download_file", color: "white", onClick: onDownload }) })), showExpand && (_jsx(Tooltip, { title: isFullscreen ? 'Minimize' : 'Maximize', children: _jsx(Icon, { name: isFullscreen ? 'collapse_icon' : 'expand_icon', color: "white", onClick: onExpand }) }))] }), mediaType === 'video' && showControls && !children && (_jsxs("div", { className: "ff-media-controls", children: [_jsx("button", { onClick: onTogglePlay, className: "ff-play-pause-btn", children: _jsx(Tooltip, { title: isPlaying ? 'Pause' : 'Play', children: _jsx(Icon, { width: 35, height: 35, name: isPlaying ? 'pause_button' : 'play_button', color: "white" }) }) }), _jsxs("div", { className: "ff-progress-bar", children: [_jsx("span", { className: "ff-current-time", children: formatTime(currentTime) }), _jsx("input", { type: "range", className: "ff-seek-bar", min: 0, max: 100, value: progress, onChange: (e) => handleSeek(parseFloat(e.target.value)), onClick: handleSliderClick, onMouseDown: handleMouseDown, ref: sliderRef }), _jsx("span", { className: "ff-total-time", children: formatTime(duration) })] }), _jsxs("div", { className: "ff-control-icons", children: [showControlDownload && (_jsx(Tooltip, { title: "Download", children: _jsx(Icon, { name: "download_file", color: "white", onClick: onDownload, cursorType: "pointer" }) })), showControlExpand && (_jsx(Tooltip, { title: isFullscreen ? 'Minimize' : 'Maximize', children: _jsx(Icon, { name: isFullscreen ? 'collapse_icon' : 'expand_icon', color: "white", onClick: onExpand, cursorType: "pointer" }) }))] })] }))] }) }));
-};
-export default MediaViewerModal;
-//# sourceMappingURL=MediaViewerModal.js.map
+import{jsx as e,jsxs as n}from"react/jsx-runtime";import{useRef as t,useState as o,useEffect as r,useCallback as i}from"react";import"./MediaViewerModal.scss.js";import a from"../Icon/Icon.js";import l from"../OverviewModal/overviewModal.js";import c from"../Typography/Typography.js";import s from"../Tooltip/Tooltip.js";const d=({isOpen:d,onClose:m,isPlaying:u,onTogglePlay:h,mediaType:p,src:f,headerTitle:w,onDownload:v,onExpand:g,showHeader:M=!0,showDownload:y=!0,showExpand:x=!0,width:C="800px",height:N="432px",showControls:T=!0,customStyle:_,overlay:k=!0,children:E,showControlDownload:b=!1,showControlExpand:j=!1,isFullscreen:z=!1})=>{const D=t(null),L=t(null),[P,S]=o(0),[B,H]=o(0),[I,O]=o(!1),[R,X]=o(0);r(()=>{"video"===p&&D.current&&!E&&(u?D.current.play():D.current.pause())},[u,p,E]);const F=i(()=>{if(D.current&&!I){const e=D.current.currentTime/D.current.duration*100;X(e||0),S(D.current.currentTime)}},[I]),$=i(()=>{D.current&&H(D.current.duration)},[]),U=i(()=>{S(0),X(0),h?.()},[h]),V=i(e=>`${Math.floor(e/60)}:${Math.floor(e%60).toString().padStart(2,"0")}`,[]),q=i(e=>{if(D.current){const n=e/100*D.current.duration;D.current.currentTime=n,X(e),S(n)}},[]),A=i(e=>{if(I||!L.current)return;const n=L.current.getBoundingClientRect(),t=e.clientX-n.left,o=n.width,r=Math.max(0,Math.min(100,t/o*100));q(r)},[q,I]),G=i(e=>{if(!L.current)return;O(!0);const n=L.current.getBoundingClientRect(),t=e.clientX-n.left,o=n.width,r=Math.max(0,Math.min(100,t/o*100));q(r)},[q]),J=i(e=>{if(!I||!L.current||!D.current)return;const n=L.current.getBoundingClientRect(),t=e.clientX-n.left,o=n.width,r=Math.max(0,Math.min(100,t/o*100));q(r)},[I,q]),K=i(()=>{O(!1)},[]);return r(()=>{if(I)return document.addEventListener("mousemove",J),document.addEventListener("mouseup",K),()=>{document.removeEventListener("mousemove",J),document.removeEventListener("mouseup",K)}},[I,J,K]),d?e(l,{isOpen:d,onClose:m,isMaximized:!1,showHeader:M,overlay:k,downloadHandler:()=>{},customStyle:_,header:n("div",{className:"ff-header-content",children:[e(a,{width:23,height:23,name:"automatic_locator"}),e(c,{children:e("span",{className:"ff-header-title",children:w})})]}),icons:e(s,{title:"Close",children:e(a,{name:"close",onClick:m})}),width:C,height:N,zIndex:999,children:n("div",{className:"ff-video-wrapper",children:[E||("video"===p?e("video",{ref:D,src:f,className:"ff-media-video",onTimeUpdate:F,onLoadedMetadata:$,onEnded:U}):e("img",{src:f,alt:"Preview",className:"ff-media-image"})),n("div",{className:"ff-top-right-icons",children:[y&&e(s,{title:"Download",children:e(a,{name:"download_file",color:"white",onClick:v})}),x&&e(s,{title:z?"Minimize":"Maximize",children:e(a,{name:z?"collapse_icon":"expand_icon",color:"white",onClick:g})})]}),"video"===p&&T&&!E&&n("div",{className:"ff-media-controls",children:[e("button",{onClick:h,className:"ff-play-pause-btn",children:e(s,{title:u?"Pause":"Play",children:e(a,{width:35,height:35,name:u?"pause_button":"play_button",color:"white"})})}),n("div",{className:"ff-progress-bar",children:[e("span",{className:"ff-current-time",children:V(P)}),e("input",{type:"range",className:"ff-seek-bar",min:0,max:100,value:R,onChange:e=>q(parseFloat(e.target.value)),onClick:A,onMouseDown:G,ref:L}),e("span",{className:"ff-total-time",children:V(B)})]}),n("div",{className:"ff-control-icons",children:[b&&e(s,{title:"Download",children:e(a,{name:"download_file",color:"white",onClick:v,cursorType:"pointer"})}),j&&e(s,{title:z?"Minimize":"Maximize",children:e(a,{name:z?"collapse_icon":"expand_icon",color:"white",onClick:g,cursorType:"pointer"})})]})]})]})}):null};export{d as default};

package/lib/components/MediaViewerModal/MediaViewerModal.scss.js

@@ -0,0 +1 @@
+import i from"../../node_modules/style-inject/dist/style-inject.es.js";i(".ff-header-content{align-items:center;display:flex;gap:4px}.ff-header-content .ff-header-title{color:var(--text-color);font-size:14px;font-weight:500}.ff-video-wrapper{aspect-ratio:16/9;background-color:var(--tooltip-bg-color);height:100%;position:relative;width:100%}.ff-media-image,.ff-media-video{display:block;height:100%;object-fit:cover;width:100%}.ff-top-right-icons{gap:10px;top:10px;z-index:2}.ff-media-controls,.ff-top-right-icons{display:flex;position:absolute;right:10px}.ff-media-controls{align-items:center;background:rgba(0,0,0,.4);border-radius:10px;bottom:10px;justify-content:center;left:10px;padding:4px 8px}.ff-play-pause-btn{background:none;border:none;color:var(--primary-button-text-color);cursor:pointer;font-size:18px;padding:4px}.ff-progress-bar{align-items:center;display:flex;gap:8px;width:100%}.ff-progress-bar .ff-current-time,.ff-progress-bar .ff-total-time{color:var(--tooltip-text-color);font-size:12px;min-width:40px;text-align:center}.ff-progress-bar .ff-seek-bar{appearance:none;background:var(--ff-bg-pearl-gray-color);border-radius:10px;flex:1;height:10px;outline:none}.ff-progress-bar .ff-seek-bar::-webkit-slider-thumb{appearance:none;background-color:var(--ff-white-color);border-radius:50%;cursor:pointer;height:18px;width:18px}.ff-control-icons{display:flex;gap:10px}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1lZGlhVmlld2VyTW9kYWwuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxtQkFFRSxrQkFBbUIsQ0FEbkIsWUFBYSxDQUViLE9BQ0YsQ0FDQSxvQ0FHRSx1QkFBd0IsQ0FGeEIsY0FBZSxDQUNmLGVBRUYsQ0FFQSxrQkFJRSxpQkFBa0IsQ0FDbEIsd0NBQXlDLENBRnpDLFdBQVksQ0FGWixpQkFBa0IsQ0FDbEIsVUFJRixDQUVBLGdDQUtFLGFBQWMsQ0FGZCxXQUFZLENBQ1osZ0JBQWlCLENBRmpCLFVBSUYsQ0FFQSxvQkFLRSxRQUFTLENBSFQsUUFBUyxDQUlULFNBQ0YsQ0FFQSx1Q0FMRSxZQUFhLENBSGIsaUJBQWtCLENBRWxCLFVBaUJGLENBWEEsbUJBTUUsa0JBQW1CLENBSW5CLHlCQUE4QixDQUQ5QixrQkFBbUIsQ0FQbkIsV0FBWSxDQUtaLHNCQUF1QixDQUp2QixTQUFVLENBS1YsZUFHRixDQUVBLG1CQUNFLGVBQWdCLENBQ2hCLFdBQVksQ0FDWixzQ0FBdUMsQ0FFdkMsY0FBZSxDQURmLGNBQWUsQ0FFZixXQUNGLENBRUEsaUJBRUUsa0JBQW1CLENBRG5CLFlBQWEsQ0FHYixPQUFRLENBRFIsVUFFRixDQUNBLGtFQUtFLCtCQUFnQyxDQUhoQyxjQUFlLENBQ2YsY0FBZSxDQUNmLGlCQUVGLENBQ0EsOEJBR0UsZUFBZ0IsQ0FDaEIsd0NBQXlDLENBQ3pDLGtCQUFtQixDQUpuQixNQUFPLENBQ1AsV0FBWSxDQUlaLFlBQ0YsQ0FDQSxvREFDRSxlQUFnQixDQUdoQixzQ0FBdUMsQ0FDdkMsaUJBQWtCLENBQ2xCLGNBQWUsQ0FIZixXQUFZLENBRFosVUFLRixDQUVBLGtCQUNFLFlBQWEsQ0FDYixRQUNGIiwiZmlsZSI6Ik1lZGlhVmlld2VyTW9kYWwuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi5mZi1oZWFkZXItY29udGVudCB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGdhcDogNHB4O1xufVxuLmZmLWhlYWRlci1jb250ZW50IC5mZi1oZWFkZXItdGl0bGUge1xuICBmb250LXNpemU6IDE0cHg7XG4gIGZvbnQtd2VpZ2h0OiA1MDA7XG4gIGNvbG9yOiB2YXIoLS10ZXh0LWNvbG9yKTtcbn1cblxuLmZmLXZpZGVvLXdyYXBwZXIge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIGFzcGVjdC1yYXRpbzogMTYvOTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tdG9vbHRpcC1iZy1jb2xvcik7XG59XG5cbi5mZi1tZWRpYS12aWRlbyxcbi5mZi1tZWRpYS1pbWFnZSB7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIG9iamVjdC1maXQ6IGNvdmVyO1xuICBkaXNwbGF5OiBibG9jaztcbn1cblxuLmZmLXRvcC1yaWdodC1pY29ucyB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAxMHB4O1xuICByaWdodDogMTBweDtcbiAgZGlzcGxheTogZmxleDtcbiAgZ2FwOiAxMHB4O1xuICB6LWluZGV4OiAyO1xufVxuXG4uZmYtbWVkaWEtY29udHJvbHMge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGJvdHRvbTogMTBweDtcbiAgbGVmdDogMTBweDtcbiAgcmlnaHQ6IDEwcHg7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBwYWRkaW5nOiA0cHggOHB4O1xuICBib3JkZXItcmFkaXVzOiAxMHB4O1xuICBiYWNrZ3JvdW5kOiByZ2JhKDAsIDAsIDAsIDAuNCk7XG59XG5cbi5mZi1wbGF5LXBhdXNlLWJ0biB7XG4gIGJhY2tncm91bmQ6IG5vbmU7XG4gIGJvcmRlcjogbm9uZTtcbiAgY29sb3I6IHZhcigtLXByaW1hcnktYnV0dG9uLXRleHQtY29sb3IpO1xuICBmb250LXNpemU6IDE4cHg7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgcGFkZGluZzogNHB4O1xufVxuXG4uZmYtcHJvZ3Jlc3MtYmFyIHtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgd2lkdGg6IDEwMCU7XG4gIGdhcDogOHB4O1xufVxuLmZmLXByb2dyZXNzLWJhciAuZmYtY3VycmVudC10aW1lLFxuLmZmLXByb2dyZXNzLWJhciAuZmYtdG90YWwtdGltZSB7XG4gIGZvbnQtc2l6ZTogMTJweDtcbiAgbWluLXdpZHRoOiA0MHB4O1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIGNvbG9yOiB2YXIoLS10b29sdGlwLXRleHQtY29sb3IpO1xufVxuLmZmLXByb2dyZXNzLWJhciAuZmYtc2Vlay1iYXIge1xuICBmbGV4OiAxO1xuICBoZWlnaHQ6IDEwcHg7XG4gIGFwcGVhcmFuY2U6IG5vbmU7XG4gIGJhY2tncm91bmQ6IHZhcigtLWZmLWJnLXBlYXJsLWdyYXktY29sb3IpO1xuICBib3JkZXItcmFkaXVzOiAxMHB4O1xuICBvdXRsaW5lOiBub25lO1xufVxuLmZmLXByb2dyZXNzLWJhciAuZmYtc2Vlay1iYXI6Oi13ZWJraXQtc2xpZGVyLXRodW1iIHtcbiAgYXBwZWFyYW5jZTogbm9uZTtcbiAgd2lkdGg6IDE4cHg7XG4gIGhlaWdodDogMThweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tZmYtd2hpdGUtY29sb3IpO1xuICBib3JkZXItcmFkaXVzOiA1MCU7XG4gIGN1cnNvcjogcG9pbnRlcjtcbn1cblxuLmZmLWNvbnRyb2wtaWNvbnMge1xuICBkaXNwbGF5OiBmbGV4O1xuICBnYXA6IDEwcHg7XG59Il19 */");