@ikas/storefront 4.0.0-alpha.7 → 4.0.0-alpha.71

package/src/page-data-init/index.ts

@@ -1,904 +0,0 @@
-import { renderComponent } from "../components/page";
-import { IkasCategoryListParams } from "../models/ui/category-list";
-import { IkasAttributeList } from "../models/ui/product-attribute-list";
-import { IkasProductListParams } from "../models/ui/product-list";
-import { IkasRaffleListParams } from "../models/ui/raffle-list";
-import { observable } from "mobx";
-
-import {
-  IkasThemeJsonSettings,
-  IkasThemeJsonPageType,
-  IkasThemeJsonComponentProp,
-  IkasThemeJsonComponentPropType,
-  IkasThemeJsonCustomData,
-  IkasBrand,
-  IkasBrandListParams,
-  IkasBrandList,
-  IkasCategory,
-  IkasCategoryList,
-  IkasProductList,
-  IkasVariantValue,
-  IkasAttributeDetail,
-  IkasNavigationLink,
-  IkasImage,
-  IkasComponentRenderer,
-  IkasBlog,
-  IkasBlogListParams,
-  IkasBlogList,
-  IkasBlogCategory,
-  IkasBlogCategoryListParams,
-  IkasBlogCategoryList,
-  IkasRaffle,
-  IkasRaffleList,
-  IkasProduct,
-} from "../models";
-import {
-  IkasPageComponentPropValue,
-  getPlaceholderBlog,
-  getPlaceholderBlogCategory,
-  getPlaceholderBrand,
-  getPlaceholderCategory,
-  getPlaceholderProduct,
-  getPlaceholderRaffle,
-  IkasAttributePropValueData,
-  IkasAttributeListPropValueData,
-  IkasBlogPropValueData,
-  IkasBrandPropValueData,
-  IkasCategoryPropValueData,
-  IkasBlogCategoryPropValueData,
-  IkasCustomDataPropValueData,
-  IkasRafflePropValueData,
-  IkasProductPropValueData,
-  IkasSliderPropValueData,
-} from "@ikas/storefront-providers";
-import _cloneDeep from "lodash/cloneDeep";
-
-export class IkasPageDataInit {
-  static pageSpecificData: any = observable({});
-
-  static setPageSpecificData(
-    pageSpecificData: any,
-    pageType: IkasThemeJsonPageType,
-    isBrowser: boolean // Will be sent from reinit on IkasPage
-  ) {
-    if (!pageSpecificData) {
-      this.pageSpecificData = undefined;
-      return;
-    }
-
-    switch (pageType) {
-      case IkasThemeJsonPageType.PRODUCT:
-        const product = pageSpecificData as IkasProduct;
-        IkasPageDataInit.pageSpecificData = new IkasProduct({
-          ...product,
-          selectedVariantValues: product.selectedVariantValues,
-        });
-        if (isBrowser) {
-          this._initProductOnBrowser(IkasPageDataInit.pageSpecificData);
-        }
-        break;
-
-      case IkasThemeJsonPageType.CATEGORY:
-        const category = pageSpecificData as IkasCategory;
-        IkasPageDataInit.pageSpecificData = new IkasCategory(category);
-        break;
-
-      case IkasThemeJsonPageType.BRAND:
-        const brand = pageSpecificData as IkasCategory;
-        IkasPageDataInit.pageSpecificData = new IkasCategory(brand);
-        break;
-
-      case IkasThemeJsonPageType.BLOG:
-        const blog = pageSpecificData as IkasBlog;
-        IkasPageDataInit.pageSpecificData = new IkasBlog(blog);
-        break;
-
-      case IkasThemeJsonPageType.BLOG_CATEGORY:
-        const blogCategory = pageSpecificData as IkasBlogCategory;
-        IkasPageDataInit.pageSpecificData = new IkasBlogCategory(blogCategory);
-        break;
-
-      case IkasThemeJsonPageType.RAFFLE_DETAIL:
-        const raffleDetail = pageSpecificData as IkasRaffle;
-        IkasPageDataInit.pageSpecificData = new IkasRaffle(raffleDetail);
-        break;
-
-      default:
-        break;
-    }
-  }
-
-  static isServer() {
-    return typeof window === "undefined";
-  }
-
-  static initPropValues(
-    _pageComponentPropValues: IkasPageComponentPropValue[],
-    settings: IkasThemeJsonSettings,
-    isBrowser?: boolean
-  ) {
-    const pageComponentPropValues = _cloneDeep(_pageComponentPropValues);
-
-    pageComponentPropValues.forEach((pageComponentPropValue) => {
-      const props = pageComponentPropValue.component.props;
-
-      props.forEach((prop) => {
-        const propValue = pageComponentPropValue.propValues[prop.name];
-        if (propValue === null || propValue === undefined) return;
-
-        switch (prop.type) {
-          case IkasThemeJsonComponentPropType.IMAGE:
-            IkasPageDataInit.initImagePropValue(
-              prop,
-              propValue,
-              pageComponentPropValue
-            );
-            break;
-
-          case IkasThemeJsonComponentPropType.IMAGE_LIST:
-            IkasPageDataInit.initImageListPropValue(
-              prop,
-              propValue,
-              pageComponentPropValue
-            );
-            break;
-
-          case IkasThemeJsonComponentPropType.BRAND:
-            IkasPageDataInit.initBrandPropValue(
-              prop,
-              propValue,
-              pageComponentPropValue
-            );
-            break;
-
-          case IkasThemeJsonComponentPropType.BRAND_LIST:
-            IkasPageDataInit.initBrandListPropValue(
-              prop,
-              propValue,
-              pageComponentPropValue
-            );
-            break;
-
-          case IkasThemeJsonComponentPropType.CATEGORY:
-            IkasPageDataInit.initCategoryPropValue(
-              prop,
-              propValue,
-              pageComponentPropValue
-            );
-            break;
-
-          case IkasThemeJsonComponentPropType.CATEGORY_LIST:
-            IkasPageDataInit.initCategoryListPropValue(
-              prop,
-              propValue,
-              pageComponentPropValue
-            );
-            break;
-
-          case IkasThemeJsonComponentPropType.PRODUCT_LIST:
-            IkasPageDataInit.initProductListPropValue(
-              prop,
-              propValue,
-              pageComponentPropValue
-            );
-            break;
-
-          case IkasThemeJsonComponentPropType.PRODUCT_DETAIL:
-            IkasPageDataInit.initProductPropValue(
-              prop,
-              propValue,
-              pageComponentPropValue
-            );
-            break;
-
-          case IkasThemeJsonComponentPropType.PRODUCT_ATTRIBUTE:
-            IkasPageDataInit.initAttributePropValue(
-              prop,
-              propValue,
-              pageComponentPropValue
-            );
-            break;
-
-          case IkasThemeJsonComponentPropType.PRODUCT_ATTRIBUTE_LIST:
-            IkasPageDataInit.initAttributeListPropValue(
-              prop,
-              propValue,
-              pageComponentPropValue
-            );
-            break;
-
-          case IkasThemeJsonComponentPropType.LINK:
-          case IkasThemeJsonComponentPropType.LIST_OF_LINK:
-            IkasPageDataInit.initLinkPropValue(
-              prop,
-              propValue,
-              pageComponentPropValue
-            );
-            break;
-
-          case IkasThemeJsonComponentPropType.COMPONENT:
-            IkasPageDataInit.initComponentPropValue(
-              prop,
-              propValue,
-              pageComponentPropValue,
-              settings,
-              isBrowser
-            );
-            break;
-
-          case IkasThemeJsonComponentPropType.COMPONENT_LIST:
-            IkasPageDataInit.initComponentListPropValue(
-              prop,
-              propValue,
-              pageComponentPropValue,
-              settings,
-              isBrowser
-            );
-            break;
-
-          case IkasThemeJsonComponentPropType.CUSTOM:
-            IkasPageDataInit.initCustomDataPropValue(
-              prop,
-              propValue,
-              pageComponentPropValue,
-              settings,
-              isBrowser
-            );
-            break;
-
-          case IkasThemeJsonComponentPropType.BLOG:
-            IkasPageDataInit.initBlogPropValue(
-              prop,
-              propValue,
-              pageComponentPropValue
-            );
-            break;
-
-          case IkasThemeJsonComponentPropType.BLOG_LIST:
-            IkasPageDataInit.initBlogListPropValue(
-              prop,
-              propValue,
-              pageComponentPropValue
-            );
-            break;
-
-          case IkasThemeJsonComponentPropType.BLOG_CATEGORY:
-            IkasPageDataInit.initBlogCategoryPropValue(
-              prop,
-              propValue,
-              pageComponentPropValue
-            );
-            break;
-
-          case IkasThemeJsonComponentPropType.BLOG_LIST:
-            IkasPageDataInit.initBlogCategoryListPropValue(
-              prop,
-              propValue,
-              pageComponentPropValue
-            );
-            break;
-
-          case IkasThemeJsonComponentPropType.RAFFLE:
-            IkasPageDataInit.initRafflePropValue(
-              prop,
-              propValue,
-              pageComponentPropValue
-            );
-            break;
-
-          case IkasThemeJsonComponentPropType.RAFFLE_LIST:
-            IkasPageDataInit.initRaffleListPropValue(
-              prop,
-              propValue,
-              pageComponentPropValue
-            );
-            break;
-
-          case IkasThemeJsonComponentPropType.SLIDER:
-            IkasPageDataInit.initSliderPropValue(
-              prop,
-              propValue,
-              pageComponentPropValue
-            );
-            break;
-
-          default:
-            break;
-        }
-      });
-    });
-
-    return pageComponentPropValues;
-  }
-
-  static initBrandPropValue(
-    prop: IkasThemeJsonComponentProp,
-    propValue: IkasBrandPropValueData,
-    pageComponentPropValue: IkasPageComponentPropValue
-  ) {
-    pageComponentPropValue.propValues[prop.name] =
-      IkasPageDataInit._initBrandPropValue(propValue);
-  }
-
-  static _initBrandPropValue(propValue: IkasBrandPropValueData) {
-    if (propValue.brandPropValue.usePageData && this.pageSpecificData) {
-      return this.pageSpecificData;
-    }
-
-    if (propValue.brand) {
-      return new IkasBrand(propValue.brand);
-    }
-
-    return getPlaceholderBrand();
-  }
-
-  static initBrandListPropValue(
-    prop: IkasThemeJsonComponentProp,
-    propValue: any,
-    pageComponentPropValue: IkasPageComponentPropValue
-  ) {
-    pageComponentPropValue.propValues[prop.name] =
-      IkasPageDataInit._initBrandListPropValue(propValue);
-  }
-
-  static _initBrandListPropValue(propValue: IkasBrandListParams) {
-    return new IkasBrandList(propValue);
-  }
-
-  static initCategoryPropValue(
-    prop: IkasThemeJsonComponentProp,
-    propValue: IkasCategoryPropValueData,
-    pageComponentPropValue: IkasPageComponentPropValue
-  ) {
-    pageComponentPropValue.propValues[prop.name] =
-      IkasPageDataInit._initCategoryPropValue(propValue);
-  }
-
-  static _initCategoryPropValue(propValue: IkasCategoryPropValueData) {
-    if (propValue.categoryPropValue.usePageData && this.pageSpecificData) {
-      return this.pageSpecificData;
-    }
-
-    if (propValue.category) {
-      return new IkasCategory(propValue.category);
-    }
-
-    return getPlaceholderCategory();
-  }
-
-  static initCategoryListPropValue(
-    prop: IkasThemeJsonComponentProp,
-    propValue: any,
-    pageComponentPropValue: IkasPageComponentPropValue
-  ) {
-    const categoryList = new IkasCategoryList(
-      propValue as IkasCategoryListParams
-    );
-    pageComponentPropValue.propValues[prop.name] = categoryList;
-  }
-
-  static _initCategoryListPropValue(propValue: IkasCategoryListParams) {
-    return new IkasCategoryList(propValue);
-  }
-
-  static initProductListPropValue(
-    prop: IkasThemeJsonComponentProp,
-    propValue: any,
-    pageComponentPropValue: IkasPageComponentPropValue
-  ) {
-    pageComponentPropValue.propValues[prop.name] =
-      this._initProductListPropValue(propValue);
-  }
-
-  static _initProductListPropValue(propValue: IkasProductListParams) {
-    return new IkasProductList(propValue);
-  }
-
-  static initProductPropValue(
-    prop: IkasThemeJsonComponentProp,
-    propValue: IkasProductPropValueData,
-    pageComponentPropValue: IkasPageComponentPropValue
-  ) {
-    pageComponentPropValue.propValues[prop.name] =
-      this._initProductPropValue(propValue);
-  }
-
-  static _initProductPropValue(propValue: IkasProductPropValueData) {
-    let product: IkasProduct = new IkasProduct(getPlaceholderProduct() as any);
-
-    if (propValue.productDetailPropValue.usePageData && this.pageSpecificData) {
-      product = this.pageSpecificData;
-    } else if (propValue.productDetail) {
-      const productDetail = propValue.productDetail as IkasProduct;
-
-      product = new IkasProduct({
-        ...productDetail,
-        selectedVariantValues: productDetail.selectedVariantValues,
-      });
-    }
-
-    return product;
-  }
-
-  static _initProductOnBrowser(product: IkasProduct) {
-    // Do not re-create a new IkasProduct instance in this function
-    // Only modify the provided one!
-
-    const urlParams = new URLSearchParams(window.location.search);
-    const vid = urlParams.get("vid");
-
-    if (vid) {
-      const variant = product.variants.find((v) => v.id === vid);
-      if (variant) {
-        product.selectedVariantValues = variant.variantValues;
-      }
-    } else {
-      const productVariantTypeSlugs = product.variantTypes.map(
-        (vt) => vt.variantType.slug
-      );
-
-      const selectedVariantValues: IkasVariantValue[] = [];
-
-      productVariantTypeSlugs.forEach((slug, vtIndex) => {
-        const productVariantType = product.variantTypes[vtIndex];
-        const variantValueSlug = urlParams.get(slug);
-
-        if (variantValueSlug) {
-          const variantValue = productVariantType.variantType.values.find(
-            (v) => v.slug === variantValueSlug
-          );
-          if (variantValue) selectedVariantValues.push(variantValue);
-        }
-      });
-
-      if (
-        selectedVariantValues.length === product.selectedVariantValues.length
-      ) {
-        product.selectedVariantValues = selectedVariantValues;
-      }
-    }
-  }
-
-  static initAttributePropValue(
-    prop: IkasThemeJsonComponentProp,
-    propValue: IkasAttributePropValueData,
-    pageComponentPropValue: IkasPageComponentPropValue
-  ) {
-    pageComponentPropValue.propValues[prop.name] =
-      IkasPageDataInit._initAttributePropValue(propValue);
-  }
-
-  static _initAttributePropValue(propValue: IkasAttributePropValueData) {
-    let product: IkasProduct | null = null;
-
-    if (propValue.attributePropValue.usePageData && this.pageSpecificData) {
-      product = this.pageSpecificData;
-    } else if (propValue.productDetail) {
-      const productDetail = propValue.productDetail as IkasProduct;
-
-      product = new IkasProduct({
-        ...productDetail,
-        selectedVariantValues: productDetail.selectedVariantValues,
-      });
-    }
-
-    return new IkasAttributeDetail(product, propValue.attributePropValue);
-  }
-
-  static initAttributeListPropValue(
-    prop: IkasThemeJsonComponentProp,
-    propValue: IkasAttributeListPropValueData,
-    pageComponentPropValue: IkasPageComponentPropValue
-  ) {
-    pageComponentPropValue.propValues[prop.name] =
-      IkasPageDataInit._initAttributeListPropValue(propValue);
-  }
-
-  static _initAttributeListPropValue(
-    propValue: IkasAttributeListPropValueData
-  ) {
-    let product: IkasProduct | null = null;
-
-    if (propValue.attributeListPropValue.usePageData && this.pageSpecificData) {
-      product = this.pageSpecificData;
-    } else if (propValue.productDetail) {
-      const productDetail = propValue.productDetail as IkasProduct;
-
-      product = new IkasProduct({
-        ...productDetail,
-        selectedVariantValues: productDetail.selectedVariantValues,
-      });
-    }
-
-    return new IkasAttributeList(product, propValue.attributeListPropValue);
-  }
-
-  static initLinkPropValue(
-    prop: IkasThemeJsonComponentProp,
-    propValue: any,
-    pageComponentPropValue: IkasPageComponentPropValue
-  ) {
-    pageComponentPropValue.propValues[prop.name] =
-      this._initLinkPropValue(propValue);
-  }
-
-  static _initLinkPropValue(propValue: any) {
-    if (Array.isArray(propValue)) {
-      return (propValue as IkasNavigationLink[]).map(
-        (p) =>
-          new IkasNavigationLink(
-            p.href,
-            p.label,
-            p.subLinks,
-            p.isExternal || undefined
-          )
-      );
-    } else if (propValue) {
-      return new IkasNavigationLink(
-        propValue.href,
-        propValue.label,
-        propValue.subLinks,
-        propValue.isExternal
-      );
-    }
-  }
-
-  static initImagePropValue(
-    prop: IkasThemeJsonComponentProp,
-    propValue: any,
-    pageComponentPropValue: IkasPageComponentPropValue
-  ) {
-    pageComponentPropValue.propValues[prop.name] =
-      this._initImagePropValue(propValue);
-  }
-
-  static _initImagePropValue(propValue: any) {
-    return new IkasImage(propValue);
-  }
-
-  static initImageListPropValue(
-    prop: IkasThemeJsonComponentProp,
-    propValue: any,
-    pageComponentPropValue: IkasPageComponentPropValue
-  ) {
-    pageComponentPropValue.propValues[prop.name] =
-      this._initImageListPropValue(propValue);
-  }
-
-  static _initImageListPropValue(propValue: any) {
-    return (propValue as IkasImage[]).map((i) => new IkasImage(i));
-  }
-
-  static initCustomDataPropValue(
-    prop: IkasThemeJsonComponentProp,
-    customDataValue: IkasCustomDataPropValueData | undefined,
-    pageComponentPropValue: IkasPageComponentPropValue,
-    settings: IkasThemeJsonSettings,
-    isBrowser?: boolean
-  ) {
-    if (
-      !customDataValue ||
-      !customDataValue.value ||
-      !customDataValue.customData
-    )
-      return;
-
-    pageComponentPropValue.propValues[prop.name] =
-      this._initCustomDataPropValue(
-        customDataValue,
-        new IkasThemeJsonCustomData(customDataValue.customData as any),
-        settings,
-        isBrowser
-      );
-  }
-
-  static _initCustomDataPropValue(
-    customDataValue: IkasCustomDataPropValueData | undefined,
-    customData: IkasThemeJsonCustomData,
-    settings: IkasThemeJsonSettings,
-    isBrowser?: boolean
-  ) {
-    if (!customDataValue) return null;
-
-    const propValue = customDataValue.value;
-    if (propValue === null || propValue === undefined) return null;
-
-    switch (customData.type) {
-      case IkasThemeJsonComponentPropType.BRAND:
-        return this._initBrandPropValue(propValue);
-
-      case IkasThemeJsonComponentPropType.BRAND_LIST:
-        return this._initBrandListPropValue(propValue);
-
-      case IkasThemeJsonComponentPropType.CATEGORY_LIST:
-        return this._initCategoryListPropValue(propValue);
-
-      case IkasThemeJsonComponentPropType.CATEGORY:
-        return this._initCategoryPropValue(propValue);
-
-      case IkasThemeJsonComponentPropType.IMAGE_LIST:
-        return this._initImageListPropValue(propValue);
-
-      case IkasThemeJsonComponentPropType.IMAGE:
-        return this._initImagePropValue(propValue);
-
-      case IkasThemeJsonComponentPropType.LINK:
-        return this._initLinkPropValue(propValue);
-
-      case IkasThemeJsonComponentPropType.PRODUCT_DETAIL:
-        return this._initProductPropValue(propValue);
-
-      case IkasThemeJsonComponentPropType.PRODUCT_LIST:
-        return this._initProductListPropValue(propValue);
-
-      case IkasThemeJsonComponentPropType.PRODUCT_ATTRIBUTE:
-        return this._initAttributePropValue(propValue);
-
-      case IkasThemeJsonComponentPropType.PRODUCT_ATTRIBUTE_LIST:
-        return this._initAttributeListPropValue(propValue);
-
-      case IkasThemeJsonComponentPropType.BLOG:
-        return this._initBlogPropValue(propValue);
-
-      case IkasThemeJsonComponentPropType.BLOG_LIST:
-        return this._initBlogListPropValue(propValue);
-
-      case IkasThemeJsonComponentPropType.BLOG_CATEGORY:
-        return this._initBlogCategoryPropValue(propValue);
-
-      case IkasThemeJsonComponentPropType.BLOG_CATEGORY_LIST:
-        return this._initBlogCategoryListPropValue(propValue);
-
-      case IkasThemeJsonComponentPropType.RAFFLE:
-        return this._initRafflePropValue(propValue);
-
-      case IkasThemeJsonComponentPropType.RAFFLE_LIST:
-        return this._initRaffleListPropValue(propValue);
-
-      case IkasThemeJsonComponentPropType.SLIDER:
-        return this._initSliderPropValue(propValue);
-
-      case IkasThemeJsonComponentPropType.OBJECT:
-        const objectValue: Record<string, any> = {};
-
-        for (const nestedCustomData of customData.nestedData || []) {
-          const value = propValue[nestedCustomData.key!];
-
-          let selectedCustomData: IkasThemeJsonCustomData | undefined;
-          if (nestedCustomData.customDataId) {
-            selectedCustomData = value.customData;
-          }
-
-          objectValue[nestedCustomData.key!] = this._initCustomDataPropValue(
-            value,
-            selectedCustomData || nestedCustomData,
-            settings,
-            isBrowser
-          );
-        }
-
-        return objectValue;
-
-      case IkasThemeJsonComponentPropType.DYNAMIC_LIST:
-      case IkasThemeJsonComponentPropType.STATIC_LIST:
-        try {
-          if (!propValue || !propValue.length) return null;
-
-          const listValue: any[] = [];
-          const nestedCustomData = customData.nestedData![0];
-
-          propValue.forEach((itemValue: any) => {
-            let selectedCustomData: IkasThemeJsonCustomData | undefined;
-            if (nestedCustomData.customDataId) {
-              selectedCustomData = itemValue.customData;
-            }
-            listValue.push(
-              this._initCustomDataPropValue(
-                itemValue,
-                selectedCustomData || nestedCustomData,
-                settings,
-                isBrowser
-              )
-            );
-          });
-
-          return listValue;
-        } catch (err) {
-          return [];
-        }
-
-      case IkasThemeJsonComponentPropType.COMPONENT:
-        return this._initComponentPropValue(propValue, settings, isBrowser);
-
-      case IkasThemeJsonComponentPropType.COMPONENT_LIST:
-        return this._initComponentListPropValue(propValue, settings, isBrowser);
-
-      default:
-        return propValue;
-    }
-  }
-
-  static initComponentPropValue(
-    prop: IkasThemeJsonComponentProp,
-    propValue: IkasPageComponentPropValue[],
-    pageComponentPropValue: IkasPageComponentPropValue,
-    settings: IkasThemeJsonSettings,
-    isBrowser?: boolean
-  ) {
-    pageComponentPropValue.propValues[prop.name] = this._initComponentPropValue(
-      propValue,
-      settings,
-      isBrowser
-    );
-  }
-
-  static _initComponentPropValue(
-    propValue: IkasPageComponentPropValue[],
-    settings: IkasThemeJsonSettings,
-    isBrowser?: boolean
-  ) {
-    const pValue = propValue.length ? propValue[0] : undefined;
-    if (!pValue) return;
-
-    const pageComponentPropValue = new IkasPageComponentPropValue(pValue);
-    const initializedPageComponentPropValues = IkasPageDataInit.initPropValues(
-      [pageComponentPropValue],
-      settings,
-      isBrowser
-    );
-
-    if (!initializedPageComponentPropValues.length) return;
-
-    return new IkasComponentRenderer(() =>
-      renderComponent(initializedPageComponentPropValues[0], settings, -10)
-    );
-  }
-
-  static initComponentListPropValue(
-    prop: IkasThemeJsonComponentProp,
-    propValue: IkasPageComponentPropValue[],
-    pageComponentPropValue: IkasPageComponentPropValue,
-    settings: IkasThemeJsonSettings,
-    isBrowser?: boolean
-  ) {
-    pageComponentPropValue.propValues[prop.name] =
-      this._initComponentListPropValue(propValue, settings, isBrowser);
-  }
-
-  static _initComponentListPropValue(
-    propValue: IkasPageComponentPropValue[],
-    settings: IkasThemeJsonSettings,
-    isBrowser?: boolean
-  ) {
-    if (propValue && propValue.length)
-      return propValue.map((p: IkasPageComponentPropValue) => {
-        const pageComponentPropValue = new IkasPageComponentPropValue(p);
-        const initializedPageComponentPropValues =
-          IkasPageDataInit.initPropValues(
-            [pageComponentPropValue],
-            settings,
-            isBrowser
-          );
-
-        return new IkasComponentRenderer(() =>
-          renderComponent(initializedPageComponentPropValues[0], settings, -1)
-        );
-      });
-    return [];
-  }
-
-  static initBlogPropValue(
-    prop: IkasThemeJsonComponentProp,
-    propValue: IkasBlogPropValueData,
-    pageComponentPropValue: IkasPageComponentPropValue
-  ) {
-    pageComponentPropValue.propValues[prop.name] =
-      IkasPageDataInit._initBlogPropValue(propValue);
-  }
-
-  static _initBlogPropValue(propValue: IkasBlogPropValueData) {
-    if (propValue.blogPropValue.usePageData && this.pageSpecificData) {
-      return this.pageSpecificData;
-    }
-
-    if (propValue.blog) {
-      return new IkasBlog(propValue.blog);
-    }
-
-    return getPlaceholderBlog();
-  }
-
-  static initBlogListPropValue(
-    prop: IkasThemeJsonComponentProp,
-    propValue: any,
-    pageComponentPropValue: IkasPageComponentPropValue
-  ) {
-    pageComponentPropValue.propValues[prop.name] =
-      this._initBlogListPropValue(propValue);
-  }
-
-  static _initBlogListPropValue(propValue: IkasBlogListParams) {
-    return new IkasBlogList(propValue);
-  }
-
-  static initBlogCategoryPropValue(
-    prop: IkasThemeJsonComponentProp,
-    propValue: IkasBlogCategoryPropValueData,
-    pageComponentPropValue: IkasPageComponentPropValue
-  ) {
-    pageComponentPropValue.propValues[prop.name] =
-      IkasPageDataInit._initBlogCategoryPropValue(propValue);
-  }
-
-  static _initBlogCategoryPropValue(propValue: IkasBlogCategoryPropValueData) {
-    if (propValue.blogCategoryPropValue.usePageData && this.pageSpecificData) {
-      return this.pageSpecificData;
-    }
-
-    if (propValue.blogCategory) {
-      return new IkasBlogCategory(propValue.blogCategory);
-    }
-
-    return getPlaceholderBlogCategory();
-  }
-
-  static initBlogCategoryListPropValue(
-    prop: IkasThemeJsonComponentProp,
-    propValue: any,
-    pageComponentPropValue: IkasPageComponentPropValue
-  ) {
-    pageComponentPropValue.propValues[prop.name] =
-      this._initBlogCategoryListPropValue(propValue);
-  }
-
-  static _initBlogCategoryListPropValue(propValue: IkasBlogCategoryListParams) {
-    return new IkasBlogCategoryList(propValue);
-  }
-
-  static initRafflePropValue(
-    prop: IkasThemeJsonComponentProp,
-    propValue: IkasRafflePropValueData,
-    pageComponentPropValue: IkasPageComponentPropValue
-  ) {
-    pageComponentPropValue.propValues[prop.name] =
-      IkasPageDataInit._initRafflePropValue(propValue);
-  }
-
-  static _initRafflePropValue(propValue: IkasRafflePropValueData) {
-    if (propValue.rafflePropValue.usePageData && this.pageSpecificData) {
-      return this.pageSpecificData;
-    }
-
-    if (propValue.raffle) {
-      return new IkasRaffle(propValue.raffle as any);
-    }
-
-    return new IkasRaffle(getPlaceholderRaffle() as any);
-  }
-
-  static initRaffleListPropValue(
-    prop: IkasThemeJsonComponentProp,
-    propValue: any,
-    pageComponentPropValue: IkasPageComponentPropValue
-  ) {
-    pageComponentPropValue.propValues[prop.name] =
-      this._initRaffleListPropValue(propValue);
-  }
-
-  static _initRaffleListPropValue(propValue: IkasRaffleListParams) {
-    return new IkasRaffleList(propValue);
-  }
-
-  static initSliderPropValue(
-    prop: IkasThemeJsonComponentProp,
-    propValue: any,
-    pageComponentPropValue: IkasPageComponentPropValue
-  ) {
-    pageComponentPropValue.propValues[prop.name] =
-      this._initSliderPropValue(propValue);
-  }
-
-  static _initSliderPropValue(propValue: IkasSliderPropValueData) {
-    return propValue;
-  }
-}