@infrab4a/connect-angular 5.0.0-beta.96 → 5.0.0

package/src/services/helpers/util.helper.ts

@@ -0,0 +1,17 @@
+export class UtilHelper {
+  static createSlug(name: string): string {
+    return name
+      .toLowerCase()
+      .replace(/\s+/g, '-') // Replace spaces with -
+      .replace(/[ãàáäâ]/g, 'a') // Replace spaces with -
+      .replace(/[ẽèéëê]/g, 'e') // Replace spaces with -
+      .replace(/[ìíïî]/g, 'i') // Replace spaces with -
+      .replace(/[õòóöô]/g, 'o') // Replace spaces with -
+      .replace(/[ùúüû]/g, 'u') // Replace spaces with -
+      .replace(/[ñ]/g, 'n') // Replace spaces with -
+      .replace(/[ç]/g, 'c') // Replace spaces with -
+      .replace(/[&]/g, 'and') // Replace spaces with -
+      .replace(/[^\w-]+/g, '') // Remove all non-word chars
+      .replace(/--+/g, '-') // Replace multiple - with single -
+  }
+}

package/src/services/home-shop/home-shop-repositories.facade.ts

@@ -0,0 +1,11 @@
+import { Inject, Injectable } from '@angular/core'
+import { CategoryRepository, HomeRepository, ProductRepository } from '@infrab4a/connect'
+
+@Injectable()
+export class HomeShopRepositoriesFacade {
+  constructor(
+    @Inject('CategoryRepository') public readonly categoryRepository: CategoryRepository,
+    @Inject('HomeRepository') public readonly homeRepository: HomeRepository,
+    @Inject('ProductRepository') public readonly productRepository: ProductRepository,
+  ) {}
+}

package/src/services/home-shop/index.ts

@@ -0,0 +1 @@
+export { HomeShopRepositoriesFacade } from './home-shop-repositories.facade'

package/src/services/home-shop.service.ts

@@ -0,0 +1,196 @@
+import { Injectable } from '@angular/core'
+import {
+  add,
+  Banner,
+  Category,
+  Home,
+  HomeCategoryGroup,
+  HomeData,
+  pick,
+  Product,
+  RequiredArgumentError,
+  Shops,
+  Where,
+} from '@infrab4a/connect'
+import { forkJoin, from, Observable, of, throwError } from 'rxjs'
+import { concatMap, map, tap } from 'rxjs/operators'
+
+import { HomeShopRepositoriesFacade } from './home-shop'
+import { ConfigurationFacade } from './shared'
+
+type HomeConfigurationId = 'glamshop' | 'mens_market'
+type BannerType = 'brand' | 'buyToWin' | 'block' | 'blog'
+
+@Injectable()
+export class HomeShopService {
+  private homeConfiguration: Home
+
+  private get homeId(): HomeConfigurationId {
+    if (this.configurationFacade.defaultShop === Shops.GLAMSHOP) return 'glamshop'
+
+    if (this.configurationFacade.defaultShop === Shops.MENSMARKET) return 'mens_market'
+
+    return null
+  }
+
+  constructor(
+    private readonly repositoriesFacade: HomeShopRepositoriesFacade,
+    private readonly configurationFacade: ConfigurationFacade,
+  ) {}
+
+  getHomeData(): Observable<Home> {
+    return this.getHomeConfiguration().pipe(
+      map((home) => (home?.data?.expiresAt > new Date() ? home : null)),
+      concatMap((home) =>
+        home
+          ? of(home)
+          : forkJoin([
+              this.getDiscoverProducts(this.gender),
+              this.getFeaturedProducts(this.gender),
+              this.getVerticalProducts(this.gender),
+            ]).pipe(
+              map(([discoverProducts, featuredProducts, verticalProducts]) => ({
+                discoverProducts,
+                featuredProducts,
+                verticalProducts,
+              })),
+              concatMap((data) => this.saveHomeData(data)),
+            ),
+      ),
+    )
+  }
+
+  getBanners(type: BannerType): Observable<Banner[]> {
+    return this.getHomeConfiguration().pipe(
+      map((home) => {
+        if (type === 'brand') return home.brandsCarousel
+
+        if (type === 'buyToWin') return [home.buyToWinBanner]
+
+        if (type === 'block') return home.blockBanners
+
+        if (type === 'blog') return [home.blogBanner]
+
+        return []
+      }),
+    )
+  }
+
+  getMinValueForFreeShipping(): Observable<number> {
+    return this.getHomeConfiguration().pipe(map((home) => home.minValueForFreeShipping))
+  }
+
+  private getDiscoverProducts(_gender?: string): Observable<{ category: Category; products: Product[] }[]> {
+    return this.getHomeConfiguration().pipe(
+      concatMap((home) =>
+        from(
+          this.repositoriesFacade.categoryRepository.getCategoriesForHome({
+            categoryIds: home.discoverCategories,
+            shop: this.configurationFacade.defaultShop,
+          }),
+        ).pipe(map((groups) => groups.map(this.buildCategoryGroupWithRequiredData))),
+      ),
+    )
+  }
+
+  private getFeaturedProducts(_gender?: string): Observable<{ category: Category; products: Product[] }[]> {
+    return this.getHomeConfiguration().pipe(
+      concatMap((home) =>
+        from(
+          this.repositoriesFacade.categoryRepository.getCategoriesForHome({
+            categoryIds: home.featuredCategories,
+            shop: this.configurationFacade.defaultShop,
+          }),
+        ).pipe(map((groups) => groups.map(this.buildCategoryGroupWithRequiredData))),
+      ),
+    )
+  }
+
+  private getVerticalProducts(gender?: string): Observable<{ category: Category; products: Product[] }[]> {
+    return this.getHomeConfiguration().pipe(
+      concatMap((home) =>
+        forkJoin(
+          home.verticalCarousels.filter(Boolean).map((id) =>
+            from(this.repositoriesFacade.categoryRepository.get({ id })).pipe(
+              concatMap((category) =>
+                from(
+                  this.repositoriesFacade.productRepository.find({
+                    filters: {
+                      categories: { operator: Where.IN, value: [category.id] },
+                      ...(gender ? { tags: { operator: Where.IN, value: [gender] } } : {}),
+                    },
+                    limits: { limit: 12 },
+                  }),
+                ).pipe(map((products) => ({ category, products }))),
+              ),
+              map(({ category, products }) => ({ category, products: products.data })),
+              map(this.buildCategoryGroupWithRequiredData),
+            ),
+          ),
+        ),
+      ),
+    )
+  }
+
+  private getHomeConfiguration(): Observable<Home> {
+    return of(this.homeConfiguration).pipe(
+      concatMap((home) =>
+        home
+          ? of(home)
+          : !this.homeId
+          ? throwError(() => new RequiredArgumentError(['homeId']))
+          : from(this.repositoriesFacade.homeRepository.get({ id: this.homeId })).pipe(
+              tap((homeLoaded) => (this.homeConfiguration = homeLoaded)),
+            ),
+      ),
+    )
+  }
+
+  private saveHomeData(homeData: HomeData): Observable<Home> {
+    const data = {
+      createdAt: new Date(),
+      expiresAt: add(new Date(), { hours: 1 }),
+      data: homeData,
+    }
+
+    return from(
+      this.repositoriesFacade.homeRepository.update({
+        id: this.homeId,
+        data,
+      }),
+    ).pipe(
+      tap(() => (this.homeConfiguration.data = data)),
+      map(() => this.homeConfiguration),
+    )
+  }
+
+  private buildCategoryGroupWithRequiredData = (group: HomeCategoryGroup): HomeCategoryGroup => ({
+    category: Category.toInstance(pick(group?.category?.toPlain() || {}, ['id', 'name', 'slug', 'conditions'])),
+    products:
+      group?.products?.map((product) =>
+        Product.toInstance(
+          pick(product?.toPlain() || {}, [
+            'id',
+            'price',
+            'reviews',
+            'hasVariants',
+            'slug',
+            'sku',
+            'stock',
+            'costPrice',
+            'images',
+            'miniatures',
+            'name',
+            'weight',
+            'rate',
+            'type',
+            'brand',
+          ]),
+        ),
+      ) || [],
+  })
+
+  private get gender() {
+    return this.homeId === 'mens_market' ? 'masculino' : undefined
+  }
+}

package/src/services/index.ts

@@ -0,0 +1,9 @@
+export * from './auth.service'
+export * from './cart.service'
+export * from './catalog'
+export * from './checkout-subscription.service'
+export * from './checkout.service'
+export * from './coupon.service'
+export * from './helpers'
+export * from './home-shop.service'
+export * from './order.service'

package/src/services/order.service.ts

@@ -0,0 +1,23 @@
+import { Injectable, Inject } from '@angular/core'
+import { doc, Firestore, docSnapshots } from '@angular/fire/firestore'
+import { Order, OrderFirestoreRepository } from '@infrab4a/connect'
+import { Subject } from 'rxjs'
+import { map } from 'rxjs/operators'
+
+@Injectable()
+export class OrderService {
+  orderSubject = new Subject<Order>()
+
+  constructor(
+    private readonly angularFirestore: Firestore,
+    @Inject('OrderRepository') private readonly orderRepository: OrderFirestoreRepository,
+  ) {}
+
+  getOrder(id: string): Subject<Order> {
+    docSnapshots(doc(this.angularFirestore, `${this.orderRepository.collectionName}/${id}`))
+      .pipe(map((doc) => Order.toInstance(doc.data())))
+      .subscribe((doc) => this.orderSubject.next(doc))
+
+    return this.orderSubject
+  }
+}

package/src/services/shared/configuration.facade.ts

@@ -0,0 +1,21 @@
+import { Inject, Injectable } from '@angular/core'
+import { FirebaseOptions } from '@angular/fire/app'
+import { Shops } from '@infrab4a/connect'
+
+import { DEFAULT_SHOP, FIREBASE_OPTIONS } from '../../consts'
+
+@Injectable()
+export class ConfigurationFacade {
+  constructor(
+    @Inject(DEFAULT_SHOP) public readonly defaultShop: Shops,
+    @Inject(FIREBASE_OPTIONS) public readonly firebaseOptions: FirebaseOptions,
+  ) {}
+
+  getCheckoutUrl(): string {
+    return `https://southamerica-east1-${this.firebaseOptions.projectId}.cloudfunctions.net`
+  }
+
+  getProjectId(): string {
+    return this.firebaseOptions.projectId
+  }
+}

package/src/services/shared/index.ts

@@ -0,0 +1 @@
+export { ConfigurationFacade } from './configuration.facade'

package/src/services/types/index.ts

@@ -0,0 +1,2 @@
+export * from './required-checkout-data.type'
+export * from './required-checkout-subscription-data.type'

package/src/services/types/required-checkout-data.type.ts

@@ -0,0 +1,3 @@
+import { Checkout } from '@infrab4a/connect'
+
+export type RequiredCheckoutData = Partial<Pick<Checkout, 'id' | 'user' | 'shop' | 'lineItems'>>

package/src/services/types/required-checkout-subscription-data.type.ts

@@ -0,0 +1,3 @@
+import { CheckoutSubscription } from '@infrab4a/connect'
+
+export type RequiredCheckoutSubscriptionData = Partial<Pick<CheckoutSubscription, 'id'>>

package/src/types/firebase-app-config.type.ts

@@ -0,0 +1 @@
+export type FirebaseAppConfig = Record<string, any>

package/src/types/index.ts

@@ -0,0 +1 @@
+export * from './firebase-app-config.type'

package/tsconfig.json

@@ -0,0 +1,17 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "declarationMap": true,
+    "inlineSources": true,
+    "noEmit": true,
+    "composite": false,
+    "lib": ["es2018", "dom"]
+  },
+  "exclude": [
+    "**/*.spec.ts"
+  ],
+  "references": [
+    { "path": "../connect" }
+  ],
+  "include": ["./src"]
+}

package/tsconfig.lib.json

@@ -0,0 +1,13 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "noEmit": false,
+    "composite": false
+  },
+  "angularCompilerOptions": {
+    "skipTemplateCodegen": true,
+    "strictMetadataEmit": true,
+    "enableResourceInlining": true,
+  }
+}

package/tsconfig.lib.prod.json

@@ -0,0 +1,13 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+  "extends": "./tsconfig.lib.json",
+  "compilerOptions": {
+    "declarationMap": false,
+    "importHelpers": true,
+    "target": "es2017",
+    "module": "es2020"
+  },
+  "angularCompilerOptions": {
+    "compilationMode": "partial"
+  }
+}

package/tsconfig.spec.json

@@ -0,0 +1,17 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../dist/spec",
+    "types": [
+      "jasmine"
+    ]
+  },
+  "files": [
+    "src/test.ts"
+  ],
+  "include": [
+    "**/*.spec.ts",
+    "**/*.d.ts"
+  ]
+}

package/angular-connect.module.d.ts

@@ -1,32 +0,0 @@
-import { ModuleWithProviders, Type } from '@angular/core';
-import { FirebaseOptions } from '@angular/fire/app';
-import { AppCheckOptions } from '@angular/fire/app-check';
-import { AxiosElasticSearchConfig, Shops, VertexSearchConfig } from '@infrab4a/connect';
-import { HasuraGraphQLOptions } from './angular-hasura-graphql.module';
-import { DataPersistence } from './persistence';
-import { FirebaseAppConfig } from './types';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/fire/app";
-import * as i2 from "@angular/fire/app-check";
-import * as i3 from "@angular/fire/storage";
-import * as i4 from "./angular-elastic-search.module";
-import * as i5 from "./angular-vertex-search.module";
-import * as i6 from "./angular-firebase-auth.module";
-import * as i7 from "./angular-firestore.module";
-import * as i8 from "./angular-hasura-graphql.module";
-export declare class AngularConnectModule {
-    static initializeApp(defaultShop: Shops, options: {
-        firebase?: FirebaseOptions;
-        elasticSearch?: AxiosElasticSearchConfig;
-        vertexConfig?: VertexSearchConfig;
-        hasura: HasuraGraphQLOptions;
-        backendUrl: string;
-        oldCategoryStructure?: boolean;
-        storageBaseUrl?: string;
-        persistenceProvider?: Type<DataPersistence>;
-        appCheckProvider?: AppCheckOptions['provider'];
-    }, nameOrConfig?: string | FirebaseAppConfig): ModuleWithProviders<AngularConnectModule>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AngularConnectModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AngularConnectModule, never, [typeof i1.FirebaseAppModule, typeof i2.AppCheckModule, typeof i3.StorageModule, typeof i4.AngularElasticSeachModule, typeof i5.AngularVertexSeachModule, typeof i6.AngularFirebaseAuthModule, typeof i7.AngularFirestoreModule, typeof i8.AngularHasuraGraphQLModule], never>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<AngularConnectModule>;
-}

package/angular-elastic-search.module.d.ts

@@ -1,9 +0,0 @@
-import { ModuleWithProviders } from '@angular/core';
-import { AxiosElasticSearchConfig } from '@infrab4a/connect';
-import * as i0 from "@angular/core";
-export declare class AngularElasticSeachModule {
-    static initializeApp(options: AxiosElasticSearchConfig): ModuleWithProviders<AngularElasticSeachModule>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AngularElasticSeachModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AngularElasticSeachModule, never, never, never>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<AngularElasticSeachModule>;
-}

package/angular-firebase-auth.module.d.ts

@@ -1,11 +0,0 @@
-import { ModuleWithProviders } from '@angular/core';
-import { FirebaseOptions } from '@angular/fire/app';
-import { FirebaseAppConfig } from './types';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/fire/auth";
-export declare class AngularFirebaseAuthModule {
-    static initializeApp(options: FirebaseOptions, nameOrConfig?: string | FirebaseAppConfig): ModuleWithProviders<AngularFirebaseAuthModule>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AngularFirebaseAuthModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AngularFirebaseAuthModule, never, [typeof i1.AuthModule], never>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<AngularFirebaseAuthModule>;
-}

package/angular-firestore.module.d.ts

@@ -1,17 +0,0 @@
-import { ModuleWithProviders } from '@angular/core';
-import { FirebaseOptions } from '@angular/fire/app';
-import { AxiosElasticSearchConfig, FirestoreConstructorParams } from '@infrab4a/connect';
-import { FirebaseAppConfig } from './types';
-import * as i0 from "@angular/core";
-import * as i1 from "./angular-elastic-search.module";
-import * as i2 from "@angular/fire/firestore";
-export type FirestoreOptions = Pick<FirestoreConstructorParams<any>, 'firestore' | 'interceptors'>;
-export declare class AngularFirestoreModule {
-    static initializeApp(options: {
-        firebase: FirebaseOptions;
-        elasticSearch: AxiosElasticSearchConfig;
-    }, nameOrConfig?: string | FirebaseAppConfig): ModuleWithProviders<AngularFirestoreModule>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AngularFirestoreModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AngularFirestoreModule, never, [typeof i1.AngularElasticSeachModule, typeof i2.FirestoreModule], never>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<AngularFirestoreModule>;
-}

package/angular-hasura-graphql.module.d.ts

@@ -1,14 +0,0 @@
-import { ModuleWithProviders } from '@angular/core';
-import { CacheConfig, HasuraGraphQLAuthOptions } from '@infrab4a/connect';
-import * as i0 from "@angular/core";
-export type HasuraGraphQLOptions = {
-    endpoint: string;
-    credentials?: HasuraGraphQLAuthOptions;
-    cache?: CacheConfig;
-};
-export declare class AngularHasuraGraphQLModule {
-    static initializeApp(options: HasuraGraphQLOptions): ModuleWithProviders<AngularHasuraGraphQLModule>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AngularHasuraGraphQLModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AngularHasuraGraphQLModule, never, never, never>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<AngularHasuraGraphQLModule>;
-}

package/angular-vertex-search.module.d.ts

@@ -1,9 +0,0 @@
-import { ModuleWithProviders } from '@angular/core';
-import { VertexSearchConfig } from '@infrab4a/connect';
-import * as i0 from "@angular/core";
-export declare class AngularVertexSeachModule {
-    static initializeApp(options: VertexSearchConfig): ModuleWithProviders<AngularVertexSeachModule>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AngularVertexSeachModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AngularVertexSeachModule, never, never, never>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<AngularVertexSeachModule>;
-}

package/consts/backend-url.const.d.ts

@@ -1 +0,0 @@
-export declare const BACKEND_URL = "BACKEND_URL";

package/consts/category-structure.d.ts

@@ -1 +0,0 @@
-export declare const CATEGORY_STRUCTURE = "CATEGORY_STRUCTURE";

package/consts/default-shop.const.d.ts

@@ -1 +0,0 @@
-export declare const DEFAULT_SHOP = "DEFAULT_SHOP";

package/consts/es-config.const.d.ts

@@ -1 +0,0 @@
-export declare const ES_CONFIG = "ES_CONFIG";

package/consts/firebase-const.d.ts

@@ -1,4 +0,0 @@
-import { InjectionToken } from '@angular/core';
-export declare const FIREBASE_APP_NAME: InjectionToken<unknown>;
-export declare const FIREBASE_OPTIONS: InjectionToken<unknown>;
-export declare const APP_CHECK_PROVIDER: InjectionToken<unknown>;

package/consts/hasura-options.const.d.ts

@@ -1 +0,0 @@
-export declare const HASURA_OPTIONS = "HASURA_OPTIONS";

package/consts/index.d.ts

@@ -1,8 +0,0 @@
-export * from './backend-url.const';
-export * from './category-structure';
-export * from './default-shop.const';
-export * from './es-config.const';
-export * from './firebase-const';
-export * from './hasura-options.const';
-export * from './persistence.const';
-export * from './vertex-config.const';

package/consts/persistence.const.d.ts

@@ -1 +0,0 @@
-export declare const PERSISTENCE_PROVIDER = "PERSISTENCE_PROVIDER";

package/consts/storage-base-url.const.d.ts

@@ -1 +0,0 @@
-export declare const STORAGE_BASE_URL = "STORAGE_BASE_URL";

package/consts/vertex-config.const.d.ts

@@ -1 +0,0 @@
-export declare const VERTEX_CONFIG = "VERTEX_CONFIG";