npm - @burnt-labs/expo-satya-attest - Versions diffs - 3.14.1 → 3.14.2 - Mend

@burnt-labs/expo-satya-attest 3.14.1 → 3.14.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (66) hide show

package/CHANGELOG.md CHANGED Viewed

@@ -1,5 +1,13 @@
 # Changelog
+## 3.14.2 - 2026-11-06
+### Changed
+- SDK messages, loaders, and the three-step progress indicator are centered in light and dark appearances. Opening, verification, and waiting screens use shorter provider-specific messages.
+- After **Not now**, the light-theme **Review consent** button matches Dossier’s consent button. **Leave session** remains a separate action.
+- Tap the session ID row on an error screen to copy the full ID and see confirmation in place. Host clipboard handlers still take precedence. Rebuild the native app for direct clipboard support, or use the existing share fallback on older binaries.
 ## 3.14.1 - 2026-11-05
 ### Fixed

package/PUBLISHING.md CHANGED Viewed

@@ -12,8 +12,8 @@ for a plug-and-play Expo SDK.
 ## Release preparation
-The prepared version is **3.14.1**. This patch improves dark-theme contrast for
-the connection sheet controls and Dossier consent confirmation. See the [consumer changelog](./CHANGELOG.md).
+The prepared version is **3.14.2**. This patch updates the connection sheet,
+Dossier consent confirmation and session ID copy feedback. See the [consumer changelog](./CHANGELOG.md).
 Before tagging a stable release, validate the candidate in a consuming app:
@@ -271,7 +271,7 @@ internal/module_scripts/
 After the release gates pass and publication is authorized, use the consolidated
 `publish-expo-satya-attest.yml` workflow. A stable tag must match the committed
 package version and point to a commit on `main`; for this prepared release the
-package-specific tag is `expo-satya-attest-v3.14.1`. Creating/pushing that tag starts
+package-specific tag is `expo-satya-attest-v3.14.2`. Creating/pushing that tag starts
 publication. Manual workflow dispatch is a dry-run.
 The workflow builds native artifacts, runs the release checks, and publishes
@@ -284,11 +284,11 @@ After publication, check the npm version and dist-tag before updating the exampl
 ## npm Snapshots
 The snapshot workflow increments the committed patch version in CI and appends
-the run, attempt and source commit. For a package at `3.14.1`, the resulting
+the run, attempt and source commit. For a package at `3.14.2`, the resulting
 version has this form:
 ```text
-3.14.2-snapshot.<run>.<attempt>.sha-<commit>
+3.14.3-snapshot.<run>.<attempt>.sha-<commit>
 ```
 Snapshots use the `snapshot` dist-tag so test apps do not need to know the generated

package/README.md CHANGED Viewed

@@ -759,11 +759,13 @@ content, text selection and scrolling.
 Android native `window.open()` popups also stay within this sheet and share its
 navigation controls. Rebuild the Android app to adopt the native popup changes.
-Opening, connecting, and verification use the Android-style circular loader on both
-platforms. Status messages scroll within the sheet and distinguish opening, connecting, verification,
+SDK messages and the progress tracker are centered and adapt to the sheet’s light or dark surface.
+Opening, connecting, and verification use the same circular loader on both platforms.
+Status messages scroll within the sheet and distinguish opening, connecting, verification,
 finishing, delayed responses and recoverable or permanent errors. Every error includes
-a selectable session-ID card and copy control (using `onCopySessionId` when supplied,
-with the existing system-share fallback). “Try again” remains subject to the verifier’s
+a tappable session ID. A successful copy shows a checkmark and “Session ID copied”.
+The SDK tries `onCopySessionId` first, then the native clipboard on rebuilt apps.
+When copying is unavailable it offers system sharing and manual selection. “Try again” remains subject to the verifier’s
 retry policy. The default `autoCloseOnComplete: true` is unchanged; set it to `false` to
 keep the completion screen with “Return to app”. Hosted result receipt is labelled
 “Account connected” until independently verified. Completion callbacks are not delayed.

package/android/build.gradle CHANGED Viewed

@@ -4,14 +4,14 @@ plugins {
 }
 group = 'expo.modules.satyaattest'
-version = '3.14.1'
+version = '3.14.2'
 android {
   namespace "expo.modules.satyaattest"
   defaultConfig {
     consumerProguardFiles 'consumer-rules.pro'
     versionCode 1
-    versionName "3.14.1"
+    versionName "3.14.2"
     // StrongBox key attestation needs API 28+; basic Keystore attestation API 24+.
     minSdkVersion 24
   }

package/android/src/main/java/expo/modules/satyaattest/SatyaAttestModule.kt CHANGED Viewed

@@ -1,5 +1,7 @@
 package expo.modules.satyaattest
+import android.content.ClipData
+import android.content.ClipboardManager
 import android.security.keystore.KeyGenParameterSpec
 import android.security.keystore.KeyProperties
 import android.security.keystore.StrongBoxUnavailableException
@@ -128,6 +130,12 @@ class SatyaAttestModule : Module() {
       SatyaProviderSessions.releaseOwner(providerSessionOwner)
     }
+    AsyncFunction("copySessionId") { sessionId: String ->
+      val clipboard = appContext.reactContext?.getSystemService(ClipboardManager::class.java)
+        ?: throw IllegalStateException("Clipboard unavailable")
+      clipboard.setPrimaryClip(ClipData.newPlainText("Session ID", sessionId))
+    }.runOnQueue(Queues.MAIN)
     Function("satyaCoreVersion") { satyaCoreVersion() }
     Function("createWebViewBridgeCapability") {

package/build/SatyaAttestModule.d.ts CHANGED Viewed

@@ -8,6 +8,7 @@ type SatyaAttestEvents = {
     }) => void;
 };
 declare class SatyaAttestModule extends NativeModule<SatyaAttestEvents> {
+    copySessionId?(sessionId: string): Promise<void>;
     sizeConnectionSheet?(viewTag: number): Promise<void>;
     providerSessionCapabilitiesV1?(): Promise<import('./providerSessions').SatyaProviderSessionCapabilities>;
     openProviderSessionV1?(configJson: string): Promise<string>;

package/build/SatyaAttestModule.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SatyaAttestModule.d.ts","sourceRoot":"","sources":["../src/SatyaAttestModule.ts"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"SatyaAttestModule.d.ts","sourceRoot":"","sources":["../src/SatyaAttestModule.ts"],"names":[],"mappings":"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"}

package/build/SatyaAttestModule.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SatyaAttestModule.js","sourceRoot":"","sources":["../src/SatyaAttestModule.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,mBAAmB,EAAE,MAAM,MAAM,CAAC;~~AA2EzD~~,eAAe,mBAAmB,CAAoB,aAAa,CAAC,CAAC","sourcesContent":["import { NativeModule, requireNativeModule } from 'expo';\n\nimport { VerifyResult } from './types';\n\ntype SatyaAttestEvents = {\n onPopupWindowChange: (event: { viewTag: number; count: number; loading?: boolean }) => void;\n};\n\ndeclare class SatyaAttestModule extends NativeModule<SatyaAttestEvents> {\n sizeConnectionSheet?(viewTag: number): Promise<void>;\n providerSessionCapabilitiesV1?(): Promise<\n import('./providerSessions').SatyaProviderSessionCapabilities\n >;\n openProviderSessionV1?(configJson: string): Promise<string>;\n releaseProviderSessionV1?(handle: string): Promise<void>;\n readProviderSessionCookiesV1?(handle: string, providerId: string, url: string): Promise<string>;\n attestNativeReplayWithSessionV1?(\n providerTemplateJson: string,\n capturedRequestJson: string \| null,\n handle: string\n ): Promise<string>;\n attestNativeReplayBundleWithSessionV1?(\n providerTemplateJson: string,\n capturedRequestsJson: string,\n partialEndpointSelectionJson: string \| null,\n handle: string\n ): Promise<string>;\n satyaCoreVersion(): string;\n createWebViewBridgeCapability(): string;\n /*\n OS entropy as unpadded base64url. Optional so a JS bundle running against a\n * native binary built before 3.8.0 still type-checks; `tee/secureRandom.ts`\n * falls back to `createWebViewBridgeCapability` in that case.\n /\n secureRandomBytes?(count: number): string;\n getTelemetryDeviceIdHashV2?(appId: string, environment: string): Promise<string>;\n readWebViewCookies(url: string): Promise<string>;\n\n // Every parameter below is required, including the nullable ones. Whether iOS\n // tolerates an omitted trailing optional depends on the host app's\n // expo-modules-core (older 3.0.x cores and the optimized JSI path require all\n // of them; 56.x relaxes trailing optionals), and `peerDependencies.expo` is\n // ``, so this package must satisfy the strictest of them. Marking these `?`\n // would let TypeScript accept a call that crashes on device. See\n // `nativeReplayArgs.ts` for the full mechanism.\n attestNativeReplay(\n providerTemplateJson: string,\n capturedRequestJson: string \| null\n ): Promise<string>;\n\n attestNativeReplayBundle(\n providerTemplateJson: string,\n capturedRequestsJson: string,\n partialEndpointSelectionJson: string \| null\n ): Promise<string>;\n\n verifyArtifact(artifactJson: string): Promise<boolean>;\n verifyArtifactDetailed(artifactJson: string): Promise<VerifyResult>;\n\n initialize(configJson: string): Promise<void>;\n dispose(): Promise<void>;\n installWebViewDocumentStartScript(viewTag: number, script: string): Promise<boolean \| null>;\n setPopupWindowsEnabled(\n viewTag: number,\n enabled: boolean,\n geolocationEnabled: boolean\n ): Promise<boolean>;\n /** Optional for compatibility with native binaries predating privacy concealment. */\n setPopupWindowsConcealed?(concealed: boolean): Promise<boolean>;\n closePopupWindows(): Promise<boolean>;\n closePopupWindowsForHost?(viewTag: number): Promise<boolean>;\n closePopupWindow?(viewTag: number): Promise<boolean>;\n reloadPopupWindow?(viewTag: number): Promise<boolean>;\n}\n\nexport default requireNativeModule<SatyaAttestModule>('SatyaAttest');\n"]}
1	+ {"version":3,"file":"SatyaAttestModule.js","sourceRoot":"","sources":["../src/SatyaAttestModule.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,mBAAmB,EAAE,MAAM,MAAM,CAAC;AA4EzD,eAAe,mBAAmB,CAAoB,aAAa,CAAC,CAAC","sourcesContent":["import { NativeModule, requireNativeModule } from 'expo';\n\nimport { VerifyResult } from './types';\n\ntype SatyaAttestEvents = {\n onPopupWindowChange: (event: { viewTag: number; count: number; loading?: boolean }) => void;\n};\n\ndeclare class SatyaAttestModule extends NativeModule<SatyaAttestEvents> {\n copySessionId?(sessionId: string): Promise<void>;\n sizeConnectionSheet?(viewTag: number): Promise<void>;\n providerSessionCapabilitiesV1?(): Promise<\n import('./providerSessions').SatyaProviderSessionCapabilities\n >;\n openProviderSessionV1?(configJson: string): Promise<string>;\n releaseProviderSessionV1?(handle: string): Promise<void>;\n readProviderSessionCookiesV1?(handle: string, providerId: string, url: string): Promise<string>;\n attestNativeReplayWithSessionV1?(\n providerTemplateJson: string,\n capturedRequestJson: string \| null,\n handle: string\n ): Promise<string>;\n attestNativeReplayBundleWithSessionV1?(\n providerTemplateJson: string,\n capturedRequestsJson: string,\n partialEndpointSelectionJson: string \| null,\n handle: string\n ): Promise<string>;\n satyaCoreVersion(): string;\n createWebViewBridgeCapability(): string;\n /*\n OS entropy as unpadded base64url. Optional so a JS bundle running against a\n * native binary built before 3.8.0 still type-checks; `tee/secureRandom.ts`\n * falls back to `createWebViewBridgeCapability` in that case.\n /\n secureRandomBytes?(count: number): string;\n getTelemetryDeviceIdHashV2?(appId: string, environment: string): Promise<string>;\n readWebViewCookies(url: string): Promise<string>;\n\n // Every parameter below is required, including the nullable ones. Whether iOS\n // tolerates an omitted trailing optional depends on the host app's\n // expo-modules-core (older 3.0.x cores and the optimized JSI path require all\n // of them; 56.x relaxes trailing optionals), and `peerDependencies.expo` is\n // ``, so this package must satisfy the strictest of them. Marking these `?`\n // would let TypeScript accept a call that crashes on device. See\n // `nativeReplayArgs.ts` for the full mechanism.\n attestNativeReplay(\n providerTemplateJson: string,\n capturedRequestJson: string \| null\n ): Promise<string>;\n\n attestNativeReplayBundle(\n providerTemplateJson: string,\n capturedRequestsJson: string,\n partialEndpointSelectionJson: string \| null\n ): Promise<string>;\n\n verifyArtifact(artifactJson: string): Promise<boolean>;\n verifyArtifactDetailed(artifactJson: string): Promise<VerifyResult>;\n\n initialize(configJson: string): Promise<void>;\n dispose(): Promise<void>;\n installWebViewDocumentStartScript(viewTag: number, script: string): Promise<boolean \| null>;\n setPopupWindowsEnabled(\n viewTag: number,\n enabled: boolean,\n geolocationEnabled: boolean\n ): Promise<boolean>;\n /** Optional for compatibility with native binaries predating privacy concealment. */\n setPopupWindowsConcealed?(concealed: boolean): Promise<boolean>;\n closePopupWindows(): Promise<boolean>;\n closePopupWindowsForHost?(viewTag: number): Promise<boolean>;\n closePopupWindow?(viewTag: number): Promise<boolean>;\n reloadPopupWindow?(viewTag: number): Promise<boolean>;\n}\n\nexport default requireNativeModule<SatyaAttestModule>('SatyaAttest');\n"]}

package/build/SatyaProviderAttestButton.js CHANGED Viewed

@@ -59,8 +59,8 @@ function ProviderAttestButtonView({ props, flow, }) {
                 { backgroundColor: flow.theme.accentColor },
                 isDisabled && styles.buttonDisabled,
             ]} disabled={isDisabled} onPress={flow.openFlow}>
-          {flow.running ? (<LoadingSpinner color="#ffffff" size={20} style={styles.buttonSpinner}/>) : null}
-          <Text style={styles.buttonText}>
+          {flow.running ? (<LoadingSpinner color={flow.theme.onAccentColor} size={20} style={styles.buttonSpinner}/>) : null}
+          <Text style={[styles.buttonText, { color: flow.theme.onAccentColor }]}>
             {flow.running ? 'Generating Attestation' : flow.buttonLabel}
           </Text>
         </Pressable>) : null}

package/build/SatyaProviderAttestButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SatyaProviderAttestButton.js","sourceRoot":"","sources":["../src/SatyaProviderAttestButton.tsx"],"names":[],"mappings":"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~~SAAS~~,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,~~CAAC~~,KAAK,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,~~EAAG~~,~~CAC1E~~,CAAC,CAAC,CAAC,IAAI,CACR;UAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,~~CAC7B~~;YAAA,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,CAC7D;UAAA,EAAE,IAAI,CACR;QAAA,EAAE,SAAS,CAAC,CACb,CAAC,CAAC,CAAC,IAAI,CACR;MAAA,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,YAAY,IAAI,WAAW,CAAC,CAAC,CAAC,CACpD,CAAC,WAAW;QACV,uEAAuE;QACvE,sEAAsE;QACtE,iEAAiE;QACjE,mEAAmE;QACnE,mEAAmE;QACnE,kEAAkE;QAClE,kEAAkE;QAClE,MAAM,CAAC,CAAC,EAAE,IAAI,EAAE,eAAe,EAAE,CAAC,CAClC,KAAK,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAC1B,aAAa,CAAC,MAAM,CACpB,iBAAiB,CAAC,CAAC,KAAK,CAAC,CACzB,2BAA2B,CAC3B,yBAAyB,CAAC,qBAAqB,EAC/C,CACH,CAAC,CAAC,CAAC,IAAI,CACR;MAAA,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,EAClC;IAAA,GAAG,CACJ,CAAC;AACJ,CAAC","sourcesContent":["import React, { useState } from 'react';\nimport { Pressable, Text } from 'react-native';\n\nimport { LoadingSpinner } from './components/providerAttest/LoadingSpinner';\nimport { ProviderAttestModal } from './components/providerAttest/ProviderAttestModal';\nimport {\n selectProviderFlow,\n type SatyaProviderFlowSelection,\n} from './components/providerAttest/flowSelection';\nimport { styles } from './components/providerAttest/styles';\nimport { useTeelsProviderFlow } from './components/providerAttest/teels/useTeelsProviderFlow';\nimport type {\n SatyaProviderAttestButtonProps,\n SatyaModeAwareProviderAttestButtonProps,\n} from './components/providerAttest/types';\nimport {\n useProviderAttestFlow,\n type ProviderAttestFlow,\n} from './components/providerAttest/useProviderAttestFlow';\nimport { getSatyaRuntimeConfig, type SatyaRuntimeConfig } from './satyaConfig';\nimport { satyaError, SatyaErrorCode } from './types/error.types';\n\nexport type {\n SatyaBackendVerifyResult,\n SatyaProviderAttestButtonProps,\n SatyaProviderAttestationResult,\n SatyaProviderAttestPresentation,\n SatyaProviderAttestTheme,\n SatyaProviderFlowPhase,\n SatyaProviderFlowProgress,\n SatyaTeelsAttestation,\n SatyaTeelsClaimData,\n} from './components/providerAttest/types';\n\nexport function SatyaProviderAttestButton(props: SatyaProviderAttestButtonProps) {\n const { onComplete, ...sharedProps } = props;\n return (\n <ProviderAttestButton\n allowTeeReplay={false}\n props={{\n ...sharedProps,\n onComplete: (result) => {\n if ('artifactBytesB64' in result.artifact) {\n props.onError?.(\n satyaError(\n SatyaErrorCode.TEE_MODE_UNAVAILABLE,\n 'TEE result requires the /tee entry point'\n )\n );\n return;\n }\n onComplete?.({ ...result, artifact: result.artifact });\n },\n }}\n />\n );\n}\n\nexport function SatyaModeAwareProviderAttestButton(props: SatyaModeAwareProviderAttestButtonProps) {\n return <ProviderAttestButton props={props} allowTeeReplay />;\n}\n\nfunction ProviderAttestButton({ props, allowTeeReplay }: ProviderFlowHostProps) {\n // Bind the runtime config once at mount (the init-before-mount contract),\n // but recompute the flow selection from live props so a providerId/template\n // switch cannot leave the button running a stale flow.\n const [runtime] = useState<SatyaRuntimeConfig>(() => getSatyaRuntimeConfig());\n const selection = selectProviderFlow(\n {\n providerId: props.providerId,\n providerTemplateId: props.providerTemplate?.providerId,\n appId: props.transportConfig?.appId,\n allowTeeReplay,\n },\n runtime\n );\n\n if (selection.type === 'teels') {\n return <TeelsProviderFlowHost props={props} selection={selection} />;\n }\n return <NativeProviderFlowHost props={props} allowTeeReplay={allowTeeReplay} />;\n}\n\ninterface ProviderFlowHostProps {\n props: SatyaModeAwareProviderAttestButtonProps;\n allowTeeReplay?: boolean;\n}\n\n// App attestation and TEE share the WebView/capture flow.\nfunction NativeProviderFlowHost({ props, allowTeeReplay }: ProviderFlowHostProps) {\n const flow = useProviderAttestFlow(props, allowTeeReplay);\n return <ProviderAttestButtonView props={props} flow={flow} />;\n}\n\nfunction TeelsProviderFlowHost({\n props,\n selection,\n}: ProviderFlowHostProps & {\n selection: Extract<SatyaProviderFlowSelection, { type: 'teels' }>;\n}) {\n const flow = useTeelsProviderFlow(props, { selection });\n return <ProviderAttestButtonView props={props} flow={flow} />;\n}\n\nfunction ProviderAttestButtonView({\n props,\n flow,\n}: {\n props: SatyaModeAwareProviderAttestButtonProps;\n flow: ProviderAttestFlow;\n}) {\n const isDisabled = props.disabled \|\| flow.running \|\| flow.modalVisible;\n const shouldRenderButton = props.renderButton ?? true;\n const WarmWebView = flow.ResolvedWebView;\n\n return (\n <>\n {shouldRenderButton ? (\n <Pressable\n style={[\n styles.button,\n { backgroundColor: flow.theme.accentColor },\n isDisabled && styles.buttonDisabled,\n ]}\n disabled={isDisabled}\n onPress={flow.openFlow}>\n {flow.running ? (\n <LoadingSpinner color~~=\"#ffffff~~\" size={20} style={styles.buttonSpinner} />\n ) : null}\n <Text style={styles.buttonText}>\n {flow.running ? 'Generating Attestation' : flow.buttonLabel}\n </Text>\n </Pressable>\n ) : null}\n {flow.prefetch && !flow.modalVisible && WarmWebView ? (\n <WarmWebView\n // Warms the WebKit process before the real WebView opens. This must be\n // an `html` source rather than a blank-page URI: react-native-webview\n // loads any hostless URI with `-[WKWebView loadFileURL:]`, which\n // raises NSInvalidArgumentException and crashes the app on iOS. An\n // html source takes the `loadHTMLString` branch and warms the same\n // way. This view mounts outside the modal as soon as the provider\n // resolves, so a crash here lands at launch, not during the flow.\n source={{ html: '<html></html>' }}\n style={styles.warmWebView}\n pointerEvents=\"none\"\n javaScriptEnabled={false}\n accessibilityElementsHidden\n importantForAccessibility=\"no-hide-descendants\"\n />\n ) : null}\n <ProviderAttestModal flow={flow} />\n </>\n );\n}\n"]}
1	+ {"version":3,"file":"SatyaProviderAttestButton.js","sourceRoot":"","sources":["../src/SatyaProviderAttestButton.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useState } from 'react';\nimport { Pressable, Text } from 'react-native';\n\nimport { LoadingSpinner } from './components/providerAttest/LoadingSpinner';\nimport { ProviderAttestModal } from './components/providerAttest/ProviderAttestModal';\nimport {\n selectProviderFlow,\n type SatyaProviderFlowSelection,\n} from './components/providerAttest/flowSelection';\nimport { styles } from './components/providerAttest/styles';\nimport { useTeelsProviderFlow } from './components/providerAttest/teels/useTeelsProviderFlow';\nimport type {\n SatyaProviderAttestButtonProps,\n SatyaModeAwareProviderAttestButtonProps,\n} from './components/providerAttest/types';\nimport {\n useProviderAttestFlow,\n type ProviderAttestFlow,\n} from './components/providerAttest/useProviderAttestFlow';\nimport { getSatyaRuntimeConfig, type SatyaRuntimeConfig } from './satyaConfig';\nimport { satyaError, SatyaErrorCode } from './types/error.types';\n\nexport type {\n SatyaBackendVerifyResult,\n SatyaProviderAttestButtonProps,\n SatyaProviderAttestationResult,\n SatyaProviderAttestPresentation,\n SatyaProviderAttestTheme,\n SatyaProviderFlowPhase,\n SatyaProviderFlowProgress,\n SatyaTeelsAttestation,\n SatyaTeelsClaimData,\n} from './components/providerAttest/types';\n\nexport function SatyaProviderAttestButton(props: SatyaProviderAttestButtonProps) {\n const { onComplete, ...sharedProps } = props;\n return (\n <ProviderAttestButton\n allowTeeReplay={false}\n props={{\n ...sharedProps,\n onComplete: (result) => {\n if ('artifactBytesB64' in result.artifact) {\n props.onError?.(\n satyaError(\n SatyaErrorCode.TEE_MODE_UNAVAILABLE,\n 'TEE result requires the /tee entry point'\n )\n );\n return;\n }\n onComplete?.({ ...result, artifact: result.artifact });\n },\n }}\n />\n );\n}\n\nexport function SatyaModeAwareProviderAttestButton(props: SatyaModeAwareProviderAttestButtonProps) {\n return <ProviderAttestButton props={props} allowTeeReplay />;\n}\n\nfunction ProviderAttestButton({ props, allowTeeReplay }: ProviderFlowHostProps) {\n // Bind the runtime config once at mount (the init-before-mount contract),\n // but recompute the flow selection from live props so a providerId/template\n // switch cannot leave the button running a stale flow.\n const [runtime] = useState<SatyaRuntimeConfig>(() => getSatyaRuntimeConfig());\n const selection = selectProviderFlow(\n {\n providerId: props.providerId,\n providerTemplateId: props.providerTemplate?.providerId,\n appId: props.transportConfig?.appId,\n allowTeeReplay,\n },\n runtime\n );\n\n if (selection.type === 'teels') {\n return <TeelsProviderFlowHost props={props} selection={selection} />;\n }\n return <NativeProviderFlowHost props={props} allowTeeReplay={allowTeeReplay} />;\n}\n\ninterface ProviderFlowHostProps {\n props: SatyaModeAwareProviderAttestButtonProps;\n allowTeeReplay?: boolean;\n}\n\n// App attestation and TEE share the WebView/capture flow.\nfunction NativeProviderFlowHost({ props, allowTeeReplay }: ProviderFlowHostProps) {\n const flow = useProviderAttestFlow(props, allowTeeReplay);\n return <ProviderAttestButtonView props={props} flow={flow} />;\n}\n\nfunction TeelsProviderFlowHost({\n props,\n selection,\n}: ProviderFlowHostProps & {\n selection: Extract<SatyaProviderFlowSelection, { type: 'teels' }>;\n}) {\n const flow = useTeelsProviderFlow(props, { selection });\n return <ProviderAttestButtonView props={props} flow={flow} />;\n}\n\nfunction ProviderAttestButtonView({\n props,\n flow,\n}: {\n props: SatyaModeAwareProviderAttestButtonProps;\n flow: ProviderAttestFlow;\n}) {\n const isDisabled = props.disabled \|\| flow.running \|\| flow.modalVisible;\n const shouldRenderButton = props.renderButton ?? true;\n const WarmWebView = flow.ResolvedWebView;\n\n return (\n <>\n {shouldRenderButton ? (\n <Pressable\n style={[\n styles.button,\n { backgroundColor: flow.theme.accentColor },\n isDisabled && styles.buttonDisabled,\n ]}\n disabled={isDisabled}\n onPress={flow.openFlow}>\n {flow.running ? (\n <LoadingSpinner\n color={flow.theme.onAccentColor}\n size={20}\n style={styles.buttonSpinner}\n />\n ) : null}\n <Text style={[styles.buttonText, { color: flow.theme.onAccentColor }]}>\n {flow.running ? 'Generating Attestation' : flow.buttonLabel}\n </Text>\n </Pressable>\n ) : null}\n {flow.prefetch && !flow.modalVisible && WarmWebView ? (\n <WarmWebView\n // Warms the WebKit process before the real WebView opens. This must be\n // an `html` source rather than a blank-page URI: react-native-webview\n // loads any hostless URI with `-[WKWebView loadFileURL:]`, which\n // raises NSInvalidArgumentException and crashes the app on iOS. An\n // html source takes the `loadHTMLString` branch and warms the same\n // way. This view mounts outside the modal as soon as the provider\n // resolves, so a crash here lands at launch, not during the flow.\n source={{ html: '<html></html>' }}\n style={styles.warmWebView}\n pointerEvents=\"none\"\n javaScriptEnabled={false}\n accessibilityElementsHidden\n importantForAccessibility=\"no-hide-descendants\"\n />\n ) : null}\n <ProviderAttestModal flow={flow} />\n </>\n );\n}\n"]}

package/build/components/providerAttest/BrowserConfirmation.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BrowserConfirmation.d.ts","sourceRoot":"","sources":["../../../src/components/providerAttest/BrowserConfirmation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,OAAe,EACf,MAAM,EACN,SAAS,GACV,EAAE;IACD,KAAK,EAAE,aAAa,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB,~~qBAwCA~~"}
1	+ {"version":3,"file":"BrowserConfirmation.d.ts","sourceRoot":"","sources":["../../../src/components/providerAttest/BrowserConfirmation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,OAAe,EACf,MAAM,EACN,SAAS,GACV,EAAE;IACD,KAAK,EAAE,aAAa,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB,qBA4DA"}

package/build/components/providerAttest/BrowserConfirmation.js CHANGED Viewed

@@ -3,26 +3,44 @@ import { ScrollView, Text, View, Pressable } from 'react-native';
 import { UiIcon } from './UiIcon';
 import { styles } from './styles';
 export function BrowserConfirmation({ theme, consent = false, onKeep, onConfirm, }) {
-    const actionColor = consent ? theme.onSurfaceColor : theme.accentColor;
+    const dossierLight = consent && !theme.palette.dark;
+    const actionColor = dossierLight ? '#0f172a' : consent ? theme.onSurfaceColor : theme.accentColor;
+    const actionText = dossierLight ? '#ffffff' : consent ? theme.surfaceColor : theme.onAccentColor;
     return (<View style={[styles.confirmation, { backgroundColor: theme.surfaceColor }]} accessibilityViewIsModal>
       <ScrollView contentContainerStyle={styles.statusScroll} keyboardShouldPersistTaps="always">
         <View style={styles.statusBody}>
-          <View style={styles.stateIcon}>
+          <View style={[styles.stateIcon, { backgroundColor: theme.palette.tile }]}>
             <UiIcon name="login" color={actionColor}/>
           </View>
-          <Text accessibilityRole="header" accessibilityLiveRegion="assertive" style={[styles.confirmationTitle, { color: theme.onSurfaceColor }]}>
+          <Text accessibilityRole="header" accessibilityLiveRegion="assertive" style={[styles.statusTitle, { color: theme.onSurfaceColor }]}>
             Leave this connection?
           </Text>
           <Text style={[styles.statusSubtitle, { color: theme.mutedColor }]}>
             Leaving ends this session and returns you to the app. You can start again later.
           </Text>
-          <Pressable accessibilityRole="button" style={[styles.primaryAction, { backgroundColor: actionColor }]} onPress={onKeep}>
-            <Text style={[styles.primaryActionText, consent && { color: theme.surfaceColor }]}>
+          <Pressable accessibilityRole="button" style={[
+            styles.primaryAction,
+            dossierLight && styles.dossierPrimary,
+            { backgroundColor: actionColor },
+        ]} onPress={onKeep}>
+            <Text style={[
+            styles.primaryActionText,
+            dossierLight && styles.dossierButtonText,
+            { color: actionText },
+        ]}>
               {consent ? 'Review consent' : 'Keep connecting'}
             </Text>
           </Pressable>
-          <Pressable accessibilityRole="button" style={[styles.secondaryAction, styles.leaveAction]} onPress={onConfirm}>
-            <Text style={[styles.secondaryActionText, { color: theme.mutedColor }]}>
+          <Pressable accessibilityRole="button" style={[
+            styles.secondaryAction,
+            { borderColor: theme.palette.line },
+            dossierLight && styles.dossierSecondary,
+        ]} onPress={onConfirm}>
+            <Text style={[
+            styles.secondaryActionText,
+            dossierLight && styles.dossierButtonText,
+            { color: dossierLight ? actionColor : theme.mutedColor },
+        ]}>
               {consent ? 'Leave session' : 'Leave'}
             </Text>
           </Pressable>

package/build/components/providerAttest/BrowserConfirmation.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BrowserConfirmation.js","sourceRoot":"","sources":["../../../src/components/providerAttest/BrowserConfirmation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEjE,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAGlC,MAAM,UAAU,mBAAmB,CAAC,EAClC,KAAK,EACL,OAAO,GAAG,KAAK,EACf,MAAM,EACN,SAAS,GAMV;IACC,MAAM,WAAW,GAAG,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC;~~IACvE~~,OAAO,CACL,CAAC,IAAI,CACH,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,EAAE,EAAE,eAAe,EAAE,KAAK,CAAC,YAAY,EAAE,CAAC,CAAC,CACtE,wBAAwB,CACxB;MAAA,CAAC,UAAU,CAAC,qBAAqB,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,yBAAyB,CAAC,QAAQ,CACxF;QAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAC7B;UAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,~~CAC5B~~;YAAA,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,WAAW,CAAC,EAC1C;UAAA,EAAE,IAAI,CACN;UAAA,CAAC,IAAI,CACH,iBAAiB,CAAC,QAAQ,CAC1B,uBAAuB,CAAC,WAAW,CACnC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,~~iBAAiB~~,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,cAAc,EAAE,CAAC,CAAC,~~CACnE~~;;UACF,EAAE,IAAI,CACN;UAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,CAAC,CAAC,CAChE;;UACF,EAAE,IAAI,CACN;UAAA,CAAC,SAAS,CACR,iBAAiB,CAAC,QAAQ,CAC1B,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,~~aAAa~~,EAAE,~~EAAE,~~eAAe,EAAE,WAAW,EAAE,CAAC,~~CAAC~~,~~CAChE,~~OAAO,CAAC,CAAC,MAAM,CAAC,CAChB;YAAA,CAAC,IAAI,~~CAAC~~,KAAK,CAAC,CAAC,~~CAAC,~~MAAM,CAAC,iBAAiB,~~EAAE~~,~~OAAO,~~IAAI,~~EAAE~~,~~KAAK~~,EAAE,KAAK,~~CAAC~~,~~YAAY~~,EAAE,CAAC,~~CAAC,CAChF~~;cAAA,CAAC,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,iBAAiB,CACjD;YAAA,EAAE,IAAI,CACR;UAAA,EAAE,SAAS,CACX;UAAA,CAAC,SAAS,CACR,iBAAiB,CAAC,QAAQ,CAC1B,KAAK,CAAC,CAAC,~~CAAC,~~MAAM,CAAC,eAAe,EAAE,~~MAAM~~,CAAC,~~WAAW~~,CAAC,CAAC,~~CACpD~~,OAAO,CAAC,CAAC,SAAS,CAAC,CACnB;YAAA,CAAC,IAAI,~~CAAC~~,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,~~mBAAmB~~,EAAE,~~EAAE,~~KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,CAAC,~~CAAC,CACrE~~;cAAA,CAAC,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,OAAO,CACtC;YAAA,EAAE,IAAI,CACR;UAAA,EAAE,SAAS,CACb;QAAA,EAAE,IAAI,CACR;MAAA,EAAE,UAAU,CACd;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC","sourcesContent":["import React from 'react';\nimport { ScrollView, Text, View, Pressable } from 'react-native';\n\nimport { UiIcon } from './UiIcon';\nimport { styles } from './styles';\nimport type { ResolvedTheme } from './theme';\n\nexport function BrowserConfirmation({\n theme,\n consent = false,\n onKeep,\n onConfirm,\n}: {\n theme: ResolvedTheme;\n consent?: boolean;\n onKeep: () => void;\n onConfirm: () => void;\n}) {\n const actionColor = consent ? theme.onSurfaceColor : theme.accentColor;\n return (\n <View\n style={[styles.confirmation, { backgroundColor: theme.surfaceColor }]}\n accessibilityViewIsModal>\n <ScrollView contentContainerStyle={styles.statusScroll} keyboardShouldPersistTaps=\"always\">\n <View style={styles.statusBody}>\n <View style={styles.stateIcon}>\n <UiIcon name=\"login\" color={actionColor} />\n </View>\n <Text\n accessibilityRole=\"header\"\n accessibilityLiveRegion=\"assertive\"\n style={[styles.~~confirmationTitle~~, { color: theme.onSurfaceColor }]}>\n Leave this connection?\n </Text>\n <Text style={[styles.statusSubtitle, { color: theme.mutedColor }]}>\n Leaving ends this session and returns you to the app. You can start again later.\n </Text>\n <Pressable\n accessibilityRole=\"button\"\n style={[styles.primaryAction, { backgroundColor: actionColor }]}\n onPress={onKeep}>\n <Text style={[styles.primaryActionText, ~~consent~~ && { color: ~~theme.surfaceColor~~ }]}>\n {consent ? 'Review consent' : 'Keep connecting'}\n </Text>\n </Pressable>\n <Pressable\n accessibilityRole=\"button\"\n style={[styles.secondaryAction, styles.~~leaveAction~~]}\n onPress={onConfirm}>\n <Text style={[styles.secondaryActionText, { color: theme.mutedColor }]}>\n {consent ? 'Leave session' : 'Leave'}\n </Text>\n </Pressable>\n </View>\n </ScrollView>\n </View>\n );\n}\n"]}
1	+ {"version":3,"file":"BrowserConfirmation.js","sourceRoot":"","sources":["../../../src/components/providerAttest/BrowserConfirmation.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { ScrollView, Text, View, Pressable } from 'react-native';\n\nimport { UiIcon } from './UiIcon';\nimport { styles } from './styles';\nimport type { ResolvedTheme } from './theme';\n\nexport function BrowserConfirmation({\n theme,\n consent = false,\n onKeep,\n onConfirm,\n}: {\n theme: ResolvedTheme;\n consent?: boolean;\n onKeep: () => void;\n onConfirm: () => void;\n}) {\n const dossierLight = consent && !theme.palette.dark;\n const actionColor = dossierLight ? '#0f172a' : consent ? theme.onSurfaceColor : theme.accentColor;\n const actionText = dossierLight ? '#ffffff' : consent ? theme.surfaceColor : theme.onAccentColor;\n return (\n <View\n style={[styles.confirmation, { backgroundColor: theme.surfaceColor }]}\n accessibilityViewIsModal>\n <ScrollView contentContainerStyle={styles.statusScroll} keyboardShouldPersistTaps=\"always\">\n <View style={styles.statusBody}>\n <View style={[styles.stateIcon, { backgroundColor: theme.palette.tile }]}>\n <UiIcon name=\"login\" color={actionColor} />\n </View>\n <Text\n accessibilityRole=\"header\"\n accessibilityLiveRegion=\"assertive\"\n style={[styles.statusTitle, { color: theme.onSurfaceColor }]}>\n Leave this connection?\n </Text>\n <Text style={[styles.statusSubtitle, { color: theme.mutedColor }]}>\n Leaving ends this session and returns you to the app. You can start again later.\n </Text>\n <Pressable\n accessibilityRole=\"button\"\n style={[\n styles.primaryAction,\n dossierLight && styles.dossierPrimary,\n { backgroundColor: actionColor },\n ]}\n onPress={onKeep}>\n <Text\n style={[\n styles.primaryActionText,\n dossierLight && styles.dossierButtonText,\n { color: actionText },\n ]}>\n {consent ? 'Review consent' : 'Keep connecting'}\n </Text>\n </Pressable>\n <Pressable\n accessibilityRole=\"button\"\n style={[\n styles.secondaryAction,\n { borderColor: theme.palette.line },\n dossierLight && styles.dossierSecondary,\n ]}\n onPress={onConfirm}>\n <Text\n style={[\n styles.secondaryActionText,\n dossierLight && styles.dossierButtonText,\n { color: dossierLight ? actionColor : theme.mutedColor },\n ]}>\n {consent ? 'Leave session' : 'Leave'}\n </Text>\n </Pressable>\n </View>\n </ScrollView>\n </View>\n );\n}\n"]}

package/build/components/providerAttest/FlowStatus.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FlowStatus.d.ts","sourceRoot":"","sources":["../../../src/components/providerAttest/FlowStatus.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAE7C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,KAAK,EACL,YAAY,EACZ,SAAS,EACT,eAAe,EACf,OAAO,EACP,QAAQ,EACR,OAAO,EACP,MAAM,GACP,EAAE;IACD,MAAM,EAAE,cAAc,CAAC;IACvB,KAAK,EAAE,aAAa,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACvD,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB,~~qBA4GA~~"}
1	+ {"version":3,"file":"FlowStatus.d.ts","sourceRoot":"","sources":["../../../src/components/providerAttest/FlowStatus.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAE7C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,KAAK,EACL,YAAY,EACZ,SAAS,EACT,eAAe,EACf,OAAO,EACP,QAAQ,EACR,OAAO,EACP,MAAM,GACP,EAAE;IACD,MAAM,EAAE,cAAc,CAAC;IACvB,KAAK,EAAE,aAAa,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACvD,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB,qBAoJA"}

package/build/components/providerAttest/FlowStatus.js CHANGED Viewed

@@ -1,11 +1,22 @@
 import React from 'react';
-import { Pressable, ScrollView, Text, View } from 'react-native';
+import { Pressable, ScrollView, Text, useWindowDimensions, View } from 'react-native';
 import { LoadingSpinner } from './LoadingSpinner';
 import { SessionIdRow } from './SessionIdRow';
 import { UiIcon } from './UiIcon';
 import { styles } from './styles';
 export function FlowStatus({ status, theme, providerName, sessionId, onCopySessionId, onRetry, onReturn, onClose, onDone, }) {
-    const iconColor = status.tone === 'error' ? '#aa3d42' : status.tone === 'warning' ? '#975a1c' : theme.accentColor;
+    const { fontScale } = useWindowDimensions();
+    const { palette } = theme;
+    const iconColor = status.tone === 'error'
+        ? palette.error
+        : status.tone === 'warning'
+            ? palette.warning
+            : theme.accentColor;
+    const iconFill = status.tone === 'error'
+        ? palette.errorFill
+        : status.tone === 'warning'
+            ? palette.warningFill
+            : palette.tile;
     const action = status.action;
     const primary = action === 'retry'
         ? 'Try again'
@@ -14,46 +25,70 @@ export function FlowStatus({ status, theme, providerName, sessionId, onCopySessi
             : 'Return to app';
     return (<ScrollView style={[styles.statusOverlay, { backgroundColor: theme.surfaceColor }]} contentContainerStyle={styles.statusScroll} keyboardShouldPersistTaps="handled" accessibilityViewIsModal>
       <View style={styles.statusBody}>
-        {status.icon ? (<View style={[
-                styles.stateIcon,
-                status.tone === 'error'
-                    ? styles.stateError
-                    : status.tone === 'warning'
-                        ? styles.stateWarning
-                        : null,
-            ]}>
-            <UiIcon name={status.icon} size={23} color={iconColor}/>
-          </View>) : (<LoadingSpinner color={theme.accentColor}/>)}
-        <Text accessibilityRole="header" accessibilityLiveRegion="polite" style={[styles.statusTitle, { color: theme.onSurfaceColor }]}>
+        {status.icon ? (<View style={[styles.stateIcon, { backgroundColor: iconFill }]}>
+            <UiIcon name={status.icon} size={20} color={iconColor}/>
+          </View>) : (<LoadingSpinner color={theme.accentColor} style={styles.centered}/>)}
+        <Text accessibilityRole="header" accessibilityLiveRegion="polite" adjustsFontSizeToFit={status.error && fontScale <= 1} numberOfLines={status.error && fontScale <= 1 ? 1 : undefined} style={[
+            styles.statusTitle,
+            status.error && styles.errorTitle,
+            { color: theme.onSurfaceColor },
+        ]}>
           {status.title}
         </Text>
         <Text style={[styles.statusSubtitle, { color: theme.mutedColor }]}>{status.subtitle}</Text>
         {status.step !== undefined ? (<View style={styles.steps}>
-            {['Connect account', 'Verify details', 'Finish'].map((label, index) => (<View key={label} style={styles.step} accessible accessibilityLabel={`${label}, ${index < status.step ? 'complete' : index === status.step ? 'in progress' : 'next'}`}>
-                <View style={[
-                    styles.stepNode,
-                    index === status.step
-                        ? { backgroundColor: theme.accentColor, borderColor: theme.accentColor }
-                        : null,
-                    index < status.step ? styles.stepDone : null,
-                ]}>
-                  {index < status.step ? (<UiIcon name="check" size={14} color={theme.accentColor}/>) : (<Text style={[
-                        styles.stepNumber,
-                        { color: index === status.step ? '#ffffff' : theme.mutedColor },
+            {['Connect account', 'Verify details', 'Finish'].map((label, index) => {
+                const step = status.step;
+                const active = index === step;
+                const done = index < step;
+                return (<View key={label} style={styles.step} accessible accessibilityLabel={`${label}, ${done ? 'complete' : active ? 'in progress' : 'next'}`}>
+                  <View style={styles.stepTrack}>
+                    <View style={[
+                        styles.stepLine,
+                        {
+                            backgroundColor: index === 0
+                                ? 'transparent'
+                                : index <= step
+                                    ? theme.accentColor
+                                    : palette.line,
+                        },
+                    ]}/>
+                    <View style={[
+                        styles.stepNode,
+                        {
+                            backgroundColor: active
+                                ? theme.accentColor
+                                : done
+                                    ? palette.tint
+                                    : theme.surfaceColor,
+                            borderColor: active ? theme.accentColor : palette.line,
+                        },
                     ]}>
-                      {index + 1}
-                    </Text>)}
-                </View>
-                <Text style={[
-                    styles.stepLabel,
-                    { color: index === status.step ? theme.onSurfaceColor : theme.mutedColor },
-                    index === status.step ? styles.stepActive : null,
-                ]}>
-                  {label}
-                </Text>
-              </View>))}
+                      {done ? (<UiIcon name="check" size={14} color={theme.accentColor}/>) : (<Text style={[
+                            styles.stepNumber,
+                            { color: active ? theme.onAccentColor : theme.mutedColor },
+                        ]}>
+                          {index + 1}
+                        </Text>)}
+                    </View>
+                    <View style={[
+                        styles.stepLine,
+                        {
+                            backgroundColor: index === 2 ? 'transparent' : done ? theme.accentColor : palette.line,
+                        },
+                    ]}/>
+                  </View>
+                  <Text style={[
+                        styles.stepLabel,
+                        active && styles.stepActive,
+                        { color: active ? theme.onSurfaceColor : theme.mutedColor },
+                    ]}>
+                    {label.replace(' ', '\n')}
+                  </Text>
+                </View>);
+            })}
           </View>) : null}
-        {status.error ? (<SessionIdRow sessionId={sessionId} onCopySessionId={onCopySessionId} mutedColor={theme.mutedColor} accentColor={theme.accentColor}/>) : null}
+        {status.error ? (<SessionIdRow sessionId={sessionId} onCopySessionId={onCopySessionId} theme={theme}/>) : null}
         {action ? (<View>
             <Pressable accessibilityRole="button" style={[styles.primaryAction, { backgroundColor: theme.accentColor }]} onPress={action === 'retry'
                 ? onRetry
@@ -62,7 +97,9 @@ export function FlowStatus({ status, theme, providerName, sessionId, onCopySessi
                     : action === 'done'
                         ? onDone
                         : onClose}>
-              <Text style={styles.primaryActionText}>{primary}</Text>
+              <Text style={[styles.primaryActionText, { color: theme.onAccentColor }]}>
+                {primary}
+              </Text>
             </Pressable>
           </View>) : null}
       </View>

package/build/components/providerAttest/FlowStatus.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FlowStatus.js","sourceRoot":"","sources":["../../../src/components/providerAttest/FlowStatus.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Pressable, ScrollView, Text, View } from 'react-native';\n\nimport { LoadingSpinner } from './LoadingSpinner';\nimport { SessionIdRow } from './SessionIdRow';\nimport { UiIcon } from './UiIcon';\nimport type { FlowStatusCopy } from './copy';\nimport { styles } from './styles';\nimport type { ResolvedTheme } from './theme';\n\nexport function FlowStatus({\n status,\n theme,\n providerName,\n sessionId,\n onCopySessionId,\n onRetry,\n onReturn,\n onClose,\n onDone,\n}: {\n status: FlowStatusCopy;\n theme: ResolvedTheme;\n providerName: string;\n sessionId?: string;\n onCopySessionId?: (id: string) => void \| Promise<void>;\n onRetry: () => void;\n onReturn: () => void;\n onClose: () => void;\n onDone: () => void;\n}) {\n const iconColor =\n status.tone === 'error' ? '#aa3d42' : status.tone === 'warning' ? '#975a1c' : theme.accentColor;\n const action = status.action;\n const primary =\n action === 'retry'\n ? 'Try again'\n : action === 'return'\n ? `Return to ${providerName}`\n : 'Return to app';\n return (\n <ScrollView\n style={[styles.statusOverlay, { backgroundColor: theme.surfaceColor }]}\n contentContainerStyle={styles.statusScroll}\n keyboardShouldPersistTaps=\"handled\"\n accessibilityViewIsModal>\n <View style={styles.statusBody}>\n {status.icon ? (\n <View\n style={[\n styles.stateIcon,\n status.tone === 'error'\n ? styles.stateError\n : status.tone === 'warning'\n ? styles.stateWarning\n : null,\n ]}>\n <UiIcon name={status.icon} size={23} color={iconColor} />\n </View>\n ) : (\n <LoadingSpinner color={theme.accentColor} />\n )}\n <Text\n accessibilityRole=\"header\"\n accessibilityLiveRegion=\"polite\"\n style={[styles.statusTitle, { color: theme.onSurfaceColor }]}>\n {status.title}\n </Text>\n <Text style={[styles.statusSubtitle, { color: theme.mutedColor }]}>{status.subtitle}</Text>\n {status.step !== undefined ? (\n <View style={styles.steps}>\n {['Connect account', 'Verify details', 'Finish'].map((label, index) => (\n <View\n key={label}\n style={styles.step}\n accessible\n accessibilityLabel={`${label}, ${index < status.step! ? 'complete' : index === status.step ? 'in progress' : 'next'}`}>\n <View\n style={[\n styles.stepNode,\n index === status.step\n ? { backgroundColor: theme.accentColor, borderColor: theme.accentColor }\n : null,\n index < status.step! ? styles.stepDone : null,\n ]}>\n {index < status.step! ? (\n <UiIcon name=\"check\" size={14} color={theme.accentColor} />\n ) : (\n <Text\n style={[\n styles.stepNumber,\n { color: index === status.step ? '#ffffff' : theme.mutedColor },\n ]}>\n {index + 1}\n </Text>\n )}\n </View>\n <Text\n style={[\n styles.stepLabel,\n { color: index === status.step ? theme.onSurfaceColor : theme.mutedColor },\n index === status.step ? styles.stepActive : null,\n ]}>\n {label}\n </Text>\n </View>\n ))}\n </View>\n ) : null}\n {status.error ? (\n <SessionIdRow\n sessionId={sessionId}\n onCopySessionId={onCopySessionId}\n mutedColor={theme.mutedColor}\n accentColor={theme.accentColor}\n />\n ) : null}\n {action ? (\n <View>\n <Pressable\n accessibilityRole=\"button\"\n style={[styles.primaryAction, { backgroundColor: theme.accentColor }]}\n onPress={\n action === 'retry'\n ? onRetry\n : action === 'return'\n ? onReturn\n : action === 'done'\n ? onDone\n : onClose\n }>\n <Text style={styles.primaryActionText}>{primary}</Text>\n </Pressable>\n </View>\n ) : null}\n </View>\n </ScrollView>\n );\n}\n"]}
1	+ {"version":3,"file":"FlowStatus.js","sourceRoot":"","sources":["../../../src/components/providerAttest/FlowStatus.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Pressable, ScrollView, Text, useWindowDimensions, View } from 'react-native';\n\nimport { LoadingSpinner } from './LoadingSpinner';\nimport { SessionIdRow } from './SessionIdRow';\nimport { UiIcon } from './UiIcon';\nimport type { FlowStatusCopy } from './copy';\nimport { styles } from './styles';\nimport type { ResolvedTheme } from './theme';\n\nexport function FlowStatus({\n status,\n theme,\n providerName,\n sessionId,\n onCopySessionId,\n onRetry,\n onReturn,\n onClose,\n onDone,\n}: {\n status: FlowStatusCopy;\n theme: ResolvedTheme;\n providerName: string;\n sessionId?: string;\n onCopySessionId?: (id: string) => void \| Promise<void>;\n onRetry: () => void;\n onReturn: () => void;\n onClose: () => void;\n onDone: () => void;\n}) {\n const { fontScale } = useWindowDimensions();\n const { palette } = theme;\n const iconColor =\n status.tone === 'error'\n ? palette.error\n : status.tone === 'warning'\n ? palette.warning\n : theme.accentColor;\n const iconFill =\n status.tone === 'error'\n ? palette.errorFill\n : status.tone === 'warning'\n ? palette.warningFill\n : palette.tile;\n const action = status.action;\n const primary =\n action === 'retry'\n ? 'Try again'\n : action === 'return'\n ? `Return to ${providerName}`\n : 'Return to app';\n return (\n <ScrollView\n style={[styles.statusOverlay, { backgroundColor: theme.surfaceColor }]}\n contentContainerStyle={styles.statusScroll}\n keyboardShouldPersistTaps=\"handled\"\n accessibilityViewIsModal>\n <View style={styles.statusBody}>\n {status.icon ? (\n <View style={[styles.stateIcon, { backgroundColor: iconFill }]}>\n <UiIcon name={status.icon} size={20} color={iconColor} />\n </View>\n ) : (\n <LoadingSpinner color={theme.accentColor} style={styles.centered} />\n )}\n <Text\n accessibilityRole=\"header\"\n accessibilityLiveRegion=\"polite\"\n adjustsFontSizeToFit={status.error && fontScale <= 1}\n numberOfLines={status.error && fontScale <= 1 ? 1 : undefined}\n style={[\n styles.statusTitle,\n status.error && styles.errorTitle,\n { color: theme.onSurfaceColor },\n ]}>\n {status.title}\n </Text>\n <Text style={[styles.statusSubtitle, { color: theme.mutedColor }]}>{status.subtitle}</Text>\n {status.step !== undefined ? (\n <View style={styles.steps}>\n {['Connect account', 'Verify details', 'Finish'].map((label, index) => {\n const step = status.step!;\n const active = index === step;\n const done = index < step;\n return (\n <View\n key={label}\n style={styles.step}\n accessible\n accessibilityLabel={`${label}, ${done ? 'complete' : active ? 'in progress' : 'next'}`}>\n <View style={styles.stepTrack}>\n <View\n style={[\n styles.stepLine,\n {\n backgroundColor:\n index === 0\n ? 'transparent'\n : index <= step\n ? theme.accentColor\n : palette.line,\n },\n ]}\n />\n <View\n style={[\n styles.stepNode,\n {\n backgroundColor: active\n ? theme.accentColor\n : done\n ? palette.tint\n : theme.surfaceColor,\n borderColor: active ? theme.accentColor : palette.line,\n },\n ]}>\n {done ? (\n <UiIcon name=\"check\" size={14} color={theme.accentColor} />\n ) : (\n <Text\n style={[\n styles.stepNumber,\n { color: active ? theme.onAccentColor : theme.mutedColor },\n ]}>\n {index + 1}\n </Text>\n )}\n </View>\n <View\n style={[\n styles.stepLine,\n {\n backgroundColor:\n index === 2 ? 'transparent' : done ? theme.accentColor : palette.line,\n },\n ]}\n />\n </View>\n <Text\n style={[\n styles.stepLabel,\n active && styles.stepActive,\n { color: active ? theme.onSurfaceColor : theme.mutedColor },\n ]}>\n {label.replace(' ', '\\n')}\n </Text>\n </View>\n );\n })}\n </View>\n ) : null}\n {status.error ? (\n <SessionIdRow sessionId={sessionId} onCopySessionId={onCopySessionId} theme={theme} />\n ) : null}\n {action ? (\n <View>\n <Pressable\n accessibilityRole=\"button\"\n style={[styles.primaryAction, { backgroundColor: theme.accentColor }]}\n onPress={\n action === 'retry'\n ? onRetry\n : action === 'return'\n ? onReturn\n : action === 'done'\n ? onDone\n : onClose\n }>\n <Text style={[styles.primaryActionText, { color: theme.onAccentColor }]}>\n {primary}\n </Text>\n </Pressable>\n </View>\n ) : null}\n </View>\n </ScrollView>\n );\n}\n"]}

package/build/components/providerAttest/ProviderAttestModal.js CHANGED Viewed

@@ -284,7 +284,7 @@ function ProviderSheetContent({ flow, insets, backHandlerRef, headerGestures, })
       <BrowserHeader headerGestures={headerGestures} title={errorCode?.startsWith('SATYA_META_ACCOUNT_') ? 'Dossier' : providerName} theme={theme} pageLoading={!confirmation && (showRefresh || (openingPage && !status?.error && !complete))
             ? webViewLoading
             : undefined} onRefresh={showRefresh && !confirmation ? handleReload : undefined} onClose={requestClose} closeLabel={confirmation ? 'Dismiss leave confirmation' : undefined}/>
-      {popupOpen && !providerContentConcealed && !confirmation ? (<Pressable accessibilityRole="button" accessibilityLabel={`Back to ${providerName}`} style={styles.popupHint} onPress={closeManagedPopup}>
+      {popupOpen && !providerContentConcealed && !confirmation ? (<Pressable accessibilityRole="button" accessibilityLabel={`Back to ${providerName}`} style={[styles.popupHint, { backgroundColor: theme.palette.tint }]} onPress={closeManagedPopup}>
           <UiIcon name="back" color={theme.accentColor} size={18}/>
           <Text style={[styles.popupHintText, { color: theme.accentColor }]}>
             Back to {providerName}