@posiwise/smart-crm 0.0.19 → 0.0.21

package/.eslintrc.json

@@ -0,0 +1,22 @@
+{
+    "extends": ["../../.eslintrc.json"],
+    "ignorePatterns": ["!**/*"],
+    "overrides": [
+        {
+            "files": ["*.ts"],
+            "rules": {
+              "@typescript-eslint/no-explicit-any": "error",
+              "@typescript-eslint/no-unused-vars": ["error", { "argsIgnorePattern": "^_" }]
+            },
+            "extends": [
+                "plugin:@nx/angular",
+                "plugin:@angular-eslint/template/process-inline-templates"
+            ]
+        },
+        {
+            "files": ["*.html"],
+            "extends": ["plugin:@nx/angular-template"],
+            "rules": {}
+        }
+    ]
+}

package/ng-package.json

@@ -0,0 +1,15 @@
+{
+    "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
+    "dest": "../../dist/libs/smart-crm",
+    "lib": {
+        "entryFile": "src/index.ts",
+        "styleIncludePaths": ["../core-styles/scss"]
+    },
+    "assets": [
+        {
+            "glob": "**/*.scss",
+            "input": "@posiwise/core-styles/",
+            "output": "./assets"
+        }
+    ]
+}

package/package.json

@@ -1,25 +1,12 @@
 {
-  "name": "@posiwise/smart-crm",
-  "version": "0.0.19",
-  "peerDependencies": {
-    "@angular/common": "17.3.11",
-    "@angular/core": "17.3.11"
-  },
-  "dependencies": {
-    "tslib": "^2.6.2"
-  },
-  "sideEffects": false,
-  "module": "fesm2022/posiwise-smart-crm.mjs",
-  "typings": "index.d.ts",
-  "exports": {
-    "./package.json": {
-      "default": "./package.json"
+    "name": "@posiwise/smart-crm",
+    "version": "0.0.21",
+    "peerDependencies": {
+        "@angular/common": "17.3.11",
+        "@angular/core": "17.3.11"
     },
-    ".": {
-      "types": "./index.d.ts",
-      "esm2022": "./esm2022/posiwise-smart-crm.mjs",
-      "esm": "./esm2022/posiwise-smart-crm.mjs",
-      "default": "./fesm2022/posiwise-smart-crm.mjs"
-    }
-  }
-}
+    "dependencies": {
+        "tslib": "^2.6.2"
+    },
+    "sideEffects": false
+}

package/project.json

@@ -0,0 +1,72 @@
+{
+    "name": "smart-crm",
+    "$schema": "../../node_modules/nx/schemas/project-schema.json",
+    "sourceRoot": "libs/smart-crm/src",
+    "prefix": "posiwise",
+    "tags": [],
+    "projectType": "library",
+    "targets": {
+        "build": {
+            "executor": "@nx/angular:package",
+            "outputs": ["{workspaceRoot}/dist/{projectRoot}"],
+            "options": {
+                "tsConfig": "libs/smart-crm/tsconfig.lib.json",
+                "project": "libs/smart-crm/ng-package.json"
+            },
+            "configurations": {
+                "production": {
+                    "tsConfig": "libs/smart-crm/tsconfig.lib.prod.json"
+                },
+                "development": {
+                    "tsConfig": "libs/smart-crm/tsconfig.lib.json"
+                }
+            },
+            "defaultConfiguration": "production"
+        },
+        "test": {
+            "executor": "@angular-devkit/build-angular:karma",
+            "outputs": ["{workspaceRoot}/coverage/{projectRoot}"],
+            "options": {
+                "main": "libs/test-setup.ts",
+                "karmaConfig": "libs/karma.conf.js",
+                "polyfills": ["zone.js"],
+                "sourceMap": false,
+                "tsConfig": "libs/smart-crm/tsconfig.spec.json",
+                "assets": [
+                    {
+                        "glob": "**/*.scss",
+                        "input": "libs/core-styles/",
+                        "output": "./assets"
+                    },
+                    {
+                        "glob": "**/*",
+                        "input": "libs/i18n",
+                        "output": "./assets/i18n/"
+                    },
+                    {
+                        "glob": "**/*",
+                        "input": "./libs/core-images",
+                        "output": "./assets/img/"
+                    }
+                ],
+                "scripts": [
+                    "node_modules/jquery/dist/jquery.min.js",
+                    "libs/js-assets/popper.js",
+                    "node_modules/bootstrap/dist/js/bootstrap.bundle.min.js",
+                    "node_modules/jstree/dist/jstree.min.js",
+                    "libs/js-assets/perfect-scrollbar.jquery.min.js",
+                    "node_modules/psl/dist/psl.min.js",
+                    "libs/js-assets/main.js",
+                    "libs/js-assets/global.js"
+                ],
+                "stylePreprocessorOptions": {
+                    "includePaths": ["libs/core-styles/scss"]
+                }
+            }
+        },
+        "lint": {
+            "executor": "@nx/eslint:lint",
+            "outputs": ["{options.outputFile}"]
+        }
+    }
+}

package/{index.d.ts → src/index.ts}

@@ -1,3 +1,4 @@
+// Private components
 export * from './lib/private/components/smart-crm-accounts/smart-crm-account-details/smart-crm-account-details.component';
 export * from './lib/private/components/smart-crm-accounts/smart-crm-account-files/smart-crm-account-files.component';
 export * from './lib/private/components/smart-crm-accounts/smart-crm-account-info/smart-crm-account-info.component';
@@ -38,6 +39,8 @@ export * from './lib/private/components/smart-crm-summary/smart-crm-summary.comp
 export * from './lib/private/components/smart-crm-tabs/smart-crm-tabs.component';
 export * from './lib/private/smart-crm-private.routing.module';
 export * from './lib/private/smart-crm-private.module';
+
+// Public
 export * from './lib/public/components/smart-crm-newsletter-confirmation/smart-crm-newsletter-confirmation.component';
 export * from './lib/public/components/smart-crm-newsletter-unsubscribe/smart-crm-newsletter-unsubscribe.component';
 export * from './lib/public/components/smart-crm-signup/smart-crm-signup.component';

package/src/lib/private/components/smart-crm-accounts/smart-crm-account-details/smart-crm-account-details.component.html

@@ -0,0 +1,200 @@
+<div class="me-auto col-xs-6">
+  <a href="javascript:void(0)"
+    (click)="back()"
+    class="previous"><i class="fa fa-arrow-alt-circle-left" aria-hidden="true"></i></a>
+  <h3 class="m-subheader__title m-subheader__title--separator">
+    <span>{{ 'Crm.AccountMessage.Account' | transloco }}:
+      {{ data?.name ? data?.name : ('Label.AddNew' | transloco) }}</span>
+  </h3>
+</div>
+<div class="w-100 text-center mt-3"
+  *ngIf="isLoading">
+  <p-progressSpinner strokeWidth="2"> </p-progressSpinner>
+</div>
+<div class="p-2 mt-3" *ngIf="!isLoading">
+  <form [formGroup]="form"
+    (ngSubmit)="onSave()">
+    <div class="row">
+      <div class="col-12 col-sm-4">
+        <pw-input-container [label]="'Crm.AccountMessage.Name' | transloco"
+          name="name"
+          [errorMsg]="'User.Account.Validation.Name' | transloco">
+          <input type="text"
+            class="form-control"
+            formControlName="name"
+            id="name"
+            [ngClass]="{ 'is-invalid': submitted && f['name'].errors }" />
+        </pw-input-container>
+      </div>
+      <div class="col-12 col-sm-4">
+        <pw-input-container [label]="'Crm.AccountMessage.Location' | transloco"
+          [errorMsg]="'Crm.AccountMessage.LocationErrorMessage' | transloco"
+          name="location">
+          <input ngx-gp-autocomplete
+            class="form-control"
+            #places="ngx-places"
+            formControlName="location"
+            (onAddressChange)="handleAddressChange($event)"
+            [ngClass]="{ 'is-invalid': submitted && f['location'].errors }" />
+        </pw-input-container>
+      </div>
+      <div class="ui-fluid skills-modal col-sm-4">
+        <label class="mb-2">{{ 'Crm.AccountMessage.Country' | transloco
+                    }}<span class="text-danger required-icon">*</span></label>
+        <p-autoComplete formControlName="country"
+          [suggestions]="filteredCountries"
+          (completeMethod)="onSearchCountry($event)"
+          dataKey="code"
+          field="name"
+          [multiple]="false"
+          styleClass="w-100"
+          placeholder="Search Country"
+          [dropdown]="true"
+          [inputStyle]="
+                        submitted && f['country'].errors
+                            ? { border: '1px solid #ff586b' }
+                            : { border: '1px solid gray' }
+                    ">
+        </p-autoComplete>
+      </div>
+      <div class="col-12 col-sm-4">
+        <pw-input-container [label]="'Crm.AccountMessage.Tel' | transloco"
+          name="tel"
+          [errorMsg]="'Crm.AccountMessage.TelErrorMessage' | transloco">
+          <input type="text"
+            class="form-control"
+            formControlName="tel"
+            id="tel"
+            [ngClass]="{ 'is-invalid': submitted && f['tel'].errors }" />
+        </pw-input-container>
+      </div>
+      <div class="ui-fluid skills-modal col-sm-4"
+        [class.d-none]="!hasAccess">
+        <label class="mb-2">{{ 'Crm.AccountMessage.Owner' | transloco
+                    }}<span class="text-danger required-icon">*</span></label>
+        <p-autoComplete formControlName="owner_id"
+          [suggestions]="filteredOwners"
+          (completeMethod)="onSearchOwner($event)"
+          dataKey="id"
+          field="first_name"
+          [multiple]="false"
+          styleClass="w-100"
+          placeholder="Search Owner"
+          [dropdown]="true">
+        </p-autoComplete>
+      </div>
+      <div class="col-12 col-sm-4">
+        <pw-input-container [label]="'Crm.AccountMessage.CompanyUrl' | transloco"
+          name="company_url">
+          <input type="url"
+            class="form-control"
+            formControlName="company_url"
+            [ngClass]="{ 'is-invalid': submitted && f['company_url'].errors }" />
+        </pw-input-container>
+      </div>
+      <div class="col-12 col-sm-4 col-lg-4">
+        <pw-input-container [label]="'Organization.OrganizationType' | transloco"
+          name="organization_type_id"
+          *ngIf="organizationTypes$ | async as types">
+          <select class="form-select"
+            formControlName="organization_type_id"
+            [ngClass]="{ 'is-invalid': submitted && f['organization_type_id'].errors }">
+            <option *ngFor="let option of types['organization_types']"
+              [value]="option.id">
+              {{ option.name }}
+            </option>
+          </select>
+        </pw-input-container>
+      </div>
+      <div class="col-12 col-sm-4 col-lg-4">
+        <pw-input-container [label]="'Organization.OrganizationIndustry' | transloco"
+          name="organization_industry_id"
+          *ngIf="organizationIndustries$ | async as industries">
+          <select class="form-select"
+            formControlName="organization_industry_id"
+            [ngClass]="{ 'is-invalid': submitted && f['organization_industry_id'].errors }">
+            <option *ngFor="let option of industries['organization_industries']"
+              [value]="option.id">
+              {{ option.name }}
+            </option>
+          </select>
+        </pw-input-container>
+      </div>
+      <div class="col-12 col-sm-4 col-lg-4">
+        <pw-input-container [label]="'Crm.AccountMessage.Size' | transloco"
+          name="organization_size_id"
+          *ngIf="organizationSizes$ | async as sizes">
+          <select class="form-select"
+            formControlName="organization_size_id"
+            [ngClass]="{ 'is-invalid': submitted && f['organization_size_id'].errors }">
+            <option *ngFor="let option of sizes['organization_sizes']"
+              [value]="option.id">
+              {{ option.name }}
+            </option>
+          </select>
+        </pw-input-container>
+      </div>
+      <div class="col-12 col-sm-4 col-lg-4">
+        <pw-input-container [label]="'Crm.AccountMessage.Status' | transloco"
+          name="status">
+          <select class="form-select"
+            formControlName="status"
+            [ngClass]="{ 'is-invalid': submitted && f['status'].errors }">
+            <option *ngFor="let option of status"
+              [value]="option">{{ option }}</option>
+          </select>
+        </pw-input-container>
+      </div>
+      <div class="col-12 col-sm-4 col-lg-4">
+        <pw-input-container [label]="'Crm.AccountMessage.Priority' | transloco"
+          name="priority">
+          <select class="form-select"
+            formControlName="priority"
+            [ngClass]="{ 'is-invalid': submitted && f['priority'].errors }">
+            <option *ngFor="let option of priority"
+              [value]="option">
+              {{ option }}
+            </option>
+          </select>
+        </pw-input-container>
+      </div>
+      <div class="col-12 col-sm-4 col-lg-4">
+        <pw-input-container [label]="'Crm.AccountMessage.Source' | transloco"
+          name="crm_source_id">
+          <select class="form-select"
+            formControlName="crm_source_id"
+            [ngClass]="{ 'is-invalid': submitted && f['crm_source_id'].errors }">
+            <option *ngFor="let option of source"
+              [value]="option.id">
+              {{ option.name }}
+            </option>
+          </select>
+        </pw-input-container>
+      </div>
+      <div class="col-12 col-sm-12 mt-2">
+        <pw-input-container [label]="'Crm.AccountMessage.Description' | transloco"
+          name="description">
+          <textarea rows="5"
+            type="text"
+            class="form-control"
+            formControlName="description"
+            id="description"
+            [ngClass]="{ 'is-invalid': submitted && f['description'].errors }"></textarea>
+        </pw-input-container>
+      </div>
+      <div class="col-12 text-end mt-3">
+        <button type="button"
+          class="btn btn-outline-default me-2"
+          (click)="back()">
+          {{ 'Button.Cancel' | transloco }}
+        </button>
+        <button type="submit"
+          [buttonBusy]="buttonBusy"
+          class="btn btn-primary"
+          [disabled]="form.invalid">
+          {{ 'Button.Submit' | transloco }}
+        </button>
+      </div>
+    </div>
+  </form>
+</div>

package/src/lib/private/components/smart-crm-accounts/smart-crm-account-details/smart-crm-account-details.component.spec.ts

@@ -0,0 +1,185 @@
+import { TestBed } from '@angular/core/testing';
+import { Router } from '@angular/router';
+import { byText } from '@ngneat/spectator';
+import {
+    PermissionService,
+    CommonService,
+    GeoService,
+    SubscriptionService,
+    UserService,
+    CommonServicesModule
+} from '@posiwise/common-services';
+import { CrmService } from '@posiwise/smart-crm-shared';
+import { DEFAULT_USER, TestHelper } from '@posiwise/test-helpers';
+import { SharedModule } from '@posiwise/shared-module';
+import { of } from 'rxjs';
+import { SmartCrmPrivateModule } from '../../../smart-crm-private.module';
+import { SmartCrmCompanyDetailsComponent } from './smart-crm-account-details.component';
+import { MockProvider } from 'ng-mocks';
+
+class UserServiceMock {
+    getUserState() {
+        return of({ currentUser: DEFAULT_USER });
+    }
+
+    getUserInfo() {
+        return of(DEFAULT_USER);
+    }
+}
+describe('SmartCrmCompanyDetailsComponent', () => {
+    const createComponent = TestHelper.createComponentFactory({
+        component: SmartCrmCompanyDetailsComponent,
+        imports: [SharedModule, SmartCrmPrivateModule, CommonServicesModule],
+        providers: [
+            ...TestHelper.TEST_PROVIDERS,
+            MockProvider(PermissionService, {
+                evaluatePermissions: () => {
+                    return true;
+                }
+            }),
+            MockProvider(CrmService, {
+                getAccountDetail: () =>
+                    of({
+                        id: 7,
+                        name: 'test',
+                        subscription_id: 31,
+                        location: 'Hyderabad, Telangana, India',
+                        country: 'IN',
+                        owner_id: 25,
+                        company_url: '',
+                        status: '{}',
+                        priority: 'A - Ideal Fit',
+                        owner: {
+                            id: 25,
+                            first_name: 'saurabh'
+                        }
+                    }),
+                updateAccount: () => of({}),
+                postAccount: () => of({}),
+                getCrmAccountDefaultValues: () =>
+                    of({
+                        status: [
+                            'Prospect',
+                            'Active Trial',
+                            'Active Customer',
+                            'Old Customer',
+                            'Dead',
+                            'Competitor'
+                        ],
+                        priority: [
+                            'A - Ideal Fit',
+                            'B - High Potential',
+                            'C - Low Potential',
+                            'D - Out of market'
+                        ],
+                        source: [
+                            {
+                                id: 6,
+                                name: 'test',
+                                is_default: true,
+                                subscription_id: 31
+                            }
+                        ]
+                    })
+            }),
+            MockProvider(CommonService, {
+                getOrganizationTypes: () =>
+                    of({
+                        organization_types: [],
+                        object_count: 0,
+                        unfiltered_count: 0
+                    }),
+                getOrganizationSizes: () =>
+                    of({
+                        organization_sizes: []
+                    }),
+                getOrganizationIndustries: () =>
+                    of({
+                        organization_industries: []
+                    })
+            }),
+            MockProvider(GeoService, {
+                getCountries: () => of([{ name: 'test', code: 'te' }])
+            }),
+            MockProvider(SubscriptionService, {
+                getEnrolledSubscription: () =>
+                    of({
+                        members: [
+                            {
+                                id: 25,
+                                first_name: 'saurabh'
+                            }
+                        ],
+                        object_count: 1,
+                        unfiltered_count: 1,
+                        owner_id: 25,
+                        admins: []
+                    })
+            }),
+            {
+                provide: UserService,
+                useClass: UserServiceMock
+            }
+        ]
+    });
+
+    beforeEach(() => {
+        TestHelper.setUpPermissionsAndUser();
+    });
+
+    it('should create', async () => {
+        TestHelper.setActivatedRoute({
+            parent: { params: of({ slug: 'posiwise-263' }) }
+        });
+        const spectator = await createComponent();
+        expect(spectator.component).toBeTruthy();
+    });
+
+    it('should add submit form ', async () => {
+        TestHelper.setActivatedRoute({
+            parent: { params: of({ slug: 'posiwise-263' }) }
+        });
+        const router = TestBed.inject(Router);
+        spyOn(router, 'navigate').and.stub();
+        const spectator = await createComponent();
+        const service = TestBed.inject(CrmService);
+        const spy = spyOn(service, 'postAccount').and.callThrough();
+        spectator.typeInElement('test', 'input[formControlName="name"]');
+        spectator.typeInElement('hyderabad', 'input[formControlName="location"]');
+        spectator.click(
+            'p-autocomplete[formcontrolname="owner_id"] button.p-autocomplete-dropdown'
+        );
+        const owner = spectator.query('.p-autocomplete-panel > :first-child >:first-child');
+        spectator.click(owner);
+        spectator.click('p-autocomplete[formcontrolname="country"] button.p-autocomplete-dropdown');
+        const country = spectator.query('.p-autocomplete-panel > :first-child >:first-child');
+        spectator.click(country);
+        spectator.selectOption(
+            'select[formControlName="status"]',
+            // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion
+            spectator.query(byText('Prospect')) as HTMLOptionElement
+        );
+        spectator.selectOption(
+            'select[formControlName="priority"]',
+            // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion
+            spectator.query(byText('A - Ideal Fit')) as HTMLOptionElement
+        );
+        spectator.click('button[type="submit"]');
+        expect(spy).toHaveBeenCalledTimes(1);
+    });
+
+    it('should edit', async () => {
+        TestHelper.setActivatedRoute({
+            params: { id: 1 },
+            parent: { params: of({ slug: 'posiwise-263' }) }
+        });
+        const router = TestBed.inject(Router);
+        spyOn(router, 'navigate').and.stub();
+        const spectator = await createComponent();
+        const service = TestBed.inject(CrmService);
+        const spy = spyOn(service, 'updateAccount').and.callThrough();
+        spectator.typeInElement('test2', 'input[formControlName="name"]');
+        spectator.click('button[type="submit"]');
+        expect(spy).toHaveBeenCalledTimes(1);
+    });
+});