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

package/src/components/checkout/steps/step-shipping/index.tsx

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { observer } from "mobx-react-lite";
 import CheckoutViewModel from "../../model";
-import { formatMoney, useTranslation } from "../../../../utils";
+import { formatCurrency, useTranslation } from "../../../../utils";
 
 import styles from "./style.module.scss";
 import { Button } from "../../components/button";
@@ -59,7 +59,11 @@ const ShippingMethods: React.FC<CommonProps> = observer(({ vm }) => {
             <div className={styles.ShippingPrice}>
               {asm.price === 0
                 ? t("checkout-page:free")
-                : formatMoney(asm.price, vm.checkout.currencyCode)}
+                : formatCurrency(
+                    asm.price,
+                    vm.checkout.currencyCode,
+                    vm.checkout.currencySymbol
+                  )}
             </div>
           }
           onClick={() => vm.onShippingMethodChange(asm)}
@@ -95,9 +99,10 @@ const GiftPackage: React.FC<CommonProps> = observer(({ vm }) => {
   const checkboxLabel =
     t("checkout-page:giftPackageCta") +
     (giftPackagePrice && giftPackagePrice.price
-      ? ` (+ ${formatMoney(
+      ? ` (+ ${formatCurrency(
           giftPackagePrice!.price,
-          giftPackagePrice!.currencyCode
+          giftPackagePrice!.currencyCode,
+          giftPackagePrice!.currencySymbol
         )})`
       : "");
 

package/src/components/checkout/steps/step-success/index.tsx

@@ -11,7 +11,7 @@ import SVGAmex from "../../components/credit-card-form/svg/amex";
 import SVGMasterCard from "../../components/credit-card-form/svg/master-card";
 import SVGTroy from "../../components/credit-card-form/svg/troy";
 import SVGVisa from "../../components/credit-card-form/svg/visa";
-import { formatMoney, useTranslation } from "../../../../utils";
+import { formatCurrency, useTranslation } from "../../../../utils";
 import { IkasOrderPackageStatus } from "../../../../models";
 import {
   IkasPaymentGatewayType,
@@ -19,6 +19,7 @@ import {
 } from "../../../../models/data/payment-gateway";
 import OfferProduct from "../../components/offer-product";
 import { IkasTransactionCardAssociation } from "@ikas/storefront-models";
+import { Analytics } from "../../../../analytics";
 
 type Props = {
   vm: CheckoutViewModel;
@@ -31,8 +32,12 @@ export const StepSuccess: React.FC<Props> = observer(({ vm }) => {
     if (typeof localStorage !== "undefined") {
       const lsCartId = localStorage.getItem(CART_LS_KEY);
 
-      if (lsCartId && lsCartId === vm.checkout.id)
+      if (lsCartId && lsCartId === vm.checkout.id) {
+        if (vm.successTransaction)
+          Analytics.purchase(vm.checkout, vm.successTransaction);
+
         localStorage.removeItem(CART_LS_KEY);
+      }
     }
   }, []);
 
@@ -125,9 +130,10 @@ export const StepSuccess: React.FC<Props> = observer(({ vm }) => {
                       null && (
                       <div className={styles.InfoText}>{`${
                         paymentMethodDetail.installment.installmentCount
-                      } x ${formatMoney(
+                      } x ${formatCurrency(
                         paymentMethodDetail.installment.installmentPrice,
-                        vm.checkout.currencyCode
+                        vm.checkout.currencyCode,
+                        vm.checkout.currencySymbol
                       )}`}</div>
                     )}
                   </React.Fragment>
@@ -245,9 +251,11 @@ export const StepSuccess: React.FC<Props> = observer(({ vm }) => {
       <ExpandableSection title={t("checkout-page:paymentSummary")}>
         {paymentInfoGrid}
       </ExpandableSection>
-      <ExpandableSection title={t("checkout-page:shippingSummary")}>
-        {contactInfoGrid}
-      </ExpandableSection>
+      {!vm.isDigitalOnly && (
+        <ExpandableSection title={t("checkout-page:shippingSummary")}>
+          {contactInfoGrid}
+        </ExpandableSection>
+      )}
 
       <div className={styles.Actions}>
         <div className={styles.HelpText}>

package/src/components/page/head.tsx

@@ -251,6 +251,18 @@ function createStoreSchema(merchantSettings: IkasMerchantSettings) {
     logo: logo,
     image: logo,
     url: "https://" + IkasStorefrontConfig.getDomain(),
+    telephone: merchantSettings?.phone,
+    address: {
+      "@type": "PostalAddress",
+      streetAddress: merchantSettings.address?.addressLine1,
+      addressLocality: merchantSettings.address?.city?.name,
+      ...(merchantSettings.address &&
+        merchantSettings.address.state && {
+          addressRegion: merchantSettings.address.state.code,
+        }),
+      postalCode: merchantSettings.address?.postalCode,
+      addressCountry: merchantSettings.address?.country?.code,
+    },
   };
 }
 

package/src/components/page/index.tsx

@@ -19,6 +19,7 @@ import { ThemeComponent } from "./ThemeComponent";
 import { IkasBaseStore } from "../../store";
 import { initIkasEvents } from "../../analytics/events";
 import { IkasPageDataInit } from "../../page-data-init";
+import { setAPIClientConfig } from "@ikas/storefront-api";
 
 export type IkasPageProps = {
   propValues: IkasPageComponentPropValue[];
@@ -55,15 +56,16 @@ export const IkasPage: React.FC<IkasPageProps> = observer(
     productReviewSummary,
   }) => {
     const router = useRouter();
-    const store = IkasBaseStore.getInstance();
-    store.router = router;
 
     IkasStorefrontConfig.init({
       ...configJson,
       currentPageComponents: components,
     });
     IkasBaseStore.getInstance().router = router;
+    setAPIClientConfig();
 
+    const store = IkasBaseStore.getInstance();
+    store.router = router;
     store.currentPageType = pageType;
 
     const [isBrowser, setIsBrowser] = React.useState(false);
@@ -73,7 +75,11 @@ export const IkasPage: React.FC<IkasPageProps> = observer(
         pageType,
         isBrowser
       );
-      return IkasPageDataInit.initPropValues(propValues, settings, isBrowser);
+      return IkasPageDataInit.initPagePropValues(
+        propValues,
+        settings,
+        isBrowser
+      );
     }, [isBrowser, propValues, pageType, settings, pageSpecificData]);
 
     React.useEffect(() => {
@@ -99,7 +105,7 @@ export const IkasPage: React.FC<IkasPageProps> = observer(
 
     React.useEffect(() => {
       handleAnalytics(pageType, IkasPageDataInit.pageSpecificData);
-    }, [pageType, IkasPageDataInit.pageSpecificData]);
+    }, [pageType, pageSpecificData]); // Not IkasPageDataInit.pageSpecificData on purpose
 
     const renderedComponents = React.useMemo(() => {
       const headerComponentPropValue = _propValues.find(
@@ -181,11 +187,6 @@ async function handleAnalytics(
     if (pageType === IkasThemeJsonPageType.PRODUCT) {
       const product = pageSpecificData as IkasProduct;
 
-      const isBrowser = typeof window !== "undefined";
-      // if (isBrowser) {
-      //   IkasPageDataInit._initProductOnBrowser(product);
-      // }
-
       Analytics.productView(product);
 
       //@ts-ignore

package/src/components/page-editor/ThemeComponentEditor.tsx

@@ -15,6 +15,11 @@ import {
 import { IkasStorefrontConfig } from "@ikas/storefront-config";
 import { IkasPageDataInit } from "../../page-data-init";
 import { IkasBaseStore } from "../../store";
+import {
+  IkasCheckout,
+  IkasOrderLineItem,
+  IkasCheckoutSettings,
+} from "../../models/data";
 
 type Props = {
   vm: IkasPageEditorViewModel;
@@ -59,7 +64,7 @@ export class ThemeEditorComponent extends React.Component<Props> {
   get pageComponentPropValue() {
     const { vm, pageComponent } = this.props;
 
-    return vm.pageDataProvider?.pageComponentPropValues.find(
+    return vm.initializedPropValues.find(
       (pc) => pc.pageComponent.id === pageComponent.id
     );
   }
@@ -70,13 +75,16 @@ export class ThemeEditorComponent extends React.Component<Props> {
 
     if (vm.page?.type === IkasThemeJsonPageType.CHECKOUT) {
       const checkoutProps: IkasCheckoutPageProps = {
-        checkout: {
+        checkout: new IkasCheckout({
+          currencyCode: "TRY",
+          currencySymbol: "₺",
           orderLineItems: [
-            {
+            new IkasOrderLineItem({
               id: "",
               createdAt: 0,
               updatedAt: 0,
               currencyCode: "TRY",
+              currencySymbol: "₺",
               discount: null,
               discountPrice: null,
               finalPrice: 100,
@@ -88,6 +96,8 @@ export class ThemeEditorComponent extends React.Component<Props> {
               statusUpdatedAt: null,
               stockLocationId: null,
               taxValue: null,
+              unitPrice: null,
+              finalUnitPrice: null,
               variant: {
                 barcodeList: null,
                 brand: null,
@@ -104,13 +114,14 @@ export class ThemeEditorComponent extends React.Component<Props> {
                 type: null,
                 weight: null,
                 variantValues: [],
+                baseUnit: null,
+                unit: null,
               },
               orderedAt: 0,
-              refundQuantity: null,
-            },
+            }),
           ],
-        } as any,
-        checkoutSettings: {
+        }),
+        checkoutSettings: new IkasCheckoutSettings({
           createdAt: 0,
           updatedAt: 0,
           id: "",
@@ -126,7 +137,7 @@ export class ThemeEditorComponent extends React.Component<Props> {
           showCheckoutNote: true,
           showTermsAndConditionsCheckbox: true,
           storefrontId: "",
-        },
+        }),
         customizationProps: {
           ...propValues,
         },

package/src/components/page-editor/model.ts

@@ -14,7 +14,10 @@ import {
   IkasThemeJsonSettings,
   IkasVariantValue,
 } from "../../models";
-import { IkasPageDataProvider } from "@ikas/storefront-providers";
+import {
+  IkasPageComponentPropValue,
+  IkasPageDataProvider,
+} from "@ikas/storefront-providers";
 import { makeAutoObservable, reaction } from "mobx";
 import { NextRouter } from "next/router.js";
 import { IkasPageDataInit } from "../../page-data-init";
@@ -23,6 +26,8 @@ import HtmlMetaDataStore from "../../store/html-meta-data";
 import BlogStore from "../../store/blog";
 import RaffleStore from "../../store/raffle";
 import ProductStore from "../../store/product";
+import { setAPIClientConfig } from "@ikas/storefront-api";
+import { runInAction } from "mobx";
 
 const PACKAGE_VERSION = "2.0.20";
 // import { version as PACKAGE_VERSION } from "../../../package.json";
@@ -43,6 +48,7 @@ export default class IkasPageEditorViewModel {
   pageParams: Record<string, any> = {};
   apiKey?: string | null = null;
   pageDataProvider?: IkasPageDataProvider | null = null;
+  initializedPropValues: IkasPageComponentPropValue[] = [];
 
   router: NextRouter;
 
@@ -366,18 +372,20 @@ export default class IkasPageEditorViewModel {
       this.pageParams
     );
 
-    IkasBaseStore.getInstance().currentPageType = pageType;
-    this.pageDataProvider = pageDataProvider;
+    runInAction(() => {
+      IkasBaseStore.getInstance().currentPageType = pageType;
+      this.pageDataProvider = pageDataProvider;
 
-    if (pageType === IkasThemeJsonPageType.CUSTOM)
-      this.page = this.theme?.pages.find(
-        (p) => p.type === pageType && p.slug === this.pageParams.slug
-      );
-    else this.page = this.theme?.pages.find((p) => p.type === pageType);
+      if (pageType === IkasThemeJsonPageType.CUSTOM)
+        this.page = this.theme?.pages.find(
+          (p) => p.type === pageType && p.slug === this.pageParams.slug
+        );
+      else this.page = this.theme?.pages.find((p) => p.type === pageType);
 
-    requestAnimationFrame(() => {
-      document.body.scrollTop = 0;
-      if (document.scrollingElement) document.scrollingElement.scrollTop = 0;
+      requestAnimationFrame(() => {
+        document.body.scrollTop = 0;
+        if (document.scrollingElement) document.scrollingElement.scrollTop = 0;
+      });
     });
 
     this.sendMessage(BridgeMessageType.EDITOR_PAGE_CHANGE, {
@@ -504,8 +512,8 @@ export default class IkasPageEditorViewModel {
       IkasPageDataInit.pageSpecificData = undefined;
     }
 
-    pageDataProvider.pageComponentPropValues = IkasPageDataInit.initPropValues(
-      pageDataProvider.pageComponentPropValues,
+    this.initializedPropValues = IkasPageDataInit.initPagePropValues(
+      pageDataProvider.$pageComponentPropValues,
       theme!.settings,
       false
     );
@@ -565,7 +573,13 @@ export default class IkasPageEditorViewModel {
         translations: this.translations || {},
         isEditor: true,
         apiKey: data.apiKey,
+        apiUrl: data.apiUrl,
+        adminApiUrl: data.adminApiUrl,
+        cdnUrl: data.cdnUrl,
+        merchantSettings: data.merchantSettings,
       });
+
+      setAPIClientConfig();
     }
 
     // (window as any).editorApiKey = data.apiKey;
@@ -601,96 +615,28 @@ export default class IkasPageEditorViewModel {
 
     if (!prop || !this.selectedPageComponent) return;
 
-    const pageComponentPropValues =
-      this.pageDataProvider?.pageComponentPropValues.find(
-        (pv) => pv.pageComponent.id === this.selectedPageComponentId
-      );
+    const pageComponentPropValues = this.initializedPropValues.find(
+      (pv) => pv.pageComponent.id === this.selectedPageComponentId
+    );
+    if (!this.pageDataProvider || !pageComponentPropValues) return;
 
     this.selectedPageComponent.propValues[propName] = value;
 
-    if (!this.pageDataProvider) return;
-
     const propValue = await this.pageDataProvider.getPageComponentPropValue(
       this.selectedPageComponent,
       prop
     );
 
-    await this.pageDataProvider.setLinkSlugs();
-
-    if (pageComponentPropValues) {
-      pageComponentPropValues.propValues[propName] = propValue;
+    if (propValue && JSON.stringify(propValue).includes("href"))
+      await this.pageDataProvider.setLinkSlugs();
 
-      if (prop.type === IkasThemeJsonComponentPropType.CUSTOM) {
-        IkasPageDataInit.initCustomDataPropValue(
-          prop,
-          propValue,
-          pageComponentPropValues,
-          this.theme!.settings,
-          true
-        );
-      } else if (prop.type === IkasThemeJsonComponentPropType.COMPONENT) {
-        IkasPageDataInit.initComponentPropValue(
-          prop,
-          propValue,
-          pageComponentPropValues,
-          this.theme!.settings,
-          true
-        );
-      } else if (prop.type === IkasThemeJsonComponentPropType.COMPONENT_LIST) {
-        IkasPageDataInit.initComponentListPropValue(
-          prop,
-          propValue,
-          pageComponentPropValues,
-          this.theme!.settings,
-          true
-        );
-      } else if (prop.type === IkasThemeJsonComponentPropType.PRODUCT_DETAIL) {
-        IkasPageDataInit.initProductPropValue(
-          prop,
-          propValue,
-          pageComponentPropValues
-        );
-      } else if (prop.type === IkasThemeJsonComponentPropType.CATEGORY) {
-        IkasPageDataInit.initCategoryPropValue(
-          prop,
-          propValue,
-          pageComponentPropValues
-        );
-      } else if (prop.type === IkasThemeJsonComponentPropType.BRAND) {
-        IkasPageDataInit.initBrandPropValue(
-          prop,
-          propValue,
-          pageComponentPropValues
-        );
-      } else if (prop.type === IkasThemeJsonComponentPropType.BLOG) {
-        IkasPageDataInit.initBlogPropValue(
-          prop,
-          propValue,
-          pageComponentPropValues
-        );
-      } else if (prop.type === IkasThemeJsonComponentPropType.BLOG_CATEGORY) {
-        IkasPageDataInit.initBlogCategoryPropValue(
-          prop,
-          propValue,
-          pageComponentPropValues
-        );
-      } else if (prop.type === IkasThemeJsonComponentPropType.RAFFLE) {
-        IkasPageDataInit.initRafflePropValue(
-          prop,
-          propValue,
-          pageComponentPropValues
-        );
-      } else if (
-        prop.type === IkasThemeJsonComponentPropType.LINK ||
-        prop.type === IkasThemeJsonComponentPropType.LIST_OF_LINK
-      ) {
-        IkasPageDataInit.initLinkPropValue(
-          prop,
-          propValue,
-          pageComponentPropValues
-        );
-      }
-    }
+    pageComponentPropValues.propValues[propName] =
+      IkasPageDataInit.initPropValue(
+        prop,
+        propValue,
+        this.theme!.settings,
+        true
+      );
   };
 
   handleUpdatePageParams = async (data: any) => {
@@ -758,24 +704,15 @@ export default class IkasPageEditorViewModel {
     const pageComponentPropValues =
       await this.pageDataProvider!.getPageComponentPropValues(pageComponent);
 
-    const customDataProps = pageComponentPropValues.component.props.filter(
-      (p) => p.type === IkasThemeJsonComponentPropType.CUSTOM
-    );
-
-    customDataProps.forEach((customDataProp) => {
-      IkasPageDataInit.initCustomDataPropValue(
-        customDataProp,
-        pageComponentPropValues.propValues[customDataProp.name],
+    const initializedPageComponentPropValues =
+      IkasPageDataInit.initPageComponentPropValue(
         pageComponentPropValues,
         this.theme!.settings,
         true
       );
 
-      this.pageDataProvider!.pageComponentPropValues.push(
-        pageComponentPropValues
-      );
-      this.pageComponents.push(pageComponent);
-    });
+    this.initializedPropValues.push(initializedPageComponentPropValues);
+    this.pageComponents.push(pageComponent);
   };
 
   handleDeletePageComponent = (data: any) => {

package/src/models/data/cart/campaign-offer/index.ts

@@ -3,7 +3,7 @@ import {
   IkasCartCampaignOfferStatus,
   IkasCartCampaignOffer as ICartCampaignOffer,
 } from "@ikas/storefront-models";
-import { makeAutoObservable } from "mobx";
+import { makeAutoObservable, makeObservable, observable } from "mobx";
 import { IkasBaseModel } from "../../base";
 import { IkasCampaignOffer } from "../../campaign-offer";
 
@@ -36,7 +36,18 @@ export class IkasCartCampaignOffer
     this.targetPageTypes = data.targetPageTypes;
     this.triggerSourceOrderLineId = data.triggerSourceOrderLineId;
 
-    makeAutoObservable(this);
+    // makeAutoObservable(this);
+    makeObservable(this, {
+      appliedOrderLineId: observable,
+      campaignOfferId: observable,
+      campaignOffer: observable,
+      campaignOfferProductId: observable,
+      offerEndDate: observable,
+      offerStartDate: observable,
+      status: observable,
+      targetPageTypes: observable,
+      triggerSourceOrderLineId: observable,
+    });
   }
 }
 

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

@@ -12,7 +12,7 @@ export class IkasCart extends IkasOrder implements ICart {
   shippingZoneRateId: string | null = null;
   stockLocationId: string | null = null;
 
-  constructor(data: ICart) {
+  constructor(data: Partial<ICart>) {
     super(data);
 
     this.availableShippingMethods =

package/src/models/data/category/path-item/index.ts

@@ -3,6 +3,8 @@ import { IkasBaseModel } from "../../base";
 import { IkasCategoryPathItem as ICategoryPathItem } from "@ikas/storefront-models";
 import { computed, makeObservable, observable } from "mobx";
 import { IkasCategoryPathItemFunctions } from "@ikas/storefront-model-functions";
+import { IkasCategoryTranslation } from "../translations";
+import { IkasStorefrontConfig } from "@ikas/storefront-config";
 
 export class IkasCategoryPathItem
   extends IkasBaseModel
@@ -12,6 +14,7 @@ export class IkasCategoryPathItem
   description: string | null;
   imageId: string | null;
   name: string;
+  translations?: IkasCategoryTranslation[] | null = null;
 
   constructor(data: ICategoryPathItem) {
     super(data);
@@ -20,6 +23,7 @@ export class IkasCategoryPathItem
     this.description = data.description || null;
     this.imageId = data.imageId || null;
     this.name = data.name;
+    this.translations = data.translations || null;
 
     makeObservable(this, {
       metaData: observable,

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

@@ -1,8 +1,11 @@
 import { IkasCart } from "../cart";
 import { IkasCheckout as ICheckout } from "@ikas/storefront-models";
-import { IkasCheckoutFunctions } from "@ikas/storefront-model-functions";
+import {
+  IkasCheckoutFunctions,
+  IkasOrderFunctions,
+} from "@ikas/storefront-model-functions";
 import { IkasPaymentGateway } from "../payment-gateway";
-import { formatMoney } from "../../../utils/currency";
+import { formatCurrency } from "../../../utils/currency";
 import { computed, makeObservable, observable } from "mobx";
 import { formatDate } from "../../../utils/helper";
 
@@ -17,9 +20,13 @@ export class IkasCheckout extends IkasCart implements ICheckout {
   selectedPaymentGateway?: IkasPaymentGateway | null = null;
   masterPassPaymentGateway?: IkasPaymentGateway | null = null;
 
-  constructor(data: IkasCheckoutConstructorData) {
+  constructor(data: Partial<IkasCheckoutConstructorData>) {
     super(data);
 
+    this.appliedCouponCode = data.couponCode;
+    this.selectedPaymentGateway = data.selectedPaymentGateway;
+    this.masterPassPaymentGateway = data.masterPassPaymentGateway;
+
     makeObservable(this, {
       appliedCouponCode: observable,
       selectedPaymentGateway: observable,
@@ -27,6 +34,9 @@ export class IkasCheckout extends IkasCart implements ICheckout {
 
       isComplete: computed,
       $totalFinalPrice: computed,
+      $totalFinalPriceTaxModifier: computed,
+      $totalTax: computed,
+      $formattedTotalTax: computed,
       $formattedTotalFinalPrice: computed,
     });
   }
@@ -43,8 +53,30 @@ export class IkasCheckout extends IkasCart implements ICheckout {
     );
   }
 
+  get $totalFinalPriceTaxModifier() {
+    return this.$totalFinalPrice / this.totalFinalPrice;
+  }
+
+  get $totalTax() {
+    return (
+      IkasOrderFunctions.getTotalTax(this) * this.$totalFinalPriceTaxModifier
+    );
+  }
+
+  get $formattedTotalTax() {
+    return formatCurrency(
+      this.totalTax,
+      this.currencyCode,
+      this.currencySymbol || ""
+    );
+  }
+
   get $formattedTotalFinalPrice() {
-    return formatMoney(this.$totalFinalPrice, this.currencySymbol);
+    return formatCurrency(
+      this.$totalFinalPrice,
+      this.currencyCode,
+      this.currencySymbol
+    );
   }
 
   get dateStr() {

package/src/models/data/checkout-settings/price/index.ts

@@ -3,10 +3,12 @@ import { makeAutoObservable } from "mobx";
 
 export class IkasCheckoutSettingsPrice implements ICheckoutSettingsPrice {
   currencyCode: string;
+  currencySymbol: string | null;
   price: number;
 
   constructor(data: ICheckoutSettingsPrice) {
     this.currencyCode = data.currencyCode;
+    this.currencySymbol = data.currencySymbol || null;
     this.price = data.price;
 
     makeAutoObservable(this);

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

@@ -1,4 +1,5 @@
 import { IkasBaseModel } from "../base";
+import { IkasLocationTranslations } from "./location-translations";
 import { IkasCountry as ICountry } from "@ikas/storefront-models";
 import { makeObservable, observable } from "mobx";
 
@@ -9,6 +10,7 @@ export class IkasCountry extends IkasBaseModel implements ICountry {
   emojiString: string | null = null;
   iso2: string | null = null;
   iso3: string | null = null;
+  locationTranslations?: IkasLocationTranslations | null = null;
   name: string;
   native: string | null = null;
   phoneCode: string | null = null;
@@ -23,6 +25,7 @@ export class IkasCountry extends IkasBaseModel implements ICountry {
     this.emojiString = data.emojiString || null;
     this.iso2 = data.iso2 || null;
     this.iso3 = data.iso3 || null;
+    this.locationTranslations = data.locationTranslations || null;
     this.name = data.name || "";
     this.native = data.native || null;
     this.phoneCode = data.phoneCode || null;
@@ -36,6 +39,7 @@ export class IkasCountry extends IkasBaseModel implements ICountry {
       emojiString: observable,
       iso2: observable,
       iso3: observable,
+      locationTranslations: observable,
       name: observable,
       native: observable,
       phoneCode: observable,

package/src/models/data/country/location-translations/index.ts

@@ -0,0 +1,15 @@
+import { IkasLocationTranslations as ILocationTranslations } from "@ikas/storefront-models";
+import { makeAutoObservable } from "mobx";
+
+export class IkasLocationTranslations implements ILocationTranslations {
+  de: string | null;
+  en: string;
+  tr: string;
+
+  constructor(data: ILocationTranslations) {
+    this.de = data.de || null;
+    this.en = data.en || "";
+    this.tr = data.tr || "";
+    makeAutoObservable(this);
+  }
+}

package/src/models/data/index.ts

@@ -190,3 +190,6 @@ export * from "./theme-json";
 // VARIANT-TYPE
 export * from "./variant-type/variant-value";
 export * from "./variant-type";
+
+// PROVIDER RE-EXPORT
+export type { IkasSliderPropValueData as IkasSlider } from "@ikas/storefront-providers";