SELF-1951: prep for sumsub release (#1680)

* enable sumsub in mobile sdk

* refactor dev settings screen

* combine sections

* agent feedback

* gate kyc button on troubel screens

* inline simple sections

packages/mobile-sdk-alpha/src/config/features.ts

@@ -8,9 +8,5 @@
  * Set to true when ready to launch the feature.
  */
 export const FeatureFlags = {
-  /**
-   * Enable Sumsub/KYC "Other IDs" option in the ID selection screen.
-   * When false, the KYC button will be hidden from users.
-   */
-  KYC_ENABLED: false,
+  // Add new flags here as needed
 } as const;

packages/mobile-sdk-alpha/src/flows/onboarding/id-selection-screen.tsx

@@ -11,7 +11,6 @@ import PassportCameraScanIcon from '../../../svgs/icons/passport_camera_scan.svg
 import PlusIcon from '../../../svgs/icons/plus.svg';
 import SelfLogo from '../../../svgs/logo.svg';
 import { BodyText, RoundFlag, View, XStack, YStack } from '../../components';
-import { FeatureFlags } from '../../config/features';
 import { black, blue100, blue600, slate100, slate300, slate400, white } from '../../constants/colors';
 import { advercase, dinot } from '../../constants/fonts';
 import { useSelfClient } from '../../context';
@@ -129,10 +128,11 @@ const DocumentItem: React.FC<DocumentItemProps> = ({ docType, onPress }) => {
 type IDSelectionScreenProps = {
   countryCode: string;
   documentTypes: string[];
+  showKyc?: boolean;
 };
 
 const IDSelectionScreen: React.FC<IDSelectionScreenProps> = props => {
-  const { countryCode = '', documentTypes = [] } = props;
+  const { countryCode = '', documentTypes = [], showKyc = false } = props;
   const selfClient = useSelfClient();
 
   const onSelectDocumentType = (docType: string) => {
@@ -173,7 +173,7 @@ const IDSelectionScreen: React.FC<IDSelectionScreenProps> = props => {
           <DocumentItem key={docType} docType={docType} onPress={() => onSelectDocumentType(docType)} />
         ))}
         <BodyText style={styles.footerText}>Be sure your document is ready to scan</BodyText>
-        {FeatureFlags.KYC_ENABLED && (
+        {showKyc && (
           <View style={styles.kycContainer}>
             <DocumentItem docType="kyc" onPress={() => onSelectDocumentType('kyc')} />
           </View>