@ikas/storefront 0.0.160-alpha.9 → 0.0.161-alpha.1

package/build/__generated__/global-types.d.ts

@@ -173,6 +173,7 @@ export declare enum PaymentGatewayTransactionFeeTypeEnum {
  * Payment Method Enum
  */
 export declare enum PaymentMethodEnum {
+    APP_PAYMENT = "APP_PAYMENT",
     BUY_ONLINE_PAY_AT_STORE = "BUY_ONLINE_PAY_AT_STORE",
     CASH = "CASH",
     CASH_ON_DELIVERY = "CASH_ON_DELIVERY",
@@ -529,6 +530,7 @@ export interface SaveMyCustomerInput {
 export interface SearchInput {
     brandId?: string | null;
     categoryIdList?: string[] | null;
+    facetList?: SearchInputFacetListInput[] | null;
     filterList?: SearchInputFilterListInput[] | null;
     order?: SearchInputOrderByInput[] | null;
     page?: number | null;
@@ -540,7 +542,13 @@ export interface SearchInput {
     showStockOption?: ProductSearchShowStockOptionEnum | null;
     slug?: string | null;
 }
+export interface SearchInputFacetListInput {
+    displayType: ProductFilterDisplayTypeEnum;
+    id: string;
+    type: ProductFilterTypeEnum;
+}
 export interface SearchInputFilterListInput {
+    displayType?: ProductFilterDisplayTypeEnum | null;
     id: string;
     type: ProductFilterTypeEnum;
     useAndFilter?: boolean | null;

package/build/api/customer/__generated__/getCustomerOrders.d.ts

@@ -181,7 +181,6 @@ export interface getCustomerOrders_getCustomerOrders {
     __typename: "Order";
     billingAddress: getCustomerOrders_getCustomerOrders_billingAddress | null;
     cancelledAt: any | null;
-    orderedAt: any | null;
     cancelReason: CancelledReasonEnum | null;
     createdAt: any | null;
     currencyCode: string;
@@ -191,6 +190,7 @@ export interface getCustomerOrders_getCustomerOrders {
     id: string;
     merchantId: string;
     note: string | null;
+    orderedAt: any | null;
     orderAdjustments: getCustomerOrders_getCustomerOrders_orderAdjustments[] | null;
     orderLineItems: getCustomerOrders_getCustomerOrders_orderLineItems[];
     orderNumber: string | null;

package/build/api/product-search/__generated__/getProductFilterData.d.ts

@@ -20,6 +20,7 @@ export interface getProductFilterData_getProductFilterData_filters {
     displayType: ProductFilterDisplayTypeEnum;
     id: string;
     isMultiSelect: boolean;
+    isFacetFilter: boolean | null;
     key: string;
     name: string;
     order: number;

package/build/api/product-search/index.d.ts

@@ -4,7 +4,7 @@ import * as SearchProductTypes from "./__generated__/searchProducts";
 import { IkasProductFilter } from "../../models/data/product-filter/index";
 import { IkasFilterCategory } from "../../models/data/category/index";
 export declare class IkasProductSearchAPI {
-    static searchProducts(input: SearchInput): Promise<{
+    static searchProducts(input: SearchInput, useStockFilter?: boolean): Promise<{
         data: IkasProduct[];
         __typename: "ProductSearchResponse";
         count: number;

package/build/index.es.js

@@ -7,6 +7,7 @@ import Link from 'next/link';
 import NextImage from 'next/image';
 import fs from 'fs';
 import getConfig from 'next/config';
+import { serverSideTranslations } from 'next-i18next/serverSideTranslations';
 import dynamic from 'next/dynamic';
 import Error$1 from 'next/error';
 
@@ -10906,6 +10907,7 @@ var IkasStorefrontConfig = /** @class */ (function () {
             gtmId: IkasStorefrontConfig.gtmId || null,
             fbpId: IkasStorefrontConfig.fbpId || null,
             favicon: JSON.parse(JSON.stringify(IkasStorefrontConfig.favicon)),
+            stockPreference: IkasStorefrontConfig.stockPreference || null,
         };
     };
     IkasStorefrontConfig.components = {};
@@ -16987,7 +16989,7 @@ var IkasOrderLineItem = /** @class */ (function () {
         this.id = data.id || "";
         this.createdAt = data.createdAt || "";
         this.updatedAt = data.updatedAt || "";
-        this.orderedAt = data.orderedAt || "";
+        this.orderedAt = data.orderedAt || 0;
         this.deleted = data.deleted || false;
         this.currencyCode = data.currencyCode || "";
         this.discount = data.discount
@@ -17008,9 +17010,8 @@ var IkasOrderLineItem = /** @class */ (function () {
     Object.defineProperty(IkasOrderLineItem.prototype, "orderedAtDays", {
         get: function () {
             try {
-                var orderedAt = moment(new Date(parseInt(this.orderedAt)));
+                var orderedAt = moment(new Date(this.orderedAt));
                 var now = moment();
-                console.log("diff", now.diff(orderedAt, "days"));
                 return now.diff(orderedAt, "days");
             }
             catch (_a) {
@@ -24123,7 +24124,9 @@ var IkasOrder = /** @class */ (function () {
             ? new IkasOrderAddress(data.billingAddress)
             : null;
         this.orderLineItems = data.orderLineItems
-            ? data.orderLineItems.map(function (o) { return new IkasOrderLineItem(o); })
+            ? data.orderLineItems.map(function (o) {
+                return new IkasOrderLineItem(__assign(__assign({}, o), { orderedAt: data.orderedAt }));
+            })
             : [];
         this.orderAdjustments = data.orderAdjustments;
         this.shippingLines = data.shippingLines;
@@ -24471,9 +24474,13 @@ var IkasProductVariantType = /** @class */ (function () {
             ? new IkasVariantType(data.variantType)
             : new IkasVariantType();
         this.variantValueIds = data.variantValueIds || [];
-        this.variantType.values = this.variantType.values.filter(function (v) {
-            return _this.variantValueIds.includes(v.id);
+        var orderedVariantValues = [];
+        this.variantValueIds.forEach(function (vvId) {
+            var variantValue = _this.variantType.values.find(function (vv) { return vv.id === vvId; });
+            if (variantValue)
+                orderedVariantValues.push(variantValue);
         });
+        this.variantType.values = orderedVariantValues;
         makeAutoObservable(this);
     }
     return IkasProductVariantType;
@@ -24570,6 +24577,7 @@ var IkasProductFilter = /** @class */ (function () {
         this.type = data.type || IkasProductFilterType.BRAND;
         this.displayType = data.displayType || IkasProductFilterDisplayType.BOX;
         this.isMultiSelect = data.isMultiSelect || false;
+        this.isFacetFilter = data.isFacetFilter || false;
         this.values = data.values
             ? data.values.map(function (v) { return new IkasApplicableProductFilterValue(v); })
             : null;
@@ -24799,6 +24807,7 @@ var IkasProductFilterValue = /** @class */ (function () {
     function IkasProductFilterValue(data) {
         this.id = data.id;
         this.type = data.type;
+        this.displayType = data.displayType;
         this.valueList = data.valueList;
         makeAutoObservable(this);
     }
@@ -25234,10 +25243,18 @@ var IkasThemeSettings = /** @class */ (function () {
             ? data.colors.map(function (c) { return new IkasThemeColor(c); })
             : [];
         this.favicon = ((_a = data.favicon) === null || _a === void 0 ? void 0 : _a.id) ? data.favicon : new IkasThemeFavicon();
+        this.stockPreference =
+            data.stockPreference || IkasThemeStockPreference.SHOW_ALL;
         makeAutoObservable(this);
     }
     return IkasThemeSettings;
-}());
+}());
+var IkasThemeStockPreference;
+(function (IkasThemeStockPreference) {
+    IkasThemeStockPreference["HIDE_OUT_OF_STOCK"] = "HIDE_OUT_OF_STOCK";
+    IkasThemeStockPreference["SHOW_ALL"] = "SHOW_ALL";
+    IkasThemeStockPreference["SHOW_OUT_OF_STOCK_AT_END"] = "SHOW_OUT_OF_STOCK_AT_END";
+})(IkasThemeStockPreference || (IkasThemeStockPreference = {}));
 
 var IkasTheme = /** @class */ (function () {
     function IkasTheme(data) {
@@ -27557,6 +27574,7 @@ var PaymentGatewayTransactionFeeTypeEnum;
  */
 var PaymentMethodEnum;
 (function (PaymentMethodEnum) {
+    PaymentMethodEnum["APP_PAYMENT"] = "APP_PAYMENT";
     PaymentMethodEnum["BUY_ONLINE_PAY_AT_STORE"] = "BUY_ONLINE_PAY_AT_STORE";
     PaymentMethodEnum["CASH"] = "CASH";
     PaymentMethodEnum["CASH_ON_DELIVERY"] = "CASH_ON_DELIVERY";
@@ -28287,26 +28305,28 @@ var IkasProductList = /** @class */ (function () {
     IkasProductList.prototype.searchProducts = function (page, limit, productIdList) {
         var _a, _b, _c;
         return __awaiter(this, void 0, void 0, function () {
-            var filterList, selectedCategoryIds;
+            var filterList, facetList, selectedCategoryIds;
             return __generator(this, function (_d) {
                 switch (_d.label) {
                     case 0:
                         filterList = [];
-                        if (this._filterBrandId) {
-                            filterList.push(new IkasProductFilterValue({
-                                id: this._filterBrandId,
-                                type: IkasProductFilterType.BRAND,
-                                valueList: [this._filterBrandId],
-                            }));
-                        }
+                        facetList = [];
                         (_a = this.filters) === null || _a === void 0 ? void 0 : _a.forEach(function (filter) {
                             if (filter.valueList.length) {
                                 filterList.push(new IkasProductFilterValue({
                                     id: filter.id,
                                     type: filter.type,
+                                    displayType: filter.displayType,
                                     valueList: filter.valueList,
                                 }));
                             }
+                            if (filter.isFacetFilter) {
+                                facetList.push({
+                                    id: filter.id,
+                                    type: filter.type,
+                                    displayType: filter.displayType,
+                                });
+                            }
                         });
                         selectedCategoryIds = (_b = this._filterCategories) === null || _b === void 0 ? void 0 : _b.filter(function (fc) { return fc.isSelected; }).map(function (fc) { return fc.id; });
                         return [4 /*yield*/, IkasProductSearchAPI.searchProducts({
@@ -28315,6 +28335,7 @@ var IkasProductList = /** @class */ (function () {
                                 productIdList: this.isStatic
                                     ? (_c = this._productListPropValue.productIds) === null || _c === void 0 ? void 0 : _c.map(function (p) { return p.productId; }) : productIdList,
                                 filterList: filterList,
+                                facetList: facetList,
                                 brandId: this._pageType === IkasThemePageType.BRAND &&
                                     this._type !== IkasProductListType.SEARCH
                                     ? this._filterBrandId
@@ -28328,7 +28349,7 @@ var IkasProductList = /** @class */ (function () {
                                 salesChannelId: IkasStorefrontConfig.salesChannelId,
                                 query: this._searchKeyword,
                                 order: [this.getSortParams()],
-                            })];
+                            }, true)];
                     case 1: return [2 /*return*/, _d.sent()];
                 }
             });
@@ -32547,7 +32568,7 @@ var IkasPageDataProvider = /** @class */ (function () {
     };
     IkasPageDataProvider.prototype.getPageSpecificProduct = function () {
         return __awaiter(this, void 0, void 0, function () {
-            var slug, getProductMetaData, metaDataResponse, productsResponse, product, isMainProductSlug, selectedVariantValues, variantSlugPart, _i, _a, variant, values, slugPart;
+            var slug, getProductMetaData, metaDataResponse, productsResponse, product, isMainProductSlug, selectedVariantValues, variantSlugPart, _i, _a, variant, values, slugPart, displayedVariantType, inStockVariant;
             var _this = this;
             return __generator(this, function (_b) {
                 switch (_b.label) {
@@ -32610,6 +32631,19 @@ var IkasPageDataProvider = /** @class */ (function () {
                         this.pageSpecificData = new IkasProductDetail(product, selectedVariantValues.length
                             ? selectedVariantValues
                             : product.variants[0].variantValues);
+                        // Select the first displayed in stock variant
+                        if (!selectedVariantValues.length &&
+                            this.pageSpecificData.displayedVariantTypes.length) {
+                            displayedVariantType = this.pageSpecificData
+                                .displayedVariantTypes[0];
+                            if (displayedVariantType.displayedVariantValues.length) {
+                                inStockVariant = displayedVariantType.displayedVariantValues.find(function (dvv) { return dvv.hasStock; });
+                                if (inStockVariant) {
+                                    this.pageSpecificData.selectedVariantValues =
+                                        inStockVariant.variant.variantValues;
+                                }
+                            }
+                        }
                         this.pageType = IkasThemePageType.PRODUCT;
                         this.setPageMetaData(metaDataResponse.metaData);
                         return [2 /*return*/];
@@ -34573,7 +34607,7 @@ var IkasCustomerAPI = /** @class */ (function () {
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        QUERY = src(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n      query getCustomerOrders($orderId: String) {\n        getCustomerOrders(orderId: $orderId) {\n          billingAddress {\n            addressLine1\n            addressLine2\n            city {\n              code\n              id\n              name\n            }\n            company\n            country {\n              name\n              id\n              code\n            }\n            district {\n              name\n              id\n              code\n            }\n            firstName\n            identityNumber\n            isDefault\n            lastName\n            phone\n            postalCode\n            state {\n              name\n              id\n              code\n            }\n            taxNumber\n            taxOffice\n          }\n          cancelledAt\n          orderedAt\n          cancelReason\n          createdAt\n          currencyCode\n          currencyRates {\n            rate\n            originalRate\n            code\n          }\n          customer {\n            lastName\n            firstName\n            email\n            id\n          }\n          deleted\n          id\n          merchantId\n          note\n          orderedAt\n          orderAdjustments {\n            type\n            order\n            name\n            amountType\n            amount\n          }\n          orderLineItems {\n            createdAt\n            currencyCode\n            deleted\n            discount {\n              reason\n              amountType\n              amount\n            }\n            discountPrice\n            finalPrice\n            id\n            originalOrderLineItemId\n            price\n            quantity\n            status\n            statusUpdatedAt\n            stockLocationId\n            taxValue\n            updatedAt\n            variant {\n              barcodeList\n              id\n              mainImageId\n              name\n              productId\n              sku\n              variantValues {\n                variantValueName\n                variantValueId\n                variantTypeName\n                variantTypeId\n                order\n              }\n            }\n          }\n          orderNumber\n          orderPackages {\n            updatedAt\n            trackingInfo {\n              trackingNumber\n              trackingLink\n              isSendNotification\n              cargoCompany\n            }\n            stockLocationId\n            orderPackageNumber\n            orderPackageFulfillStatus\n            orderLineItemIds\n            id\n            deleted\n            createdAt\n          }\n          orderPackageStatus\n          orderPaymentStatus\n          orderTagIds\n          shippingAddress {\n            taxOffice\n            taxNumber\n            state {\n              name\n              id\n              code\n            }\n            postalCode\n            phone\n            lastName\n            isDefault\n            identityNumber\n            firstName\n            district {\n              name\n              id\n              code\n            }\n            country {\n              name\n              id\n              code\n            }\n            company\n            city {\n              id\n              code\n              name\n            }\n            addressLine2\n            addressLine1\n          }\n          shippingLines {\n            title\n            taxValue\n            price\n          }\n          shippingMethod\n          status\n          taxLines {\n            rate\n            price\n          }\n          totalFinalPrice\n          totalPrice\n          updatedAt\n        }\n      }\n    "], ["\n      query getCustomerOrders($orderId: String) {\n        getCustomerOrders(orderId: $orderId) {\n          billingAddress {\n            addressLine1\n            addressLine2\n            city {\n              code\n              id\n              name\n            }\n            company\n            country {\n              name\n              id\n              code\n            }\n            district {\n              name\n              id\n              code\n            }\n            firstName\n            identityNumber\n            isDefault\n            lastName\n            phone\n            postalCode\n            state {\n              name\n              id\n              code\n            }\n            taxNumber\n            taxOffice\n          }\n          cancelledAt\n          orderedAt\n          cancelReason\n          createdAt\n          currencyCode\n          currencyRates {\n            rate\n            originalRate\n            code\n          }\n          customer {\n            lastName\n            firstName\n            email\n            id\n          }\n          deleted\n          id\n          merchantId\n          note\n          orderedAt\n          orderAdjustments {\n            type\n            order\n            name\n            amountType\n            amount\n          }\n          orderLineItems {\n            createdAt\n            currencyCode\n            deleted\n            discount {\n              reason\n              amountType\n              amount\n            }\n            discountPrice\n            finalPrice\n            id\n            originalOrderLineItemId\n            price\n            quantity\n            status\n            statusUpdatedAt\n            stockLocationId\n            taxValue\n            updatedAt\n            variant {\n              barcodeList\n              id\n              mainImageId\n              name\n              productId\n              sku\n              variantValues {\n                variantValueName\n                variantValueId\n                variantTypeName\n                variantTypeId\n                order\n              }\n            }\n          }\n          orderNumber\n          orderPackages {\n            updatedAt\n            trackingInfo {\n              trackingNumber\n              trackingLink\n              isSendNotification\n              cargoCompany\n            }\n            stockLocationId\n            orderPackageNumber\n            orderPackageFulfillStatus\n            orderLineItemIds\n            id\n            deleted\n            createdAt\n          }\n          orderPackageStatus\n          orderPaymentStatus\n          orderTagIds\n          shippingAddress {\n            taxOffice\n            taxNumber\n            state {\n              name\n              id\n              code\n            }\n            postalCode\n            phone\n            lastName\n            isDefault\n            identityNumber\n            firstName\n            district {\n              name\n              id\n              code\n            }\n            country {\n              name\n              id\n              code\n            }\n            company\n            city {\n              id\n              code\n              name\n            }\n            addressLine2\n            addressLine1\n          }\n          shippingLines {\n            title\n            taxValue\n            price\n          }\n          shippingMethod\n          status\n          taxLines {\n            rate\n            price\n          }\n          totalFinalPrice\n          totalPrice\n          updatedAt\n        }\n      }\n    "])));
+                        QUERY = src(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n      query getCustomerOrders($orderId: String) {\n        getCustomerOrders(orderId: $orderId) {\n          billingAddress {\n            addressLine1\n            addressLine2\n            city {\n              code\n              id\n              name\n            }\n            company\n            country {\n              name\n              id\n              code\n            }\n            district {\n              name\n              id\n              code\n            }\n            firstName\n            identityNumber\n            isDefault\n            lastName\n            phone\n            postalCode\n            state {\n              name\n              id\n              code\n            }\n            taxNumber\n            taxOffice\n          }\n          cancelledAt\n          cancelReason\n          createdAt\n          currencyCode\n          currencyRates {\n            rate\n            originalRate\n            code\n          }\n          customer {\n            lastName\n            firstName\n            email\n            id\n          }\n          deleted\n          id\n          merchantId\n          note\n          orderedAt\n          orderAdjustments {\n            type\n            order\n            name\n            amountType\n            amount\n          }\n          orderLineItems {\n            createdAt\n            currencyCode\n            deleted\n            discount {\n              reason\n              amountType\n              amount\n            }\n            discountPrice\n            finalPrice\n            id\n            originalOrderLineItemId\n            price\n            quantity\n            status\n            statusUpdatedAt\n            stockLocationId\n            taxValue\n            updatedAt\n            variant {\n              barcodeList\n              id\n              mainImageId\n              name\n              productId\n              sku\n              variantValues {\n                variantValueName\n                variantValueId\n                variantTypeName\n                variantTypeId\n                order\n              }\n            }\n          }\n          orderNumber\n          orderPackages {\n            updatedAt\n            trackingInfo {\n              trackingNumber\n              trackingLink\n              isSendNotification\n              cargoCompany\n            }\n            stockLocationId\n            orderPackageNumber\n            orderPackageFulfillStatus\n            orderLineItemIds\n            id\n            deleted\n            createdAt\n          }\n          orderPackageStatus\n          orderPaymentStatus\n          orderTagIds\n          shippingAddress {\n            taxOffice\n            taxNumber\n            state {\n              name\n              id\n              code\n            }\n            postalCode\n            phone\n            lastName\n            isDefault\n            identityNumber\n            firstName\n            district {\n              name\n              id\n              code\n            }\n            country {\n              name\n              id\n              code\n            }\n            company\n            city {\n              id\n              code\n              name\n            }\n            addressLine2\n            addressLine1\n          }\n          shippingLines {\n            title\n            taxValue\n            price\n          }\n          shippingMethod\n          status\n          taxLines {\n            rate\n            price\n          }\n          totalFinalPrice\n          totalPrice\n          updatedAt\n        }\n      }\n    "], ["\n      query getCustomerOrders($orderId: String) {\n        getCustomerOrders(orderId: $orderId) {\n          billingAddress {\n            addressLine1\n            addressLine2\n            city {\n              code\n              id\n              name\n            }\n            company\n            country {\n              name\n              id\n              code\n            }\n            district {\n              name\n              id\n              code\n            }\n            firstName\n            identityNumber\n            isDefault\n            lastName\n            phone\n            postalCode\n            state {\n              name\n              id\n              code\n            }\n            taxNumber\n            taxOffice\n          }\n          cancelledAt\n          cancelReason\n          createdAt\n          currencyCode\n          currencyRates {\n            rate\n            originalRate\n            code\n          }\n          customer {\n            lastName\n            firstName\n            email\n            id\n          }\n          deleted\n          id\n          merchantId\n          note\n          orderedAt\n          orderAdjustments {\n            type\n            order\n            name\n            amountType\n            amount\n          }\n          orderLineItems {\n            createdAt\n            currencyCode\n            deleted\n            discount {\n              reason\n              amountType\n              amount\n            }\n            discountPrice\n            finalPrice\n            id\n            originalOrderLineItemId\n            price\n            quantity\n            status\n            statusUpdatedAt\n            stockLocationId\n            taxValue\n            updatedAt\n            variant {\n              barcodeList\n              id\n              mainImageId\n              name\n              productId\n              sku\n              variantValues {\n                variantValueName\n                variantValueId\n                variantTypeName\n                variantTypeId\n                order\n              }\n            }\n          }\n          orderNumber\n          orderPackages {\n            updatedAt\n            trackingInfo {\n              trackingNumber\n              trackingLink\n              isSendNotification\n              cargoCompany\n            }\n            stockLocationId\n            orderPackageNumber\n            orderPackageFulfillStatus\n            orderLineItemIds\n            id\n            deleted\n            createdAt\n          }\n          orderPackageStatus\n          orderPaymentStatus\n          orderTagIds\n          shippingAddress {\n            taxOffice\n            taxNumber\n            state {\n              name\n              id\n              code\n            }\n            postalCode\n            phone\n            lastName\n            isDefault\n            identityNumber\n            firstName\n            district {\n              name\n              id\n              code\n            }\n            country {\n              name\n              id\n              code\n            }\n            company\n            city {\n              id\n              code\n              name\n            }\n            addressLine2\n            addressLine1\n          }\n          shippingLines {\n            title\n            taxValue\n            price\n          }\n          shippingMethod\n          status\n          taxLines {\n            rate\n            price\n          }\n          totalFinalPrice\n          totalPrice\n          updatedAt\n        }\n      }\n    "])));
                         _b.label = 1;
                     case 1:
                         _b.trys.push([1, 3, , 4]);
@@ -34986,7 +35020,8 @@ var IkasProductAttributeTableTemplate = /** @class */ (function () {
 var IkasProductSearchAPI = /** @class */ (function () {
     function IkasProductSearchAPI() {
     }
-    IkasProductSearchAPI.searchProducts = function (input) {
+    IkasProductSearchAPI.searchProducts = function (input, useStockFilter) {
+        if (useStockFilter === void 0) { useStockFilter = false; }
         return __awaiter(this, void 0, void 0, function () {
             var SEARCH_PRODUCTS, _a, data, errors, err_1;
             return __generator(this, function (_b) {
@@ -34999,7 +35034,9 @@ var IkasProductSearchAPI = /** @class */ (function () {
                                 .query({
                                 query: SEARCH_PRODUCTS,
                                 variables: {
-                                    input: input,
+                                    input: __assign(__assign({}, input), { showStockOption: useStockFilter
+                                            ? IkasStorefrontConfig.stockPreference
+                                            : IkasThemeStockPreference.SHOW_ALL }),
                                 },
                             })];
                     case 1:
@@ -35027,7 +35064,7 @@ var IkasProductSearchAPI = /** @class */ (function () {
                 switch (_b.label) {
                     case 0:
                         _b.trys.push([0, 2, , 3]);
-                        QUERY = src(templateObject_2$6 || (templateObject_2$6 = __makeTemplateObject(["\n        query getProductFilterData($categoryId: String) {\n          getProductFilterData(categoryId: $categoryId) {\n            filters {\n              customValues\n              displayType\n              id\n              isMultiSelect\n              key\n              name\n              order\n              type\n              values {\n                colorCode\n                id\n                key\n                name\n                thumbnailImageId\n              }\n              settings {\n                showCollapsedOnDesktop\n                showCollapsedOnMobile\n                sortType\n                useAndFilter\n              }\n            }\n            categories {\n              id\n              name\n              metaData {\n                slug\n              }\n            }\n          }\n        }\n      "], ["\n        query getProductFilterData($categoryId: String) {\n          getProductFilterData(categoryId: $categoryId) {\n            filters {\n              customValues\n              displayType\n              id\n              isMultiSelect\n              key\n              name\n              order\n              type\n              values {\n                colorCode\n                id\n                key\n                name\n                thumbnailImageId\n              }\n              settings {\n                showCollapsedOnDesktop\n                showCollapsedOnMobile\n                sortType\n                useAndFilter\n              }\n            }\n            categories {\n              id\n              name\n              metaData {\n                slug\n              }\n            }\n          }\n        }\n      "])));
+                        QUERY = src(templateObject_2$6 || (templateObject_2$6 = __makeTemplateObject(["\n        query getProductFilterData($categoryId: String) {\n          getProductFilterData(categoryId: $categoryId) {\n            filters {\n              customValues\n              displayType\n              id\n              isMultiSelect\n              isFacetFilter\n              key\n              name\n              order\n              type\n              values {\n                colorCode\n                id\n                key\n                name\n                thumbnailImageId\n              }\n              settings {\n                showCollapsedOnDesktop\n                showCollapsedOnMobile\n                sortType\n                useAndFilter\n              }\n            }\n            categories {\n              id\n              name\n              metaData {\n                slug\n              }\n            }\n          }\n        }\n      "], ["\n        query getProductFilterData($categoryId: String) {\n          getProductFilterData(categoryId: $categoryId) {\n            filters {\n              customValues\n              displayType\n              id\n              isMultiSelect\n              isFacetFilter\n              key\n              name\n              order\n              type\n              values {\n                colorCode\n                id\n                key\n                name\n                thumbnailImageId\n              }\n              settings {\n                showCollapsedOnDesktop\n                showCollapsedOnMobile\n                sortType\n                useAndFilter\n              }\n            }\n            categories {\n              id\n              name\n              metaData {\n                slug\n              }\n            }\n          }\n        }\n      "])));
                         return [4 /*yield*/, apollo
                                 .getClient()
                                 .query({
@@ -37866,10 +37903,11 @@ var SettingsHelper = /** @class */ (function () {
                                 id: storefront.salesChannelId,
                             }),
                             routing: storefront.routings.length
-                                ? storefront.routings.find(function (r) { return !r.path && !r.domain; }) ||
+                                ? storefront.routings.find(function (r) { return r.locale === locale; }) || //storefront.routings.find((r) => !r.path && !r.domain) ||
                                     storefront.routings[0]
                                 : new IkasStorefrontRouting({}),
                             favicon: localTheme.settings.favicon,
+                            stockPreference: localTheme.settings.stockPreference,
                         });
                         return [3 /*break*/, 5];
                     case 3: return [4 /*yield*/, SettingsHelper.readSettingsFile()];
@@ -37897,12 +37935,14 @@ var SettingsHelper = /** @class */ (function () {
                             var result = file.length ? JSON.parse(file.toString()) : {};
                             var themeLocalization = new IkasStorefrontThemeLocalization(result);
                             var favicon = themeLocalization.themeJson.settings.favicon;
+                            var stockPreference = themeLocalization.themeJson.settings.stockPreference;
                             resolve({
                                 storefront: storefront_1,
                                 themeLocalization: themeLocalization,
                                 salesChannel: salesChannel_1,
                                 routing: routing_1,
                                 favicon: favicon,
+                                stockPreference: stockPreference,
                             });
                         });
                         _a.label = 5;
@@ -37914,9 +37954,10 @@ var SettingsHelper = /** @class */ (function () {
     SettingsHelper.getPageData = function (context, isServer, pageType, possiblePageTypes) {
         var _a;
         return __awaiter(this, void 0, void 0, function () {
-            var isLocal, locale, settings, storefront, themeLocalization, salesChannel, routing, favicon, provider;
-            return __generator(this, function (_b) {
-                switch (_b.label) {
+            var isLocal, locale, settings, storefront, themeLocalization, salesChannel, routing, favicon, stockPreference, provider, componentIds, components, componentDirs, _b, _c;
+            var _d, _e;
+            return __generator(this, function (_f) {
+                switch (_f.label) {
                     case 0:
                         isLocal = process.env.NEXT_PUBLIC_ENV === "local";
                         locale = isLocal ? "en" : context.locale;
@@ -37928,7 +37969,7 @@ var SettingsHelper = /** @class */ (function () {
                         }
                         return [4 /*yield*/, SettingsHelper.getSettings(locale)];
                     case 1:
-                        settings = _b.sent();
+                        settings = _f.sent();
                         if (!settings ||
                             !settings.storefront.mainStorefrontThemeId ||
                             !settings.storefront.salesChannelId) {
@@ -37937,7 +37978,7 @@ var SettingsHelper = /** @class */ (function () {
                                     notFound: true,
                                 }];
                         }
-                        storefront = settings.storefront, themeLocalization = settings.themeLocalization, salesChannel = settings.salesChannel, routing = settings.routing, favicon = settings.favicon;
+                        storefront = settings.storefront, themeLocalization = settings.themeLocalization, salesChannel = settings.salesChannel, routing = settings.routing, favicon = settings.favicon, stockPreference = settings.stockPreference;
                         IkasStorefrontConfig.storefrontId = storefront.id;
                         IkasStorefrontConfig.storefrontRoutingId = routing.id;
                         IkasStorefrontConfig.storefrontThemeId = storefront.mainStorefrontThemeId;
@@ -37949,24 +37990,36 @@ var SettingsHelper = /** @class */ (function () {
                         IkasStorefrontConfig.gtmId = storefront.gtmId || undefined;
                         IkasStorefrontConfig.fbpId = storefront.fbpId || undefined;
                         IkasStorefrontConfig.favicon = favicon || null;
+                        IkasStorefrontConfig.stockPreference = stockPreference || null;
                         provider = new IkasPageDataProvider(themeLocalization.themeJson, context.params, pageType);
                         provider.possiblePageTypes = possiblePageTypes;
                         return [4 /*yield*/, provider.getPageData()];
                     case 2:
-                        _b.sent();
+                        _f.sent();
                         if (!provider.page) {
                             return [2 /*return*/, {
                                     props: {},
                                     notFound: true,
                                 }];
                         }
-                        if (isServer)
-                            return [2 /*return*/, provider.nextPageData];
-                        else
-                            return [2 /*return*/, {
-                                    props: provider.nextPageData.props,
-                                    revalidate: 60,
-                                }];
+                        componentIds = provider.page.components.map(function (pc) { return pc.componentId; });
+                        components = themeLocalization.themeJson.components.filter(function (c) {
+                            return componentIds.includes(c.id);
+                        });
+                        componentDirs = __spreadArrays(["common"], components.map(function (c) { return c.dir; }));
+                        if (!isServer) return [3 /*break*/, 4];
+                        _d = {};
+                        _b = [{}];
+                        return [4 /*yield*/, serverSideTranslations(locale, componentDirs)];
+                    case 3: return [2 /*return*/, (_d.props = __assign.apply(void 0, [__assign.apply(void 0, _b.concat([(_f.sent())])), provider.nextPageData.props]),
+                            _d)];
+                    case 4:
+                        _e = {};
+                        _c = [{}];
+                        return [4 /*yield*/, serverSideTranslations(locale, componentDirs)];
+                    case 5: return [2 /*return*/, (_e.props = __assign.apply(void 0, [__assign.apply(void 0, _c.concat([(_f.sent())])), provider.nextPageData.props]),
+                            _e.revalidate = 60,
+                            _e)];
                 }
             });
         });

package/build/index.js

@@ -11,6 +11,7 @@ var Link = require('next/link');
 var NextImage = require('next/image');
 var fs = require('fs');
 var getConfig = require('next/config');
+var serverSideTranslations = require('next-i18next/serverSideTranslations');
 var dynamic = require('next/dynamic');
 var Error$1 = require('next/error');
 
@@ -10921,6 +10922,7 @@ var IkasStorefrontConfig = /** @class */ (function () {
             gtmId: IkasStorefrontConfig.gtmId || null,
             fbpId: IkasStorefrontConfig.fbpId || null,
             favicon: JSON.parse(JSON.stringify(IkasStorefrontConfig.favicon)),
+            stockPreference: IkasStorefrontConfig.stockPreference || null,
         };
     };
     IkasStorefrontConfig.components = {};
@@ -17001,7 +17003,7 @@ var IkasOrderLineItem = /** @class */ (function () {
         this.id = data.id || "";
         this.createdAt = data.createdAt || "";
         this.updatedAt = data.updatedAt || "";
-        this.orderedAt = data.orderedAt || "";
+        this.orderedAt = data.orderedAt || 0;
         this.deleted = data.deleted || false;
         this.currencyCode = data.currencyCode || "";
         this.discount = data.discount
@@ -17022,9 +17024,8 @@ var IkasOrderLineItem = /** @class */ (function () {
     Object.defineProperty(IkasOrderLineItem.prototype, "orderedAtDays", {
         get: function () {
             try {
-                var orderedAt = moment(new Date(parseInt(this.orderedAt)));
+                var orderedAt = moment(new Date(this.orderedAt));
                 var now = moment();
-                console.log("diff", now.diff(orderedAt, "days"));
                 return now.diff(orderedAt, "days");
             }
             catch (_a) {
@@ -24129,7 +24130,9 @@ var IkasOrder = /** @class */ (function () {
             ? new IkasOrderAddress(data.billingAddress)
             : null;
         this.orderLineItems = data.orderLineItems
-            ? data.orderLineItems.map(function (o) { return new IkasOrderLineItem(o); })
+            ? data.orderLineItems.map(function (o) {
+                return new IkasOrderLineItem(__assign(__assign({}, o), { orderedAt: data.orderedAt }));
+            })
             : [];
         this.orderAdjustments = data.orderAdjustments;
         this.shippingLines = data.shippingLines;
@@ -24467,9 +24470,13 @@ var IkasProductVariantType = /** @class */ (function () {
             ? new IkasVariantType(data.variantType)
             : new IkasVariantType();
         this.variantValueIds = data.variantValueIds || [];
-        this.variantType.values = this.variantType.values.filter(function (v) {
-            return _this.variantValueIds.includes(v.id);
+        var orderedVariantValues = [];
+        this.variantValueIds.forEach(function (vvId) {
+            var variantValue = _this.variantType.values.find(function (vv) { return vv.id === vvId; });
+            if (variantValue)
+                orderedVariantValues.push(variantValue);
         });
+        this.variantType.values = orderedVariantValues;
         mobx.makeAutoObservable(this);
     }
     return IkasProductVariantType;
@@ -24565,6 +24572,7 @@ var IkasProductFilter = /** @class */ (function () {
         this.type = data.type || exports.IkasProductFilterType.BRAND;
         this.displayType = data.displayType || exports.IkasProductFilterDisplayType.BOX;
         this.isMultiSelect = data.isMultiSelect || false;
+        this.isFacetFilter = data.isFacetFilter || false;
         this.values = data.values
             ? data.values.map(function (v) { return new IkasApplicableProductFilterValue(v); })
             : null;
@@ -24794,6 +24802,7 @@ var IkasProductFilterValue = /** @class */ (function () {
     function IkasProductFilterValue(data) {
         this.id = data.id;
         this.type = data.type;
+        this.displayType = data.displayType;
         this.valueList = data.valueList;
         mobx.makeAutoObservable(this);
     }
@@ -25222,10 +25231,18 @@ var IkasThemeSettings = /** @class */ (function () {
             ? data.colors.map(function (c) { return new IkasThemeColor(c); })
             : [];
         this.favicon = ((_a = data.favicon) === null || _a === void 0 ? void 0 : _a.id) ? data.favicon : new IkasThemeFavicon();
+        this.stockPreference =
+            data.stockPreference || IkasThemeStockPreference.SHOW_ALL;
         mobx.makeAutoObservable(this);
     }
     return IkasThemeSettings;
-}());
+}());
+var IkasThemeStockPreference;
+(function (IkasThemeStockPreference) {
+    IkasThemeStockPreference["HIDE_OUT_OF_STOCK"] = "HIDE_OUT_OF_STOCK";
+    IkasThemeStockPreference["SHOW_ALL"] = "SHOW_ALL";
+    IkasThemeStockPreference["SHOW_OUT_OF_STOCK_AT_END"] = "SHOW_OUT_OF_STOCK_AT_END";
+})(IkasThemeStockPreference || (IkasThemeStockPreference = {}));
 
 var IkasTheme = /** @class */ (function () {
     function IkasTheme(data) {
@@ -27538,6 +27555,7 @@ var PaymentGatewayTransactionFeeTypeEnum;
  */
 var PaymentMethodEnum;
 (function (PaymentMethodEnum) {
+    PaymentMethodEnum["APP_PAYMENT"] = "APP_PAYMENT";
     PaymentMethodEnum["BUY_ONLINE_PAY_AT_STORE"] = "BUY_ONLINE_PAY_AT_STORE";
     PaymentMethodEnum["CASH"] = "CASH";
     PaymentMethodEnum["CASH_ON_DELIVERY"] = "CASH_ON_DELIVERY";
@@ -28268,26 +28286,28 @@ var IkasProductList = /** @class */ (function () {
     IkasProductList.prototype.searchProducts = function (page, limit, productIdList) {
         var _a, _b, _c;
         return __awaiter(this, void 0, void 0, function () {
-            var filterList, selectedCategoryIds;
+            var filterList, facetList, selectedCategoryIds;
             return __generator(this, function (_d) {
                 switch (_d.label) {
                     case 0:
                         filterList = [];
-                        if (this._filterBrandId) {
-                            filterList.push(new IkasProductFilterValue({
-                                id: this._filterBrandId,
-                                type: exports.IkasProductFilterType.BRAND,
-                                valueList: [this._filterBrandId],
-                            }));
-                        }
+                        facetList = [];
                         (_a = this.filters) === null || _a === void 0 ? void 0 : _a.forEach(function (filter) {
                             if (filter.valueList.length) {
                                 filterList.push(new IkasProductFilterValue({
                                     id: filter.id,
                                     type: filter.type,
+                                    displayType: filter.displayType,
                                     valueList: filter.valueList,
                                 }));
                             }
+                            if (filter.isFacetFilter) {
+                                facetList.push({
+                                    id: filter.id,
+                                    type: filter.type,
+                                    displayType: filter.displayType,
+                                });
+                            }
                         });
                         selectedCategoryIds = (_b = this._filterCategories) === null || _b === void 0 ? void 0 : _b.filter(function (fc) { return fc.isSelected; }).map(function (fc) { return fc.id; });
                         return [4 /*yield*/, IkasProductSearchAPI.searchProducts({
@@ -28296,6 +28316,7 @@ var IkasProductList = /** @class */ (function () {
                                 productIdList: this.isStatic
                                     ? (_c = this._productListPropValue.productIds) === null || _c === void 0 ? void 0 : _c.map(function (p) { return p.productId; }) : productIdList,
                                 filterList: filterList,
+                                facetList: facetList,
                                 brandId: this._pageType === exports.IkasThemePageType.BRAND &&
                                     this._type !== exports.IkasProductListType.SEARCH
                                     ? this._filterBrandId
@@ -28309,7 +28330,7 @@ var IkasProductList = /** @class */ (function () {
                                 salesChannelId: IkasStorefrontConfig.salesChannelId,
                                 query: this._searchKeyword,
                                 order: [this.getSortParams()],
-                            })];
+                            }, true)];
                     case 1: return [2 /*return*/, _d.sent()];
                 }
             });
@@ -32525,7 +32546,7 @@ var IkasPageDataProvider = /** @class */ (function () {
     };
     IkasPageDataProvider.prototype.getPageSpecificProduct = function () {
         return __awaiter(this, void 0, void 0, function () {
-            var slug, getProductMetaData, metaDataResponse, productsResponse, product, isMainProductSlug, selectedVariantValues, variantSlugPart, _i, _a, variant, values, slugPart;
+            var slug, getProductMetaData, metaDataResponse, productsResponse, product, isMainProductSlug, selectedVariantValues, variantSlugPart, _i, _a, variant, values, slugPart, displayedVariantType, inStockVariant;
             var _this = this;
             return __generator(this, function (_b) {
                 switch (_b.label) {
@@ -32588,6 +32609,19 @@ var IkasPageDataProvider = /** @class */ (function () {
                         this.pageSpecificData = new IkasProductDetail(product, selectedVariantValues.length
                             ? selectedVariantValues
                             : product.variants[0].variantValues);
+                        // Select the first displayed in stock variant
+                        if (!selectedVariantValues.length &&
+                            this.pageSpecificData.displayedVariantTypes.length) {
+                            displayedVariantType = this.pageSpecificData
+                                .displayedVariantTypes[0];
+                            if (displayedVariantType.displayedVariantValues.length) {
+                                inStockVariant = displayedVariantType.displayedVariantValues.find(function (dvv) { return dvv.hasStock; });
+                                if (inStockVariant) {
+                                    this.pageSpecificData.selectedVariantValues =
+                                        inStockVariant.variant.variantValues;
+                                }
+                            }
+                        }
                         this.pageType = exports.IkasThemePageType.PRODUCT;
                         this.setPageMetaData(metaDataResponse.metaData);
                         return [2 /*return*/];
@@ -34550,7 +34584,7 @@ var IkasCustomerAPI = /** @class */ (function () {
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        QUERY = src(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n      query getCustomerOrders($orderId: String) {\n        getCustomerOrders(orderId: $orderId) {\n          billingAddress {\n            addressLine1\n            addressLine2\n            city {\n              code\n              id\n              name\n            }\n            company\n            country {\n              name\n              id\n              code\n            }\n            district {\n              name\n              id\n              code\n            }\n            firstName\n            identityNumber\n            isDefault\n            lastName\n            phone\n            postalCode\n            state {\n              name\n              id\n              code\n            }\n            taxNumber\n            taxOffice\n          }\n          cancelledAt\n          orderedAt\n          cancelReason\n          createdAt\n          currencyCode\n          currencyRates {\n            rate\n            originalRate\n            code\n          }\n          customer {\n            lastName\n            firstName\n            email\n            id\n          }\n          deleted\n          id\n          merchantId\n          note\n          orderedAt\n          orderAdjustments {\n            type\n            order\n            name\n            amountType\n            amount\n          }\n          orderLineItems {\n            createdAt\n            currencyCode\n            deleted\n            discount {\n              reason\n              amountType\n              amount\n            }\n            discountPrice\n            finalPrice\n            id\n            originalOrderLineItemId\n            price\n            quantity\n            status\n            statusUpdatedAt\n            stockLocationId\n            taxValue\n            updatedAt\n            variant {\n              barcodeList\n              id\n              mainImageId\n              name\n              productId\n              sku\n              variantValues {\n                variantValueName\n                variantValueId\n                variantTypeName\n                variantTypeId\n                order\n              }\n            }\n          }\n          orderNumber\n          orderPackages {\n            updatedAt\n            trackingInfo {\n              trackingNumber\n              trackingLink\n              isSendNotification\n              cargoCompany\n            }\n            stockLocationId\n            orderPackageNumber\n            orderPackageFulfillStatus\n            orderLineItemIds\n            id\n            deleted\n            createdAt\n          }\n          orderPackageStatus\n          orderPaymentStatus\n          orderTagIds\n          shippingAddress {\n            taxOffice\n            taxNumber\n            state {\n              name\n              id\n              code\n            }\n            postalCode\n            phone\n            lastName\n            isDefault\n            identityNumber\n            firstName\n            district {\n              name\n              id\n              code\n            }\n            country {\n              name\n              id\n              code\n            }\n            company\n            city {\n              id\n              code\n              name\n            }\n            addressLine2\n            addressLine1\n          }\n          shippingLines {\n            title\n            taxValue\n            price\n          }\n          shippingMethod\n          status\n          taxLines {\n            rate\n            price\n          }\n          totalFinalPrice\n          totalPrice\n          updatedAt\n        }\n      }\n    "], ["\n      query getCustomerOrders($orderId: String) {\n        getCustomerOrders(orderId: $orderId) {\n          billingAddress {\n            addressLine1\n            addressLine2\n            city {\n              code\n              id\n              name\n            }\n            company\n            country {\n              name\n              id\n              code\n            }\n            district {\n              name\n              id\n              code\n            }\n            firstName\n            identityNumber\n            isDefault\n            lastName\n            phone\n            postalCode\n            state {\n              name\n              id\n              code\n            }\n            taxNumber\n            taxOffice\n          }\n          cancelledAt\n          orderedAt\n          cancelReason\n          createdAt\n          currencyCode\n          currencyRates {\n            rate\n            originalRate\n            code\n          }\n          customer {\n            lastName\n            firstName\n            email\n            id\n          }\n          deleted\n          id\n          merchantId\n          note\n          orderedAt\n          orderAdjustments {\n            type\n            order\n            name\n            amountType\n            amount\n          }\n          orderLineItems {\n            createdAt\n            currencyCode\n            deleted\n            discount {\n              reason\n              amountType\n              amount\n            }\n            discountPrice\n            finalPrice\n            id\n            originalOrderLineItemId\n            price\n            quantity\n            status\n            statusUpdatedAt\n            stockLocationId\n            taxValue\n            updatedAt\n            variant {\n              barcodeList\n              id\n              mainImageId\n              name\n              productId\n              sku\n              variantValues {\n                variantValueName\n                variantValueId\n                variantTypeName\n                variantTypeId\n                order\n              }\n            }\n          }\n          orderNumber\n          orderPackages {\n            updatedAt\n            trackingInfo {\n              trackingNumber\n              trackingLink\n              isSendNotification\n              cargoCompany\n            }\n            stockLocationId\n            orderPackageNumber\n            orderPackageFulfillStatus\n            orderLineItemIds\n            id\n            deleted\n            createdAt\n          }\n          orderPackageStatus\n          orderPaymentStatus\n          orderTagIds\n          shippingAddress {\n            taxOffice\n            taxNumber\n            state {\n              name\n              id\n              code\n            }\n            postalCode\n            phone\n            lastName\n            isDefault\n            identityNumber\n            firstName\n            district {\n              name\n              id\n              code\n            }\n            country {\n              name\n              id\n              code\n            }\n            company\n            city {\n              id\n              code\n              name\n            }\n            addressLine2\n            addressLine1\n          }\n          shippingLines {\n            title\n            taxValue\n            price\n          }\n          shippingMethod\n          status\n          taxLines {\n            rate\n            price\n          }\n          totalFinalPrice\n          totalPrice\n          updatedAt\n        }\n      }\n    "])));
+                        QUERY = src(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n      query getCustomerOrders($orderId: String) {\n        getCustomerOrders(orderId: $orderId) {\n          billingAddress {\n            addressLine1\n            addressLine2\n            city {\n              code\n              id\n              name\n            }\n            company\n            country {\n              name\n              id\n              code\n            }\n            district {\n              name\n              id\n              code\n            }\n            firstName\n            identityNumber\n            isDefault\n            lastName\n            phone\n            postalCode\n            state {\n              name\n              id\n              code\n            }\n            taxNumber\n            taxOffice\n          }\n          cancelledAt\n          cancelReason\n          createdAt\n          currencyCode\n          currencyRates {\n            rate\n            originalRate\n            code\n          }\n          customer {\n            lastName\n            firstName\n            email\n            id\n          }\n          deleted\n          id\n          merchantId\n          note\n          orderedAt\n          orderAdjustments {\n            type\n            order\n            name\n            amountType\n            amount\n          }\n          orderLineItems {\n            createdAt\n            currencyCode\n            deleted\n            discount {\n              reason\n              amountType\n              amount\n            }\n            discountPrice\n            finalPrice\n            id\n            originalOrderLineItemId\n            price\n            quantity\n            status\n            statusUpdatedAt\n            stockLocationId\n            taxValue\n            updatedAt\n            variant {\n              barcodeList\n              id\n              mainImageId\n              name\n              productId\n              sku\n              variantValues {\n                variantValueName\n                variantValueId\n                variantTypeName\n                variantTypeId\n                order\n              }\n            }\n          }\n          orderNumber\n          orderPackages {\n            updatedAt\n            trackingInfo {\n              trackingNumber\n              trackingLink\n              isSendNotification\n              cargoCompany\n            }\n            stockLocationId\n            orderPackageNumber\n            orderPackageFulfillStatus\n            orderLineItemIds\n            id\n            deleted\n            createdAt\n          }\n          orderPackageStatus\n          orderPaymentStatus\n          orderTagIds\n          shippingAddress {\n            taxOffice\n            taxNumber\n            state {\n              name\n              id\n              code\n            }\n            postalCode\n            phone\n            lastName\n            isDefault\n            identityNumber\n            firstName\n            district {\n              name\n              id\n              code\n            }\n            country {\n              name\n              id\n              code\n            }\n            company\n            city {\n              id\n              code\n              name\n            }\n            addressLine2\n            addressLine1\n          }\n          shippingLines {\n            title\n            taxValue\n            price\n          }\n          shippingMethod\n          status\n          taxLines {\n            rate\n            price\n          }\n          totalFinalPrice\n          totalPrice\n          updatedAt\n        }\n      }\n    "], ["\n      query getCustomerOrders($orderId: String) {\n        getCustomerOrders(orderId: $orderId) {\n          billingAddress {\n            addressLine1\n            addressLine2\n            city {\n              code\n              id\n              name\n            }\n            company\n            country {\n              name\n              id\n              code\n            }\n            district {\n              name\n              id\n              code\n            }\n            firstName\n            identityNumber\n            isDefault\n            lastName\n            phone\n            postalCode\n            state {\n              name\n              id\n              code\n            }\n            taxNumber\n            taxOffice\n          }\n          cancelledAt\n          cancelReason\n          createdAt\n          currencyCode\n          currencyRates {\n            rate\n            originalRate\n            code\n          }\n          customer {\n            lastName\n            firstName\n            email\n            id\n          }\n          deleted\n          id\n          merchantId\n          note\n          orderedAt\n          orderAdjustments {\n            type\n            order\n            name\n            amountType\n            amount\n          }\n          orderLineItems {\n            createdAt\n            currencyCode\n            deleted\n            discount {\n              reason\n              amountType\n              amount\n            }\n            discountPrice\n            finalPrice\n            id\n            originalOrderLineItemId\n            price\n            quantity\n            status\n            statusUpdatedAt\n            stockLocationId\n            taxValue\n            updatedAt\n            variant {\n              barcodeList\n              id\n              mainImageId\n              name\n              productId\n              sku\n              variantValues {\n                variantValueName\n                variantValueId\n                variantTypeName\n                variantTypeId\n                order\n              }\n            }\n          }\n          orderNumber\n          orderPackages {\n            updatedAt\n            trackingInfo {\n              trackingNumber\n              trackingLink\n              isSendNotification\n              cargoCompany\n            }\n            stockLocationId\n            orderPackageNumber\n            orderPackageFulfillStatus\n            orderLineItemIds\n            id\n            deleted\n            createdAt\n          }\n          orderPackageStatus\n          orderPaymentStatus\n          orderTagIds\n          shippingAddress {\n            taxOffice\n            taxNumber\n            state {\n              name\n              id\n              code\n            }\n            postalCode\n            phone\n            lastName\n            isDefault\n            identityNumber\n            firstName\n            district {\n              name\n              id\n              code\n            }\n            country {\n              name\n              id\n              code\n            }\n            company\n            city {\n              id\n              code\n              name\n            }\n            addressLine2\n            addressLine1\n          }\n          shippingLines {\n            title\n            taxValue\n            price\n          }\n          shippingMethod\n          status\n          taxLines {\n            rate\n            price\n          }\n          totalFinalPrice\n          totalPrice\n          updatedAt\n        }\n      }\n    "])));
                         _b.label = 1;
                     case 1:
                         _b.trys.push([1, 3, , 4]);
@@ -34963,7 +34997,8 @@ var IkasProductAttributeTableTemplate = /** @class */ (function () {
 var IkasProductSearchAPI = /** @class */ (function () {
     function IkasProductSearchAPI() {
     }
-    IkasProductSearchAPI.searchProducts = function (input) {
+    IkasProductSearchAPI.searchProducts = function (input, useStockFilter) {
+        if (useStockFilter === void 0) { useStockFilter = false; }
         return __awaiter(this, void 0, void 0, function () {
             var SEARCH_PRODUCTS, _a, data, errors, err_1;
             return __generator(this, function (_b) {
@@ -34976,7 +35011,9 @@ var IkasProductSearchAPI = /** @class */ (function () {
                                 .query({
                                 query: SEARCH_PRODUCTS,
                                 variables: {
-                                    input: input,
+                                    input: __assign(__assign({}, input), { showStockOption: useStockFilter
+                                            ? IkasStorefrontConfig.stockPreference
+                                            : IkasThemeStockPreference.SHOW_ALL }),
                                 },
                             })];
                     case 1:
@@ -35004,7 +35041,7 @@ var IkasProductSearchAPI = /** @class */ (function () {
                 switch (_b.label) {
                     case 0:
                         _b.trys.push([0, 2, , 3]);
-                        QUERY = src(templateObject_2$6 || (templateObject_2$6 = __makeTemplateObject(["\n        query getProductFilterData($categoryId: String) {\n          getProductFilterData(categoryId: $categoryId) {\n            filters {\n              customValues\n              displayType\n              id\n              isMultiSelect\n              key\n              name\n              order\n              type\n              values {\n                colorCode\n                id\n                key\n                name\n                thumbnailImageId\n              }\n              settings {\n                showCollapsedOnDesktop\n                showCollapsedOnMobile\n                sortType\n                useAndFilter\n              }\n            }\n            categories {\n              id\n              name\n              metaData {\n                slug\n              }\n            }\n          }\n        }\n      "], ["\n        query getProductFilterData($categoryId: String) {\n          getProductFilterData(categoryId: $categoryId) {\n            filters {\n              customValues\n              displayType\n              id\n              isMultiSelect\n              key\n              name\n              order\n              type\n              values {\n                colorCode\n                id\n                key\n                name\n                thumbnailImageId\n              }\n              settings {\n                showCollapsedOnDesktop\n                showCollapsedOnMobile\n                sortType\n                useAndFilter\n              }\n            }\n            categories {\n              id\n              name\n              metaData {\n                slug\n              }\n            }\n          }\n        }\n      "])));
+                        QUERY = src(templateObject_2$6 || (templateObject_2$6 = __makeTemplateObject(["\n        query getProductFilterData($categoryId: String) {\n          getProductFilterData(categoryId: $categoryId) {\n            filters {\n              customValues\n              displayType\n              id\n              isMultiSelect\n              isFacetFilter\n              key\n              name\n              order\n              type\n              values {\n                colorCode\n                id\n                key\n                name\n                thumbnailImageId\n              }\n              settings {\n                showCollapsedOnDesktop\n                showCollapsedOnMobile\n                sortType\n                useAndFilter\n              }\n            }\n            categories {\n              id\n              name\n              metaData {\n                slug\n              }\n            }\n          }\n        }\n      "], ["\n        query getProductFilterData($categoryId: String) {\n          getProductFilterData(categoryId: $categoryId) {\n            filters {\n              customValues\n              displayType\n              id\n              isMultiSelect\n              isFacetFilter\n              key\n              name\n              order\n              type\n              values {\n                colorCode\n                id\n                key\n                name\n                thumbnailImageId\n              }\n              settings {\n                showCollapsedOnDesktop\n                showCollapsedOnMobile\n                sortType\n                useAndFilter\n              }\n            }\n            categories {\n              id\n              name\n              metaData {\n                slug\n              }\n            }\n          }\n        }\n      "])));
                         return [4 /*yield*/, apollo
                                 .getClient()
                                 .query({
@@ -37843,10 +37880,11 @@ var SettingsHelper = /** @class */ (function () {
                                 id: storefront.salesChannelId,
                             }),
                             routing: storefront.routings.length
-                                ? storefront.routings.find(function (r) { return !r.path && !r.domain; }) ||
+                                ? storefront.routings.find(function (r) { return r.locale === locale; }) || //storefront.routings.find((r) => !r.path && !r.domain) ||
                                     storefront.routings[0]
                                 : new IkasStorefrontRouting({}),
                             favicon: localTheme.settings.favicon,
+                            stockPreference: localTheme.settings.stockPreference,
                         });
                         return [3 /*break*/, 5];
                     case 3: return [4 /*yield*/, SettingsHelper.readSettingsFile()];
@@ -37874,12 +37912,14 @@ var SettingsHelper = /** @class */ (function () {
                             var result = file.length ? JSON.parse(file.toString()) : {};
                             var themeLocalization = new IkasStorefrontThemeLocalization(result);
                             var favicon = themeLocalization.themeJson.settings.favicon;
+                            var stockPreference = themeLocalization.themeJson.settings.stockPreference;
                             resolve({
                                 storefront: storefront_1,
                                 themeLocalization: themeLocalization,
                                 salesChannel: salesChannel_1,
                                 routing: routing_1,
                                 favicon: favicon,
+                                stockPreference: stockPreference,
                             });
                         });
                         _a.label = 5;
@@ -37891,9 +37931,10 @@ var SettingsHelper = /** @class */ (function () {
     SettingsHelper.getPageData = function (context, isServer, pageType, possiblePageTypes) {
         var _a;
         return __awaiter(this, void 0, void 0, function () {
-            var isLocal, locale, settings, storefront, themeLocalization, salesChannel, routing, favicon, provider;
-            return __generator(this, function (_b) {
-                switch (_b.label) {
+            var isLocal, locale, settings, storefront, themeLocalization, salesChannel, routing, favicon, stockPreference, provider, componentIds, components, componentDirs, _b, _c;
+            var _d, _e;
+            return __generator(this, function (_f) {
+                switch (_f.label) {
                     case 0:
                         isLocal = process.env.NEXT_PUBLIC_ENV === "local";
                         locale = isLocal ? "en" : context.locale;
@@ -37905,7 +37946,7 @@ var SettingsHelper = /** @class */ (function () {
                         }
                         return [4 /*yield*/, SettingsHelper.getSettings(locale)];
                     case 1:
-                        settings = _b.sent();
+                        settings = _f.sent();
                         if (!settings ||
                             !settings.storefront.mainStorefrontThemeId ||
                             !settings.storefront.salesChannelId) {
@@ -37914,7 +37955,7 @@ var SettingsHelper = /** @class */ (function () {
                                     notFound: true,
                                 }];
                         }
-                        storefront = settings.storefront, themeLocalization = settings.themeLocalization, salesChannel = settings.salesChannel, routing = settings.routing, favicon = settings.favicon;
+                        storefront = settings.storefront, themeLocalization = settings.themeLocalization, salesChannel = settings.salesChannel, routing = settings.routing, favicon = settings.favicon, stockPreference = settings.stockPreference;
                         IkasStorefrontConfig.storefrontId = storefront.id;
                         IkasStorefrontConfig.storefrontRoutingId = routing.id;
                         IkasStorefrontConfig.storefrontThemeId = storefront.mainStorefrontThemeId;
@@ -37926,24 +37967,36 @@ var SettingsHelper = /** @class */ (function () {
                         IkasStorefrontConfig.gtmId = storefront.gtmId || undefined;
                         IkasStorefrontConfig.fbpId = storefront.fbpId || undefined;
                         IkasStorefrontConfig.favicon = favicon || null;
+                        IkasStorefrontConfig.stockPreference = stockPreference || null;
                         provider = new IkasPageDataProvider(themeLocalization.themeJson, context.params, pageType);
                         provider.possiblePageTypes = possiblePageTypes;
                         return [4 /*yield*/, provider.getPageData()];
                     case 2:
-                        _b.sent();
+                        _f.sent();
                         if (!provider.page) {
                             return [2 /*return*/, {
                                     props: {},
                                     notFound: true,
                                 }];
                         }
-                        if (isServer)
-                            return [2 /*return*/, provider.nextPageData];
-                        else
-                            return [2 /*return*/, {
-                                    props: provider.nextPageData.props,
-                                    revalidate: 60,
-                                }];
+                        componentIds = provider.page.components.map(function (pc) { return pc.componentId; });
+                        components = themeLocalization.themeJson.components.filter(function (c) {
+                            return componentIds.includes(c.id);
+                        });
+                        componentDirs = __spreadArrays(["common"], components.map(function (c) { return c.dir; }));
+                        if (!isServer) return [3 /*break*/, 4];
+                        _d = {};
+                        _b = [{}];
+                        return [4 /*yield*/, serverSideTranslations.serverSideTranslations(locale, componentDirs)];
+                    case 3: return [2 /*return*/, (_d.props = __assign.apply(void 0, [__assign.apply(void 0, _b.concat([(_f.sent())])), provider.nextPageData.props]),
+                            _d)];
+                    case 4:
+                        _e = {};
+                        _c = [{}];
+                        return [4 /*yield*/, serverSideTranslations.serverSideTranslations(locale, componentDirs)];
+                    case 5: return [2 /*return*/, (_e.props = __assign.apply(void 0, [__assign.apply(void 0, _c.concat([(_f.sent())])), provider.nextPageData.props]),
+                            _e.revalidate = 60,
+                            _e)];
                 }
             });
         });

package/build/models/data/order/line-item/index.d.ts

@@ -4,7 +4,7 @@ export declare class IkasOrderLineItem {
     id: string;
     createdAt: string;
     updatedAt: string;
-    orderedAt: string;
+    orderedAt: number;
     deleted: boolean;
     currencyCode: string;
     discount?: IkasOrderLineDiscount | null;

package/build/models/data/product-filter/index.d.ts

@@ -9,6 +9,7 @@ export declare class IkasProductFilter {
     type: IkasProductFilterType;
     displayType: IkasProductFilterDisplayType;
     isMultiSelect: boolean;
+    isFacetFilter: boolean | null;
     values?: IkasApplicableProductFilterValue[] | null;
     customValues?: string[] | null;
     settings?: IkasProductFilterSettings | null;
@@ -49,6 +50,7 @@ export declare class IkasApplicableProductFilterValue {
 export declare class IkasProductFilterValue {
     id: string;
     type: IkasProductFilterType;
+    displayType: IkasProductFilterDisplayType;
     valueList: string[];
     constructor(data: IkasProductFilterValue);
 }
@@ -59,6 +61,11 @@ export declare class IkasProductFilterSettings {
     sortType: IkasProductFilterSortType;
     constructor(data: Partial<IkasProductFilterSettings>);
 }
+export declare type IkasProductFacetInput = {
+    id: string;
+    type: IkasProductFilterType;
+    displayType: IkasProductFilterDisplayType;
+};
 export declare enum IkasProductFilterType {
     ATTRIBUTE = "ATTRIBUTE",
     BRAND = "BRAND",

package/build/models/theme/settings/index.d.ts

@@ -3,5 +3,11 @@ import { IkasThemeFavicon } from "./prop/favicon/index";
 export declare class IkasThemeSettings {
     colors: IkasThemeColor[];
     favicon: IkasThemeFavicon;
+    stockPreference: IkasThemeStockPreference;
     constructor(data?: Partial<IkasThemeSettings>);
 }
+export declare 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/build/storefront/index.d.ts

@@ -1,5 +1,6 @@
 import { IkasSalesChannelPaymentGateway } from "../models/data/sales-channel/index";
 import { IkasStorefrontRouting } from "../models/data/storefront/routing/index";
+import { IkasThemeStockPreference } from "../models/theme/settings/index";
 import { IkasThemeFavicon } from "../models/theme/settings/prop/favicon/index";
 import { IkasBaseStore } from "../store/index";
 export declare class IkasStorefrontConfig {
@@ -18,6 +19,7 @@ export declare class IkasStorefrontConfig {
     static gtmId?: string;
     static fbpId?: string;
     static favicon: IkasThemeFavicon;
+    static stockPreference: IkasThemeStockPreference;
     static init(store: IkasBaseStore, components: any, config: Record<string, any>, apiUrlOverride?: string): void;
     static initWithJson(json: Record<string, any>): void;
     static getJson(): {
@@ -32,5 +34,6 @@ export declare class IkasStorefrontConfig {
         gtmId: string | null;
         fbpId: string | null;
         favicon: any;
+        stockPreference: IkasThemeStockPreference;
     };
 }

package/build/utils/providers/page-data.d.ts

@@ -36,6 +36,7 @@ export declare class IkasPageDataProvider {
                 gtmId: string | null;
                 fbpId: string | null;
                 favicon: any;
+                stockPreference: import("../../models/theme/settings/index").IkasThemeStockPreference;
             };
         };
     };

package/build/utils/settings.d.ts

@@ -7,11 +7,16 @@ import { IkasSalesChannel } from "../models/data/sales-channel/index";
 import { IkasStorefrontRouting } from "../models/data/storefront/routing/index";
 import { IkasStorefrontThemeLocalization } from "../models/data/storefront/theme-localization/index";
 import { IkasThemeFavicon } from "../models/theme/settings/prop/favicon/index";
+import { IkasThemeStockPreference } from "../models/theme/settings/index";
 export declare class SettingsHelper {
     static readLocalTheme(): Promise<IkasTheme>;
     static readSettingsFile(): Promise<any>;
     static getSettings(locale: string): Promise<SettingsData | null>;
     static getPageData(context: GetStaticPropsContext<ParsedUrlQuery> | GetServerSidePropsContext<ParsedUrlQuery>, isServer: boolean, pageType?: IkasThemePageType, possiblePageTypes?: IkasThemePageType[]): Promise<{
+        props: {};
+        notFound: boolean;
+        revalidate?: undefined;
+    } | {
         props: {
             propValuesStr: string;
             pageSpecificDataStr: string;
@@ -30,11 +35,15 @@ export declare class SettingsHelper {
                 gtmId: string | null;
                 fbpId: string | null;
                 favicon: any;
+                stockPreference: IkasThemeStockPreference;
+            };
+            _nextI18Next: {
+                initialI18nStore: any;
+                initialLocale: string;
+                userConfig: import("next-i18next").UserConfig | null;
             };
         };
-    } | {
-        props: {};
-        notFound: boolean;
+        notFound?: undefined;
         revalidate?: undefined;
     } | {
         props: {
@@ -55,12 +64,22 @@ export declare class SettingsHelper {
                 gtmId: string | null;
                 fbpId: string | null;
                 favicon: any;
+                stockPreference: IkasThemeStockPreference;
+            };
+            _nextI18Next: {
+                initialI18nStore: any;
+                initialLocale: string;
+                userConfig: import("next-i18next").UserConfig | null;
             };
         };
         revalidate: number;
         notFound?: undefined;
     }>;
     static getStaticProps(context: GetStaticPropsContext<ParsedUrlQuery>, pageType?: IkasThemePageType, possiblePageTypes?: IkasThemePageType[]): Promise<{
+        props: {};
+        notFound: boolean;
+        revalidate?: undefined;
+    } | {
         props: {
             propValuesStr: string;
             pageSpecificDataStr: string;
@@ -79,11 +98,15 @@ export declare class SettingsHelper {
                 gtmId: string | null;
                 fbpId: string | null;
                 favicon: any;
+                stockPreference: IkasThemeStockPreference;
+            };
+            _nextI18Next: {
+                initialI18nStore: any;
+                initialLocale: string;
+                userConfig: import("next-i18next").UserConfig | null;
             };
         };
-    } | {
-        props: {};
-        notFound: boolean;
+        notFound?: undefined;
         revalidate?: undefined;
     } | {
         props: {
@@ -104,12 +127,22 @@ export declare class SettingsHelper {
                 gtmId: string | null;
                 fbpId: string | null;
                 favicon: any;
+                stockPreference: IkasThemeStockPreference;
+            };
+            _nextI18Next: {
+                initialI18nStore: any;
+                initialLocale: string;
+                userConfig: import("next-i18next").UserConfig | null;
             };
         };
         revalidate: number;
         notFound?: undefined;
     }>;
     static getServerSideProps(context: GetServerSidePropsContext<ParsedUrlQuery>, pageType?: IkasThemePageType): Promise<{
+        props: {};
+        notFound: boolean;
+        revalidate?: undefined;
+    } | {
         props: {
             propValuesStr: string;
             pageSpecificDataStr: string;
@@ -128,11 +161,15 @@ export declare class SettingsHelper {
                 gtmId: string | null;
                 fbpId: string | null;
                 favicon: any;
+                stockPreference: IkasThemeStockPreference;
+            };
+            _nextI18Next: {
+                initialI18nStore: any;
+                initialLocale: string;
+                userConfig: import("next-i18next").UserConfig | null;
             };
         };
-    } | {
-        props: {};
-        notFound: boolean;
+        notFound?: undefined;
         revalidate?: undefined;
     } | {
         props: {
@@ -153,6 +190,12 @@ export declare class SettingsHelper {
                 gtmId: string | null;
                 fbpId: string | null;
                 favicon: any;
+                stockPreference: IkasThemeStockPreference;
+            };
+            _nextI18Next: {
+                initialI18nStore: any;
+                initialLocale: string;
+                userConfig: import("next-i18next").UserConfig | null;
             };
         };
         revalidate: number;
@@ -165,4 +208,5 @@ export declare type SettingsData = {
     salesChannel: IkasSalesChannel;
     routing: IkasStorefrontRouting;
     favicon: IkasThemeFavicon;
+    stockPreference: IkasThemeStockPreference;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ikas/storefront",
-  "version": "0.0.160-alpha.9",
+  "version": "0.0.161-alpha.1",
   "main": "./build/index.js",
   "module": "./build/index.es.js",
   "author": "Umut Ozan Yıldırım",
@@ -19,6 +19,7 @@
     "mobx": "^6.1.3",
     "mobx-react-lite": "^3.1.5",
     "next": "10.0.6",
+    "next-i18next": "^8.5.5",
     "react": "17.0.1",
     "react-dom": "17.0.1"
   },
@@ -70,6 +71,7 @@
     "mobx": "^6.1.3",
     "mobx-react-lite": "^3.1.5",
     "next": "10.0.6",
+    "next-i18next": "^8.5.5",
     "node-sass": "^5.0.0",
     "postcss": "^8.2.4",
     "prettier": "^2.2.1",