add base purpose modal and illustrations

software-mansion-labs · Feb 26, 2024 · b74d6da · b74d6da
1 parent 0b7894c
commit b74d6da
Show file tree

Hide file tree

Showing 11 changed files with 320 additions and 6 deletions.
diff --git a/assets/images/simple-illustrations/simple-illustration__abacus.svg b/assets/images/simple-illustrations/simple-illustration__abacus.svg
diff --git a/assets/images/simple-illustrations/simple-illustration__binoculars.svg b/assets/images/simple-illustrations/simple-illustration__binoculars.svg
diff --git a/assets/images/simple-illustrations/simple-illustration__company-card.svg b/assets/images/simple-illustrations/simple-illustration__company-card.svg
diff --git a/assets/images/simple-illustrations/simple-illustration__receiptupload.svg b/assets/images/simple-illustrations/simple-illustration__receiptupload.svg
diff --git a/assets/images/simple-illustrations/simple-illustration__splitbill.svg b/assets/images/simple-illustrations/simple-illustration__splitbill.svg
diff --git a/src/CONST.ts b/src/CONST.ts
@@ -3267,6 +3267,14 @@ const CONST = {
         MINIMUM_WORKSPACES_TO_SHOW_SEARCH: 8,
     },
 
+    ONBOARDING_CHOICES: {
+        TRACK: 'newDotTrack',
+        EMPLOYER: 'newDotEmployer',
+        MANAGE_TEAM: 'newDotManageTeam',
+        CHAT_SPLIT: 'newDotSplitChat',
+        LOOKING_AROUND: 'newDotLookingAround',
+    },
+
     REPORT_FIELD_TITLE_FIELD_ID: 'text_title',
 
     DEBUG_CONSOLE: {

diff --git a/src/components/Icon/Illustrations.ts b/src/components/Icon/Illustrations.ts
@@ -63,6 +63,11 @@ import ThumbsUpStars from '@assets/images/simple-illustrations/simple-illustrati
 import TrackShoe from '@assets/images/simple-illustrations/simple-illustration__track-shoe.svg';
 import TrashCan from '@assets/images/simple-illustrations/simple-illustration__trashcan.svg';
 import TreasureChest from '@assets/images/simple-illustrations/simple-illustration__treasurechest.svg';
+import Abacus from '@assets/images/simple-illustrations/simple-illustration__abacus.svg';
+import Binoculars from '@assets/images/simple-illustrations/simple-illustration__binoculars.svg';
+import CompanyCard from '@assets/images/simple-illustrations/simple-illustration__company-card.svg';
+import ReceiptUpload from '@assets/images/simple-illustrations/simple-illustration__receiptupload.svg';
+import SplitBill from '@assets/images/simple-illustrations/simple-illustration__splitbill.svg';
 
 export {
     Abracadabra,
@@ -130,4 +135,9 @@ export {
     Gears,
     QRCode,
     House,
+    Abacus,
+    Binoculars,
+    CompanyCard,
+    ReceiptUpload,
+    SplitBill,
 };
diff --git a/src/languages/en.ts b/src/languages/en.ts
@@ -1213,6 +1213,14 @@ export default {
     onboarding: {
         welcome: 'Welcome!',
         whatsYourName: "What's your name?",
+        purpose: {
+            title: "What do you want to do today?",
+            [CONST.ONBOARDING_CHOICES.TRACK]: "Track business spend for taxes",
+            [CONST.ONBOARDING_CHOICES.EMPLOYER]: "Get paid back by my employer",
+            [CONST.ONBOARDING_CHOICES.MANAGE_TEAM]: "Manage my team's expenses",
+            [CONST.ONBOARDING_CHOICES.CHAT_SPLIT]: "Chat and split bills with friends",
+            [CONST.ONBOARDING_CHOICES.LOOKING_AROUND]: "I'm just looking around"
+        },
         error: {
             requiredFirstName: 'Please input your first name to continue',
             requiredLasttName: 'Please input your last name to continue',