feat(onboarding-ui): remove type field in company data section (#1002)

Author: PedroRorato

packages/onboarding-ui/src/flows/SelfHostedRegistration/mocks.ts

@@ -48,13 +48,6 @@ export const validatePassword: Validate<string> = (password: string) => {
   return true;
 };
 
-export const organizationTypes: [string, string][] = [
-  ['community', 'Community'],
-  ['enterprise', 'Enterprise'],
-  ['government', 'Government'],
-  ['nonprofit', 'Nonprofit'],
-];
-
 export const organizationIndustryOptions: [string, string][] = [
   ['aerospaceDefense', 'Aerospace and Defense'],
   ['blockchain', 'Blockchain'],
@@ -85,14 +78,11 @@ export const organizationIndustryOptions: [string, string][] = [
 ];
 
 export const organizationSizeOptions: [string, string][] = [
-  ['0', '1-10 people'],
-  ['1', '11-50 people'],
-  ['2', '51-100 people'],
-  ['3', '101-250 people'],
-  ['4', '251-500 people'],
-  ['5', '501-1000 people'],
-  ['6', '1001-4000 people'],
-  ['7', '4000 or more people'],
+  ['0', '1-250 people'],
+  ['1', '251-500 people'],
+  ['2', '501-1000 people'],
+  ['3', '1001-4000 people'],
+  ['4', '4001 or more people'],
 ];
 
 export const countryOptions: [string, string][] = [

packages/onboarding-ui/src/flows/SelfHostedRegistration/stories.tsx

@@ -17,7 +17,6 @@ import {
   logSubmit,
   organizationIndustryOptions,
   organizationSizeOptions,
-  organizationTypes,
   validateEmail,
   validatePassword,
   validateUsername,
@@ -103,7 +102,6 @@ export const SelfHostedRegistration: Story = ({ offline }) => {
       <OrganizationInfoPage
         currentStep={2}
         stepCount={4}
-        organizationTypeOptions={organizationTypes}
         organizationIndustryOptions={organizationIndustryOptions}
         organizationSizeOptions={organizationSizeOptions}
         countryOptions={countryOptions}

packages/onboarding-ui/src/forms/OrganizationInfoForm/OrganizationInfoForm.spec.tsx

@@ -8,7 +8,6 @@ it('renders without crashing', () => {
     <OrganizationInfoForm
       currentStep={1}
       stepCount={1}
-      organizationTypeOptions={[]}
       organizationIndustryOptions={[]}
       organizationSizeOptions={[]}
       countryOptions={[]}

packages/onboarding-ui/src/forms/OrganizationInfoForm/OrganizationInfoForm.stories.tsx

@@ -16,12 +16,6 @@ export default {
   args: {
     currentStep: 1,
     stepCount: 1,
-    organizationTypeOptions: [
-      ['community', 'Community'],
-      ['enterprise', 'Enterprise'],
-      ['government', 'Government'],
-      ['nonprofit', 'Nonprofit'],
-    ],
     organizationIndustryOptions: [
       ['aerospaceDefense', 'Aerospace and Defense'],
       ['blockchain', 'Blockchain'],
@@ -51,14 +45,11 @@ export default {
       ['other', 'Other'],
     ],
     organizationSizeOptions: [
-      ['0', '1-10 people'],
-      ['1', '11-50 people'],
-      ['2', '51-100 people'],
-      ['3', '101-250 people'],
-      ['4', '251-500 people'],
-      ['5', '501-1000 people'],
-      ['6', '1001-4000 people'],
-      ['7', '4000 or more people'],
+      ['0', '1-250 people'],
+      ['1', '251-500 people'],
+      ['2', '501-1000 people'],
+      ['3', '1001-4000 people'],
+      ['4', '4001 or more people'],
     ],
     countryOptions: [
       ...Object.entries(countries).map(

packages/onboarding-ui/src/forms/OrganizationInfoForm/OrganizationInfoForm.tsx

@@ -19,7 +19,6 @@ import { useTranslation } from 'react-i18next';
 
 export type OrganizationInfoPayload = {
   organizationName: string;
-  organizationType: string;
   organizationIndustry: string;
   organizationSize: string;
   country: string;
@@ -28,7 +27,6 @@ export type OrganizationInfoPayload = {
 type OrganizationInfoFormProps = {
   currentStep: number;
   stepCount: number;
-  organizationTypeOptions: SelectOption[];
   organizationIndustryOptions: SelectOption[];
   organizationSizeOptions: SelectOption[];
   countryOptions: SelectOption[];
@@ -42,7 +40,6 @@ type OrganizationInfoFormProps = {
 const OrganizationInfoForm = ({
   currentStep,
   stepCount,
-  organizationTypeOptions,
   organizationIndustryOptions,
   organizationSizeOptions,
   countryOptions,
@@ -57,7 +54,6 @@ const OrganizationInfoForm = ({
   const isMobile = !breakpoints.includes('md');
 
   const organizationNameField = useUniqueId();
-  const organizationTypeField = useUniqueId();
   const organizationIndustryField = useUniqueId();
   const organizationSizeField = useUniqueId();
   const countryField = useUniqueId();
@@ -102,27 +98,6 @@ const OrganizationInfoForm = ({
               <Field.Error>{t('component.form.requiredField')}</Field.Error>
             )}
           </Field>
-          <Field>
-            <Field.Label htmlFor={organizationTypeField}>
-              {t('form.organizationInfoForm.fields.organizationType.label')}
-            </Field.Label>
-            <Field.Row>
-              <Controller
-                name='organizationType'
-                control={control}
-                render={({ field }) => (
-                  <Select
-                    {...field}
-                    options={organizationTypeOptions}
-                    placeholder={t(
-                      'form.organizationInfoForm.fields.organizationType.placeholder'
-                    )}
-                    id={organizationTypeField}
-                  />
-                )}
-              />
-            </Field.Row>
-          </Field>
           <Field>
             <Field.Label htmlFor={organizationIndustryField}>
               {t('form.organizationInfoForm.fields.organizationIndustry.label')}

packages/onboarding-ui/src/pages/OrganizationInfoPage/OrganizationInfoPage.stories.tsx

@@ -17,12 +17,6 @@ export default {
   args: {
     currentStep: 1,
     stepCount: 1,
-    organizationTypeOptions: [
-      ['community', 'Community'],
-      ['enterprise', 'Enterprise'],
-      ['government', 'Government'],
-      ['nonprofit', 'Nonprofit'],
-    ],
     organizationIndustryOptions: [
       ['aerospaceDefense', 'Aerospace and Defense'],
       ['blockchain', 'Blockchain'],
@@ -52,14 +46,11 @@ export default {
       ['other', 'Other'],
     ],
     organizationSizeOptions: [
-      ['0', '1-10 people'],
-      ['1', '11-50 people'],
-      ['2', '51-100 people'],
-      ['3', '101-250 people'],
-      ['4', '251-500 people'],
-      ['5', '501-1000 people'],
-      ['6', '1001-4000 people'],
-      ['7', '4000 or more people'],
+      ['0', '1-250 people'],
+      ['1', '251-500 people'],
+      ['2', '501-1000 people'],
+      ['3', '1001-4000 people'],
+      ['4', '4001 or more people'],
     ],
     countryOptions: [
       ...Object.entries(countries).map(

packages/onboarding-ui/src/pages/OrganizationInfoPage/OrganizationInfoPage.tsx

@@ -15,7 +15,6 @@ type OrganizationInfoPageProps = {
   description?: ReactNode;
   currentStep: number;
   stepCount: number;
-  organizationTypeOptions: SelectOption[];
   organizationIndustryOptions: SelectOption[];
   organizationSizeOptions: SelectOption[];
   countryOptions: SelectOption[];