@ikas/storefront 4.0.0-alpha.5 → 4.0.0-alpha.50

package/src/models/data/merchant-settings/index.ts

@@ -1,15 +1,18 @@
 import {
   IkasMerchantSettingsCurrencyFormat,
   IkasMerchantSettings as IMerchantSettings,
+  IkasMerchantAddress,
 } from "@ikas/storefront-models";
 import { makeAutoObservable } from "mobx";
 import { IkasImage } from "../image";
 
 export class IkasMerchantSettings implements IMerchantSettings {
   currencyFormats: IkasMerchantSettingsCurrencyFormat[] | null;
+  address: IkasMerchantAddress | null;
   logoId: string | null;
   merchantId: string;
   merchantName: string;
+  phone: string | null;
 
   // Extra
   logo?: IkasImage | null;
@@ -19,7 +22,13 @@ export class IkasMerchantSettings implements IMerchantSettings {
     this.logoId = data.logoId;
     this.merchantId = data.merchantId;
     this.merchantName = data.merchantName;
+    this.phone = data.phone || null;
+    this.address = data.address || null;
+
     this.logo = data.logo ? new IkasImage(data.logo) : null;
+    if (!this.logo && this.logoId) {
+      this.logo = new IkasImage({ id: this.logoId, isVideo: false });
+    }
 
     makeAutoObservable(this);
   }

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

@@ -20,7 +20,7 @@ import {
 import { IkasOrder as IOrder } from "@ikas/storefront-models";
 import { computed, makeObservable, observable } from "mobx";
 import { IkasOrderFunctions } from "@ikas/storefront-model-functions";
-import { formatMoney, getCurrencySymbol } from "../../../utils/currency";
+import { formatCurrency } from "../../../utils/currency";
 
 type IOrderConstructorData = {
   refundSettings?: IkasOrderRefundSettings | null;
@@ -31,6 +31,7 @@ export class IkasOrder extends IkasBaseModel implements IOrder {
   cancelReason: IkasOrderCancelReason | null = null;
   cancelledAt: number | null = null;
   currencyCode: string;
+  currencySymbol: string | null = null;
   customer: IkasOrderCustomer | null = null;
   customerId: string | null = null;
   giftPackageLines: IkasOrderGiftPackageLine[] | null = null;
@@ -57,15 +58,16 @@ export class IkasOrder extends IkasBaseModel implements IOrder {
   // Extra
   refundSettings?: IkasOrderRefundSettings | null;
 
-  constructor(data: IOrderConstructorData) {
-    super(data);
+  constructor(data: Partial<IOrderConstructorData>) {
+    super(data as any);
 
     this.billingAddress = data.billingAddress
       ? new IkasOrderAddress(data.billingAddress)
       : null;
     this.cancelReason = data.cancelReason || null;
     this.cancelledAt = data.cancelledAt || null;
-    this.currencyCode = data.currencyCode;
+    this.currencyCode = data.currencyCode || "";
+    this.currencySymbol = data.currencySymbol || null;
     this.customer = data.customer ? new IkasOrderCustomer(data.customer) : null;
     this.customerId = data.customerId || null;
     this.giftPackageLines =
@@ -78,7 +80,9 @@ export class IkasOrder extends IkasBaseModel implements IOrder {
     this.orderAdjustments =
       data.orderAdjustments?.map((oa) => new IkasOrderAdjustment(oa)) || null;
     this.orderLineItems =
-      data.orderLineItems.map((oli) => new IkasOrderLineItem(oli)) || null;
+      data.orderLineItems
+        ?.map((oli) => new IkasOrderLineItem(oli))
+        .filter((i) => !i.deleted) || [];
     this.orderNumber = data.orderNumber || null;
     this.orderPackageStatus = data.orderPackageStatus || null;
     this.orderPackages =
@@ -90,12 +94,15 @@ export class IkasOrder extends IkasBaseModel implements IOrder {
     this.shippingAddress = data.shippingAddress
       ? new IkasOrderAddress(data.shippingAddress)
       : null;
-    this.shippingMethod = data.shippingMethod;
-    this.status = data.status;
+    this.shippingLines =
+      data.shippingLines?.map((sl) => new IkasOrderShippingLine(sl)) || null;
+    this.shippingMethod =
+      data.shippingMethod || IkasOrderShippingMethod.SHIPMENT;
+    this.status = data.status || IkasOrderStatus.CREATED;
     this.taxLines =
       data.taxLines?.map((tl) => new IkasOrderTaxLine(tl)) || null;
-    this.totalFinalPrice = data.totalFinalPrice;
-    this.totalPrice = data.totalPrice;
+    this.totalFinalPrice = data.totalFinalPrice ?? 0;
+    this.totalPrice = data.totalPrice ?? 0;
 
     this.refundSettings = data.refundSettings;
 
@@ -104,6 +111,7 @@ export class IkasOrder extends IkasBaseModel implements IOrder {
       cancelReason: observable,
       cancelledAt: observable,
       currencyCode: observable,
+      currencySymbol: observable,
       customer: observable,
       customerId: observable,
       giftPackageLines: observable,
@@ -130,7 +138,6 @@ export class IkasOrder extends IkasBaseModel implements IOrder {
 
       items: computed,
       itemCount: computed,
-      currencySymbol: computed,
       refundableItems: computed,
       unfullfilledItems: computed,
       refundedItems: computed,
@@ -157,27 +164,20 @@ export class IkasOrder extends IkasBaseModel implements IOrder {
     return this.items?.length || 0;
   }
 
-  get currencySymbol() {
-    return getCurrencySymbol(this.currencyCode);
-  }
-
   get refundableItems() {
     if (!this.refundSettings) return [];
-    return IkasOrderFunctions.getRefundableItems(this, this.refundSettings).map(
-      (i) => new IkasOrderLineItem(i)
-    );
+    return IkasOrderFunctions.getRefundableItems(
+      this,
+      this.refundSettings
+    ) as IkasOrderLineItem[];
   }
 
   get unfullfilledItems() {
-    return IkasOrderFunctions.getUnfullfilledItems(this).map(
-      (i) => new IkasOrderLineItem(i)
-    );
+    return IkasOrderFunctions.getUnfullfilledItems(this) as IkasOrderLineItem[];
   }
 
   get refundedItems() {
-    return IkasOrderFunctions.getRefundedItems(this).map(
-      (i) => new IkasOrderLineItem(i)
-    );
+    return IkasOrderFunctions.getRefundedItems(this) as IkasOrderLineItem[];
   }
 
   get totalTax() {
@@ -185,7 +185,11 @@ export class IkasOrder extends IkasBaseModel implements IOrder {
   }
 
   get formattedTotalTax() {
-    return formatMoney(this.totalTax, this.currencySymbol);
+    return formatCurrency(
+      this.totalTax,
+      this.currencyCode,
+      this.currencySymbol || ""
+    );
   }
 
   get shippingTotal() {
@@ -193,15 +197,27 @@ export class IkasOrder extends IkasBaseModel implements IOrder {
   }
 
   get formattedShippingTotal() {
-    return formatMoney(this.shippingTotal, this.currencySymbol);
+    return formatCurrency(
+      this.shippingTotal,
+      this.currencyCode,
+      this.currencySymbol || ""
+    );
   }
 
   get formattedTotalFinalPrice() {
-    return formatMoney(this.totalFinalPrice, this.currencySymbol);
+    return formatCurrency(
+      this.totalFinalPrice,
+      this.currencyCode,
+      this.currencySymbol || ""
+    );
   }
 
   get formattedTotalPrice() {
-    return formatMoney(this.totalPrice, this.currencySymbol);
+    return formatCurrency(
+      this.totalPrice,
+      this.currencyCode,
+      this.currencySymbol || ""
+    );
   }
 
   get hasCustomer() {
@@ -221,14 +237,17 @@ export class IkasOrder extends IkasBaseModel implements IOrder {
   }
 
   get couponAdjustment() {
-    const adjustment = IkasOrderFunctions.getCouponAdjustment(this);
-    return adjustment ? new IkasOrderAdjustment(adjustment) : undefined;
+    return IkasOrderFunctions.getCouponAdjustment(this) as IkasOrderAdjustment;
   }
 
   get nonCouponAdjustments() {
-    return IkasOrderFunctions.getNonCouponAdjustments(this)?.map(
-      (a) => new IkasOrderAdjustment(a)
-    );
+    return IkasOrderFunctions.getNonCouponAdjustments(
+      this
+    ) as IkasOrderAdjustment[];
+  }
+
+  get isRefundEnabled() {
+    return !this.refundableItems.some((item) => item.refundQuantity === null);
   }
 }
 

package/src/models/data/order/line-item/base-unit/index.ts

@@ -0,0 +1,22 @@
+import {
+  IkasProductUnitType,
+  IkasOrderLineBaseUnit as IOrderLineBaseUnit,
+} from "@ikas/storefront-models";
+import { makeAutoObservable } from "mobx";
+import { IkasOrderLineVariantUnitType } from "./unit-type";
+
+export class IkasOrderLineBaseUnit implements IOrderLineBaseUnit {
+  baseAmount: number;
+  type: IkasProductUnitType;
+  unit: IkasOrderLineVariantUnitType | null;
+
+  constructor(data: IOrderLineBaseUnit) {
+    this.baseAmount = data.baseAmount;
+    this.type = data.type;
+    this.unit = data.unit ? new IkasOrderLineVariantUnitType(data.unit) : null;
+
+    makeAutoObservable(this);
+  }
+}
+
+export { IkasProductUnitType };

package/src/models/data/order/line-item/base-unit/unit-type/index.ts

@@ -0,0 +1,14 @@
+import { IkasOrderLineVariantUnitType as IOrderLineVariantUnitType } from "@ikas/storefront-models";
+import { makeAutoObservable } from "mobx";
+
+export class IkasOrderLineVariantUnitType implements IOrderLineVariantUnitType {
+  id: string;
+  name: string;
+
+  constructor(data: IOrderLineVariantUnitType) {
+    this.id = data.id;
+    this.name = data.name;
+
+    makeAutoObservable(this);
+  }
+}

package/src/models/data/order/line-item/index.ts

@@ -8,7 +8,7 @@ import { IkasOrderLineItemOption } from "./option";
 import { IkasBaseModel } from "../../base";
 import { computed, makeObservable, observable } from "mobx";
 import { IkasOrderLineItemFunctions } from "@ikas/storefront-model-functions";
-import { formatMoney, getCurrencySymbol } from "../../../../utils/currency";
+import { formatCurrency } from "../../../../utils/currency";
 
 type IOrderLineItemConstructorParams = {
   refundQuantity?: number;
@@ -16,9 +16,11 @@ type IOrderLineItemConstructorParams = {
 
 export class IkasOrderLineItem extends IkasBaseModel implements IOrderLineItem {
   currencyCode: string | null = null;
+  currencySymbol: string | null;
   discount: IkasOrderLineDiscount | null = null;
   discountPrice: number | null = null;
   finalPrice: number | null = null;
+  finalUnitPrice: number | null;
   options: IkasOrderLineItemOption[] | null = null;
   originalOrderLineItemId: string | null = null;
   price: number;
@@ -27,6 +29,7 @@ export class IkasOrderLineItem extends IkasBaseModel implements IOrderLineItem {
   statusUpdatedAt: number | null = null;
   stockLocationId: string | null = null;
   taxValue: number | null = null;
+  unitPrice: number | null;
   variant: IkasOrderLineVariant;
   orderedAt: number;
 
@@ -37,17 +40,23 @@ export class IkasOrderLineItem extends IkasBaseModel implements IOrderLineItem {
     super(data);
 
     this.currencyCode = data.currencyCode || null;
+    this.currencySymbol = data.currencySymbol || null;
     this.discount = data.discount
       ? new IkasOrderLineDiscount(data.discount)
       : null;
-    this.discountPrice = data.discountPrice || null;
-    this.finalPrice = data.finalPrice || null;
-    (this.options =
-      data.options?.map((o) => new IkasOrderLineItemOption(o)) || null),
-      (this.originalOrderLineItemId = data.originalOrderLineItemId || null);
+    this.discountPrice = data.discountPrice ?? null;
+    this.finalPrice = data.finalPrice ?? null;
+    this.finalUnitPrice = data.finalUnitPrice ?? null;
+    this.options =
+      data.options?.map((o) => new IkasOrderLineItemOption(o)) || null;
+    this.originalOrderLineItemId = data.originalOrderLineItemId || null;
     this.price = data.price;
     this.quantity = data.quantity;
     this.status = data.status;
+    this.statusUpdatedAt = data.statusUpdatedAt;
+    this.stockLocationId = data.stockLocationId;
+    this.taxValue = data.taxValue;
+    this.unitPrice = data.unitPrice ?? null;
     this.variant = new IkasOrderLineVariant(data.variant);
     this.orderedAt = data.orderedAt;
 
@@ -55,9 +64,11 @@ export class IkasOrderLineItem extends IkasBaseModel implements IOrderLineItem {
 
     makeObservable(this, {
       currencyCode: observable,
+      currencySymbol: observable,
       discount: observable,
       discountPrice: observable,
       finalPrice: observable,
+      finalUnitPrice: observable,
       options: observable,
       originalOrderLineItemId: observable,
       price: observable,
@@ -66,15 +77,19 @@ export class IkasOrderLineItem extends IkasBaseModel implements IOrderLineItem {
       statusUpdatedAt: observable,
       stockLocationId: observable,
       taxValue: observable,
+      unitPrice: observable,
       variant: observable,
       orderedAt: observable,
+      //@ts-ignore
+      _refundQuantity: observable,
 
-      currencySymbol: computed,
       priceWithQuantity: computed,
       formattedPriceWithQuantity: computed,
       overridenPriceWithQuantity: computed,
       formattedOverridenPriceWithQuantity: computed,
       formattedFinalPrice: computed,
+      formattedUnitPrice: computed,
+      formattedFinalUnitPrice: computed,
       formattedDiscountPrice: computed,
       finalPriceWithQuantity: computed,
       formattedFinalPriceWithQuantity: computed,
@@ -84,16 +99,16 @@ export class IkasOrderLineItem extends IkasBaseModel implements IOrderLineItem {
     });
   }
 
-  get currencySymbol() {
-    return getCurrencySymbol(this.currencyCode || "");
-  }
-
   get priceWithQuantity() {
     return IkasOrderLineItemFunctions.getPriceWithQuantity(this);
   }
 
   get formattedPriceWithQuantity() {
-    return formatMoney(this.priceWithQuantity, this.currencySymbol);
+    return formatCurrency(
+      this.priceWithQuantity,
+      this.currencyCode || "",
+      this.currencySymbol || ""
+    );
   }
 
   get overridenPriceWithQuantity() {
@@ -101,18 +116,53 @@ export class IkasOrderLineItem extends IkasBaseModel implements IOrderLineItem {
   }
 
   get formattedOverridenPriceWithQuantity() {
-    return formatMoney(
+    return formatCurrency(
       this.overridenPriceWithQuantity || 0,
-      this.currencySymbol
+      this.currencyCode || "",
+      this.currencySymbol || ""
     );
   }
 
   get formattedFinalPrice() {
-    return formatMoney(this.finalPrice || 0, this.currencySymbol);
+    return formatCurrency(
+      this.finalPrice || 0,
+      this.currencyCode || "",
+      this.currencySymbol || ""
+    );
+  }
+
+  get formattedUnitPrice() {
+    return formatCurrency(
+      this.unitPrice || 0,
+      this.currencyCode || "",
+      this.currencySymbol || ""
+    );
+  }
+
+  get formattedFinalUnitPrice() {
+    return formatCurrency(
+      this.finalUnitPrice || 0,
+      this.currencyCode || "",
+      this.currencySymbol || ""
+    );
+  }
+
+  get unitPriceText() {
+    if (this.finalUnitPrice === null) return;
+
+    return `${formatCurrency(
+      this.finalUnitPrice,
+      this.currencyCode || "",
+      this.currencySymbol || ""
+    )} / ${this.variant.baseUnit?.unit?.name || this.variant.baseUnit?.type}`;
   }
 
   get formattedDiscountPrice() {
-    return formatMoney(this.discountPrice || 0, this.currencySymbol);
+    return formatCurrency(
+      this.discountPrice || 0,
+      this.currencyCode || "",
+      this.currencySymbol || ""
+    );
   }
 
   get finalPriceWithQuantity() {
@@ -120,7 +170,11 @@ export class IkasOrderLineItem extends IkasBaseModel implements IOrderLineItem {
   }
 
   get formattedFinalPriceWithQuantity() {
-    return formatMoney(this.finalPriceWithQuantity || 0, this.currencySymbol);
+    return formatCurrency(
+      this.finalPriceWithQuantity || 0,
+      this.currencyCode || "",
+      this.currencySymbol || ""
+    );
   }
 
   get tax() {
@@ -128,7 +182,11 @@ export class IkasOrderLineItem extends IkasBaseModel implements IOrderLineItem {
   }
 
   get formattedTax() {
-    return formatMoney(this.tax, this.currencySymbol);
+    return formatCurrency(
+      this.tax,
+      this.currencyCode || "",
+      this.currencySymbol || ""
+    );
   }
 
   get refundQuantity() {

package/src/models/data/order/line-item/variant/index.ts

@@ -6,9 +6,12 @@ import { IkasOrderLineVariantBrand } from "./brand";
 import { IkasOrderLineVariantCategory } from "./category";
 import { IkasOrderLineVariantPrice } from "./price";
 import { makeAutoObservable } from "mobx";
+import { IkasOrderLineVariantUnit } from "./unit";
+import { IkasOrderLineBaseUnit } from "../base-unit";
 
 export class IkasOrderLineVariant implements IOrderLineVariant {
   barcodeList: string[] | null = null;
+  baseUnit: IkasOrderLineBaseUnit | null;
   brand: IkasOrderLineVariantBrand | null = null;
   categories: IkasOrderLineVariantCategory[] | null = null;
   id: string | null = null;
@@ -21,6 +24,7 @@ export class IkasOrderLineVariant implements IOrderLineVariant {
   tagIds: string[] | null = null;
   taxValue: number | null = null;
   type: number | null = null;
+  unit: IkasOrderLineVariantUnit | null;
   weight: number | null = null;
   variantValues: IkasOrderLineVariantVariantValue[] | null = null;
 
@@ -29,6 +33,9 @@ export class IkasOrderLineVariant implements IOrderLineVariant {
 
   constructor(data: IOrderLineVariant) {
     this.barcodeList = data.barcodeList || null;
+    this.baseUnit = data.baseUnit
+      ? new IkasOrderLineBaseUnit(data.baseUnit)
+      : null;
     this.brand = data.brand ? new IkasOrderLineVariantBrand(data.brand) : null;
     this.categories =
       data.categories?.map((c) => new IkasOrderLineVariantCategory(c)) || null;
@@ -43,6 +50,7 @@ export class IkasOrderLineVariant implements IOrderLineVariant {
     this.tagIds = data.tagIds || null;
     this.taxValue = data.taxValue || null;
     this.type = data.type || null;
+    this.unit = data.unit ? new IkasOrderLineVariantUnit(data.unit) : null;
     this.weight = data.weight || null;
     this.variantValues =
       data.variantValues?.map(

package/src/models/data/order/line-item/variant/price/index.ts

@@ -7,6 +7,7 @@ export class IkasOrderLineVariantPrice implements IOrderLineVariantPrice {
   discountPrice: number | null = null;
   priceListId: string | null = null;
   sellPrice: number;
+  unitPrice: number | null;
 
   constructor(data: IOrderLineVariantPrice) {
     this.buyPrice = data.buyPrice || null;
@@ -14,6 +15,7 @@ export class IkasOrderLineVariantPrice implements IOrderLineVariantPrice {
     this.discountPrice = data.discountPrice || null;
     this.priceListId = data.priceListId || null;
     this.sellPrice = data.sellPrice;
+    this.unitPrice = data.unitPrice;
 
     makeAutoObservable(this);
   }

package/src/models/data/order/line-item/variant/unit/index.ts

@@ -0,0 +1,17 @@
+import {
+  IkasProductUnitType,
+  IkasOrderLineVariantUnit as IOrderLineVariantUnit,
+} from "@ikas/storefront-models";
+import { makeAutoObservable } from "mobx";
+
+export class IkasOrderLineVariantUnit implements IOrderLineVariantUnit {
+  amount: number;
+  type: IkasProductUnitType;
+
+  constructor(data: IOrderLineVariantUnit) {
+    this.amount = data.amount;
+    this.type = data.type;
+
+    makeAutoObservable(this);
+  }
+}

package/src/models/data/order/line-item/variant/value/index.ts

@@ -16,7 +16,7 @@ export class IkasOrderLineVariantVariantValue
     this.variantTypeId = data.variantTypeId;
     this.variantTypeName = data.variantTypeName || null;
     this.variantValueId = data.variantValueId;
-    this.variantTypeName = data.variantTypeName || null;
+    this.variantValueName = data.variantValueName || null;
 
     makeAutoObservable(this);
   }

package/src/models/data/order/transaction/index.ts

@@ -5,7 +5,6 @@ import {
   IkasOrderTransaction as IOrderTransaction,
 } from "@ikas/storefront-models";
 import { makeAutoObservable } from "mobx";
-import { getCurrencySymbol } from "../../../../utils/currency";
 import { IkasTransactionError } from "./error";
 import { IkasTransactionPaymentMethodDetail } from "./payment-method-detail";
 
@@ -14,6 +13,7 @@ export class IkasOrderTransaction implements IOrderTransaction {
   checkoutId: string | null;
   createdAt: number | null;
   currencyCode: string | null;
+  currencySymbol: string | null;
   customerId: string | null;
   error: IkasTransactionError | null;
   id: string | null;
@@ -33,6 +33,7 @@ export class IkasOrderTransaction implements IOrderTransaction {
     this.checkoutId = data.checkoutId || null;
     this.createdAt = data.createdAt || null;
     this.currencyCode = data.currencyCode || null;
+    this.currencySymbol = data.currencySymbol || null;
     this.customerId = data.customerId || null;
     this.error = data.error ? new IkasTransactionError(data.error) : null;
     this.id = data.id;
@@ -49,10 +50,6 @@ export class IkasOrderTransaction implements IOrderTransaction {
 
     makeAutoObservable(this);
   }
-
-  get currencySymbol() {
-    return getCurrencySymbol(this.currencyCode || "");
-  }
 }
 
 export { IkasTransactionStatus, IkasTransactionType };

package/src/models/data/product/attribute-value/index.ts

@@ -5,9 +5,11 @@ import {
   IkasProductAttributeValue as IProductAttributeValue,
   IkasAttributeTableCellValue as IAttributeTableCellValue,
   IkasProductAttributeMap as IProductAttributeMap,
+  IkasProductAttributeType,
 } from "@ikas/storefront-models";
 import { makeAutoObservable } from "mobx";
 import { IkasProductAttributeValueFunctions } from "@ikas/storefront-model-functions";
+import ProductStore from "../../../../store/product";
 
 export class IkasProductAttributeValue implements IProductAttributeValue {
   imageIds: string[] | null = null;
@@ -40,6 +42,44 @@ export class IkasProductAttributeValue implements IProductAttributeValue {
   get tableValue() {
     return IkasProductAttributeValueFunctions.getTableValue(this.value);
   }
+
+  get productIds() {
+    if (
+      this.productAttribute?.type !== IkasProductAttributeType.PRODUCT ||
+      !this.value
+    ) {
+      return [];
+    }
+
+    try {
+      return JSON.parse(this.value) as string[];
+    } catch (err) {
+      console.error(err);
+      return [];
+    }
+  }
+
+  async getProducts() {
+    if (
+      this.productAttribute?.type !== IkasProductAttributeType.PRODUCT ||
+      !this.value
+    ) {
+      return [];
+    }
+
+    try {
+      const response = await ProductStore.searchProducts({
+        input: {
+          productIdList: this.productIds,
+        },
+      });
+
+      return response.data?.data || [];
+    } catch (err) {
+      console.error(err);
+      return [];
+    }
+  }
 }
 
 export class IkasAttributeTableCellValue implements IAttributeTableCellValue {

package/src/models/data/product/base-unit/index.ts

@@ -0,0 +1,32 @@
+import {
+  IkasProductUnitType,
+  IkasProductBaseUnit as IProductBaseUnit,
+  IkasProductUnit as IProductUnit,
+} from "@ikas/storefront-models";
+import { makeAutoObservable } from "mobx";
+
+export class IkasProductBaseUnit implements IProductBaseUnit {
+  baseAmount: number | null;
+  type: IkasProductUnitType;
+  unit: IkasProductUnit;
+
+  constructor(data: IProductBaseUnit) {
+    this.baseAmount = data.baseAmount;
+    this.type = data.type;
+    this.unit = new IkasProductUnit(data.unit);
+
+    makeAutoObservable(this);
+  }
+}
+
+export class IkasProductUnit implements IProductUnit {
+  id: string;
+  name: string;
+
+  constructor(data: IkasProductUnit) {
+    this.id = data.id;
+    this.name = data.name;
+
+    makeAutoObservable(this);
+  }
+}