@ikas/storefront 0.0.158-alpha.15 → 0.0.158-alpha.16

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

@@ -155,6 +155,20 @@ export declare enum OrderStatusEnum {
     REFUND_REJECTED = "REFUND_REJECTED",
     REFUND_REQUESTED = "REFUND_REQUESTED"
 }
+/**
+ * Payment Gateway Additional Price Type Enum
+ */
+export declare enum PaymentGatewayAdditionalPriceTypeEnum {
+    DECREMENT = "DECREMENT",
+    INCREMENT = "INCREMENT"
+}
+/**
+ * Payment Gateway Transaction Fee Type Enum
+ */
+export declare enum PaymentGatewayTransactionFeeTypeEnum {
+    AMOUNT = "AMOUNT",
+    RATIO = "RATIO"
+}
 /**
  * Payment Method Enum
  */
@@ -221,6 +235,11 @@ export declare enum ProductFilterTypeEnum {
     TAG = "TAG",
     VARIANT_TYPE = "VARIANT_TYPE"
 }
+export declare enum ProductSearchShowStockOptionEnum {
+    HIDE_OUT_OF_STOCK = "HIDE_OUT_OF_STOCK",
+    SHOW_ALL = "SHOW_ALL",
+    SHOW_OUT_OF_STOCK_AT_END = "SHOW_OUT_OF_STOCK_AT_END"
+}
 /**
  * Shipping Method Enum
  */
@@ -518,6 +537,7 @@ export interface SearchInput {
     productIdList?: string[] | null;
     query?: string | null;
     salesChannelId?: string | null;
+    showStockOption?: ProductSearchShowStockOptionEnum | null;
     slug?: string | null;
 }
 export interface SearchInputFilterListInput {

package/build/api/checkout/__generated__/listPaymentGateway.d.ts

@@ -1,9 +1,16 @@
-import { StringFilterInput, PaymentMethodEnum } from "../../../__generated__/global-types";
+import { StringFilterInput, PaymentMethodEnum, PaymentGatewayTransactionFeeTypeEnum, PaymentGatewayAdditionalPriceTypeEnum } from "../../../__generated__/global-types";
 export interface listPaymentGateway_listPaymentGateway_paymentMethods {
     __typename: "PaymentGatewayPaymentMethod";
     name: string;
     logoUrl: string | null;
 }
+export interface listPaymentGateway_listPaymentGateway_additionalPrices {
+    __typename: "AdditionalPrice";
+    amount: number;
+    amountType: PaymentGatewayTransactionFeeTypeEnum;
+    name: string;
+    type: PaymentGatewayAdditionalPriceTypeEnum;
+}
 export interface listPaymentGateway_listPaymentGateway {
     __typename: "PaymentGateway";
     paymentMethods: listPaymentGateway_listPaymentGateway_paymentMethods[];
@@ -12,6 +19,7 @@ export interface listPaymentGateway_listPaymentGateway {
     name: string;
     description: string | null;
     testMode: boolean | null;
+    additionalPrices: listPaymentGateway_listPaymentGateway_additionalPrices[] | null;
 }
 export interface listPaymentGateway {
     listPaymentGateway: listPaymentGateway_listPaymentGateway[];

package/build/api/country/__generated__/listCountry.d.ts

@@ -19,4 +19,5 @@ export interface listCountry {
 }
 export interface listCountryVariables {
     iso2?: StringFilterInput | null;
+    id?: StringFilterInput | null;
 }

package/build/api/country/index.d.ts

@@ -1,6 +1,6 @@
 import { IkasCountry } from "../../models/index";
 export declare class IkasCountryAPI {
-    static listCountries(iso2List?: string[]): Promise<IkasCountry[]>;
+    static listCountries(iso2List?: string[], idList?: string[]): Promise<IkasCountry[]>;
     static listShippingCountries(salesChannelId: string): Promise<string[]>;
     static getMyCountry(): Promise<string | null | undefined>;
 }

package/build/components/checkout/components/address-form/index.d.ts

@@ -1,12 +1,15 @@
 import * as React from "react";
 import { IkasOrderAddress, IkasAddressValidationResult } from "../../../../models/data/order/address/index";
 import { IkasCheckoutCustomer } from "../../../../models/index";
+import CheckoutViewModel from "../../model";
 declare type Props = {
+    vm: CheckoutViewModel;
     address: IkasOrderAddress;
     allowedCountryIds?: string[];
     customer?: IkasCheckoutCustomer;
     isErrorsVisible: boolean;
     validationResult: IkasAddressValidationResult;
+    isBilling?: boolean;
 };
 export declare const AddressForm: React.FC<Props>;
 export {};

package/build/components/checkout/components/address-form/model.d.ts

@@ -1,6 +1,8 @@
 import { IkasOrderAddress } from "../../../../models/data/order/address/index";
 import { IkasCountry, IkasState, IkasCity, IkasDistrict, IkasCheckoutCustomer } from "../../../../models/index";
+import CheckoutViewModel from "../../model";
 export default class AddressFormViewModel {
+    vm: CheckoutViewModel;
     address: IkasOrderAddress;
     customer?: IkasCheckoutCustomer | null;
     countries: IkasCountry[];
@@ -8,6 +10,7 @@ export default class AddressFormViewModel {
     cities: IkasCity[];
     districts: IkasDistrict[];
     allowedCountryIds?: string[] | null;
+    isCorporate: boolean;
     constructor(data: AddressFormViewModelParams);
     get firstName(): string | null | undefined;
     get lastName(): string | null | undefined;
@@ -71,8 +74,14 @@ export default class AddressFormViewModel {
     onCityChange: (cityId: string) => void;
     onDistrictChange: (districtId: string) => void;
     onDistrictInputChange: (value: string) => void;
+    onCorporateChange: (value: boolean) => void;
+    onCompanyChange: (value: string) => void;
+    onTaxNumberChange: (value: string) => void;
+    onTaxOfficeChange: (value: string) => void;
 }
 interface AddressFormViewModelParams extends Partial<AddressFormViewModel> {
+    vm: CheckoutViewModel;
     address: IkasOrderAddress;
+    isCorporate?: boolean;
 }
 export {};

package/build/components/checkout/model.d.ts

@@ -49,6 +49,7 @@ export default class CheckoutViewModel {
     }[];
     get installmentPrice(): number | null | undefined;
     get installmentExtraPrice(): number | undefined;
+    get finalPrice(): number;
     get canProceedToShipping(): boolean;
     get canProceedToPayment(): boolean;
     get canPerformPayment(): boolean | undefined;

package/build/index.es.js

@@ -11433,6 +11433,81 @@ var IkasCart = /** @class */ (function () {
     return IkasCart;
 }());
 
+var IkasPaymentGateway = /** @class */ (function () {
+    function IkasPaymentGateway(data) {
+        var _a;
+        this.paymentMethods = data.paymentMethods || [];
+        this.paymentMethodType =
+            data.paymentMethodType || IkasPaymentMethodType.OTHER;
+        this.id = data.id || null;
+        this.name = data.name || "";
+        this.testMode = data.testMode || null;
+        this.description = data.description || null;
+        this.additionalPrices =
+            ((_a = data.additionalPrices) === null || _a === void 0 ? void 0 : _a.map(function (ap) { return new IkasPaymentGatewayAdditionalPrice(ap); })) || null;
+        makeAutoObservable(this);
+    }
+    IkasPaymentGateway.prototype.getCalculatedAdditionalPrices = function (totalFinalPrice, shippingLines) {
+        var _this = this;
+        if (this.additionalPrices) {
+            var shippingPrice = (shippingLines === null || shippingLines === void 0 ? void 0 : shippingLines.reduce(function (sum, item) { return sum + item.price; }, 0)) || 0;
+            totalFinalPrice -= shippingPrice;
+            return this.additionalPrices.map(function (additionalPrice) {
+                var amount = 0;
+                if (additionalPrice.amountType ===
+                    IkasPaymentGatewayAdditionalPriceAmountType.RATIO) {
+                    amount = ((totalFinalPrice || 0) * additionalPrice.amount) / 100;
+                }
+                else {
+                    amount = additionalPrice.amount;
+                }
+                if (additionalPrice.type ===
+                    IkasPaymentMethodAdditionalPriceType.DECREMENT)
+                    totalFinalPrice -= amount;
+                else
+                    totalFinalPrice += amount;
+                return {
+                    name: additionalPrice.name || _this.name,
+                    amount: amount,
+                    type: additionalPrice.type,
+                };
+            });
+        }
+    };
+    return IkasPaymentGateway;
+}());
+var IkasPaymentGatewayAdditionalPrice = /** @class */ (function () {
+    function IkasPaymentGatewayAdditionalPrice(data) {
+        this.amount = data.amount || 0;
+        this.amountType =
+            data.amountType || IkasPaymentGatewayAdditionalPriceAmountType.AMOUNT;
+        this.name = data.name || "";
+        this.type = data.type || IkasPaymentMethodAdditionalPriceType.INCREMENT;
+        makeAutoObservable(this);
+    }
+    return IkasPaymentGatewayAdditionalPrice;
+}());
+var IkasPaymentMethodType;
+(function (IkasPaymentMethodType) {
+    IkasPaymentMethodType["BUY_ONLINE_PAY_AT_STORE"] = "BUY_ONLINE_PAY_AT_STORE";
+    IkasPaymentMethodType["CASH"] = "CASH";
+    IkasPaymentMethodType["CASH_ON_DELIVERY"] = "CASH_ON_DELIVERY";
+    IkasPaymentMethodType["CREDIT_CARD"] = "CREDIT_CARD";
+    IkasPaymentMethodType["GIFT_CARD"] = "GIFT_CARD";
+    IkasPaymentMethodType["MONEY_ORDER"] = "MONEY_ORDER";
+    IkasPaymentMethodType["OTHER"] = "OTHER";
+})(IkasPaymentMethodType || (IkasPaymentMethodType = {}));
+var IkasPaymentMethodAdditionalPriceType;
+(function (IkasPaymentMethodAdditionalPriceType) {
+    IkasPaymentMethodAdditionalPriceType["DECREMENT"] = "DECREMENT";
+    IkasPaymentMethodAdditionalPriceType["INCREMENT"] = "INCREMENT";
+})(IkasPaymentMethodAdditionalPriceType || (IkasPaymentMethodAdditionalPriceType = {}));
+var IkasPaymentGatewayAdditionalPriceAmountType;
+(function (IkasPaymentGatewayAdditionalPriceAmountType) {
+    IkasPaymentGatewayAdditionalPriceAmountType["AMOUNT"] = "AMOUNT";
+    IkasPaymentGatewayAdditionalPriceAmountType["RATIO"] = "RATIO";
+})(IkasPaymentGatewayAdditionalPriceAmountType || (IkasPaymentGatewayAdditionalPriceAmountType = {}));
+
 var IkasCheckout = /** @class */ (function () {
     function IkasCheckout(data) {
         if (data === void 0) { data = {}; }
@@ -11460,6 +11535,7 @@ var IkasCheckout = /** @class */ (function () {
         this.note = null;
         // Extra
         this.appliedCouponCode = null;
+        this.selectedPaymentGateway = null;
         this.id = data.id;
         this.createdAt = data.createdAt;
         this.updatedAt = data.updatedAt;
@@ -11531,6 +11607,22 @@ var IkasCheckout = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(IkasCheckout.prototype, "$totalFinalPrice", {
+        get: function () {
+            var _a;
+            var calculatedAdditionalPrices = (_a = this.selectedPaymentGateway) === null || _a === void 0 ? void 0 : _a.getCalculatedAdditionalPrices(this.totalFinalPrice || 0, this.shippingLines || null);
+            var total = this.totalFinalPrice || 0;
+            calculatedAdditionalPrices === null || calculatedAdditionalPrices === void 0 ? void 0 : calculatedAdditionalPrices.forEach(function (additionalPrice) {
+                if (additionalPrice.type === IkasPaymentMethodAdditionalPriceType.DECREMENT)
+                    total -= additionalPrice.amount;
+                else
+                    total += additionalPrice.amount;
+            });
+            return total;
+        },
+        enumerable: false,
+        configurable: true
+    });
     return IkasCheckout;
 }());
 var IkasShippingMethod;
@@ -16166,17 +16258,6 @@ var sortBy = _baseRest(function(collection, iteratees) {
 
 var sortBy_1 = sortBy;
 
-var IkasPaymentMethodType;
-(function (IkasPaymentMethodType) {
-    IkasPaymentMethodType["BUY_ONLINE_PAY_AT_STORE"] = "BUY_ONLINE_PAY_AT_STORE";
-    IkasPaymentMethodType["CASH"] = "CASH";
-    IkasPaymentMethodType["CASH_ON_DELIVERY"] = "CASH_ON_DELIVERY";
-    IkasPaymentMethodType["CREDIT_CARD"] = "CREDIT_CARD";
-    IkasPaymentMethodType["GIFT_CARD"] = "GIFT_CARD";
-    IkasPaymentMethodType["MONEY_ORDER"] = "MONEY_ORDER";
-    IkasPaymentMethodType["OTHER"] = "OTHER";
-})(IkasPaymentMethodType || (IkasPaymentMethodType = {}));
-
 var CreditCardData = /** @class */ (function () {
     function CreditCardData(data) {
         var _this = this;
@@ -16820,6 +16901,7 @@ var CheckoutViewModel = /** @class */ (function () {
             if (paymentGateway.paymentMethodType === IkasPaymentMethodType.CREDIT_CARD) {
                 _this.cardData = new CreditCardData();
             }
+            _this.checkout.selectedPaymentGateway = paymentGateway;
             _this.installmentInfo = undefined;
         };
         this.setInstallmentCount = function (count) {
@@ -16940,6 +17022,13 @@ var CheckoutViewModel = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(CheckoutViewModel.prototype, "finalPrice", {
+        get: function () {
+            return this.installmentPrice || this.checkout.$totalFinalPrice;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(CheckoutViewModel.prototype, "canProceedToShipping", {
         // VALIDATIONS
         get: function () {
@@ -21186,6 +21275,22 @@ var OrderStatusEnum;
     OrderStatusEnum["REFUND_REJECTED"] = "REFUND_REJECTED";
     OrderStatusEnum["REFUND_REQUESTED"] = "REFUND_REQUESTED";
 })(OrderStatusEnum || (OrderStatusEnum = {}));
+/**
+ * Payment Gateway Additional Price Type Enum
+ */
+var PaymentGatewayAdditionalPriceTypeEnum;
+(function (PaymentGatewayAdditionalPriceTypeEnum) {
+    PaymentGatewayAdditionalPriceTypeEnum["DECREMENT"] = "DECREMENT";
+    PaymentGatewayAdditionalPriceTypeEnum["INCREMENT"] = "INCREMENT";
+})(PaymentGatewayAdditionalPriceTypeEnum || (PaymentGatewayAdditionalPriceTypeEnum = {}));
+/**
+ * Payment Gateway Transaction Fee Type Enum
+ */
+var PaymentGatewayTransactionFeeTypeEnum;
+(function (PaymentGatewayTransactionFeeTypeEnum) {
+    PaymentGatewayTransactionFeeTypeEnum["AMOUNT"] = "AMOUNT";
+    PaymentGatewayTransactionFeeTypeEnum["RATIO"] = "RATIO";
+})(PaymentGatewayTransactionFeeTypeEnum || (PaymentGatewayTransactionFeeTypeEnum = {}));
 /**
  * Payment Method Enum
  */
@@ -21258,6 +21363,12 @@ var ProductFilterTypeEnum;
     ProductFilterTypeEnum["TAG"] = "TAG";
     ProductFilterTypeEnum["VARIANT_TYPE"] = "VARIANT_TYPE";
 })(ProductFilterTypeEnum || (ProductFilterTypeEnum = {}));
+var ProductSearchShowStockOptionEnum;
+(function (ProductSearchShowStockOptionEnum) {
+    ProductSearchShowStockOptionEnum["HIDE_OUT_OF_STOCK"] = "HIDE_OUT_OF_STOCK";
+    ProductSearchShowStockOptionEnum["SHOW_ALL"] = "SHOW_ALL";
+    ProductSearchShowStockOptionEnum["SHOW_OUT_OF_STOCK_AT_END"] = "SHOW_OUT_OF_STOCK_AT_END";
+})(ProductSearchShowStockOptionEnum || (ProductSearchShowStockOptionEnum = {}));
 /**
  * Shipping Method Enum
  */
@@ -25386,7 +25497,23 @@ var pascalCase = function (str) {
 var decodeBase64 = function (base64) {
     var buffer = Buffer.from(base64, "base64");
     return buffer.toString("ascii");
-};
+};
+function stringSorter(atitle, btitle) {
+    var alphabet = "0123456789AaBbCcÇçDdEeFfGgĞğHhIıİiJjKkLlMmNnOoÖöPpQqRrSsŞşTtUuÜüVvWwXxYyZz";
+    var _atitle = atitle || "";
+    var _btitle = btitle || "";
+    if (_atitle.length === 0 || _btitle.length === 0) {
+        return _atitle.length - _btitle.length;
+    }
+    for (var i = 0; i < _atitle.length && i < _btitle.length; i++) {
+        var ai = alphabet.indexOf(_atitle[i].toUpperCase());
+        var bi = alphabet.indexOf(_btitle[i].toUpperCase());
+        if (ai !== bi) {
+            return ai - bi;
+        }
+    }
+    return 0;
+}
 
 var ThemeComponent = observer(function (_a) {
     var pageComponentPropValue = _a.pageComponentPropValue, index = _a.index, settings = _a.settings;
@@ -27322,7 +27449,7 @@ var IkasCheckoutAPI = /** @class */ (function () {
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        QUERY = src(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      query listPaymentGateway($id: StringFilterInput) {\n        listPaymentGateway(id: $id) {\n          paymentMethods {\n            name\n            logoUrl\n          }\n          paymentMethodType\n          id\n          name\n          description\n          testMode\n        }\n      }\n    "], ["\n      query listPaymentGateway($id: StringFilterInput) {\n        listPaymentGateway(id: $id) {\n          paymentMethods {\n            name\n            logoUrl\n          }\n          paymentMethodType\n          id\n          name\n          description\n          testMode\n        }\n      }\n    "])));
+                        QUERY = src(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      query listPaymentGateway($id: StringFilterInput) {\n        listPaymentGateway(id: $id) {\n          paymentMethods {\n            name\n            logoUrl\n          }\n          paymentMethodType\n          id\n          name\n          description\n          testMode\n          additionalPrices {\n            amount\n            amountType\n            name\n            type\n          }\n        }\n      }\n    "], ["\n      query listPaymentGateway($id: StringFilterInput) {\n        listPaymentGateway(id: $id) {\n          paymentMethods {\n            name\n            logoUrl\n          }\n          paymentMethodType\n          id\n          name\n          description\n          testMode\n          additionalPrices {\n            amount\n            amountType\n            name\n            type\n          }\n        }\n      }\n    "])));
                         _b.label = 1;
                     case 1:
                         _b.trys.push([1, 3, , 4]);
@@ -27340,7 +27467,7 @@ var IkasCheckoutAPI = /** @class */ (function () {
                             console.log(errors);
                         }
                         if (data)
-                            return [2 /*return*/, data.listPaymentGateway];
+                            return [2 /*return*/, data.listPaymentGateway.map(function (pg) { return new IkasPaymentGateway(pg); })];
                         return [3 /*break*/, 4];
                     case 3:
                         err_5 = _b.sent();
@@ -27516,20 +27643,23 @@ var templateObject_1$5;
 var IkasCountryAPI = /** @class */ (function () {
     function IkasCountryAPI() {
     }
-    IkasCountryAPI.listCountries = function (iso2List) {
+    IkasCountryAPI.listCountries = function (iso2List, idList) {
         return __awaiter(this, void 0, void 0, function () {
             var QUERY, _a, data, errors, err_1;
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        QUERY = src(templateObject_1$6 || (templateObject_1$6 = __makeTemplateObject(["\n      query listCountry($iso2: StringFilterInput) {\n        listCountry(iso2: $iso2) {\n          id\n          name\n          native\n          iso2\n          iso3\n          phoneCode\n          locationTranslations {\n            tr\n            en\n          }\n        }\n      }\n    "], ["\n      query listCountry($iso2: StringFilterInput) {\n        listCountry(iso2: $iso2) {\n          id\n          name\n          native\n          iso2\n          iso3\n          phoneCode\n          locationTranslations {\n            tr\n            en\n          }\n        }\n      }\n    "])));
+                        QUERY = src(templateObject_1$6 || (templateObject_1$6 = __makeTemplateObject(["\n      query listCountry($iso2: StringFilterInput, $id: StringFilterInput) {\n        listCountry(iso2: $iso2, id: $id) {\n          id\n          name\n          native\n          iso2\n          iso3\n          phoneCode\n          locationTranslations {\n            tr\n            en\n          }\n        }\n      }\n    "], ["\n      query listCountry($iso2: StringFilterInput, $id: StringFilterInput) {\n        listCountry(iso2: $iso2, id: $id) {\n          id\n          name\n          native\n          iso2\n          iso3\n          phoneCode\n          locationTranslations {\n            tr\n            en\n          }\n        }\n      }\n    "])));
                         _b.label = 1;
                     case 1:
                         _b.trys.push([1, 3, , 4]);
-                        return [4 /*yield*/, apollo.getClient().query({
+                        return [4 /*yield*/, apollo
+                                .getClient()
+                                .query({
                                 query: QUERY,
                                 variables: {
                                     iso2: iso2List ? { in: iso2List } : undefined,
+                                    id: idList ? { in: idList } : undefined,
                                 },
                             })];
                     case 2:
@@ -28960,7 +29090,7 @@ var SVGCheck = function (_a) {
         createElement("path", { fill: "currentColor", d: "M12.6 8.1l-3.7-3.8 1-1.1 2.7 2.7 5.5-5.4 1 1z" })));
 };
 
-var css_248z$1 = ".style-module_CheckboxWrapper__2tSbx {\n  width: 100%;\n  display: flex;\n  padding: 0.5em;\n  cursor: pointer;\n  user-select: none; }\n  .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxContainer__1zRvT {\n    position: relative;\n    width: 20px;\n    height: 20px;\n    margin-right: 0.75em; }\n  .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxBorder__281X3 {\n    flex: 0 0 auto;\n    width: 20px;\n    height: 20px;\n    border-radius: 4px;\n    border: 1px solid #d9d9d9;\n    position: absolute;\n    top: 0;\n    left: 0;\n    transition: border-width .2s ease-in-out; }\n    .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxBorder__281X3.style-module_Checked__3-ZM4 {\n      border: 10px solid #111111; }\n  .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxTick__2LpQ- {\n    width: 20px;\n    height: 20px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    position: absolute;\n    top: 0;\n    left: 0;\n    color: white;\n    z-index: 2;\n    transition: all 0.2s ease-in-out;\n    transition-delay: .1s;\n    opacity: 0;\n    transform: scale(0.2); }\n    .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxTick__2LpQ-.style-module_Visible__2Ng5Q {\n      opacity: 1;\n      transform: scale(1.2); }\n  .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxLabel__30uMC {\n    flex: 1 1 auto;\n    font-weight: normal;\n    font-size: 0.85em;\n    color: #545454; }\n  .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxLabelError__FmdxF {\n    color: #ff6d6d; }\n";
+var css_248z$1 = ".style-module_CheckboxWrapper__2tSbx {\n  width: 100%;\n  display: flex;\n  padding: 0.5em;\n  cursor: pointer;\n  user-select: none;\n  align-items: center; }\n  .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxContainer__1zRvT {\n    position: relative;\n    width: 20px;\n    height: 20px;\n    margin-right: 0.75em; }\n  .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxBorder__281X3 {\n    flex: 0 0 auto;\n    width: 20px;\n    height: 20px;\n    border-radius: 4px;\n    border: 1px solid #d9d9d9;\n    position: absolute;\n    top: 0;\n    left: 0;\n    transition: border-width .2s ease-in-out; }\n    .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxBorder__281X3.style-module_Checked__3-ZM4 {\n      border: 10px solid #111111; }\n  .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxTick__2LpQ- {\n    width: 20px;\n    height: 20px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    position: absolute;\n    top: 0;\n    left: 0;\n    color: white;\n    z-index: 2;\n    transition: all 0.2s ease-in-out;\n    transition-delay: .1s;\n    opacity: 0;\n    transform: scale(0.2); }\n    .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxTick__2LpQ-.style-module_Visible__2Ng5Q {\n      opacity: 1;\n      transform: scale(1.2); }\n  .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxLabel__30uMC {\n    flex: 1 1 auto;\n    font-weight: normal;\n    font-size: 0.85em;\n    color: #545454; }\n  .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxLabelError__FmdxF {\n    color: #ff6d6d; }\n";
 var styles$1 = {"CheckboxWrapper":"style-module_CheckboxWrapper__2tSbx","CheckboxContainer":"style-module_CheckboxContainer__1zRvT","CheckboxBorder":"style-module_CheckboxBorder__281X3","Checked":"style-module_Checked__3-ZM4","CheckboxTick":"style-module_CheckboxTick__2LpQ-","Visible":"style-module_Visible__2Ng5Q","CheckboxLabel":"style-module_CheckboxLabel__30uMC","CheckboxLabelError":"style-module_CheckboxLabelError__FmdxF"};
 styleInject(css_248z$1);
 
@@ -28995,6 +29125,7 @@ var AddressFormViewModel = /** @class */ (function () {
         this.cities = [];
         this.districts = [];
         this.allowedCountryIds = null;
+        this.isCorporate = false;
         this.fillDropdownOptions = function () { return __awaiter(_this, void 0, void 0, function () {
             return __generator(this, function (_a) {
                 switch (_a.label) {
@@ -29015,24 +29146,25 @@ var AddressFormViewModel = /** @class */ (function () {
             });
         }); };
         this.listCountries = function () { return __awaiter(_this, void 0, void 0, function () {
-            var countries;
-            var _this = this;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            var countries, currentRouting_1;
+            var _a, _b;
+            return __generator(this, function (_c) {
+                switch (_c.label) {
                     case 0:
-                        _a.trys.push([0, 2, , 3]);
-                        return [4 /*yield*/, IkasCountryAPI.listCountries()];
+                        _c.trys.push([0, 2, , 3]);
+                        return [4 /*yield*/, IkasCountryAPI.listCountries(undefined, ((_a = this.allowedCountryIds) === null || _a === void 0 ? void 0 : _a.length) ? this.allowedCountryIds : undefined)];
                     case 1:
-                        countries = _a.sent();
-                        if (this.allowedCountryIds) {
-                            countries = countries.filter(function (c) { var _a; return (_a = _this.allowedCountryIds) === null || _a === void 0 ? void 0 : _a.includes(c.id); });
+                        countries = _c.sent();
+                        currentRouting_1 = IkasStorefrontConfig.routings.find(function (r) { return r.id === IkasStorefrontConfig.storefrontRoutingId; });
+                        if ((_b = currentRouting_1 === null || currentRouting_1 === void 0 ? void 0 : currentRouting_1.countryCodes) === null || _b === void 0 ? void 0 : _b.length) {
+                            countries = countries.filter(function (c) { var _a; return c.iso2 && ((_a = currentRouting_1.countryCodes) === null || _a === void 0 ? void 0 : _a.includes(c.iso2)); });
                         }
                         this.countries = countries;
                         if (this.countries.length === 1 && !this.country)
                             this.onCountryChange(this.countries[0].id);
                         return [3 /*break*/, 3];
                     case 2:
-                        _a.sent();
+                        _c.sent();
                         return [3 /*break*/, 3];
                     case 3: return [2 /*return*/];
                 }
@@ -29213,6 +29345,24 @@ var AddressFormViewModel = /** @class */ (function () {
                 name: value,
             };
         };
+        this.onCorporateChange = function (value) {
+            _this.isCorporate = value;
+            if (!value) {
+                _this.address.company = null;
+                _this.address.taxNumber = null;
+                _this.address.taxOffice = null;
+            }
+        };
+        this.onCompanyChange = function (value) {
+            _this.address.company = value;
+        };
+        this.onTaxNumberChange = function (value) {
+            _this.address.taxNumber = value;
+        };
+        this.onTaxOfficeChange = function (value) {
+            _this.address.taxOffice = value;
+        };
+        this.vm = data.vm;
         this.address = data.address;
         this.customer = data.customer;
         this.allowedCountryIds = data.allowedCountryIds;
@@ -29279,11 +29429,7 @@ var AddressFormViewModel = /** @class */ (function () {
     Object.defineProperty(AddressFormViewModel.prototype, "countryOptions", {
         get: function () {
             var list = this.countries.map(this.modelToOption);
-            list.sort(function (a, b) {
-                return a.label.toLocaleLowerCase("tr-TR") > b.label.toLocaleLowerCase("tr-TR")
-                    ? 1
-                    : -1;
-            });
+            list.sort(function (a, b) { return stringSorter(a.label, b.label); });
             return list;
         },
         enumerable: false,
@@ -29306,11 +29452,7 @@ var AddressFormViewModel = /** @class */ (function () {
     Object.defineProperty(AddressFormViewModel.prototype, "districtOptions", {
         get: function () {
             var list = this.districts.map(this.modelToOption);
-            list.sort(function (a, b) {
-                return a.label.toLocaleLowerCase("tr-TR") > b.label.toLocaleLowerCase("tr-TR")
-                    ? 1
-                    : -1;
-            });
+            list.sort(function (a, b) { return stringSorter(a.label, b.label); });
             return list;
         },
         enumerable: false,
@@ -29336,9 +29478,11 @@ var styles$2 = {"CheckoutPage":"style-module_CheckoutPage__A_f2V","Left":"style-
 styleInject(css_248z$3);
 
 var AddressForm$1 = observer(function (_a) {
-    var _b, _c, _d, _e, _f;
-    var isErrorsVisible = _a.isErrorsVisible, validationResult = _a.validationResult, props = __rest(_a, ["isErrorsVisible", "validationResult"]);
-    var vm = useState(function () { return new AddressFormViewModel(props); })[0];
+    var _b, _c, _d, _e, _f, _g, _h;
+    var isErrorsVisible = _a.isErrorsVisible, isBilling = _a.isBilling, validationResult = _a.validationResult, props = __rest(_a, ["isErrorsVisible", "isBilling", "validationResult"]);
+    var vm = useState(function () {
+        return new AddressFormViewModel(__assign({}, props));
+    })[0];
     useEffect(function () {
         Object.entries(props).forEach(function (entry) {
             return runInAction(function () {
@@ -29369,7 +29513,13 @@ var AddressForm$1 = observer(function (_a) {
                     IkasCheckoutRequirementEnum.INVISIBLE && (createElement(FormItem, { type: FormItemType.TEXT, label: "Telefon", autocomplete: "tel", value: vm.phone || "", onChange: vm.onPhoneChange, hasError: isErrorsVisible && !(validationResult === null || validationResult === void 0 ? void 0 : validationResult.phone), errorText: "Geçerli bir telefon girin" })),
             !!vm.address.checkoutSettings &&
                 vm.address.checkoutSettings.identityNumberRequirement !==
-                    IkasCheckoutRequirementEnum.INVISIBLE && (createElement(FormItem, { type: FormItemType.TEXT, label: "TC Kimlik No", value: vm.identityNumber || "", onChange: vm.onIdentityNumberChange, hasError: isErrorsVisible && !(validationResult === null || validationResult === void 0 ? void 0 : validationResult.identityNumber), errorText: "TC kimlik no girin" })))));
+                    IkasCheckoutRequirementEnum.INVISIBLE && (createElement(FormItem, { type: FormItemType.TEXT, label: "TC Kimlik No", value: vm.identityNumber || "", onChange: vm.onIdentityNumberChange, hasError: isErrorsVisible && !(validationResult === null || validationResult === void 0 ? void 0 : validationResult.identityNumber), errorText: "TC kimlik no girin" }))),
+        !!isBilling && (createElement("div", { style: { marginTop: "12px" } },
+            createElement(Checkbox, { value: vm.isCorporate, label: "Kurumsal fatura", onChange: vm.onCorporateChange }))),
+        !!vm.isCorporate && (createElement("div", { className: [commonStyles.Grid, commonStyles.Grid2].join(" "), style: { marginTop: "12px" } },
+            createElement(FormItem, { type: FormItemType.TEXT, label: "\u015Eirket \u00DCnvan\u0131", value: vm.address.company || "", onChange: vm.onCompanyChange }),
+            createElement(FormItem, { type: FormItemType.TEXT, label: "Vergi Numaras\u0131", value: ((_g = vm.address) === null || _g === void 0 ? void 0 : _g.taxNumber) || "", onChange: vm.onTaxNumberChange }),
+            createElement(FormItem, { type: FormItemType.TEXT, label: "Vergi Dairesi", value: ((_h = vm.address) === null || _h === void 0 ? void 0 : _h.taxOffice) || "", onChange: vm.onTaxOfficeChange })))));
 });
 
 var css_248z$4 = ".style-module_Button__1UPMN {\n  cursor: pointer;\n  border: 1px transparent solid;\n  border-radius: 6px;\n  font-weight: 500;\n  text-align: center;\n  position: relative;\n  transition: all .2s;\n  display: flex;\n  justify-content: center;\n  align-items: center; }\n  .style-module_Button__1UPMN:focus {\n    outline: 0; }\n  .style-module_Button__1UPMN.style-module_Large__2wPlw {\n    height: 64px;\n    padding: 0 1.7em; }\n  .style-module_Button__1UPMN.style-module_Medium__3t0pu {\n    height: 3em;\n    padding: 0.5em 1em; }\n  .style-module_Button__1UPMN.style-module_Dark__1Z_hs {\n    background-color: #111111;\n    color: white; }\n  .style-module_Button__1UPMN.style-module_Disabled__3HYF_ {\n    background-color: #c8c8c8;\n    color: #FAFAFA;\n    pointer-events: none; }\n  @media only screen and (max-width: 1000px) {\n    .style-module_Button__1UPMN.style-module_FullWidthMobile__3MTFv {\n      width: 100%; } }\n  .style-module_Button__1UPMN .style-module_loader__3v6kq,\n  .style-module_Button__1UPMN .style-module_loader__3v6kq:after {\n    border-radius: 50%;\n    width: 5em;\n    height: 5em; }\n  .style-module_Button__1UPMN .style-module_loader__3v6kq {\n    font-size: 6px;\n    position: relative;\n    text-indent: -9999em;\n    border-top: 0.5em solid rgba(255, 255, 255, 0.2);\n    border-right: 0.5em solid rgba(255, 255, 255, 0.2);\n    border-bottom: 0.5em solid rgba(255, 255, 255, 0.2);\n    border-left: 0.5em solid #ffffff;\n    -webkit-transform: translateZ(0);\n    -ms-transform: translateZ(0);\n    transform: translateZ(0);\n    -webkit-animation: style-module_load8__2z7nj 1.1s infinite linear;\n    animation: style-module_load8__2z7nj 1.1s infinite linear; }\n\n@-webkit-keyframes style-module_load8__2z7nj {\n  0% {\n    -webkit-transform: rotate(0deg);\n    transform: rotate(0deg); }\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg); } }\n\n@keyframes style-module_load8__2z7nj {\n  0% {\n    -webkit-transform: rotate(0deg);\n    transform: rotate(0deg); }\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg); } }\n";
@@ -29459,7 +29609,7 @@ var CheckoutStepInfo = observer(function (_a) {
         !!vm.customerStore.customer &&
             !!vm.customerStore.customer.addresses.length && (createElement("div", { className: styles$2.RowPB },
             createElement(FormItem, { type: FormItemType.SELECT, label: "Kaydedilen adresler", value: vm.selectedShippingAddressId, onChange: vm.onSelectedShippingAddressIdChange, options: vm.customerAddressOptions }))),
-        createElement(AddressForm$1, { address: vm.checkout.shippingAddress, customer: vm.checkout.customer && vm.checkout.customer.id
+        createElement(AddressForm$1, { vm: vm, address: vm.checkout.shippingAddress, customer: vm.checkout.customer && vm.checkout.customer.id
                 ? undefined
                 : vm.checkout.customer || undefined, isErrorsVisible: vm.isErrorsVisible, allowedCountryIds: vm.shippingCountryIds || undefined, validationResult: vm.checkout.shippingAddress.validationResult }),
         !!vm.customerStore.customer && vm.selectedShippingAddressId === "-1" && (createElement("div", { style: { marginTop: "12px" } },
@@ -29674,7 +29824,7 @@ var BillingAddress = observer(function (_a) {
                 !!vm.customerStore.customer &&
                     !!vm.customerStore.customer.addresses.length && (createElement("div", { className: styles$2.RowPB },
                     createElement(FormItem, { type: FormItemType.SELECT, label: "Kaydedilen adresler", value: vm.selectedBillingAddressId, onChange: vm.onSelectedBillingAddressIdChange, options: vm.customerAddressOptions }))),
-                createElement(AddressForm$1, { address: vm.checkout.billingAddress, customer: vm.checkout.customer || undefined, isErrorsVisible: vm.isErrorsVisible, validationResult: vm.checkout.billingAddress.validationResult }))),
+                createElement(AddressForm$1, { vm: vm, address: vm.checkout.billingAddress, customer: vm.checkout.customer || undefined, isErrorsVisible: vm.isErrorsVisible, validationResult: vm.checkout.billingAddress.validationResult, isBilling: true }))),
         },
     ]; });
     return (createElement(Fragment, null,
@@ -29763,13 +29913,13 @@ var SVGCross = function (_a) {
 };
 
 var CartSummary = observer(function (_a) {
-    var _b;
+    var _b, _c;
     var vm = _a.vm, allowExpand = _a.allowExpand;
     var cart = vm.cart;
     var checkout = vm.checkout;
-    var _c = useState(!allowExpand), isExpanded = _c[0], setExpanded = _c[1];
-    var _d = useState(0), detailsHeight = _d[0], setDetailsHeight = _d[1];
-    var _e = useState(null), detailsContainer = _e[0], setDetailsContainer = _e[1];
+    var _d = useState(!allowExpand), isExpanded = _d[0], setExpanded = _d[1];
+    var _e = useState(0), detailsHeight = _e[0], setDetailsHeight = _e[1];
+    var _f = useState(null), detailsContainer = _f[0], setDetailsContainer = _f[1];
     useEffect(function () {
         if (!allowExpand)
             return;
@@ -29811,9 +29961,7 @@ var CartSummary = observer(function (_a) {
                 createElement("span", { className: styles$f.Label }, expandHeaderLabel),
                 createElement("div", { className: arrowDownClasses },
                     createElement(SVGArrowDown, null))),
-            createElement("div", { className: styles$f.Price }, formatMoney(vm.installmentPrice ||
-                vm.checkout.totalFinalPrice ||
-                cart.totalPrice, cart.currencyCode)))),
+            createElement("div", { className: styles$f.Price }, formatMoney(vm.finalPrice, cart.currencyCode)))),
         createElement("div", { className: styles$f.DetailsContainer, style: detailsContainerStyle },
             createElement("div", { className: styles$f.Details, ref: setDetailsContainer }, cart === null || cart === void 0 ? void 0 :
                 cart.items.map(function (item, index) { return (createElement("div", { key: index },
@@ -29833,6 +29981,12 @@ var CartSummary = observer(function (_a) {
                         createElement("div", { className: styles$f.Label }, "Vade Fark\u0131"),
                         createElement("div", { className: styles$f.Value }, formatMoney(vm.installmentExtraPrice, cart.currencyCode)))),
                     sortBy_1(vm.checkout.adjustments || [], "order").map(function (adjustment, index) { return (createElement("div", { className: styles$f.InfoRow, key: index },
+                        createElement("div", { className: styles$f.Label }, adjustment.name),
+                        createElement("div", { className: styles$f.Value },
+                            createElement("span", null, adjustment.type === "DECREMENT" ? "- " : ""),
+                            " ",
+                            createElement("span", null, formatMoney(adjustment.amount, cart.currencyCode))))); }),
+                    (((_c = vm.selectedPaymentGateway) === null || _c === void 0 ? void 0 : _c.getCalculatedAdditionalPrices(vm.checkout.totalFinalPrice || 0, vm.checkout.shippingLines || null)) || []).map(function (adjustment, index) { return (createElement("div", { className: styles$f.InfoRow, key: index },
                         createElement("div", { className: styles$f.Label }, adjustment.name),
                         createElement("div", { className: styles$f.Value },
                             createElement("span", null, adjustment.type === "DECREMENT" ? "- " : ""),
@@ -29843,9 +29997,7 @@ var CartSummary = observer(function (_a) {
                         createElement("div", { className: styles$f.Title }, "Toplam"),
                         !!(cart === null || cart === void 0 ? void 0 : cart.totalTax) && (createElement("div", { className: styles$f.Tax }, formatMoney(cart.totalTax, cart.currencyCode) +
                             " vergi dahil"))),
-                    createElement("div", { className: styles$f.TotalPrice }, formatMoney(vm.installmentPrice ||
-                        vm.checkout.totalFinalPrice ||
-                        cart.totalPrice, cart.currencyCode)))))));
+                    createElement("div", { className: styles$f.TotalPrice }, formatMoney(vm.finalPrice, cart.currencyCode)))))));
 });
 var Coupon = observer(function (_a) {
     var vm = _a.vm;
@@ -32086,4 +32238,4 @@ var IkasBaseStore = /** @class */ (function () {
     return IkasBaseStore;
 }());
 
-export { AccountInfoForm, index$3 as AccountPage, AddressForm, addresses as AddressesPage, Analytics, AnalyticsBody, AnalyticsHead, index$5 as BlogPage, _slug_$2 as BlogSlugPage, cart as CartPage, _id_$1 as CheckoutPage, ContactForm, _slug_ as CustomPage, editor$1 as EditorPage, EmailRule, EqualsRule, favoriteProducts as FavoriteProductsPage, ForgotPasswordForm, forgotPassword as ForgotPasswordPage, IkasAmountTypeEnum$1 as IkasAmountTypeEnum, IkasApplicableProductFilterValue, IkasBaseStore, IkasBlog, IkasBlogAPI, IkasBlogCategory, IkasBlogContent, IkasBlogList, IkasBlogListPropValue, IkasBlogListType, IkasBlogMetaData, IkasBlogMetadataTargetType, IkasBlogPropValue, IkasBlogTag, IkasBlogWriter, IkasBrand, IkasBrandAPI, IkasBrandList, IkasBrandListPropValue, IkasBrandListSortType, IkasBrandListType, IkasBrandPropValue, IkasCardAssociation, IkasCardType, IkasCartAPI, IkasCategory, IkasCategoryAPI, IkasCategoryList, IkasCategoryListPropValue, IkasCategoryListSortType, IkasCategoryListType, IkasCategoryPropValue, IkasCheckout, IkasCheckoutAPI, IkasCheckoutPage, IkasCheckoutRecoveryEmailStatus, IkasCheckoutRecoveryStatus, IkasCheckoutStatus, IkasCityAPI, IkasComponentRenderer, IkasContactForm, IkasContactFormAPI, IkasCountryAPI, IkasCustomer, IkasCustomerAPI, IkasCustomerAddress, IkasDistrictAPI, IkasFavoriteProduct, IkasFavoriteProductAPI, IkasHTMLMetaData, IkasHTMLMetaDataAPI, IkasHTMLMetaDataTargetType, IkasImage, IkasLinkPropValue, IkasLinkType, IkasMerchantAPI, IkasMerchantSettings, IkasNavigationLink, IkasOrder, IkasOrderCancelledReason, IkasOrderLineItem, IkasOrderPackageFulfillStatus, IkasOrderPackageStatus, IkasOrderPaymentStatus, IkasOrderShippingMethod, IkasOrderStatus, IkasOrderTransaction, IkasPage, IkasPageComponentPropValue, IkasPageDataProvider, IkasPageEditor, IkasPageHead, IkasPaymentMethod, IkasProduct, IkasProductAttribute, IkasProductAttributeAPI, IkasProductAttributeValue, IkasProductDetail, IkasProductDetailPropValue, IkasProductFilter, IkasProductFilterDisplayType, IkasProductFilterSettings, IkasProductFilterSortType, IkasProductFilterType, IkasProductFilterValue, IkasProductList, IkasProductListPropValue, IkasProductListSortType, IkasProductListType, IkasProductPrice, IkasProductSearchAPI, IkasProductType, IkasProductVariant, IkasProductVariantType, IkasShippingMethod, IkasShippingMethodEnum, IkasStateAPI, IkasStorefrontConfig, IkasTheme, IkasThemeComponent, IkasThemeComponentProp, IkasThemeComponentPropType, IkasThemeCustomData, IkasThemePage, IkasThemePageComponent, IkasThemePageType, IkasThemeSettings, IkasTransactionStatusEnum, IkasTransactionTypeEnum, IkasVariantSelectionType, IkasVariantType, IkasVariantTypeAPI, IkasVariantValue, Image, home as IndexPage, LessThanRule, LoginForm, login as LoginPage, MaxRule, MinRule, _404 as NotFoundPage, _id_$2 as OrderDetailPage, OrderLineItemStatusEnum$1 as OrderLineItemStatusEnum, index$4 as OrdersPage, PhoneRule, RangeValue, RecoverPasswordForm, recoverPassword as RecoverPasswordPage, RegisterForm, register as RegisterPage, RequiredRule, search as SearchPage, index$2 as SlugPage, ValidationRule, Validator, ValidatorErrorType, apollo, decodeBase64, formatMoney, getPlaceholderBlog, getPlaceholderBrand, getPlaceholderCategory, getPlaceholderProduct, parseRangeStr, pascalCase, stringToSlug, validatePhoneNumber };
+export { AccountInfoForm, index$3 as AccountPage, AddressForm, addresses as AddressesPage, Analytics, AnalyticsBody, AnalyticsHead, index$5 as BlogPage, _slug_$2 as BlogSlugPage, cart as CartPage, _id_$1 as CheckoutPage, ContactForm, _slug_ as CustomPage, editor$1 as EditorPage, EmailRule, EqualsRule, favoriteProducts as FavoriteProductsPage, ForgotPasswordForm, forgotPassword as ForgotPasswordPage, IkasAmountTypeEnum$1 as IkasAmountTypeEnum, IkasApplicableProductFilterValue, IkasBaseStore, IkasBlog, IkasBlogAPI, IkasBlogCategory, IkasBlogContent, IkasBlogList, IkasBlogListPropValue, IkasBlogListType, IkasBlogMetaData, IkasBlogMetadataTargetType, IkasBlogPropValue, IkasBlogTag, IkasBlogWriter, IkasBrand, IkasBrandAPI, IkasBrandList, IkasBrandListPropValue, IkasBrandListSortType, IkasBrandListType, IkasBrandPropValue, IkasCardAssociation, IkasCardType, IkasCartAPI, IkasCategory, IkasCategoryAPI, IkasCategoryList, IkasCategoryListPropValue, IkasCategoryListSortType, IkasCategoryListType, IkasCategoryPropValue, IkasCheckout, IkasCheckoutAPI, IkasCheckoutPage, IkasCheckoutRecoveryEmailStatus, IkasCheckoutRecoveryStatus, IkasCheckoutStatus, IkasCityAPI, IkasComponentRenderer, IkasContactForm, IkasContactFormAPI, IkasCountryAPI, IkasCustomer, IkasCustomerAPI, IkasCustomerAddress, IkasDistrictAPI, IkasFavoriteProduct, IkasFavoriteProductAPI, IkasHTMLMetaData, IkasHTMLMetaDataAPI, IkasHTMLMetaDataTargetType, IkasImage, IkasLinkPropValue, IkasLinkType, IkasMerchantAPI, IkasMerchantSettings, IkasNavigationLink, IkasOrder, IkasOrderCancelledReason, IkasOrderLineItem, IkasOrderPackageFulfillStatus, IkasOrderPackageStatus, IkasOrderPaymentStatus, IkasOrderShippingMethod, IkasOrderStatus, IkasOrderTransaction, IkasPage, IkasPageComponentPropValue, IkasPageDataProvider, IkasPageEditor, IkasPageHead, IkasPaymentMethod, IkasProduct, IkasProductAttribute, IkasProductAttributeAPI, IkasProductAttributeValue, IkasProductDetail, IkasProductDetailPropValue, IkasProductFilter, IkasProductFilterDisplayType, IkasProductFilterSettings, IkasProductFilterSortType, IkasProductFilterType, IkasProductFilterValue, IkasProductList, IkasProductListPropValue, IkasProductListSortType, IkasProductListType, IkasProductPrice, IkasProductSearchAPI, IkasProductType, IkasProductVariant, IkasProductVariantType, IkasShippingMethod, IkasShippingMethodEnum, IkasStateAPI, IkasStorefrontConfig, IkasTheme, IkasThemeComponent, IkasThemeComponentProp, IkasThemeComponentPropType, IkasThemeCustomData, IkasThemePage, IkasThemePageComponent, IkasThemePageType, IkasThemeSettings, IkasTransactionStatusEnum, IkasTransactionTypeEnum, IkasVariantSelectionType, IkasVariantType, IkasVariantTypeAPI, IkasVariantValue, Image, home as IndexPage, LessThanRule, LoginForm, login as LoginPage, MaxRule, MinRule, _404 as NotFoundPage, _id_$2 as OrderDetailPage, OrderLineItemStatusEnum$1 as OrderLineItemStatusEnum, index$4 as OrdersPage, PhoneRule, RangeValue, RecoverPasswordForm, recoverPassword as RecoverPasswordPage, RegisterForm, register as RegisterPage, RequiredRule, search as SearchPage, index$2 as SlugPage, ValidationRule, Validator, ValidatorErrorType, apollo, decodeBase64, formatMoney, getPlaceholderBlog, getPlaceholderBrand, getPlaceholderCategory, getPlaceholderProduct, parseRangeStr, pascalCase, stringSorter, stringToSlug, validatePhoneNumber };

package/build/index.js

@@ -11447,6 +11447,81 @@ var IkasCart = /** @class */ (function () {
     return IkasCart;
 }());
 
+var IkasPaymentGateway = /** @class */ (function () {
+    function IkasPaymentGateway(data) {
+        var _a;
+        this.paymentMethods = data.paymentMethods || [];
+        this.paymentMethodType =
+            data.paymentMethodType || IkasPaymentMethodType.OTHER;
+        this.id = data.id || null;
+        this.name = data.name || "";
+        this.testMode = data.testMode || null;
+        this.description = data.description || null;
+        this.additionalPrices =
+            ((_a = data.additionalPrices) === null || _a === void 0 ? void 0 : _a.map(function (ap) { return new IkasPaymentGatewayAdditionalPrice(ap); })) || null;
+        mobx.makeAutoObservable(this);
+    }
+    IkasPaymentGateway.prototype.getCalculatedAdditionalPrices = function (totalFinalPrice, shippingLines) {
+        var _this = this;
+        if (this.additionalPrices) {
+            var shippingPrice = (shippingLines === null || shippingLines === void 0 ? void 0 : shippingLines.reduce(function (sum, item) { return sum + item.price; }, 0)) || 0;
+            totalFinalPrice -= shippingPrice;
+            return this.additionalPrices.map(function (additionalPrice) {
+                var amount = 0;
+                if (additionalPrice.amountType ===
+                    IkasPaymentGatewayAdditionalPriceAmountType.RATIO) {
+                    amount = ((totalFinalPrice || 0) * additionalPrice.amount) / 100;
+                }
+                else {
+                    amount = additionalPrice.amount;
+                }
+                if (additionalPrice.type ===
+                    IkasPaymentMethodAdditionalPriceType.DECREMENT)
+                    totalFinalPrice -= amount;
+                else
+                    totalFinalPrice += amount;
+                return {
+                    name: additionalPrice.name || _this.name,
+                    amount: amount,
+                    type: additionalPrice.type,
+                };
+            });
+        }
+    };
+    return IkasPaymentGateway;
+}());
+var IkasPaymentGatewayAdditionalPrice = /** @class */ (function () {
+    function IkasPaymentGatewayAdditionalPrice(data) {
+        this.amount = data.amount || 0;
+        this.amountType =
+            data.amountType || IkasPaymentGatewayAdditionalPriceAmountType.AMOUNT;
+        this.name = data.name || "";
+        this.type = data.type || IkasPaymentMethodAdditionalPriceType.INCREMENT;
+        mobx.makeAutoObservable(this);
+    }
+    return IkasPaymentGatewayAdditionalPrice;
+}());
+var IkasPaymentMethodType;
+(function (IkasPaymentMethodType) {
+    IkasPaymentMethodType["BUY_ONLINE_PAY_AT_STORE"] = "BUY_ONLINE_PAY_AT_STORE";
+    IkasPaymentMethodType["CASH"] = "CASH";
+    IkasPaymentMethodType["CASH_ON_DELIVERY"] = "CASH_ON_DELIVERY";
+    IkasPaymentMethodType["CREDIT_CARD"] = "CREDIT_CARD";
+    IkasPaymentMethodType["GIFT_CARD"] = "GIFT_CARD";
+    IkasPaymentMethodType["MONEY_ORDER"] = "MONEY_ORDER";
+    IkasPaymentMethodType["OTHER"] = "OTHER";
+})(IkasPaymentMethodType || (IkasPaymentMethodType = {}));
+var IkasPaymentMethodAdditionalPriceType;
+(function (IkasPaymentMethodAdditionalPriceType) {
+    IkasPaymentMethodAdditionalPriceType["DECREMENT"] = "DECREMENT";
+    IkasPaymentMethodAdditionalPriceType["INCREMENT"] = "INCREMENT";
+})(IkasPaymentMethodAdditionalPriceType || (IkasPaymentMethodAdditionalPriceType = {}));
+var IkasPaymentGatewayAdditionalPriceAmountType;
+(function (IkasPaymentGatewayAdditionalPriceAmountType) {
+    IkasPaymentGatewayAdditionalPriceAmountType["AMOUNT"] = "AMOUNT";
+    IkasPaymentGatewayAdditionalPriceAmountType["RATIO"] = "RATIO";
+})(IkasPaymentGatewayAdditionalPriceAmountType || (IkasPaymentGatewayAdditionalPriceAmountType = {}));
+
 var IkasCheckout = /** @class */ (function () {
     function IkasCheckout(data) {
         if (data === void 0) { data = {}; }
@@ -11474,6 +11549,7 @@ var IkasCheckout = /** @class */ (function () {
         this.note = null;
         // Extra
         this.appliedCouponCode = null;
+        this.selectedPaymentGateway = null;
         this.id = data.id;
         this.createdAt = data.createdAt;
         this.updatedAt = data.updatedAt;
@@ -11545,6 +11621,22 @@ var IkasCheckout = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(IkasCheckout.prototype, "$totalFinalPrice", {
+        get: function () {
+            var _a;
+            var calculatedAdditionalPrices = (_a = this.selectedPaymentGateway) === null || _a === void 0 ? void 0 : _a.getCalculatedAdditionalPrices(this.totalFinalPrice || 0, this.shippingLines || null);
+            var total = this.totalFinalPrice || 0;
+            calculatedAdditionalPrices === null || calculatedAdditionalPrices === void 0 ? void 0 : calculatedAdditionalPrices.forEach(function (additionalPrice) {
+                if (additionalPrice.type === IkasPaymentMethodAdditionalPriceType.DECREMENT)
+                    total -= additionalPrice.amount;
+                else
+                    total += additionalPrice.amount;
+            });
+            return total;
+        },
+        enumerable: false,
+        configurable: true
+    });
     return IkasCheckout;
 }());
 (function (IkasShippingMethod) {
@@ -16172,17 +16264,6 @@ var sortBy = _baseRest(function(collection, iteratees) {
 
 var sortBy_1 = sortBy;
 
-var IkasPaymentMethodType;
-(function (IkasPaymentMethodType) {
-    IkasPaymentMethodType["BUY_ONLINE_PAY_AT_STORE"] = "BUY_ONLINE_PAY_AT_STORE";
-    IkasPaymentMethodType["CASH"] = "CASH";
-    IkasPaymentMethodType["CASH_ON_DELIVERY"] = "CASH_ON_DELIVERY";
-    IkasPaymentMethodType["CREDIT_CARD"] = "CREDIT_CARD";
-    IkasPaymentMethodType["GIFT_CARD"] = "GIFT_CARD";
-    IkasPaymentMethodType["MONEY_ORDER"] = "MONEY_ORDER";
-    IkasPaymentMethodType["OTHER"] = "OTHER";
-})(IkasPaymentMethodType || (IkasPaymentMethodType = {}));
-
 var CreditCardData = /** @class */ (function () {
     function CreditCardData(data) {
         var _this = this;
@@ -16826,6 +16907,7 @@ var CheckoutViewModel = /** @class */ (function () {
             if (paymentGateway.paymentMethodType === IkasPaymentMethodType.CREDIT_CARD) {
                 _this.cardData = new CreditCardData();
             }
+            _this.checkout.selectedPaymentGateway = paymentGateway;
             _this.installmentInfo = undefined;
         };
         this.setInstallmentCount = function (count) {
@@ -16946,6 +17028,13 @@ var CheckoutViewModel = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(CheckoutViewModel.prototype, "finalPrice", {
+        get: function () {
+            return this.installmentPrice || this.checkout.$totalFinalPrice;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(CheckoutViewModel.prototype, "canProceedToShipping", {
         // VALIDATIONS
         get: function () {
@@ -21169,6 +21258,22 @@ var OrderStatusEnum;
     OrderStatusEnum["REFUND_REJECTED"] = "REFUND_REJECTED";
     OrderStatusEnum["REFUND_REQUESTED"] = "REFUND_REQUESTED";
 })(OrderStatusEnum || (OrderStatusEnum = {}));
+/**
+ * Payment Gateway Additional Price Type Enum
+ */
+var PaymentGatewayAdditionalPriceTypeEnum;
+(function (PaymentGatewayAdditionalPriceTypeEnum) {
+    PaymentGatewayAdditionalPriceTypeEnum["DECREMENT"] = "DECREMENT";
+    PaymentGatewayAdditionalPriceTypeEnum["INCREMENT"] = "INCREMENT";
+})(PaymentGatewayAdditionalPriceTypeEnum || (PaymentGatewayAdditionalPriceTypeEnum = {}));
+/**
+ * Payment Gateway Transaction Fee Type Enum
+ */
+var PaymentGatewayTransactionFeeTypeEnum;
+(function (PaymentGatewayTransactionFeeTypeEnum) {
+    PaymentGatewayTransactionFeeTypeEnum["AMOUNT"] = "AMOUNT";
+    PaymentGatewayTransactionFeeTypeEnum["RATIO"] = "RATIO";
+})(PaymentGatewayTransactionFeeTypeEnum || (PaymentGatewayTransactionFeeTypeEnum = {}));
 /**
  * Payment Method Enum
  */
@@ -21241,6 +21346,12 @@ var ProductFilterTypeEnum;
     ProductFilterTypeEnum["TAG"] = "TAG";
     ProductFilterTypeEnum["VARIANT_TYPE"] = "VARIANT_TYPE";
 })(ProductFilterTypeEnum || (ProductFilterTypeEnum = {}));
+var ProductSearchShowStockOptionEnum;
+(function (ProductSearchShowStockOptionEnum) {
+    ProductSearchShowStockOptionEnum["HIDE_OUT_OF_STOCK"] = "HIDE_OUT_OF_STOCK";
+    ProductSearchShowStockOptionEnum["SHOW_ALL"] = "SHOW_ALL";
+    ProductSearchShowStockOptionEnum["SHOW_OUT_OF_STOCK_AT_END"] = "SHOW_OUT_OF_STOCK_AT_END";
+})(ProductSearchShowStockOptionEnum || (ProductSearchShowStockOptionEnum = {}));
 /**
  * Shipping Method Enum
  */
@@ -25366,7 +25477,23 @@ var pascalCase = function (str) {
 var decodeBase64 = function (base64) {
     var buffer = Buffer.from(base64, "base64");
     return buffer.toString("ascii");
-};
+};
+function stringSorter(atitle, btitle) {
+    var alphabet = "0123456789AaBbCcÇçDdEeFfGgĞğHhIıİiJjKkLlMmNnOoÖöPpQqRrSsŞşTtUuÜüVvWwXxYyZz";
+    var _atitle = atitle || "";
+    var _btitle = btitle || "";
+    if (_atitle.length === 0 || _btitle.length === 0) {
+        return _atitle.length - _btitle.length;
+    }
+    for (var i = 0; i < _atitle.length && i < _btitle.length; i++) {
+        var ai = alphabet.indexOf(_atitle[i].toUpperCase());
+        var bi = alphabet.indexOf(_btitle[i].toUpperCase());
+        if (ai !== bi) {
+            return ai - bi;
+        }
+    }
+    return 0;
+}
 
 var ThemeComponent = mobxReactLite.observer(function (_a) {
     var pageComponentPropValue = _a.pageComponentPropValue, index = _a.index, settings = _a.settings;
@@ -27301,7 +27428,7 @@ var IkasCheckoutAPI = /** @class */ (function () {
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        QUERY = src(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      query listPaymentGateway($id: StringFilterInput) {\n        listPaymentGateway(id: $id) {\n          paymentMethods {\n            name\n            logoUrl\n          }\n          paymentMethodType\n          id\n          name\n          description\n          testMode\n        }\n      }\n    "], ["\n      query listPaymentGateway($id: StringFilterInput) {\n        listPaymentGateway(id: $id) {\n          paymentMethods {\n            name\n            logoUrl\n          }\n          paymentMethodType\n          id\n          name\n          description\n          testMode\n        }\n      }\n    "])));
+                        QUERY = src(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      query listPaymentGateway($id: StringFilterInput) {\n        listPaymentGateway(id: $id) {\n          paymentMethods {\n            name\n            logoUrl\n          }\n          paymentMethodType\n          id\n          name\n          description\n          testMode\n          additionalPrices {\n            amount\n            amountType\n            name\n            type\n          }\n        }\n      }\n    "], ["\n      query listPaymentGateway($id: StringFilterInput) {\n        listPaymentGateway(id: $id) {\n          paymentMethods {\n            name\n            logoUrl\n          }\n          paymentMethodType\n          id\n          name\n          description\n          testMode\n          additionalPrices {\n            amount\n            amountType\n            name\n            type\n          }\n        }\n      }\n    "])));
                         _b.label = 1;
                     case 1:
                         _b.trys.push([1, 3, , 4]);
@@ -27319,7 +27446,7 @@ var IkasCheckoutAPI = /** @class */ (function () {
                             console.log(errors);
                         }
                         if (data)
-                            return [2 /*return*/, data.listPaymentGateway];
+                            return [2 /*return*/, data.listPaymentGateway.map(function (pg) { return new IkasPaymentGateway(pg); })];
                         return [3 /*break*/, 4];
                     case 3:
                         err_5 = _b.sent();
@@ -27495,20 +27622,23 @@ var templateObject_1$5;
 var IkasCountryAPI = /** @class */ (function () {
     function IkasCountryAPI() {
     }
-    IkasCountryAPI.listCountries = function (iso2List) {
+    IkasCountryAPI.listCountries = function (iso2List, idList) {
         return __awaiter(this, void 0, void 0, function () {
             var QUERY, _a, data, errors, err_1;
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        QUERY = src(templateObject_1$6 || (templateObject_1$6 = __makeTemplateObject(["\n      query listCountry($iso2: StringFilterInput) {\n        listCountry(iso2: $iso2) {\n          id\n          name\n          native\n          iso2\n          iso3\n          phoneCode\n          locationTranslations {\n            tr\n            en\n          }\n        }\n      }\n    "], ["\n      query listCountry($iso2: StringFilterInput) {\n        listCountry(iso2: $iso2) {\n          id\n          name\n          native\n          iso2\n          iso3\n          phoneCode\n          locationTranslations {\n            tr\n            en\n          }\n        }\n      }\n    "])));
+                        QUERY = src(templateObject_1$6 || (templateObject_1$6 = __makeTemplateObject(["\n      query listCountry($iso2: StringFilterInput, $id: StringFilterInput) {\n        listCountry(iso2: $iso2, id: $id) {\n          id\n          name\n          native\n          iso2\n          iso3\n          phoneCode\n          locationTranslations {\n            tr\n            en\n          }\n        }\n      }\n    "], ["\n      query listCountry($iso2: StringFilterInput, $id: StringFilterInput) {\n        listCountry(iso2: $iso2, id: $id) {\n          id\n          name\n          native\n          iso2\n          iso3\n          phoneCode\n          locationTranslations {\n            tr\n            en\n          }\n        }\n      }\n    "])));
                         _b.label = 1;
                     case 1:
                         _b.trys.push([1, 3, , 4]);
-                        return [4 /*yield*/, apollo.getClient().query({
+                        return [4 /*yield*/, apollo
+                                .getClient()
+                                .query({
                                 query: QUERY,
                                 variables: {
                                     iso2: iso2List ? { in: iso2List } : undefined,
+                                    id: idList ? { in: idList } : undefined,
                                 },
                             })];
                     case 2:
@@ -28939,7 +29069,7 @@ var SVGCheck = function (_a) {
         React.createElement("path", { fill: "currentColor", d: "M12.6 8.1l-3.7-3.8 1-1.1 2.7 2.7 5.5-5.4 1 1z" })));
 };
 
-var css_248z$1 = ".style-module_CheckboxWrapper__2tSbx {\n  width: 100%;\n  display: flex;\n  padding: 0.5em;\n  cursor: pointer;\n  user-select: none; }\n  .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxContainer__1zRvT {\n    position: relative;\n    width: 20px;\n    height: 20px;\n    margin-right: 0.75em; }\n  .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxBorder__281X3 {\n    flex: 0 0 auto;\n    width: 20px;\n    height: 20px;\n    border-radius: 4px;\n    border: 1px solid #d9d9d9;\n    position: absolute;\n    top: 0;\n    left: 0;\n    transition: border-width .2s ease-in-out; }\n    .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxBorder__281X3.style-module_Checked__3-ZM4 {\n      border: 10px solid #111111; }\n  .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxTick__2LpQ- {\n    width: 20px;\n    height: 20px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    position: absolute;\n    top: 0;\n    left: 0;\n    color: white;\n    z-index: 2;\n    transition: all 0.2s ease-in-out;\n    transition-delay: .1s;\n    opacity: 0;\n    transform: scale(0.2); }\n    .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxTick__2LpQ-.style-module_Visible__2Ng5Q {\n      opacity: 1;\n      transform: scale(1.2); }\n  .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxLabel__30uMC {\n    flex: 1 1 auto;\n    font-weight: normal;\n    font-size: 0.85em;\n    color: #545454; }\n  .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxLabelError__FmdxF {\n    color: #ff6d6d; }\n";
+var css_248z$1 = ".style-module_CheckboxWrapper__2tSbx {\n  width: 100%;\n  display: flex;\n  padding: 0.5em;\n  cursor: pointer;\n  user-select: none;\n  align-items: center; }\n  .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxContainer__1zRvT {\n    position: relative;\n    width: 20px;\n    height: 20px;\n    margin-right: 0.75em; }\n  .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxBorder__281X3 {\n    flex: 0 0 auto;\n    width: 20px;\n    height: 20px;\n    border-radius: 4px;\n    border: 1px solid #d9d9d9;\n    position: absolute;\n    top: 0;\n    left: 0;\n    transition: border-width .2s ease-in-out; }\n    .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxBorder__281X3.style-module_Checked__3-ZM4 {\n      border: 10px solid #111111; }\n  .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxTick__2LpQ- {\n    width: 20px;\n    height: 20px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    position: absolute;\n    top: 0;\n    left: 0;\n    color: white;\n    z-index: 2;\n    transition: all 0.2s ease-in-out;\n    transition-delay: .1s;\n    opacity: 0;\n    transform: scale(0.2); }\n    .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxTick__2LpQ-.style-module_Visible__2Ng5Q {\n      opacity: 1;\n      transform: scale(1.2); }\n  .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxLabel__30uMC {\n    flex: 1 1 auto;\n    font-weight: normal;\n    font-size: 0.85em;\n    color: #545454; }\n  .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxLabelError__FmdxF {\n    color: #ff6d6d; }\n";
 var styles$1 = {"CheckboxWrapper":"style-module_CheckboxWrapper__2tSbx","CheckboxContainer":"style-module_CheckboxContainer__1zRvT","CheckboxBorder":"style-module_CheckboxBorder__281X3","Checked":"style-module_Checked__3-ZM4","CheckboxTick":"style-module_CheckboxTick__2LpQ-","Visible":"style-module_Visible__2Ng5Q","CheckboxLabel":"style-module_CheckboxLabel__30uMC","CheckboxLabelError":"style-module_CheckboxLabelError__FmdxF"};
 styleInject(css_248z$1);
 
@@ -28974,6 +29104,7 @@ var AddressFormViewModel = /** @class */ (function () {
         this.cities = [];
         this.districts = [];
         this.allowedCountryIds = null;
+        this.isCorporate = false;
         this.fillDropdownOptions = function () { return __awaiter(_this, void 0, void 0, function () {
             return __generator(this, function (_a) {
                 switch (_a.label) {
@@ -28994,24 +29125,25 @@ var AddressFormViewModel = /** @class */ (function () {
             });
         }); };
         this.listCountries = function () { return __awaiter(_this, void 0, void 0, function () {
-            var countries;
-            var _this = this;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            var countries, currentRouting_1;
+            var _a, _b;
+            return __generator(this, function (_c) {
+                switch (_c.label) {
                     case 0:
-                        _a.trys.push([0, 2, , 3]);
-                        return [4 /*yield*/, IkasCountryAPI.listCountries()];
+                        _c.trys.push([0, 2, , 3]);
+                        return [4 /*yield*/, IkasCountryAPI.listCountries(undefined, ((_a = this.allowedCountryIds) === null || _a === void 0 ? void 0 : _a.length) ? this.allowedCountryIds : undefined)];
                     case 1:
-                        countries = _a.sent();
-                        if (this.allowedCountryIds) {
-                            countries = countries.filter(function (c) { var _a; return (_a = _this.allowedCountryIds) === null || _a === void 0 ? void 0 : _a.includes(c.id); });
+                        countries = _c.sent();
+                        currentRouting_1 = IkasStorefrontConfig.routings.find(function (r) { return r.id === IkasStorefrontConfig.storefrontRoutingId; });
+                        if ((_b = currentRouting_1 === null || currentRouting_1 === void 0 ? void 0 : currentRouting_1.countryCodes) === null || _b === void 0 ? void 0 : _b.length) {
+                            countries = countries.filter(function (c) { var _a; return c.iso2 && ((_a = currentRouting_1.countryCodes) === null || _a === void 0 ? void 0 : _a.includes(c.iso2)); });
                         }
                         this.countries = countries;
                         if (this.countries.length === 1 && !this.country)
                             this.onCountryChange(this.countries[0].id);
                         return [3 /*break*/, 3];
                     case 2:
-                        _a.sent();
+                        _c.sent();
                         return [3 /*break*/, 3];
                     case 3: return [2 /*return*/];
                 }
@@ -29192,6 +29324,24 @@ var AddressFormViewModel = /** @class */ (function () {
                 name: value,
             };
         };
+        this.onCorporateChange = function (value) {
+            _this.isCorporate = value;
+            if (!value) {
+                _this.address.company = null;
+                _this.address.taxNumber = null;
+                _this.address.taxOffice = null;
+            }
+        };
+        this.onCompanyChange = function (value) {
+            _this.address.company = value;
+        };
+        this.onTaxNumberChange = function (value) {
+            _this.address.taxNumber = value;
+        };
+        this.onTaxOfficeChange = function (value) {
+            _this.address.taxOffice = value;
+        };
+        this.vm = data.vm;
         this.address = data.address;
         this.customer = data.customer;
         this.allowedCountryIds = data.allowedCountryIds;
@@ -29258,11 +29408,7 @@ var AddressFormViewModel = /** @class */ (function () {
     Object.defineProperty(AddressFormViewModel.prototype, "countryOptions", {
         get: function () {
             var list = this.countries.map(this.modelToOption);
-            list.sort(function (a, b) {
-                return a.label.toLocaleLowerCase("tr-TR") > b.label.toLocaleLowerCase("tr-TR")
-                    ? 1
-                    : -1;
-            });
+            list.sort(function (a, b) { return stringSorter(a.label, b.label); });
             return list;
         },
         enumerable: false,
@@ -29285,11 +29431,7 @@ var AddressFormViewModel = /** @class */ (function () {
     Object.defineProperty(AddressFormViewModel.prototype, "districtOptions", {
         get: function () {
             var list = this.districts.map(this.modelToOption);
-            list.sort(function (a, b) {
-                return a.label.toLocaleLowerCase("tr-TR") > b.label.toLocaleLowerCase("tr-TR")
-                    ? 1
-                    : -1;
-            });
+            list.sort(function (a, b) { return stringSorter(a.label, b.label); });
             return list;
         },
         enumerable: false,
@@ -29315,9 +29457,11 @@ var styles$2 = {"CheckoutPage":"style-module_CheckoutPage__A_f2V","Left":"style-
 styleInject(css_248z$3);
 
 var AddressForm$1 = mobxReactLite.observer(function (_a) {
-    var _b, _c, _d, _e, _f;
-    var isErrorsVisible = _a.isErrorsVisible, validationResult = _a.validationResult, props = __rest(_a, ["isErrorsVisible", "validationResult"]);
-    var vm = React.useState(function () { return new AddressFormViewModel(props); })[0];
+    var _b, _c, _d, _e, _f, _g, _h;
+    var isErrorsVisible = _a.isErrorsVisible, isBilling = _a.isBilling, validationResult = _a.validationResult, props = __rest(_a, ["isErrorsVisible", "isBilling", "validationResult"]);
+    var vm = React.useState(function () {
+        return new AddressFormViewModel(__assign({}, props));
+    })[0];
     React.useEffect(function () {
         Object.entries(props).forEach(function (entry) {
             return mobx.runInAction(function () {
@@ -29348,7 +29492,13 @@ var AddressForm$1 = mobxReactLite.observer(function (_a) {
                     IkasCheckoutRequirementEnum.INVISIBLE && (React.createElement(FormItem, { type: FormItemType.TEXT, label: "Telefon", autocomplete: "tel", value: vm.phone || "", onChange: vm.onPhoneChange, hasError: isErrorsVisible && !(validationResult === null || validationResult === void 0 ? void 0 : validationResult.phone), errorText: "Geçerli bir telefon girin" })),
             !!vm.address.checkoutSettings &&
                 vm.address.checkoutSettings.identityNumberRequirement !==
-                    IkasCheckoutRequirementEnum.INVISIBLE && (React.createElement(FormItem, { type: FormItemType.TEXT, label: "TC Kimlik No", value: vm.identityNumber || "", onChange: vm.onIdentityNumberChange, hasError: isErrorsVisible && !(validationResult === null || validationResult === void 0 ? void 0 : validationResult.identityNumber), errorText: "TC kimlik no girin" })))));
+                    IkasCheckoutRequirementEnum.INVISIBLE && (React.createElement(FormItem, { type: FormItemType.TEXT, label: "TC Kimlik No", value: vm.identityNumber || "", onChange: vm.onIdentityNumberChange, hasError: isErrorsVisible && !(validationResult === null || validationResult === void 0 ? void 0 : validationResult.identityNumber), errorText: "TC kimlik no girin" }))),
+        !!isBilling && (React.createElement("div", { style: { marginTop: "12px" } },
+            React.createElement(Checkbox, { value: vm.isCorporate, label: "Kurumsal fatura", onChange: vm.onCorporateChange }))),
+        !!vm.isCorporate && (React.createElement("div", { className: [commonStyles.Grid, commonStyles.Grid2].join(" "), style: { marginTop: "12px" } },
+            React.createElement(FormItem, { type: FormItemType.TEXT, label: "\u015Eirket \u00DCnvan\u0131", value: vm.address.company || "", onChange: vm.onCompanyChange }),
+            React.createElement(FormItem, { type: FormItemType.TEXT, label: "Vergi Numaras\u0131", value: ((_g = vm.address) === null || _g === void 0 ? void 0 : _g.taxNumber) || "", onChange: vm.onTaxNumberChange }),
+            React.createElement(FormItem, { type: FormItemType.TEXT, label: "Vergi Dairesi", value: ((_h = vm.address) === null || _h === void 0 ? void 0 : _h.taxOffice) || "", onChange: vm.onTaxOfficeChange })))));
 });
 
 var css_248z$4 = ".style-module_Button__1UPMN {\n  cursor: pointer;\n  border: 1px transparent solid;\n  border-radius: 6px;\n  font-weight: 500;\n  text-align: center;\n  position: relative;\n  transition: all .2s;\n  display: flex;\n  justify-content: center;\n  align-items: center; }\n  .style-module_Button__1UPMN:focus {\n    outline: 0; }\n  .style-module_Button__1UPMN.style-module_Large__2wPlw {\n    height: 64px;\n    padding: 0 1.7em; }\n  .style-module_Button__1UPMN.style-module_Medium__3t0pu {\n    height: 3em;\n    padding: 0.5em 1em; }\n  .style-module_Button__1UPMN.style-module_Dark__1Z_hs {\n    background-color: #111111;\n    color: white; }\n  .style-module_Button__1UPMN.style-module_Disabled__3HYF_ {\n    background-color: #c8c8c8;\n    color: #FAFAFA;\n    pointer-events: none; }\n  @media only screen and (max-width: 1000px) {\n    .style-module_Button__1UPMN.style-module_FullWidthMobile__3MTFv {\n      width: 100%; } }\n  .style-module_Button__1UPMN .style-module_loader__3v6kq,\n  .style-module_Button__1UPMN .style-module_loader__3v6kq:after {\n    border-radius: 50%;\n    width: 5em;\n    height: 5em; }\n  .style-module_Button__1UPMN .style-module_loader__3v6kq {\n    font-size: 6px;\n    position: relative;\n    text-indent: -9999em;\n    border-top: 0.5em solid rgba(255, 255, 255, 0.2);\n    border-right: 0.5em solid rgba(255, 255, 255, 0.2);\n    border-bottom: 0.5em solid rgba(255, 255, 255, 0.2);\n    border-left: 0.5em solid #ffffff;\n    -webkit-transform: translateZ(0);\n    -ms-transform: translateZ(0);\n    transform: translateZ(0);\n    -webkit-animation: style-module_load8__2z7nj 1.1s infinite linear;\n    animation: style-module_load8__2z7nj 1.1s infinite linear; }\n\n@-webkit-keyframes style-module_load8__2z7nj {\n  0% {\n    -webkit-transform: rotate(0deg);\n    transform: rotate(0deg); }\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg); } }\n\n@keyframes style-module_load8__2z7nj {\n  0% {\n    -webkit-transform: rotate(0deg);\n    transform: rotate(0deg); }\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg); } }\n";
@@ -29438,7 +29588,7 @@ var CheckoutStepInfo = mobxReactLite.observer(function (_a) {
         !!vm.customerStore.customer &&
             !!vm.customerStore.customer.addresses.length && (React.createElement("div", { className: styles$2.RowPB },
             React.createElement(FormItem, { type: FormItemType.SELECT, label: "Kaydedilen adresler", value: vm.selectedShippingAddressId, onChange: vm.onSelectedShippingAddressIdChange, options: vm.customerAddressOptions }))),
-        React.createElement(AddressForm$1, { address: vm.checkout.shippingAddress, customer: vm.checkout.customer && vm.checkout.customer.id
+        React.createElement(AddressForm$1, { vm: vm, address: vm.checkout.shippingAddress, customer: vm.checkout.customer && vm.checkout.customer.id
                 ? undefined
                 : vm.checkout.customer || undefined, isErrorsVisible: vm.isErrorsVisible, allowedCountryIds: vm.shippingCountryIds || undefined, validationResult: vm.checkout.shippingAddress.validationResult }),
         !!vm.customerStore.customer && vm.selectedShippingAddressId === "-1" && (React.createElement("div", { style: { marginTop: "12px" } },
@@ -29653,7 +29803,7 @@ var BillingAddress = mobxReactLite.observer(function (_a) {
                 !!vm.customerStore.customer &&
                     !!vm.customerStore.customer.addresses.length && (React.createElement("div", { className: styles$2.RowPB },
                     React.createElement(FormItem, { type: FormItemType.SELECT, label: "Kaydedilen adresler", value: vm.selectedBillingAddressId, onChange: vm.onSelectedBillingAddressIdChange, options: vm.customerAddressOptions }))),
-                React.createElement(AddressForm$1, { address: vm.checkout.billingAddress, customer: vm.checkout.customer || undefined, isErrorsVisible: vm.isErrorsVisible, validationResult: vm.checkout.billingAddress.validationResult }))),
+                React.createElement(AddressForm$1, { vm: vm, address: vm.checkout.billingAddress, customer: vm.checkout.customer || undefined, isErrorsVisible: vm.isErrorsVisible, validationResult: vm.checkout.billingAddress.validationResult, isBilling: true }))),
         },
     ]; });
     return (React.createElement(React.Fragment, null,
@@ -29742,13 +29892,13 @@ var SVGCross = function (_a) {
 };
 
 var CartSummary = mobxReactLite.observer(function (_a) {
-    var _b;
+    var _b, _c;
     var vm = _a.vm, allowExpand = _a.allowExpand;
     var cart = vm.cart;
     var checkout = vm.checkout;
-    var _c = React.useState(!allowExpand), isExpanded = _c[0], setExpanded = _c[1];
-    var _d = React.useState(0), detailsHeight = _d[0], setDetailsHeight = _d[1];
-    var _e = React.useState(null), detailsContainer = _e[0], setDetailsContainer = _e[1];
+    var _d = React.useState(!allowExpand), isExpanded = _d[0], setExpanded = _d[1];
+    var _e = React.useState(0), detailsHeight = _e[0], setDetailsHeight = _e[1];
+    var _f = React.useState(null), detailsContainer = _f[0], setDetailsContainer = _f[1];
     React.useEffect(function () {
         if (!allowExpand)
             return;
@@ -29790,9 +29940,7 @@ var CartSummary = mobxReactLite.observer(function (_a) {
                 React.createElement("span", { className: styles$f.Label }, expandHeaderLabel),
                 React.createElement("div", { className: arrowDownClasses },
                     React.createElement(SVGArrowDown, null))),
-            React.createElement("div", { className: styles$f.Price }, formatMoney(vm.installmentPrice ||
-                vm.checkout.totalFinalPrice ||
-                cart.totalPrice, cart.currencyCode)))),
+            React.createElement("div", { className: styles$f.Price }, formatMoney(vm.finalPrice, cart.currencyCode)))),
         React.createElement("div", { className: styles$f.DetailsContainer, style: detailsContainerStyle },
             React.createElement("div", { className: styles$f.Details, ref: setDetailsContainer }, cart === null || cart === void 0 ? void 0 :
                 cart.items.map(function (item, index) { return (React.createElement("div", { key: index },
@@ -29812,6 +29960,12 @@ var CartSummary = mobxReactLite.observer(function (_a) {
                         React.createElement("div", { className: styles$f.Label }, "Vade Fark\u0131"),
                         React.createElement("div", { className: styles$f.Value }, formatMoney(vm.installmentExtraPrice, cart.currencyCode)))),
                     sortBy_1(vm.checkout.adjustments || [], "order").map(function (adjustment, index) { return (React.createElement("div", { className: styles$f.InfoRow, key: index },
+                        React.createElement("div", { className: styles$f.Label }, adjustment.name),
+                        React.createElement("div", { className: styles$f.Value },
+                            React.createElement("span", null, adjustment.type === "DECREMENT" ? "- " : ""),
+                            " ",
+                            React.createElement("span", null, formatMoney(adjustment.amount, cart.currencyCode))))); }),
+                    (((_c = vm.selectedPaymentGateway) === null || _c === void 0 ? void 0 : _c.getCalculatedAdditionalPrices(vm.checkout.totalFinalPrice || 0, vm.checkout.shippingLines || null)) || []).map(function (adjustment, index) { return (React.createElement("div", { className: styles$f.InfoRow, key: index },
                         React.createElement("div", { className: styles$f.Label }, adjustment.name),
                         React.createElement("div", { className: styles$f.Value },
                             React.createElement("span", null, adjustment.type === "DECREMENT" ? "- " : ""),
@@ -29822,9 +29976,7 @@ var CartSummary = mobxReactLite.observer(function (_a) {
                         React.createElement("div", { className: styles$f.Title }, "Toplam"),
                         !!(cart === null || cart === void 0 ? void 0 : cart.totalTax) && (React.createElement("div", { className: styles$f.Tax }, formatMoney(cart.totalTax, cart.currencyCode) +
                             " vergi dahil"))),
-                    React.createElement("div", { className: styles$f.TotalPrice }, formatMoney(vm.installmentPrice ||
-                        vm.checkout.totalFinalPrice ||
-                        cart.totalPrice, cart.currencyCode)))))));
+                    React.createElement("div", { className: styles$f.TotalPrice }, formatMoney(vm.finalPrice, cart.currencyCode)))))));
 });
 var Coupon = mobxReactLite.observer(function (_a) {
     var vm = _a.vm;
@@ -32193,5 +32345,6 @@ exports.getPlaceholderCategory = getPlaceholderCategory;
 exports.getPlaceholderProduct = getPlaceholderProduct;
 exports.parseRangeStr = parseRangeStr;
 exports.pascalCase = pascalCase;
+exports.stringSorter = stringSorter;
 exports.stringToSlug = stringToSlug;
 exports.validatePhoneNumber = validatePhoneNumber;

package/build/models/data/checkout/index.d.ts

@@ -2,6 +2,7 @@ import { IkasOrderAddress } from "../order/address/index";
 import { IkasOrderShippingLine } from "../order/shipping-line/index";
 import { IkasCart } from "../cart/index";
 import { IkasOrderAdjustment } from "../order/index";
+import { IkasPaymentGateway } from "../payment-gateway/index";
 export declare class IkasCheckout {
     id?: string | null;
     createdAt?: string | null;
@@ -27,12 +28,14 @@ export declare class IkasCheckout {
     adjustments?: IkasOrderAdjustment[] | null;
     note: string | null;
     appliedCouponCode?: string | null;
+    selectedPaymentGateway?: IkasPaymentGateway | null;
     constructor(data?: Partial<IkasCheckout>);
     get shippingTotal(): number;
     get hasCustomer(): boolean;
     get hasValidCustomer(): boolean;
     get customerText(): string;
     get dateStr(): string;
+    get $totalFinalPrice(): number;
 }
 export declare type IkasCheckoutCustomer = {
     id?: string;

package/build/models/data/payment-gateway/index.d.ts

@@ -1,15 +1,30 @@
-export declare type IkasPaymentGateway = {
+import { IkasOrderShippingLine } from "../order/shipping-line/index";
+export declare class IkasPaymentGateway {
     paymentMethods: IkasPaymentMethod[];
     paymentMethodType: IkasPaymentMethodType;
     id: string | null;
     name: string;
     testMode: boolean | null;
     description: string | null;
-};
+    additionalPrices: IkasPaymentGatewayAdditionalPrice[] | null;
+    constructor(data: Partial<IkasPaymentGateway>);
+    getCalculatedAdditionalPrices(totalFinalPrice: number, shippingLines: IkasOrderShippingLine[] | null): {
+        name: string;
+        amount: number;
+        type: IkasPaymentMethodAdditionalPriceType;
+    }[] | undefined;
+}
 export declare type IkasPaymentMethod = {
     name: string;
     logoUrl: string | null;
 };
+export declare class IkasPaymentGatewayAdditionalPrice {
+    amount: number;
+    amountType: IkasPaymentGatewayAdditionalPriceAmountType;
+    name: string;
+    type: IkasPaymentMethodAdditionalPriceType;
+    constructor(data: Partial<IkasPaymentGatewayAdditionalPrice>);
+}
 export declare enum IkasPaymentMethodType {
     BUY_ONLINE_PAY_AT_STORE = "BUY_ONLINE_PAY_AT_STORE",
     CASH = "CASH",
@@ -19,3 +34,11 @@ export declare enum IkasPaymentMethodType {
     MONEY_ORDER = "MONEY_ORDER",
     OTHER = "OTHER"
 }
+export declare enum IkasPaymentMethodAdditionalPriceType {
+    DECREMENT = "DECREMENT",
+    INCREMENT = "INCREMENT"
+}
+export declare enum IkasPaymentGatewayAdditionalPriceAmountType {
+    AMOUNT = "AMOUNT",
+    RATIO = "RATIO"
+}

package/build/utils/helper.d.ts

@@ -2,3 +2,4 @@ export declare const stringToSlug: (str: string) => string;
 export declare const validatePhoneNumber: (str: string) => boolean;
 export declare const pascalCase: (str: string) => string;
 export declare const decodeBase64: (base64: string) => string;
+export declare function stringSorter(atitle: string, btitle: string): number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ikas/storefront",
-  "version": "0.0.158-alpha.15",
+  "version": "0.0.158-alpha.16",
   "main": "./build/index.js",
   "module": "./build/index.es.js",
   "author": "Umut Ozan Yıldırım",