@ikas/storefront-providers 4.0.0-alpha.78 → 4.0.0-alpha.8

package/src/providers/prop-value/custom.ts

@@ -0,0 +1,560 @@
+import _cloneDeep from "lodash/cloneDeep";
+import IkasPropValueProvider from ".";
+import { IkasBrandListPropValueProvider } from "./brand-list";
+import { IkasBrandPropValueProvider } from "./brand";
+import { IkasCategoryListPropValueProvider } from "./category-list";
+import { IkasCategoryPropValueProvider } from "./category";
+import { IkasColorPropValueProvider } from "./color";
+import { IkasBooleanPropValueProvider } from "./boolean";
+import { IkasTextPropValueProvider } from "./text";
+import { IkasImageListPropValueProvider } from "./image-list";
+import { IkasImagePropValueProvider } from "./image";
+import { IkasLinkPropValueProvider } from "./link";
+import { IkasProductPropValueProvider } from "./product-detail";
+import { IkasProductListPropValueProvider } from "./product-list";
+import { IkasPageDataProvider } from "../page-data-get";
+import { IkasRichTextPropValueProvider } from "./rich-text";
+import { IkasBlogPropValueProvider } from "./blog";
+import { IkasBlogListPropValueProvider } from "./blog-list";
+import { IkasAttributePropValueProvider } from "./attribute";
+import { IkasAttributeListPropValueProvider } from "./attribute-list";
+import { IkasBlogCategoryPropValueProvider } from "./blog-category";
+import { IkasBlogCategoryListPropValueProvider } from "./blog-category-list";
+import { IkasRaffleListPropValueProvider } from "./raffle-list";
+import { IkasRafflePropValueProvider } from "./raffle";
+import { IkasSliderPropValueProvider } from "./slider";
+import {
+  IkasThemeJson,
+  IkasThemeJsonComponentPropType,
+  IkasThemeJsonCustomData,
+  IkasThemeJsonPageComponent,
+  IkasThemeJsonPageType,
+} from "@ikas/storefront-models";
+import { IkasCustomDataPropValueData } from "../types";
+
+export class IkasCustomPropValueProvider
+  implements IkasPropValueProvider<IkasCustomDataPropValueData | undefined>
+{
+  private value: any;
+  private customData: IkasThemeJsonCustomData;
+  private theme: IkasThemeJson;
+  private pageType: IkasThemeJsonPageType;
+  private pageSpecificData?: any;
+  private pageParams?: Record<string, any>;
+  private pageDataProvider: IkasPageDataProvider;
+
+  constructor(
+    value: any,
+    customData: IkasThemeJsonCustomData,
+    theme: IkasThemeJson,
+    pageType: IkasThemeJsonPageType,
+    pageDataProvider: IkasPageDataProvider,
+    pageSpecificData?: any,
+    pageParams?: Record<string, any>
+  ) {
+    this.value = value;
+    this.customData = customData;
+    this.theme = theme;
+    this.pageType = pageType;
+    this.pageDataProvider = pageDataProvider;
+    this.pageSpecificData = pageSpecificData;
+    this.pageParams = pageParams;
+  }
+
+  async getValue(): Promise<IkasCustomDataPropValueData | undefined> {
+    if (
+      (this.value === undefined || this.value === null) &&
+      this.customData.type !== IkasThemeJsonComponentPropType.RAFFLE_LIST
+    )
+      return { value: null, customData: this.customData };
+
+    let customDataValue: IkasCustomDataPropValueData | undefined;
+
+    try {
+      switch (this.customData.type) {
+        case IkasThemeJsonComponentPropType.TEXT:
+          customDataValue = await this.getTextValue();
+          break;
+
+        case IkasThemeJsonComponentPropType.RICH_TEXT:
+          customDataValue = await this.getRichTextPropValue();
+          break;
+
+        case IkasThemeJsonComponentPropType.BOOLEAN:
+          customDataValue = await this.getBooleanValue();
+          break;
+
+        case IkasThemeJsonComponentPropType.BRAND_LIST:
+          customDataValue = await this.getBrandListPropValue();
+          break;
+
+        case IkasThemeJsonComponentPropType.BRAND:
+          customDataValue = await this.getBrandPropValue();
+          break;
+
+        case IkasThemeJsonComponentPropType.CATEGORY_LIST:
+          customDataValue = await this.getCategoryListPropValue();
+          break;
+
+        case IkasThemeJsonComponentPropType.CATEGORY:
+          customDataValue = await this.getCategoryPropValue();
+          break;
+
+        case IkasThemeJsonComponentPropType.COLOR:
+          customDataValue = await this.getColorPropValue();
+          break;
+
+        case IkasThemeJsonComponentPropType.IMAGE_LIST:
+          customDataValue = await this.getImageListPropValue();
+          break;
+
+        case IkasThemeJsonComponentPropType.IMAGE:
+          customDataValue = await this.getImagePropValue();
+          break;
+
+        case IkasThemeJsonComponentPropType.LINK:
+        case IkasThemeJsonComponentPropType.LIST_OF_LINK:
+          customDataValue = await this.getLinkPropValue();
+          break;
+
+        case IkasThemeJsonComponentPropType.PRODUCT_DETAIL:
+          customDataValue = await this.getProductDetailPropValue();
+          break;
+
+        case IkasThemeJsonComponentPropType.PRODUCT_LIST:
+          customDataValue = await this.getProductListPropValue();
+          break;
+
+        case IkasThemeJsonComponentPropType.PRODUCT_ATTRIBUTE:
+          customDataValue = await this.getProductAttributePropValue();
+          break;
+
+        case IkasThemeJsonComponentPropType.PRODUCT_ATTRIBUTE_LIST:
+          customDataValue = await this.getProductAttributeListPropValue();
+          break;
+
+        case IkasThemeJsonComponentPropType.OBJECT:
+          customDataValue = await this.getObjectValue();
+          break;
+
+        case IkasThemeJsonComponentPropType.DYNAMIC_LIST:
+        case IkasThemeJsonComponentPropType.STATIC_LIST:
+          customDataValue = await this.getArrayValue();
+          break;
+
+        case IkasThemeJsonComponentPropType.ENUM:
+          customDataValue = await this.getEnumValue();
+          break;
+
+        case IkasThemeJsonComponentPropType.CUSTOM:
+          customDataValue = await this.getCustomDataValue();
+          break;
+
+        case IkasThemeJsonComponentPropType.COMPONENT:
+        case IkasThemeJsonComponentPropType.COMPONENT_LIST:
+          customDataValue = await this.getComponentListValue();
+          break;
+
+        case IkasThemeJsonComponentPropType.BLOG:
+          customDataValue = await this.getBlogValue();
+          break;
+
+        case IkasThemeJsonComponentPropType.BLOG_LIST:
+          customDataValue = await this.getBlogListValue();
+          break;
+
+        case IkasThemeJsonComponentPropType.BLOG_CATEGORY:
+          customDataValue = await this.getBlogCategoryValue();
+          break;
+
+        case IkasThemeJsonComponentPropType.BLOG_CATEGORY_LIST:
+          customDataValue = await this.getBlogCategoryListValue();
+          break;
+
+        case IkasThemeJsonComponentPropType.RAFFLE:
+          customDataValue = await this.getRaffleValue();
+          break;
+
+        case IkasThemeJsonComponentPropType.RAFFLE_LIST:
+          customDataValue = await this.getRaffleListValue();
+          break;
+
+        case IkasThemeJsonComponentPropType.SLIDER:
+          customDataValue = await this.getSliderValue();
+          break;
+
+        default:
+          break;
+      }
+    } catch (err) {
+      return;
+    }
+
+    if (
+      this.customData.isRequired &&
+      (customDataValue?.value === undefined || customDataValue?.value === null)
+    )
+      return;
+
+    return customDataValue;
+  }
+
+  private async getBooleanValue() {
+    const provider = new IkasBooleanPropValueProvider(this.value);
+    const value = await provider.getValue();
+
+    return {
+      value,
+      customData: this.customData,
+    };
+  }
+
+  private async getBrandListPropValue() {
+    const provider = new IkasBrandListPropValueProvider(this.value);
+    const value = await provider.getValue();
+
+    return {
+      value,
+      customData: this.customData,
+    };
+  }
+
+  private async getBrandPropValue() {
+    const provider = new IkasBrandPropValueProvider(this.value);
+    const value = await provider.getValue();
+
+    return {
+      value,
+      customData: this.customData,
+    };
+  }
+
+  private async getCategoryListPropValue() {
+    const provider = new IkasCategoryListPropValueProvider(this.value);
+    const value = await provider.getValue();
+
+    return {
+      value,
+      customData: this.customData,
+    };
+  }
+
+  private async getCategoryPropValue() {
+    const provider = new IkasCategoryPropValueProvider(this.value);
+    const value = await provider.getValue();
+
+    return {
+      value,
+      customData: this.customData,
+    };
+  }
+
+  private async getColorPropValue() {
+    const provider = new IkasColorPropValueProvider(this.value);
+    const value = await provider.getValue();
+
+    return {
+      value,
+      customData: this.customData,
+    };
+  }
+
+  private async getRichTextPropValue() {
+    const provider = new IkasRichTextPropValueProvider(this.value);
+    const value = await provider.getValue();
+
+    return {
+      value,
+      customData: this.customData,
+    };
+  }
+
+  private async getImageListPropValue() {
+    const provider = new IkasImageListPropValueProvider(this.value);
+    const value = await provider.getValue();
+
+    return {
+      value,
+      customData: this.customData,
+    };
+  }
+
+  private async getImagePropValue() {
+    const provider = new IkasImagePropValueProvider(this.value);
+    const value = await provider.getValue();
+
+    return {
+      value,
+      customData: this.customData,
+    };
+  }
+
+  private async getLinkPropValue() {
+    const provider = new IkasLinkPropValueProvider(
+      this.value,
+      this.theme,
+      this.pageDataProvider.linkMetaDataTargetIds
+    );
+    const value = await provider.getValue();
+
+    return {
+      value,
+      customData: this.customData,
+    };
+  }
+
+  private async getProductDetailPropValue() {
+    const provider = new IkasProductPropValueProvider(this.value);
+    const value = await provider.getValue();
+
+    return {
+      value,
+      customData: this.customData,
+    };
+  }
+
+  private async getProductListPropValue() {
+    const provider = new IkasProductListPropValueProvider(
+      this.pageType,
+      this.value,
+      this.pageSpecificData
+    );
+    const value = await provider.getValue();
+
+    return {
+      value,
+      customData: this.customData,
+    };
+  }
+
+  private async getProductAttributePropValue() {
+    const provider = new IkasAttributePropValueProvider(this.value);
+    const value = await provider.getValue();
+
+    return {
+      value,
+      customData: this.customData,
+    };
+  }
+
+  private async getProductAttributeListPropValue() {
+    const provider = new IkasAttributeListPropValueProvider(this.value);
+    const value = await provider.getValue();
+
+    return {
+      value,
+      customData: this.customData,
+    };
+  }
+
+  private async getTextValue() {
+    const provider = new IkasTextPropValueProvider(this.value);
+    const value = await provider.getValue();
+
+    return {
+      value,
+      customData: this.customData,
+    };
+  }
+
+  private async getObjectValue() {
+    const objectValue: Record<string, any> = {};
+
+    for (const nestedData of this.customData.nestedData || []) {
+      if (!nestedData.key) continue;
+      const nestedValue = this.value[nestedData.key];
+
+      if (
+        nestedData.isRequired &&
+        nestedData.type !== IkasThemeJsonComponentPropType.RAFFLE_LIST &&
+        (nestedValue === undefined || nestedValue === null)
+      )
+        throw new Error("Required data is missing");
+
+      const nestedProvider = new IkasCustomPropValueProvider(
+        nestedValue,
+        nestedData,
+        this.theme,
+        this.pageType,
+        this.pageDataProvider,
+        this.pageSpecificData
+      );
+
+      const _itemValue = await nestedProvider.getValue();
+
+      if (
+        nestedData.isRequired &&
+        (_itemValue === null || _itemValue === undefined)
+      )
+        throw new Error("Required data is missing");
+
+      objectValue[nestedData.key] = _itemValue;
+    }
+
+    return {
+      value: objectValue,
+      customData: this.customData,
+    };
+  }
+
+  private async getArrayValue() {
+    if (!this.value || !Array.isArray(this.value))
+      throw new Error("Incorrect data!");
+
+    const value: any[] = [];
+    const nestedData = this.customData.nestedData![0];
+
+    for (const itemValue of this.value) {
+      if (
+        nestedData.isRequired &&
+        nestedData.type !== IkasThemeJsonComponentPropType.RAFFLE_LIST &&
+        (itemValue === undefined || itemValue === null)
+      )
+        throw new Error("Required data is missing");
+
+      const provider = new IkasCustomPropValueProvider(
+        itemValue,
+        nestedData,
+        this.theme,
+        this.pageType,
+        this.pageDataProvider,
+        this.pageSpecificData
+      );
+      const _itemValue = await provider.getValue();
+
+      if (
+        nestedData.isRequired &&
+        (_itemValue === null || _itemValue === undefined)
+      ) {
+        throw new Error("Required data is missing");
+      } else value.push(_itemValue);
+    }
+
+    return {
+      value,
+      customData: this.customData,
+    };
+  }
+
+  private async getEnumValue() {
+    return {
+      value: this.value,
+      customData: this.customData,
+    };
+  }
+
+  private async getCustomDataValue() {
+    let selectedCustomData = this.theme.customData.find(
+      (c) => c.id === this.customData.customDataId
+    );
+
+    if (!selectedCustomData)
+      return {
+        value: null,
+        customData: this.customData,
+      };
+
+    selectedCustomData = _cloneDeep(selectedCustomData);
+    selectedCustomData.isRequired = this.customData.isRequired;
+
+    const nestedProvider = new IkasCustomPropValueProvider(
+      this.value,
+      selectedCustomData,
+      this.theme,
+      this.pageType,
+      this.pageDataProvider,
+      this.pageSpecificData
+    );
+
+    return await nestedProvider.getValue();
+  }
+
+  private async getComponentListValue() {
+    const pageComponents: IkasThemeJsonPageComponent[] = this.value
+      ? this.value.map((v: IkasThemeJsonPageComponent) => ({ ...v }))
+      : [];
+
+    return {
+      value: await Promise.all(
+        pageComponents.map((tp) =>
+          this.pageDataProvider.getPageComponentPropValues(tp)
+        )
+      ),
+      customData: this.customData,
+    };
+  }
+
+  private async getBlogValue() {
+    const provider = new IkasBlogPropValueProvider(this.value);
+    const value = await provider.getValue();
+
+    return {
+      value,
+      customData: this.customData,
+    };
+  }
+
+  private async getBlogListValue() {
+    const provider = new IkasBlogListPropValueProvider(
+      this.pageType,
+      this.value,
+      this.pageSpecificData
+    );
+    const value = await provider.getValue();
+
+    return {
+      value,
+      customData: this.customData,
+    };
+  }
+
+  private async getBlogCategoryValue() {
+    const provider = new IkasBlogCategoryPropValueProvider(this.value);
+    const value = await provider.getValue();
+
+    return {
+      value,
+      customData: this.customData,
+    };
+  }
+
+  private async getBlogCategoryListValue() {
+    const provider = new IkasBlogCategoryListPropValueProvider(this.value);
+    const value = await provider.getValue();
+
+    return {
+      value,
+      customData: this.customData,
+    };
+  }
+
+  private async getRaffleValue() {
+    const provider = new IkasRafflePropValueProvider(this.value);
+    const value = await provider.getValue();
+
+    return {
+      value,
+      customData: this.customData,
+    };
+  }
+
+  private async getRaffleListValue() {
+    const provider = new IkasRaffleListPropValueProvider();
+    const value = await provider.getValue();
+
+    return {
+      value,
+      customData: this.customData,
+    };
+  }
+
+  private async getSliderValue() {
+    const provider = new IkasSliderPropValueProvider(this.value);
+    const value = await provider.getValue();
+
+    return {
+      value,
+      customData: this.customData,
+    };
+  }
+}

package/src/providers/prop-value/image-list.ts

@@ -0,0 +1,16 @@
+import { IkasImage } from "@ikas/storefront-models";
+import IkasPropValueProvider from ".";
+
+export class IkasImageListPropValueProvider
+  implements IkasPropValueProvider<IkasImage[]>
+{
+  private imageListPropValue: string[];
+
+  constructor(imageListPropValue: string[]) {
+    this.imageListPropValue = imageListPropValue;
+  }
+
+  async getValue(): Promise<IkasImage[]> {
+    return this.imageListPropValue.map((i) => ({ id: i, isVideo: false }));
+  }
+}

package/src/providers/prop-value/image.ts

@@ -0,0 +1,16 @@
+import { IkasImage } from "@ikas/storefront-models";
+import IkasPropValueProvider from ".";
+
+export class IkasImagePropValueProvider
+  implements IkasPropValueProvider<IkasImage>
+{
+  private imagePropValue: string;
+
+  constructor(imagePropValue: string) {
+    this.imagePropValue = imagePropValue;
+  }
+
+  async getValue(): Promise<IkasImage> {
+    return { id: this.imagePropValue, isVideo: false };
+  }
+}

package/{build/providers/prop-value/index.d.ts → src/providers/prop-value/index.ts}

@@ -1,3 +1,3 @@
-export default interface IkasPropValueProvider<T> {
-    getValue: () => Promise<T>;
-}
+export default interface IkasPropValueProvider<T> {
+  getValue: () => Promise<T>;
+}