fix(station-login): visibility toggle for desktop login (#554)

Author: mkesavan13

packages/contact-center/cc-components/src/components/StationLogin/station-login.tsx

@@ -48,6 +48,7 @@ const StationLoginComponent: React.FunctionComponent<StationLoginComponentProps>
     selectedDeviceType,
     dialNumberValue,
     setSelectedTeamId,
+    hideDesktopLogin,
   } = props;
 
   const [dialNumberLabel, setDialNumberLabel] = useState<string>('');
@@ -59,6 +60,9 @@ const StationLoginComponent: React.FunctionComponent<StationLoginComponentProps>
   const [dnErrorText, setDNErrorText] = useState<string>('');
   const {multiSignInModalRef, ccSignOutModalRef, saveConfirmDialogRef} = createStationLoginRefs(logger);
 
+  // Filter out Desktop mode if hideDesktopLogin is true
+  const filteredLoginOptions = hideDesktopLogin ? loginOptions.filter((option) => option !== DESKTOP) : loginOptions;
+
   useEffect(() => {
     if (deviceType !== DESKTOP && Object.keys(LoginOptions).includes(deviceType)) {
       updateDialNumberLabel(deviceType, setDialNumberLabel, setDialNumberPlaceholder, logger);
@@ -227,8 +231,8 @@ const StationLoginComponent: React.FunctionComponent<StationLoginComponentProps>
                 selectedValueText={LoginOptions[selectedDeviceType]}
               >
                 {Object.keys(LoginOptions).map((option: string, index: number) => {
-                  // only show loginOptions provided by store
-                  if (loginOptions.includes(option)) {
+                  // only show loginOptions provided by store and filtered by hideDesktopLogin
+                  if (filteredLoginOptions.includes(option)) {
                     return (
                       <Option
                         selected={option === selectedDeviceType}

packages/contact-center/cc-components/src/components/StationLogin/station-login.types.ts

@@ -202,6 +202,13 @@ export interface IStationLoginProps {
    * The selected team ID for login
    */
   selectedTeamId: string;
+
+  /**
+   * If true, hides the Desktop login mode from the dropdown options.
+   * Applies in both login screen and profile mode.
+   * Default: undefined (shows Desktop mode)
+   */
+  hideDesktopLogin?: boolean;
 }
 
 export interface LoginOptionsState {
@@ -243,4 +250,5 @@ export type StationLoginComponentProps = Pick<
   | 'setDialNumberValue'
   | 'setSelectedTeamId'
   | 'selectedTeamId'
+  | 'hideDesktopLogin'
 >;