Feat/new user onboarding flow and UI changes (#1124)

Author: thisismayuresh

apps/api/src/app/common/usecases/get-import-config/get-import-config.usecase.ts

@@ -20,15 +20,15 @@ export class GetImportConfig {
       isFeatureAvailableMap.set(code, false);
     });
 
-    try {
-      for (const billableMetricCode of Object.keys(BILLABLEMETRIC_CODE_ENUM)) {
+    for (const billableMetricCode of Object.values(BILLABLEMETRIC_CODE_ENUM)) {
+      try {
         const isAvailable = await this.paymentAPIService.checkEvent({
           email: userEmail,
           billableMetricCode: BILLABLEMETRIC_CODE_ENUM[billableMetricCode],
         });
         isFeatureAvailableMap.set(billableMetricCode, isAvailable);
-      }
-    } catch (error) {}
+      } catch (error) {}
+    }
 
     let template: TemplateEntity;
     if (templateId) {

apps/api/src/app/project/usecases/create-project/create-project.command.ts

@@ -9,4 +9,8 @@ export class CreateProjectCommand extends AuthenticatedCommand {
   @IsBoolean()
   @IsOptional()
   onboarding?: boolean;
+
+  @IsBoolean()
+  @IsOptional()
+  autoGenerated?: boolean;
 }

apps/api/src/app/review/usecases/do-review/do-review.usecase.ts

@@ -298,7 +298,6 @@ export class DoReview extends BaseReview {
       // eslint-disable-next-line @typescript-eslint/ban-ts-comment
       // @ts-ignore
       const teamMemberEmails = environment.map((teamMember) => teamMember._userId.email);
-      console.log(teamMemberEmails);
 
       const emailContents = this.emailService.getEmailContent({
         type: 'IMPORT_LIMIT_EXCEEDED_EMAIL',

apps/api/src/app/review/usecases/start-process/start-process.usecase.ts

@@ -186,7 +186,6 @@ export class StartProcess {
         // eslint-disable-next-line @typescript-eslint/ban-ts-comment
         // @ts-ignore
         const teamMemberEmails = environment.map((teamMember) => teamMember._userId.email);
-        console.log(teamMemberEmails);
 
         const emailContents = this.emailService.getEmailContent({
           type: 'IMPORT_LIMIT_EXCEEDED_EMAIL',

apps/api/src/app/shared/exceptions/user-verification.exception.ts

@@ -0,0 +1,15 @@
+import { HttpException, HttpStatus } from '@nestjs/common';
+import { APIMessages } from '../constants';
+
+export class InvalidVerificationCodeException extends HttpException {
+  constructor() {
+    super(
+      {
+        message: APIMessages.INVALID_VERIFICATION_CODE,
+        error: 'InvalidVerificationCode',
+        statusCode: HttpStatus.BAD_REQUEST,
+      },
+      HttpStatus.BAD_REQUEST
+    );
+  }
+}

apps/api/src/app/team/usecase/invite/invite.usecase.ts

@@ -17,8 +17,10 @@ export class Invite {
 
   async exec(command: InviteCommand) {
     try {
-      // const subscription = await this.paymentAPIService.fetchActiveSubscription(command.invitedBy);
-      // const allocated = subscription.meta.TEAM_MEMBERS;
+      /*
+       * const subscription = await this.paymentAPIService.fetchActiveSubscription(command.invitedBy);
+       * const allocated = subscription.meta.TEAM_MEMBERS;
+       */
 
       const existingInvitationsCount = await this.projectInvitationRepository.count({
         _projectId: command.projectId,

apps/api/src/app/template/usecases/update-template-columns/update-template-columns.usecase.ts

@@ -33,11 +33,11 @@ export class UpdateTemplateColumns {
 
       column.sequence = index;
       column.dateFormats = column.dateFormats?.map((format) => format.toUpperCase()) || [];
-      column.isRequired = existingUserColumns?.isRequired || false;
-      column.isUnique = existingUserColumns?.isUnique || false;
-      column.selectValues = existingUserColumns?.selectValues || [];
-      column.dateFormats = existingUserColumns?.dateFormats || [];
-      column.validations = existingUserColumns?.validations || [];
+      column.isRequired = existingUserColumns?.isRequired || column.isRequired || false;
+      column.isUnique = existingUserColumns?.isUnique || column.isUnique || false;
+      column.selectValues = column.selectValues || existingUserColumns?.selectValues || [];
+      column.dateFormats = existingUserColumns?.dateFormats || column.dateFormats || [];
+      column.validations = existingUserColumns?.validations || column.validations || [];
     });
     const columns = await this.columnRepository.createMany(userColumns);
     await this.saveSampleFile.execute(columns, _templateId);

apps/web/assets/icons/Forbidden.icon.tsx

@@ -14,8 +14,8 @@ export function ForbiddenIcon({ size = 'xl' }: IconType) {
       id="Forbid--Streamline-Tabler"
     >
       <desc>Forbid Streamline Icon: https://streamlinehq.com</desc>
-      <path d="M3 12a9 9 0 1 0 18 0 9 9 0 1 0 -18 0" stroke-width="2"></path>
-      <path d="m9 9 6 6" stroke-width="2"></path>
+      <path d="M3 12a9 9 0 1 0 18 0 9 9 0 1 0 -18 0" strokeWidth="2"></path>
+      <path d="m9 9 6 6" strokeWidth="2"></path>
     </svg>
   );
 }

apps/web/assets/icons/GiveHeart.icon.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+
+export const GiveHeartIcon = () => (
+  <svg width="38" height="31" viewBox="0 0 38 31" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path
+      d="M13.8834 14.4273L17.5 14.4281C21.6422 14.4281 25 17.786 25 21.9281L13.3317 21.9266L13.3333 23.5948L26.6667 23.5935V21.9281C26.6667 20.124 26.1364 18.423 25.1899 16.9268L30 16.9281C33.3205 16.9281 36.1874 18.8701 37.5269 21.6805C33.5855 26.8815 27.2032 30.2615 20 30.2615C15.3979 30.2615 11.4991 29.2771 8.33265 27.5535L8.33507 12.0465C10.411 12.3438 12.3106 13.1875 13.8834 14.4273ZM5 10.2614C5.85473 10.2614 6.55918 10.9048 6.65547 11.7337L6.66667 11.9266V26.9281C6.66667 27.8486 5.92048 28.5948 5 28.5948H1.66667C0.7462 28.5948 0 27.8486 0 26.9281V11.9281C0 11.0076 0.7462 10.2614 1.66667 10.2614H5ZM21.0774 1.22039L21.6662 1.81L22.2559 1.22039C23.883 -0.406796 26.5214 -0.406796 28.1485 1.22039C29.7757 2.84757 29.7757 5.48575 28.1485 7.11294L21.6667 13.5948L15.1849 7.11294C13.5577 5.48575 13.5577 2.84757 15.1849 1.22039C16.812 -0.406796 19.4502 -0.406796 21.0774 1.22039Z"
+      fill="#F7B801"
+    />
+  </svg>
+);

apps/web/assets/icons/Importer.icon.tsx

@@ -0,0 +1,20 @@
+import { IconType } from '@types';
+import { IconSizes } from 'config';
+
+export const ImporterIcon = ({ size = 'xl', color = 'currentColor', className }: IconType) => {
+  return (
+    <svg
+      width={IconSizes[size]}
+      height={IconSizes[size]}
+      viewBox="0 0 30 27"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      className={className}
+    >
+      <path
+        d="M30 1.5C30 0.67158 29.3284 0 28.5 0H1.5C0.67158 0 0 0.67158 0 1.5V25.5C0 26.3284 0.67158 27 1.5 27H28.5C29.3284 27 30 26.3284 30 25.5V1.5ZM3 18H8.12406C9.2814 20.6488 11.9245 22.5 15 22.5C18.0754 22.5 20.7186 20.6488 21.876 18H27V24H3V18ZM3 3H27V15H19.5C19.5 17.4853 17.4853 19.5 15 19.5C12.5147 19.5 10.5 17.4853 10.5 15H3V3ZM21 9H16.5V4.5H13.5V9H9L15 15.75L21 9Z"
+        fill={color}
+      />
+    </svg>
+  );
+};