@arquimedes.co/eureka-forms 2.0.32 → 2.0.34-test

package/.babelrc.json

@@ -0,0 +1,18 @@
+{
+  "sourceType": "unambiguous",
+  "presets": [
+    [
+      "@babel/preset-env",
+      {
+        "targets": {
+          "chrome": 100,
+          "safari": 15,
+          "firefox": 91
+        }
+      }
+    ],
+    "@babel/preset-typescript",
+    "@babel/preset-react"
+  ],
+  "plugins": []
+}

package/.dockerignore

@@ -0,0 +1 @@
+/node_modules/

package/.env

@@ -0,0 +1,4 @@
+DANGEROUSLY_DISABLE_HOST_CHECK=true
+BROWSER=none 
+PORT=3003
+REACT_APP_DOMAIN=eureka-test.click

package/.eslintrc.js

@@ -0,0 +1,40 @@
+// eslint-disable-next-line no-undef
+module.exports = {
+    env: {
+        es6: true,
+        browser: true,
+        jest: true,
+    },
+    parser: '@typescript-eslint/parser', // Specifies the ESLint parser
+    plugins: ['@typescript-eslint', 'prettier', 'css-modules'],
+    extends: [
+        'prettier',
+        'eslint:recommended',
+        'plugin:prettier/recommended',
+        'plugin:storybook/recommended',
+        'plugin:css-modules/recommended',
+        'plugin:@typescript-eslint/recommended',
+    ],
+    parserOptions: {
+        ecmaFeatures: {
+            jsx: true,
+        },
+        ecmaVersion: 11,
+        sourceType: 'module',
+    },
+    rules: {
+        'linebreak-style': ['error', 'unix'],
+        'css-modules/no-unused-class': 'off',
+        'css-modules/no-undef-class': [2, { camelCase: true }],
+        quotes: ['error', 'single'],
+        'no-console': ['warn', { allow: ['error'] }],
+        'no-unused-vars': 'off',
+        '@typescript-eslint/no-unused-vars': [
+            'warn',
+            { vars: 'all', args: 'after-used', ignoreRestSiblings: false },
+        ],
+        '@typescript-eslint/explicit-function-return-type': 'warn', // Consider using explicit annotations for object literals and function return types even when they can be inferred.
+        'no-empty': 'warn',
+        '@typescript-eslint/no-explicit-any': 'off',
+    },
+};

package/.gitattributes

@@ -0,0 +1 @@
+package-lock.json -diff

package/.github/workflows/CI-CD.yml

@@ -0,0 +1,76 @@
+name: CI/CD
+on:
+  push:
+  workflow_dispatch:
+permissions:
+  id-token: write
+  contents: write
+  actions: write
+  pull-requests: write
+  issues: read
+  checks: write
+jobs:
+  Build:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - name: Overwite test .env
+        if: github.base_ref == 'test' || github.ref == 'refs/heads/test'
+        run: echo "REACT_APP_DOMAIN=eureka-test.click" > .env
+
+      - name: Overwite prod .env
+        if: github.base_ref == 'main' || github.ref == 'refs/heads/main'
+        run: echo "REACT_APP_DOMAIN=capta.co" > .env
+
+      - name: Cache node modules
+        id: cache-npm-deps
+        uses: actions/cache@v3
+        with:
+          path: |
+            ~/.npm
+            build
+            dist
+            webpack
+            node_modules
+          key: forms-${{ github.ref }}-${{ runner.os }}-${{ github.run_id }}
+
+      - name: Install Dependencies
+        run: npm install
+
+      - name: Check Linting
+        run: npm run-script lint
+
+      - run: echo "NODE_ENV=production" >> .env
+      - name: Build
+        run: NODE_OPTIONS="--max-old-space-size=8192 --openssl-legacy-provider" npm run-script build
+
+      - name: Delete dist folder on re-run
+        run: rm -rf ./dist
+        if: steps.cache-npm-deps.outputs.cache-hit == 'true'
+
+      - run: npm run-script tsc-build
+
+      - name: Copy css files to dist
+        run: |
+          cd src && find . -name '*.css' -exec cp --parents -prv '{}' '../dist/mjs/' ';' && cd ..
+          cd src && find . -name '*.css' -exec cp --parents -prv '{}' '../dist/cjs/' ';' && cd ..
+
+      - name: Install widget dependencies
+        run: npm install -g webpack webpack-cli css-loader
+
+      - name: Build Widget
+        run: webpack --mode=production
+  Test:
+    needs: ['Build']
+    uses: ./.github/workflows/Test-Forms.yml
+    secrets:
+      CHROMATIC_PROJECT_TOKEN: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
+  Deploy:
+    needs: ['Test']
+    uses: ./.github/workflows/Deploy-Forms.yml
+    secrets:
+      NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+      EUREKATEST_FORMS_SSLCERT_ARN: ${{ secrets.EUREKATEST_FORMS_SSLCERT_ARN }}
+      EUREKAPROD_FORMS_SSLCERT_ARN: ${{ secrets.EUREKAPROD_FORMS_SSLCERT_ARN }}
+      EUREKATEST_CONTENT_SSLCERT_ARN: ${{ secrets.EUREKATEST_CONTENT_SSLCERT_ARN }}
+      EUREKAPROD_CONTENT_SSLCERT_ARN: ${{ secrets.EUREKAPROD_CONTENT_SSLCERT_ARN }}

package/.github/workflows/Deploy-Forms.yml

@@ -0,0 +1,253 @@
+name: Deploy-Forms
+on:
+  workflow_call:
+    secrets:
+      NPM_TOKEN:
+        required: true
+      EUREKATEST_FORMS_SSLCERT_ARN:
+        required: true
+      EUREKAPROD_FORMS_SSLCERT_ARN:
+        required: true
+      EUREKATEST_CONTENT_SSLCERT_ARN:
+        required: true
+      EUREKAPROD_CONTENT_SSLCERT_ARN:
+        required: true
+  workflow_dispatch:
+env:
+  CF_HOSTEDZONEID: Z2FDTNDATAQYW2 # The hosted Zone id of all CloudFront Distributions https://docs.aws.amazon.com/AWSCloudFormation/latest/UserGuide/aws-properties-route53-aliastarget.html
+  OPENID_ROLE: arn:aws:iam::147527000118:role/Github-Eureka-Forms
+  API_CACHE_ID: 85c432ae-46fa-45f2-bc7a-c04745ca13b1
+concurrency: forms-Deploy-${{ github.ref }}
+permissions:
+  id-token: write
+  contents: read
+jobs:
+  Build:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+
+      - name: Overwite test .env
+        if: github.base_ref == 'test' || github.ref == 'refs/heads/test'
+        run: echo "REACT_APP_DOMAIN=eureka-test.click" > .env
+
+      - name: Overwite prod .env
+        if: github.base_ref == 'main' || github.ref == 'refs/heads/main'
+        run: echo "REACT_APP_DOMAIN=capta.co" > .env
+
+      - name: Cache node modules
+        id: cache-npm-deps
+        uses: actions/cache@v3
+        with:
+          path: |
+            ~/.npm
+            build
+            dist
+            webpack
+            node_modules
+          key: forms-${{ github.ref }}-${{ runner.os }}-${{ github.run_id }}
+
+      - name: Build the app
+        if: steps.cache-npm-deps.outputs.cache-hit != 'true'
+        run: |
+          npm install
+          echo "NODE_ENV=production" >> .env
+          NODE_OPTIONS="--max-old-space-size=8192 --openssl-legacy-provider" npm run-script build
+
+      - name: Create dist folder
+        if: steps.cache-npm-deps.outputs.cache-hit != 'true'
+        run: mkdir ./dist
+
+      - run: npm run-script tsc-build
+        if: steps.cache-npm-deps.outputs.cache-hit != 'true'
+
+      - name: Copy css files to dist
+        if: steps.cache-npm-deps.outputs.cache-hit != 'true'
+        run: |
+          cd src && find . -name '*.css' -exec cp --parents -prv '{}' '../dist/mjs/' ';' && cd ..
+          cd src && find . -name '*.css' -exec cp --parents -prv '{}' '../dist/cjs/' ';' && cd ..
+
+      - name: Build the widget
+        if: steps.cache-npm-deps.outputs.cache-hit != 'true'
+        run: |
+          npm install -g webpack webpack-cli css-loader
+          npm install --save-dev dotenv-webpack
+          webpack --mode=production
+
+  Upload-Front:
+    needs: 'Build'
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - name: Set Test Envs
+        if: github.base_ref == 'test' || github.ref == 'refs/heads/test'
+        run: |
+          echo "STACK_NAME=Test-Eureka-Forms" >> $GITHUB_ENV
+          echo "R53_HOSTEDZONEID=Z0583933NI13O9DFKH3W" >> $GITHUB_ENV
+          echo "SSL_CERT_ARN=${{ secrets.EUREKATEST_FORMS_SSLCERT_ARN }}" >> $GITHUB_ENV
+          echo "DOMAIN=eureka-test.click" >> $GITHUB_ENV
+
+      - name: Set Prod Envs
+        if: github.base_ref == 'main' || github.ref == 'refs/heads/main'
+        run: |
+          echo "STACK_NAME=Prod-Eureka-Forms" >> $GITHUB_ENV
+          echo "R53_HOSTEDZONEID=Z02541967P33RE8DWZVN" >> $GITHUB_ENV
+          echo "SSL_CERT_ARN=${{ secrets.EUREKAPROD_FORMS_SSLCERT_ARN }}" >> $GITHUB_ENV
+          echo "DOMAIN=capta.co" >> $GITHUB_ENV
+
+      - name: Write .env
+        run: echo "REACT_APP_DOMAIN=${{ env.DOMAIN }}" > .env
+
+      - name: Cache node modules
+        id: cache-npm-deps
+        uses: actions/cache@v3
+        with:
+          path: |
+            ~/.npm
+            build
+            dist
+            webpack
+            node_modules
+          key: forms-${{ github.ref }}-${{ runner.os }}-${{ github.run_id }}
+
+      - uses: aws-actions/setup-sam@v2
+        with:
+          use-installer: true
+      - name: configure aws credentials
+        uses: aws-actions/configure-aws-credentials@v1
+        with:
+          role-to-assume: ${{ env.OPENID_ROLE }}
+          aws-region: us-east-1
+      - name: sam build
+        run: sam build
+      - name: Write deployconfig
+        run: printf 'version = 0.1\n[default]\n[default.deploy]\n[default.deploy.parameters]\nparameter_overrides = "SslCertificateArn=\\\"${{ env.SSL_CERT_ARN }}\\\" CurrentStackName=\\\"${{ env.STACK_NAME }}\\\" Domain=\\\"${{ env.DOMAIN }}\\\" APICachePolicy=\\\"${{ env.API_CACHE_ID }}\\\""' >> deployconfig.toml
+      - name: SAM deploy
+        run: sam deploy --no-confirm-changeset --no-fail-on-empty-changeset --stack-name ${{ env.STACK_NAME }} --capabilities CAPABILITY_IAM --region us-east-1 --config-file deployconfig.toml
+      - name: Get Bucket name
+        run: echo -n "BUCKET_NAME=$(aws cloudformation describe-stacks --stack-name  ${{ env.STACK_NAME }} --query 'Stacks[0].Outputs[?OutputKey==`FrontendBucket`].OutputValue' --output text)">> $GITHUB_ENV
+      - name: Delete current build in S3
+        run: aws s3 rm s3://${{ env.BUCKET_NAME }} --recursive
+      - name: Copy Build to S3
+        run: aws s3 cp build s3://${{ env.BUCKET_NAME }}/ --recursive
+      - name: Get CloudFrontId
+        run: echo -n "CF_ID=$(aws cloudformation describe-stacks --stack-name  ${{ env.STACK_NAME }} --query 'Stacks[0].Outputs[?OutputKey==`CloudFrontDistributionId`].OutputValue' --output text)">> $GITHUB_ENV
+      - name: Get Cloudfront url
+        run: echo -n "CF_URL=$(aws cloudformation describe-stacks --stack-name  ${{ env.STACK_NAME }} --query 'Stacks[0].Outputs[?OutputKey==`CloudFrontDomainName`].OutputValue' --output text)">> $GITHUB_ENV
+      - name: Create DNS records json
+        run: echo '{"Changes":[{"Action":"UPSERT","ResourceRecordSet":{"Name":"<DOMAIN>","Type":"A","AliasTarget":{"HostedZoneId":"<HOSTED_ZONE_ID>","DNSName":"<DNS_URL>","EvaluateTargetHealth":false}}},{"Action":"UPSERT","ResourceRecordSet":{"Name":"*.<DOMAIN>","Type":"A","AliasTarget":{"HostedZoneId":"<HOSTED_ZONE_ID>","DNSName":"<DNS_URL>","EvaluateTargetHealth":false}}},{"Action":"UPSERT","ResourceRecordSet":{"Name":"<DOMAIN>","Type":"AAAA","AliasTarget":{"HostedZoneId":"<HOSTED_ZONE_ID>","DNSName":"<DNS_URL>","EvaluateTargetHealth":false}}},{"Action":"UPSERT","ResourceRecordSet":{"Name":"*.<DOMAIN>","Type":"AAAA","AliasTarget":{"HostedZoneId":"<HOSTED_ZONE_ID>","DNSName":"<DNS_URL>","EvaluateTargetHealth":false}}}]}' >> DNSRecordSetChange.json
+      - name: Insert Variables into DNS records json
+        run: sed -i 's/<DOMAIN>/forms.${{ env.DOMAIN }}/g' DNSRecordSetChange.json && sed -i 's/<HOSTED_ZONE_ID>/${{ env.CF_HOSTEDZONEID }}/g' DNSRecordSetChange.json && sed -i 's/<DNS_URL>/${{ env.CF_URL }}/g' DNSRecordSetChange.json
+      - name: Update DNS Records
+        run: aws route53 change-resource-record-sets --hosted-zone-id ${{ env.R53_HOSTEDZONEID }} --change-batch file://DNSRecordSetChange.json
+      - name: Invalidate previous build on CloudFront
+        run: aws cloudfront create-invalidation --distribution-id	${{ env.CF_ID }} --paths "/index.html" "/static/*" "/asset-manifest.json"
+
+  Upload-Widget:
+    needs: 'Build'
+    runs-on: ubuntu-latest
+    steps:
+      - name: Set Test Envs
+        if: github.base_ref == 'test' || github.ref == 'refs/heads/test'
+        run: |
+          echo "STACK_NAME=Test-Eureka-Content" >> $GITHUB_ENV
+          echo "R53_HOSTEDZONEID=Z0583933NI13O9DFKH3W" >> $GITHUB_ENV
+          echo "SSL_CERT_ARN=${{ secrets.EUREKATEST_CONTENT_SSLCERT_ARN }}" >> $GITHUB_ENV
+          echo "DOMAIN=eureka-test.click" >> $GITHUB_ENV
+
+      - name: Set Prod Envs
+        if: github.base_ref == 'main' || github.ref == 'refs/heads/main'
+        run: |
+          echo "STACK_NAME=Prod-Eureka-Content" >> $GITHUB_ENV
+          echo "R53_HOSTEDZONEID=Z02541967P33RE8DWZVN" >> $GITHUB_ENV
+          echo "SSL_CERT_ARN=${{ secrets.EUREKAPROD_CONTENT_SSLCERT_ARN }}" >> $GITHUB_ENV
+          echo "DOMAIN=capta.co" >> $GITHUB_ENV
+
+      - uses: actions/checkout@v4
+
+      - name: Write .env
+        run: echo "REACT_APP_DOMAIN=${{ env.DOMAIN }}" > .env
+
+      - name: Cache node modules
+        id: cache-npm-deps
+        uses: actions/cache@v3
+        with:
+          path: |
+            ~/.npm
+            build
+            dist
+            webpack
+            node_modules
+          key: forms-${{ github.ref }}-${{ runner.os }}-${{ github.run_id }}
+
+      - uses: aws-actions/setup-sam@v2
+        with:
+          use-installer: true
+      - name: configure aws credentials
+        uses: aws-actions/configure-aws-credentials@v1
+        with:
+          role-to-assume: ${{ env.OPENID_ROLE }}
+          aws-region: us-east-1
+      - name: sam build
+        run: sam build -t ./ContentTemplate.yaml
+      - name: Write deployconfig
+        run: printf 'version = 0.1\n[default]\n[default.deploy]\n[default.deploy.parameters]\nparameter_overrides = "SslCertificateArn=\\\"${{ env.SSL_CERT_ARN }}\\\" CurrentStackName=\\\"${{ env.STACK_NAME }}\\\" Domain=\\\"${{ env.DOMAIN }}\\\"  APICachePolicy=\\\"${{ env.API_CACHE_ID }}\\\""' >> deployconfig.toml
+      - name: SAM deploy
+        run: sam deploy --no-confirm-changeset --no-fail-on-empty-changeset --stack-name ${{ env.STACK_NAME }} --capabilities CAPABILITY_IAM --region us-east-1 --config-file deployconfig.toml
+      - name: Get Content Bucket name
+        run: echo -n "BUCKET_NAME=$(aws cloudformation describe-stacks --stack-name  ${{ env.STACK_NAME }} --query 'Stacks[0].Outputs[?OutputKey==`ContentBucket`].OutputValue' --output text)">> $GITHUB_ENV
+      - name: Delete current build in S3
+        run: aws s3 rm s3://${{ env.BUCKET_NAME }} --recursive
+      - name: Copy Build to S3
+        run: aws s3 cp webpack/widget_eureka-form_bundle.js s3://${{ env.BUCKET_NAME }}/widget_eureka-form_bundle.js
+      - name: Copy Other Content to S3
+        run: aws s3 cp content s3://${{ env.BUCKET_NAME }}/ --recursive
+      - name: Get CloudFrontId
+        run: echo -n "CF_ID=$(aws cloudformation describe-stacks --stack-name  ${{ env.STACK_NAME }} --query 'Stacks[0].Outputs[?OutputKey==`CloudFrontDistributionId`].OutputValue' --output text)">> $GITHUB_ENV
+      - name: Get Cloudfront url
+        run: echo -n "CF_URL=$(aws cloudformation describe-stacks --stack-name  ${{ env.STACK_NAME }} --query 'Stacks[0].Outputs[?OutputKey==`CloudFrontDomainName`].OutputValue' --output text)">> $GITHUB_ENV
+      - name: Create DNS records json
+        run: echo '{"Changes":[{"Action":"UPSERT","ResourceRecordSet":{"Name":"<DOMAIN>","Type":"A","AliasTarget":{"HostedZoneId":"<HOSTED_ZONE_ID>","DNSName":"<DNS_URL>","EvaluateTargetHealth":false}}},{"Action":"UPSERT","ResourceRecordSet":{"Name":"*.<DOMAIN>","Type":"A","AliasTarget":{"HostedZoneId":"<HOSTED_ZONE_ID>","DNSName":"<DNS_URL>","EvaluateTargetHealth":false}}},{"Action":"UPSERT","ResourceRecordSet":{"Name":"<DOMAIN>","Type":"AAAA","AliasTarget":{"HostedZoneId":"<HOSTED_ZONE_ID>","DNSName":"<DNS_URL>","EvaluateTargetHealth":false}}},{"Action":"UPSERT","ResourceRecordSet":{"Name":"*.<DOMAIN>","Type":"AAAA","AliasTarget":{"HostedZoneId":"<HOSTED_ZONE_ID>","DNSName":"<DNS_URL>","EvaluateTargetHealth":false}}}]}' >> DNSRecordSetChange.json
+      - name: Insert Variables into DNS records json
+        run: sed -i 's/<DOMAIN>/content.${{ env.DOMAIN }}/g' DNSRecordSetChange.json && sed -i 's/<HOSTED_ZONE_ID>/${{ env.CF_HOSTEDZONEID }}/g' DNSRecordSetChange.json && sed -i 's/<DNS_URL>/${{ env.CF_URL }}/g' DNSRecordSetChange.json
+      - name: Update DNS Records
+        run: aws route53 change-resource-record-sets --hosted-zone-id ${{ env.R53_HOSTEDZONEID }} --change-batch file://DNSRecordSetChange.json
+      - name: Invalidate previous build on CloudFront
+        run: aws cloudfront create-invalidation --distribution-id	${{ env.CF_ID }} --paths "/*"
+
+  NPM-Publish:
+    needs: 'Build'
+    runs-on: ubuntu-latest
+    env:
+      TAG: latest
+    steps:
+      - uses: actions/checkout@v4
+
+      - name: change version if test
+        if: github.base_ref == 'test' || github.ref == 'refs/heads/test'
+        run: |
+          echo "PACKAGE_VERSION=$(echo $(echo $(grep \"version\" package.json)| rev | cut -d":" -f1 | rev | rev | cut -d\" -f2 | rev)-test)" >> $GITHUB_ENV
+          echo "TAG=test" >> $GITHUB_ENV
+
+      - name: change version if test 2
+        if: github.base_ref == 'test' || github.ref == 'refs/heads/test'
+        run: |
+          echo ${{ env.PACKAGE_VERSION }}
+          sed -i 's/"version":[ ]".*"/"version":"${{ env.PACKAGE_VERSION }}"/g' package.json
+
+      - name: Cache node modules
+        id: cache-npm-deps
+        uses: actions/cache@v3
+        with:
+          path: |
+            ~/.npm
+            build
+            dist
+            webpack
+            node_modules
+          key: forms-${{ github.ref }}-${{ runner.os }}-${{ github.run_id }}
+
+      - uses: JS-DevTools/npm-publish@v1
+        with:
+          token: ${{ secrets.NPM_TOKEN }}
+          tag: ${{ env.TAG }}

package/.github/workflows/Test-Forms.yml

@@ -0,0 +1,193 @@
+name: Test-Forms
+on:
+  workflow_call:
+    secrets:
+      CHROMATIC_PROJECT_TOKEN:
+        required: true
+permissions:
+  id-token: write
+  contents: write
+  actions: write
+  pull-requests: write
+  issues: read
+  checks: write
+jobs:
+  Unit-Tests:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+
+      - name: Cache node modules
+        id: cache-npm-deps
+        uses: actions/cache@v3
+        with:
+          path: |
+            ~/.npm
+            build
+            dist
+            webpack
+            node_modules
+          key: forms-${{ github.ref }}-${{ runner.os }}-${{ github.run_id }}
+
+      - name: Install Dependencies
+        if: steps.cache-npm-deps.outputs.cache-hit != 'true'
+        run: npm install
+
+      - name: Run Tests
+        run: NODE_OPTIONS=--max-old-space-size=8192 npm run-script test-ci
+
+      - name: Publish Coverage Results
+        if: always()
+        uses: irongut/CodeCoverageSummary@v1.3.0
+        with:
+          filename: coverage/cobertura-coverage.xml
+          format: markdown
+          output: file
+          hide_complexity: true
+
+      - run: cat code-coverage-results.md >> $GITHUB_STEP_SUMMARY
+        if: always()
+
+      - name: Upload Coverage Results
+        uses: actions/upload-artifact@v3
+        if: always()
+        with:
+          name: unit-test-coverage
+          path: coverage
+          retention-days: 7
+
+      - name: Publish Unit Test Results
+        uses: EnricoMi/publish-unit-test-result-action@v2
+        if: always()
+        with:
+          check_name: Unit Tests Results
+          junit_files: junit.xml
+
+  Chromatic:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+      - name: Cache node modules
+        id: cache-npm-deps
+        uses: actions/cache@v3
+        with:
+          path: |
+            ~/.npm
+            build
+            dist
+            webpack
+            node_modules
+          key: forms-${{ github.ref }}-${{ runner.os }}-${{ github.run_id }}
+
+      - name: Install Dependencies
+        if: steps.cache-npm-deps.outputs.cache-hit != 'true'
+        run: npm install
+
+      - name: Publish to Chromatic
+        uses: chromaui/action@latest
+        with:
+          projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
+          exitZeroOnChanges: true
+          # onlyChanged: true
+
+  Test-Embeddables:
+    if: github.event_name != 'workflow_dispatch'
+    runs-on: ubuntu-latest
+    steps:
+      - run: echo "${{ github.event_name}}"
+      - uses: actions/checkout@v4
+
+      - name: Set Test Envs
+        if: github.base_ref == 'test' || github.ref == 'refs/heads/test'
+        run: |
+          echo "DOMAIN=eureka-test.click" >> $GITHUB_ENV
+          echo "IDORG=arquimedes" >> $GITHUB_ENV
+          echo "APIKEY=IuNyaOmNmOqWxGZn2CN41" >> $GITHUB_ENV
+          echo "CYPRESS_environment=test" >> $GITHUB_ENV
+
+      - name: Set Prod Envs
+        if: github.base_ref == 'main' || github.ref == 'refs/heads/main'
+        run: |
+          echo "DOMAIN=capta.co" >> $GITHUB_ENV
+          echo "IDORG=capta" >> $GITHUB_ENV
+          echo "APIKEY=support" >> $GITHUB_ENV
+          echo "CYPRESS_environment=prod" >> $GITHUB_ENV
+
+      - name: Cache node modules
+        id: cache-npm-deps
+        uses: actions/cache@v3
+        with:
+          path: |
+            ~/.npm
+            build
+            dist
+            webpack
+            node_modules
+          key: forms-${{ github.ref }}-${{ runner.os }}-${{ github.run_id }}
+
+      - name: Install Dependencies
+        if: steps.cache-npm-deps.outputs.cache-hit != 'true'
+        run: npm install
+
+      - name: Create Env
+        working-directory: ./Embeddables
+        run: |
+          echo "REACT_APP_DOMAIN=${{ env.DOMAIN }}" > .env
+          echo "PORT=3002" >> .env
+
+      - name: Run the Embeddables App
+        working-directory: ./Embeddables
+        run: |
+          npm install
+          npm run start > AppLogs.txt &
+
+      - run: npm install -g local-web-server
+      - run: npm install -d cypress
+
+      - name: Add the domain to the local dns
+        run: |
+          sudo echo "127.0.0.1 ${{ env.IDORG }}.localhost" | sudo tee -a /etc/hosts
+
+      - name: Run the server
+        run: |
+          ws --port 3003 --directory build --spa index.html --rewrite '/api/(.*)->https://api.forms.${{ env.DOMAIN }}/api/$1' > ServerLogs.txt &
+
+      - name: Run the content server
+        run: |
+          ws --port 3004 --directory webpack > ContentLogs.txt &
+
+      - name: Test Embeddables
+        uses: cypress-io/github-action@v6
+        with:
+          install: false
+          wait-on: 'http://localhost:3002, http://localhost:3003, http://localhost:3004'
+          browser: chrome
+          config: video=true
+          env: idOrganization=${{ env.IDORG }},apikey=${{ env.APIKEY }}
+        env:
+          # pass GitHub token to allow accurately detecting a build vs a re-run build
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+
+      - name: Print ServerLogs
+        if: always()
+        run: cat ServerLogs.txt
+
+      - name: Print ContentLogs
+        if: always()
+        run: cat ContentLogs.txt
+
+      - name: Print AppLogs
+        working-directory: ./Embeddables
+        if: always()
+        run: cat AppLogs.txt
+
+      - name: Upload Videos
+        if: always()
+        uses: actions/upload-artifact@v3
+        with:
+          name: embeddables-videos
+          path: cypress/videos
+          retention-days: 1
+          if-no-files-found: ignore

package/.prettierrc.yaml

@@ -0,0 +1,11 @@
+# .prettierrc or .prettierrc.yaml
+trailingComma: 'es5'
+tabWidth: 4
+semi: true
+singleQuote: true
+overrides:
+  - files:
+      - '*.yml'
+      - '*.yaml'
+    options:
+      tabWidth: 2

package/.storybook/main.ts

@@ -0,0 +1,55 @@
+import type { StorybookConfig } from '@storybook/react-webpack5';
+
+const config: StorybookConfig = {
+    stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
+    addons: [
+        '@storybook/addon-links',
+        '@storybook/addon-essentials',
+        '@storybook/addon-interactions',
+        '@storybook/addon-themes',
+        // '@storybook/addon-coverage',
+    ],
+    framework: {
+        name: '@storybook/react-webpack5',
+        options: {
+            builder: {
+                useSWC: true,
+            },
+        },
+    },
+    swc: () => ({
+        jsc: {
+            transform: {
+                react: {
+                    runtime: 'automatic',
+                },
+            },
+        },
+    }),
+    typescript: {
+        reactDocgen: 'react-docgen-typescript',
+        reactDocgenTypescriptOptions: {
+            compilerOptions: {
+                // speeds up storybook build time
+                allowSyntheticDefaultImports: false,
+                // speeds up storybook build time
+                esModuleInterop: false,
+                // makes union prop types like variant and size appear as select controls
+                shouldExtractLiteralValuesFromEnum: true,
+                // makes string and boolean types that can be undefined appear as inputs and switches
+                shouldRemoveUndefinedFromOptional: true,
+                // Filter out third-party props from node_modules except @mui packages
+            },
+            propFilter: (prop) =>
+                prop.parent
+                    ? !/node_modules\/(?!@material-ui)/.test(
+                          prop.parent.fileName
+                      )
+                    : true,
+        },
+    },
+    docs: {
+        autodocs: 'tag',
+    },
+};
+export default config;

package/.storybook/preview-head.html

@@ -0,0 +1 @@
+<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" />