saurabh-table-dnd-edit 1.1.0

package/lib/components/NLPInput/types.d.ts

@@ -0,0 +1,97 @@
+import { ReactNode, RefObject } from 'react';
+export interface NlpChip {
+    name: string;
+    isSelected: boolean;
+}
+export interface NlpChipsAccordionProps {
+    chipOptionList: NlpChip[];
+    selectedChips: (selected: NlpChip[]) => void;
+    optionZIndex: number;
+    inputRef: RefObject<HTMLElement>;
+    ChipsAccordionWidth?: string;
+}
+export interface SelectProps {
+    label?: string;
+    rightIcon?: string;
+    leftIcon?: string;
+    showLabel?: boolean;
+    onHelpIconClick?: () => void;
+    webServiceClick?: () => void;
+    aiIconClick?: () => void;
+    rightIconColor: string;
+    optionsList: any[];
+    selectedOption?: NlpRenderOption;
+    containerWidth?: string | number;
+    onChange: (option: React.ChangeEvent<HTMLInputElement>) => void;
+    errorMsg?: string;
+    className?: string;
+    optionZIndex?: number;
+    disabled?: boolean;
+    borderRadius?: boolean;
+    showBorder?: boolean;
+    required?: boolean;
+    value: string;
+    onSelect: (e: any) => void;
+    chipOptionList?: NlpChip[];
+    selectedChips?: any;
+    loadMoreOptions?: () => void;
+    isWebservice?: boolean;
+    closeInputOnOutsideClick?: () => void;
+    tooltipText?: string;
+    ChipsAccordionWidth?: string;
+    dropDownMessage?: string;
+}
+export interface DrowdownPosition {
+    positionX: number;
+    positionY: number;
+    width: number;
+    fromBottom: number;
+}
+export interface SelectState {
+    isInputFocused: boolean;
+    isIconClick: boolean;
+    showOptions: boolean;
+    option: string;
+    dropdownPosition: DrowdownPosition;
+}
+export type SelectAction = {
+    type: 'FOCUS_INPUT';
+} | {
+    type: 'BLUR_INPUT';
+    payload: {
+        option: NlpRenderOption['projectId'];
+    };
+} | {
+    type: 'MOUSE_ENTER';
+} | {
+    type: 'MOUSE_LEAVE';
+} | {
+    type: 'UPDATE_DROPDOWN_POSITION';
+    payload: {
+        positionX: number;
+        positionY: number;
+        width: number;
+        fromBottom: number;
+    };
+} | {
+    type: 'UPDATE_OPTION';
+    payload: string;
+} | {
+    type: 'UPDATE_OPTION_LIST';
+    payload: any[];
+} | {
+    type: 'SHOW_ERROR';
+    payload: {
+        option: NlpRenderOption['projectId'];
+    };
+};
+export interface NlpRenderOption {
+    displayName: string | ReactNode;
+    projectId: string;
+    nlpType: string;
+    platform: string;
+    disabled?: boolean;
+    videoSrc?: string;
+    nlpName?: string;
+    name?: string;
+}

package/lib/components/NLPInput/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/lib/components/NLPInput/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/NLPInput/types.tsx"],"names":[],"mappings":""}

package/lib/components/NoDataContent/NoDataContent.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import './NoDataContent.scss';
+import { NoDataFoundProps } from './type';
+declare const NoDataContent: React.FC<NoDataFoundProps>;
+export default NoDataContent;

package/lib/components/NoDataContent/NoDataContent.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import './NoDataContent.scss';
+import Icon from '../Icon';
+import Typography from '../Typography';
+const NoDataContent = ({ iconName, iconWidth = 120, iconHeight = 115, text, textFontSize = '24px', textDirectionRow = false, gap = '40px', }) => {
+    return (_jsxs("div", { className: `no_data_message ${textDirectionRow && 'flex-row'}`, style: { gap: gap }, children: [_jsx(Icon, { name: iconName, width: iconWidth, height: iconHeight }), _jsx(Typography, { fontSize: textFontSize, lineHeight: "36px", fontWeight: "semi-bold", children: text })] }));
+};
+export default NoDataContent;
+//# sourceMappingURL=NoDataContent.js.map

package/lib/components/NoDataContent/NoDataContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NoDataContent.js","sourceRoot":"","sources":["../../../src/components/NoDataContent/NoDataContent.tsx"],"names":[],"mappings":";AACA,OAAO,sBAAsB,CAAC;AAC9B,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,UAAU,MAAM,eAAe,CAAC;AAGvC,MAAM,aAAa,GAA+B,CAAC,EACjD,QAAQ,EACR,SAAS,GAAG,GAAG,EACf,UAAU,GAAG,GAAG,EAChB,IAAI,EACJ,YAAY,GAAG,MAAM,EACrB,gBAAgB,GAAG,KAAK,EACxB,GAAG,GAAG,MAAM,GACb,EAAE,EAAE;IACH,OAAO,CACL,eACE,SAAS,EAAE,mBAAmB,gBAAgB,IAAI,UAAU,EAAE,EAC9D,KAAK,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,aAEnB,KAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,GAAI,EAC9D,KAAC,UAAU,IACT,QAAQ,EAAE,YAAY,EACtB,UAAU,EAAC,MAAM,EACjB,UAAU,EAAC,WAAW,YAErB,IAAI,GACM,IACT,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/lib/components/NoDataContent/index.d.ts

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

package/lib/components/NoDataContent/index.js

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

package/lib/components/NoDataContent/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/NoDataContent/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC"}

package/lib/components/NoDataContent/type.d.ts

@@ -0,0 +1,9 @@
+export interface NoDataFoundProps {
+    iconName: string;
+    iconWidth?: number;
+    iconHeight?: number;
+    text?: string;
+    textFontSize?: string;
+    textDirectionRow?: boolean;
+    gap?: string;
+}

package/lib/components/NoDataContent/type.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=type.js.map

package/lib/components/NoDataContent/type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.js","sourceRoot":"","sources":["../../../src/components/NoDataContent/type.ts"],"names":[],"mappings":""}

package/lib/components/OsTree/OsTree.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import "./OsTree.scss";
+import { OsTreeProps } from "./type";
+declare const OsTree: React.FC<OsTreeProps>;
+export default OsTree;

package/lib/components/OsTree/OsTree.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import "./OsTree.scss";
+const OsTree = ({ rootLabel, childrenLabels, align = "center", direction = "horizontal", }) => {
+    const count = childrenLabels.length;
+    if (direction === "vertical") {
+        return (_jsxs("div", { className: "ff-os-tree-vertical", style: { "--child-count": count }, children: [_jsxs("div", { className: `ff-os-tree-vertical__row ff-os-tree-vertical__row--${align}`, children: [_jsx("div", { className: "ff-os-tree-vertical__root-label", children: rootLabel }), _jsx("div", { className: "ff-os-tree-vertical__horizontal-line" })] }), _jsxs("div", { className: "ff-os-tree-vertical__vertical-line-wrapper", children: [_jsx("div", { className: "ff-os-tree-vertical__vertical-line" }), childrenLabels.map((label, index) => (_jsxs("div", { className: "ff-os-tree-vertical__child", children: [_jsx("div", { className: "ff-os-tree-vertical__child-connector" }), _jsx("div", { className: "ff-os-tree-vertical__child-label", children: label })] }, index)))] })] }));
+    }
+    return (_jsxs("div", { className: `ff-os-tree ff-os-tree--${align}`, style: { "--child-count": count }, children: [_jsxs("div", { className: "ff-os-tree__root-wrapper", children: [_jsx("div", { className: "ff-os-tree__root-label", children: rootLabel }), _jsx("div", { className: "ff-os-tree__vertical-root" })] }), _jsx("div", { className: "ff-os-tree__horizontal-connector", children: childrenLabels.map((_, index) => (_jsx("div", { className: "ff-os-tree__vertical-child" }, index))) }), _jsx("div", { className: "ff-os-tree__children", children: childrenLabels.map((label, index) => (_jsx("div", { className: "ff-os-tree__child-container", children: _jsx("div", { className: "ff-os-tree__child-label", children: label }) }, index))) })] }));
+};
+export default OsTree;
+//# sourceMappingURL=OsTree.js.map

package/lib/components/OsTree/OsTree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OsTree.js","sourceRoot":"","sources":["../../../src/components/OsTree/OsTree.tsx"],"names":[],"mappings":";AACA,OAAO,eAAe,CAAC;AAGvB,MAAM,MAAM,GAA0B,CAAC,EACrC,SAAS,EACT,cAAc,EACd,KAAK,GAAG,QAAQ,EAChB,SAAS,GAAG,YAAY,GACzB,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,cAAc,CAAC,MAAM,CAAC;IAEpC,IAAI,SAAS,KAAK,UAAU,EAAE,CAAC;QAC7B,OAAO,CACL,eACE,SAAS,EAAC,qBAAqB,EAC/B,KAAK,EAAE,EAAE,eAAe,EAAE,KAAK,EAAyB,aAExD,eAAK,SAAS,EAAE,sDAAsD,KAAK,EAAE,aAC3E,cAAK,SAAS,EAAC,iCAAiC,YAAE,SAAS,GAAO,EAClE,cAAK,SAAS,EAAC,sCAAsC,GAAG,IACpD,EACN,eAAK,SAAS,EAAC,4CAA4C,aACzD,cAAK,SAAS,EAAC,oCAAoC,GAAG,EACrD,cAAc,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CACpC,eAAiB,SAAS,EAAC,4BAA4B,aACrD,cAAK,SAAS,EAAC,sCAAsC,GAAG,EACxD,cAAK,SAAS,EAAC,kCAAkC,YAAE,KAAK,GAAO,KAFvD,KAAK,CAGT,CACP,CAAC,IACE,IACF,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,eACE,SAAS,EAAE,0BAA0B,KAAK,EAAE,EAC5C,KAAK,EAAE,EAAE,eAAe,EAAE,KAAK,EAAyB,aAExD,eAAK,SAAS,EAAC,0BAA0B,aACvC,cAAK,SAAS,EAAC,wBAAwB,YAAE,SAAS,GAAO,EACzD,cAAK,SAAS,EAAC,2BAA2B,GAAG,IACzC,EAEN,cAAK,SAAS,EAAC,kCAAkC,YAC9C,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAChC,cAAiB,SAAS,EAAC,4BAA4B,IAA7C,KAAK,CAA2C,CAC3D,CAAC,GACE,EAEN,cAAK,SAAS,EAAC,sBAAsB,YAClC,cAAc,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CACpC,cAAiB,SAAS,EAAC,6BAA6B,YACtD,cAAK,SAAS,EAAC,yBAAyB,YAAE,KAAK,GAAO,IAD9C,KAAK,CAET,CACP,CAAC,GACE,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/lib/components/OsTree/index.d.ts

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

package/lib/components/OsTree/index.js

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

package/lib/components/OsTree/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/OsTree/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC"}

package/lib/components/OsTree/type.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Props for the OsTree component.
+ */
+export interface OsTreeProps {
+    /**
+     * Label for the root node of the tree.
+     */
+    rootLabel: string;
+    /**
+     * Array of labels for the children nodes of the root.
+     */
+    childrenLabels: string[];
+    /**
+     * Direction of the tree layout.
+     * Can be "horizontal" or "vertical".
+     * @default "horizontal"
+     */
+    direction?: 'horizontal' | 'vertical';
+    /**
+     * Alignment of the tree nodes based on the direction.
+     * For vertical layout: "left", "center", "right"
+     * For horizontal layout: "top", "center", "bottom"
+     * @default "center"
+     */
+    align?: 'left' | 'center' | 'right' | 'top' | 'bottom';
+}

package/lib/components/OsTree/type.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=type.js.map

package/lib/components/OsTree/type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.js","sourceRoot":"","sources":["../../../src/components/OsTree/type.ts"],"names":[],"mappings":""}

package/lib/components/OtpVerification/OtpVerification.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import './OtpVerification.scss';
+import { OtpVerificationProps } from './type';
+declare const OtpVerification: React.FC<OtpVerificationProps>;
+export default OtpVerification;

package/lib/components/OtpVerification/OtpVerification.js

@@ -0,0 +1,70 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect, useRef } from 'react';
+import './OtpVerification.scss';
+import Icon from '../Icon';
+import Typography from '../Typography';
+import Modal from '../Modal';
+import Button from '../Button';
+const OTP_LENGTH = 6;
+const OtpVerification = ({ handleClose, handleResend, handleOtp, resendTimeout = 30, }) => {
+    const [otp, setOtp] = useState(Array(OTP_LENGTH).fill(''));
+    const [countdown, setCountdown] = useState(resendTimeout);
+    const [isResendDisabled, setIsResendDisabled] = useState(true);
+    const inputRefs = useRef(Array(OTP_LENGTH).fill(null));
+    useEffect(() => {
+        if (!isResendDisabled) {
+            inputRefs.current[0]?.focus();
+        }
+    }, [isResendDisabled]);
+    useEffect(() => {
+        let timer;
+        if (countdown > 0) {
+            timer = window.setInterval(() => setCountdown((prev) => prev - 1), 1000);
+        }
+        if (countdown === 0) {
+            setIsResendDisabled(false);
+        }
+        return () => clearInterval(timer);
+    }, [countdown]);
+    const handleKeyDown = (e, index) => {
+        const { key } = e;
+        if (/^[0-9]$/.test(key)) {
+            e.preventDefault();
+            const newOtp = [...otp];
+            newOtp[index] = key;
+            setOtp(newOtp);
+            if (index < OTP_LENGTH - 1) {
+                inputRefs.current[index + 1]?.focus();
+            }
+        }
+        else if (key === 'Backspace') {
+            e.preventDefault();
+            const newOtp = [...otp];
+            newOtp[index] = '';
+            setOtp(newOtp);
+            if (index > 0) {
+                inputRefs.current[index - 1]?.focus();
+            }
+        }
+    };
+    const handlePaste = (e) => {
+        e.preventDefault();
+        const pastedData = e.clipboardData.getData('text').replace(/\D/g, '').slice(0, OTP_LENGTH);
+        const newOtp = Array(OTP_LENGTH).fill('');
+        pastedData.split('').forEach((char, i) => {
+            newOtp[i] = char;
+        });
+        setOtp(newOtp);
+        const nextFocusIndex = Math.min(pastedData.length, OTP_LENGTH - 1);
+        inputRefs.current[nextFocusIndex]?.focus();
+    };
+    const handleResendClick = () => {
+        setCountdown(resendTimeout);
+        setIsResendDisabled(true);
+        setOtp(Array(OTP_LENGTH).fill(''));
+        handleResend();
+    };
+    return (_jsx(Modal, { isOpen: true, onClose: handleClose, isFooterDisplayed: false, isHeaderDisplayed: false, zIndex: 999999, customWidth: "340px", children: _jsxs("div", { className: "ff-otp-popup", children: [_jsxs("div", { className: "ff-otp-header", children: [_jsx(Typography, { fontSize: 24, lineHeight: "36px", fontWeight: "semi-bold", children: "OTP Verification" }), _jsx(Icon, { name: "close", height: 16, width: 16, onClick: handleClose, className: "ff-close-icon" })] }), _jsx("div", { className: "ff-otp-boxes", children: otp.map((value, index) => (_jsx("input", { type: "text", maxLength: 1, className: `ff-otp-input ${value ? 'filled' : ''} ${index === otp.findIndex((val) => val === '') ? 'active' : ''}`, value: value, onKeyDown: (e) => handleKeyDown(e, index), onPaste: handlePaste, ref: (el) => (inputRefs.current[index] = el), readOnly: true }, index))) }), _jsx(Button, { variant: "primary", label: "Submit", onClick: () => handleOtp(otp.join('')), disabled: otp.includes(''), className: "ff-submit-btn" }), _jsxs("div", { className: `ff-resend ${isResendDisabled ? 'disabled' : ''}`, onClick: isResendDisabled ? undefined : handleResendClick, children: ["Re-send OTP", countdown > 0 ? ` (${countdown}s)` : ''] })] }) }));
+};
+export default OtpVerification;
+//# sourceMappingURL=OtpVerification.js.map

package/lib/components/OtpVerification/OtpVerification.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OtpVerification.js","sourceRoot":"","sources":["../../../src/components/OtpVerification/OtpVerification.tsx"],"names":[],"mappings":"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"}

package/lib/components/OtpVerification/index.d.ts

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

package/lib/components/OtpVerification/index.js

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

package/lib/components/OtpVerification/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/OtpVerification/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAC,MAAM,mBAAmB,CAAC"}

package/lib/components/OtpVerification/type.d.ts

@@ -0,0 +1,18 @@
+export interface OtpVerificationProps {
+    /**
+     * Function to handle the closing of the OTP verification popup.
+     */
+    handleClose: () => void;
+    /**
+     * Function to handle the action when user clicks on "Resend OTP".
+     */
+    handleResend: () => void;
+    /**
+     * Function to handle OTP validation on submit. Receives the entered OTP as a string.
+     */
+    handleOtp: (otp: string) => void;
+    /**
+     * Optional timeout in seconds before the user can resend the OTP again. Default is 30 seconds.
+     */
+    resendTimeout?: number;
+}

package/lib/components/OtpVerification/type.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=type.js.map

package/lib/components/OtpVerification/type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.js","sourceRoot":"","sources":["../../../src/components/OtpVerification/type.ts"],"names":[],"mappings":""}

package/lib/components/OverviewModal/index.d.ts

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

package/lib/components/OverviewModal/index.js

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

package/lib/components/OverviewModal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/OverviewModal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC"}

package/lib/components/OverviewModal/overviewModal.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { OverviewModalProps } from './types';
+import './overviewModal.scss';
+declare const OverviewModal: React.FC<OverviewModalProps>;
+export default OverviewModal;

package/lib/components/OverviewModal/overviewModal.js

@@ -0,0 +1,64 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from 'react';
+import ReactDOM from 'react-dom';
+import classNames from 'classnames';
+import Icon from '../Icon';
+import Typography from '../Typography';
+import './overviewModal.scss';
+import { checkEmpty } from '../../utils/checkEmpty/checkEmpty';
+const OverviewModal = ({ isOpen, onClose, isMaximized, width = '800px', height = '432px', header, children, zIndex = 999, icons, downloadFileIcon = false, showHeader = true, top = '0', overlay = true, downloadHandler, multiData = [], setSelectedVideo, customStyle, }) => {
+    const [videos, setVideos] = useState(multiData);
+    useEffect(() => {
+        if (!checkEmpty(multiData)) {
+            setVideos(multiData);
+        }
+    }, [multiData]);
+    useEffect(() => {
+        const handleKeyDown = (event) => {
+            if (event.key === 'Escape') {
+                onClose?.();
+            }
+        };
+        if (isOpen) {
+            document.addEventListener('keydown', handleKeyDown);
+        }
+        return () => {
+            document.removeEventListener('keydown', handleKeyDown);
+        };
+    }, [isOpen, onClose]);
+    if (!isOpen)
+        return null;
+    const isEmptyData = checkEmpty(videos);
+    const singleClass = videos.length === 1 ? ' image-grid--single' : '';
+    const handleVideoEnd = (index) => {
+        setVideos((prev) => {
+            const updated = prev.filter((_, i) => i !== index);
+            if (updated.length === 0) {
+                onClose?.();
+            }
+            return updated;
+        });
+    };
+    const modalContent = (_jsx("div", { className: "ff-overview-modal-overlay", style: {
+            background: overlay ? 'var(--default-icon-color)' : undefined,
+            zIndex,
+        }, children: _jsxs("div", { className: classNames('ff-overview-modal-container', {
+                'ff-overview-maximized-container': isMaximized,
+            }), style: {
+                ...customStyle,
+                '--modal-width': width,
+                '--modal-height': height,
+                '--modal-top': top,
+            }, children: [showHeader && (_jsxs("div", { className: "ff-overview-modal-header", children: [header, _jsxs("div", { className: "ff-overview-modal-icons", children: [downloadFileIcon && (_jsx(Icon, { width: 16, height: 16, name: "download_file", onClick: downloadHandler })), icons] })] })), _jsx("div", { className: classNames('ff-overview-modal-body', {
+                        'ff-overview-modal-body--centered': isEmptyData,
+                    }), children: !isEmptyData ? (_jsx("div", { className: `image-grid${singleClass}`, children: videos.map((video, idx) => (_jsxs("div", { className: "ff-overview-modal-image-item", children: [_jsx("video", { src: video.src, autoPlay: true, muted: true, playsInline: true, preload: "auto", controls: false, onEnded: () => handleVideoEnd(idx), className: "ff-overview-modal-video", children: "Your browser does not support the video tag." }), _jsxs("div", { className: "ff-overview-modal-image-name", children: [_jsx(Icon, { name: video.icon }), _jsxs(Typography, { children: [video.machineName, " - ", video.scriptName] })] }), _jsx(Icon, { width: 16, height: 16, className: "ff-overview-modal-image-action", name: "maximize_new", onClick: () => {
+                                        const clickedVideo = {
+                                            currentVideoData: { ...video, clickedAt: Date.now() },
+                                            allVideoData: videos,
+                                        };
+                                        setSelectedVideo?.(clickedVideo);
+                                    } }), _jsxs(Typography, { color: "var(--ff-chip-bg)", className: "ff-overview-modal-scripts", children: [video.currentScripts, "/", video.totalScripts] })] }, idx))) })) : (children) })] }) }));
+    return ReactDOM.createPortal(modalContent, document.body);
+};
+export default OverviewModal;
+//# sourceMappingURL=overviewModal.js.map

package/lib/components/OverviewModal/overviewModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"overviewModal.js","sourceRoot":"","sources":["../../../src/components/OverviewModal/overviewModal.tsx"],"names":[],"mappings":"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"}

package/lib/components/OverviewModal/types.d.ts

@@ -0,0 +1,51 @@
+export interface OverviewModalProps {
+    isOpen: boolean;
+    isMaximized: boolean;
+    width?: string;
+    height?: string;
+    header?: React.ReactNode;
+    children?: React.ReactNode;
+    icons?: React.ReactNode;
+    downloadFileIcon?: boolean;
+    onClose: () => void;
+    onMaximizeToggle?: () => void;
+    showHeader: boolean;
+    top?: string;
+    overlay?: boolean;
+    downloadHandler: () => void;
+    zIndex?: number;
+    customStyle?: React.CSSProperties;
+    multiData?: Array<{
+        machineName: string;
+        scriptName: string;
+        icon: string;
+        src: string;
+        alt: string;
+        runId: string;
+        currentScripts: number;
+        totalScripts: number;
+    }>;
+    setSelectedVideo?: (video: {
+        currentVideoData: {
+            machineName: string;
+            scriptName: string;
+            icon: string;
+            src: string;
+            alt: string;
+            runId: string;
+            currentScripts: number;
+            totalScripts: number;
+            clickedAt: number;
+        };
+        allVideoData: Array<{
+            machineName: string;
+            scriptName: string;
+            icon: string;
+            src: string;
+            alt: string;
+            runId: string;
+            currentScripts: number;
+            totalScripts: number;
+        }>;
+    }) => void;
+}

package/lib/components/OverviewModal/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/lib/components/OverviewModal/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/OverviewModal/types.ts"],"names":[],"mappings":""}

package/lib/components/Paper/Paper.d.ts

@@ -0,0 +1,4 @@
+import './Paper.scss';
+import { PaperProps } from './types';
+declare const Paper: ({ children, className, rounded }: PaperProps) => import("react/jsx-runtime").JSX.Element;
+export default Paper;

package/lib/components/Paper/Paper.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import classNames from 'classnames';
+import './Paper.scss';
+const Paper = ({ children, className = '', rounded = false }) => {
+    const dynamicClassName = classNames({ ['ff_rounded_lg']: rounded }, className);
+    return _jsx("div", { className: dynamicClassName, children: children });
+};
+export default Paper;
+//# sourceMappingURL=Paper.js.map

package/lib/components/Paper/Paper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Paper.js","sourceRoot":"","sources":["../../../src/components/Paper/Paper.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,cAAc,CAAC;AAGtB,MAAM,KAAK,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,GAAG,EAAE,EAAE,OAAO,GAAG,KAAK,EAAc,EAAE,EAAE;IAC1E,MAAM,gBAAgB,GAAG,UAAU,CACjC,EAAE,CAAC,eAAe,CAAC,EAAE,OAAO,EAAE,EAC9B,SAAS,CACV,CAAC;IAEF,OAAO,cAAK,SAAS,EAAE,gBAAgB,YAAG,QAAQ,GAAO,CAAC;AAC5D,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/lib/components/Paper/index.d.ts

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

package/lib/components/Paper/index.js

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

package/lib/components/Paper/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Paper/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAC,MAAM,SAAS,CAAA"}

package/lib/components/Paper/types.d.ts

@@ -0,0 +1,15 @@
+export interface PaperProps {
+    /**
+     * The content of the component.
+     */
+    children?: React.ReactNode;
+    /**
+     * Override or extend the styles applied to the component.
+     */
+    className?: string;
+    /**
+     * If `true`, rounded corners are Enabled.
+     * @default false
+     */
+    rounded?: boolean;
+}

package/lib/components/Paper/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/lib/components/Paper/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/Paper/types.ts"],"names":[],"mappings":""}

package/lib/components/PhoneInput/PhoneInput.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { PhoneInputProps } from './types';
+import './phoneInput.scss';
+declare const PhoneInputField: React.FC<PhoneInputProps>;
+export default PhoneInputField;