[Due for payment 2025-06-24] [Auto-Submit] Create the new Beta, NVP and Modal

[MarioExpensify]

Auto-Submit Project

Tracking Issue: https://github.com/Expensify/Expensify/issues/457732

Design Doc Section: 2.1 [External] Create the new Beta, NVP and Modal

---

Task

Map the new "autoSubmit" beta

Create the new const in CONST.ts:

   BETAS: {
	// ...
       AUTO_SUBMIT: 'autoSubmit',
   },
   BUTTON_STATES: {

And a helper function in Permissions.ts:

function canUseAutoSubmit(betas: OnyxEntry<Beta[]>): boolean {
   return !!betas?.includes(CONST.BETAS.AUTO_SUBMIT) || canUseAllBetas(betas);
}

These will be helpful when implementing the logic to display the new modal.

Create the new modal NVP:

A new NVP will be used to switch when / how the new Auto-Submit educational modal will be displayed, we need to create and map the new NVP in ONYXKEYS.ts:

   /** The user has seen and dismissed the instant submit explanation modal */
   NVP_DISMISSED_INSTANT_SUBMIT_EXPLANATION: 'nvp_dismissedInstantSubmitExplanation',

   // ... 

   [ONYXKEYS.NVP_DISMISSED_INSTANT_SUBMIT_EXPLANATION]: boolean;

From the [detailed design]
(https://docs.google.com/document/d/1_970yj98KyTip7_9kM3IM5WyZfBMSycRfhZNXyc9n3w/edit?tab=t.0#heading=h.nkp3t26mpodx):

The new NVP will use the usual “SetNameValuePair” command to save its multiple states so we don't need to implement any new backend call. When the user dismisses the modal for the first time we need to make sure to create the NVP with the value set as “false”, when the user checks the “Don't show again” checkbox and dismisses the modal, we need to set the value as “true”.

Here are the possible values of the new NVP:

• "undefined" - The modal has never been displayed for the user, the first time the modal is displayed, it should not display the “Don't show again” checkbox. After the modal is displayed for the first time, the NVP value must be set to “false”.
• “false” - The modal must be displayed with the “Don't show again” button.
• “true” - The modal should not be displayed anymore.

Create the new modal (FE):

Using the FeatureTrainingModal as a foundation, we must implement a new educational modal for Auto-Submit:

The modal must check the "nvp_dismissedInstantSubmitExplanation" NVP and use its rules to determine if the dismiss checkbox should be displayed or not:

Displaying the modal in the Report details page is not part of this issue.

Issue Owner

Current Issue Owner: @garrettmknight

[melvin-bot]

Triggered auto assignment to @bfitzexpensify (NewFeature), see https://stackoverflowteams.com/c/expensify/questions/14418#:~:text=BugZero%20process%20steps%20for%20feature%20requests for more details. Please add this Feature request to a GH project, as outlined in the SO.

[melvin-bot]

⚠️ It looks like this issue is labelled as a New Feature but not tied to any GitHub Project. Keep in mind that all new features should be tied to GitHub Projects in order to properly track external CAP software time ⚠️

[melvin-bot]

Triggered auto assignment to Design team member for new feature review - @shawnborton (NewFeature)

[bfitzexpensify]

Added this to #convert. @MarioExpensify is this being worked on or is it still in planning?