@ikas/storefront 4.0.0-alpha.59 → 4.0.0-alpha.6

package/src/models/data/stock-location/address/country/index.ts

@@ -0,0 +1,18 @@
+import { IkasStockLocationAddressCountry as IStockLocationAddressCountry } from "@ikas/storefront-models";
+import { makeAutoObservable } from "mobx";
+
+export class IkasStockLocationAddressCountry
+  implements IStockLocationAddressCountry
+{
+  code: string | null = null;
+  id: string | null = null;
+  name: string;
+
+  constructor(data: IStockLocationAddressCountry) {
+    this.code = data.code;
+    this.id = data.id;
+    this.name = data.name;
+
+    makeAutoObservable(this);
+  }
+}

package/src/models/data/stock-location/address/district/index.ts

@@ -0,0 +1,18 @@
+import { IkasStockLocationAddressDistrict as IStockLocationAddressDistrict } from "@ikas/storefront-models";
+import { makeAutoObservable } from "mobx";
+
+export class IkasStockLocationAddressDistrict
+  implements IStockLocationAddressDistrict
+{
+  code: string | null = null;
+  id: string | null = null;
+  name: string | null = null;
+
+  constructor(data: IStockLocationAddressDistrict) {
+    this.code = data.code;
+    this.id = data.id;
+    this.name = data.name;
+
+    makeAutoObservable(this);
+  }
+}

package/src/models/data/stock-location/address/index.ts

@@ -0,0 +1,34 @@
+import { IkasStockLocationAddressCity } from "./city";
+import { IkasStockLocationAddressCountry } from "./country";
+import { IkasStockLocationAddressDistrict } from "./district";
+import { IkasStockLocationAddressState } from "./state";
+import { IkasStockLocationAddress as IStockLocationAddress } from "@ikas/storefront-models";
+import { makeAutoObservable } from "mobx";
+
+export class IkasStockLocationAddress implements IStockLocationAddress {
+  address: string | null = null;
+  city: IkasStockLocationAddressCity | null = null;
+  country: IkasStockLocationAddressCountry | null = null;
+  district: IkasStockLocationAddressDistrict | null = null;
+  state: IkasStockLocationAddressState | null = null;
+  phone: string | null = null;
+  postalCode: string | null = null;
+
+  constructor(data: IStockLocationAddress) {
+    this.address = data.address || null;
+    this.city = data.city ? new IkasStockLocationAddressCity(data.city) : null;
+    this.country = data.country
+      ? new IkasStockLocationAddressCountry(data.country)
+      : null;
+    this.district = data.district
+      ? new IkasStockLocationAddressDistrict(data.district)
+      : null;
+    this.state = data.state
+      ? new IkasStockLocationAddressState(data.state)
+      : null;
+    this.phone = data.phone || null;
+    this.postalCode = data.postalCode || null;
+
+    makeAutoObservable(this);
+  }
+}

package/src/models/data/stock-location/address/state/index.ts

@@ -0,0 +1,18 @@
+import { IkasStockLocationAddressState as IStockLocationAddressState } from "@ikas/storefront-models";
+import { makeAutoObservable } from "mobx";
+
+export class IkasStockLocationAddressState
+  implements IStockLocationAddressState
+{
+  code: string | null = null;
+  id: string | null = null;
+  name: string | null = null;
+
+  constructor(data: IStockLocationAddressState) {
+    this.code = data.code;
+    this.id = data.id;
+    this.name = data.name;
+
+    makeAutoObservable(this);
+  }
+}

package/src/models/data/stock-location/available/index.ts

@@ -0,0 +1,22 @@
+import { IkasStockLocationType } from "..";
+import { IkasStockLocationAddress } from "../address";
+import { IkasAvailableStockLocation as IAvailableStockLocation } from "@ikas/storefront-models";
+import { makeAutoObservable } from "mobx";
+
+export class IkasAvailableStockLocation implements IAvailableStockLocation {
+  address: IkasStockLocationAddress | null;
+  id: string;
+  name: string;
+  type: IkasStockLocationType | null;
+
+  constructor(data: IAvailableStockLocation) {
+    this.address = data.address
+      ? new IkasStockLocationAddress(data.address)
+      : null;
+    this.id = data.id;
+    this.name = data.name;
+    this.type = data.type || null;
+
+    makeAutoObservable(this);
+  }
+}

package/src/models/data/stock-location/index.ts

@@ -0,0 +1,35 @@
+import {
+  IkasStockLocationDeliveryTime,
+  IkasStockLocationType,
+  IkasStockLocation as IStockLocation,
+} from "@ikas/storefront-models";
+import { makeAutoObservable } from "mobx";
+import { IkasStockLocationAddress } from "./address";
+
+export class IkasStockLocation implements IStockLocation {
+  address: IkasStockLocationAddress | null = null;
+  deliveryTime: IkasStockLocationDeliveryTime | null = null;
+  description: string | null = null;
+  isRemindOutOfStockEnabled: boolean | null = null;
+  name: string;
+  outOfStockMailList: string[] | null = null;
+  type: IkasStockLocationType | null = null;
+  id: string;
+
+  constructor(data: IStockLocation) {
+    this.address = data.address
+      ? new IkasStockLocationAddress(data.address)
+      : null;
+    this.deliveryTime = data.deliveryTime || null;
+    this.description = data.description || null;
+    this.isRemindOutOfStockEnabled = data.isRemindOutOfStockEnabled || null;
+    this.name = data.name;
+    this.outOfStockMailList = data.outOfStockMailList || null;
+    this.type = data.type || null;
+    this.id = data.id;
+
+    makeAutoObservable(this);
+  }
+}
+
+export { IkasStockLocationDeliveryTime, IkasStockLocationType };

package/src/models/data/storefront/domain/index.ts

@@ -0,0 +1,20 @@
+import { IkasStorefrontDomain as IStorefrontDomain } from "@ikas/storefront-models";
+import { makeAutoObservable } from "mobx";
+
+export class IkasStorefrontDomain implements IStorefrontDomain {
+  id: string;
+  merchantDomainId: string;
+  name: string;
+  redirectDomainName: string | null = null;
+  isDefault: boolean | null = null;
+
+  constructor(data: IStorefrontDomain) {
+    this.id = data.id;
+    this.merchantDomainId = data.merchantDomainId;
+    this.name = data.name;
+    this.redirectDomainName = data.redirectDomainName;
+    this.isDefault = data.isDefault;
+
+    makeAutoObservable(this);
+  }
+}

package/src/models/data/storefront/index.ts

@@ -0,0 +1,65 @@
+import { IkasStorefrontLocalization } from "./localization";
+import { IkasStorefrontDomain } from "./domain";
+import { IkasStorefrontRouting } from "./routing";
+import { IkasStorefrontTheme } from "./theme";
+import { IkasStorefrontStatus } from "@ikas/storefront-models";
+import { makeAutoObservable } from "mobx";
+import { IkasStorefront as IStorefront } from "@ikas/storefront-models";
+
+export class IkasStorefront implements IStorefront {
+  id: string;
+  name: string;
+  status: IkasStorefrontStatus;
+
+  mainStorefrontThemeId: string | null;
+  pickUpStockLocationIds: string[] | null;
+  emailSettingsId: string | null;
+  salesChannelId: string | null;
+  fbpId: string | null;
+  gtmId: string | null;
+  analytics4Id: string | null;
+  universalAnalyticsId: string | null;
+  tiktokPixelId: string | null;
+
+  localizations: IkasStorefrontLocalization[];
+  routings: IkasStorefrontRouting[];
+  domains: IkasStorefrontDomain[];
+  themes: IkasStorefrontTheme[];
+
+  constructor(data: Partial<IkasStorefront> = {}) {
+    this.id = data.id || "";
+    this.name = data.name || "";
+    this.status = data.status || IkasStorefrontStatus.WAITING;
+
+    this.mainStorefrontThemeId = data.mainStorefrontThemeId || null;
+    this.pickUpStockLocationIds = data.pickUpStockLocationIds || null;
+    this.emailSettingsId = data.emailSettingsId || null;
+    this.salesChannelId = data.salesChannelId || null;
+    this.gtmId = data.gtmId || null;
+    this.fbpId = data.fbpId || null;
+    this.analytics4Id = data.analytics4Id || null;
+    this.universalAnalyticsId = data.universalAnalyticsId || null;
+    this.tiktokPixelId = data.tiktokPixelId || null;
+
+    // Sub Models
+    this.localizations = data.localizations
+      ? data.localizations.map((l) => new IkasStorefrontLocalization(l))
+      : [];
+
+    this.routings = data.routings
+      ? data.routings.map((r) => new IkasStorefrontRouting(r))
+      : [];
+
+    this.domains = data.domains
+      ? data.domains.map((o) => new IkasStorefrontDomain(o))
+      : [];
+
+    this.themes = data.themes
+      ? data.themes.map((t) => new IkasStorefrontTheme(t))
+      : [];
+
+    makeAutoObservable(this);
+  }
+}
+
+export { IkasStorefrontStatus };

package/src/models/data/storefront/localization/index.tsx

@@ -0,0 +1,18 @@
+import { IkasStorefrontLocalization as IStorefrontLocalization } from "@ikas/storefront-models";
+import { makeAutoObservable } from "mobx";
+
+export class IkasStorefrontLocalization implements IStorefrontLocalization {
+  id: string;
+  isDefault: boolean;
+  locale: string;
+  name: string;
+
+  constructor(data: IStorefrontLocalization) {
+    this.id = data.id;
+    this.isDefault = data.isDefault;
+    this.locale = data.locale;
+    this.name = data.name;
+
+    makeAutoObservable(this);
+  }
+}

package/src/models/data/storefront/routing/dynamic-currency/index.ts

@@ -0,0 +1,16 @@
+import { IkasStorefrontDynamicCurrencySettings as IStorefrontDynamicCurrencySettings } from "@ikas/storefront-models";
+import { makeAutoObservable } from "mobx";
+
+export class IkasStorefrontDynamicCurrencySettings
+  implements IStorefrontDynamicCurrencySettings
+{
+  roundingFormat: string | null = null;
+  targetCurrencyCode: string;
+
+  constructor(data: IStorefrontDynamicCurrencySettings) {
+    this.roundingFormat = data.roundingFormat || null;
+    this.targetCurrencyCode = data.targetCurrencyCode;
+
+    makeAutoObservable(this);
+  }
+}

package/src/models/data/storefront/routing/index.tsx

@@ -0,0 +1,25 @@
+import { IkasStorefrontDynamicCurrencySettings } from "./dynamic-currency";
+import { IkasStorefrontRouting as IStorefrontRouting } from "@ikas/storefront-models";
+import { makeAutoObservable } from "mobx";
+
+export class IkasStorefrontRouting implements IStorefrontRouting {
+  id: string;
+  countryCodes: string[] | null;
+  domain: string | null;
+  locale: string;
+  path: string | null;
+  priceListId: string | null;
+  dynamicCurrencySettings: IkasStorefrontDynamicCurrencySettings | null;
+
+  constructor(data: IStorefrontRouting) {
+    this.id = data.id;
+    this.countryCodes = data.countryCodes;
+    this.domain = data.domain;
+    this.locale = data.locale;
+    this.path = data.path;
+    this.priceListId = data.priceListId;
+    this.dynamicCurrencySettings = data.dynamicCurrencySettings;
+
+    makeAutoObservable(this);
+  }
+}

package/src/models/data/storefront/theme/index.tsx

@@ -0,0 +1,25 @@
+import {
+  IkasStorefrontTheme as IStorefrontTheme,
+  IkasStorefrontThemeStatus,
+} from "@ikas/storefront-models";
+import { makeAutoObservable } from "mobx";
+
+export class IkasStorefrontTheme implements IkasStorefrontTheme {
+  id: string;
+  isMainTheme: boolean;
+  name: string;
+  status: IkasStorefrontThemeStatus;
+  themeId: string;
+  themeVersionId: string;
+
+  constructor(data: IStorefrontTheme) {
+    this.id = data.id;
+    this.isMainTheme = data.isMainTheme;
+    this.name = data.name;
+    this.status = data.status;
+    this.themeId = data.themeId;
+    this.themeVersionId = data.themeVersionId;
+
+    makeAutoObservable(this);
+  }
+}

package/src/models/data/storefront/theme-localization/index.tsx

@@ -0,0 +1,31 @@
+import { IkasThemeJson } from "../../theme-json";
+import { IkasStorefrontThemeLocalization as IStorefrontThemeLocalization } from "@ikas/storefront-models";
+import { makeAutoObservable } from "mobx";
+
+export class IkasStorefrontThemeLocalization
+  implements IStorefrontThemeLocalization
+{
+  id: string;
+  locale: string;
+  storefrontId: string;
+  storefrontThemeId: string;
+  themeJson: IkasThemeJson;
+
+  privacyPolicy: string | null;
+  returnPolicy: string | null;
+  termsOfService: string | null;
+
+  constructor(data: IkasStorefrontThemeLocalization) {
+    this.id = data.id;
+    this.locale = data.locale;
+    this.storefrontId = data.storefrontId;
+    this.storefrontThemeId = data.storefrontThemeId;
+    this.themeJson = new IkasThemeJson(data.themeJson);
+
+    this.privacyPolicy = data.privacyPolicy || null;
+    this.returnPolicy = data.returnPolicy || null;
+    this.termsOfService = data.termsOfService || null;
+
+    makeAutoObservable(this);
+  }
+}

package/src/models/data/theme-json/component/index.ts

@@ -0,0 +1,41 @@
+import { makeAutoObservable } from "mobx";
+import { IkasThemeJsonComponentProp } from "./prop";
+import { IkasThemeJsonComponent as IThemeJsonComponent } from "@ikas/storefront-models";
+
+export class IkasThemeJsonComponent implements IThemeJsonComponent {
+  id: string;
+  dir: string;
+  displayName: string;
+  description: string;
+  props: IkasThemeJsonComponentProp[];
+  isHeader: boolean;
+  isFooter: boolean;
+  translations: {
+    [locale: string]: ComponentTranslation;
+  } = {};
+
+  constructor(data: Partial<IkasThemeJsonComponent>) {
+    this.id = data.id || "";
+    this.dir = data.dir || "";
+    this.displayName = data.displayName || "";
+    this.description = data.description || "";
+    this.props = data.props
+      ? data.props.map((p) => new IkasThemeJsonComponentProp(p))
+      : [];
+    this.translations = data.translations || {};
+    this.isHeader = data.isHeader || false;
+    this.isFooter = data.isFooter || false;
+
+    makeAutoObservable(this);
+  }
+}
+
+export class ComponentTranslation {
+  displayName: string | null;
+  description: string | null;
+
+  constructor(data: Partial<ComponentTranslation> = {}) {
+    this.displayName = data.displayName || null;
+    this.description = data.description || null;
+  }
+}

package/src/models/data/theme-json/component/prop/index.ts

@@ -0,0 +1,55 @@
+import {
+  IkasProductAttributeType,
+  IkasThemeJsonComponentPropType,
+  IkasThemeJsonSliderData,
+} from "@ikas/storefront-models";
+import { makeAutoObservable } from "mobx";
+import { IkasThemeJsonComponentProp as IThemeJsonComponentProp } from "@ikas/storefront-models";
+
+export class IkasThemeJsonComponentProp implements IThemeJsonComponentProp {
+  id: string;
+  name: string;
+  displayName: string;
+  description: string;
+  type: IkasThemeJsonComponentPropType;
+  isRequired: boolean;
+  customDataId?: string | null;
+  requiredPropId?: string;
+  requiredEnumOptionId?: string;
+  requiredEnumOptionValue?: string;
+  attributeTypes?: IkasProductAttributeType[] | null;
+  sliderData: IkasThemeJsonSliderData;
+  translations: {
+    [locale: string]: PropTranslation;
+  } = {};
+
+  constructor(data: Partial<IkasThemeJsonComponentProp>) {
+    this.id = data.id || Date.now() + "";
+    this.name = data.name || "";
+    this.displayName = data.displayName || "";
+    this.description = data.description || "";
+    this.type = data.type || IkasThemeJsonComponentPropType.TEXT;
+    this.isRequired = data.isRequired || false;
+    this.customDataId = data.customDataId || null;
+    this.requiredPropId = data.requiredPropId;
+    this.requiredEnumOptionId = data.requiredEnumOptionId;
+    this.requiredEnumOptionValue = data.requiredEnumOptionValue;
+    this.attributeTypes = data.attributeTypes || null;
+    this.sliderData = data.sliderData || ({} as IkasThemeJsonSliderData);
+    this.translations = data.translations || {};
+
+    makeAutoObservable(this);
+  }
+}
+
+export { IkasThemeJsonComponentPropType };
+
+class PropTranslation {
+  displayName: string | null;
+  description: string | null;
+
+  constructor(data: Partial<PropTranslation> = {}) {
+    this.description = data.description || null;
+    this.displayName = data.displayName || null;
+  }
+}

package/src/models/data/theme-json/custom-data/index.ts

@@ -0,0 +1,132 @@
+import { IkasProductAttributeType } from "../../../data/product/attribute";
+import { makeAutoObservable } from "mobx";
+import _flatten from "lodash/flatten";
+import {
+  IkasThemeJsonComponentPropType,
+  IkasThemeJsonSliderData,
+  IkasThemeJsonCustomData as IThemeJsonCustomData,
+  IkasThemeJsonEnumOption as IThemeJsonEnumOption,
+  IkasThemeJsonCustomDataTranslation as IThemeJsonCustomDataTranslation,
+  IkasThemeJsonCustomDataEnumOptionTranslation as IThemeJsonCustomDataEnumOptionTranslation,
+} from "@ikas/storefront-models";
+
+export class IkasThemeJsonCustomData implements IThemeJsonCustomData {
+  id: string;
+  name?: string | null;
+  description?: string | null;
+  typescriptName?: string | null;
+  type: IkasThemeJsonComponentPropType;
+  isRequired: boolean;
+  translations: {
+    [locale: string]: IkasThemeJsonCustomDataTranslation;
+  } = {};
+
+  key?: string | null;
+  nestedData?: IkasThemeJsonCustomData[] | null;
+  itemCount?: number | null; // for static lists
+  attributeTypes?: IkasProductAttributeType[] | null;
+  enumOptions?: IkasThemeJsonEnumOption[] | null;
+  customDataId?: string | null = null;
+  sliderData: IkasThemeJsonSliderData;
+
+  isRoot: boolean;
+  parent?: IkasThemeJsonCustomData | null;
+
+  constructor(data: Partial<IkasThemeJsonCustomData> = {}) {
+    this.id = data.id || "";
+    this.name = data.name || null;
+    this.description = data.description || null;
+    this.typescriptName = data.name || null;
+    this.type = data.type || IkasThemeJsonComponentPropType.TEXT;
+    this.isRequired = data.isRequired !== undefined ? data.isRequired : true;
+    this.translations = data.translations || {};
+    this.key = data.key || null;
+    this.parent = data.parent || null;
+    this.itemCount = data.itemCount || null;
+    this.attributeTypes = data.attributeTypes || null;
+    this.enumOptions =
+      data.enumOptions?.map((eo) => new IkasThemeJsonEnumOption(eo)) || null;
+    this.customDataId = data.customDataId || null;
+    this.sliderData = data.sliderData || ({} as IkasThemeJsonSliderData);
+    this.isRoot = data.isRoot || false;
+    this.nestedData = data.nestedData
+      ? data.nestedData.map(
+          (nd) =>
+            new IkasThemeJsonCustomData({
+              ...nd,
+              parent: this,
+            })
+        )
+      : null;
+
+    if (
+      this.type === IkasThemeJsonComponentPropType.STATIC_LIST &&
+      !this.itemCount
+    )
+      this.itemCount = 1;
+
+    makeAutoObservable(this);
+  }
+
+  get flat(): IkasThemeJsonCustomData[] {
+    if (!this.nestedData || !this.nestedData.length) return [this];
+
+    const nestedFlat = _flatten(this.nestedData.map((nd) => nd.flat));
+
+    let list: IkasThemeJsonCustomData[] = [];
+    list.push(this);
+    list = list.concat(nestedFlat);
+
+    return list;
+  }
+
+  toJSON() {
+    const obj = {
+      ...this,
+    };
+    delete obj.parent;
+    return obj;
+  }
+}
+
+export class IkasThemeJsonEnumOption implements IThemeJsonEnumOption {
+  id: string;
+  displayName: string;
+  value: string;
+  translations: {
+    [locale: string]: IkasThemeJsonCustomDataEnumOptionTranslation;
+  } = {};
+
+  constructor(data: Partial<IkasThemeJsonEnumOption> = {}) {
+    this.id = data.id || "";
+    this.displayName = data.displayName || "";
+    this.value = data.value || "";
+    this.translations = data.translations || {};
+
+    makeAutoObservable(this);
+  }
+}
+
+export class IkasThemeJsonCustomDataTranslation
+  implements IThemeJsonCustomDataTranslation
+{
+  name: string | null;
+  description: string | null;
+
+  constructor(data: Partial<IkasThemeJsonCustomDataTranslation> = {}) {
+    this.name = data.name || null;
+    this.description = data.description || null;
+  }
+}
+
+export class IkasThemeJsonCustomDataEnumOptionTranslation
+  implements IThemeJsonCustomDataEnumOptionTranslation
+{
+  displayName: string | null;
+
+  constructor(
+    data: Partial<IkasThemeJsonCustomDataEnumOptionTranslation> = {}
+  ) {
+    this.displayName = data.displayName || null;
+  }
+}