[CP-3011] Pure passcode modal is not displayed properly (#1997)

libs/core/device-initialization/components/passcode-modal/passcode-modal-ui.component.tsx

@@ -61,6 +61,7 @@ export interface PasscodeModalProps
   errorMessage: string
   leftTime?: number | undefined
   canBeClosed: boolean
+  noOverlayBg?: boolean
 }
 
 const PasscodeModalUI: FunctionComponent<PasscodeModalProps> = ({
@@ -73,6 +74,7 @@ const PasscodeModalUI: FunctionComponent<PasscodeModalProps> = ({
   errorMessage,
   leftTime,
   canBeClosed,
+  noOverlayBg = true,
   ...props
 }) => {
   const muditaLogo = (
@@ -94,7 +96,7 @@ const PasscodeModalUI: FunctionComponent<PasscodeModalProps> = ({
       closeButton={false}
       closeModal={canBeClosed ? close : undefined}
       title={muditaLogo}
-      noOverlayBg={true}
+      noOverlayBg={noOverlayBg}
     >
       <PasscodeModalContent>
         <span></span>

libs/device/feature/src/lib/api-config/api-config.service.ts

@@ -35,7 +35,7 @@ export class APIConfigService {
       method: "GET",
       body: {},
       options: {
-        connectionTimeOut: 1000,
+        connectionTimeOut: 6000,
       },
     })
 

libs/generic-view/ui/src/lib/predefined/data-migration/components/pure-passcode.tsx

@@ -160,6 +160,7 @@ export const PurePasscode: FunctionComponent<Props> = ({
       leftTime={leftTime}
       canBeClosed={true}
       layer={ModalLayers.Passcode}
+      noOverlayBg={false}
     />
   )
 }