odaptos_design_system 2.0.83 → 2.0.85

package/dist/odaptos_design_system.esm.js

@@ -12424,7 +12424,7 @@ const SelfProtocolTaskContainer = ({
     text: ctaText,
     onClick: () => onClick(),
     iconRight: buttonIcon,
-    className: `${styles$m.cta_button} 'uf-send-task-container-btn-${elementIdx}`,
+    className: `uf-send-task-container-btn-${elementIdx} ${styles$m.cta_button}`,
     disabled: isDisabled
   }));else return null;
 };
@@ -12450,11 +12450,6 @@ const SelfProtocolManager = ({
   onClickFinishScenario,
   ...props
 }) => {
-  const taskIndices = {
-    task: 0,
-    question: 0,
-    scenario: 0
-  };
   const getTaskTitle = task => {
     let taskType = '';
     if (task.type === 'task') {
@@ -12476,10 +12471,6 @@ const SelfProtocolManager = ({
       return false;
     }
   };
-  const getTaskIndex = type => {
-    taskIndices[type] += 1;
-    return taskIndices[type];
-  };
   const refTask = useRef(null);
   useEffect(() => {
     if (tasks.length) {
@@ -12517,23 +12508,23 @@ const SelfProtocolManager = ({
     isDisabled: isUserSharingScreen,
     isDisplay: true
   }), tasks.map(task => {
-    const taskIndex = getTaskIndex(task.type);
     if (task.type === 'question' || task.type === 'task') {
       return /*#__PURE__*/React.createElement(SelfProtocolTaskContainer, {
         key: task._id,
-        className: `uf-send-task-container-${taskIndex}`,
+        className: `uf-send-task-container-${task.index}`,
         smallTitle: getTaskTitle(task),
         mainTitle: task.description,
         ctaText: texts.nextTaskCTA,
         buttonIcon: /*#__PURE__*/React.createElement(SendIcon, null),
         onClick: () => sendTask(task),
         isDisabled: getIsTaskDisabled(task) || isUserSharingScreen === false,
-        isDisplay: task.isDisplay
+        isDisplay: task.isDisplay,
+        elementIdx: task.index
       });
     } else if (task.type === 'scenario') {
       return /*#__PURE__*/React.createElement(SelfProtocolTaskContainer, {
         key: task._id,
-        className: `uf-send-scenario-container-${taskIndex}`,
+        className: `uf-send-scenario-container-${task.index}`,
         smallTitle: getTaskTitle(task),
         mainTitle: task.name,
         description: task.description,
@@ -12542,6 +12533,7 @@ const SelfProtocolManager = ({
         buttonId: 'start_scenario',
         onClick: () => sendTask(task),
         isDisplay: task.isDisplay,
+        elementIdx: task.index,
         isDisabled: getIsTaskDisabled(task) || isUserSharingScreen === false
       });
     } else return /*#__PURE__*/React.createElement(React.Fragment, null);