@axa-ch/pod-myaxa-company-registration v4.1.5

POD PodMyaxaCompanyRegistration

This is a Micro Frontend deployable on the AXA.ch WebHub.

This POD contains from 2 features:

• Company registration (Access Agreement)
  • This feature is rendered when you set viewSwitch pod property to value 'COMPANY_REGISTRATION'
  • This is default view (is used when viewSwitch is not set)
• Admin confirmation
  • This feature is rendered when you set viewSwitch pod property to value 'ADMIN_CONFIRMATION'

Scripts

To install the pod locally: npm install @axa-ch/pod-myaxa-company-registration

DEV commands

• npm start start local DEV environment
• npm run build to trigger a ESM build needed for Midgard
• npm run test to run local tests
• npm run release to execute a release to npm (VERY IMPORTANT: Read How To Release on this document).

How to release

1) update package.json in the "version": "x.x.x" field. Please follow semver best practices

2) run npm run release

3) commit to develop, add git tag containg the same version as in step 1 and push

4) Execute jenkins jobs (build & deploy and if all good: promote) with the version added in point 1

Worth a read

• Midgard
• Checklist for POD devs

Icons

We have two lists of icons:

• all icons - list of all icons (local + patterns-lib) currently available for us. Is used as autocomplete + typecheck for allowed list of icons.
• allowed icons - list of icons which are used in our source code and only these icons are included in final bundle after build.

Adding new icon to list of all icons

1. Copy your new icon into icons folder
2. Make sure the icon:

• does not contain to width and height props. (we set dimensions with scss)
• color (if has) is set to currentColor (we set color with scss)

3. Run npm run icons to generate list of all/allowed icons and to look for duplicate icons and to generate file with types for TS
4. Allow of this icon (see Allowing icon to be used in our POD section)

If duplicate icon warning appears (icon with the same name already exists in @axa-ch/materials), you should rename/remove duplicate local icon.

Allowing icon to be used in our POD

1. If your icon is not included in the list of all icons, follow steps in Adding new icon to list of all icons section
2. Add icon name into ALLOWED_ICONS_LIST array located in @components/Icon/allowedIconsList.ts.
3. Run npm run icons to regenerate list of allowed icons.

Translations

Read docs in utils/translations.index.ts