feat: refactor password input handling across multiple components

- Replaced individual password and confirm password fields with a shared-password-input component in the following components:
  - Partner Account Password Form
  - Consumer Account Form
  - Consumer User Form
  - Consumer Pos Form
  - Super Admin Consumer Account Form
  - Super Admin Partner Account Form
  - Super Admin Provider Form
  - Super Admin User Account Form
  - Modify Login Info Page

- Introduced a new SharedPasswordInputComponent to encapsulate password input logic and validation messages.
- Updated form handling to utilize reactive forms with shared components for better maintainability and consistency.
- Added a ChangePasswordFormDialogComponent for changing passwords with validation.
- Created API routes for business activity goods in the consumer module.

src/app/domains/superAdmin/modules/consumers/components/accounts/form.component.html

@@ -9,34 +9,10 @@
   <form [formGroup]="form" (submit)="submit()" class="flex flex-col gap-4">
     <app-input label="نام کاربری" [control]="form.controls.username" name="username" />
     <app-enum-select [control]="form.controls.role" name="role" type="consumerRole" />
-    <uikit-field label="رمز عبور" class="" [control]="form.controls.password">
-      <p-password
-        id="password1"
-        name="password"
-        formControlName="password"
-        autocomplete="password"
-        [toggleMask]="true"
-        [fluid]="true"
-        [feedback]="false"
-        [invalid]="form.controls.password.touched && form.controls.password.invalid"
-      />
-      <span class="text-xs mt-2 text-muted-color">
-        رمز باید حداقل ۸ کاراکتر بوده و شامل حداقل یک حرف بزرگ، یک حرف کوچک، یک عدد و یک کاراکتر ویژه باشد.
-      </span>
-    </uikit-field>
-
-    <uikit-field label="تکرار رمز عبور" class="" [control]="form.controls.confirmPassword">
-      <p-password
-        id="confirmPassword"
-        name="confirmPassword"
-        formControlName="confirmPassword"
-        autocomplete="new-password"
-        [toggleMask]="true"
-        [fluid]="true"
-        [feedback]="false"
-        [invalid]="form.controls.confirmPassword.touched && form.controls.confirmPassword.invalid"
-      />
-    </uikit-field>
+    <shared-password-input
+      [passwordControl]="form.controls.password"
+      [confirmPasswordControl]="form.controls.confirmPassword"
+    />
     <app-form-footer-actions [submitLabel]="'ذخیره'" [loading]="submitLoading()" (onCancel)="close()" />
   </form>
 </p-dialog>

src/app/domains/superAdmin/modules/consumers/components/accounts/form.component.ts

@@ -2,13 +2,11 @@ import { MustMatch, password } from '@/core/validators';
 // import { CatalogRolesComponent } from '@/shared/catalog/roles';
 import { AbstractFormDialog } from '@/shared/abstractClasses';
 import { EnumSelectComponent } from '@/shared/apiEnum/select.component';
-import { InputComponent } from '@/shared/components';
+import { InputComponent, SharedPasswordInputComponent } from '@/shared/components';
 import { FormFooterActionsComponent } from '@/shared/components/formFooterActions/form-footer-actions.component';
-import { UikitFieldComponent } from '@/uikit';
 import { Component, inject, Input } from '@angular/core';
 import { ReactiveFormsModule, Validators } from '@angular/forms';
 import { Dialog } from 'primeng/dialog';
-import { Password } from 'primeng/password';
 import { IConsumerAccountRequest, IConsumerAccountResponse } from '../../models';
 import { AdminConsumerAccountsService } from '../../services/accounts.service';
 
@@ -20,8 +18,7 @@ import { AdminConsumerAccountsService } from '../../services/accounts.service';
     Dialog,
     InputComponent,
     FormFooterActionsComponent,
-    UikitFieldComponent,
-    Password,
+    SharedPasswordInputComponent,
     EnumSelectComponent,
   ],
 })

src/app/domains/superAdmin/modules/consumers/components/form.component.html

@@ -14,34 +14,10 @@
       <p-divider align="center"> اطلاعات ورود </p-divider>
       <!-- @ts-ignore -->
       <app-input label="نام کاربری" [control]="form.controls.username" name="username" [isLtrInput]="true" />
-      <uikit-field label="رمز عبور" class="" [control]="form.controls.password">
-        <p-password
-          id="password1"
-          name="password"
-          formControlName="password"
-          autocomplete="password"
-          [toggleMask]="true"
-          [fluid]="true"
-          [feedback]="false"
-          [invalid]="form.controls.password.touched && form.controls.password.invalid"
-        />
-        <span class="text-xs mt-1 text-muted-color">
-          رمز باید حداقل ۸ کاراکتر بوده و شامل حداقل یک حرف بزرگ، یک حرف کوچک، یک عدد و یک کاراکتر ویژه باشد.
-        </span>
-      </uikit-field>
-
-      <uikit-field label="تکرار رمز عبور" class="" [control]="form.controls.confirmPassword">
-        <p-password
-          id="confirmPassword"
-          name="confirmPassword"
-          formControlName="confirmPassword"
-          autocomplete="new-password"
-          [toggleMask]="true"
-          [fluid]="true"
-          [feedback]="false"
-          [invalid]="form.controls.confirmPassword.touched && form.controls.confirmPassword.invalid"
-        />
-      </uikit-field>
+      <shared-password-input
+        [passwordControl]="form.controls.password"
+        [confirmPasswordControl]="form.controls.confirmPassword"
+      />
       <p-divider align="center"> اطلاعات لایسنس </p-divider>
       <uikit-datepicker
         label="تاریخ شروع لایسنس"

src/app/domains/superAdmin/modules/consumers/components/form.component.ts

@@ -1,13 +1,12 @@
 import { mobileValidator, MustMatch } from '@/core/validators';
 import { AbstractFormDialog } from '@/shared/abstractClasses';
-import { InputComponent } from '@/shared/components';
+import { InputComponent, SharedPasswordInputComponent } from '@/shared/components';
 import { FormFooterActionsComponent } from '@/shared/components/formFooterActions/form-footer-actions.component';
-import { UikitFieldComponent, UikitFlatpickrJalaliComponent } from '@/uikit';
+import { UikitFlatpickrJalaliComponent } from '@/uikit';
 import { Component, computed, inject, Input } from '@angular/core';
 import { ReactiveFormsModule, Validators } from '@angular/forms';
 import { Dialog } from 'primeng/dialog';
 import { Divider } from 'primeng/divider';
-import { Password } from 'primeng/password';
 import { PartnerSelectComponent } from '../../partners/shared/select.component';
 import { IConsumerRequest, IConsumerResponse } from '../models';
 import { ConsumersService } from '../services/main.service';
@@ -21,10 +20,9 @@ import { ConsumersService } from '../services/main.service';
     InputComponent,
     FormFooterActionsComponent,
     Divider,
-    UikitFieldComponent,
-    Password,
     UikitFlatpickrJalaliComponent,
     PartnerSelectComponent,
+    SharedPasswordInputComponent,
   ],
 })
 export class ConsumerUserFormComponent extends AbstractFormDialog<

src/app/domains/superAdmin/modules/partners/components/accounts/form.component.html

@@ -9,34 +9,10 @@
   <form [formGroup]="form" (submit)="submit()" class="flex flex-col gap-4">
     <app-input label="نام کاربری" [control]="form.controls.username" name="username" />
     <app-enum-select [control]="form.controls.type" name="type" type="accountType" />
-    <uikit-field label="رمز عبور" class="" [control]="form.controls.password">
-      <p-password
-        id="password1"
-        name="password"
-        formControlName="password"
-        autocomplete="password"
-        [toggleMask]="true"
-        [fluid]="true"
-        [feedback]="false"
-        [invalid]="form.controls.password.touched && form.controls.password.invalid"
-      />
-      <span class="text-xs mt-2 text-muted-color">
-        رمز باید حداقل ۸ کاراکتر بوده و شامل حداقل یک حرف بزرگ، یک حرف کوچک، یک عدد و یک کاراکتر ویژه باشد.
-      </span>
-    </uikit-field>
-
-    <uikit-field label="تکرار رمز عبور" class="" [control]="form.controls.confirmPassword">
-      <p-password
-        id="confirmPassword"
-        name="confirmPassword"
-        formControlName="confirmPassword"
-        autocomplete="new-password"
-        [toggleMask]="true"
-        [fluid]="true"
-        [feedback]="false"
-        [invalid]="form.controls.confirmPassword.touched && form.controls.confirmPassword.invalid"
-      />
-    </uikit-field>
+    <shared-password-input
+      [passwordControl]="form.controls.password"
+      [confirmPasswordControl]="form.controls.confirmPassword"
+    />
     <app-form-footer-actions [submitLabel]="'ذخیره'" [loading]="submitLoading()" (onCancel)="close()" />
   </form>
 </p-dialog>

src/app/domains/superAdmin/modules/partners/components/accounts/form.component.ts

@@ -2,13 +2,11 @@ import { MustMatch, password } from '@/core/validators';
 // import { CatalogRolesComponent } from '@/shared/catalog/roles';
 import { AbstractFormDialog } from '@/shared/abstractClasses';
 import { EnumSelectComponent } from '@/shared/apiEnum/select.component';
-import { InputComponent } from '@/shared/components';
+import { InputComponent, SharedPasswordInputComponent } from '@/shared/components';
 import { FormFooterActionsComponent } from '@/shared/components/formFooterActions/form-footer-actions.component';
-import { UikitFieldComponent } from '@/uikit';
 import { Component, inject, Input } from '@angular/core';
 import { ReactiveFormsModule, Validators } from '@angular/forms';
 import { Dialog } from 'primeng/dialog';
-import { Password } from 'primeng/password';
 import { IPartnerAccountRequest, IPartnerAccountResponse } from '../../models';
 import { AdminPartnerAccountsService } from '../../services/accounts.service';
 
@@ -20,8 +18,7 @@ import { AdminPartnerAccountsService } from '../../services/accounts.service';
     Dialog,
     InputComponent,
     FormFooterActionsComponent,
-    UikitFieldComponent,
-    Password,
+    SharedPasswordInputComponent,
     EnumSelectComponent,
   ],
 })

src/app/domains/superAdmin/modules/partners/components/form.component.html

@@ -13,34 +13,10 @@
       <p-divider align="center"> اطلاعات ورود </p-divider>
       <!-- @ts-ignore -->
       <app-input label="نام کاربری" [control]="form.controls.username" name="username" [isLtrInput]="true" />
-      <uikit-field label="رمز عبور" class="" [control]="form.controls.password">
-        <p-password
-          id="password1"
-          name="password"
-          formControlName="password"
-          autocomplete="password"
-          [toggleMask]="true"
-          [fluid]="true"
-          [feedback]="false"
-          [invalid]="form.controls.password.touched && form.controls.password.invalid"
-        />
-        <span class="text-xs mt-1 text-muted-color">
-          رمز باید حداقل ۸ کاراکتر بوده و شامل حداقل یک حرف بزرگ، یک حرف کوچک، یک عدد و یک کاراکتر ویژه باشد.
-        </span>
-      </uikit-field>
-
-      <uikit-field label="تکرار رمز عبور" class="" [control]="form.controls.confirmPassword">
-        <p-password
-          id="confirmPassword"
-          name="confirmPassword"
-          formControlName="confirmPassword"
-          autocomplete="new-password"
-          [toggleMask]="true"
-          [fluid]="true"
-          [feedback]="false"
-          [invalid]="form.controls.confirmPassword.touched && form.controls.confirmPassword.invalid"
-        />
-      </uikit-field>
+      <shared-password-input
+        [passwordControl]="form.controls.password"
+        [confirmPasswordControl]="form.controls.confirmPassword"
+      />
     }
 
     <app-form-footer-actions [submitLabel]="'ذخیره'" [loading]="submitLoading()" (onCancel)="close()" />

src/app/domains/superAdmin/modules/partners/components/form.component.ts

@@ -1,13 +1,11 @@
 import { MustMatch } from '@/core/validators';
 import { AbstractFormDialog } from '@/shared/abstractClasses';
-import { InputComponent } from '@/shared/components';
+import { InputComponent, SharedPasswordInputComponent } from '@/shared/components';
 import { FormFooterActionsComponent } from '@/shared/components/formFooterActions/form-footer-actions.component';
-import { UikitFieldComponent } from '@/uikit';
 import { Component, computed, inject, Input } from '@angular/core';
 import { ReactiveFormsModule, Validators } from '@angular/forms';
 import { Dialog } from 'primeng/dialog';
 import { Divider } from 'primeng/divider';
-import { Password } from 'primeng/password';
 import { IPartnerRequest, IPartnerResponse } from '../models';
 import { PartnersService } from '../services/main.service';
 
@@ -20,8 +18,7 @@ import { PartnersService } from '../services/main.service';
     InputComponent,
     FormFooterActionsComponent,
     Divider,
-    UikitFieldComponent,
-    Password,
+    SharedPasswordInputComponent,
   ],
 })
 export class GuildFormComponent extends AbstractFormDialog<IPartnerRequest, IPartnerResponse> {

src/app/domains/superAdmin/modules/providers/components/form.component.html

@@ -14,34 +14,10 @@
       <p-divider align="center"> اطلاعات ورود </p-divider>
       <!-- @ts-ignore -->
       <app-input label="نام کاربری" [control]="form.controls.username" name="username" [isLtrInput]="true" />
-      <uikit-field label="رمز عبور" class="" [control]="form.controls.password">
-        <p-password
-          id="password1"
-          name="password"
-          formControlName="password"
-          autocomplete="password"
-          [toggleMask]="true"
-          [fluid]="true"
-          [feedback]="false"
-          [invalid]="form.controls.password.touched && form.controls.password.invalid"
-        />
-        <span class="text-xs mt-1 text-muted-color">
-          رمز باید حداقل ۸ کاراکتر بوده و شامل حداقل یک حرف بزرگ، یک حرف کوچک، یک عدد و یک کاراکتر ویژه باشد.
-        </span>
-      </uikit-field>
-
-      <uikit-field label="تکرار رمز عبور" class="" [control]="form.controls.confirmPassword">
-        <p-password
-          id="confirmPassword"
-          name="confirmPassword"
-          formControlName="confirmPassword"
-          autocomplete="new-password"
-          [toggleMask]="true"
-          [fluid]="true"
-          [feedback]="false"
-          [invalid]="form.controls.confirmPassword.touched && form.controls.confirmPassword.invalid"
-        />
-      </uikit-field>
+      <shared-password-input
+        [passwordControl]="form.controls.password"
+        [confirmPasswordControl]="form.controls.confirmPassword"
+      />
     }
 
     <app-form-footer-actions [submitLabel]="'ذخیره'" [loading]="submitLoading()" (onCancel)="close()" />

src/app/domains/superAdmin/modules/providers/components/form.component.ts

@@ -1,13 +1,11 @@
 import { MustMatch } from '@/core/validators';
 import { AbstractFormDialog } from '@/shared/abstractClasses';
-import { InputComponent } from '@/shared/components';
+import { InputComponent, SharedPasswordInputComponent } from '@/shared/components';
 import { FormFooterActionsComponent } from '@/shared/components/formFooterActions/form-footer-actions.component';
-import { UikitFieldComponent } from '@/uikit';
 import { Component, computed, inject, Input } from '@angular/core';
 import { ReactiveFormsModule, Validators } from '@angular/forms';
 import { Dialog } from 'primeng/dialog';
 import { Divider } from 'primeng/divider';
-import { Password } from 'primeng/password';
 import { IProviderRequest, IProviderResponse } from '../models';
 import { ProvidersService } from '../services/main.service';
 
@@ -20,8 +18,7 @@ import { ProvidersService } from '../services/main.service';
     InputComponent,
     FormFooterActionsComponent,
     Divider,
-    UikitFieldComponent,
-    Password,
+    SharedPasswordInputComponent,
   ],
 })
 export class ProviderFormComponent extends AbstractFormDialog<IProviderRequest, IProviderResponse> {

src/app/domains/superAdmin/modules/users/components/accounts/form.component.html

@@ -9,34 +9,10 @@
   <form [formGroup]="form" (submit)="submit()" class="flex flex-col gap-4">
     <app-input label="نام کاربری" [control]="form.controls.username" name="username" />
     <app-enum-select [control]="form.controls.type" name="type" type="accountType" />
-    <uikit-field label="رمز عبور" class="" [control]="form.controls.password">
-      <p-password
-        id="password1"
-        name="password"
-        formControlName="password"
-        autocomplete="password"
-        [toggleMask]="true"
-        [fluid]="true"
-        [feedback]="false"
-        [invalid]="form.controls.password.touched && form.controls.password.invalid"
-      />
-      <span class="text-xs mt-2 text-muted-color">
-        رمز باید حداقل ۸ کاراکتر بوده و شامل حداقل یک حرف بزرگ، یک حرف کوچک، یک عدد و یک کاراکتر ویژه باشد.
-      </span>
-    </uikit-field>
-
-    <uikit-field label="تکرار رمز عبور" class="" [control]="form.controls.confirmPassword">
-      <p-password
-        id="confirmPassword"
-        name="confirmPassword"
-        formControlName="confirmPassword"
-        autocomplete="new-password"
-        [toggleMask]="true"
-        [fluid]="true"
-        [feedback]="false"
-        [invalid]="form.controls.confirmPassword.touched && form.controls.confirmPassword.invalid"
-      />
-    </uikit-field>
+    <shared-password-input
+      [passwordControl]="form.controls.password"
+      [confirmPasswordControl]="form.controls.confirmPassword"
+    />
     <app-form-footer-actions [submitLabel]="'ذخیره'" [loading]="submitLoading()" (onCancel)="close()" />
   </form>
 </p-dialog>

src/app/domains/superAdmin/modules/users/components/accounts/form.component.ts

@@ -2,13 +2,11 @@ import { MustMatch, password } from '@/core/validators';
 // import { CatalogRolesComponent } from '@/shared/catalog/roles';
 import { AbstractFormDialog } from '@/shared/abstractClasses';
 import { EnumSelectComponent } from '@/shared/apiEnum/select.component';
-import { InputComponent } from '@/shared/components';
+import { InputComponent, SharedPasswordInputComponent } from '@/shared/components';
 import { FormFooterActionsComponent } from '@/shared/components/formFooterActions/form-footer-actions.component';
-import { UikitFieldComponent } from '@/uikit';
 import { Component, inject, Input } from '@angular/core';
 import { ReactiveFormsModule, Validators } from '@angular/forms';
 import { Dialog } from 'primeng/dialog';
-import { Password } from 'primeng/password';
 import { IAccountRequest, IAccountResponse } from '../../models';
 import { AdminUserAccountsService } from '../../services/accounts.service';
 
@@ -20,9 +18,8 @@ import { AdminUserAccountsService } from '../../services/accounts.service';
     Dialog,
     InputComponent,
     FormFooterActionsComponent,
-    UikitFieldComponent,
-    Password,
     EnumSelectComponent,
+    SharedPasswordInputComponent,
   ],
 })
 export class UserAccountFormComponent extends AbstractFormDialog<

src/app/domains/superAdmin/modules/users/components/form.component.html

@@ -10,36 +10,7 @@
     <app-input label="نام" [control]="form.controls.first_name" name="first_name" />
     <app-input label="نام خانوادگی" [control]="form.controls.last_name" name="last_name" />
     <app-input label="شماره موبایل" [control]="form.controls.mobile_number" name="mobile_number" type="mobile" />
-    <!-- <app-enum-select [control]="form.controls.role" name="role" type="accountType" /> -->
-    <!-- <catalog-roles-select [control]="form.controls.roleId" /> -->
-    <!-- <uikit-field label="رمز عبور" class="" [control]="form.get('password')">
-      <p-password
-        id="password1"
-        name="password"
-        formControlName="password"
-        autocomplete="password"
-        [toggleMask]="true"
-        [fluid]="true"
-        [feedback]="false"
-        [invalid]="form.get('password')?.touched && form.get('password')?.invalid"
-      />
-      <span class="text-xs mt-2 text-muted-color">
-        رمز باید حداقل ۸ کاراکتر بوده و شامل حداقل یک حرف بزرگ، یک حرف کوچک، یک عدد و یک کاراکتر ویژه باشد.
-      </span>
-    </uikit-field>
 
-    <uikit-field label="تکرار رمز عبور" class="" [control]="form.get('confirmPassword')">
-      <p-password
-        id="confirmPassword"
-        name="confirmPassword"
-        formControlName="confirmPassword"
-        autocomplete="new-password"
-        [toggleMask]="true"
-        [fluid]="true"
-        [feedback]="false"
-        [invalid]="form.get('confirmPassword')?.touched && form.get('confirmPassword')?.invalid"
-      />
-    </uikit-field> -->
     <app-form-footer-actions [submitLabel]="'ذخیره'" [loading]="submitLoading()" (onCancel)="close()" />
   </form>
 </p-dialog>