@12-apps/payments-frontend 3.48.0 → 3.48.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@12-apps/payments-frontend",
-  "version": "3.48.0",
+  "version": "3.48.1",
   "type": "module",
   "sideEffects": false,
   "description": "Browser half of the vendor-agnostic payments platform: plug-and-play MUI components for the per-provider settings page (credential form from each provider's schema, masked hints, verify/enable) and the checkout page (PIX QR + polling, card tokenization, hosted-checkout redirect), plus the headless hooks and fetch clients they build on. Talks only to the host's payments HTTP surface — never to a provider directly. Microfrontend-ready: no app coupling, host injects theme and auth.",

package/src/components/platform/HomologacaoEvidenceProgress.tsx

@@ -50,13 +50,22 @@ const DONE_PATH = 'M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2
 const PENDING_PATH =
   'M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8';
 
-/** Shape, not only colour, tells the three states apart. */
+/**
+ * Shape, not only colour, tells the three states apart. The spinner and the
+ * bar take the ink, never the theme's primary: on a staff screen whose primary
+ * is red they would read as a failure beside the green checks.
+ */
 function StepMark({ state }: { state: 'done' | 'current' | 'pending' }): ReactNode {
-  if (state === 'current') return <CircularProgress size={18} thickness={5} />;
   return (
-    <SvgIcon fontSize="small" color={state === 'done' ? 'success' : 'disabled'}>
-      <path d={state === 'done' ? DONE_PATH : PENDING_PATH} />
-    </SvgIcon>
+    <Box sx={{ width: 20, height: 20, flexShrink: 0, display: 'grid', placeItems: 'center' }}>
+      {state === 'current' ? (
+        <CircularProgress size={18} thickness={5} color="inherit" sx={{ color: 'text.primary' }} />
+      ) : (
+        <SvgIcon fontSize="small" sx={{ color: state === 'done' ? 'success.main' : 'text.secondary' }}>
+          <path d={state === 'done' ? DONE_PATH : PENDING_PATH} />
+        </SvgIcon>
+      )}
+    </Box>
   );
 }
 
@@ -85,7 +94,13 @@ export function EvidenceProgress({ phase, section, full, walletResults }: Eviden
   return (
     <Stack spacing={1} role="status" aria-busy="true" data-testid="evidence-phase">
       <Typography variant="body2">{copy.phases[phase]}</Typography>
-      <LinearProgress variant="determinate" value={(at / steps.length) * 100} aria-label={copy.steps.label} />
+      <LinearProgress
+        variant="determinate"
+        value={(at / steps.length) * 100}
+        aria-label={copy.steps.label}
+        color="inherit"
+        sx={{ color: 'text.primary' }}
+      />
       {full ? (
         <Box component="ol" sx={{ m: 0, p: 0, listStyle: 'none', display: 'grid', gap: 0.5 }} data-testid="evidence-steps">
           {steps.map((step, index) => {

package/src/components/platform/en-US.ts

@@ -128,7 +128,7 @@ export const EN_US_PLATFORM_HOMOLOGACAO_COPY: PlatformHomologacaoCopy = {
     phases: {
       preparing: 'Consulting the application, renewing the token and minting the public key and the 3DS session…',
       encrypting: 'Encrypting the test cards and authenticating the debit card (3DS) in the browser…',
-      running: 'Creating the Pix, credit, debit and wallet orders in the sandbox — this can take a few minutes…',
+      running: 'Creating the orders in the sandbox — this can take a few minutes…',
       downloading: 'Building the file…',
     },
     steps: {

package/src/components/platform/pt-BR.ts

@@ -109,7 +109,7 @@ export const PT_BR_PLATFORM_HOMOLOGACAO_COPY: PlatformHomologacaoCopy = {
     phases: {
       preparing: 'Consultando a aplicação, renovando o token e gerando a chave pública e a sessão 3DS…',
       encrypting: 'Criptografando os cartões de teste e autenticando o cartão de débito (3DS) no navegador…',
-      running: 'Criando os pedidos Pix, crédito, débito e carteiras no sandbox — pode levar alguns minutos…',
+      running: 'Criando os pedidos no sandbox — pode levar alguns minutos…',
       downloading: 'Montando o arquivo…',
     },
     steps: {