Step name localization issue fixed (#163)

Co-authored-by: manasa <[email protected]>

Author: 4manasa

packages/react-sdk-components/src/components/infra/Assignment/Assignment.tsx

@@ -21,6 +21,7 @@ export default function Assignment(props) {
   const actionsAPI = thePConn.getActionsApi();
   const localizedVal = PCore.getLocaleUtils().getLocaleValue;
   const localeCategory = 'Assignment';
+  const localeReference = `${getPConnect().getCaseInfo().getClassName()}!CASE!${getPConnect().getCaseInfo().getName()}`.toUpperCase();
 
   // store off bound functions to above pointers
   const finishAssignment = actionsAPI.finishAssignment.bind(actionsAPI);
@@ -92,8 +93,13 @@ export default function Assignment(props) {
           } else {
             setIsVertical(false);
           }
-
-          setArNavigationSteps(JSON.parse(JSON.stringify(oCaseInfo.navigation.steps)));
+          const steps = JSON.parse(JSON.stringify(oCaseInfo?.navigation?.steps));
+          steps.forEach(step => {
+            if (step.name) {
+              step.name = PCore.getLocaleUtils().getLocaleValue(step.name, undefined, localeReference);
+            }
+          });
+          setArNavigationSteps(steps);
           setArCurrentStepIndicies(
             findCurrentIndicies(arNavigationSteps, arCurrentStepIndicies, 0)
           );

packages/react-sdk-components/src/components/infra/Containers/FlowContainer/FlowContainer.tsx

@@ -87,6 +87,8 @@ export default function FlowContainer(props) {
   const [bShowConfirm, setShowConfirm] = useState(false);
   const localizedVal = PCore.getLocaleUtils().getLocaleValue;
   const localeCategory = 'Messages';
+  const caseInfo = getPConnect().getCaseInfo();
+  const localeReference = `${caseInfo?.getClassName()}!CASE!${caseInfo.getName()}`.toUpperCase();
 
   const classes = useStyles();
 
@@ -181,7 +183,7 @@ export default function FlowContainer(props) {
 
     if (bLoadChildren && oWorkData) {
       // debugger;
-      setContainerName(oWorkData.caseInfo.assignments?.[0].name);
+      setContainerName(localizedVal(oWorkData.caseInfo.assignments?.[0].name, undefined, localeReference));
     }
 
     // debugger;
@@ -405,7 +407,7 @@ export default function FlowContainer(props) {
           // check if have oWorkData, there are times due to timing of state change, when this
           // may not be available
           if (oWorkData) {
-            setContainerName(getActiveViewLabel() || oWorkData.caseInfo.assignments?.[0].name);
+            setContainerName(localizedVal(getActiveViewLabel() || oWorkData.caseInfo.assignments?.[0].name, undefined, localeReference));
           }
         }
       }

packages/react-sdk-components/src/components/template/CaseView/CaseView.tsx

@@ -73,6 +73,7 @@ export default function CaseView(props) {
 
   const localizedVal = PCore.getLocaleUtils().getLocaleValue;
   const localeCategory = 'CaseView';
+  const localeKey = `${caseTypeID}!CASE!${caseTypeName}`.toUpperCase();
 
   /**
    *
@@ -222,7 +223,7 @@ export default function CaseView(props) {
                 className={classes.caseViewHeader}
                 title={
                   <Typography variant='h6' component='div'>
-                    {header}
+                    {PCore.getLocaleUtils().getLocaleValue(header, '', localeKey)}
                   </Typography>
                 }
                 subheader={