Test4

.github/workflows/test.yml

@@ -9,44 +9,107 @@ on:
     types: [opened, ready_for_review, synchronize, labeled, reopened]
 jobs:
   deploy:
-    if: ${{ contains(github.event.pull_request.labels.*.name, 'ready for test') }}
-    timeout-minutes: 15
-    name: Build & Upload Mobile Application
-    runs-on: macos-latest
+    outputs:
+      jobstatus: ${{ job.status }}
+    if: contains(github.event.pull_request.labels.*.name, 'ready for test')
+    runs-on: ubuntu-latest
+    name: Build & Upload Web Application
     environment:
       name: Test
+      url: https://wn.repmvbx.xyz/
     steps:
-      - name: Checkout code
-        uses: actions/checkout@v2.1.0
+      - name: Checkout Code
+        uses: actions/checkout@v1
+      - uses: actions/setup-node@v3
+        with:
+          node-version: 16.18.0
+      - name: Install Dependencies
+        run: npm ci
+      - name: Build Bundle
+        env:
+          CI: false
+          REACT_APP_USER_POOL_ID: ${{ secrets.USER_POOL_ID }}
+          REACT_APP_CLIENT_ID: ${{ secrets.CLIENT_ID }}
+          REACT_APP_API_URL: ${{ secrets.API_URL }}
+          REACT_APP_ENV: ${{ secrets.ENV }}
+          REACT_APP_SENTRY_DSN: ${{ secrets.SENTRY_DSN }}
+        run: |
+          npm run build
+      - name: Upload Bundle
+        uses: jakejarvis/s3-sync-action@master
+        with:
+          args: --acl public-read --delete
+        env:
+          AWS_S3_BUCKET: ${{ secrets.AWS_S3_BUCKET }}
+          AWS_ACCESS_KEY_ID: ${{ secrets.AWS_KEY_ID }}
+          AWS_SECRET_ACCESS_KEY: ${{ secrets.AWS_SECRET_ACCESS_KEY }}
+          SOURCE_DIR: "build"
+      - name: Invalidate CloudFront Distribution
+        uses: chetan/invalidate-cloudfront-action@master
+        env:
+          AWS_REGION: ${{ secrets.AWS_REGION }}
+          AWS_ACCESS_KEY_ID: ${{ secrets.AWS_KEY_ID }}
+          AWS_SECRET_ACCESS_KEY: ${{ secrets.AWS_SECRET_ACCESS_KEY }}
+          DISTRIBUTION: ${{ secrets.DISTRIBUTION }}
+          PATHS: '/*'
+  slack:
+    continue-on-error: true
+    needs: [deploy]
+    if: contains(github.event.pull_request.labels.*.name, 'ready for test') && ( failure() || success() )
+    name: Slack Notification
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout Code
+        if: 
+        uses: actions/checkout@v1
+      - name: Get build version info
+        run: |
+          echo "VERSION_INFORMATION=$(jq -c . < ./package.json)" >> $GITHUB_ENV
       - name: Send slack notification
         uses: slackapi/slack-github-action@v1.23.0
         with:
           payload: |
             {
               "attachments": [
                 {
-                  "pretext": "*Pull Request:* <https://github.com/waveneuroscience/sonal-mobile-app-ios/pull/${{ github.event.number }}|${{ github.event.pull_request.title }}>. Build result: *${{job.status}}*",
+                  "pretext": "*Pull Request:* <https://github.com/waveneuroscience/waveneuro-consumer-frontend/pull/${{ github.event.number }}|${{ github.event.pull_request.title }}>",
                   "color": "dbab09",
                   "fields": [
                     {
-                      "title": "OS",
+                      "title": "Build result",
                       "short": true,
-                      "value": ":apple: iOS"
+                      "value": "${{ needs.deploy.outputs.jobstatus }}"
                     },
                     {
                       "title": "App Name",
                       "short": true,
-                      "value": "Sonal"
+                      "value": "Waveneuro consumer frontend"
                     },
                     {
-                      "title": "Version (Build)",
+                      "title": "Version",
                       "short": true,
-                      "value": "${{ env.FL_BUILD_VERSION }} (${{ env.FL_BUILD_NUMBER }})"
+                      "value": "${{ fromJson( env.VERSION_INFORMATION ).version }}"
                     }
                   ]
                 }
+              ],
+              "blocks": [
+                {
+                  "type": "section",
+                  "text": {
+                    "type": "mrkdwn",
+                    "text": "Environment: *Test*"
+                  }
+                },
+                {
+                  "type": "section",
+                  "text": {
+                    "type": "mrkdwn",
+                    "text": "Subscriptions tags: wn_frontend_${{ needs.deploy.outputs.jobstatus }}"
+                  }
+                }
               ]
             }
         env:
           SLACK_WEBHOOK_URL: ${{ secrets.WEBHOOK_URL_SLACK }}
-
+          SLACK_WEBHOOK_TYPE: INCOMING_WEBHOOK

package.json

@@ -0,0 +1,103 @@
+{
+  "name": "commercial-frontend",
+  "version": "1.21.2",
+  "private": true,
+  "scripts": {
+    "start": "npm run test-env",
+    "test-env": "node scripts/removeSourceMapsWarning.js && NODE_ENV=test react-scripts start",
+    "dev-env": "node scripts/removeSourceMapsWarning.js && NODE_ENV=dev react-scripts start",
+    "build": "react-scripts build",
+    "test": "react-scripts test --coverage 'a'",
+    "eject": "react-scripts eject",
+    "lint": "eslint src/**/*.ts*",
+    "lint:fix": "eslint src/**/*.ts* --fix",
+    "prettier": "prettier --check src/**",
+    "prettier:fix": "prettier --write src/**"
+  },
+  "dependencies": {
+    "@sentry/react": "^7.16.0",
+    "@sentry/tracing": "^7.16.0",
+    "@szhsin/react-menu": "^1.10.1",
+    "@testing-library/jest-dom": "^5.12.0",
+    "@testing-library/react": "^12.1.5",
+    "@types/lodash.isequal": "^4.5.5",
+    "@types/ramda": "^0.27.61",
+    "@types/react": "^17.0.4",
+    "@types/react-avatar-editor": "^10.3.6",
+    "@types/react-datepicker": "^4.8.0",
+    "@types/react-dom": "^17.0.3",
+    "@types/react-input-mask": "^3.0.1",
+    "@types/react-modal": "^3.12.0",
+    "@types/react-router-dom": "^5.1.7",
+    "@types/react-select": "^4.0.15",
+    "@types/react-table": "^7.7.0",
+    "@types/react-toggle": "^4.0.2",
+    "@typescript-eslint/eslint-plugin": "^4.22.0",
+    "@typescript-eslint/parser": "^4.22.0",
+    "amazon-cognito-identity-js": "^6.0.1",
+    "autoprefixer": "^9.8.6",
+    "axios": "^0.21.2",
+    "babel-eslint": "^10.1.0",
+    "date-fns": "^2.22.1",
+    "eslint-config-airbnb": "^18.2.1",
+    "eslint-config-prettier": "^8.3.0",
+    "eslint-config-react-app": "^6.0.0",
+    "eslint-import-resolver-typescript": "^2.4.0",
+    "eslint-plugin-flowtype": "^5.7.2",
+    "eslint-plugin-import": "^2.22.1",
+    "eslint-plugin-jsx-a11y": "^6.4.1",
+    "eslint-plugin-prettier": "^3.4.0",
+    "eslint-plugin-react": "^7.23.2",
+    "eslint-plugin-react-hooks": "^4.2.0",
+    "formik": "^2.2.6",
+    "history": "^5.3.0",
+    "html-to-image": "^1.7.0",
+    "jspdf": "^2.3.1",
+    "lodash.isequal": "^4.5.0",
+    "mockdate": "^3.0.5",
+    "postcss-flexbugs-fixes": "^5.0.2",
+    "postcss-preset-env": "^7.8.3",
+    "prettier": "2.2.1",
+    "ramda": "^0.27.1",
+    "react": "^17.0.2",
+    "react-avatar-editor": "^12.0.0",
+    "react-datepicker": "^4.8.0",
+    "react-day-picker": "^7.4.10",
+    "react-debounce-input": "^3.2.5",
+    "react-dom": "^17.0.2",
+    "react-dropzone": "^11.5.1",
+    "react-helmet-async": "^1.0.9",
+    "react-idle-timer": "^5.2.0",
+    "react-infinite-scroll-component": "^6.1.0",
+    "react-input-mask": "^2.0.4",
+    "react-input-pin-code": "^1.2.0",
+    "react-loader-spinner": "^4.0.0",
+    "react-modal": "^3.13.1",
+    "react-qr-code": "^2.0.7",
+    "react-router": "^5.2.0",
+    "react-router-dom": "^5.2.0",
+    "react-scripts": "^5.0.1",
+    "react-select": "^4.3.1",
+    "react-spinners": "^0.11.0",
+    "react-table": "^7.7.0",
+    "react-toastify": "^7.0.4",
+    "react-toggle": "^4.1.2",
+    "react-tooltip": "^4.2.19",
+    "recharts": "^2.4.1",
+    "tailwindcss": "^3.2.4",
+    "typescript": "^4.2.4",
+    "yup": "^0.32.9"
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  }
+}