saurabh-table-dnd-edit 1.1.0

package/lib/components/SequentialConnectingBranch/SequentialConnectingBranch.js

@@ -0,0 +1,72 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import classNames from 'classnames';
+import { checkEmpty } from '../../utils/checkEmpty/checkEmpty';
+import Button from '../Button';
+import Icon from '../Icon';
+import Select from '../Select';
+import Typography from '../Typography';
+import './SequentialConnectingBranch.scss';
+import { useEffect, useRef, useState } from 'react';
+import ConnectingBranches from './components/ConnectingBranches/ConnectingBranches';
+import Tooltip from '../Tooltip';
+import DataSetTooltip from './components/DatasetTooltip/DataSetTooltip';
+import { EnvironmentVariableMapsContext } from './context/EnvironmentVariableMapsContext';
+const SequentialConnectingBranch = ({ machineInstances = [], machineColumnWidth = 180, machineColumnCount = 1, selectedMachine = {}, machineOptionsList = [], onHandleSelect = () => { }, onAddBrowserInstance = () => { }, onAddRunBrowserInstance = () => { }, onDeleteBrowserInstance = () => { }, onUpdateDataSetList = () => { }, onDeleteMachineInstance = () => { }, dataSetValues = {
+    testDataSetId: '',
+    globalVariableSetId: '',
+    peVariableSetId: '',
+    globalVariableSetName: '',
+    peVariableSetName: '',
+    testDataSetName: '',
+}, onUpdateAddBrowserInstance = () => { }, addInstanceLabel = 'Add Environment', placeholder = 'Choose Machine', scriptType = 'Automation', projectType = 'Web', readOnly = false, zIndex = 99999, maxRunCount = 35, environmentVariableMaps, isRequired = false, }) => {
+    const [selectedMachineInstance, setSelectedMachineInstance] = useState({});
+    const selectButtonRef = useRef(null);
+    const defaultMachineColumnCount = Math.max(machineColumnCount, 1);
+    const defaultMachineColumnWidth = Math.max(machineColumnWidth, 180);
+    const [machineBranchInstances, setMachineBranchInstances] = useState([]);
+    const isMachineInstances = checkEmpty(machineInstances);
+    let isMachineSelected = checkEmpty(selectedMachine.value?.clientId);
+    if (scriptType === 'Manual') {
+        isMachineSelected = checkEmpty(selectedMachine.value);
+    }
+    const getMachineStatusColor = (machineStatus = '') => {
+        if (machineStatus.toLowerCase().includes('inactive'))
+            return 'var(--ff-machine-inactive-status-color)';
+        if (machineStatus.toLowerCase().includes('running'))
+            return 'var(--ff-machine-running-status-color)';
+        if (machineStatus.toLowerCase().includes('active'))
+            return 'var(--ff-machine-active-status-color)';
+        return 'var(--ff-machine-active-status-color))';
+    };
+    useEffect(() => {
+        setSelectedMachineInstance(selectedMachine);
+    }, [selectedMachine]);
+    useEffect(() => {
+        if (readOnly) {
+            setMachineBranchInstances(machineInstances);
+        }
+        else {
+            setMachineBranchInstances([...machineInstances, {}]);
+        }
+    }, [machineInstances]);
+    const hideDataSet = scriptType.toLowerCase() !== 'manual';
+    const removeKeysContainingSubstring = (obj, substring) => {
+        return Object.fromEntries(Object.entries(obj).filter(([key]) => !key.includes(substring)));
+    };
+    const filteredDataSetValues = removeKeysContainingSubstring(dataSetValues, 'Id');
+    const showBranchPoint = (readOnly && !isMachineInstances) ||
+        (!readOnly && isMachineInstances) ||
+        (!readOnly && !isMachineInstances);
+    return (_jsx(EnvironmentVariableMapsContext.Provider, { value: environmentVariableMaps, children: _jsxs("div", { className: "ff-sequential-connecting-branch-wrapper", children: [_jsxs("div", { className: "ff-connecting-select-branch-wrapper", children: [_jsxs("div", { className: "ff-select-branch-wrapper", children: [_jsx(Select, { onChange: onHandleSelect, optionsList: machineOptionsList, label: placeholder, required: isRequired, showLabel: true, className: "ff-sequential-select-branch", width: '240px', selectedOption: selectedMachineInstance, valueAccessor: 'name', optionsRequired: !readOnly, disableInput: readOnly, optionZIndex: zIndex }), !isMachineSelected && (_jsxs("div", { className: classNames({
+                                        'ff-select-branch-arrow': isMachineInstances,
+                                        'ff-select-branch-arrow-down': !isMachineInstances,
+                                    }), children: [showBranchPoint && (_jsx("div", { className: "ff-select-branch-point" })), _jsxs("div", { className: "ff-select-branch-arrow", children: [!readOnly && (_jsx("div", { className: "ff-branch-arrow-wrapper", children: isMachineInstances && (_jsx("div", { className: "ff-branch-arrow" })) })), isMachineInstances && !readOnly && (_jsx(_Fragment, { children: _jsx(Button, { variant: "tertiary", label: scriptType === 'Manual'
+                                                            ? '+ Machine'
+                                                            : '+ Environment', size: "small", className: "branch-button", ref: selectButtonRef, onClick: () => onAddBrowserInstance('ff-sequential-branch-button'), id: "ff-sequential-branch-button" }) }))] })] }))] }), !isMachineSelected && (_jsxs("div", { className: "ff-select-scope-datalist", children: [_jsx("div", { className: "ff-scope-wrapper", children: _jsx(Typography, { as: "span", color: getMachineStatusColor(selectedMachine.value?.status), className: "ff-scope-text", children: selectedMachine.value?.status }) }), _jsxs("div", { className: "ff-datalist-wrapper", children: [hideDataSet && (_jsx("div", { id: "ff-sequential-machine-datalist", onClick: () => {
+                                                if (readOnly)
+                                                    return;
+                                                onUpdateDataSetList('ff-sequential-machine-datalist', dataSetValues);
+                                            }, children: _jsxs(Tooltip, { placement: "bottom", title: _jsx("div", { children: _jsx(DataSetTooltip, { datSetToolTip: filteredDataSetValues }) }), style: { display: 'flex', alignItems: 'center' }, children: [_jsx(Icon, { name: "datalist_icon", className: "ff-dataset-icon", hoverEffect: true }), _jsx(Typography, { as: "span", color: "var(--ff-connecting-branch-color)", className: "ff-datalist-text", children: "Data Set List" })] }) })), !readOnly && (_jsx(Tooltip, { title: "Delete", placement: "bottom", children: _jsx(Icon, { name: "delete", className: "ff-run-delete-icon", color: "var(--ff-connecting-branch-delete-color)", onClick: onDeleteMachineInstance, hoverEffect: true }) }))] })] }))] }), _jsx("div", { className: "ff-sequential-branches-wrapper", children: !isMachineInstances && (_jsx(ConnectingBranches, { machineBranchInstances: machineBranchInstances, machineColumnCount: defaultMachineColumnCount, machineColumnWidth: defaultMachineColumnWidth, onAddBrowser: onAddBrowserInstance, onDeleteBrowser: onDeleteBrowserInstance, onAddRunBrowser: onAddRunBrowserInstance, onUpdateDataSetList: onUpdateDataSetList, onUpdateAddBrowserInstance: onUpdateAddBrowserInstance, addInstanceLabel: addInstanceLabel, scriptType: scriptType, projectType: projectType, readOnly: readOnly, maxRunCount: maxRunCount })) })] }) }));
+};
+export default SequentialConnectingBranch;
+//# sourceMappingURL=SequentialConnectingBranch.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SequentialConnectingBranch.js","sourceRoot":"","sources":["../../../src/components/SequentialConnectingBranch/SequentialConnectingBranch.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC/D,OAAO,MAAM,MAAM,WAAW,CAAC;AAC/B,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,MAAM,MAAM,WAAW,CAAC;AAC/B,OAAO,UAAU,MAAM,eAAe,CAAC;AACvC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,EAAM,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxD,OAAO,kBAAkB,MAAM,oDAAoD,CAAC;AAOpF,OAAO,OAAO,MAAM,YAAY,CAAC;AACjC,OAAO,cAAc,MAAM,4CAA4C,CAAC;AAExE,OAAO,EAAE,8BAA8B,EAAE,MAAM,0CAA0C,CAAC;AAE1F,MAAM,0BAA0B,GAAwC,CAAC,EACvE,gBAAgB,GAAG,EAAE,EACrB,kBAAkB,GAAG,GAAG,EACxB,kBAAkB,GAAG,CAAC,EACtB,eAAe,GAAG,EAAE,EACpB,kBAAkB,GAAG,EAAE,EACvB,cAAc,GAAG,GAAG,EAAE,GAAE,CAAC,EACzB,oBAAoB,GAAG,GAAG,EAAE,GAAE,CAAC,EAC/B,uBAAuB,GAAG,GAAG,EAAE,GAAE,CAAC,EAClC,uBAAuB,GAAG,GAAG,EAAE,GAAE,CAAC,EAClC,mBAAmB,GAAG,GAAG,EAAE,GAAE,CAAC,EAC9B,uBAAuB,GAAG,GAAG,EAAE,GAAE,CAAC,EAClC,aAAa,GAAG;IACd,aAAa,EAAE,EAAE;IACjB,mBAAmB,EAAE,EAAE;IACvB,eAAe,EAAE,EAAE;IACnB,qBAAqB,EAAE,EAAE;IACzB,iBAAiB,EAAE,EAAE;IACrB,eAAe,EAAE,EAAE;CACpB,EACD,0BAA0B,GAAG,GAAG,EAAE,GAAE,CAAC,EACrC,gBAAgB,GAAG,iBAAiB,EACpC,WAAW,GAAG,gBAAgB,EAC9B,UAAU,GAAG,YAAY,EACzB,WAAW,GAAG,KAAK,EACnB,QAAQ,GAAG,KAAK,EAChB,MAAM,GAAG,KAAK,EACd,WAAW,GAAG,EAAE,EAChB,uBAAuB,EACvB,UAAU,GAAG,KAAK,GACnB,EAAE,EAAE;IACH,MAAM,CAAC,uBAAuB,EAAE,0BAA0B,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAC3E,MAAM,eAAe,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IACxD,MAAM,yBAAyB,GAAG,IAAI,CAAC,GAAG,CAAC,kBAAkB,EAAE,CAAC,CAAC,CAAC;IAClE,MAAM,yBAAyB,GAAG,IAAI,CAAC,GAAG,CAAC,kBAAkB,EAAE,GAAG,CAAC,CAAC;IAEpE,MAAM,CAAC,sBAAsB,EAAE,yBAAyB,CAAC,GAAG,QAAQ,CAElE,EAAE,CAAC,CAAC;IAEN,MAAM,kBAAkB,GAAG,UAAU,CAAC,gBAAgB,CAAC,CAAC;IACxD,IAAI,iBAAiB,GAAG,UAAU,CAAC,eAAe,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;IAEpE,IAAI,UAAU,KAAK,QAAQ,EAAE,CAAC;QAC5B,iBAAiB,GAAG,UAAU,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;IACxD,CAAC;IAED,MAAM,qBAAqB,GAAG,CAAC,gBAAwB,EAAE,EAAE,EAAE;QAC3D,IAAI,aAAa,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,UAAU,CAAC;YAClD,OAAO,yCAAyC,CAAC;QACnD,IAAI,aAAa,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,SAAS,CAAC;YACjD,OAAO,wCAAwC,CAAC;QAClD,IAAI,aAAa,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC;YAChD,OAAO,uCAAuC,CAAC;QACjD,OAAO,wCAAwC,CAAC;IAClD,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,0BAA0B,CAAC,eAAe,CAAC,CAAC;IAC9C,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,QAAQ,EAAE,CAAC;YACb,yBAAyB,CAAC,gBAAgB,CAAC,CAAC;QAC9C,CAAC;aAAM,CAAC;YACN,yBAAyB,CAAC,CAAC,GAAG,gBAAgB,EAAE,EAAE,CAAC,CAAC,CAAC;QACvD,CAAC;IACH,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAEvB,MAAM,WAAW,GAAG,UAAU,CAAC,WAAW,EAAE,KAAK,QAAQ,CAAC;IAE1D,MAAM,6BAA6B,GAAG,CACpC,GAAkB,EAClB,SAAiB,EACjB,EAAE;QACF,OAAO,MAAM,CAAC,WAAW,CACvB,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,CAChE,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,qBAAqB,GAAG,6BAA6B,CACzD,aAAa,EACb,IAAI,CACL,CAAC;IACF,MAAM,eAAe,GACnB,CAAC,QAAQ,IAAI,CAAC,kBAAkB,CAAC;QACjC,CAAC,CAAC,QAAQ,IAAI,kBAAkB,CAAC;QACjC,CAAC,CAAC,QAAQ,IAAI,CAAC,kBAAkB,CAAC,CAAC;IACrC,OAAO,CACL,KAAC,8BAA8B,CAAC,QAAQ,IACtC,KAAK,EAAE,uBAAkD,YAEzD,eAAK,SAAS,EAAC,yCAAyC,aACtD,eAAK,SAAS,EAAC,qCAAqC,aAClD,eAAK,SAAS,EAAC,0BAA0B,aACvC,KAAC,MAAM,IACL,QAAQ,EAAE,cAAc,EACxB,WAAW,EAAE,kBAAkB,EAC/B,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,UAAU,EACpB,SAAS,EAAE,IAAI,EACf,SAAS,EAAC,6BAA6B,EACvC,KAAK,EAAE,OAAO,EACd,cAAc,EAAE,uBAAuB,EACvC,aAAa,EAAE,MAAM,EACrB,eAAe,EAAE,CAAC,QAAQ,EAC1B,YAAY,EAAE,QAAQ,EACtB,YAAY,EAAE,MAAM,GACpB,EACD,CAAC,iBAAiB,IAAI,CACrB,eACE,SAAS,EAAE,UAAU,CAAC;wCACpB,wBAAwB,EAAE,kBAAkB;wCAC5C,6BAA6B,EAAE,CAAC,kBAAkB;qCACnD,CAAC,aAED,eAAe,IAAI,CAClB,cAAK,SAAS,EAAC,wBAAwB,GAAO,CAC/C,EACD,eAAK,SAAS,EAAC,wBAAwB,aACpC,CAAC,QAAQ,IAAI,CACZ,cAAK,SAAS,EAAC,yBAAyB,YACrC,kBAAkB,IAAI,CACrB,cAAK,SAAS,EAAC,iBAAiB,GAAO,CACxC,GACG,CACP,EACA,kBAAkB,IAAI,CAAC,QAAQ,IAAI,CAClC,4BACE,KAAC,MAAM,IACL,OAAO,EAAC,UAAU,EAClB,KAAK,EACH,UAAU,KAAK,QAAQ;4DACrB,CAAC,CAAC,WAAW;4DACb,CAAC,CAAC,eAAe,EAErB,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,eAAe,EACzB,GAAG,EAAE,eAAe,EACpB,OAAO,EAAE,GAAG,EAAE,CACZ,oBAAoB,CAAC,6BAA6B,CAAC,EAErD,EAAE,EAAC,6BAA6B,GAChC,GACD,CACJ,IACG,IACF,CACP,IACG,EACL,CAAC,iBAAiB,IAAI,CACrB,eAAK,SAAS,EAAC,0BAA0B,aACvC,cAAK,SAAS,EAAC,kBAAkB,YAC/B,KAAC,UAAU,IACT,EAAE,EAAC,MAAM,EACT,KAAK,EAAE,qBAAqB,CAAC,eAAe,CAAC,KAAK,EAAE,MAAM,CAAC,EAC3D,SAAS,EAAC,eAAe,YAExB,eAAe,CAAC,KAAK,EAAE,MAAM,GACnB,GACT,EAEN,eAAK,SAAS,EAAC,qBAAqB,aACjC,WAAW,IAAI,CACd,cACE,EAAE,EAAC,gCAAgC,EACnC,OAAO,EAAE,GAAG,EAAE;gDACZ,IAAI,QAAQ;oDAAE,OAAO;gDACrB,mBAAmB,CACjB,gCAAgC,EAChC,aAAa,CACd,CAAC;4CACJ,CAAC,YAED,MAAC,OAAO,IACN,SAAS,EAAC,QAAQ,EAClB,KAAK,EACH,wBACE,KAAC,cAAc,IACb,aAAa,EACX,qBAAuC,GAEzC,GACE,EAER,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,aAEhD,KAAC,IAAI,IACH,IAAI,EAAC,eAAe,EACpB,SAAS,EAAC,iBAAiB,EAC3B,WAAW,SACX,EACF,KAAC,UAAU,IACT,EAAE,EAAC,MAAM,EACT,KAAK,EAAC,mCAAmC,EACzC,SAAS,EAAC,kBAAkB,8BAGjB,IACL,GACN,CACP,EACA,CAAC,QAAQ,IAAI,CACZ,KAAC,OAAO,IAAC,KAAK,EAAC,QAAQ,EAAC,SAAS,EAAC,QAAQ,YACxC,KAAC,IAAI,IACH,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,oBAAoB,EAC9B,KAAK,EAAC,0CAA0C,EAChD,OAAO,EAAE,uBAAuB,EAChC,WAAW,SACX,GACM,CACX,IACG,IACF,CACP,IACG,EACN,cAAK,SAAS,EAAC,gCAAgC,YAC5C,CAAC,kBAAkB,IAAI,CACtB,KAAC,kBAAkB,IACjB,sBAAsB,EAAE,sBAAsB,EAC9C,kBAAkB,EAAE,yBAAyB,EAC7C,kBAAkB,EAAE,yBAAyB,EAC7C,YAAY,EAAE,oBAAoB,EAClC,eAAe,EAAE,uBAAuB,EACxC,eAAe,EAAE,uBAAuB,EACxC,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,CACH,GACG,IACF,GACkC,CAC3C,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,0BAA0B,CAAC"}

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

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

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

@@ -0,0 +1,184 @@
+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';
+import { useEnvironmentalVariableMaps } from '../../context/EnvironmentVariableMapsContext';
+const Branches = ({ machineInstances, rowIndex, machineColumnCount, nextRowMachineInstance, previousRowMachineInstance, onAddBrowser, onDeleteBrowser, onAddRunBrowser, onUpdateDataSetList, onUpdateAddBrowserInstance, addInstanceLabel = '', scriptType = '', projectType = '', readOnly, maxRunCount, }) => {
+    const evenRow = rowIndex % 2 === 0;
+    const lastMachineInstance = checkEmpty(machineInstances[machineColumnCount - 1]);
+    const environmentalMaps = useEnvironmentalVariableMaps();
+    const { testDataSetMap = {}, globalVariableMap = {}, projectVariableMap = {}, } = environmentalMaps || {};
+    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 minmax(min-content, auto) 24px`;
+        }
+        return `24px minmax(min-content, auto) repeat(${machineColumnCount - 1}, 40px minmax(min-content, auto)) 24px`;
+    };
+    const getMachineLabelOptionList = (type = '', machineInstance) => {
+        const { executionEnv, browserName, browserVersion, machineInfo: { osVersion, iconName, osName, hostName }, deviceInfo, } = machineInstance;
+        const getEnvironment = (environment = '') => {
+            if (environment.toLowerCase() === 'local')
+                return 'local';
+            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),
+            },
+        ];
+        if (scriptType.toLowerCase() === 'manual') {
+            baseOptions.push({
+                label: hostName || '',
+                type: executionEnv?.toLowerCase() === 'local' ? 'local' : '',
+            });
+        }
+        // Web-specific options
+        const webOptions = [
+            {
+                label: osVersion,
+                type: iconName || osName,
+            },
+            {
+                label: browserVersion,
+                type: browserName,
+            },
+        ];
+        // Mobile-specific options
+        const mobileOptions = deviceInfo?.reduce((acc, device) => {
+            if (device) {
+                acc.push({
+                    label: device?.name,
+                    type: scriptType.toLowerCase() === 'manual'
+                        ? 'android'
+                        : device?.platform,
+                    version: scriptType?.toLowerCase() === 'manual' ? device?.version : '',
+                });
+            }
+            return acc;
+        }, []);
+        // Determine options based on the type
+        switch (type.toLowerCase()) {
+            case 'web':
+            case 'web service':
+                return [...baseOptions, ...webOptions];
+            case 'web & mobile':
+            case 'ms dynamics':
+            case 'salesforce':
+                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, { runCount: runCount, options: getMachineLabelOptionList(projectType, machineInstance), contentReverse: !evenRow, modalId: `${machineInstanceId}-runCount-${runCount - 1}`, onClick: () => runCount == 1 || scriptType !== 'Automation'
+                                                ? onUpdateAddBrowserInstance(`${machineInstanceId}-runCount-0`, machineInstance)
+                                                : null, 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: projectVariableMap[peVariableSetId] || '',
+                                                                    globalVariableSetName: globalVariableMap[globalVariableSetId] ||
+                                                                        '',
+                                                                    testDataSetName: testDataSetMap[testDataSetId] || '',
+                                                                } }) }), 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: numberOfRuns >= maxRunCount
+                                                            ? `Maximum ${maxRunCount} runs are allowed.`
+                                                            : '', children: _jsxs("div", { className: "ff-environment-run-container", onClick: numberOfRuns >= maxRunCount
+                                                                ? undefined
+                                                                : () => onAddRunBrowser(machineInstanceId), children: [_jsx(Icon, { name: "plus_icon", className: "ff-connecting-run-icon", color: "var(--ff-connecting-branch-color)", hoverEffect: true, disabled: numberOfRuns >= maxRunCount ? true : false }), _jsx(Typography, { className: "ff-connecting-run-text", color: "var(--ff-connecting-branch-color)", style: {
+                                                                        opacity: numberOfRuns >= maxRunCount ? 0.5 : 1,
+                                                                    }, children: "Run" })] }) }) }))] })), !readOnly && (_jsx(Tooltip, { title: "Delete", children: _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 = {
+        'Project Environment Set': peVariableSetName,
+        'Global Variable Set': globalVariableSetName,
+        'Test Data Set': testDataSetName,
+    };
+    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,yBAAyB,EAAE,iBAAiB;QAC5C,qBAAqB,EAAE,qBAAqB;QAC5C,eAAe,EAAE,eAAe;KACjC,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/context/EnvironmentVariableMapsContext.d.ts

@@ -0,0 +1,3 @@
+import { EnvironmentVariableMaps } from '../types';
+export declare const EnvironmentVariableMapsContext: import("react").Context<EnvironmentVariableMaps | null>;
+export declare const useEnvironmentalVariableMaps: () => EnvironmentVariableMaps | null;

package/lib/components/SequentialConnectingBranch/context/EnvironmentVariableMapsContext.js

@@ -0,0 +1,4 @@
+import { createContext, useContext } from 'react';
+export const EnvironmentVariableMapsContext = createContext(null);
+export const useEnvironmentalVariableMaps = () => useContext(EnvironmentVariableMapsContext);
+//# sourceMappingURL=EnvironmentVariableMapsContext.js.map

package/lib/components/SequentialConnectingBranch/context/EnvironmentVariableMapsContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EnvironmentVariableMapsContext.js","sourceRoot":"","sources":["../../../../src/components/SequentialConnectingBranch/context/EnvironmentVariableMapsContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAGlD,MAAM,CAAC,MAAM,8BAA8B,GAAG,aAAa,CAAiC,IAAI,CAAC,CAAC;AAElG,MAAM,CAAC,MAAM,4BAA4B,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAC"}

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,74 @@
+import { Option } from '../Select/types';
+export type EnvironmentVariableMaps = {
+    testDataSetMap: Record<string, string>;
+    globalVariableMap: Record<string, string>;
+    projectVariableMap: Record<string, string>;
+};
+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;
+    environmentVariableMaps?: EnvironmentVariableMaps;
+    isRequired?: boolean;
+}
+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;
+    version?: string;
+}
+export interface ExecutionContext {
+    machineInstanceId: string;
+    clientId: string;
+    numberOfRuns: number;
+    runCount: number;
+    executionEnv?: 'Local' | string;
+    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/SessionDropdown/SessionDropdown.d.ts

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

package/lib/components/SessionDropdown/SessionDropdown.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import './SessionDropdown.scss';
+import Icon from '../Icon';
+import Tabs from '../Tabs';
+import Typography from '../Typography';
+import Tooltip from '../Tooltip';
+const SessionDropdown = ({ header, secondaryHeader, primaryCount, secondaryCount, primaryItems, secondaryItems, width, activeTab = 'primary', activeTabId, onPrimaryTabClick, onSecondaryTabClick, onTabClick, actions, tabsData, notchPosition = 'top-left', }) => {
+    const itemsToDisplay = secondaryHeader && activeTab === 'secondary'
+        ? secondaryItems
+        : primaryItems;
+    const hasSecondaryItems = secondaryCount && parseInt(secondaryCount) > 0;
+    const hasPrimaryItems = primaryCount && parseInt(primaryCount) > 0;
+    const showActionIcons = secondaryHeader && (hasPrimaryItems || hasSecondaryItems);
+    const handleTabClick = (tabId) => {
+        if (onTabClick) {
+            onTabClick(tabId);
+        }
+        if (tabId === 'tab-1' && onPrimaryTabClick) {
+            onPrimaryTabClick();
+        }
+        else if (tabId === 'tab-2' && onSecondaryTabClick) {
+            onSecondaryTabClick();
+        }
+    };
+    const { tooltip: downloadTooltip = "Download", iconName: downloadIconName = "download_file", disabled: isDownloadDisabled = false, onClick: onDownloadClick, } = actions?.download || {};
+    const { tooltip: deleteTooltip = "Delete", iconName: deleteIconName = "delete_icon", disabled: isDeleteDisabled = false, onClick: onDeleteClick, } = actions?.delete || {};
+    const renderHeaderIcons = () => (_jsxs("div", { className: "ff-dropdown-header-icons", children: [actions?.download && (_jsx(Tooltip, { title: downloadTooltip, children: _jsx(Icon, { name: downloadIconName || '', className: "ff-dropdown-icon ff-download-icon", onClick: onDownloadClick, width: 18, height: 20, disabled: isDownloadDisabled, hoverEffect: true }) })), actions?.delete && (_jsx(Tooltip, { title: deleteTooltip, children: _jsx(Icon, { name: deleteIconName || '', className: "ff-dropdown-icon ff-delete-icon", onClick: onDeleteClick, width: 25, height: 25, disabled: isDeleteDisabled, hoverEffect: true }) }))] }));
+    return (_jsxs("div", { className: "ff-resolution-dropdown", style: width ? { minWidth: width } : {}, children: [_jsx("div", { className: `ff-dropdown-notch ${notchPosition === 'bottom-center' ? 'bottom-center' : 'top-left'}` }), _jsx("div", { className: "ff-dropdown-header", children: _jsx("div", { className: "ff-dropdown-header-content", children: secondaryHeader && tabsData && activeTabId ? (_jsxs(_Fragment, { children: [_jsx(Tabs, { tabsData: tabsData, activeTabId: activeTabId, onTabClick: handleTabClick }), showActionIcons && renderHeaderIcons()] })) : secondaryHeader && showActionIcons ? (_jsxs("div", { className: "ff-dropdown-header-dual", children: [_jsxs("div", { className: `ff-dropdown-header-item ${activeTab === "primary" ? "active" : ""}`, onClick: onPrimaryTabClick, children: [_jsx(Typography, { fontWeight: "semi-bold", className: "ff-dropdown-text", children: header }), primaryCount && (_jsx("span", { className: "ff-dropdown-count", children: primaryCount }))] }), _jsxs("div", { className: `ff-dropdown-header-item ${activeTab === "secondary" ? "active" : ""}`, onClick: onSecondaryTabClick, children: [_jsx(Typography, { fontWeight: "semi-bold", className: "ff-dropdown-text", children: secondaryHeader }), secondaryCount && (_jsx("span", { className: "ff-dropdown-count", children: secondaryCount }))] }), renderHeaderIcons()] })) : secondaryHeader ? (_jsxs("div", { className: "ff-dropdown-header-dual", children: [_jsxs("div", { className: `ff-dropdown-header-item ${activeTab === 'primary' ? 'active' : ''}`, onClick: onPrimaryTabClick, children: [_jsx(Typography, { fontWeight: "semi-bold", className: "ff-dropdown-text", children: header }), primaryCount && (_jsx("span", { className: "ff-dropdown-count", children: primaryCount }))] }), _jsxs("div", { className: `ff-dropdown-header-item ${activeTab === 'secondary' ? 'active' : ''}`, onClick: onSecondaryTabClick, children: [_jsx(Typography, { fontWeight: "semi-bold", className: "ff-dropdown-text", children: secondaryHeader }), secondaryCount && (_jsx("span", { className: "ff-dropdown-count", children: secondaryCount }))] })] })) : (_jsx(Typography, { fontSize: 16, fontWeight: "semi-bold", children: header })) }) }), _jsx("ul", { className: "ff-dropdown-list", children: itemsToDisplay?.map((item, index) => (_jsx("li", { className: "ff-dropdown-item", children: item }, index))) })] }));
+};
+export default SessionDropdown;
+//# sourceMappingURL=SessionDropdown.js.map

package/lib/components/SessionDropdown/SessionDropdown.js.map

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