@posiwise/smart-crm 0.0.19 → 0.0.21

package/src/lib/public/components/smart-crm-signup/smart-crm-signup.component.html

@@ -0,0 +1,133 @@
+<div class="container-fluid register">
+  <div class="register-container row h-100">
+    <div class="col-8 col-xl-9 col-md-7 col-lg-8 register-outer">
+      <h1 class="my-5">
+        Not just a CRM <br />
+        but
+        <span data-period="3000"
+          class="txt-rotate"
+          [attr.data-rotate]="[
+                        'Qualified Leads',
+                        'New Prospects',
+                        'New Business Opportunities'
+                    ]"></span>
+        <span class="blinking-cursor">|</span>
+        <br />regularly delivered to you
+      </h1>
+
+      <h3 class="my-5">
+        We use growth hacking tools - mainly crawlers and machine learning - to automate the
+        sourcing of new prospect lists.
+      </h3>
+
+      <div class="row services">
+        <div class="col-lg-6 col-md-12 service-desc service-image">
+          <figure>
+            <img src="/assets/img/products/smart-crm/crm-effective-solution.png"
+              alt="Effective Solution"
+              class="img-fluid" />
+          </figure>
+        </div>
+        <div class="col-lg-6 col-md-12 service-desc product-features text-start">
+          <h2><span>A More Effective</span> solution to increase your sales funnel.</h2>
+          <p>Our proprietary technology automates the sourcing of new leads.</p>
+
+          <ul class="list-unstyled">
+            <li>
+              <span class="icon-check branding-color"></span> Stop wasting time
+              searching for new prospects. Let us automate the process instead.
+            </li>
+            <li>
+              <span class="icon-check branding-color"></span> We provide all you need
+              to contact prospects effectively.
+            </li>
+            <li>
+              <span class="icon-check branding-color"></span> Focus on what's really
+              important - talking to your clients.
+            </li>
+          </ul>
+        </div>
+      </div>
+
+      <div class="row services">
+        <div class="col-lg-6 col-md-12 service-desc product-features text-start">
+          <h2>The full power of <span>Machine Learning</span>.</h2>
+          <p>
+            We have built a system that is able to understand when a prospect is most
+            likely to be looking for new vendors.
+          </p>
+          <ul class="list-unstyled">
+            <li>
+              <span class="icon-check branding-color"></span> Don't waste time. Reach
+              out to prospects at exactly the right moment.
+            </li>
+            <li>
+              <span class="icon-check branding-color"></span> Let us tell you the most
+              efficient way to engage in conversation with your prospect.
+            </li>
+            <li>
+              <span class="icon-check branding-color"></span> Maximize the chances to
+              convert the prospect into a paying customer.
+            </li>
+          </ul>
+        </div>
+        <div class="col-lg-6 col-md-12 service-image">
+          <figure>
+            <img src="/assets/img/products/smart-crm/crm-machine-learning.png"
+              alt="Machine Learning"
+              class="img-fluid" />
+          </figure>
+        </div>
+      </div>
+    </div>
+
+    <div class="register-right-wrapper">
+      <div class="register-right">
+        <ul class="nav nav-tabs nav-justified"
+          role="tablist">
+          <li class="nav-item">
+            <a class="nav-link active"
+              id="login-tab"
+              data-bs-toggle="tab"
+              href="#login"
+              role="tab"
+              aria-controls="login"
+              aria-selected="true">Login</a>
+          </li>
+          <li class="nav-item">
+            <a class="nav-link"
+              id="join-tab"
+              data-bs-toggle="tab"
+              href="#join"
+              role="tab"
+              aria-controls="join"
+              aria-selected="false">Interested?</a>
+          </li>
+        </ul>
+
+        <div class="tab-content social-inline">
+          <div class="tab-pane fade show"
+            id="join"
+            role="tabpanel"
+            aria-labelledby="join-tab">
+            <h3>
+              Contact us for a demo.<br />
+              It's worth more than a 1000 words.
+            </h3>
+            <pw-contact-us [masterProductId]="masterProductId"
+              [productKey]="productKey"
+              [subject]="subject"></pw-contact-us>
+          </div>
+
+          <div class="tab-pane fade show active"
+            id="login"
+            role="tabpanel"
+            aria-labelledby="login-tab">
+            <h3>Welcome back</h3>
+            <pw-login></pw-login>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>

package/src/lib/public/components/smart-crm-signup/smart-crm-signup.component.scss

@@ -0,0 +1 @@
+@import 'common/landing-page-a/landing-page-style-1';

package/src/lib/public/components/smart-crm-signup/smart-crm-signup.component.spec.ts

@@ -0,0 +1,37 @@
+import { AuthService, CommonServicesModule, ProductService } from '@posiwise/common-services';
+import { HelperService } from '@posiwise/helper-service';
+import { SharedModule } from '@posiwise/shared-module';
+import { TestHelper } from '@posiwise/test-helpers';
+import { MockProvider } from 'ng-mocks';
+import { EMPTY, of } from 'rxjs';
+import { CRMPublicModule } from '../../smart-crm-public.module';
+import { CrmSignupComponent } from './smart-crm-signup.component';
+
+describe('CrmSignupComponent', () => {
+    const createComponent = TestHelper.createComponentFactory({
+        component: CrmSignupComponent,
+        imports: [CommonServicesModule, CRMPublicModule, SharedModule],
+        providers: [
+            MockProvider(AuthService, {
+                getToken$: () => EMPTY
+            }),
+            MockProvider(ProductService, {
+                getProducts: () =>
+                    of({
+                        products: [],
+                        object_count: 0,
+                        unfiltered_count: 0
+                    })
+            })
+        ]
+    });
+
+    beforeEach(() => {
+        spyOn(HelperService, 'changeTitleText').and.returnValue();
+    });
+
+    it('should create', async () => {
+        const spectator = await createComponent();
+        expect(spectator.component).toBeTruthy();
+    });
+});

package/src/lib/public/components/smart-crm-signup/smart-crm-signup.component.ts

@@ -0,0 +1,41 @@
+import { Component, Injector, OnInit } from '@angular/core';
+import { CRM_KEYS } from '@posiwise/smart-crm-shared';
+
+import { AppBaseComponent } from '@posiwise/app-base-component';
+import { AuthService } from '@posiwise/common-services';
+
+@Component({
+    selector: 'pw-crm-signup',
+    templateUrl: './smart-crm-signup.component.html',
+    styleUrls: ['./smart-crm-signup.component.scss']
+})
+export class CrmSignupComponent extends AppBaseComponent implements OnInit {
+    subject: string;
+
+    productKey = CRM_KEYS.CRM_Yearly;
+
+    masterProductId = this.appConfig.master_subscription.product_id;
+
+    constructor(
+        private authService: AuthService,
+        injector: Injector
+    ) {
+        super(injector);
+        this.subject = 'SmartCRM Product Contact Request';
+    }
+
+    ngOnInit() {
+        // Redirect user to the home if its already logged in
+        this.authService.getToken$().subscribe(tok => {
+            if (tok && typeof tok === 'string') {
+                this.router.navigate(['home']);
+            }
+        });
+
+        this.scrollableLeft();
+    }
+
+    private scrollableLeft() {
+        $('.register').css('opacity', 1);
+    }
+}

package/src/lib/public/smart-crm-public.module.ts

@@ -0,0 +1,30 @@
+import { NgModule } from '@angular/core';
+import { TRANSLOCO_SCOPE, TranslocoModule } from '@jsverse/transloco';
+import { CrmNewsletterConfirmationComponent } from './components/smart-crm-newsletter-confirmation/smart-crm-newsletter-confirmation.component';
+import { CrmNewsletterUnsubscribeComponent } from './components/smart-crm-newsletter-unsubscribe/smart-crm-newsletter-unsubscribe.component';
+import { CrmSignupComponent } from './components/smart-crm-signup/smart-crm-signup.component';
+import { CrmPublicRoutingModule } from './smart-crm-public.routing.module';
+
+import { ProductsShared } from '@posiwise/shared-product-components';
+import { LayoutsModule } from '@posiwise/layouts';
+import { CommonModule } from '@angular/common';
+
+@NgModule({
+    imports: [CrmPublicRoutingModule, ProductsShared, LayoutsModule, TranslocoModule, CommonModule],
+    providers: [
+        {
+            provide: TRANSLOCO_SCOPE,
+            useValue: {
+                scope: 'smart-crm',
+                alias: 'Crm'
+            }
+        }
+    ],
+
+    declarations: [
+        CrmSignupComponent,
+        CrmNewsletterUnsubscribeComponent,
+        CrmNewsletterConfirmationComponent
+    ]
+})
+export class CRMPublicModule {}

package/src/lib/public/smart-crm-public.routing.module.ts

@@ -0,0 +1,36 @@
+import { NgModule } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
+import { CrmNewsletterConfirmationComponent } from './components/smart-crm-newsletter-confirmation/smart-crm-newsletter-confirmation.component';
+import { CrmNewsletterUnsubscribeComponent } from './components/smart-crm-newsletter-unsubscribe/smart-crm-newsletter-unsubscribe.component';
+import { CrmSignupComponent } from './components/smart-crm-signup/smart-crm-signup.component';
+
+// These are the public routes. The public routes and modules needs to be defined in public.routes.ts
+const routes: Routes = [
+    {
+        path: '',
+        component: CrmSignupComponent,
+        data: {
+            title: 'Not just a CRM. We provide you with qualified leads.'
+        }
+    },
+    {
+        path: 'crm-newsletter-unsubscribe',
+        component: CrmNewsletterUnsubscribeComponent,
+        data: {
+            title: 'CRM Unsubscribe Newsletter'
+        }
+    },
+    {
+        path: 'crm-newsletter-confirmation',
+        component: CrmNewsletterConfirmationComponent,
+        data: {
+            title: 'CRM Newsletter Confirmation'
+        }
+    }
+];
+
+@NgModule({
+    imports: [RouterModule.forChild(routes)],
+    exports: [RouterModule]
+})
+export class CrmPublicRoutingModule {}

package/{lib/shared/interface/crm-account.interface.d.ts → src/lib/shared/interface/crm-account.interface.ts}

@@ -4,8 +4,8 @@ export interface CrmAccount {
     description: string;
     subscription_id: number;
     location: string;
-    latitude: number;
-    longitude: number;
+    latitude: number; // Assuming latitude and longitude are numbers
+    longitude: number; // Adjust if they are strings
     comment: string;
     tel: string;
     country: string;
@@ -22,26 +22,33 @@ export interface CrmAccount {
     organisation_type: OrganisationType;
     organisation_industry: OrganisationIndustry;
 }
+
 interface OrganisationSize {
     id: number;
     size: string;
+    // Add other relevant fields if needed
 }
+
 interface OrganisationType {
     id: number;
     type: string;
+    // Add other relevant fields if needed
 }
+
 interface OrganisationIndustry {
     id: number;
     industry: string;
+    // Add other relevant fields if needed
 }
+
 interface Owner {
     id: number;
     name: string;
     email: string;
 }
+
 export interface CrmAccountResponse {
     accounts: CrmAccount[];
     object_count: number;
     unfiltered_count: number;
 }
-export {};

package/{lib/shared/interface/crm-action.interface.d.ts → src/lib/shared/interface/crm-action.interface.ts}

@@ -8,6 +8,7 @@ export interface CrmAction {
     previous_action_id: number;
     contact_required: boolean;
 }
+
 export interface CrmActionResponse {
     crm_actions: CrmAction[];
     object_count: number;

package/{lib/shared/interface/crm-contact.interface.d.ts → src/lib/shared/interface/crm-contact.interface.ts}

@@ -1,4 +1,5 @@
 import { CrmAccount } from './crm-account.interface';
+
 export interface CrmContact {
     id: number;
     first_name: string;
@@ -22,6 +23,7 @@ export interface CrmContact {
     owner: string;
     crm_account: CrmAccount;
 }
+
 export interface CrmContactResponse {
     contacts: CrmContact[];
     object_count: number;

package/{lib/shared/interface/crm-lead.interface.d.ts → src/lib/shared/interface/crm-lead.interface.ts}

@@ -20,6 +20,7 @@ export interface CrmLead {
     newsletter_subscribed: boolean;
     crm_source: object;
 }
+
 export interface CrmLeadResponse {
     crm_leads: CrmLead[];
     object_count: number;

package/{lib/shared/interface/crm-newsletter.interface.d.ts → src/lib/shared/interface/crm-newsletter.interface.ts}

@@ -24,11 +24,13 @@ export interface CrmNewsLetter {
     can_reply: boolean;
     only_new_contacts: boolean;
 }
+
 export interface CrmNewsLetterResponse {
     crm_newsletters: CrmNewsLetter[];
     object_count: number;
     unfiltered_count: number;
 }
+
 interface NewsLetterContact {
     id: number;
     first_name: string;
@@ -51,9 +53,9 @@ interface NewsLetterContact {
     newsletter_subscribed: boolean;
     message_insight: string;
 }
+
 export interface NewsLetterContactResponse {
     newsletter_contacts: NewsLetterContact[];
     object_count: number;
     unfiltered_count: number;
 }
-export {};

package/{lib/shared/interface/crm-opportunity.interface.d.ts → src/lib/shared/interface/crm-opportunity.interface.ts}

@@ -1,5 +1,6 @@
 import { CrmAccount } from './crm-account.interface';
 import { CrmStage } from './crm-stages.interface';
+
 export interface CrmOpportunityCategory {
     id: number;
     subscription_id: number;
@@ -9,11 +10,13 @@ export interface CrmOpportunityCategory {
     is_default: boolean;
     previous_category: string;
 }
+
 export interface CrmOpportunityCategoryResponse {
     crm_opportunity_categories: CrmOpportunityCategory[];
     object_count: number;
     unfiltered_count: number;
 }
+
 export interface CrmOpportunity {
     id: number;
     title: string;
@@ -39,11 +42,13 @@ export interface CrmOpportunity {
     owner: string[];
     crm_opportunity_categories: string[];
 }
+
 export interface CrmOpportunityResponse {
     crm_opportunities: CrmOpportunity[];
     object_count: number;
     unfiltered_count: number;
 }
+
 export interface CrmVersion {
     item_id: number;
     item_type: string;

package/{lib/shared/interface/crm-source.interface.d.ts → src/lib/shared/interface/crm-source.interface.ts}

@@ -4,6 +4,7 @@ export interface CrmSource {
     is_default: boolean;
     subscription_id: number;
 }
+
 export interface CrmSourceResponse {
     crm_sources: CrmSource[];
     object_count: number;

package/{lib/shared/interface/crm-stages.interface.d.ts → src/lib/shared/interface/crm-stages.interface.ts}

@@ -7,6 +7,7 @@ export interface CrmStage {
     is_default: boolean;
     crm_opportunity_category_ids: number[];
 }
+
 export interface CrmStageResponse {
     crm_opportunity_stages: CrmStage[];
     object_count: number;

package/{lib/shared/interface/crm-widget.interface.d.ts → src/lib/shared/interface/crm-widget.interface.ts}

@@ -7,6 +7,7 @@ export interface CrmWidget {
     crm_widget_id: number;
     owner_id: number;
 }
+
 export interface CrmWidgetResponse {
     crm_widget_relationships: CrmWidget[];
     object_count: number;

package/{lib/shared/interface/smart-crm-module.interface.d.ts → src/lib/shared/interface/smart-crm-module.interface.ts}

@@ -1,3 +1,4 @@
+// Interface for the data property
 export interface OpportunityData {
     crm_contact_id?: number;
     crm_contact?: {
@@ -15,6 +16,8 @@ export interface OpportunityData {
     one_time_amount?: number;
     id: number;
 }
+
+// Interface for comments
 export interface OpportunityComment {
     id: number;
     when: string;
@@ -29,6 +32,8 @@ export interface OpportunityComment {
     month?: string;
     first_name: string;
 }
+
+// Interface for contacts
 export interface OpportunityContact {
     id: number;
     first_name: string;
@@ -36,28 +41,38 @@ export interface OpportunityContact {
     email: string;
     displayName?: string;
 }
+
+// Interface for action
 export interface CrmAction {
     id: number;
     visible: boolean;
 }
+
+// Interface for versioning
 export interface CrmVersion {
     id: number;
     name: string;
     version: string;
 }
+
+// Interface for filtered data
 export interface FilteredData {
     id: number;
     name: string;
 }
+
+// Interface for user subscription
 export interface Subscription {
     id: number;
     [key: string]: number;
 }
+
 export interface OpportunityInsight {
     title: string;
     value: string;
     reason: number;
 }
+
 export interface SmartCrmContact {
     id: number;
     first_name: string;
@@ -66,10 +81,12 @@ export interface SmartCrmContact {
     displayName: string;
     crm_account?: CrmAccount;
 }
+
 export interface CrmAccount {
     id: number;
     name: string;
 }
+
 export interface CrmopportunityContact {
     id: number;
     first_name: string;
@@ -79,6 +96,7 @@ export interface CrmopportunityContact {
     crm_account_id: number;
     displayName: string;
 }
+
 export interface CrmOpportunityData {
     id: number;
     starting_at: string;
@@ -89,58 +107,76 @@ export interface CrmOpportunityData {
     crm_account_id: number;
     stage: string;
 }
+
 export interface OpportunityStage {
     id: number;
     name: string;
     crm_opportunity_category_ids: number[];
 }
+
 export interface OpportunityCategory {
     label: string;
     value: number;
 }
+
 export interface FeatureKey {
     label: string;
     value: string;
 }
+
+// Define interfaces in separate files or within the same file for simplicity
+
 export interface SubscriptionMember {
     id: number;
     first_name: string;
+    // add other relevant properties
 }
+
 export interface OrganizationType {
     id: number;
     name: string;
 }
+
 export interface OrganizationSize {
     id: number;
     size: string;
 }
+
 export interface OrganizationIndustry {
     id: number;
     industry: string;
 }
+
 export interface AccountResponse {
     id: number;
-    status: string[];
+    status: string[]; // Define more detailed types if known
     priority: string[];
     source: string[];
+    // add other relevant properties
 }
+
 export interface AccountDetailResponse {
     id: number;
     owner_id: number;
     country: string;
+    // add other relevant properties
 }
+
 export interface OrganizationIndustry {
     id: number;
     name: string;
 }
+
 export interface OrganizationSize {
     id: number;
     size: string;
 }
+
 export interface OrganizationType {
     id: number;
     name: string;
 }
+
 export interface SmartCrmAction {
     id: number;
     comment: string;
@@ -151,16 +187,20 @@ export interface SmartCrmAction {
     owner_id: number;
     visible: boolean | null;
 }
+
 export interface CrmOwner {
     id: number;
     first_name: string;
     last_name: string;
     email: string;
     displayName?: string;
+    // Other properties of Owner
 }
+
 export interface FilteredCrmComment {
     first_name?: string;
 }
+
 export interface UserAccount {
     signed_up_at: string | null;
     unsubscribed_at: string | null;
@@ -173,6 +213,7 @@ export interface ContactAccountData {
     tel?: string;
     company_url?: string;
 }
+
 export interface TestContainerModel<T> {
     id: string;
     data: T[];