✨ home and payments screens revamp

.changeset/clear-trains-move.md

@@ -0,0 +1,5 @@
+---
+"@exactly/mobile": patch
+---
+
+💄 adjust tamagui tokens

.changeset/cold-poems-end.md

@@ -0,0 +1,5 @@
+---
+"@exactly/mobile": patch
+---
+
+💄 update tab bar ui

.changeset/curly-waves-yell.md

@@ -0,0 +1,5 @@
+---
+"@exactly/mobile": patch
+---
+
+💄 restyle card status component

.changeset/easy-snails-brake.md

@@ -0,0 +1,5 @@
+---
+"@exactly/mobile": patch
+---
+
+💄 restyle action buttons

.changeset/green-weeks-care.md

@@ -0,0 +1,5 @@
+---
+"@exactly/mobile": patch
+---
+
+✨ implement new pay screen

.changeset/jolly-radios-poke.md

@@ -0,0 +1,5 @@
+---
+"@exactly/mobile": patch
+---
+
+♻️ unify card mode mutation

.changeset/khaki-queens-smash.md

@@ -0,0 +1,5 @@
+---
+"@exactly/mobile": patch
+---
+
+💄 apply tamagui spacing tokens

.changeset/lazy-planes-dance.md

@@ -0,0 +1,5 @@
+---
+"@exactly/mobile": patch
+---
+
+💄 refine benefits carousel

.changeset/little-hoops-train.md

@@ -0,0 +1,5 @@
+---
+"@exactly/mobile": patch
+---
+
+💄 replace fonts

.changeset/many-balloons-bake.md

@@ -0,0 +1,5 @@
+---
+"@exactly/mobile": patch
+---
+
+🌐 adjust translations

.changeset/purple-lizards-run.md

@@ -0,0 +1,5 @@
+---
+"@exactly/mobile": patch
+---
+
+✨ add installments calculator

.changeset/quick-mangos-rescue.md

@@ -0,0 +1,5 @@
+---
+"@exactly/mobile": patch
+---
+
+🐛 fix protocol asset logos

.changeset/salty-fans-mate.md

@@ -0,0 +1,5 @@
+---
+"@exactly/mobile": patch
+---
+
+💄 add vertical frame to styled button

.changeset/shiny-badgers-sleep.md

@@ -0,0 +1,5 @@
+---
+"@exactly/mobile": patch
+---
+
+💄 restyle overdue and upcoming payments

.changeset/soft-beans-grow.md

@@ -0,0 +1,5 @@
+---
+"@exactly/mobile": patch
+---
+
+💫 unify animation parameters

.changeset/spicy-doodles-give.md

@@ -0,0 +1,5 @@
+---
+"@exactly/mobile": patch
+---
+
+💄 restyle portfolio summary

.changeset/spicy-dragons-raise.md

@@ -0,0 +1,5 @@
+---
+"@exactly/mobile": patch
+---
+
+💄 unify add funds gap value

.maestro/flows/local.yaml

@@ -22,4 +22,5 @@ tags: [critical]
 - runFlow: ../subflows/repay.yaml
 - runFlow: ../subflows/verifyIdentity.yaml
 - runFlow: ../subflows/activateCard.yaml
+- runFlow: ../subflows/readHome.yaml
 - runFlow: ../subflows/storeCoverage.yaml

.maestro/subflows/activateCard.yaml

@@ -42,4 +42,31 @@ appId: ${APP_ID ?? "app.exactly"}
           text: \$[\s\d,.\xa0]+
           above: Available balance
 - tapOn: Home
-- assertVisible: SPENDING LIMIT
+- runFlow:
+    when: { visible: Tap here to change the number of installments }
+    commands:
+      - tapOn: Tap here to change the number of installments
+      - assertVisible: Set installments
+      - tapOn: "3"
+      - tapOn: Set Pay Later in 3
+      - tapOn: Later in 3
+      - assertVisible: Set installments
+      - tapOn: Installments calculator
+      - assertVisible: Enter a purchase amount
+      - assertVisible: BEST APR
+      - runFlow: { file: ../subflows/tapAria.yaml, env: { aria: Go back } }
+      - assertVisible: Exa Card pay mode
+- tapOn: Now
+- runFlow: { file: ../subflows/tapAria.yaml, env: { aria: Spending limit info } }
+- assertVisible: It's based on the USDC available in your balance.
+- tapOn: Close
+- tapOn: Later in \d+
+- runFlow: { file: ../subflows/tapAria.yaml, env: { aria: Credit limit info } }
+- assertVisible: It's based on the value of your collateral assets and updates as their value changes.
+- tapOn: Close
+- tapOn:
+    text: Learn more
+    rightOf: Exa Card pay mode
+- assertVisible: Change the pay mode before each purchase and pay how you want.
+- tapOn: Close
+

.maestro/subflows/copyAria.yaml

@@ -0,0 +1,11 @@
+appId: ${APP_ID ?? "app.exactly"}
+---
+# HACK https://github.com/mobile-dev-inc/Maestro/issues/2914
+- runFlow:
+    when: { true: "${maestro.platform != 'web'}" }
+    commands:
+      - copyTextFrom: "${aria}"
+- runFlow:
+    when: { platform: web }
+    commands:
+      - copyTextFrom: { id: "${aria}" }

.maestro/subflows/dismissNotifications.yaml

@@ -7,5 +7,5 @@ appId: ${APP_ID ?? "app.exactly"}
       - tapOn: Not now
       - pressKey: home
       - launchApp: { permissions: { all: deny, camera: allow } }
-      - extendedWaitUntil: { visible: Your portfolio, timeout: 180000 }
+      - extendedWaitUntil: { visible: Portfolio, timeout: 180000 }
       - assertNotVisible: Stay updated

.maestro/subflows/readHome.yaml

@@ -0,0 +1,67 @@
+appId: ${APP_ID ?? "app.exactly"}
+---
+- assertVisible: ${output.account.slice(0, 6)}…${output.account.slice(-4)}
+- runFlow:
+    when: { true: "${maestro.platform != 'web'}" }
+    commands: [{ assertVisible: Settings }]
+- runFlow:
+    when: { platform: web }
+    commands: [{ assertVisible: { id: Settings } }]
+- runFlow: { file: tapAria.yaml, env: { aria: Hide sensitive } }
+- assertNotVisible:
+    text: \$[\s\d,.\xa0]+
+    below: Portfolio
+- runFlow: { file: tapAria.yaml, env: { aria: Show sensitive } }
+- assertVisible:
+    text: \$[\s\d,.\xa0]+
+    below: Portfolio
+- assertVisible: Portfolio
+- assertVisible:
+    text: \$[\s\d,.\xa0]+
+    below: Portfolio
+- assertVisible: Manage portfolio
+- runFlow: readPortfolio.yaml
+- assertTrue: ${output.portfolio > 0}
+- assertVisible: Add funds
+- assertVisible: Send
+- assertVisible: Swap
+- assertVisible: Exa Card pay mode
+- assertVisible: Learn more
+- assertNotVisible: Getting Started
+- scrollUntilVisible: { element: Upcoming payments }
+- assertVisible: Benefits
+- extendedWaitUntil:
+    visible: 30 days of free travel insurance
+    timeout: 15000
+- tapOn: 30 days of free travel insurance
+- assertVisible: Copy your ID and get 30 days of travel insurance for free on Pax Assistance.
+- tapOn: COPY ID
+- runFlow: { file: tapAria.yaml, env: { aria: Close } }
+- extendedWaitUntil:
+    visible: 20% OFF on eSims
+    timeout: 15000
+- tapOn: 20% OFF on eSims
+- assertVisible: Stay connected around the world.
+- assertVisible: Terms & conditions
+- runFlow: { file: tapAria.yaml, env: { aria: Close } }
+- extendedWaitUntil:
+    visible: Visa Signature benefits
+    timeout: 15000
+- tapOn: Visa Signature benefits
+- assertVisible: Visa Signature Exa Card benefits
+- assertVisible: A world of benefits.
+- runFlow: { file: tapAria.yaml, env: { aria: Close } }
+- assertVisible: Upcoming payments
+- assertVisible:
+    text: \$[\d,]+\.\d{2}
+    below: Upcoming payments
+- scrollUntilVisible: { element: Latest activity }
+- assertVisible: Latest activity
+- assertVisible: View all
+- assertNotVisible: No activity yet
+- tapOn: View all
+- tapOn: Home
+- assertVisible: Portfolio
+- assertVisible:
+    text: \$[\s\d,.\xa0]+
+    below: Portfolio

.maestro/subflows/readPortfolio.yaml

@@ -1,6 +1,6 @@
 appId: ${APP_ID ?? "app.exactly"}
 ---
-- copyTextFrom:
-    below: Your portfolio
-    text: ^(US)?\$[\s\d,.\xa0]+$
+- runFlow:
+    file: copyAria.yaml
+    env: { aria: "^(US)?\\$[\\s\\d,.\\xa0]+$" }
 - evalScript: ${output.portfolio = Number(maestro.copiedText.replace(/\D/g, "")) / 100}

.maestro/subflows/repay.yaml

@@ -2,18 +2,17 @@ appId: ${APP_ID ?? "app.exactly"}
 ---
 - scrollUntilVisible: { element: Upcoming payments }
 - copyTextFrom:
-    text: \d+[,.]\d{2}
+    text: \$[\d,]+\.\d{2}
     below: Upcoming payments
-    leftOf: Repay
-- evalScript: ${output.debt = Number(maestro.copiedText)}
+- evalScript: ${output.debt = Number(maestro.copiedText.replace(/[^\d.]/g, ''))}
 - copyTextFrom:
-    text: "[^%.]+"
-    below: "${maestro.copiedText}"
-    leftOf: Repay
+    text: "[^%.$]+"
+    below: Upcoming payments
+    leftOf: "${maestro.copiedText}"
 - evalScript: ${output.maturity = maestro.copiedText}
-- tapOn: { text: Repay, rightOf: "${output.maturity}" }
+- tapOn: "${output.maturity}"
 - waitForAnimationToEnd
-- tapOn: { text: Repay, leftOf: Rollover }
+- tapOn: { text: Pay, leftOf: Rollover }
 - runFlow: { when: { true: "${!amount}" }, commands: [{ tapOn: Max }] }
 - runFlow:
     when: { true: "${amount}" }
@@ -50,9 +49,8 @@ appId: ${APP_ID ?? "app.exactly"}
     commands:
       - assertVisible: "${output.maturity}"
       - copyTextFrom:
-          text: \d+[,.]\d{2}
-          above: "${output.maturity}"
+          text: \$[\d,]+\.\d{2}
           below: Upcoming payments
-          leftOf: Repay
-      - assertTrue: ${Math.abs(output.debt - Number(maestro.copiedText) - Number(amount)) < 0.02}
+          rightOf: "${output.maturity}"
+      - assertTrue: ${Math.abs(output.debt - Number(maestro.copiedText.replace(/[^\d.]/g, '')) - Number(amount)) < 0.02}
 - tapOn: Home

.maestro/subflows/rollover.yaml

@@ -2,16 +2,14 @@ appId: ${APP_ID ?? "app.exactly"}
 ---
 - scrollUntilVisible: { element: Upcoming payments }
 - copyTextFrom:
-    text: \d+[,.]\d{2}
+    text: "[^%.$]+"
     below: Upcoming payments
-    leftOf: Repay
     index: 1
-- copyTextFrom:
-    text: "[^%.]+"
-    below: "${maestro.copiedText}"
-    leftOf: Repay
 - evalScript: ${output.secondMaturity = maestro.copiedText}
-- tapOn: Repay
+- copyTextFrom:
+    text: "[^%.$]+"
+    below: Upcoming payments
+- tapOn: "${maestro.copiedText}"
 - waitForAnimationToEnd
 - tapOn: Rollover
 - runFlow:
@@ -28,12 +26,7 @@ appId: ${APP_ID ?? "app.exactly"}
     env: { aria: Pending proposals, tap: Home }
 - scrollUntilVisible: { element: Upcoming payments }
 - copyTextFrom:
-    text: \d+[,.]\d{2}
+    text: "[^%.$]+"
     below: Upcoming payments
-    leftOf: Repay
-- copyTextFrom:
-    text: "[^%.]+"
-    below: "${maestro.copiedText}"
-    leftOf: Repay
 - assertTrue: ${maestro.copiedText === output.secondMaturity}
 - tapOn: Home

.maestro/subflows/verifyIdentity.yaml

@@ -42,7 +42,7 @@ appId: ${APP_ID ?? "app.exactly"}
       - runFlow:
           when: { platform: android }
           commands: [{ tapOn: Confirmation Code }]
-      - inputText: "12345"
+      - inputText: '12345'
       - hideKeyboard
       - tapOn: Continue
       - assertVisible: What is your phone number?
@@ -51,14 +51,14 @@ appId: ${APP_ID ?? "app.exactly"}
       - tapOn: 🇦🇷 Argentina +54
       - tapOn:
           containsChild: { containsChild: { id: textinput_prefix_text } } # cspell:ignore textinput
-      - inputText: "1199999999"
+      - inputText: '1199999999'
       - hideKeyboard
       - tapOn: Continue
       - assertVisible: Confirm your phone number
       - runFlow: # HACK
           when: { platform: android }
           commands: [{ tapOn: { id: first } }]
-      - inputText: "1234"
+      - inputText: '1234'
       - hideKeyboard
       - extendedWaitUntil: { visible: Economic activity }
       - tapOn: Economic activity
@@ -81,6 +81,6 @@ appId: ${APP_ID ?? "app.exactly"}
       - runScript: ../dist/getAccount.js
       - runScript:
           file: ../dist/approveKYC.js
-          env: { credentialId: "${output.owner}" }
+          env: { credentialId: '${output.owner}' }
 - tapOn: Home
 - assertNotVisible: Getting Started

app.config.ts

@@ -80,9 +80,8 @@ export default {
       "expo-font",
       {
         fonts: [
-          "src/assets/fonts/BDOGrotesk-DemiBold.otf",
-          "src/assets/fonts/BDOGrotesk-Regular.otf",
-          "src/assets/fonts/IBMPlexMono-Medm.otf",
+          "src/assets/fonts/SplineSans-Regular.otf",
+          "src/assets/fonts/SplineSans-SemiBold.otf",
         ],
       } satisfies FontProps,
     ],

cspell.json

@@ -49,7 +49,6 @@
     "decisioned",
     "defi",
     "delegatecall",
-    "demi",
     "deployless",
     "dieguezguille",
     "dismissable",
@@ -70,12 +69,10 @@
     "gitmoji",
     "gitmojis",
     "graaljs",
-    "grotesk",
     "hdpi",
     "hexlify",
     "hideable",
     "hono",
-    "IBMPlexMono-Medm",
     "IERC",
     "indoc",
     "infinitism",
@@ -146,6 +143,7 @@
     "solmate",
     "sourcify",
     "spkg",
+    "splinesans",
     "spotlightjs",
     "staticcall",
     "streamingfast",