Merge branch 'main' into arrow-feature-signed

.github/actions/javascript/awaitStagingDeploys/action.yml

@@ -8,5 +8,5 @@ inputs:
     description: If provided, this action will only wait for a deploy matching this tag.
     required: false
 runs:
-  using: 'node12'
+  using: 'node16'
   main: './index.js'

.github/actions/javascript/bumpVersion/action.yml

@@ -11,5 +11,5 @@ outputs:
     NEW_VERSION:
         description: The new semver version of the application, updated in the JS and native layers.
 runs:
-    using: 'node12'
+    using: 'node16'
     main: './index.js'

.github/actions/javascript/checkBundleVersionStringMatch/action.yml

@@ -4,5 +4,5 @@ outputs:
   BUNDLE_VERSIONS_MATCH:
     description: Whether or not the bundle versions match
 runs:
-  using: 'node12'
+  using: 'node16'
   main: './index.js'

.github/actions/javascript/checkDeployBlockers/action.yml

@@ -11,5 +11,5 @@ outputs:
   HAS_DEPLOY_BLOCKERS:
     description: A true/false indicating whether or not a deploy blocker was found.
 runs:
-  using: 'node12'
+  using: 'node16'
   main: 'index.js'

.github/actions/javascript/contributorChecklist/action.yml

@@ -0,0 +1,9 @@
+name: 'Contributor Checklist Test'
+description: 'Verifies that both PR checklists are filled out'
+inputs:
+  GITHUB_TOKEN:
+    description: Auth token for New Expensify Github
+    required: true
+runs:
+  using: 'node16'
+  main: './index.js'

.github/actions/javascript/contributorChecklist/contributorChecklist.js

@@ -0,0 +1,168 @@
+const core = require('@actions/core');
+const github = require('@actions/github');
+const GitHubUtils = require('../../../libs/GithubUtils');
+
+/* eslint-disable max-len */
+const completedContributorChecklist = `- [x] I linked the correct issue in the \`### Fixed Issues\` section above
+- [x] I wrote clear testing steps that cover the changes made in this PR
+    - [x] I added steps for local testing in the \`Tests\` section
+    - [x] I added steps for Staging and/or Production testing in the \`QA steps\` section
+    - [x] I added steps to cover failure scenarios (i.e. verify an input displays the correct error message if the entered data is not correct)
+    - [x] I turned off my network connection and tested it while offline to ensure it matches the expected behavior (i.e. verify the default avatar icon is displayed if app is offline)
+- [x] I included screenshots or videos for tests on [all platforms](https://github.com/Expensify/App/blob/main/contributingGuides/CONTRIBUTING.md#make-sure-you-can-test-on-all-platforms)
+- [x] I ran the tests on **all platforms** & verified they passed on:
+    - [x] iOS / native
+    - [x] Android / native
+    - [x] iOS / Safari
+    - [x] Android / Chrome
+    - [x] MacOS / Chrome
+    - [x] MacOS / Desktop
+- [x] I verified there are no console errors (if there's a console error not related to the PR, report it or open an issue for it to be fixed)
+- [x] I followed proper code patterns (see [Reviewing the code](https://github.com/Expensify/App/blob/main/contributingGuides/PR_REVIEW_GUIDELINES.md#reviewing-the-code))
+    - [x] I verified that any callback methods that were added or modified are named for what the method does and never what callback they handle (i.e. \`toggleReport\` and not \`onIconClick\`)
+    - [x] I verified that comments were added to code that is not self explanatory
+    - [x] I verified that any new or modified comments were clear, correct English, and explained "why" the code was doing something instead of only explaining "what" the code was doing.
+    - [x] I verified any copy / text shown in the product was added in all \`src/languages/*\` files
+    - [x] I verified any copy / text that was added to the app is correct English and approved by marketing by tagging the marketing team on the original GH to get the correct copy.
+    - [x] I verified proper file naming conventions were followed for any new files or renamed files. All non-platform specific files are named after what they export and are not named "index.js". All platform-specific files are named for the platform the code supports as outlined in the README.
+    - [x] I verified the JSDocs style guidelines (in [\`STYLE.md\`](https://github.com/Expensify/App/blob/main/contributingGuides/STYLE.md#jsdocs)) were followed
+- [x] If a new code pattern is added I verified it was agreed to be used by multiple Expensify engineers
+- [x] I followed the guidelines as stated in the [Review Guidelines](https://github.com/Expensify/App/blob/main/contributingGuides/PR_REVIEW_GUIDELINES.md)
+- [x] I tested other components that can be impacted by my changes (i.e. if the PR modifies a shared library or component like \`Avatar\`, I verified the components using \`Avatar\` are working as expected)
+- [x] I verified all code is DRY (the PR doesn't include any logic written more than once, with the exception of tests)
+- [x] I verified any variables that can be defined as constants (ie. in CONST.js or at the top of the file that uses the constant) are defined as such
+- [x] If a new component is created I verified that:
+    - [x] A similar component doesn't exist in the codebase
+    - [x] All props are defined accurately and each prop has a \`/** comment above it */\`
+    - [x] Any functional components have the \`displayName\` property
+    - [x] The file is named correctly
+    - [x] The component has a clear name that is non-ambiguous and the purpose of the component can be inferred from the name alone
+    - [x] The only data being stored in the state is data necessary for rendering and nothing else
+    - [x] For Class Components, any internal methods passed to components event handlers are bound to \`this\` properly so there are no scoping issues (i.e. for \`onClick={this.submit}\` the method \`this.submit\` should be bound to \`this\` in the constructor)
+    - [x] Any internal methods bound to \`this\` are necessary to be bound (i.e. avoid \`this.submit = this.submit.bind(this);\` if \`this.submit\` is never passed to a component event handler like \`onClick\`)
+    - [x] All JSX used for rendering exists in the render method
+    - [x] The component has the minimum amount of code necessary for its purpose, and it is broken down into smaller components in order to separate concerns and functions
+- [x] If a new CSS style is added I verified that:
+    - [x] A similar style doesn't already exist
+    - [x] The style can't be created with an existing [StyleUtils](https://github.com/Expensify/App/blob/main/src/styles/StyleUtils.js) function (i.e. \`StyleUtils.getBackgroundAndBorderStyle(themeColors.componentBG\`)
+- [x] If the PR modifies a generic component, I tested and verified that those changes do not break usages of that component in the rest of the App (i.e. if a shared library or component like \`Avatar\` is modified, I verified that \`Avatar\` is working as expected in all cases)
+- [x] If the PR modifies a component related to any of the existing Storybook stories, I tested and verified all stories for that component are still working as expected.
+- [x] I have checked off every checkbox in the PR author checklist, including those that don't apply to this PR.`;
+
+const completedContributorPlusChecklist = `- [x] I have verified the author checklist is complete (all boxes are checked off).
+- [x] I verified the correct issue is linked in the \`### Fixed Issues\` section above
+- [x] I verified testing steps are clear and they cover the changes made in this PR
+    - [x] I verified the steps for local testing are in the \`Tests\` section
+    - [x] I verified the steps for Staging and/or Production testing are in the \`QA steps\` section
+    - [x] I verified the steps cover any possible failure scenarios (i.e. verify an input displays the correct error message if the entered data is not correct)
+    - [x] I turned off my network connection and tested it while offline to ensure it matches the expected behavior (i.e. verify the default avatar icon is displayed if app is offline)
+- [x] I checked that screenshots or videos are included for tests on [all platforms](https://github.com/Expensify/App/blob/main/contributingGuides/CONTRIBUTING.md#make-sure-you-can-test-on-all-platforms)
+- [x] I verified tests pass on **all platforms** & I tested again on:
+    - [x] iOS / native
+    - [x] Android / native
+    - [x] iOS / Safari
+    - [x] Android / Chrome
+    - [x] MacOS / Chrome
+    - [x] MacOS / Desktop
+- [x] I verified there are no console errors (if there's a console error not related to the PR, report it or open an issue for it to be fixed)
+- [x] I verified proper code patterns were followed (see [Reviewing the code](https://github.com/Expensify/App/blob/main/contributingGuides/PR_REVIEW_GUIDELINES.md#reviewing-the-code))
+    - [x] I verified that any callback methods that were added or modified are named for what the method does and never what callback they handle (i.e. \`toggleReport\` and not \`onIconClick\`).
+    - [x] I verified that comments were added to code that is not self explanatory
+    - [x] I verified that any new or modified comments were clear, correct English, and explained "why" the code was doing something instead of only explaining "what" the code was doing.
+    - [x] I verified any copy / text shown in the product was added in all \`src/languages/*\` files
+    - [x] I verified any copy / text that was added to the app is correct English and approved by marketing by tagging the marketing team on the original GH to get the correct copy.
+    - [x] I verified proper file naming conventions were followed for any new files or renamed files. All non-platform specific files are named after what they export and are not named "index.js". All platform-specific files are named for the platform the code supports as outlined in the README.
+    - [x] I verified the JSDocs style guidelines (in [\`STYLE.md\`](https://github.com/Expensify/App/blob/main/contributingGuides/STYLE.md#jsdocs)) were followed
+- [x] If a new code pattern is added I verified it was agreed to be used by multiple Expensify engineers
+- [x] I verified that this PR follows the guidelines as stated in the [Review Guidelines](https://github.com/Expensify/App/blob/main/contributingGuides/PR_REVIEW_GUIDELINES.md)
+- [x] I verified other components that can be impacted by these changes have been tested, and I retested again (i.e. if the PR modifies a shared library or component like \`Avatar\`, I verified the components using \`Avatar\` have been tested & I retested again)
+- [x] I verified all code is DRY (the PR doesn't include any logic written more than once, with the exception of tests)
+- [x] I verified any variables that can be defined as constants (ie. in CONST.js or at the top of the file that uses the constant) are defined as such
+- [x] If a new component is created I verified that:
+    - [x] A similar component doesn't exist in the codebase
+    - [x] All props are defined accurately and each prop has a \`/** comment above it */\`
+    - [x] Any functional components have the \`displayName\` property
+    - [x] The file is named correctly
+    - [x] The component has a clear name that is non-ambiguous and the purpose of the component can be inferred from the name alone
+    - [x] The only data being stored in the state is data necessary for rendering and nothing else
+    - [x] For Class Components, any internal methods passed to components event handlers are bound to \`this\` properly so there are no scoping issues (i.e. for \`onClick={this.submit}\` the method \`this.submit\` should be bound to \`this\` in the constructor)
+    - [x] Any internal methods bound to \`this\` are necessary to be bound (i.e. avoid \`this.submit = this.submit.bind(this);\` if \`this.submit\` is never passed to a component event handler like \`onClick\`)
+    - [x] All JSX used for rendering exists in the render method
+    - [x] The component has the minimum amount of code necessary for its purpose, and it is broken down into smaller components in order to separate concerns and functions
+- [x] If a new CSS style is added I verified that:
+    - [x] A similar style doesn't already exist
+    - [x] The style can't be created with an existing [StyleUtils](https://github.com/Expensify/App/blob/main/src/styles/StyleUtils.js) function (i.e. \`StyleUtils.getBackgroundAndBorderStyle(themeColors.componentBG\`)
+- [x] If the PR modifies a generic component, I tested and verified that those changes do not break usages of that component in the rest of the App (i.e. if a shared library or component like \`Avatar\` is modified, I verified that \`Avatar\` is working as expected in all cases)
+- [x] If the PR modifies a component related to any of the existing Storybook stories, I tested and verified all stories for that component are still working as expected.
+- [x] I have checked off every checkbox in the PR reviewer checklist, including those that don't apply to this PR.`;
+
+const issue = github.context.payload.issue ? github.context.payload.issue.number : github.context.payload.pull_request.number;
+const combinedData = [];
+
+function printUncheckedItems(result) {
+    const checklist = result.split('\n');
+
+    checklist.forEach((line) => {
+        // Provide a search string with the first 30 characters to figure out if the checkbox item is in the checklist
+        const lineSearchString = line.replace('- [ ] ', '').slice(0, 30);
+        if (line.includes('- [ ]') && (completedContributorChecklist.includes(lineSearchString) || completedContributorPlusChecklist.includes(lineSearchString))) {
+            console.log(`Unchecked checklist item: ${line}`);
+        }
+    });
+}
+
+// Get all user text from the pull request, review comments, and pull request comments
+GitHubUtils.octokit.pulls.get({
+    owner: GitHubUtils.GITHUB_OWNER,
+    repo: GitHubUtils.APP_REPO,
+    pull_number: issue,
+}).then(({data: pullRequestComment}) => {
+    combinedData.push(pullRequestComment.body);
+}).then(() => GitHubUtils.octokit.pulls.listReviews({
+    owner: GitHubUtils.GITHUB_OWNER,
+    repo: GitHubUtils.APP_REPO,
+    pull_number: issue,
+})).then(({data: pullRequestReviewComments}) => {
+    pullRequestReviewComments.forEach(pullRequestReviewComment => combinedData.push(pullRequestReviewComment.body));
+})
+    .then(() => GitHubUtils.octokit.issues.listComments({
+        owner: GitHubUtils.GITHUB_OWNER,
+        repo: GitHubUtils.APP_REPO,
+        issue_number: issue,
+        per_page: 100,
+    }))
+    .then(({data: pullRequestComments}) => {
+        pullRequestComments.forEach(pullRequestComment => combinedData.push(pullRequestComment.body));
+        let contributorChecklistComplete = false;
+        let contributorPlusChecklistComplete = false;
+
+        // Once we've gathered all the data, loop through each comment and look to see if it contains a completed checklist
+        for (let i = 0; i < combinedData.length; i++) {
+            const whitespace = /([\n\r])/gm;
+            const comment = combinedData[i].replace(whitespace, '');
+
+            if (comment.includes(completedContributorChecklist.replace(whitespace, ''))) {
+                contributorChecklistComplete = true;
+            } else if (comment.includes('- [')) {
+                printUncheckedItems(combinedData[i]);
+            }
+
+            if (comment.includes(completedContributorPlusChecklist.replace(whitespace, ''))) {
+                contributorPlusChecklistComplete = true;
+            } else if (comment.includes('- [')) {
+                printUncheckedItems(combinedData[i]);
+            }
+        }
+
+        if (!contributorChecklistComplete) {
+            core.setFailed('Contributor checklist is not completely filled out. Please check every box to verify you\'ve thought about the item.');
+            return;
+        }
+
+        if (!contributorPlusChecklistComplete) {
+            core.setFailed('Contributor plus checklist is not completely filled out. Please check every box to verify you\'ve thought about the item.');
+            return;
+        }
+
+        console.log('All checklists are complete 🎉');
+    });