Milostudio sync to stage: MWPW-177102 & https://jira.corp.adobe.com/browse/MWPW-170151

libs/blocks/locui-create/input-locale/index.js

@@ -209,11 +209,15 @@ export default function useInputLocale() {
       const { [regionKey]: _, ...rest } = prev;
       return rest;
     });
+    const localesToRemove = Array.from(selectedLocaleSet).filter((localeKey) => {
+      const locale = getLocaleFromKey(localeKey);
+      return regionCountryCodes.includes(locale);
+    });
     setSelectedLocale((prev) => prev.filter((localeKey) => {
       const locale = getLocaleFromKey(localeKey);
       return !regionCountryCodes.includes(locale);
     }));
-    removeLocalesFromActive(regionCountryCodes);
+    removeLocalesFromActive(localesToRemove);
   };
 
   const updateRegionStates = useCallback((localeList) => {

libs/blocks/locui-create/input-locale/view.js

@@ -1,7 +1,7 @@
 import { html } from '../../../deps/htm-preact.js';
 import useInputLocale from './index.js';
 import StepControls from '../components/stepControls.js';
-import { PROJECT_TYPES, WORKFLOW } from '../utils/constant.js';
+import { PROJECT_TYPES, WORKFLOW, USER_WORKFLOW_TYPE, ENG_LANG_CODE } from '../utils/constant.js';
 import Toast from '../components/toast.js';
 import { userWorkflowType } from '../store.js';
 
@@ -90,6 +90,22 @@
   };
 
   const RenderLocales = () => {
+    const isPromoteRollout = userWorkflowType.value === USER_WORKFLOW_TYPE.promote_rollout;
+    const initialAcc = {};
+    if (isPromoteRollout) {
+      const englishLocale = languagesList.find(
+        (lang) => lang.languagecode === ENG_LANG_CODE,
+      );
+      if (englishLocale) {
+        initialAcc[englishLocale.language] = englishLocale.livecopies
+          .split(',')
+          .filter(Boolean)
+          .map((locale) => `${englishLocale.languagecode}|${locale}`);
+      } else {
+        console.warn('English locale not found for promoteRollout workflow');
+      }
+    }
+
     const groupedLocales = selectedLocale.reduce((acc, localeKey) => {
       const [langCode, locale] = parseLocaleKey(localeKey);
       const language = languagesList.find((lang) => (langCode
@@ -102,7 +118,7 @@
         acc[language.language].push(localeKey);
       }
       return acc;
-    }, {});
+    }, initialAcc);
 
     return Object.keys(groupedLocales).map((languageName) => {
       const localesInLanguage = groupedLocales[languageName];