@ikas/storefront 1.0.21 → 2.0.0-alpha.1

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

@@ -0,0 +1,548 @@
+import {
+  IkasTheme,
+  IkasThemeComponentPropType,
+  IkasThemeCustomData,
+  IkasThemePageComponent,
+  IkasThemePageType,
+} from "../../models";
+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 { IkasProductDetailPropValueProvider } 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 _cloneDeep from "lodash/cloneDeep";
+import { IkasBlogCategoryPropValueProvider } from "./blog-category";
+import { IkasBlogCategoryListPropValueProvider } from "./blog-category-list";
+import { IkasRaffleListPropValueProvider } from "./raffle-list";
+import { IkasRafflePropValueProvider } from "./raffle";
+
+export class IkasCustomPropValueProvider
+  implements IkasPropValueProvider<CustomDataValue | undefined> {
+  private value: any;
+  private customData: IkasThemeCustomData;
+  private theme: IkasTheme;
+  private pageType: IkasThemePageType;
+  private pageSpecificData?: any;
+  private pageParams?: Record<string, any>;
+  private pageDataProvider: IkasPageDataProvider;
+
+  constructor(
+    value: any,
+    customData: IkasThemeCustomData,
+    theme: IkasTheme,
+    pageType: IkasThemePageType,
+    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<CustomDataValue | undefined> {
+    if (
+      (this.value === undefined || this.value === null) &&
+      this.customData.type !== IkasThemeComponentPropType.RAFFLE_LIST
+    )
+      return { value: null, customData: this.customData };
+
+    let customDataValue: CustomDataValue | undefined;
+
+    try {
+      switch (this.customData.type) {
+        case IkasThemeComponentPropType.TEXT:
+          customDataValue = await this.getTextValue();
+          break;
+
+        case IkasThemeComponentPropType.RICH_TEXT:
+          customDataValue = await this.getRichTextPropValue();
+          break;
+
+        case IkasThemeComponentPropType.BOOLEAN:
+          customDataValue = await this.getBooleanValue();
+          break;
+
+        case IkasThemeComponentPropType.BRAND_LIST:
+          customDataValue = await this.getBrandListPropValue();
+          break;
+
+        case IkasThemeComponentPropType.BRAND:
+          customDataValue = await this.getBrandPropValue();
+          break;
+
+        case IkasThemeComponentPropType.CATEGORY_LIST:
+          customDataValue = await this.getCategoryListPropValue();
+          break;
+
+        case IkasThemeComponentPropType.CATEGORY:
+          customDataValue = await this.getCategoryPropValue();
+          break;
+
+        case IkasThemeComponentPropType.COLOR:
+          customDataValue = await this.getColorPropValue();
+          break;
+
+        case IkasThemeComponentPropType.IMAGE_LIST:
+          customDataValue = await this.getImageListPropValue();
+          break;
+
+        case IkasThemeComponentPropType.IMAGE:
+          customDataValue = await this.getImagePropValue();
+          break;
+
+        case IkasThemeComponentPropType.LINK:
+        case IkasThemeComponentPropType.LIST_OF_LINK:
+          customDataValue = await this.getLinkPropValue();
+          break;
+
+        case IkasThemeComponentPropType.PRODUCT_DETAIL:
+          customDataValue = await this.getProductDetailPropValue();
+          break;
+
+        case IkasThemeComponentPropType.PRODUCT_LIST:
+          customDataValue = await this.getProductListPropValue();
+          break;
+
+        case IkasThemeComponentPropType.PRODUCT_ATTRIBUTE:
+          customDataValue = await this.getProductAttributePropValue();
+          break;
+
+        case IkasThemeComponentPropType.PRODUCT_ATTRIBUTE_LIST:
+          customDataValue = await this.getProductAttributeListPropValue();
+          break;
+
+        case IkasThemeComponentPropType.OBJECT:
+          customDataValue = await this.getObjectValue();
+          break;
+
+        case IkasThemeComponentPropType.DYNAMIC_LIST:
+        case IkasThemeComponentPropType.STATIC_LIST:
+          customDataValue = await this.getArrayValue();
+          break;
+
+        case IkasThemeComponentPropType.ENUM:
+          customDataValue = await this.getEnumValue();
+          break;
+
+        case IkasThemeComponentPropType.CUSTOM:
+          customDataValue = await this.getCustomDataValue();
+          break;
+
+        case IkasThemeComponentPropType.COMPONENT:
+        case IkasThemeComponentPropType.COMPONENT_LIST:
+          customDataValue = await this.getComponentListValue();
+          break;
+
+        case IkasThemeComponentPropType.BLOG:
+          customDataValue = await this.getBlogValue();
+          break;
+
+        case IkasThemeComponentPropType.BLOG_LIST:
+          customDataValue = await this.getBlogListValue();
+          break;
+
+        case IkasThemeComponentPropType.BLOG_CATEGORY:
+          customDataValue = await this.getBlogCategoryValue();
+          break;
+
+        case IkasThemeComponentPropType.BLOG_CATEGORY_LIST:
+          customDataValue = await this.getBlogCategoryListValue();
+          break;
+
+        case IkasThemeComponentPropType.RAFFLE:
+          customDataValue = await this.getRaffleValue();
+          break;
+
+        case IkasThemeComponentPropType.RAFFLE_LIST:
+          customDataValue = await this.getRaffleListValue();
+          break;
+
+        default:
+          break;
+      }
+    } catch (err) {
+      return;
+    }
+
+    if (
+      this.customData.isRequired &&
+      (customDataValue?.value === undefined || customDataValue?.value === null)
+    )
+      return;
+
+    return JSON.parse(JSON.stringify(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);
+    const value = await provider.getValue();
+
+    return {
+      value,
+      customData: this.customData,
+    };
+  }
+
+  private async getProductDetailPropValue() {
+    const provider = new IkasProductDetailPropValueProvider(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 !== IkasThemeComponentPropType.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 !== IkasThemeComponentPropType.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 = new IkasThemeCustomData(
+      _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: IkasThemePageComponent[] = this.value
+      ? this.value.map(
+          (v: IkasThemePageComponent) => new IkasThemePageComponent(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,
+    };
+  }
+}
+
+export type CustomDataValue = {
+  value: any;
+  customData: IkasThemeCustomData;
+};

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

@@ -0,0 +1,15 @@
+import { IkasImage } from "../../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) => new IkasImage(i));
+  }
+}

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

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

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>;
+}