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

package/src/models/ui/blog-list/index.ts

@@ -1,175 +0,0 @@
-import { makeAutoObservable } from "mobx";
-import BlogStore from "../../../store/blog";
-import { IkasBlog } from "../../../models/data/blog";
-import { IkasBlogListPropValue } from "@ikas/storefront-providers";
-
-export class IkasBlogList {
-  data: IkasBlog[];
-  private _type: IkasBlogListType;
-  private _limit: number;
-  private _page: number;
-  private _count: number;
-  private _initialized = false;
-  private _minPage?: number | null = null;
-  private _blogListPropValue: IkasBlogListPropValue;
-  private _filterCategoryId: string | null = null;
-
-  private _isLoading = false;
-
-  constructor(data: IkasBlogListParams) {
-    this.data = data.data ? data.data.map((b) => new IkasBlog(b)) : [];
-    this._type =
-      data.type || data.blogListPropValue.blogListType || IkasBlogListType.ALL;
-    this._limit = data.limit || data.blogListPropValue.initialLimit || 20;
-    this._page = data.page || 1;
-    this._count = data.count || 0;
-    this._initialized = data.initialized || false;
-    this._minPage = data.minPage;
-    this._blogListPropValue = data.blogListPropValue;
-    this._filterCategoryId = data.filterCategoryId || null;
-
-    makeAutoObservable(this);
-  }
-
-  get limit() {
-    return this._limit;
-  }
-
-  get page() {
-    return this._page;
-  }
-
-  get count() {
-    return this._count;
-  }
-
-  get pageCount() {
-    return Math.ceil(this._count / this._limit);
-  }
-
-  get isInitialized() {
-    return this._initialized;
-  }
-
-  get isStatic() {
-    return this._type === IkasBlogListType.STATIC;
-  }
-
-  get hasPrev() {
-    if (this.isStatic || !this._minPage) return false;
-    return this._minPage > 1;
-  }
-
-  get hasNext() {
-    if (this.isStatic) return false;
-    return this.page * this.limit < this.count;
-  }
-
-  get isLoading() {
-    return this._isLoading;
-  }
-
-  private async listBlogs(page: number, limit: number) {
-    const response = await BlogStore.listBlog({
-      id: this.isStatic ? { in: this._blogListPropValue.blogIds } : undefined,
-      pagination: {
-        page,
-        limit,
-      },
-      categoryId: this._filterCategoryId
-        ? { eq: this._filterCategoryId }
-        : undefined,
-    });
-
-    return response;
-  }
-
-  getPrev = async () => {
-    if (this.isStatic || this._isLoading || !this.hasPrev) return;
-
-    this._isLoading = true;
-
-    try {
-      const minPage = this._minPage! - 1;
-      const response = await this.listBlogs(minPage, this.limit);
-      const blogs = response.data?.data || [];
-
-      this.data = blogs.concat(this.data);
-      this._count = response.data?.count || this._count;
-      this._minPage = minPage;
-    } catch (err) {
-      console.log(err);
-    } finally {
-      this._isLoading = false;
-    }
-  };
-
-  getNext = async () => {
-    if (this.isStatic || this._isLoading || !this.hasNext) return;
-    this._isLoading = true;
-
-    try {
-      const response = await this.listBlogs(this.page + 1, this.limit);
-      const blogs = response.data?.data || [];
-
-      this.data = this.data.concat(blogs);
-      this._count = response.data?.count || this._count;
-      this._page = this.page + 1;
-    } catch (err) {
-      console.log(err);
-    } finally {
-      this._isLoading = false;
-    }
-  };
-
-  getPage = async (page: number) => {
-    if (this._isLoading || this.isStatic) return;
-    this._isLoading = true;
-
-    try {
-      const response = await this.listBlogs(page, this.limit);
-      const blogs = response.data?.data || [];
-
-      this.data = blogs;
-      this._count = response.data?.count || 0;
-      this._page = page;
-      this._minPage = page;
-    } catch (err) {
-      console.log(err);
-    } finally {
-      this._isLoading = false;
-    }
-  };
-
-  toJSON() {
-    return {
-      data: this.data,
-      type: this._type,
-      limit: this._limit,
-      page: this._page,
-      count: this._count,
-      initialized: this._initialized,
-      minPage: this._minPage,
-      blogListPropValue: this._blogListPropValue,
-      filterCategoryId: this._filterCategoryId,
-    };
-  }
-}
-
-export type IkasBlogListParams = {
-  data?: IkasBlog[];
-  type?: IkasBlogListType;
-  limit?: number;
-  page?: number;
-  count?: number;
-  initialized?: boolean;
-  minPage?: number;
-  blogListPropValue: IkasBlogListPropValue;
-  filterCategoryId: string | null;
-};
-
-export enum IkasBlogListType {
-  ALL = "ALL",
-  STATIC = "STATIC",
-  CATEGORY = "CATEGORY",
-}

package/src/models/ui/brand-list/index.ts

@@ -1,237 +0,0 @@
-import { IkasBrand } from "../../../models/data";
-import { makeAutoObservable } from "mobx";
-import BrandStore from "../../../store/brand";
-import { IkasBrandListPropValue } from "@ikas/storefront-providers";
-
-export class IkasBrandList {
-  data: IkasBrand[];
-  private _type: IkasBrandListType;
-  private _sort: IkasBrandListSortType;
-  private _limit: number;
-  private _page: number;
-  private _count: number;
-  private _initialized = false;
-  private _minPage?: number | null = null;
-  private _brandListPropValue: IkasBrandListPropValue;
-
-  private _isLoading = false;
-
-  constructor(data: IkasBrandListParams) {
-    this.data = data.data ? data.data.map((b) => new IkasBrand(b)) : [];
-    this._type =
-      data.type ||
-      data.brandListPropValue.brandListType ||
-      IkasBrandListType.ALL;
-    this._sort =
-      data.sort ||
-      data.brandListPropValue.initialSort ||
-      IkasBrandListSortType.A_Z;
-    this._limit = data.limit || data.brandListPropValue.initialLimit || 20;
-    this._page = data.page || 1;
-    this._count = data.count || 0;
-    this._initialized = data.initialized || false;
-    this._minPage = data.minPage;
-    this._brandListPropValue = data.brandListPropValue;
-
-    makeAutoObservable(this);
-  }
-
-  get sort() {
-    return this._sort;
-  }
-
-  get limit() {
-    return this._limit;
-  }
-
-  get page() {
-    return this._page;
-  }
-
-  get count() {
-    return this._count;
-  }
-
-  get pageCount() {
-    return Math.ceil(this._count / this._limit);
-  }
-
-  get isInitialized() {
-    return this._initialized;
-  }
-
-  get isStatic() {
-    return this._type === IkasBrandListType.STATIC;
-  }
-
-  get hasPrev() {
-    if (this.isStatic || !this._minPage) return false;
-    return this._minPage > 1;
-  }
-
-  get hasNext() {
-    if (this.isStatic) return false;
-    return this.page * this.limit < this.count;
-  }
-
-  get isLoading() {
-    return this._isLoading;
-  }
-
-  private getSortParams() {
-    if (this._sort === IkasBrandListSortType.A_Z) return "name";
-    else return "-name";
-  }
-
-  getInitial = async () => {
-    if (this._isLoading) return;
-    this._isLoading = true;
-
-    try {
-      const response = await BrandStore.listProductBrand({
-        id: this.isStatic
-          ? this._brandListPropValue.brandIds
-            ? { in: this._brandListPropValue.brandIds }
-            : undefined
-          : undefined,
-        pagination: {
-          page: this.isStatic ? undefined : this.page,
-          limit: this.isStatic ? undefined : this.limit,
-        },
-        sort: this.getSortParams(),
-      });
-
-      if (this.isStatic) {
-        this.data =
-          (this._brandListPropValue.brandIds
-            ?.map((bID) => {
-              return response.data?.data?.find((b) => b.id === bID);
-            })
-            .filter((b) => !!b) as IkasBrand[]) || [];
-      } else {
-        this.data = response.data?.data || [];
-      }
-
-      this._count = response.data?.count || 0;
-      this._initialized = true;
-      this._minPage = this.page;
-    } catch (err) {
-      console.log(err);
-    } finally {
-      this._isLoading = false;
-    }
-  };
-
-  getPrev = async () => {
-    if (this.isStatic || this._isLoading || !this.hasPrev) return;
-
-    this._isLoading = true;
-
-    try {
-      const minPage = this._minPage! - 1;
-      const response = await BrandStore.listProductBrand({
-        pagination: {
-          page: minPage,
-          limit: this.limit,
-        },
-        sort: this.getSortParams(),
-      });
-
-      this.data = response.data?.data?.concat(this.data) || this.data;
-      this._count = response.data?.count || 0;
-      this._minPage = minPage;
-    } catch (err) {
-      console.log(err);
-    } finally {
-      this._isLoading = false;
-    }
-  };
-
-  getNext = async () => {
-    if (this.isStatic || this._isLoading || !this.hasNext) return;
-    this._isLoading = true;
-
-    try {
-      const response = await BrandStore.listProductBrand({
-        pagination: {
-          page: this.page + 1,
-          limit: this.limit,
-        },
-        sort: this.getSortParams(),
-      });
-
-      this.data = this.data.concat(response.data?.data || []);
-      this._count = response.data?.count || this.count;
-      this._page = this.page + 1;
-    } catch (err) {
-      console.log(err);
-    } finally {
-      this._isLoading = false;
-    }
-  };
-
-  getPage = async (page: number) => {
-    if (this._isLoading || this.isStatic) return;
-    this._isLoading = true;
-
-    try {
-      const response = await BrandStore.listProductBrand({
-        pagination: {
-          page: page,
-          limit: this.limit,
-        },
-        sort: this.getSortParams(),
-      });
-
-      this.data = response.data?.data || [];
-      this._count = response.data?.count || 0;
-      this._page = page;
-      this._minPage = page;
-    } catch (err) {
-      console.log(err);
-    } finally {
-      this._isLoading = false;
-    }
-  };
-
-  async setSortType(sortType: IkasBrandListSortType) {
-    this._sort = sortType;
-    await this.getInitial();
-  }
-
-  toJSON() {
-    return {
-      data: this.data,
-      type: this._type,
-      sort: this._sort,
-      limit: this._limit,
-      page: this._page,
-      count: this._count,
-      initialized: this._initialized,
-      minPage: this._minPage,
-      brandListPropValue: this._brandListPropValue,
-    };
-  }
-}
-
-export type IkasBrandListParams = {
-  data?: IkasBrand[];
-  type?: IkasBrandListType;
-  sort?: IkasBrandListSortType;
-  limit?: number;
-  page?: number;
-  count?: number;
-  initialized?: boolean;
-  minPage?: number;
-  brandListPropValue: IkasBrandListPropValue;
-};
-
-export enum IkasBrandListType {
-  ALL = "ALL",
-  STATIC = "STATIC",
-}
-
-export enum IkasBrandListSortType {
-  A_Z = "A_Z",
-  Z_A = "Z_A",
-}

package/src/models/ui/category-list/index.ts

@@ -1,237 +0,0 @@
-import { IkasCategory } from "../../../models/data";
-import { makeAutoObservable } from "mobx";
-import CategoryStore from "../../../store/category";
-import { IkasCategoryListPropValue } from "@ikas/storefront-providers";
-
-export class IkasCategoryList {
-  data: IkasCategory[];
-  private _type: IkasCategoryListType;
-  private _sort: IkasCategoryListSortType;
-  private _limit: number;
-  private _page: number;
-  private _count: number;
-  private _initialized = false;
-  private _minPage?: number | null = null;
-  private _categoryListPropValue: IkasCategoryListPropValue;
-
-  private _isLoading = false;
-
-  constructor(data: IkasCategoryListParams) {
-    this.data = data.data ? data.data.map((b) => new IkasCategory(b)) : [];
-    this._type =
-      data.type ||
-      data.categoryListPropValue.categoryListType ||
-      IkasCategoryListType.ALL;
-    this._sort =
-      data.sort ||
-      data.categoryListPropValue.initialSort ||
-      IkasCategoryListSortType.A_Z;
-    this._limit = data.limit || data.categoryListPropValue.initialLimit || 20;
-    this._page = data.page || 1;
-    this._count = data.count || 0;
-    this._initialized = data.initialized || false;
-    this._minPage = data.minPage;
-    this._categoryListPropValue = data.categoryListPropValue;
-
-    makeAutoObservable(this);
-  }
-
-  get sort() {
-    return this._sort;
-  }
-
-  get limit() {
-    return this._limit;
-  }
-
-  get page() {
-    return this._page;
-  }
-
-  get count() {
-    return this._count;
-  }
-
-  get pageCount() {
-    return Math.ceil(this._count / this._limit);
-  }
-
-  get isInitialized() {
-    return this._initialized;
-  }
-
-  get isStatic() {
-    return this._type === IkasCategoryListType.STATIC;
-  }
-
-  get hasPrev() {
-    if (this.isStatic || !this._minPage) return false;
-    return this._minPage > 1;
-  }
-
-  get hasNext() {
-    if (this.isStatic) return false;
-    return this.page * this.limit < this.count;
-  }
-
-  get isLoading() {
-    return this._isLoading;
-  }
-
-  private getSortParams() {
-    if (this._sort === IkasCategoryListSortType.A_Z) return "name";
-    else return "-name";
-  }
-
-  getInitial = async () => {
-    if (this._isLoading) return;
-    this._isLoading = true;
-
-    try {
-      const response = await CategoryStore.listCategory({
-        id: this.isStatic
-          ? this._categoryListPropValue.categoryIds
-            ? { in: this._categoryListPropValue.categoryIds }
-            : undefined
-          : undefined,
-        pagination: {
-          page: this.isStatic ? undefined : this.page,
-          limit: this.isStatic ? undefined : this.limit,
-        },
-        sort: this.getSortParams(),
-      });
-
-      if (this.isStatic) {
-        this.data =
-          (this._categoryListPropValue.categoryIds
-            ?.map((cID) => {
-              return response.data?.data?.find((c) => c.id === cID);
-            })
-            .filter((c) => !!c) as IkasCategory[]) || [];
-      } else {
-        this.data = response.data?.data || [];
-      }
-
-      this._count = response.data?.count || 0;
-      this._initialized = true;
-      this._minPage = this.page;
-    } catch (err) {
-      console.log(err);
-    } finally {
-      this._isLoading = false;
-    }
-  };
-
-  getPrev = async () => {
-    if (this.isStatic || this._isLoading || !this.hasPrev) return;
-
-    this._isLoading = true;
-
-    try {
-      const minPage = this._minPage! - 1;
-      const response = await CategoryStore.listCategory({
-        pagination: {
-          page: minPage,
-          limit: this.limit,
-        },
-        sort: this.getSortParams(),
-      });
-
-      this.data = response.data?.data?.concat(this.data) || this.data;
-      this._count = response.data?.count || this._count;
-      this._minPage = minPage;
-    } catch (err) {
-      console.log(err);
-    } finally {
-      this._isLoading = false;
-    }
-  };
-
-  getNext = async () => {
-    if (this.isStatic || this._isLoading || !this.hasNext) return;
-    this._isLoading = true;
-
-    try {
-      const response = await CategoryStore.listCategory({
-        pagination: {
-          page: this.page + 1,
-          limit: this.limit,
-        },
-        sort: this.getSortParams(),
-      });
-
-      this.data = this.data.concat(response.data?.data || []);
-      this._count = response.data?.count || this._count;
-      this._page = this.page + 1;
-    } catch (err) {
-      console.log(err);
-    } finally {
-      this._isLoading = false;
-    }
-  };
-
-  getPage = async (page: number) => {
-    if (this._isLoading || this.isStatic) return;
-    this._isLoading = true;
-
-    try {
-      const response = await CategoryStore.listCategory({
-        pagination: {
-          page: page,
-          limit: this.limit,
-        },
-        sort: this.getSortParams(),
-      });
-
-      this.data = response.data?.data || [];
-      this._count = response.data?.count || 0;
-      this._page = page;
-      this._minPage = page;
-    } catch (err) {
-      console.log(err);
-    } finally {
-      this._isLoading = false;
-    }
-  };
-
-  async setSortType(sortType: IkasCategoryListSortType) {
-    this._sort = sortType;
-    await this.getInitial();
-  }
-
-  toJSON() {
-    return {
-      data: this.data,
-      type: this._type,
-      sort: this._sort,
-      limit: this._limit,
-      page: this._page,
-      count: this._count,
-      initialized: this._initialized,
-      minPage: this._minPage,
-      categoryListPropValue: this._categoryListPropValue,
-    };
-  }
-}
-
-export type IkasCategoryListParams = {
-  data?: IkasCategory[];
-  type?: IkasCategoryListType;
-  sort?: IkasCategoryListSortType;
-  limit?: number;
-  page?: number;
-  count?: number;
-  initialized?: boolean;
-  minPage?: number;
-  categoryListPropValue: IkasCategoryListPropValue;
-};
-
-export enum IkasCategoryListType {
-  ALL = "ALL",
-  STATIC = "STATIC",
-}
-
-export enum IkasCategoryListSortType {
-  A_Z = "A_Z",
-  Z_A = "Z_A",
-}

package/src/models/ui/component-renderer/index.ts

@@ -1,9 +0,0 @@
-type RenderFunction = () => React.ReactNode;
-
-export class IkasComponentRenderer {
-  render: RenderFunction;
-
-  constructor(render: RenderFunction) {
-    this.render = render;
-  }
-}