@ikas/storefront 2.0.0-alpha.1 → 2.0.0-alpha.11

package/src/models/theme/page/component/prop-value/blog-category-list.ts

@@ -1,19 +0,0 @@
-import { makeAutoObservable } from "mobx";
-import { IkasBlogCategoryListType } from "../../../../../models/ui/blog-category-list";
-
-export class IkasBlogCategoryListPropValue {
-  blogCategoryListType: IkasBlogCategoryListType;
-  initialLimit?: number | null = null;
-
-  // Only for static lists
-  blogCategoryIds?: string[] | null = null;
-
-  constructor(data: Partial<IkasBlogCategoryListPropValue>) {
-    this.blogCategoryListType =
-      data.blogCategoryListType || IkasBlogCategoryListType.ALL;
-    this.initialLimit = data.initialLimit || 20;
-    this.blogCategoryIds = data.blogCategoryIds;
-
-    makeAutoObservable(this);
-  }
-}

package/src/models/theme/page/component/prop-value/blog-category.ts

@@ -1,15 +0,0 @@
-import { makeAutoObservable } from "mobx";
-
-export class IkasBlogCategoryPropValue {
-  blogCategoryId?: string | null = null;
-
-  // Only for product detail page
-  usePageData?: boolean | null = null;
-
-  constructor(data: Partial<IkasBlogCategoryPropValue>) {
-    this.blogCategoryId = data.blogCategoryId;
-    this.usePageData = data.usePageData;
-
-    makeAutoObservable(this);
-  }
-}

package/src/models/theme/page/component/prop-value/blog-list.ts

@@ -1,25 +0,0 @@
-import { makeAutoObservable } from "mobx";
-import { IkasBlogListType } from "../../../../../models/ui/blog-list";
-
-export class IkasBlogListPropValue {
-  blogListType: IkasBlogListType;
-  initialLimit?: number | null = null;
-
-  // Only for static lists
-  blogIds?: string[] | null = null;
-
-  // For CATEGORY type only
-  categoryId: string | null;
-  usePageFilter?: boolean | null = null;
-
-  constructor(data: Partial<IkasBlogListPropValue>) {
-    this.blogListType = data.blogListType || IkasBlogListType.ALL;
-    this.initialLimit = data.initialLimit || 20;
-
-    this.blogIds = data.blogIds;
-    this.categoryId = data.categoryId || null;
-    this.usePageFilter = data.usePageFilter || null;
-
-    makeAutoObservable(this);
-  }
-}

package/src/models/theme/page/component/prop-value/blog.ts

@@ -1,15 +0,0 @@
-import { makeAutoObservable } from "mobx";
-
-export class IkasBlogPropValue {
-  blogId?: string | null = null;
-
-  // Only for product detail page
-  usePageData?: boolean | null = null;
-
-  constructor(data: Partial<IkasBlogPropValue>) {
-    this.blogId = data.blogId;
-    this.usePageData = data.usePageData;
-
-    makeAutoObservable(this);
-  }
-}

package/src/models/theme/page/component/prop-value/brand-list.ts

@@ -1,26 +0,0 @@
-import { makeAutoObservable } from "mobx";
-import {
-  IkasBrandListSortType,
-  IkasBrandListType,
-} from "../../../../../models/ui/brand-list";
-
-export class IkasBrandListPropValue {
-  brandListType: IkasBrandListType;
-  initialSort?: IkasBrandListSortType | null = null;
-  initialLimit?: number | null = null;
-
-  // Only for static lists
-  brandCount?: number | null = null;
-  brandIds?: string[] | null = null;
-
-  constructor(data: Partial<IkasBrandListPropValue>) {
-    this.brandListType = data.brandListType || IkasBrandListType.ALL;
-    this.initialSort = data.initialSort || IkasBrandListSortType.A_Z;
-    this.initialLimit = data.initialLimit || 20;
-
-    this.brandCount = data.brandCount;
-    this.brandIds = data.brandIds;
-
-    makeAutoObservable(this);
-  }
-}

package/src/models/theme/page/component/prop-value/brand.ts

@@ -1,15 +0,0 @@
-import { makeAutoObservable } from "mobx";
-
-export class IkasBrandPropValue {
-  brandId?: string | null = null;
-
-  // Only for brand detail page
-  usePageData?: boolean | null = null;
-
-  constructor(data: Partial<IkasBrandPropValue>) {
-    this.brandId = data.brandId;
-    this.usePageData = data.usePageData;
-
-    makeAutoObservable(this);
-  }
-}

package/src/models/theme/page/component/prop-value/category-list.ts

@@ -1,26 +0,0 @@
-import { makeAutoObservable } from "mobx";
-import {
-  IkasCategoryListSortType,
-  IkasCategoryListType,
-} from "../../../../../models/ui/category-list";
-
-export class IkasCategoryListPropValue {
-  categoryListType: IkasCategoryListType;
-  initialSort?: IkasCategoryListSortType | null = null;
-  initialLimit?: number | null = null;
-
-  // Only for static lists
-  categoryCount?: number | null = null;
-  categoryIds?: string[] | null = null;
-
-  constructor(data: Partial<IkasCategoryListPropValue>) {
-    this.categoryListType = data.categoryListType || IkasCategoryListType.ALL;
-    this.initialSort = data.initialSort || IkasCategoryListSortType.A_Z;
-    this.initialLimit = data.initialLimit || 20;
-
-    this.categoryCount = data.categoryCount || null;
-    this.categoryIds = data.categoryIds || null;
-
-    makeAutoObservable(this);
-  }
-}

package/src/models/theme/page/component/prop-value/category.ts

@@ -1,15 +0,0 @@
-import { makeAutoObservable } from "mobx";
-
-export class IkasCategoryPropValue {
-  categoryId?: string | null = null;
-
-  // Only for category detail page
-  usePageData?: boolean | null = null;
-
-  constructor(data: Partial<IkasCategoryPropValue>) {
-    this.categoryId = data.categoryId;
-    this.usePageData = data.usePageData;
-
-    makeAutoObservable(this);
-  }
-}

package/src/models/theme/page/component/prop-value/link.ts

@@ -1,38 +0,0 @@
-import { IkasThemePageType } from "../../../page";
-import { makeAutoObservable } from "mobx";
-
-export class IkasLinkPropValue {
-  id?: string | null = null;
-  linkType?: IkasLinkType | null = null;
-  label?: string | null = null;
-  pageId?: string | null = null;
-  pageType?: IkasThemePageType | null = null;
-  itemId?: string | null = null;
-  externalLink?: string | null = null;
-  fileUrl?: string | null = null;
-
-  // This will be used to link to a specific part of the page
-  pageComponentId?: string | null = null;
-  subLinks: IkasLinkPropValue[];
-
-  constructor(data: Partial<IkasLinkPropValue> = {}) {
-    this.id = data.id;
-    this.linkType = data.linkType;
-    this.label = data.label;
-    this.pageId = data.pageId;
-    this.pageType = data.pageType;
-    this.itemId = data.itemId;
-    this.externalLink = data.externalLink;
-    this.fileUrl = data.fileUrl;
-    this.pageComponentId = data.pageComponentId;
-    this.subLinks = data.subLinks || [];
-
-    makeAutoObservable(this);
-  }
-}
-
-export enum IkasLinkType {
-  PAGE = "PAGE",
-  EXTERNAL = "EXTERNAL",
-  FILE = "FILE",
-}

package/src/models/theme/page/component/prop-value/product-detail.ts

@@ -1,17 +0,0 @@
-import { makeAutoObservable } from "mobx";
-
-export class IkasProductDetailPropValue {
-  productId?: string | null = null;
-  variantId?: string | null = null;
-
-  // Only for product detail page
-  usePageData?: boolean | null = null;
-
-  constructor(data: Partial<IkasProductDetailPropValue>) {
-    this.productId = data.productId;
-    this.variantId = data.variantId;
-    this.usePageData = data.usePageData;
-
-    makeAutoObservable(this);
-  }
-}

package/src/models/theme/page/component/prop-value/product-list.ts

@@ -1,41 +0,0 @@
-import {
-  IkasProductListSortType,
-  IkasProductListType,
-} from "../../../../../models/ui";
-import { makeAutoObservable } from "mobx";
-
-export class IkasProductListPropValue {
-  id: string;
-  productListType: IkasProductListType;
-  initialSort?: IkasProductListSortType | null = null;
-  initialLimit?: number | null = null;
-
-  // Only for static lists
-  productCount?: number | null = null;
-  productIds?: IkasProductVariantId[] | null = null;
-
-  // Only for collection and brand pages
-  // Example collections/man -> lists products inside the "man" category
-  usePageFilter?: boolean | null = null;
-  category?: string | null = null;
-
-  constructor(data: Partial<IkasProductListPropValue>) {
-    this.id = data.id || "";
-    this.productListType = data.productListType || IkasProductListType.ALL;
-    this.initialSort = data.initialSort || IkasProductListSortType.LAST_ADDED;
-    this.initialLimit = data.initialLimit || 20;
-
-    this.productCount = data.productCount;
-    this.productIds = data.productIds;
-    this.category = data.category;
-
-    this.usePageFilter = data.usePageFilter;
-
-    makeAutoObservable(this);
-  }
-}
-
-type IkasProductVariantId = {
-  productId: string;
-  variantId: string;
-};

package/src/models/theme/page/component/prop-value/raffle-list.ts

@@ -1,16 +0,0 @@
-import { makeAutoObservable } from "mobx";
-
-export class IkasRaffleListPropValue {
-  initialLimit?: number | null = null;
-
-  // Only for static lists
-  raffleIds?: string[] | null = null;
-
-  constructor(data: Partial<IkasRaffleListPropValue>) {
-    this.initialLimit = data.initialLimit || 20;
-
-    this.raffleIds = data.raffleIds;
-
-    makeAutoObservable(this);
-  }
-}

package/src/models/theme/page/component/prop-value/raffle.ts

@@ -1,15 +0,0 @@
-import { makeAutoObservable } from "mobx";
-
-export class IkasRafflePropValue {
-  raffleId?: string | null = null;
-
-  // Only for raffle detail page
-  usePageData?: boolean | null = null;
-
-  constructor(data: Partial<IkasRafflePropValue>) {
-    this.raffleId = data.raffleId;
-    this.usePageData = data.usePageData;
-
-    makeAutoObservable(this);
-  }
-}

package/src/models/theme/page/index.ts

@@ -1,71 +0,0 @@
-import { makeAutoObservable } from "mobx";
-import { IkasThemePageComponent } from "./component";
-
-export class IkasThemePage {
-  id: string;
-  name: string | null;
-  type: IkasThemePageType;
-  slug: string | null;
-  pageTitle: string | null;
-  description: string | null;
-  components: IkasThemePageComponent[];
-  specifications: IkasThemePageSpecification[] | null;
-
-  constructor(data: Partial<IkasThemePage>) {
-    this.id = data.id || Date.now() + "";
-    this.name = data.name || null;
-    this.type = data.type || IkasThemePageType.INDEX;
-    this.slug = data.slug || null;
-    this.pageTitle = data.pageTitle || null;
-    this.description = data.description || null;
-    this.components = data.components
-      ? data.components.map((c) => new IkasThemePageComponent(c))
-      : [];
-    this.specifications = data.specifications
-      ? data.specifications.map((s) => new IkasThemePageSpecification(s))
-      : null;
-
-    makeAutoObservable(this);
-  }
-}
-
-export class IkasThemePageSpecification {
-  id: string;
-  components: IkasThemePageComponent[];
-
-  constructor(data: Partial<IkasThemePageSpecification>) {
-    this.id = data.id || "";
-    this.components = data.components
-      ? data.components.map((c) => new IkasThemePageComponent(c))
-      : [];
-
-    makeAutoObservable(this);
-  }
-}
-
-export enum IkasThemePageType {
-  INDEX = "INDEX",
-  CATEGORY = "CATEGORY",
-  BRAND = "BRAND",
-  PRODUCT = "PRODUCT",
-  CUSTOM = "CUSTOM",
-  ACCOUNT = "ACCOUNT",
-  ADDRESSES = "ADDRESSES",
-  ORDERS = "ORDERS",
-  ORDER_DETAIL = "ORDER_DETAIL",
-  LOGIN = "LOGIN",
-  REGISTER = "REGISTER",
-  FORGOT_PASSWORD = "FORGOT_PASSWORD",
-  RECOVER_PASSWORD = "RECOVER_PASSWORD",
-  CART = "CART",
-  FAVORITE_PRODUCTS = "FAVORITE_PRODUCTS",
-  SEARCH = "SEARCH",
-  NOT_FOUND = "NOT_FOUND",
-  BLOG = "BLOG",
-  BLOG_INDEX = "BLOG_INDEX",
-  BLOG_CATEGORY = "BLOG_CATEGORY",
-  CHECKOUT = "CHECKOUT",
-  RAFFLE = "RAFFLE",
-  RAFFLE_DETAIL = "RAFFLE_DETAIL",
-  RAFFLE_ACCOUNT = "RAFFLE_ACCOUNT",
-}

package/src/models/theme/settings/index.ts

@@ -1,27 +0,0 @@
-import { makeAutoObservable } from "mobx";
-import { IkasThemeColor } from "./prop/color";
-import { IkasThemeFavicon } from "./prop/favicon";
-
-export class IkasThemeSettings {
-  colors: IkasThemeColor[];
-  favicon: IkasThemeFavicon;
-  stockPreference: IkasThemeStockPreference;
-
-  constructor(data: Partial<IkasThemeSettings> = {}) {
-    this.colors = data.colors
-      ? data.colors.map((c) => new IkasThemeColor(c))
-      : [];
-
-    this.favicon = data.favicon?.id ? data.favicon : new IkasThemeFavicon();
-    this.stockPreference =
-      data.stockPreference || IkasThemeStockPreference.SHOW_ALL;
-
-    makeAutoObservable(this);
-  }
-}
-
-export enum IkasThemeStockPreference {
-  HIDE_OUT_OF_STOCK = "HIDE_OUT_OF_STOCK",
-  SHOW_ALL = "SHOW_ALL",
-  SHOW_OUT_OF_STOCK_AT_END = "SHOW_OUT_OF_STOCK_AT_END",
-}

package/src/models/theme/settings/prop/color/index.ts

@@ -1,18 +0,0 @@
-import { makeAutoObservable } from "mobx";
-import { v4 as uuidv4 } from "uuid";
-
-export class IkasThemeColor {
-  id: string;
-  displayName: string;
-  key: string;
-  color: string;
-
-  constructor(data: Partial<IkasThemeColor>) {
-    this.id = data.id || uuidv4();
-    this.displayName = data.displayName || "";
-    this.key = data.key || "";
-    this.color = data.color || "";
-
-    makeAutoObservable(this);
-  }
-}

package/src/models/theme/settings/prop/favicon/index.ts

@@ -1,11 +0,0 @@
-import { makeAutoObservable } from "mobx";
-
-export class IkasThemeFavicon {
-  id: string | null;
-
-  constructor(data?: Partial<IkasThemeFavicon>) {
-    this.id = data?.id || null;
-
-    makeAutoObservable(this);
-  }
-}

package/src/models/theme/theme.ts

@@ -1,202 +0,0 @@
-import { makeAutoObservable } from "mobx";
-import { IkasThemeComponent } from "./component";
-import {
-  IkasThemeComponentProp,
-  IkasThemeComponentPropType,
-} from "./component/prop";
-import { IkasThemeCustomData } from "./custom-data";
-import { IkasThemePage, IkasThemePageType } from "./page";
-import { IkasThemePageComponent } from "./page/component";
-import { IkasThemeSettings } from "./settings";
-
-export const CHECKOUT_ID = "checkout";
-
-export class IkasTheme {
-  name: string;
-  components: IkasThemeComponent[];
-  pages: IkasThemePage[];
-  settings: IkasThemeSettings;
-  customData: IkasThemeCustomData[];
-
-  constructor(data: Partial<IkasTheme> = {}) {
-    this.name = data.name || "";
-    this.components = data.components
-      ? data.components.map((c) => new IkasThemeComponent(c))
-      : [];
-    this.pages = data.pages ? data.pages.map((p) => new IkasThemePage(p)) : [];
-    this.settings = data.settings
-      ? new IkasThemeSettings(data.settings)
-      : new IkasThemeSettings();
-    this.customData = data.customData
-      ? data.customData?.map((cd) => new IkasThemeCustomData(cd))
-      : [];
-
-    this.createCheckoutData();
-
-    makeAutoObservable(this);
-  }
-
-  get headerComponent() {
-    return this.components.find((c) => c.isHeader);
-  }
-
-  get footerComponent() {
-    return this.components.find((c) => c.isFooter);
-  }
-
-  private createCheckoutData() {
-    let currentCheckoutComponent = this.components.find(
-      (c) => c.id === CHECKOUT_ID
-    );
-    const currentCheckoutPage = this.pages.find((p) => p.id === CHECKOUT_ID);
-
-    if (!currentCheckoutComponent) {
-      currentCheckoutComponent = new IkasThemeComponent({
-        id: CHECKOUT_ID,
-        dir: "",
-        displayName: "",
-        props: [
-          new IkasThemeComponentProp({
-            name: "buttonBgColor",
-            isRequired: false,
-            type: IkasThemeComponentPropType.COLOR,
-          }),
-          new IkasThemeComponentProp({
-            name: "buttonTextColor",
-            isRequired: false,
-            type: IkasThemeComponentPropType.COLOR,
-          }),
-          new IkasThemeComponentProp({
-            name: "buttonDisabledBgColor",
-            isRequired: false,
-            type: IkasThemeComponentPropType.COLOR,
-          }),
-          new IkasThemeComponentProp({
-            name: "buttonDisabledTextColor",
-            isRequired: false,
-            type: IkasThemeComponentPropType.COLOR,
-          }),
-
-          new IkasThemeComponentProp({
-            name: "primaryTextColor",
-            isRequired: false,
-            type: IkasThemeComponentPropType.COLOR,
-          }),
-          new IkasThemeComponentProp({
-            name: "secondaryTextColor",
-            isRequired: false,
-            type: IkasThemeComponentPropType.COLOR,
-          }),
-
-          new IkasThemeComponentProp({
-            name: "primaryBgColor",
-            isRequired: false,
-            type: IkasThemeComponentPropType.COLOR,
-          }),
-          new IkasThemeComponentProp({
-            name: "secondaryBgColor",
-            isRequired: false,
-            type: IkasThemeComponentPropType.COLOR,
-          }),
-          new IkasThemeComponentProp({
-            name: "borderColor",
-            isRequired: false,
-            type: IkasThemeComponentPropType.COLOR,
-          }),
-          new IkasThemeComponentProp({
-            name: "cardBgColor",
-            isRequired: false,
-            type: IkasThemeComponentPropType.COLOR,
-          }),
-
-          new IkasThemeComponentProp({
-            name: "errorColor",
-            isRequired: false,
-            type: IkasThemeComponentPropType.COLOR,
-          }),
-          new IkasThemeComponentProp({
-            name: "errorLightColor",
-            isRequired: false,
-            type: IkasThemeComponentPropType.COLOR,
-          }),
-          new IkasThemeComponentProp({
-            name: "warningColor",
-            isRequired: false,
-            type: IkasThemeComponentPropType.COLOR,
-          }),
-          new IkasThemeComponentProp({
-            name: "warningLightColor",
-            isRequired: false,
-            type: IkasThemeComponentPropType.COLOR,
-          }),
-          new IkasThemeComponentProp({
-            name: "successColor",
-            isRequired: false,
-            type: IkasThemeComponentPropType.COLOR,
-          }),
-          new IkasThemeComponentProp({
-            name: "successLightColor",
-            isRequired: false,
-            type: IkasThemeComponentPropType.COLOR,
-          }),
-        ],
-      });
-      this.components.push(currentCheckoutComponent);
-    }
-
-    if (!currentCheckoutPage) {
-      this.pages.push(
-        new IkasThemePage({
-          id: CHECKOUT_ID,
-          type: IkasThemePageType.CHECKOUT,
-          components: [
-            new IkasThemePageComponent({
-              componentId: currentCheckoutComponent.id,
-              propValues: {
-                buttonBgColor: CHECKOUT_BUTTON_BG_COLOR,
-                buttonTextColor: CHECKOUT_BUTTON_TEXT_COLOR,
-                buttonDisabledBgColor: CHECKOUT_BUTTON_DISABLED_BG_COLOR,
-                buttonDisabledTextColor: CHECKOUT_BUTTON_DISABLED_TEXT_COLOR,
-
-                primaryTextColor: CHECKOUT_PRIMARY_TEXT_COLOR,
-                secondaryTextColor: CHECKOUT_SECONDARY_TEXT_COLOR,
-
-                primaryBgColor: CHECKOUT_PRIMARY_BG_COLOR,
-                secondaryBgColor: CHECKOUT_SECONDARY_BG_COLOR,
-                borderColor: CHECKOUT_BORDER_COLOR,
-                cardBgColor: CHECKOUT_CARD_BG_COLOR,
-
-                errorColor: CHECKOUT_ERROR_COLOR,
-                errorLightColor: CHECKOUT_ERROR_LIGHT_COLOR,
-                warningColor: CHECKOUT_WARNING_COLOR,
-                warningLightColor: CHECKOUT_WARNING_LIGHT_COLOR,
-                successColor: CHECKOUT_SUCCESS_COLOR,
-                successLightColor: CHECKOUT_SUCCESS_LIGHT_COLOR,
-              },
-            }),
-          ],
-        })
-      );
-    }
-  }
-}
-
-const CHECKOUT_BUTTON_BG_COLOR = "#272727";
-const CHECKOUT_BUTTON_TEXT_COLOR = "#FFFFFF";
-const CHECKOUT_BUTTON_DISABLED_BG_COLOR = "#F7F7F9";
-const CHECKOUT_BUTTON_DISABLED_TEXT_COLOR = "#8A8B94";
-
-const CHECKOUT_PRIMARY_TEXT_COLOR = "#272727";
-const CHECKOUT_SECONDARY_TEXT_COLOR = "#8A8B94";
-
-const CHECKOUT_PRIMARY_BG_COLOR = "#FFFFFF";
-const CHECKOUT_SECONDARY_BG_COLOR = "#F7F7F9";
-const CHECKOUT_BORDER_COLOR = "#E5E4E9";
-const CHECKOUT_CARD_BG_COLOR = "#F7F7F9";
-
-const CHECKOUT_ERROR_COLOR = "#FB4E4E";
-const CHECKOUT_ERROR_LIGHT_COLOR = "#FCF3F4";
-const CHECKOUT_WARNING_COLOR = "#FFBC1F";
-const CHECKOUT_WARNING_LIGHT_COLOR = "#FFFAEE";
-const CHECKOUT_SUCCESS_COLOR = "#2DCA73";
-const CHECKOUT_SUCCESS_LIGHT_COLOR = "#F6FFED";