pixel-react 1.11.22 → 1.11.24

package/lib/components/SequentialConnectingBranch/components/Branches/Branches.js

@@ -0,0 +1,161 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import classNames from 'classnames';
+import { checkEmpty } from '../../../../utils/checkEmpty/checkEmpty';
+import { Fragment } from 'react/jsx-runtime';
+import { ffid } from '../../../../utils/ffID/ffid';
+import MachineInputField from '../../../MachineInputField';
+import Icon from '../../../Icon';
+import Typography from '../../../Typography';
+import Button from '../../../Button';
+import './Branches.scss';
+import Tooltip from '../../../Tooltip';
+import DataSetTooltip from '../DatasetTooltip/DataSetTooltip';
+import { isEmptyObject } from '../../../../utils/isEmptyObject/isEmptyObject';
+const Branches = ({ machineInstances, rowIndex, machineColumnCount, machineColumnWidth, nextRowMachineInstance, previousRowMachineInstance, onAddBrowser, onDeleteBrowser, onAddRunBrowser, onUpdateDataSetList, onUpdateAddBrowserInstance, addInstanceLabel = '', scriptType = '', projectType = '', readOnly, maxRunCount, }) => {
+    const evenRow = rowIndex % 2 === 0;
+    const lastMachineInstance = checkEmpty(machineInstances[machineColumnCount - 1]);
+    const showLEndArrow = () => readOnly
+        ? !lastMachineInstance && !checkEmpty(nextRowMachineInstance)
+        : !lastMachineInstance;
+    const getBorderStyle = (currentBranch, nextBranch) => {
+        if (currentBranch &&
+            nextBranch &&
+            'machineInstanceId' in currentBranch &&
+            'machineInstanceId' in nextBranch) {
+            return currentBranch.machineInstanceId === nextBranch.machineInstanceId
+                ? 'dashed'
+                : 'solid';
+        }
+        return 'solid';
+    };
+    const showMiddleArrow = (index) => machineInstances.length - 1 !== index && machineColumnCount > 1;
+    const getGridTemplateColumnStyle = () => {
+        if (machineColumnCount === 1) {
+            return `24px ${machineColumnWidth}px 24px`;
+        }
+        return `24px ${machineColumnWidth}px repeat(${machineColumnCount - 1}, 40px ${machineColumnWidth}px) 24px`;
+    };
+    const getMachineLabelOptionList = (type = '', machineInstance) => {
+        const { executionEnv, browserName, browserVersion, machineInfo: { osVersion, iconName }, deviceInfo, } = machineInstance;
+        const getEnvironment = (environment = '') => {
+            if (environment.toLowerCase().includes('browserstack'))
+                return 'Browserstack';
+            if (environment.toLowerCase().includes('lambdatest'))
+                return 'LambdaTest';
+            if (environment.toLowerCase().includes('saucelabs'))
+                return 'SauceLabs';
+            return '';
+        };
+        // Base options
+        const baseOptions = [
+            {
+                label: executionEnv,
+                type: getEnvironment(executionEnv),
+            },
+        ];
+        // Web-specific options
+        const webOptions = [
+            {
+                label: osVersion,
+                type: iconName,
+            },
+            {
+                label: browserVersion,
+                type: browserName,
+            },
+        ];
+        // Mobile-specific options
+        const mobileOptions = deviceInfo?.reduce((acc, device, index) => {
+            if (device?.name) {
+                acc.push({ label: device.name, type: index === 0 ? 'android' : 'mac' });
+            }
+            return acc;
+        }, []);
+        // Determine options based on the type
+        switch (type.toLowerCase()) {
+            case 'web':
+                return [...baseOptions, ...webOptions];
+            case 'web & mobile':
+                return [...baseOptions, ...webOptions, ...mobileOptions];
+            case 'mobile':
+                return [...baseOptions, ...mobileOptions];
+            default:
+                return [];
+        }
+    };
+    const hideDataSet = scriptType.toLowerCase() !== 'manual';
+    // checkEmpty is not suitable for this case
+    const showEndDot = (machineInstances) => {
+        return checkEmpty(machineInstances)
+            ? isEmptyObject(machineInstances) || nextRowMachineInstance !== undefined
+            : true;
+    };
+    return (_jsxs("div", { className: classNames({
+            'ff-connecting-branch-grid': evenRow,
+            'ff-connecting-branch-grid-reverse': !evenRow,
+        }), style: {
+            gridTemplateColumns: getGridTemplateColumnStyle(),
+        }, children: [_jsxs("div", { className: "ff-connecting-branch-start-wrapper", children: [_jsx("div", { className: classNames({
+                            'ff-connecting-branch-arrow': evenRow,
+                            'ff-connecting-branch-arrow-reverse': !evenRow,
+                        }) }), _jsx("div", { className: classNames({
+                            'ff-connecting-branch-container': evenRow,
+                            'ff-connecting-branch-container-reverse': !evenRow,
+                        }), style: {
+                            border: `1px ${getBorderStyle(machineInstances[0], previousRowMachineInstance)} var(--ff-connecting-branch-color)`,
+                            borderTop: 'none',
+                            borderLeft: `${!evenRow && 'none'}`,
+                            borderRight: `${evenRow && 'none'}`,
+                        } })] }), machineInstances?.map((machineInstance, index) => {
+                const { runCount = 'runCount' in machineInstance
+                    ? machineInstance.runCount
+                    : 0, numberOfRuns = 0, machineInstanceId = '', peVariableSetId = '', globalVariableSetId = '', testDataSetId = '', testDataSetName = '', peVariableSetName = '', globalVariableSetName = '', } = machineInstance;
+                return (_jsxs(Fragment, { children: [!checkEmpty(machineInstance) ? (_jsxs("div", { children: [_jsxs("div", { className: "ff-connecting-branch-input-point-wrapper", children: [showEndDot(machineInstances[index + 1]) && (_jsx("div", { className: classNames({
+                                                'ff-connecting-branch-point': evenRow,
+                                                'ff-connecting-branch-point-reverse': !evenRow,
+                                            }) })), _jsx(MachineInputField, { width: `${machineColumnWidth}px`, runCount: runCount, options: getMachineLabelOptionList(projectType, machineInstance), contentReverse: !evenRow, modalId: `${machineInstanceId}-runCount-${runCount - 1}`, onClick: () => onUpdateAddBrowserInstance(`${machineInstanceId}-runCount-0`, machineInstance), trucatedLable: !['web & mobile'].includes(projectType), scriptType: scriptType, readOnly: readOnly }, ffid())] }), _jsxs("div", { className: classNames({
+                                        'ff-connecting-branch-datalist': evenRow,
+                                        'ff-connecting-branch-datalist-reverse': !evenRow,
+                                    }), children: [hideDataSet && (_jsxs(_Fragment, { children: [_jsx("div", { id: `ff-sequential-branch-dataset-${machineInstanceId}-${runCount}`, className: "ff-dataset-list-branch", onClick: () => {
+                                                        if (readOnly)
+                                                            return;
+                                                        onUpdateDataSetList(`ff-sequential-branch-dataset-${machineInstanceId}-${runCount}`, {
+                                                            peVariableSetId: peVariableSetId,
+                                                            globalVariableSetId: globalVariableSetId,
+                                                            testDataSetId: testDataSetId,
+                                                            testDataSetName: testDataSetName,
+                                                            globalVariableSetName: globalVariableSetName,
+                                                            peVariableSetName: peVariableSetName,
+                                                        }, true, numberOfRuns, machineInstanceId);
+                                                    }, children: _jsxs(Tooltip, { placement: "bottom", title: _jsx(_Fragment, { children: _jsx(DataSetTooltip, { datSetToolTip: {
+                                                                    peVariableSetName,
+                                                                    globalVariableSetName,
+                                                                    testDataSetName,
+                                                                } }) }), style: { display: 'flex', alignItems: 'center' }, children: [_jsx(Icon, { name: "datalist_icon", className: "ff-connecting-icon", hoverEffect: true }), _jsx(Typography, { className: "ff-connecting-text", color: "var(--ff-connecting-branch-color)", children: "Data Set List" })] }) }), !readOnly && (_jsx(_Fragment, { children: _jsx(Tooltip, { placement: "bottom", title: runCount >= maxRunCount
+                                                            ? `Maximum ${maxRunCount} runs are allowed.`
+                                                            : '', children: _jsxs("div", { className: "ff-environment-run-container", onClick: runCount > maxRunCount
+                                                                ? undefined
+                                                                : () => onAddRunBrowser(machineInstanceId), children: [_jsx(Icon, { name: "plus_icon", className: "ff-connecting-run-icon", color: "var(--ff-connecting-branch-color)", hoverEffect: true, disabled: runCount >= maxRunCount ? true : false }), _jsx(Typography, { className: "ff-connecting-run-text", color: "var(--ff-connecting-branch-color)", style: {
+                                                                        opacity: runCount >= maxRunCount ? 0.5 : 1,
+                                                                    }, children: "Run" })] }) }) }))] })), !readOnly && (_jsx(Icon, { name: "delete", className: "ff-connecting-delete-icon", onClick: () => onDeleteBrowser(machineInstanceId, runCount), color: "var(--ff-connecting-branch-delete-color)", hoverEffect: true }))] })] })) : (!readOnly && (_jsx("div", { className: "ff-connecting-branch-browser-button", children: _jsx(Button, { id: `ff-sequential-branch-add-${machineInstanceId}`, variant: "secondary", label: addInstanceLabel, onClick: () => {
+                                    if (readOnly)
+                                        return;
+                                    onAddBrowser(`ff-sequential-branch-add-${machineInstanceId}`);
+                                } }) }))), showMiddleArrow(index) && (_jsx("div", { className: "ff-connecting-branch-middle-arrow", style: {
+                                borderTop: `1px ${getBorderStyle(machineInstance, machineInstances[index + 1])} var(--ff-connecting-branch-color)`,
+                            }, children: _jsx("div", { className: classNames({
+                                    'ff-connecting-branch-arrow': evenRow,
+                                    'ff-connecting-branch-arrow-reverse': !evenRow,
+                                }) }) }))] }, ffid()));
+            }), showLEndArrow() && (_jsx("div", { className: classNames({
+                    'ff-connecting-branch-end-arrow': evenRow,
+                    'ff-connecting-branch-end-arrow-reverse': !evenRow,
+                }), style: {
+                    border: `1px ${getBorderStyle(machineInstances[machineColumnCount - 1], nextRowMachineInstance)} var(--ff-connecting-branch-color)`,
+                    borderBottom: 'none',
+                    borderLeft: `${evenRow && 'none'}`,
+                    borderRight: `${!evenRow && 'none'}`,
+                } }))] }));
+};
+export default Branches;
+//# sourceMappingURL=Branches.js.map

package/lib/components/SequentialConnectingBranch/components/Branches/Branches.js.map

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

package/lib/components/SequentialConnectingBranch/components/Branches/types.d.ts

@@ -0,0 +1,23 @@
+import { dataSetValues, ExecutionContext } from '../../types';
+export interface BranchesProps {
+    machineInstances: ExecutionContext[] | {}[];
+    rowIndex: number;
+    machineColumnCount: number;
+    machineColumnWidth: number;
+    nextRowMachineInstance?: ExecutionContext | {} | undefined;
+    previousRowMachineInstance?: ExecutionContext | {} | undefined;
+    onAddBrowser: (modalId: string) => void;
+    onDeleteBrowser: (id: string, runCount: number) => void;
+    onAddRunBrowser: (id: string) => void;
+    onUpdateDataSetList: (id: string, dataSetObject: dataSetValues, isInstance?: boolean, noOfRuns?: number, machineInstanceId?: string) => void;
+    addInstanceLabel?: string;
+    scriptType?: string;
+    onUpdateAddBrowserInstance: (modalId: string, machineInstance: ExecutionContext) => void;
+    projectType?: string;
+    readOnly: boolean;
+    maxRunCount: number;
+}
+export interface branchTypeProps {
+    currentBranch: ExecutionContext | undefined | {};
+    nextBranch: ExecutionContext | undefined | {};
+}

package/lib/components/SequentialConnectingBranch/components/Branches/types.js

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

package/lib/components/SequentialConnectingBranch/components/Branches/types.js.map

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

package/lib/components/SequentialConnectingBranch/components/ConnectingBranches/ConnectingBranches.d.ts

@@ -0,0 +1,4 @@
+import { ConnectingBranchesProps } from './types';
+import './ConnectingBranches.scss';
+declare const ConnectingBranches: ({ machineBranchInstances, machineColumnCount, machineColumnWidth, onAddBrowser, onDeleteBrowser, onAddRunBrowser, onUpdateDataSetList, onUpdateAddBrowserInstance, addInstanceLabel, scriptType, projectType, readOnly, maxRunCount, }: ConnectingBranchesProps) => import("react/jsx-runtime").JSX.Element;
+export default ConnectingBranches;

package/lib/components/SequentialConnectingBranch/components/ConnectingBranches/ConnectingBranches.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { Fragment } from 'react/jsx-runtime';
+import { ffid } from '../../../../utils/ffID/ffid';
+import Branches from '../Branches/Branches';
+import './ConnectingBranches.scss';
+const ConnectingBranches = ({ machineBranchInstances, machineColumnCount, machineColumnWidth, onAddBrowser, onDeleteBrowser, onAddRunBrowser, onUpdateDataSetList, onUpdateAddBrowserInstance, addInstanceLabel = '', scriptType = '', projectType = 'Web', readOnly = false, maxRunCount, }) => {
+    const [machineInstance, setMachineInstance] = useState(machineBranchInstances);
+    useEffect(() => {
+        setMachineInstance(machineBranchInstances);
+    }, [machineBranchInstances]);
+    const getMachineBranchInstancesChunk = (machineBranchInstances, chunkSize) => {
+        const machineBranchInstancesChunk = [];
+        for (let i = 0; i < machineBranchInstances.length; i += chunkSize) {
+            machineBranchInstancesChunk.push(machineBranchInstances.slice(i, i + chunkSize));
+        }
+        return machineBranchInstancesChunk;
+    };
+    const machineInstancesRow = getMachineBranchInstancesChunk(machineInstance, machineColumnCount);
+    return (_jsx("div", { className: "ff-connecting-branch-grid-wrapper", children: machineInstancesRow.map((machineInstances, index) => (_jsx(Fragment, { children: _jsx(Branches, { machineInstances: machineInstances, rowIndex: index, machineColumnCount: machineColumnCount, machineColumnWidth: machineColumnWidth, onAddBrowser: onAddBrowser, onDeleteBrowser: onDeleteBrowser, onAddRunBrowser: onAddRunBrowser, nextRowMachineInstance: machineInstancesRow[index + 1]?.[0], previousRowMachineInstance: machineInstancesRow[index - 1]?.[machineColumnCount - 1], onUpdateDataSetList: onUpdateDataSetList, onUpdateAddBrowserInstance: onUpdateAddBrowserInstance, addInstanceLabel: addInstanceLabel, scriptType: scriptType, projectType: projectType, readOnly: readOnly, maxRunCount: maxRunCount }) }, ffid()))) }));
+};
+export default ConnectingBranches;
+//# sourceMappingURL=ConnectingBranches.js.map

package/lib/components/SequentialConnectingBranch/components/ConnectingBranches/ConnectingBranches.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectingBranches.js","sourceRoot":"","sources":["../../../../../src/components/SequentialConnectingBranch/components/ConnectingBranches/ConnectingBranches.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAG5C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAC;AACnD,OAAO,QAAQ,MAAM,sBAAsB,CAAC;AAC5C,OAAO,2BAA2B,CAAC;AAEnC,MAAM,kBAAkB,GAAG,CAAC,EAC1B,sBAAsB,EACtB,kBAAkB,EAClB,kBAAkB,EAClB,YAAY,EACZ,eAAe,EACf,eAAe,EACf,mBAAmB,EACnB,0BAA0B,EAC1B,gBAAgB,GAAG,EAAE,EACrB,UAAU,GAAG,EAAE,EACf,WAAW,GAAG,KAAK,EACnB,QAAQ,GAAG,KAAK,EAChB,WAAW,GACa,EAAE,EAAE;IAC5B,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAEpD,sBAAsB,CAAC,CAAC;IAE1B,SAAS,CAAC,GAAG,EAAE;QACb,kBAAkB,CAAC,sBAAsB,CAAC,CAAC;IAC7C,CAAC,EAAE,CAAC,sBAAsB,CAAC,CAAC,CAAC;IAE7B,MAAM,8BAA8B,GAAG,CACrC,sBAAiD,EACjD,SAAiB,EACjB,EAAE;QACF,MAAM,2BAA2B,GAAG,EAAE,CAAC;QACvC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,sBAAsB,CAAC,MAAM,EAAE,CAAC,IAAI,SAAS,EAAE,CAAC;YAClE,2BAA2B,CAAC,IAAI,CAC9B,sBAAsB,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,CAC/C,CAAC;QACJ,CAAC;QACD,OAAO,2BAA2B,CAAC;IACrC,CAAC,CAAC;IAEF,MAAM,mBAAmB,GAAG,8BAA8B,CACxD,eAAe,EACf,kBAAkB,CACnB,CAAC;IAEF,OAAO,CACL,cAAK,SAAS,EAAC,mCAAmC,YAC/C,mBAAmB,CAAC,GAAG,CAAC,CAAC,gBAAgB,EAAE,KAAK,EAAE,EAAE,CAAC,CACpD,KAAC,QAAQ,cACP,KAAC,QAAQ,IACP,gBAAgB,EAAE,gBAAgB,EAClC,QAAQ,EAAE,KAAK,EACf,kBAAkB,EAAE,kBAAkB,EACtC,kBAAkB,EAAE,kBAAkB,EACtC,YAAY,EAAE,YAAY,EAC1B,eAAe,EAAE,eAAe,EAChC,eAAe,EAAE,eAAe,EAChC,sBAAsB,EAAE,mBAAmB,CAAC,KAAK,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAC3D,0BAA0B,EACxB,mBAAmB,CAAC,KAAK,GAAG,CAAC,CAAC,EAAE,CAAC,kBAAkB,GAAG,CAAC,CAAC,EAE1D,mBAAmB,EAAE,mBAAmB,EACxC,0BAA0B,EAAE,0BAA0B,EACtD,gBAAgB,EAAE,gBAAgB,EAClC,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,GACxB,IApBW,IAAI,EAAE,CAqBV,CACZ,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/lib/components/SequentialConnectingBranch/components/ConnectingBranches/types.d.ts

@@ -0,0 +1,16 @@
+import { dataSetValues, ExecutionContext } from '../../types';
+export interface ConnectingBranchesProps {
+    machineBranchInstances: ExecutionContext[] | {}[];
+    machineColumnCount: number;
+    machineColumnWidth: number;
+    onAddBrowser: (modalId: string) => void;
+    onDeleteBrowser: (id: string, runCount: number) => void;
+    onAddRunBrowser: (id: string) => void;
+    onUpdateDataSetList: (id: string, dataSetObject: dataSetValues, isInstance?: boolean, noOfRuns?: number, machineInstanceId?: string) => void;
+    addInstanceLabel?: string;
+    scriptType?: string;
+    projectType?: string;
+    onUpdateAddBrowserInstance: (modalId: string, machineInstance: ExecutionContext) => void;
+    readOnly: boolean;
+    maxRunCount: number;
+}

package/lib/components/SequentialConnectingBranch/components/ConnectingBranches/types.js

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

package/lib/components/SequentialConnectingBranch/components/ConnectingBranches/types.js.map

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

package/lib/components/SequentialConnectingBranch/components/DatasetTooltip/DataSetTooltip.d.ts

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

package/lib/components/SequentialConnectingBranch/components/DatasetTooltip/DataSetTooltip.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import Typography from '../../../Typography';
+import './DataSetTooltip.scss';
+const DataSetTooltip = ({ datSetToolTip: { globalVariableSetName = '', peVariableSetName = '', testDataSetName = '', }, }) => {
+    const toolTipTitleValue = {
+        'Test Data Set': testDataSetName,
+        'Global Variable Set': globalVariableSetName,
+        'Project Environment Set': peVariableSetName,
+    };
+    return (_jsx(_Fragment, { children: Object.entries(toolTipTitleValue).map(([key, value], index) => (_jsx("div", { className: "ff-dataSetList-container", children: _jsxs("div", { children: [_jsx(Typography, { as: "div", fontSize: 10, lineHeight: "15px", color: "var(--details-page-value-color)", className: "ff-dataSetList-items", children: key }), _jsx(Typography, { as: "div", lineHeight: "18px", color: "var(--base-bg-color)", children: value })] }) }, index))) }));
+};
+export default DataSetTooltip;
+//# sourceMappingURL=DataSetTooltip.js.map

package/lib/components/SequentialConnectingBranch/components/DatasetTooltip/DataSetTooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataSetTooltip.js","sourceRoot":"","sources":["../../../../../src/components/SequentialConnectingBranch/components/DatasetTooltip/DataSetTooltip.tsx"],"names":[],"mappings":";AACA,OAAO,UAAU,MAAM,qBAAqB,CAAC;AAE7C,OAAO,uBAAuB,CAAC;AAE/B,MAAM,cAAc,GAA4B,CAAC,EAC/C,aAAa,EAAE,EACb,qBAAqB,GAAG,EAAE,EAC1B,iBAAiB,GAAG,EAAE,EACtB,eAAe,GAAG,EAAE,GACrB,GACF,EAAE,EAAE;IACH,MAAM,iBAAiB,GAAG;QACxB,eAAe,EAAE,eAAe;QAChC,qBAAqB,EAAE,qBAAqB;QAC5C,yBAAyB,EAAE,iBAAiB;KAC7C,CAAC;IAEF,OAAO,CACL,4BACG,MAAM,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAC9D,cAAiB,SAAS,EAAC,0BAA0B,YACnD,0BACE,KAAC,UAAU,IACT,EAAE,EAAC,KAAK,EACR,QAAQ,EAAE,EAAE,EACZ,UAAU,EAAC,MAAM,EACjB,KAAK,EAAC,iCAAiC,EACvC,SAAS,EAAC,sBAAsB,YAE/B,GAAG,GACO,EACb,KAAC,UAAU,IAAC,EAAE,EAAC,KAAK,EAAC,UAAU,EAAC,MAAM,EAAC,KAAK,EAAC,sBAAsB,YAChE,KAAK,GACK,IACT,IAdE,KAAK,CAeT,CACP,CAAC,GACD,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/lib/components/SequentialConnectingBranch/components/DatasetTooltip/types.d.ts

@@ -0,0 +1,8 @@
+export interface DataSetTooltipProps {
+    datSetToolTip: DataSetToolTip;
+}
+export interface DataSetToolTip {
+    testDataSetName: string;
+    globalVariableSetName: string;
+    peVariableSetName: string;
+}

package/lib/components/SequentialConnectingBranch/components/DatasetTooltip/types.js

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

package/lib/components/SequentialConnectingBranch/components/DatasetTooltip/types.js.map

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

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

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

package/lib/components/SequentialConnectingBranch/index.js

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

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

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

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

@@ -0,0 +1,66 @@
+import { Option } from '../Select/types';
+export interface SequentialConnectingBranchProps {
+    machineInstances: ExecutionContext[] | {}[];
+    machineColumnWidth?: number;
+    machineColumnCount?: number;
+    selectedMachine?: Option;
+    machineOptionsList?: Option[];
+    onHandleSelect?: (option: Option) => void;
+    onAddBrowserInstance?: (modalId: string) => void;
+    onUpdateAddBrowserInstance?: (modalId: string, machineInstance: ExecutionContext) => void;
+    onDeleteBrowserInstance?: (id: string, runCount: number) => void;
+    onAddRunBrowserInstance?: (machineInstanceId: string) => void;
+    onDeleteMachineInstance?: () => void;
+    onUpdateDataSetList?: (id: string, dataSetObject?: dataSetValues, isInstance?: boolean, noOfRuns?: number, machineInstanceId?: string) => void;
+    dataSetValues?: dataSetValues;
+    addInstanceLabel?: string;
+    scriptType?: string;
+    projectType?: string;
+    readOnly?: boolean;
+    integrationInstance?: IntegrationInstance;
+    zIndex?: number;
+    placeholder?: string;
+    maxRunCount?: number;
+}
+export interface IntegrationInstance {
+    usename: string;
+    accessKey: string;
+}
+export interface MachineInfo {
+    osName: string;
+    osVersion: string;
+    hostName: string;
+    iconName: string;
+}
+export interface DeviceInfo {
+    name: string;
+    platform: string;
+}
+export interface ExecutionContext {
+    machineInstanceId: string;
+    clientId: string;
+    numberOfRuns: number;
+    runCount: number;
+    executionEnv?: 'Local';
+    browserName?: 'Local' | 'mac' | 'android' | 'Google Chrome';
+    browserVersion: string;
+    systemUrl: string;
+    machineInfo: MachineInfo;
+    deviceInfo: DeviceInfo[];
+    headless: boolean;
+    peVariableSetId: string;
+    testDataSetName: string;
+    globalVariableSetName: string;
+    peVariableSetName: string;
+    globalVariableSetId: string;
+    testDataSetId: string;
+    integrationInstance: IntegrationInstance;
+}
+export interface dataSetValues {
+    peVariableSetId: string;
+    globalVariableSetId: string;
+    testDataSetId: string;
+    testDataSetName: string;
+    globalVariableSetName: string;
+    peVariableSetName: string;
+}

package/lib/components/SequentialConnectingBranch/types.js

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

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

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

package/lib/components/StateDropdown/StateDropdown.d.ts

@@ -0,0 +1,4 @@
+import { StateDropdownProps } from './StateDropdownTypes';
+import './StateDropdown.scss';
+declare const StateDropdown: ({ value, isReviewer, isApprovePage, handleStateValueClick, handleDropdownOptionsClick, disabled, isOnlyReviewer, showBorder, zIndex, }: StateDropdownProps) => import("react/jsx-runtime").JSX.Element;
+export default StateDropdown;

package/lib/components/StateDropdown/StateDropdown.js

@@ -0,0 +1,76 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import Typography from '../Typography';
+import Select from './../Select/Select';
+import './StateDropdown.scss';
+const StateDropdown = ({ value, isReviewer = false, isApprovePage = false, handleStateValueClick, handleDropdownOptionsClick, disabled = false, isOnlyReviewer = false, showBorder = true, zIndex = 100, }) => {
+    const currentState = value.toUpperCase();
+    const isReviewerAndClickedOnReviewState = isReviewer && !isApprovePage && currentState === 'REVIEW';
+    //TODO Get proper name from API to dispaly in UI
+    const getOptions = () => {
+        if (isOnlyReviewer && !isApprovePage) {
+            return [
+                { label: 'New', value: 'New' },
+                { label: 'Approve', value: 'Approve' },
+            ];
+        }
+        if (!isReviewer && !isApprovePage) {
+            return [
+                {
+                    label: currentState === 'REJECTED' ? 'Rejected' : 'New',
+                    value: currentState === 'REJECTED' ? 'Rejected' : 'New',
+                },
+                { label: 'Review', value: 'Review' },
+            ];
+        }
+        if (isReviewer && !isApprovePage && currentState !== 'REVIEW') {
+            return [
+                {
+                    label: currentState === 'REJECTED' ? 'Rejected' : 'New',
+                    value: currentState === 'REJECTED' ? 'Rejected' : 'New',
+                },
+                { label: 'Review', value: 'Review' },
+                { label: 'Approve', value: 'Approve' },
+            ];
+        }
+        if (isReviewer && isApprovePage) {
+            return [
+                { label: 'Review', value: 'Review' },
+                { label: 'Approve', value: 'Approve' },
+                { label: 'Reject', value: 'Reject' },
+            ];
+        }
+        if (isReviewerAndClickedOnReviewState) {
+            return [
+                {
+                    label: 'Review',
+                    value: 'Review',
+                },
+                {
+                    label: 'Approve',
+                    value: 'Approve',
+                },
+            ];
+        }
+        return [
+            { label: 'New', value: 'New' },
+            { label: 'Review', value: 'Review' },
+        ];
+    };
+    const options = getOptions();
+    const selectedOption = { label: value, value };
+    const showSelect = (currentState === 'NEW' && !isApprovePage) ||
+        (isApprovePage && currentState === 'REVIEW') ||
+        isReviewerAndClickedOnReviewState ||
+        (currentState === 'REJECTED' && !isApprovePage);
+    const content = showSelect && !disabled ? (_jsx(Select, { label: value, onChange: (option) => handleDropdownOptionsClick(option), optionsList: options, selectedOption: selectedOption, showLabel: false, showBorder: showBorder, disableInput: true, selectedOptionColor: "var(--brand-color)", optionZIndex: zIndex })) : (_jsx(Typography, { children: value, className: "ff-state-value", onClick: () => {
+            if (value.toLowerCase() === 'review' &&
+                !disabled &&
+                !isApprovePage &&
+                !isReviewer) {
+                handleStateValueClick();
+            }
+        }, cursor: disabled ? 'text' : 'pointer' }));
+    return _jsx(_Fragment, { children: content });
+};
+export default StateDropdown;
+//# sourceMappingURL=StateDropdown.js.map

package/lib/components/StateDropdown/StateDropdown.js.map

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

package/lib/components/StateDropdown/StateDropdownTypes.d.ts

@@ -0,0 +1,12 @@
+import { Option } from "../Select/types";
+export interface StateDropdownProps {
+    value: string;
+    isReviewer: boolean;
+    isApprovePage: boolean;
+    handleDropdownOptionsClick: (option: Option) => void;
+    disabled: boolean;
+    isOnlyReviewer: boolean;
+    handleStateValueClick: () => void;
+    showBorder?: boolean;
+    zIndex?: number;
+}

package/lib/components/StateDropdown/StateDropdownTypes.js

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

package/lib/components/StateDropdown/StateDropdownTypes.js.map

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

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

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

package/lib/components/StateDropdown/index.js

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

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

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

package/lib/components/StatusButton/StatusButton.d.ts

@@ -0,0 +1,4 @@
+import './StatusButton.scss';
+import { StatusButtonProps } from './types';
+declare const StatusButton: ({ status, label, onClick, className, style, disabled, ...props }: StatusButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default StatusButton;

package/lib/components/StatusButton/StatusButton.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import classNames from 'classnames';
+import './StatusButton.scss';
+import Typography from '../Typography';
+import Tooltip from '../Tooltip';
+const StatusButton = ({ status = 'passed', label = '', onClick = () => { }, className = '', style = {}, disabled = false, ...props }) => {
+    return (_jsx(Tooltip, { title: label, placement: "bottom", children: _jsx("button", { className: classNames('ff-status-button', `ff-status-button--${status}`, className), style: style, onClick: onClick, disabled: disabled, ...props, children: _jsx(Typography, { as: "div", fontWeight: "semi-bold", lineHeight: "16px", textAlign: "center", className: "ff-status-button__text", children: label }) }) }));
+};
+export default StatusButton;
+//# sourceMappingURL=StatusButton.js.map

package/lib/components/StatusButton/StatusButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusButton.js","sourceRoot":"","sources":["../../../src/components/StatusButton/StatusButton.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,qBAAqB,CAAC;AAE7B,OAAO,UAAU,MAAM,eAAe,CAAC;AACvC,OAAO,OAAO,MAAM,YAAY,CAAC;AAEjC,MAAM,YAAY,GAAG,CAAC,EACpB,MAAM,GAAG,QAAQ,EACjB,KAAK,GAAG,EAAE,EACV,OAAO,GAAG,GAAG,EAAE,GAAE,CAAC,EAClB,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,EAAE,EACV,QAAQ,GAAG,KAAK,EAChB,GAAG,KAAK,EACU,EAAE,EAAE;IACtB,OAAO,CACL,KAAC,OAAO,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAC,QAAQ,YACvC,iBACE,SAAS,EAAE,UAAU,CACnB,kBAAkB,EAClB,qBAAqB,MAAM,EAAE,EAC7B,SAAS,CACV,EACD,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,KACd,KAAK,YAET,KAAC,UAAU,IACT,EAAE,EAAC,KAAK,EACR,UAAU,EAAC,WAAW,EACtB,UAAU,EAAC,MAAM,EACjB,SAAS,EAAC,QAAQ,EAClB,SAAS,EAAC,wBAAwB,YAEjC,KAAK,GACK,GACN,GACD,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}

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

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

package/lib/components/StatusButton/index.js

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

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

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

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

@@ -0,0 +1,35 @@
+import { ReactNode } from 'react';
+export interface StatusButtonProps {
+    /**
+     * Status of the button
+     */
+    status: 'default' | 'passed' | 'failed' | 'running' | 'skipped' | 'warning' | 'terminated' | 'partially-executed' | 'aborted' | 'not-executed';
+    /**
+     * Button label (status text)
+     */
+    label?: string;
+    /**
+     * Optional click handler
+     */
+    onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    /**
+     * Button content
+     */
+    children?: ReactNode;
+    /**
+     * Button id
+     */
+    id?: string;
+    /**
+     * Disabled state
+     */
+    disabled?: boolean;
+    /**
+     * Classname for the button
+     */
+    className?: string;
+    /**
+     * Additional styles for the button
+     */
+    style?: React.CSSProperties;
+}

package/lib/components/StatusButton/types.js

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

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

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

package/lib/components/StatusCard/StatusCard.d.ts

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