feat(tabs): add helper functions for tab metadata management

libs/checkout/data-access/src/lib/index.ts

@@ -0,0 +1,2 @@
+export * from './models';
+export * from './services';

libs/core/tabs/src/index.ts

@@ -4,3 +4,4 @@ export * from './lib/schemas';
 export * from './lib/tab';
 export * from './lib/tab-navigation.service';
 export * from './lib/tab-config';
+export * from './lib/helpers';

libs/core/tabs/src/lib/helpers.ts

@@ -0,0 +1,29 @@
+import z from 'zod';
+import { Tab } from './schemas';
+import { computed } from '@angular/core';
+
+export function getTabHelper(
+  tabId: number,
+  entities: Record<number, Tab>,
+): Tab | undefined {
+  return entities[tabId];
+}
+
+export function getMetadataHelper<T extends z.ZodTypeAny>(
+  tabId: number,
+  key: string,
+  schema: T,
+  entities: Record<number, Tab>,
+): z.infer<T> | undefined {
+  const metadata = getTabHelper(tabId, entities)?.metadata;
+
+  if (!metadata) {
+    return undefined;
+  }
+
+  const res = schema.safeParse(metadata?.[key]);
+  if (res.success) {
+    return res.data;
+  }
+  return undefined;
+}

libs/crm/data-access/src/lib/facades/customer-cards.facade.ts

@@ -1,15 +1,15 @@
-import { inject, Injectable } from '@angular/core';
-import { CrmSearchService } from '../services';
-import { FetchCustomerCardsInput } from '../schemas';
-
-@Injectable({ providedIn: 'root' })
-export class CustomerCardsFacade {
-  crmSearchService = inject(CrmSearchService);
-
-  async get(params: FetchCustomerCardsInput, abortSignal: AbortSignal) {
-    return await this.crmSearchService.fetchCustomerCards(
-      { ...params },
-      abortSignal,
-    );
-  }
-}
+import { inject, Injectable } from '@angular/core';
+import { CrmSearchService } from '../services';
+import { FetchCustomerCardsInput } from '../schemas';
+
+@Injectable({ providedIn: 'root' })
+export class CustomerCardsFacade {
+  crmSearchService = inject(CrmSearchService);
+
+  async get(params: FetchCustomerCardsInput, abortSignal?: AbortSignal) {
+    return await this.crmSearchService.fetchCustomerCards(
+      { ...params },
+      abortSignal,
+    );
+  }
+}

libs/crm/data-access/src/lib/services/crm-search.service.ts

@@ -1,68 +1,75 @@
-import { inject, Injectable } from '@angular/core';
-import {
-  CustomerService,
-  ResponseArgsOfCustomerDTO,
-  ResponseArgsOfIEnumerableOfBonusCardInfoDTO,
-} from '@generated/swagger/crm-api';
-import {
-  FetchCustomerCardsInput,
-  FetchCustomerCardsSchema,
-  FetchCustomerInput,
-  FetchCustomerSchema,
-} from '../schemas';
-import {
-  catchResponseArgsErrorPipe,
-  ResponseArgs,
-  takeUntilAborted,
-} from '@isa/common/data-access';
-import { firstValueFrom } from 'rxjs';
-import { BonusCardInfo, Customer } from '../models';
-
-@Injectable({ providedIn: 'root' })
-export class CrmSearchService {
-  #customerService = inject(CustomerService);
-
-  async fetchCustomer(
-    params: FetchCustomerInput,
-    abortSignal: AbortSignal,
-  ): Promise<ResponseArgs<Customer>> {
-    const { customerId, eagerLoading } = FetchCustomerSchema.parse(params);
-
-    const req$ = this.#customerService
-      .CustomerGetCustomer({ customerId, eagerLoading })
-      .pipe(
-        takeUntilAborted(abortSignal),
-        catchResponseArgsErrorPipe<ResponseArgsOfCustomerDTO>(),
-      );
-
-    const res = await firstValueFrom(req$);
-
-    if (res.error) {
-      throw new Error(res.message);
-    }
-
-    return res as ResponseArgs<Customer>;
-  }
-
-  async fetchCustomerCards(
-    params: FetchCustomerCardsInput,
-    abortSignal: AbortSignal,
-  ): Promise<ResponseArgs<BonusCardInfo[]>> {
-    const { customerId } = FetchCustomerCardsSchema.parse(params);
-
-    const req$ = this.#customerService
-      .CustomerGetBonuscards(customerId)
-      .pipe(
-        takeUntilAborted(abortSignal),
-        catchResponseArgsErrorPipe<ResponseArgsOfIEnumerableOfBonusCardInfoDTO>(),
-      );
-
-    const res = await firstValueFrom(req$);
-
-    if (res.error) {
-      throw new Error(res.message);
-    }
-
-    return res as ResponseArgs<BonusCardInfo[]>;
-  }
-}
+import { inject, Injectable } from '@angular/core';
+import {
+  CustomerService,
+  ResponseArgsOfCustomerDTO,
+  ResponseArgsOfIEnumerableOfBonusCardInfoDTO,
+} from '@generated/swagger/crm-api';
+import {
+  FetchCustomerCardsInput,
+  FetchCustomerCardsSchema,
+  FetchCustomerInput,
+  FetchCustomerSchema,
+} from '../schemas';
+import {
+  catchResponseArgsErrorPipe,
+  ResponseArgs,
+  takeUntilAborted,
+} from '@isa/common/data-access';
+import { firstValueFrom } from 'rxjs';
+import { BonusCardInfo, Customer } from '../models';
+
+@Injectable({ providedIn: 'root' })
+export class CrmSearchService {
+  #customerService = inject(CustomerService);
+
+  async fetchCustomer(
+    params: FetchCustomerInput,
+    abortSignal?: AbortSignal,
+  ): Promise<ResponseArgs<Customer>> {
+    const { customerId, eagerLoading } = FetchCustomerSchema.parse(params);
+
+    let req$ = this.#customerService.CustomerGetCustomer({
+      customerId,
+      eagerLoading,
+    });
+
+    if (abortSignal) {
+      req$ = req$.pipe(takeUntilAborted(abortSignal));
+    }
+
+    req$ = req$.pipe(catchResponseArgsErrorPipe<ResponseArgsOfCustomerDTO>());
+
+    const res = await firstValueFrom(req$);
+
+    if (res.error) {
+      throw new Error(res.message);
+    }
+
+    return res as ResponseArgs<Customer>;
+  }
+
+  async fetchCustomerCards(
+    params: FetchCustomerCardsInput,
+    abortSignal?: AbortSignal,
+  ): Promise<ResponseArgs<BonusCardInfo[]>> {
+    const { customerId } = FetchCustomerCardsSchema.parse(params);
+
+    let req$ = this.#customerService.CustomerGetBonuscards(customerId);
+
+    if (abortSignal) {
+      req$ = req$.pipe(takeUntilAborted(abortSignal));
+    }
+
+    req$ = req$.pipe(
+      catchResponseArgsErrorPipe<ResponseArgsOfIEnumerableOfBonusCardInfoDTO>(),
+    );
+
+    const res = await firstValueFrom(req$);
+
+    if (res.error) {
+      throw new Error(res.message);
+    }
+
+    return res as ResponseArgs<BonusCardInfo[]>;
+  }
+}

libs/crm/data-access/src/lib/services/crm-tab-metadata.service.ts

@@ -1,23 +1,24 @@
-import { Injectable, inject } from '@angular/core';
-import { TabService } from '@isa/core/tabs';
-import { SELECTED_CUSTOMER_ID } from '../constants';
-
-@Injectable({ providedIn: 'root' })
-export class CrmTabMetadataService {
-  #tabService = inject(TabService);
-
-  selectedCustomerId(tabId: number): number | undefined {
-    return this.#metadata(tabId)?.[SELECTED_CUSTOMER_ID] as number;
-  }
-
-  setSelectedCustomerId(tabId: number, customerId: number | undefined) {
-    this.#tabService.patchTabMetadata(tabId, {
-      [SELECTED_CUSTOMER_ID]: customerId,
-    });
-  }
-
-  #metadata(tabId: number) {
-    return this.#tabService.entities().find((tab) => tab.id === tabId)
-      ?.metadata;
-  }
-}
+import { Injectable, inject } from '@angular/core';
+import { TabService, getMetadataHelper, getTabHelper } from '@isa/core/tabs';
+import { SELECTED_CUSTOMER_ID } from '../constants';
+import z from 'zod';
+
+@Injectable({ providedIn: 'root' })
+export class CrmTabMetadataService {
+  #tabService = inject(TabService);
+
+  selectedCustomerId(tabId: number): number | undefined {
+    return getMetadataHelper(
+      tabId,
+      SELECTED_CUSTOMER_ID,
+      z.number().optional(),
+      this.#tabService.entities(),
+    );
+  }
+
+  setSelectedCustomerId(tabId: number, customerId: number | undefined) {
+    this.#tabService.patchTabMetadata(tabId, {
+      [SELECTED_CUSTOMER_ID]: customerId,
+    });
+  }
+}