@ikas/storefront 0.0.139 → 0.0.140

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

@@ -170,6 +170,7 @@ export interface getCheckoutById_getCheckoutById_adjustments {
     name: string;
     order: number;
     type: AdjustmentEnum;
+    couponId: string | null;
 }
 export interface getCheckoutById_getCheckoutById {
     __typename: "Checkout";

package/build/components/checkout/components/button/index.d.ts

@@ -1,7 +1,10 @@
 import * as React from "react";
 declare type Props = {
-    text: string;
+    text: string | React.ReactNode;
     isLoading?: boolean;
+    isDisabled?: boolean;
+    size?: "large" | "medium";
+    style?: React.CSSProperties;
     onClick: () => void;
 };
 export declare const Button: React.FC<Props>;

package/build/components/checkout/components/cart-summary/cross.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+declare type Props = {
+    className?: string;
+};
+declare const SVGCross: React.FC<Props>;
+export default SVGCross;

package/build/components/checkout/components/cart-summary/tag.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+declare type Props = {
+    className?: string;
+};
+declare const SVGTag: React.FC<Props>;
+export default SVGTag;

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

@@ -65,6 +65,7 @@ export default class CheckoutViewModel {
     onEmailChange: (value: string) => void;
     onShippingMethodChange: (shippingMethod: IkasAvailableShippingMethod) => Promise<void>;
     onCouponCodeChange: (value: string) => void;
+    onCouponCodeApply: () => Promise<void>;
     onSelectedShippingAddressIdChange: (value: string) => void;
     onSelectedBillingAddressIdChange: (value: string) => void;
     onTermsAndConditionsCheckedChange: (value: boolean) => void;
@@ -73,6 +74,7 @@ export default class CheckoutViewModel {
     onCardHolderNameChange: (value: string) => void;
     onExpirationDateChange: (value: string) => void;
     onCvcChange: (value: string) => void;
+    onGoToCartClick: () => void;
     onBackToShoppingClick: () => void;
     onProceedToShippingClick: () => Promise<void>;
     onProceedToPaymentClick: () => Promise<void>;

package/build/index.es.js

@@ -11439,6 +11439,8 @@ var IkasCheckout = /** @class */ (function () {
         this.totalFinalPrice = null;
         this.adjustments = null;
         this.note = null;
+        // Extra
+        this.appliedCouponCode = null;
         this.id = data.id;
         this.createdAt = data.createdAt;
         this.updatedAt = data.updatedAt;
@@ -11453,14 +11455,15 @@ var IkasCheckout = /** @class */ (function () {
         this.customer = data.customer;
         this.billingAddress = data.billingAddress
             ? new IkasOrderAddress(data.billingAddress)
-            : undefined;
+            : new IkasOrderAddress();
         this.shippingAddress = data.shippingAddress
             ? new IkasOrderAddress(data.shippingAddress)
-            : undefined;
+            : new IkasOrderAddress();
         this.shippingLines = data.shippingLines || [];
         this.shippingMethod = data.shippingMethod || IkasShippingMethod.NO_SHIPMENT;
         this.status = data.status || IkasCheckoutStatus.OPEN;
         this.couponCode = data.couponCode;
+        this.appliedCouponCode = data.couponCode;
         this.recoverEmailStatus = data.recoverEmailStatus;
         this.recoveryStatus = data.recoveryStatus;
         this.totalFinalPrice = data.totalFinalPrice;
@@ -16478,6 +16481,33 @@ var CheckoutViewModel = /** @class */ (function () {
         this.onCouponCodeChange = function (value) {
             _this.checkout.couponCode = value;
         };
+        this.onCouponCodeApply = function () { return __awaiter(_this, void 0, void 0, function () {
+            var newCheckout, oldCheckout;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        _a.trys.push([0, 3, , 4]);
+                        return [4 /*yield*/, this.saveCheckout()];
+                    case 1:
+                        _a.sent();
+                        return [4 /*yield*/, IkasCheckoutAPI.getCheckoutById(this.checkout.id)];
+                    case 2:
+                        newCheckout = _a.sent();
+                        if (newCheckout) {
+                            oldCheckout = this.checkout;
+                            this.checkout = newCheckout;
+                            this.checkout.customer = oldCheckout.customer;
+                            this.checkout.shippingAddress = oldCheckout.shippingAddress;
+                            this.checkout.billingAddress = oldCheckout.billingAddress;
+                        }
+                        return [3 /*break*/, 4];
+                    case 3:
+                        _a.sent();
+                        return [3 /*break*/, 4];
+                    case 4: return [2 /*return*/];
+                }
+            });
+        }); };
         this.onSelectedShippingAddressIdChange = function (value) {
             var _a;
             _this.selectedShippingAddressId = value;
@@ -16567,11 +16597,14 @@ var CheckoutViewModel = /** @class */ (function () {
             _this.cardData.cvv = value;
         };
         // CREDIT CARD END
+        this.onGoToCartClick = function () {
+            _this.router.push("/cart");
+        };
         this.onBackToShoppingClick = function () {
             _this.router.push("/");
         };
         this.onProceedToShippingClick = function () { return __awaiter(_this, void 0, void 0, function () {
-            var newAddress, customer, err_2;
+            var newAddress, customer, err_3;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
@@ -16601,12 +16634,12 @@ var CheckoutViewModel = /** @class */ (function () {
                         this.changeStep(CheckoutStep.SHIPPING);
                         return [3 /*break*/, 7];
                     case 6:
-                        err_2 = _a.sent();
-                        if (err_2.type) {
-                            this.error = err_2;
+                        err_3 = _a.sent();
+                        if (err_3.type) {
+                            this.error = err_3;
                         }
                         else {
-                            console.log(err_2);
+                            console.log(err_3);
                             this.error = {
                                 type: ErrorType.UNKNOWN,
                             };
@@ -16618,7 +16651,7 @@ var CheckoutViewModel = /** @class */ (function () {
             });
         }); };
         this.onProceedToPaymentClick = function () { return __awaiter(_this, void 0, void 0, function () {
-            var err_3;
+            var err_4;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
@@ -16638,12 +16671,12 @@ var CheckoutViewModel = /** @class */ (function () {
                         this.changeStep(CheckoutStep.PAYMENT);
                         return [3 /*break*/, 4];
                     case 3:
-                        err_3 = _a.sent();
-                        if (err_3.type) {
-                            this.error = err_3;
+                        err_4 = _a.sent();
+                        if (err_4.type) {
+                            this.error = err_4;
                         }
                         else {
-                            console.log(err_3);
+                            console.log(err_4);
                             this.error = {
                                 type: ErrorType.UNKNOWN,
                             };
@@ -16655,7 +16688,7 @@ var CheckoutViewModel = /** @class */ (function () {
             });
         }); };
         this.performPayment = function () { return __awaiter(_this, void 0, void 0, function () {
-            var response, transactionStatus, err_4;
+            var response, transactionStatus, err_5;
             var _a;
             return __generator(this, function (_b) {
                 switch (_b.label) {
@@ -16706,10 +16739,10 @@ var CheckoutViewModel = /** @class */ (function () {
                         }
                         return [3 /*break*/, 6];
                     case 5:
-                        err_4 = _b.sent();
-                        if (err_4.type) {
-                            console.log(err_4);
-                            this.error = err_4;
+                        err_5 = _b.sent();
+                        if (err_5.type) {
+                            console.log(err_5);
+                            this.error = err_5;
                         }
                         else {
                             this.error = {
@@ -26538,7 +26571,7 @@ var IkasCheckoutAPI = /** @class */ (function () {
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        QUERY = src(templateObject_2$3 || (templateObject_2$3 = __makeTemplateObject(["\n      query getCheckoutById($id: String!) {\n        getCheckoutById(id: $id) {\n          totalFinalPrice\n          note\n          availableShippingMethods {\n            price\n            rateName\n            shippingMethod\n            shippingSettingsId\n            shippingZoneRateId\n          }\n          billingAddress {\n            addressLine1\n            addressLine2\n            city {\n              code\n              id\n              name\n            }\n            company\n            country {\n              code\n              id\n              name\n            }\n            district {\n              code\n              id\n              name\n            }\n            firstName\n            identityNumber\n            isDefault\n            lastName\n            phone\n            postalCode\n            state {\n              code\n              id\n              name\n            }\n            taxNumber\n            taxOffice\n          }\n          cartId\n          couponCode\n          createdAt\n          customer {\n            email\n            firstName\n            id\n            lastName\n          }\n          deleted\n          id\n          merchantId\n          orderId\n          orderNumber\n          recoverEmailStatus\n          recoveryStatus\n          shippingAddress {\n            addressLine1\n            addressLine2\n            city {\n              code\n              id\n              name\n            }\n            company\n            country {\n              id\n              code\n              name\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          shippingLines {\n            title\n            taxValue\n            price\n            shippingSettingsId\n            shippingZoneRateId\n          }\n          shippingMethod\n          shippingSettingsId\n          shippingZoneRateId\n          status\n          updatedAt\n          cart {\n            createdAt\n            currencyCode\n            customerId\n            dueDate\n            id\n            itemCount\n            items {\n              createdAt\n              currencyCode\n              discount {\n                amount\n                amountType\n                reason\n              }\n              discountPrice\n              finalPrice\n              id\n              originalOrderLineItemId\n              price\n              quantity\n              status\n              deleted\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                  order\n                  variantTypeId\n                  variantTypeName\n                  variantValueId\n                  variantValueName\n                }\n              }\n            }\n            merchantId\n            status\n            totalPrice\n            updatedAt\n          }\n          adjustments {\n            amount\n            amountType\n            name\n            order\n            type\n          }\n        }\n      }\n    "], ["\n      query getCheckoutById($id: String!) {\n        getCheckoutById(id: $id) {\n          totalFinalPrice\n          note\n          availableShippingMethods {\n            price\n            rateName\n            shippingMethod\n            shippingSettingsId\n            shippingZoneRateId\n          }\n          billingAddress {\n            addressLine1\n            addressLine2\n            city {\n              code\n              id\n              name\n            }\n            company\n            country {\n              code\n              id\n              name\n            }\n            district {\n              code\n              id\n              name\n            }\n            firstName\n            identityNumber\n            isDefault\n            lastName\n            phone\n            postalCode\n            state {\n              code\n              id\n              name\n            }\n            taxNumber\n            taxOffice\n          }\n          cartId\n          couponCode\n          createdAt\n          customer {\n            email\n            firstName\n            id\n            lastName\n          }\n          deleted\n          id\n          merchantId\n          orderId\n          orderNumber\n          recoverEmailStatus\n          recoveryStatus\n          shippingAddress {\n            addressLine1\n            addressLine2\n            city {\n              code\n              id\n              name\n            }\n            company\n            country {\n              id\n              code\n              name\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          shippingLines {\n            title\n            taxValue\n            price\n            shippingSettingsId\n            shippingZoneRateId\n          }\n          shippingMethod\n          shippingSettingsId\n          shippingZoneRateId\n          status\n          updatedAt\n          cart {\n            createdAt\n            currencyCode\n            customerId\n            dueDate\n            id\n            itemCount\n            items {\n              createdAt\n              currencyCode\n              discount {\n                amount\n                amountType\n                reason\n              }\n              discountPrice\n              finalPrice\n              id\n              originalOrderLineItemId\n              price\n              quantity\n              status\n              deleted\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                  order\n                  variantTypeId\n                  variantTypeName\n                  variantValueId\n                  variantValueName\n                }\n              }\n            }\n            merchantId\n            status\n            totalPrice\n            updatedAt\n          }\n          adjustments {\n            amount\n            amountType\n            name\n            order\n            type\n          }\n        }\n      }\n    "])));
+                        QUERY = src(templateObject_2$3 || (templateObject_2$3 = __makeTemplateObject(["\n      query getCheckoutById($id: String!) {\n        getCheckoutById(id: $id) {\n          totalFinalPrice\n          note\n          availableShippingMethods {\n            price\n            rateName\n            shippingMethod\n            shippingSettingsId\n            shippingZoneRateId\n          }\n          billingAddress {\n            addressLine1\n            addressLine2\n            city {\n              code\n              id\n              name\n            }\n            company\n            country {\n              code\n              id\n              name\n            }\n            district {\n              code\n              id\n              name\n            }\n            firstName\n            identityNumber\n            isDefault\n            lastName\n            phone\n            postalCode\n            state {\n              code\n              id\n              name\n            }\n            taxNumber\n            taxOffice\n          }\n          cartId\n          couponCode\n          createdAt\n          customer {\n            email\n            firstName\n            id\n            lastName\n          }\n          deleted\n          id\n          merchantId\n          orderId\n          orderNumber\n          recoverEmailStatus\n          recoveryStatus\n          shippingAddress {\n            addressLine1\n            addressLine2\n            city {\n              code\n              id\n              name\n            }\n            company\n            country {\n              id\n              code\n              name\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          shippingLines {\n            title\n            taxValue\n            price\n            shippingSettingsId\n            shippingZoneRateId\n          }\n          shippingMethod\n          shippingSettingsId\n          shippingZoneRateId\n          status\n          updatedAt\n          cart {\n            createdAt\n            currencyCode\n            customerId\n            dueDate\n            id\n            itemCount\n            items {\n              createdAt\n              currencyCode\n              discount {\n                amount\n                amountType\n                reason\n              }\n              discountPrice\n              finalPrice\n              id\n              originalOrderLineItemId\n              price\n              quantity\n              status\n              deleted\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                  order\n                  variantTypeId\n                  variantTypeName\n                  variantValueId\n                  variantValueName\n                }\n              }\n            }\n            merchantId\n            status\n            totalPrice\n            updatedAt\n          }\n          adjustments {\n            amount\n            amountType\n            name\n            order\n            type\n            couponId\n          }\n        }\n      }\n    "], ["\n      query getCheckoutById($id: String!) {\n        getCheckoutById(id: $id) {\n          totalFinalPrice\n          note\n          availableShippingMethods {\n            price\n            rateName\n            shippingMethod\n            shippingSettingsId\n            shippingZoneRateId\n          }\n          billingAddress {\n            addressLine1\n            addressLine2\n            city {\n              code\n              id\n              name\n            }\n            company\n            country {\n              code\n              id\n              name\n            }\n            district {\n              code\n              id\n              name\n            }\n            firstName\n            identityNumber\n            isDefault\n            lastName\n            phone\n            postalCode\n            state {\n              code\n              id\n              name\n            }\n            taxNumber\n            taxOffice\n          }\n          cartId\n          couponCode\n          createdAt\n          customer {\n            email\n            firstName\n            id\n            lastName\n          }\n          deleted\n          id\n          merchantId\n          orderId\n          orderNumber\n          recoverEmailStatus\n          recoveryStatus\n          shippingAddress {\n            addressLine1\n            addressLine2\n            city {\n              code\n              id\n              name\n            }\n            company\n            country {\n              id\n              code\n              name\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          shippingLines {\n            title\n            taxValue\n            price\n            shippingSettingsId\n            shippingZoneRateId\n          }\n          shippingMethod\n          shippingSettingsId\n          shippingZoneRateId\n          status\n          updatedAt\n          cart {\n            createdAt\n            currencyCode\n            customerId\n            dueDate\n            id\n            itemCount\n            items {\n              createdAt\n              currencyCode\n              discount {\n                amount\n                amountType\n                reason\n              }\n              discountPrice\n              finalPrice\n              id\n              originalOrderLineItemId\n              price\n              quantity\n              status\n              deleted\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                  order\n                  variantTypeId\n                  variantTypeName\n                  variantValueId\n                  variantValueName\n                }\n              }\n            }\n            merchantId\n            status\n            totalPrice\n            updatedAt\n          }\n          adjustments {\n            amount\n            amountType\n            name\n            order\n            type\n            couponId\n          }\n        }\n      }\n    "])));
                         _b.label = 1;
                     case 1:
                         _b.trys.push([1, 3, , 4]);
@@ -28176,7 +28209,7 @@ var SVGCaretDown = function (_a) {
 };
 
 var FormItem = observer(function (props) {
-    var vm = useState(function () { return new FormItemViewModel(props); })[0];
+    var _a = useState(function () { return new FormItemViewModel(props); }), vm = _a[0], setVM = _a[1];
     useEffect(function () {
         runInAction(function () {
             vm.type = props.type;
@@ -28209,7 +28242,7 @@ var FormItem = observer(function (props) {
     }, [props.errorText]);
     useEffect(function () {
         runInAction(function () {
-            vm.onChange = props.onChange;
+            setVM(new FormItemViewModel(props));
         });
     }, [props.onChange]);
     return (createElement("div", { className: vm.formItemStyle },
@@ -28610,7 +28643,7 @@ var css_248z$2 = ".common-module_FormSectionTitle___Mykh {\n  width: 100%;\n  di
 var commonStyles = {"FormSectionTitle":"common-module_FormSectionTitle___Mykh","Title":"common-module_Title__3JTHt","WithSubTitle":"common-module_WithSubTitle__1VHWv","SubTitle":"common-module_SubTitle__1H4kH","Grid":"common-module_Grid__2CuvH","Grid2":"common-module_Grid2__9CCag","Grid3":"common-module_Grid3__3p0jJ","FormContainer":"common-module_FormContainer__2I_Lj","mtFormRow":"common-module_mtFormRow__2tsDn","mt1":"common-module_mt1__3tpC1","mt2":"common-module_mt2__2bl5q","fadeInFromRight":"common-module_fadeInFromRight__3RYk5"};
 styleInject(css_248z$2);
 
-var css_248z$3 = ".style-module_CheckoutPage__A_f2V {\n  font-family: -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n  font-size: 16px;\n  width: 100%;\n  height: 100vh;\n  overflow: auto;\n  overflow-x: hidden;\n  display: flex; }\n  .style-module_CheckoutPage__A_f2V * {\n    box-sizing: border-box !important; }\n  .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 {\n    width: 50%;\n    flex: 0 0 auto;\n    display: flex;\n    justify-content: flex-end;\n    padding-left: 20px;\n    padding-right: 40px; }\n    .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 {\n      width: 100%;\n      min-width: 400px;\n      max-width: 600px;\n      display: flex;\n      flex-direction: column;\n      justify-content: space-between;\n      min-height: 100vh; }\n      .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_Space__1e2de {\n        width: 100%;\n        height: 100px; }\n      .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_Footer__ebdyg {\n        flex: 0 0 auto;\n        height: 50px;\n        background-color: white;\n        width: calc(100% - 1em);\n        display: flex;\n        align-items: center;\n        border-top: 1px solid #d9d9d9; }\n        .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_Footer__ebdyg .style-module_FooterItem__1ofBc {\n          font-size: 0.7em;\n          margin-right: 1.4em;\n          color: #737373;\n          cursor: pointer;\n          user-select: none; }\n          .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_Footer__ebdyg .style-module_FooterItem__1ofBc:hover {\n            color: #111111; }\n        @media only screen and (max-width: 1000px) {\n          .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_Footer__ebdyg {\n            width: 100%;\n            padding-left: 0.7em; } }\n    .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_Header__1vfF1 {\n      width: 100%;\n      height: 96px;\n      display: flex;\n      align-items: center;\n      font-weight: 500;\n      font-size: 1.5em;\n      padding-left: 0.4em; }\n      .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_Header__1vfF1 a {\n        width: 100%; }\n      .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_Header__1vfF1 .style-module_Logo__2E8Do {\n        width: 100%;\n        height: 64px;\n        position: relative;\n        user-select: none;\n        cursor: pointer; }\n        .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_Header__1vfF1 .style-module_Logo__2E8Do img {\n          object-fit: contain;\n          object-position: left;\n          pointer-events: none; }\n    @media only screen and (min-width: 1000px) {\n      .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_MobileCartSummary__3NrcP {\n        display: none; } }\n    .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_RowPB__3M7Tz {\n      padding-bottom: 0.7em; }\n    @media only screen and (max-width: 1000px) {\n      .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 {\n        width: 100%;\n        justify-content: center;\n        padding-right: 0px;\n        padding-left: 0px; }\n        .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 {\n          width: 100%;\n          min-width: auto;\n          max-width: 100%; } }\n  .style-module_CheckoutPage__A_f2V .style-module_Right__3AN4f {\n    width: 50%;\n    min-height: 100%;\n    flex: 0 0 auto;\n    background-color: #FAFAFA;\n    border-left: 1px solid #d9d9d9;\n    display: flex;\n    padding-left: 40px;\n    padding-right: 20px;\n    position: sticky;\n    top: 0;\n    overflow-y: auto; }\n    .style-module_CheckoutPage__A_f2V .style-module_Right__3AN4f .style-module_RightContent__1TcO5 {\n      width: 100%;\n      max-width: 600px;\n      padding-top: 80px; }\n    @media only screen and (max-width: 1000px) {\n      .style-module_CheckoutPage__A_f2V .style-module_Right__3AN4f {\n        display: none; } }\n";
+var css_248z$3 = ".style-module_CheckoutPage__A_f2V {\n  font-family: -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n  font-size: 16px !important;\n  width: 100%;\n  height: 100vh;\n  overflow: auto;\n  overflow-x: hidden;\n  display: flex; }\n  .style-module_CheckoutPage__A_f2V * {\n    box-sizing: border-box !important;\n    font-family: -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n    font-size: 16px; }\n  .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 {\n    width: 50%;\n    flex: 0 0 auto;\n    display: flex;\n    justify-content: flex-end;\n    padding-left: 20px;\n    padding-right: 40px; }\n    .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 {\n      width: 100%;\n      min-width: 400px;\n      max-width: 600px;\n      display: flex;\n      flex-direction: column;\n      justify-content: space-between;\n      min-height: 100vh; }\n      .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_Space__1e2de {\n        width: 100%;\n        height: 100px; }\n      .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_Footer__ebdyg {\n        flex: 0 0 auto;\n        height: 50px;\n        background-color: white;\n        width: calc(100% - 1em);\n        display: flex;\n        align-items: center;\n        border-top: 1px solid #d9d9d9; }\n        .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_Footer__ebdyg .style-module_FooterItem__1ofBc {\n          font-size: 0.7em;\n          margin-right: 1.4em;\n          color: #737373;\n          cursor: pointer;\n          user-select: none; }\n          .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_Footer__ebdyg .style-module_FooterItem__1ofBc:hover {\n            color: #111111; }\n        @media only screen and (max-width: 1000px) {\n          .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_Footer__ebdyg {\n            width: 100%;\n            padding-left: 0.7em; } }\n    .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_Header__1vfF1 {\n      width: 100%;\n      height: 96px;\n      display: flex;\n      align-items: center;\n      font-weight: 500;\n      font-size: 1.5em;\n      padding-left: 0.4em; }\n      .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_Header__1vfF1 a {\n        width: 100%; }\n      .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_Header__1vfF1 .style-module_Logo__2E8Do {\n        width: 100%;\n        height: 64px;\n        position: relative;\n        user-select: none;\n        cursor: pointer; }\n        .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_Header__1vfF1 .style-module_Logo__2E8Do img {\n          object-fit: contain;\n          object-position: left;\n          pointer-events: none; }\n    @media only screen and (min-width: 1000px) {\n      .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_MobileCartSummary__3NrcP {\n        display: none; } }\n    .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_RowPB__3M7Tz {\n      padding-bottom: 0.7em; }\n    @media only screen and (max-width: 1000px) {\n      .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 {\n        width: 100%;\n        justify-content: center;\n        padding-right: 0px;\n        padding-left: 0px; }\n        .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 {\n          width: 100%;\n          min-width: auto;\n          max-width: 100%; } }\n  .style-module_CheckoutPage__A_f2V .style-module_Right__3AN4f {\n    width: 50%;\n    min-height: 100%;\n    flex: 0 0 auto;\n    background-color: #FAFAFA;\n    border-left: 1px solid #d9d9d9;\n    display: flex;\n    padding-left: 40px;\n    padding-right: 20px;\n    position: sticky;\n    top: 0;\n    overflow-y: auto; }\n    .style-module_CheckoutPage__A_f2V .style-module_Right__3AN4f .style-module_RightContent__1TcO5 {\n      width: 100%;\n      max-width: 600px;\n      padding-top: 80px; }\n    @media only screen and (max-width: 1000px) {\n      .style-module_CheckoutPage__A_f2V .style-module_Right__3AN4f {\n        display: none; } }\n";
 var styles$2 = {"CheckoutPage":"style-module_CheckoutPage__A_f2V","Left":"style-module_Left__2dWz6","LeftContent":"style-module_LeftContent__1Tyb7","Space":"style-module_Space__1e2de","Footer":"style-module_Footer__ebdyg","FooterItem":"style-module_FooterItem__1ofBc","Header":"style-module_Header__1vfF1","Logo":"style-module_Logo__2E8Do","MobileCartSummary":"style-module_MobileCartSummary__3NrcP","RowPB":"style-module_RowPB__3M7Tz","Right":"style-module_Right__3AN4f","RightContent":"style-module_RightContent__1TcO5"};
 styleInject(css_248z$3);
 
@@ -28651,16 +28684,17 @@ var AddressForm$1 = observer(function (_a) {
                     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" })))));
 });
 
-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.style-module_Large__2wPlw {\n    height: 64px;\n    padding: 0 1.7em; }\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: #545454;\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";
-var styles$3 = {"Button":"style-module_Button__1UPMN","Large":"style-module_Large__2wPlw","Dark":"style-module_Dark__1Z_hs","Disabled":"style-module_Disabled__3HYF_","FullWidthMobile":"style-module_FullWidthMobile__3MTFv","loader":"style-module_loader__3v6kq","load8":"style-module_load8__2z7nj"};
+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";
+var styles$3 = {"Button":"style-module_Button__1UPMN","Large":"style-module_Large__2wPlw","Medium":"style-module_Medium__3t0pu","Dark":"style-module_Dark__1Z_hs","Disabled":"style-module_Disabled__3HYF_","FullWidthMobile":"style-module_FullWidthMobile__3MTFv","loader":"style-module_loader__3v6kq","load8":"style-module_load8__2z7nj"};
 styleInject(css_248z$4);
 
 var Button = observer(function (_a) {
-    var text = _a.text, onClick = _a.onClick, isLoading = _a.isLoading;
-    return (createElement("button", { type: "button", className: [
+    var text = _a.text, style = _a.style, onClick = _a.onClick, size = _a.size, isLoading = _a.isLoading, isDisabled = _a.isDisabled;
+    return (createElement("button", { style: style, type: "button", className: [
             styles$3.Button,
             styles$3.Dark,
-            styles$3.Large,
+            size === "medium" ? styles$3.Medium : styles$3.Large,
+            isDisabled ? styles$3.Disabled : "",
             styles$3.FullWidthMobile,
         ].join(" "), onClick: !isLoading ? onClick : undefined }, isLoading ? (createElement("div", { className: styles$3.loader })) : (createElement("span", null, text))));
 });
@@ -29008,8 +29042,8 @@ var CartItem = observer(function (_a) {
         createElement("div", { className: styles$e.Price }, formatMoney(cartItem.finalPriceWithQuantity, currencyCode))));
 });
 
-var css_248z$g = ".style-module_CartSummary__30RcF {\n  background-color: #FAFAFA;\n  padding: 0 0.7em;\n  border-bottom: 1px solid #d9d9d9;\n  overflow: hidden; }\n  .style-module_CartSummary__30RcF.style-module_AllowExpand__3kDXF {\n    border-top: 1px solid #d9d9d9; }\n  .style-module_CartSummary__30RcF .style-module_ExpandHeader__2ICjA {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    height: 56px;\n    padding: 0 1em;\n    width: calc(100% + 1.4em);\n    margin-left: -0.7em;\n    border-bottom: 1px solid transparent;\n    transition: border-bottom .3s;\n    user-select: none; }\n    .style-module_CartSummary__30RcF .style-module_ExpandHeader__2ICjA .style-module_Left__A54sv {\n      display: flex;\n      align-items: center;\n      font-size: 0.8em; }\n      .style-module_CartSummary__30RcF .style-module_ExpandHeader__2ICjA .style-module_Left__A54sv .style-module_Label__3E7LF {\n        margin-left: 0.5em; }\n      .style-module_CartSummary__30RcF .style-module_ExpandHeader__2ICjA .style-module_Left__A54sv .style-module_ArrowDown__2ET-d {\n        transition: all .3s; }\n        .style-module_CartSummary__30RcF .style-module_ExpandHeader__2ICjA .style-module_Left__A54sv .style-module_ArrowDown__2ET-d.style-module_Rotated__3sgbm {\n          transform: rotate(-180deg); }\n    .style-module_CartSummary__30RcF .style-module_ExpandHeader__2ICjA .style-module_Price__sosrJ {\n      font-weight: 500; }\n    .style-module_CartSummary__30RcF .style-module_ExpandHeader__2ICjA.style-module_Expanded__3VBL2 {\n      border-bottom: 1px solid #d9d9d9; }\n  .style-module_CartSummary__30RcF .style-module_DetailsContainer__FBBIP {\n    overflow: hidden;\n    width: 100%;\n    transition: height .3s ease-in-out; }\n  .style-module_CartSummary__30RcF .style-module_Details__3-X_i {\n    overflow: hidden; }\n  .style-module_CartSummary__30RcF .style-module_Divider__2d0Zk {\n    width: 100%;\n    height: 1px;\n    margin: auto;\n    background-color: #d9d9d9; }\n  .style-module_CartSummary__30RcF .style-module_Coupon__3pdQA {\n    display: flex;\n    padding: 1.2em 0;\n    border-bottom: 1px solid #d9d9d9; }\n    .style-module_CartSummary__30RcF .style-module_Coupon__3pdQA .style-module_CouponButton__14hL- {\n      flex: 0 0 auto;\n      width: 60px;\n      margin-left: 0.5em;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      color: white; }\n  .style-module_CartSummary__30RcF .style-module_SubTotalInfo__1QMnr {\n    padding: 1.2em 0;\n    border-bottom: 1px solid #d9d9d9; }\n    .style-module_CartSummary__30RcF .style-module_SubTotalInfo__1QMnr .style-module_InfoRow__3eZdJ {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      margin-bottom: 0.3em; }\n      .style-module_CartSummary__30RcF .style-module_SubTotalInfo__1QMnr .style-module_InfoRow__3eZdJ .style-module_Label__3E7LF {\n        color: #545454;\n        font-size: 0.8em; }\n      .style-module_CartSummary__30RcF .style-module_SubTotalInfo__1QMnr .style-module_InfoRow__3eZdJ .style-module_Value__3mBvk {\n        font-size: 0.8em; }\n      .style-module_CartSummary__30RcF .style-module_SubTotalInfo__1QMnr .style-module_InfoRow__3eZdJ:last-of-type {\n        margin-bottom: 0; }\n  .style-module_CartSummary__30RcF .style-module_TotalContainer__36DNt {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 1.5em 0; }\n    .style-module_CartSummary__30RcF .style-module_TotalContainer__36DNt .style-module_TitleContainer__3ptQE .style-module_Title__16M5E {\n      font-size: 1em; }\n    .style-module_CartSummary__30RcF .style-module_TotalContainer__36DNt .style-module_TitleContainer__3ptQE .style-module_Tax__17g6O {\n      font-size: 0.8em;\n      color: #545454; }\n    .style-module_CartSummary__30RcF .style-module_TotalContainer__36DNt .style-module_TotalPrice__2s7DC {\n      font-size: 1.5em;\n      font-weight: 500; }\n  @media only screen and (min-width: 1000px) {\n    .style-module_CartSummary__30RcF .style-module_SubTotalInfo__1QMnr .style-module_InfoRow__3eZdJ .style-module_Label__3E7LF,\n    .style-module_CartSummary__30RcF .style-module_SubTotalInfo__1QMnr .style-module_InfoRow__3eZdJ .style-module_Value__3mBvk {\n      font-size: 0.9em; } }\n";
-var styles$f = {"CartSummary":"style-module_CartSummary__30RcF","AllowExpand":"style-module_AllowExpand__3kDXF","ExpandHeader":"style-module_ExpandHeader__2ICjA","Left":"style-module_Left__A54sv","Label":"style-module_Label__3E7LF","ArrowDown":"style-module_ArrowDown__2ET-d","Rotated":"style-module_Rotated__3sgbm","Price":"style-module_Price__sosrJ","Expanded":"style-module_Expanded__3VBL2","DetailsContainer":"style-module_DetailsContainer__FBBIP","Details":"style-module_Details__3-X_i","Divider":"style-module_Divider__2d0Zk","Coupon":"style-module_Coupon__3pdQA","CouponButton":"style-module_CouponButton__14hL-","SubTotalInfo":"style-module_SubTotalInfo__1QMnr","InfoRow":"style-module_InfoRow__3eZdJ","Value":"style-module_Value__3mBvk","TotalContainer":"style-module_TotalContainer__36DNt","TitleContainer":"style-module_TitleContainer__3ptQE","Title":"style-module_Title__16M5E","Tax":"style-module_Tax__17g6O","TotalPrice":"style-module_TotalPrice__2s7DC"};
+var css_248z$g = ".style-module_CartSummary__30RcF {\n  background-color: #FAFAFA;\n  padding: 0 0.7em;\n  overflow: hidden;\n  border-bottom: 1px solid #d9d9d9; }\n  .style-module_CartSummary__30RcF.style-module_AllowExpand__3kDXF {\n    border-top: 1px solid #d9d9d9; }\n  .style-module_CartSummary__30RcF .style-module_ExpandHeader__2ICjA {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    height: 56px;\n    padding: 0 1em;\n    width: calc(100% + 1.4em);\n    margin-left: -0.7em;\n    border-bottom: 1px solid transparent;\n    transition: border-bottom .3s;\n    user-select: none; }\n    .style-module_CartSummary__30RcF .style-module_ExpandHeader__2ICjA .style-module_Left__A54sv {\n      display: flex;\n      align-items: center;\n      font-size: 0.8em; }\n      .style-module_CartSummary__30RcF .style-module_ExpandHeader__2ICjA .style-module_Left__A54sv .style-module_Label__3E7LF {\n        margin-left: 0.5em; }\n      .style-module_CartSummary__30RcF .style-module_ExpandHeader__2ICjA .style-module_Left__A54sv .style-module_ArrowDown__2ET-d {\n        transition: all .3s; }\n        .style-module_CartSummary__30RcF .style-module_ExpandHeader__2ICjA .style-module_Left__A54sv .style-module_ArrowDown__2ET-d.style-module_Rotated__3sgbm {\n          transform: rotate(-180deg); }\n    .style-module_CartSummary__30RcF .style-module_ExpandHeader__2ICjA .style-module_Price__sosrJ {\n      font-weight: 500; }\n    .style-module_CartSummary__30RcF .style-module_ExpandHeader__2ICjA.style-module_Expanded__3VBL2 {\n      border-bottom: 1px solid #d9d9d9; }\n  .style-module_CartSummary__30RcF .style-module_DetailsContainer__FBBIP {\n    overflow: hidden;\n    width: 100%;\n    transition: height .3s ease-in-out; }\n  .style-module_CartSummary__30RcF .style-module_Details__3-X_i {\n    overflow: hidden; }\n  .style-module_CartSummary__30RcF .style-module_Divider__2d0Zk {\n    width: 100%;\n    height: 1px;\n    margin: auto;\n    background-color: #d9d9d9; }\n  .style-module_CartSummary__30RcF .style-module_CouponContainer__1zCXG {\n    padding: 1.2em 0.1em;\n    border-bottom: 1px solid #d9d9d9; }\n  .style-module_CartSummary__30RcF .style-module_Coupon__3pdQA {\n    display: flex; }\n  .style-module_CartSummary__30RcF .style-module_AppliedCoupon__37qv8 {\n    display: inline-flex;\n    align-items: center;\n    padding: 0.65em;\n    margin-top: 0.85em;\n    color: #333333;\n    background-color: rgba(113, 113, 113, 0.11);\n    user-select: none;\n    border-radius: 6px; }\n    .style-module_CartSummary__30RcF .style-module_AppliedCoupon__37qv8 .style-module_AppliedCouponCode__2o7pn {\n      margin-left: 0.25em;\n      margin-right: 0.25em;\n      font-weight: 500;\n      position: relative;\n      top: -1px; }\n    .style-module_CartSummary__30RcF .style-module_AppliedCoupon__37qv8 .style-module_Cross__2dc3d {\n      color: #545454;\n      cursor: pointer;\n      position: relative;\n      bottom: -1px; }\n      .style-module_CartSummary__30RcF .style-module_AppliedCoupon__37qv8 .style-module_Cross__2dc3d:hover {\n        color: #333333; }\n  .style-module_CartSummary__30RcF .style-module_SubTotalInfo__1QMnr {\n    padding: 1.2em 0;\n    border-bottom: 1px solid #d9d9d9; }\n    .style-module_CartSummary__30RcF .style-module_SubTotalInfo__1QMnr .style-module_InfoRow__3eZdJ {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      margin-bottom: 0.3em; }\n      .style-module_CartSummary__30RcF .style-module_SubTotalInfo__1QMnr .style-module_InfoRow__3eZdJ .style-module_Label__3E7LF {\n        color: #545454;\n        font-size: 0.8em; }\n      .style-module_CartSummary__30RcF .style-module_SubTotalInfo__1QMnr .style-module_InfoRow__3eZdJ .style-module_Value__3mBvk {\n        font-size: 0.8em; }\n      .style-module_CartSummary__30RcF .style-module_SubTotalInfo__1QMnr .style-module_InfoRow__3eZdJ:last-of-type {\n        margin-bottom: 0; }\n  .style-module_CartSummary__30RcF .style-module_TotalContainer__36DNt {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 1.5em 0; }\n    .style-module_CartSummary__30RcF .style-module_TotalContainer__36DNt .style-module_TitleContainer__3ptQE .style-module_Title__16M5E {\n      font-size: 1em; }\n    .style-module_CartSummary__30RcF .style-module_TotalContainer__36DNt .style-module_TitleContainer__3ptQE .style-module_Tax__17g6O {\n      font-size: 0.8em;\n      color: #545454; }\n    .style-module_CartSummary__30RcF .style-module_TotalContainer__36DNt .style-module_TotalPrice__2s7DC {\n      font-size: 1.5em;\n      font-weight: 500; }\n  @media only screen and (min-width: 1000px) {\n    .style-module_CartSummary__30RcF {\n      border-bottom: none; }\n      .style-module_CartSummary__30RcF .style-module_SubTotalInfo__1QMnr .style-module_InfoRow__3eZdJ .style-module_Label__3E7LF,\n      .style-module_CartSummary__30RcF .style-module_SubTotalInfo__1QMnr .style-module_InfoRow__3eZdJ .style-module_Value__3mBvk {\n        font-size: 0.9em; } }\n";
+var styles$f = {"CartSummary":"style-module_CartSummary__30RcF","AllowExpand":"style-module_AllowExpand__3kDXF","ExpandHeader":"style-module_ExpandHeader__2ICjA","Left":"style-module_Left__A54sv","Label":"style-module_Label__3E7LF","ArrowDown":"style-module_ArrowDown__2ET-d","Rotated":"style-module_Rotated__3sgbm","Price":"style-module_Price__sosrJ","Expanded":"style-module_Expanded__3VBL2","DetailsContainer":"style-module_DetailsContainer__FBBIP","Details":"style-module_Details__3-X_i","Divider":"style-module_Divider__2d0Zk","CouponContainer":"style-module_CouponContainer__1zCXG","Coupon":"style-module_Coupon__3pdQA","AppliedCoupon":"style-module_AppliedCoupon__37qv8","AppliedCouponCode":"style-module_AppliedCouponCode__2o7pn","Cross":"style-module_Cross__2dc3d","SubTotalInfo":"style-module_SubTotalInfo__1QMnr","InfoRow":"style-module_InfoRow__3eZdJ","Value":"style-module_Value__3mBvk","TotalContainer":"style-module_TotalContainer__36DNt","TitleContainer":"style-module_TitleContainer__3ptQE","Title":"style-module_Title__16M5E","Tax":"style-module_Tax__17g6O","TotalPrice":"style-module_TotalPrice__2s7DC"};
 styleInject(css_248z$g);
 
 var SVGArrowDown = function (_a) {
@@ -29026,6 +29060,20 @@ var SVGShoppingBag = function (_a) {
         createElement("path", { fill: "currentColor", d: "M4 16V4H2V2h3a1 1 0 0 1 1 1v12h12.438l2-8H8V5h13.72a1 1 0 0 1 .97 1.243l-2.5 10a1 1 0 0 1-.97.757H5a1 1 0 0 1-1-1zm2 7a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm12 0a2 2 0 1 1 0-4 2 2 0 0 1 0 4z" })));
 };
 
+var SVGTag = function (_a) {
+    var className = _a.className;
+    return (createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "24", height: "24", className: className },
+        createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
+        createElement("path", { fill: "currentColor", d: "M10.9 2.1l9.899 1.415 1.414 9.9-9.192 9.192a1 1 0 0 1-1.414 0l-9.9-9.9a1 1 0 0 1 0-1.414L10.9 2.1zm2.828 8.486a2 2 0 1 0 2.828-2.829 2 2 0 0 0-2.828 2.829z" })));
+};
+
+var SVGCross = function (_a) {
+    var className = _a.className;
+    return (createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "24", height: "24", className: className },
+        createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
+        createElement("path", { fill: "currentColor", d: "M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636z" })));
+};
+
 var CartSummary = observer(function (_a) {
     var _b;
     var vm = _a.vm, allowExpand = _a.allowExpand;
@@ -29083,6 +29131,7 @@ var CartSummary = observer(function (_a) {
                 cart.items.map(function (item, index) { return (createElement("div", { key: index },
                     createElement(CartItem, { cartItem: item, currencyCode: cart.currencyCode }),
                     createElement("div", { className: styles$f.Divider }))); }),
+                createElement(Coupon, { vm: vm }),
                 createElement("div", { className: styles$f.SubTotalInfo },
                     createElement("div", { className: styles$f.InfoRow },
                         createElement("div", { className: styles$f.Label }, "Alt Toplam"),
@@ -29097,7 +29146,10 @@ var CartSummary = observer(function (_a) {
                         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 }, formatMoney(adjustment.amount, cart.currencyCode)))); })),
+                        createElement("div", { className: styles$f.Value },
+                            createElement("span", null, adjustment.type === "DECREMENT" ? "- " : ""),
+                            " ",
+                            createElement("span", null, formatMoney(adjustment.amount, cart.currencyCode))))); })),
                 createElement("div", { className: styles$f.TotalContainer },
                     createElement("div", { className: styles$f.TitleContainer },
                         createElement("div", { className: styles$f.Title }, "Toplam"),
@@ -29106,6 +29158,51 @@ var CartSummary = observer(function (_a) {
                     createElement("div", { className: styles$f.TotalPrice }, formatMoney(vm.installmentPrice ||
                         vm.checkout.totalFinalPrice ||
                         cart.totalPrice, cart.currencyCode)))))));
+});
+var Coupon = observer(function (_a) {
+    var vm = _a.vm;
+    var _b = useState(""), couponCode = _b[0], setCouponCode = _b[1];
+    var _c = useState(false), isLoadingCoupon = _c[0], setLoadingCoupon = _c[1];
+    var onCouponApply = function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    vm.checkout.couponCode = couponCode;
+                    setLoadingCoupon(true);
+                    return [4 /*yield*/, vm.onCouponCodeApply()];
+                case 1:
+                    _a.sent();
+                    setLoadingCoupon(false);
+                    setCouponCode("");
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    var onClearCouponCode = function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    vm.checkout.couponCode = null;
+                    setLoadingCoupon(true);
+                    return [4 /*yield*/, vm.onCouponCodeApply()];
+                case 1:
+                    _a.sent();
+                    setLoadingCoupon(false);
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    if (vm.step === CheckoutStep.SUCCESS)
+        return null;
+    return (createElement("div", { className: styles$f.CouponContainer },
+        createElement("div", { className: styles$f.Coupon },
+            createElement(FormItem, { type: FormItemType.TEXT, label: "Hediye kartı veya indirim kodu", value: couponCode, onChange: function (value) { return setCouponCode(value); } }),
+            createElement(Button, { text: "Uygula", onClick: onCouponApply, isDisabled: !couponCode, isLoading: isLoadingCoupon, size: "medium", style: { marginLeft: "0.5em", maxWidth: "80px" } })),
+        !!vm.checkout.appliedCouponCode && (createElement("div", { className: styles$f.AppliedCoupon },
+            createElement(SVGTag, null),
+            createElement("div", { className: styles$f.AppliedCouponCode }, vm.checkout.appliedCouponCode),
+            createElement("div", { className: styles$f.Cross, onClick: onClearCouponCode },
+                createElement(SVGCross, null))))));
 });
 
 var css_248z$h = ".style-module_Breadcrumbs__1jIPZ {\n  display: flex;\n  align-items: center;\n  padding: 0 0.7em; }\n  .style-module_Breadcrumbs__1jIPZ .style-module_Breadcrumb__2qdy3 {\n    font-size: 0.8em;\n    padding: 1em 0;\n    display: flex;\n    align-items: center;\n    user-select: none;\n    cursor: pointer;\n    color: #545454; }\n    .style-module_Breadcrumbs__1jIPZ .style-module_Breadcrumb__2qdy3 .style-module_icon__3Rq6w {\n      transform: rotate(180deg); }\n    .style-module_Breadcrumbs__1jIPZ .style-module_Breadcrumb__2qdy3.style-module_Active__3KwX8 {\n      color: #111111;\n      font-weight: 500; }\n";
@@ -29136,7 +29233,7 @@ var Breadcrumbs = observer(function (_a) {
         catch (err) { }
     };
     return (createElement("div", { className: styles$g.Breadcrumbs },
-        createElement("div", { className: styles$g.Breadcrumb, onClick: vm.onBackToShoppingClick },
+        createElement("div", { className: styles$g.Breadcrumb, onClick: vm.onGoToCartClick },
             createElement("span", null, "Sepet"),
             createElement("span", { className: styles$g.icon },
                 createElement(SVGArrowLeft, null))),

package/build/index.js

@@ -11453,6 +11453,8 @@ var IkasCheckout = /** @class */ (function () {
         this.totalFinalPrice = null;
         this.adjustments = null;
         this.note = null;
+        // Extra
+        this.appliedCouponCode = null;
         this.id = data.id;
         this.createdAt = data.createdAt;
         this.updatedAt = data.updatedAt;
@@ -11467,14 +11469,15 @@ var IkasCheckout = /** @class */ (function () {
         this.customer = data.customer;
         this.billingAddress = data.billingAddress
             ? new IkasOrderAddress(data.billingAddress)
-            : undefined;
+            : new IkasOrderAddress();
         this.shippingAddress = data.shippingAddress
             ? new IkasOrderAddress(data.shippingAddress)
-            : undefined;
+            : new IkasOrderAddress();
         this.shippingLines = data.shippingLines || [];
         this.shippingMethod = data.shippingMethod || exports.IkasShippingMethod.NO_SHIPMENT;
         this.status = data.status || exports.IkasCheckoutStatus.OPEN;
         this.couponCode = data.couponCode;
+        this.appliedCouponCode = data.couponCode;
         this.recoverEmailStatus = data.recoverEmailStatus;
         this.recoveryStatus = data.recoveryStatus;
         this.totalFinalPrice = data.totalFinalPrice;
@@ -16484,6 +16487,33 @@ var CheckoutViewModel = /** @class */ (function () {
         this.onCouponCodeChange = function (value) {
             _this.checkout.couponCode = value;
         };
+        this.onCouponCodeApply = function () { return __awaiter(_this, void 0, void 0, function () {
+            var newCheckout, oldCheckout;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        _a.trys.push([0, 3, , 4]);
+                        return [4 /*yield*/, this.saveCheckout()];
+                    case 1:
+                        _a.sent();
+                        return [4 /*yield*/, IkasCheckoutAPI.getCheckoutById(this.checkout.id)];
+                    case 2:
+                        newCheckout = _a.sent();
+                        if (newCheckout) {
+                            oldCheckout = this.checkout;
+                            this.checkout = newCheckout;
+                            this.checkout.customer = oldCheckout.customer;
+                            this.checkout.shippingAddress = oldCheckout.shippingAddress;
+                            this.checkout.billingAddress = oldCheckout.billingAddress;
+                        }
+                        return [3 /*break*/, 4];
+                    case 3:
+                        _a.sent();
+                        return [3 /*break*/, 4];
+                    case 4: return [2 /*return*/];
+                }
+            });
+        }); };
         this.onSelectedShippingAddressIdChange = function (value) {
             var _a;
             _this.selectedShippingAddressId = value;
@@ -16573,11 +16603,14 @@ var CheckoutViewModel = /** @class */ (function () {
             _this.cardData.cvv = value;
         };
         // CREDIT CARD END
+        this.onGoToCartClick = function () {
+            _this.router.push("/cart");
+        };
         this.onBackToShoppingClick = function () {
             _this.router.push("/");
         };
         this.onProceedToShippingClick = function () { return __awaiter(_this, void 0, void 0, function () {
-            var newAddress, customer, err_2;
+            var newAddress, customer, err_3;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
@@ -16607,12 +16640,12 @@ var CheckoutViewModel = /** @class */ (function () {
                         this.changeStep(CheckoutStep.SHIPPING);
                         return [3 /*break*/, 7];
                     case 6:
-                        err_2 = _a.sent();
-                        if (err_2.type) {
-                            this.error = err_2;
+                        err_3 = _a.sent();
+                        if (err_3.type) {
+                            this.error = err_3;
                         }
                         else {
-                            console.log(err_2);
+                            console.log(err_3);
                             this.error = {
                                 type: ErrorType.UNKNOWN,
                             };
@@ -16624,7 +16657,7 @@ var CheckoutViewModel = /** @class */ (function () {
             });
         }); };
         this.onProceedToPaymentClick = function () { return __awaiter(_this, void 0, void 0, function () {
-            var err_3;
+            var err_4;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
@@ -16644,12 +16677,12 @@ var CheckoutViewModel = /** @class */ (function () {
                         this.changeStep(CheckoutStep.PAYMENT);
                         return [3 /*break*/, 4];
                     case 3:
-                        err_3 = _a.sent();
-                        if (err_3.type) {
-                            this.error = err_3;
+                        err_4 = _a.sent();
+                        if (err_4.type) {
+                            this.error = err_4;
                         }
                         else {
-                            console.log(err_3);
+                            console.log(err_4);
                             this.error = {
                                 type: ErrorType.UNKNOWN,
                             };
@@ -16661,7 +16694,7 @@ var CheckoutViewModel = /** @class */ (function () {
             });
         }); };
         this.performPayment = function () { return __awaiter(_this, void 0, void 0, function () {
-            var response, transactionStatus, err_4;
+            var response, transactionStatus, err_5;
             var _a;
             return __generator(this, function (_b) {
                 switch (_b.label) {
@@ -16712,10 +16745,10 @@ var CheckoutViewModel = /** @class */ (function () {
                         }
                         return [3 /*break*/, 6];
                     case 5:
-                        err_4 = _b.sent();
-                        if (err_4.type) {
-                            console.log(err_4);
-                            this.error = err_4;
+                        err_5 = _b.sent();
+                        if (err_5.type) {
+                            console.log(err_5);
+                            this.error = err_5;
                         }
                         else {
                             this.error = {
@@ -26517,7 +26550,7 @@ var IkasCheckoutAPI = /** @class */ (function () {
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        QUERY = src(templateObject_2$3 || (templateObject_2$3 = __makeTemplateObject(["\n      query getCheckoutById($id: String!) {\n        getCheckoutById(id: $id) {\n          totalFinalPrice\n          note\n          availableShippingMethods {\n            price\n            rateName\n            shippingMethod\n            shippingSettingsId\n            shippingZoneRateId\n          }\n          billingAddress {\n            addressLine1\n            addressLine2\n            city {\n              code\n              id\n              name\n            }\n            company\n            country {\n              code\n              id\n              name\n            }\n            district {\n              code\n              id\n              name\n            }\n            firstName\n            identityNumber\n            isDefault\n            lastName\n            phone\n            postalCode\n            state {\n              code\n              id\n              name\n            }\n            taxNumber\n            taxOffice\n          }\n          cartId\n          couponCode\n          createdAt\n          customer {\n            email\n            firstName\n            id\n            lastName\n          }\n          deleted\n          id\n          merchantId\n          orderId\n          orderNumber\n          recoverEmailStatus\n          recoveryStatus\n          shippingAddress {\n            addressLine1\n            addressLine2\n            city {\n              code\n              id\n              name\n            }\n            company\n            country {\n              id\n              code\n              name\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          shippingLines {\n            title\n            taxValue\n            price\n            shippingSettingsId\n            shippingZoneRateId\n          }\n          shippingMethod\n          shippingSettingsId\n          shippingZoneRateId\n          status\n          updatedAt\n          cart {\n            createdAt\n            currencyCode\n            customerId\n            dueDate\n            id\n            itemCount\n            items {\n              createdAt\n              currencyCode\n              discount {\n                amount\n                amountType\n                reason\n              }\n              discountPrice\n              finalPrice\n              id\n              originalOrderLineItemId\n              price\n              quantity\n              status\n              deleted\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                  order\n                  variantTypeId\n                  variantTypeName\n                  variantValueId\n                  variantValueName\n                }\n              }\n            }\n            merchantId\n            status\n            totalPrice\n            updatedAt\n          }\n          adjustments {\n            amount\n            amountType\n            name\n            order\n            type\n          }\n        }\n      }\n    "], ["\n      query getCheckoutById($id: String!) {\n        getCheckoutById(id: $id) {\n          totalFinalPrice\n          note\n          availableShippingMethods {\n            price\n            rateName\n            shippingMethod\n            shippingSettingsId\n            shippingZoneRateId\n          }\n          billingAddress {\n            addressLine1\n            addressLine2\n            city {\n              code\n              id\n              name\n            }\n            company\n            country {\n              code\n              id\n              name\n            }\n            district {\n              code\n              id\n              name\n            }\n            firstName\n            identityNumber\n            isDefault\n            lastName\n            phone\n            postalCode\n            state {\n              code\n              id\n              name\n            }\n            taxNumber\n            taxOffice\n          }\n          cartId\n          couponCode\n          createdAt\n          customer {\n            email\n            firstName\n            id\n            lastName\n          }\n          deleted\n          id\n          merchantId\n          orderId\n          orderNumber\n          recoverEmailStatus\n          recoveryStatus\n          shippingAddress {\n            addressLine1\n            addressLine2\n            city {\n              code\n              id\n              name\n            }\n            company\n            country {\n              id\n              code\n              name\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          shippingLines {\n            title\n            taxValue\n            price\n            shippingSettingsId\n            shippingZoneRateId\n          }\n          shippingMethod\n          shippingSettingsId\n          shippingZoneRateId\n          status\n          updatedAt\n          cart {\n            createdAt\n            currencyCode\n            customerId\n            dueDate\n            id\n            itemCount\n            items {\n              createdAt\n              currencyCode\n              discount {\n                amount\n                amountType\n                reason\n              }\n              discountPrice\n              finalPrice\n              id\n              originalOrderLineItemId\n              price\n              quantity\n              status\n              deleted\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                  order\n                  variantTypeId\n                  variantTypeName\n                  variantValueId\n                  variantValueName\n                }\n              }\n            }\n            merchantId\n            status\n            totalPrice\n            updatedAt\n          }\n          adjustments {\n            amount\n            amountType\n            name\n            order\n            type\n          }\n        }\n      }\n    "])));
+                        QUERY = src(templateObject_2$3 || (templateObject_2$3 = __makeTemplateObject(["\n      query getCheckoutById($id: String!) {\n        getCheckoutById(id: $id) {\n          totalFinalPrice\n          note\n          availableShippingMethods {\n            price\n            rateName\n            shippingMethod\n            shippingSettingsId\n            shippingZoneRateId\n          }\n          billingAddress {\n            addressLine1\n            addressLine2\n            city {\n              code\n              id\n              name\n            }\n            company\n            country {\n              code\n              id\n              name\n            }\n            district {\n              code\n              id\n              name\n            }\n            firstName\n            identityNumber\n            isDefault\n            lastName\n            phone\n            postalCode\n            state {\n              code\n              id\n              name\n            }\n            taxNumber\n            taxOffice\n          }\n          cartId\n          couponCode\n          createdAt\n          customer {\n            email\n            firstName\n            id\n            lastName\n          }\n          deleted\n          id\n          merchantId\n          orderId\n          orderNumber\n          recoverEmailStatus\n          recoveryStatus\n          shippingAddress {\n            addressLine1\n            addressLine2\n            city {\n              code\n              id\n              name\n            }\n            company\n            country {\n              id\n              code\n              name\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          shippingLines {\n            title\n            taxValue\n            price\n            shippingSettingsId\n            shippingZoneRateId\n          }\n          shippingMethod\n          shippingSettingsId\n          shippingZoneRateId\n          status\n          updatedAt\n          cart {\n            createdAt\n            currencyCode\n            customerId\n            dueDate\n            id\n            itemCount\n            items {\n              createdAt\n              currencyCode\n              discount {\n                amount\n                amountType\n                reason\n              }\n              discountPrice\n              finalPrice\n              id\n              originalOrderLineItemId\n              price\n              quantity\n              status\n              deleted\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                  order\n                  variantTypeId\n                  variantTypeName\n                  variantValueId\n                  variantValueName\n                }\n              }\n            }\n            merchantId\n            status\n            totalPrice\n            updatedAt\n          }\n          adjustments {\n            amount\n            amountType\n            name\n            order\n            type\n            couponId\n          }\n        }\n      }\n    "], ["\n      query getCheckoutById($id: String!) {\n        getCheckoutById(id: $id) {\n          totalFinalPrice\n          note\n          availableShippingMethods {\n            price\n            rateName\n            shippingMethod\n            shippingSettingsId\n            shippingZoneRateId\n          }\n          billingAddress {\n            addressLine1\n            addressLine2\n            city {\n              code\n              id\n              name\n            }\n            company\n            country {\n              code\n              id\n              name\n            }\n            district {\n              code\n              id\n              name\n            }\n            firstName\n            identityNumber\n            isDefault\n            lastName\n            phone\n            postalCode\n            state {\n              code\n              id\n              name\n            }\n            taxNumber\n            taxOffice\n          }\n          cartId\n          couponCode\n          createdAt\n          customer {\n            email\n            firstName\n            id\n            lastName\n          }\n          deleted\n          id\n          merchantId\n          orderId\n          orderNumber\n          recoverEmailStatus\n          recoveryStatus\n          shippingAddress {\n            addressLine1\n            addressLine2\n            city {\n              code\n              id\n              name\n            }\n            company\n            country {\n              id\n              code\n              name\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          shippingLines {\n            title\n            taxValue\n            price\n            shippingSettingsId\n            shippingZoneRateId\n          }\n          shippingMethod\n          shippingSettingsId\n          shippingZoneRateId\n          status\n          updatedAt\n          cart {\n            createdAt\n            currencyCode\n            customerId\n            dueDate\n            id\n            itemCount\n            items {\n              createdAt\n              currencyCode\n              discount {\n                amount\n                amountType\n                reason\n              }\n              discountPrice\n              finalPrice\n              id\n              originalOrderLineItemId\n              price\n              quantity\n              status\n              deleted\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                  order\n                  variantTypeId\n                  variantTypeName\n                  variantValueId\n                  variantValueName\n                }\n              }\n            }\n            merchantId\n            status\n            totalPrice\n            updatedAt\n          }\n          adjustments {\n            amount\n            amountType\n            name\n            order\n            type\n            couponId\n          }\n        }\n      }\n    "])));
                         _b.label = 1;
                     case 1:
                         _b.trys.push([1, 3, , 4]);
@@ -28155,7 +28188,7 @@ var SVGCaretDown = function (_a) {
 };
 
 var FormItem = mobxReactLite.observer(function (props) {
-    var vm = React.useState(function () { return new FormItemViewModel(props); })[0];
+    var _a = React.useState(function () { return new FormItemViewModel(props); }), vm = _a[0], setVM = _a[1];
     React.useEffect(function () {
         mobx.runInAction(function () {
             vm.type = props.type;
@@ -28188,7 +28221,7 @@ var FormItem = mobxReactLite.observer(function (props) {
     }, [props.errorText]);
     React.useEffect(function () {
         mobx.runInAction(function () {
-            vm.onChange = props.onChange;
+            setVM(new FormItemViewModel(props));
         });
     }, [props.onChange]);
     return (React.createElement("div", { className: vm.formItemStyle },
@@ -28589,7 +28622,7 @@ var css_248z$2 = ".common-module_FormSectionTitle___Mykh {\n  width: 100%;\n  di
 var commonStyles = {"FormSectionTitle":"common-module_FormSectionTitle___Mykh","Title":"common-module_Title__3JTHt","WithSubTitle":"common-module_WithSubTitle__1VHWv","SubTitle":"common-module_SubTitle__1H4kH","Grid":"common-module_Grid__2CuvH","Grid2":"common-module_Grid2__9CCag","Grid3":"common-module_Grid3__3p0jJ","FormContainer":"common-module_FormContainer__2I_Lj","mtFormRow":"common-module_mtFormRow__2tsDn","mt1":"common-module_mt1__3tpC1","mt2":"common-module_mt2__2bl5q","fadeInFromRight":"common-module_fadeInFromRight__3RYk5"};
 styleInject(css_248z$2);
 
-var css_248z$3 = ".style-module_CheckoutPage__A_f2V {\n  font-family: -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n  font-size: 16px;\n  width: 100%;\n  height: 100vh;\n  overflow: auto;\n  overflow-x: hidden;\n  display: flex; }\n  .style-module_CheckoutPage__A_f2V * {\n    box-sizing: border-box !important; }\n  .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 {\n    width: 50%;\n    flex: 0 0 auto;\n    display: flex;\n    justify-content: flex-end;\n    padding-left: 20px;\n    padding-right: 40px; }\n    .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 {\n      width: 100%;\n      min-width: 400px;\n      max-width: 600px;\n      display: flex;\n      flex-direction: column;\n      justify-content: space-between;\n      min-height: 100vh; }\n      .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_Space__1e2de {\n        width: 100%;\n        height: 100px; }\n      .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_Footer__ebdyg {\n        flex: 0 0 auto;\n        height: 50px;\n        background-color: white;\n        width: calc(100% - 1em);\n        display: flex;\n        align-items: center;\n        border-top: 1px solid #d9d9d9; }\n        .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_Footer__ebdyg .style-module_FooterItem__1ofBc {\n          font-size: 0.7em;\n          margin-right: 1.4em;\n          color: #737373;\n          cursor: pointer;\n          user-select: none; }\n          .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_Footer__ebdyg .style-module_FooterItem__1ofBc:hover {\n            color: #111111; }\n        @media only screen and (max-width: 1000px) {\n          .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_Footer__ebdyg {\n            width: 100%;\n            padding-left: 0.7em; } }\n    .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_Header__1vfF1 {\n      width: 100%;\n      height: 96px;\n      display: flex;\n      align-items: center;\n      font-weight: 500;\n      font-size: 1.5em;\n      padding-left: 0.4em; }\n      .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_Header__1vfF1 a {\n        width: 100%; }\n      .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_Header__1vfF1 .style-module_Logo__2E8Do {\n        width: 100%;\n        height: 64px;\n        position: relative;\n        user-select: none;\n        cursor: pointer; }\n        .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_Header__1vfF1 .style-module_Logo__2E8Do img {\n          object-fit: contain;\n          object-position: left;\n          pointer-events: none; }\n    @media only screen and (min-width: 1000px) {\n      .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_MobileCartSummary__3NrcP {\n        display: none; } }\n    .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_RowPB__3M7Tz {\n      padding-bottom: 0.7em; }\n    @media only screen and (max-width: 1000px) {\n      .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 {\n        width: 100%;\n        justify-content: center;\n        padding-right: 0px;\n        padding-left: 0px; }\n        .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 {\n          width: 100%;\n          min-width: auto;\n          max-width: 100%; } }\n  .style-module_CheckoutPage__A_f2V .style-module_Right__3AN4f {\n    width: 50%;\n    min-height: 100%;\n    flex: 0 0 auto;\n    background-color: #FAFAFA;\n    border-left: 1px solid #d9d9d9;\n    display: flex;\n    padding-left: 40px;\n    padding-right: 20px;\n    position: sticky;\n    top: 0;\n    overflow-y: auto; }\n    .style-module_CheckoutPage__A_f2V .style-module_Right__3AN4f .style-module_RightContent__1TcO5 {\n      width: 100%;\n      max-width: 600px;\n      padding-top: 80px; }\n    @media only screen and (max-width: 1000px) {\n      .style-module_CheckoutPage__A_f2V .style-module_Right__3AN4f {\n        display: none; } }\n";
+var css_248z$3 = ".style-module_CheckoutPage__A_f2V {\n  font-family: -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n  font-size: 16px !important;\n  width: 100%;\n  height: 100vh;\n  overflow: auto;\n  overflow-x: hidden;\n  display: flex; }\n  .style-module_CheckoutPage__A_f2V * {\n    box-sizing: border-box !important;\n    font-family: -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n    font-size: 16px; }\n  .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 {\n    width: 50%;\n    flex: 0 0 auto;\n    display: flex;\n    justify-content: flex-end;\n    padding-left: 20px;\n    padding-right: 40px; }\n    .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 {\n      width: 100%;\n      min-width: 400px;\n      max-width: 600px;\n      display: flex;\n      flex-direction: column;\n      justify-content: space-between;\n      min-height: 100vh; }\n      .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_Space__1e2de {\n        width: 100%;\n        height: 100px; }\n      .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_Footer__ebdyg {\n        flex: 0 0 auto;\n        height: 50px;\n        background-color: white;\n        width: calc(100% - 1em);\n        display: flex;\n        align-items: center;\n        border-top: 1px solid #d9d9d9; }\n        .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_Footer__ebdyg .style-module_FooterItem__1ofBc {\n          font-size: 0.7em;\n          margin-right: 1.4em;\n          color: #737373;\n          cursor: pointer;\n          user-select: none; }\n          .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_Footer__ebdyg .style-module_FooterItem__1ofBc:hover {\n            color: #111111; }\n        @media only screen and (max-width: 1000px) {\n          .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_Footer__ebdyg {\n            width: 100%;\n            padding-left: 0.7em; } }\n    .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_Header__1vfF1 {\n      width: 100%;\n      height: 96px;\n      display: flex;\n      align-items: center;\n      font-weight: 500;\n      font-size: 1.5em;\n      padding-left: 0.4em; }\n      .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_Header__1vfF1 a {\n        width: 100%; }\n      .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_Header__1vfF1 .style-module_Logo__2E8Do {\n        width: 100%;\n        height: 64px;\n        position: relative;\n        user-select: none;\n        cursor: pointer; }\n        .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_Header__1vfF1 .style-module_Logo__2E8Do img {\n          object-fit: contain;\n          object-position: left;\n          pointer-events: none; }\n    @media only screen and (min-width: 1000px) {\n      .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_MobileCartSummary__3NrcP {\n        display: none; } }\n    .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_RowPB__3M7Tz {\n      padding-bottom: 0.7em; }\n    @media only screen and (max-width: 1000px) {\n      .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 {\n        width: 100%;\n        justify-content: center;\n        padding-right: 0px;\n        padding-left: 0px; }\n        .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 {\n          width: 100%;\n          min-width: auto;\n          max-width: 100%; } }\n  .style-module_CheckoutPage__A_f2V .style-module_Right__3AN4f {\n    width: 50%;\n    min-height: 100%;\n    flex: 0 0 auto;\n    background-color: #FAFAFA;\n    border-left: 1px solid #d9d9d9;\n    display: flex;\n    padding-left: 40px;\n    padding-right: 20px;\n    position: sticky;\n    top: 0;\n    overflow-y: auto; }\n    .style-module_CheckoutPage__A_f2V .style-module_Right__3AN4f .style-module_RightContent__1TcO5 {\n      width: 100%;\n      max-width: 600px;\n      padding-top: 80px; }\n    @media only screen and (max-width: 1000px) {\n      .style-module_CheckoutPage__A_f2V .style-module_Right__3AN4f {\n        display: none; } }\n";
 var styles$2 = {"CheckoutPage":"style-module_CheckoutPage__A_f2V","Left":"style-module_Left__2dWz6","LeftContent":"style-module_LeftContent__1Tyb7","Space":"style-module_Space__1e2de","Footer":"style-module_Footer__ebdyg","FooterItem":"style-module_FooterItem__1ofBc","Header":"style-module_Header__1vfF1","Logo":"style-module_Logo__2E8Do","MobileCartSummary":"style-module_MobileCartSummary__3NrcP","RowPB":"style-module_RowPB__3M7Tz","Right":"style-module_Right__3AN4f","RightContent":"style-module_RightContent__1TcO5"};
 styleInject(css_248z$3);
 
@@ -28630,16 +28663,17 @@ var AddressForm$1 = mobxReactLite.observer(function (_a) {
                     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" })))));
 });
 
-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.style-module_Large__2wPlw {\n    height: 64px;\n    padding: 0 1.7em; }\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: #545454;\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";
-var styles$3 = {"Button":"style-module_Button__1UPMN","Large":"style-module_Large__2wPlw","Dark":"style-module_Dark__1Z_hs","Disabled":"style-module_Disabled__3HYF_","FullWidthMobile":"style-module_FullWidthMobile__3MTFv","loader":"style-module_loader__3v6kq","load8":"style-module_load8__2z7nj"};
+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";
+var styles$3 = {"Button":"style-module_Button__1UPMN","Large":"style-module_Large__2wPlw","Medium":"style-module_Medium__3t0pu","Dark":"style-module_Dark__1Z_hs","Disabled":"style-module_Disabled__3HYF_","FullWidthMobile":"style-module_FullWidthMobile__3MTFv","loader":"style-module_loader__3v6kq","load8":"style-module_load8__2z7nj"};
 styleInject(css_248z$4);
 
 var Button = mobxReactLite.observer(function (_a) {
-    var text = _a.text, onClick = _a.onClick, isLoading = _a.isLoading;
-    return (React.createElement("button", { type: "button", className: [
+    var text = _a.text, style = _a.style, onClick = _a.onClick, size = _a.size, isLoading = _a.isLoading, isDisabled = _a.isDisabled;
+    return (React.createElement("button", { style: style, type: "button", className: [
             styles$3.Button,
             styles$3.Dark,
-            styles$3.Large,
+            size === "medium" ? styles$3.Medium : styles$3.Large,
+            isDisabled ? styles$3.Disabled : "",
             styles$3.FullWidthMobile,
         ].join(" "), onClick: !isLoading ? onClick : undefined }, isLoading ? (React.createElement("div", { className: styles$3.loader })) : (React.createElement("span", null, text))));
 });
@@ -28987,8 +29021,8 @@ var CartItem = mobxReactLite.observer(function (_a) {
         React.createElement("div", { className: styles$e.Price }, formatMoney(cartItem.finalPriceWithQuantity, currencyCode))));
 });
 
-var css_248z$g = ".style-module_CartSummary__30RcF {\n  background-color: #FAFAFA;\n  padding: 0 0.7em;\n  border-bottom: 1px solid #d9d9d9;\n  overflow: hidden; }\n  .style-module_CartSummary__30RcF.style-module_AllowExpand__3kDXF {\n    border-top: 1px solid #d9d9d9; }\n  .style-module_CartSummary__30RcF .style-module_ExpandHeader__2ICjA {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    height: 56px;\n    padding: 0 1em;\n    width: calc(100% + 1.4em);\n    margin-left: -0.7em;\n    border-bottom: 1px solid transparent;\n    transition: border-bottom .3s;\n    user-select: none; }\n    .style-module_CartSummary__30RcF .style-module_ExpandHeader__2ICjA .style-module_Left__A54sv {\n      display: flex;\n      align-items: center;\n      font-size: 0.8em; }\n      .style-module_CartSummary__30RcF .style-module_ExpandHeader__2ICjA .style-module_Left__A54sv .style-module_Label__3E7LF {\n        margin-left: 0.5em; }\n      .style-module_CartSummary__30RcF .style-module_ExpandHeader__2ICjA .style-module_Left__A54sv .style-module_ArrowDown__2ET-d {\n        transition: all .3s; }\n        .style-module_CartSummary__30RcF .style-module_ExpandHeader__2ICjA .style-module_Left__A54sv .style-module_ArrowDown__2ET-d.style-module_Rotated__3sgbm {\n          transform: rotate(-180deg); }\n    .style-module_CartSummary__30RcF .style-module_ExpandHeader__2ICjA .style-module_Price__sosrJ {\n      font-weight: 500; }\n    .style-module_CartSummary__30RcF .style-module_ExpandHeader__2ICjA.style-module_Expanded__3VBL2 {\n      border-bottom: 1px solid #d9d9d9; }\n  .style-module_CartSummary__30RcF .style-module_DetailsContainer__FBBIP {\n    overflow: hidden;\n    width: 100%;\n    transition: height .3s ease-in-out; }\n  .style-module_CartSummary__30RcF .style-module_Details__3-X_i {\n    overflow: hidden; }\n  .style-module_CartSummary__30RcF .style-module_Divider__2d0Zk {\n    width: 100%;\n    height: 1px;\n    margin: auto;\n    background-color: #d9d9d9; }\n  .style-module_CartSummary__30RcF .style-module_Coupon__3pdQA {\n    display: flex;\n    padding: 1.2em 0;\n    border-bottom: 1px solid #d9d9d9; }\n    .style-module_CartSummary__30RcF .style-module_Coupon__3pdQA .style-module_CouponButton__14hL- {\n      flex: 0 0 auto;\n      width: 60px;\n      margin-left: 0.5em;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      color: white; }\n  .style-module_CartSummary__30RcF .style-module_SubTotalInfo__1QMnr {\n    padding: 1.2em 0;\n    border-bottom: 1px solid #d9d9d9; }\n    .style-module_CartSummary__30RcF .style-module_SubTotalInfo__1QMnr .style-module_InfoRow__3eZdJ {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      margin-bottom: 0.3em; }\n      .style-module_CartSummary__30RcF .style-module_SubTotalInfo__1QMnr .style-module_InfoRow__3eZdJ .style-module_Label__3E7LF {\n        color: #545454;\n        font-size: 0.8em; }\n      .style-module_CartSummary__30RcF .style-module_SubTotalInfo__1QMnr .style-module_InfoRow__3eZdJ .style-module_Value__3mBvk {\n        font-size: 0.8em; }\n      .style-module_CartSummary__30RcF .style-module_SubTotalInfo__1QMnr .style-module_InfoRow__3eZdJ:last-of-type {\n        margin-bottom: 0; }\n  .style-module_CartSummary__30RcF .style-module_TotalContainer__36DNt {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 1.5em 0; }\n    .style-module_CartSummary__30RcF .style-module_TotalContainer__36DNt .style-module_TitleContainer__3ptQE .style-module_Title__16M5E {\n      font-size: 1em; }\n    .style-module_CartSummary__30RcF .style-module_TotalContainer__36DNt .style-module_TitleContainer__3ptQE .style-module_Tax__17g6O {\n      font-size: 0.8em;\n      color: #545454; }\n    .style-module_CartSummary__30RcF .style-module_TotalContainer__36DNt .style-module_TotalPrice__2s7DC {\n      font-size: 1.5em;\n      font-weight: 500; }\n  @media only screen and (min-width: 1000px) {\n    .style-module_CartSummary__30RcF .style-module_SubTotalInfo__1QMnr .style-module_InfoRow__3eZdJ .style-module_Label__3E7LF,\n    .style-module_CartSummary__30RcF .style-module_SubTotalInfo__1QMnr .style-module_InfoRow__3eZdJ .style-module_Value__3mBvk {\n      font-size: 0.9em; } }\n";
-var styles$f = {"CartSummary":"style-module_CartSummary__30RcF","AllowExpand":"style-module_AllowExpand__3kDXF","ExpandHeader":"style-module_ExpandHeader__2ICjA","Left":"style-module_Left__A54sv","Label":"style-module_Label__3E7LF","ArrowDown":"style-module_ArrowDown__2ET-d","Rotated":"style-module_Rotated__3sgbm","Price":"style-module_Price__sosrJ","Expanded":"style-module_Expanded__3VBL2","DetailsContainer":"style-module_DetailsContainer__FBBIP","Details":"style-module_Details__3-X_i","Divider":"style-module_Divider__2d0Zk","Coupon":"style-module_Coupon__3pdQA","CouponButton":"style-module_CouponButton__14hL-","SubTotalInfo":"style-module_SubTotalInfo__1QMnr","InfoRow":"style-module_InfoRow__3eZdJ","Value":"style-module_Value__3mBvk","TotalContainer":"style-module_TotalContainer__36DNt","TitleContainer":"style-module_TitleContainer__3ptQE","Title":"style-module_Title__16M5E","Tax":"style-module_Tax__17g6O","TotalPrice":"style-module_TotalPrice__2s7DC"};
+var css_248z$g = ".style-module_CartSummary__30RcF {\n  background-color: #FAFAFA;\n  padding: 0 0.7em;\n  overflow: hidden;\n  border-bottom: 1px solid #d9d9d9; }\n  .style-module_CartSummary__30RcF.style-module_AllowExpand__3kDXF {\n    border-top: 1px solid #d9d9d9; }\n  .style-module_CartSummary__30RcF .style-module_ExpandHeader__2ICjA {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    height: 56px;\n    padding: 0 1em;\n    width: calc(100% + 1.4em);\n    margin-left: -0.7em;\n    border-bottom: 1px solid transparent;\n    transition: border-bottom .3s;\n    user-select: none; }\n    .style-module_CartSummary__30RcF .style-module_ExpandHeader__2ICjA .style-module_Left__A54sv {\n      display: flex;\n      align-items: center;\n      font-size: 0.8em; }\n      .style-module_CartSummary__30RcF .style-module_ExpandHeader__2ICjA .style-module_Left__A54sv .style-module_Label__3E7LF {\n        margin-left: 0.5em; }\n      .style-module_CartSummary__30RcF .style-module_ExpandHeader__2ICjA .style-module_Left__A54sv .style-module_ArrowDown__2ET-d {\n        transition: all .3s; }\n        .style-module_CartSummary__30RcF .style-module_ExpandHeader__2ICjA .style-module_Left__A54sv .style-module_ArrowDown__2ET-d.style-module_Rotated__3sgbm {\n          transform: rotate(-180deg); }\n    .style-module_CartSummary__30RcF .style-module_ExpandHeader__2ICjA .style-module_Price__sosrJ {\n      font-weight: 500; }\n    .style-module_CartSummary__30RcF .style-module_ExpandHeader__2ICjA.style-module_Expanded__3VBL2 {\n      border-bottom: 1px solid #d9d9d9; }\n  .style-module_CartSummary__30RcF .style-module_DetailsContainer__FBBIP {\n    overflow: hidden;\n    width: 100%;\n    transition: height .3s ease-in-out; }\n  .style-module_CartSummary__30RcF .style-module_Details__3-X_i {\n    overflow: hidden; }\n  .style-module_CartSummary__30RcF .style-module_Divider__2d0Zk {\n    width: 100%;\n    height: 1px;\n    margin: auto;\n    background-color: #d9d9d9; }\n  .style-module_CartSummary__30RcF .style-module_CouponContainer__1zCXG {\n    padding: 1.2em 0.1em;\n    border-bottom: 1px solid #d9d9d9; }\n  .style-module_CartSummary__30RcF .style-module_Coupon__3pdQA {\n    display: flex; }\n  .style-module_CartSummary__30RcF .style-module_AppliedCoupon__37qv8 {\n    display: inline-flex;\n    align-items: center;\n    padding: 0.65em;\n    margin-top: 0.85em;\n    color: #333333;\n    background-color: rgba(113, 113, 113, 0.11);\n    user-select: none;\n    border-radius: 6px; }\n    .style-module_CartSummary__30RcF .style-module_AppliedCoupon__37qv8 .style-module_AppliedCouponCode__2o7pn {\n      margin-left: 0.25em;\n      margin-right: 0.25em;\n      font-weight: 500;\n      position: relative;\n      top: -1px; }\n    .style-module_CartSummary__30RcF .style-module_AppliedCoupon__37qv8 .style-module_Cross__2dc3d {\n      color: #545454;\n      cursor: pointer;\n      position: relative;\n      bottom: -1px; }\n      .style-module_CartSummary__30RcF .style-module_AppliedCoupon__37qv8 .style-module_Cross__2dc3d:hover {\n        color: #333333; }\n  .style-module_CartSummary__30RcF .style-module_SubTotalInfo__1QMnr {\n    padding: 1.2em 0;\n    border-bottom: 1px solid #d9d9d9; }\n    .style-module_CartSummary__30RcF .style-module_SubTotalInfo__1QMnr .style-module_InfoRow__3eZdJ {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      margin-bottom: 0.3em; }\n      .style-module_CartSummary__30RcF .style-module_SubTotalInfo__1QMnr .style-module_InfoRow__3eZdJ .style-module_Label__3E7LF {\n        color: #545454;\n        font-size: 0.8em; }\n      .style-module_CartSummary__30RcF .style-module_SubTotalInfo__1QMnr .style-module_InfoRow__3eZdJ .style-module_Value__3mBvk {\n        font-size: 0.8em; }\n      .style-module_CartSummary__30RcF .style-module_SubTotalInfo__1QMnr .style-module_InfoRow__3eZdJ:last-of-type {\n        margin-bottom: 0; }\n  .style-module_CartSummary__30RcF .style-module_TotalContainer__36DNt {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 1.5em 0; }\n    .style-module_CartSummary__30RcF .style-module_TotalContainer__36DNt .style-module_TitleContainer__3ptQE .style-module_Title__16M5E {\n      font-size: 1em; }\n    .style-module_CartSummary__30RcF .style-module_TotalContainer__36DNt .style-module_TitleContainer__3ptQE .style-module_Tax__17g6O {\n      font-size: 0.8em;\n      color: #545454; }\n    .style-module_CartSummary__30RcF .style-module_TotalContainer__36DNt .style-module_TotalPrice__2s7DC {\n      font-size: 1.5em;\n      font-weight: 500; }\n  @media only screen and (min-width: 1000px) {\n    .style-module_CartSummary__30RcF {\n      border-bottom: none; }\n      .style-module_CartSummary__30RcF .style-module_SubTotalInfo__1QMnr .style-module_InfoRow__3eZdJ .style-module_Label__3E7LF,\n      .style-module_CartSummary__30RcF .style-module_SubTotalInfo__1QMnr .style-module_InfoRow__3eZdJ .style-module_Value__3mBvk {\n        font-size: 0.9em; } }\n";
+var styles$f = {"CartSummary":"style-module_CartSummary__30RcF","AllowExpand":"style-module_AllowExpand__3kDXF","ExpandHeader":"style-module_ExpandHeader__2ICjA","Left":"style-module_Left__A54sv","Label":"style-module_Label__3E7LF","ArrowDown":"style-module_ArrowDown__2ET-d","Rotated":"style-module_Rotated__3sgbm","Price":"style-module_Price__sosrJ","Expanded":"style-module_Expanded__3VBL2","DetailsContainer":"style-module_DetailsContainer__FBBIP","Details":"style-module_Details__3-X_i","Divider":"style-module_Divider__2d0Zk","CouponContainer":"style-module_CouponContainer__1zCXG","Coupon":"style-module_Coupon__3pdQA","AppliedCoupon":"style-module_AppliedCoupon__37qv8","AppliedCouponCode":"style-module_AppliedCouponCode__2o7pn","Cross":"style-module_Cross__2dc3d","SubTotalInfo":"style-module_SubTotalInfo__1QMnr","InfoRow":"style-module_InfoRow__3eZdJ","Value":"style-module_Value__3mBvk","TotalContainer":"style-module_TotalContainer__36DNt","TitleContainer":"style-module_TitleContainer__3ptQE","Title":"style-module_Title__16M5E","Tax":"style-module_Tax__17g6O","TotalPrice":"style-module_TotalPrice__2s7DC"};
 styleInject(css_248z$g);
 
 var SVGArrowDown = function (_a) {
@@ -29005,6 +29039,20 @@ var SVGShoppingBag = function (_a) {
         React.createElement("path", { fill: "currentColor", d: "M4 16V4H2V2h3a1 1 0 0 1 1 1v12h12.438l2-8H8V5h13.72a1 1 0 0 1 .97 1.243l-2.5 10a1 1 0 0 1-.97.757H5a1 1 0 0 1-1-1zm2 7a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm12 0a2 2 0 1 1 0-4 2 2 0 0 1 0 4z" })));
 };
 
+var SVGTag = function (_a) {
+    var className = _a.className;
+    return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "24", height: "24", className: className },
+        React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
+        React.createElement("path", { fill: "currentColor", d: "M10.9 2.1l9.899 1.415 1.414 9.9-9.192 9.192a1 1 0 0 1-1.414 0l-9.9-9.9a1 1 0 0 1 0-1.414L10.9 2.1zm2.828 8.486a2 2 0 1 0 2.828-2.829 2 2 0 0 0-2.828 2.829z" })));
+};
+
+var SVGCross = function (_a) {
+    var className = _a.className;
+    return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "24", height: "24", className: className },
+        React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
+        React.createElement("path", { fill: "currentColor", d: "M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636z" })));
+};
+
 var CartSummary = mobxReactLite.observer(function (_a) {
     var _b;
     var vm = _a.vm, allowExpand = _a.allowExpand;
@@ -29062,6 +29110,7 @@ var CartSummary = mobxReactLite.observer(function (_a) {
                 cart.items.map(function (item, index) { return (React.createElement("div", { key: index },
                     React.createElement(CartItem, { cartItem: item, currencyCode: cart.currencyCode }),
                     React.createElement("div", { className: styles$f.Divider }))); }),
+                React.createElement(Coupon, { vm: vm }),
                 React.createElement("div", { className: styles$f.SubTotalInfo },
                     React.createElement("div", { className: styles$f.InfoRow },
                         React.createElement("div", { className: styles$f.Label }, "Alt Toplam"),
@@ -29076,7 +29125,10 @@ var CartSummary = mobxReactLite.observer(function (_a) {
                         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 }, formatMoney(adjustment.amount, cart.currencyCode)))); })),
+                        React.createElement("div", { className: styles$f.Value },
+                            React.createElement("span", null, adjustment.type === "DECREMENT" ? "- " : ""),
+                            " ",
+                            React.createElement("span", null, formatMoney(adjustment.amount, cart.currencyCode))))); })),
                 React.createElement("div", { className: styles$f.TotalContainer },
                     React.createElement("div", { className: styles$f.TitleContainer },
                         React.createElement("div", { className: styles$f.Title }, "Toplam"),
@@ -29085,6 +29137,51 @@ var CartSummary = mobxReactLite.observer(function (_a) {
                     React.createElement("div", { className: styles$f.TotalPrice }, formatMoney(vm.installmentPrice ||
                         vm.checkout.totalFinalPrice ||
                         cart.totalPrice, cart.currencyCode)))))));
+});
+var Coupon = mobxReactLite.observer(function (_a) {
+    var vm = _a.vm;
+    var _b = React.useState(""), couponCode = _b[0], setCouponCode = _b[1];
+    var _c = React.useState(false), isLoadingCoupon = _c[0], setLoadingCoupon = _c[1];
+    var onCouponApply = function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    vm.checkout.couponCode = couponCode;
+                    setLoadingCoupon(true);
+                    return [4 /*yield*/, vm.onCouponCodeApply()];
+                case 1:
+                    _a.sent();
+                    setLoadingCoupon(false);
+                    setCouponCode("");
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    var onClearCouponCode = function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    vm.checkout.couponCode = null;
+                    setLoadingCoupon(true);
+                    return [4 /*yield*/, vm.onCouponCodeApply()];
+                case 1:
+                    _a.sent();
+                    setLoadingCoupon(false);
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    if (vm.step === CheckoutStep.SUCCESS)
+        return null;
+    return (React.createElement("div", { className: styles$f.CouponContainer },
+        React.createElement("div", { className: styles$f.Coupon },
+            React.createElement(FormItem, { type: FormItemType.TEXT, label: "Hediye kartı veya indirim kodu", value: couponCode, onChange: function (value) { return setCouponCode(value); } }),
+            React.createElement(Button, { text: "Uygula", onClick: onCouponApply, isDisabled: !couponCode, isLoading: isLoadingCoupon, size: "medium", style: { marginLeft: "0.5em", maxWidth: "80px" } })),
+        !!vm.checkout.appliedCouponCode && (React.createElement("div", { className: styles$f.AppliedCoupon },
+            React.createElement(SVGTag, null),
+            React.createElement("div", { className: styles$f.AppliedCouponCode }, vm.checkout.appliedCouponCode),
+            React.createElement("div", { className: styles$f.Cross, onClick: onClearCouponCode },
+                React.createElement(SVGCross, null))))));
 });
 
 var css_248z$h = ".style-module_Breadcrumbs__1jIPZ {\n  display: flex;\n  align-items: center;\n  padding: 0 0.7em; }\n  .style-module_Breadcrumbs__1jIPZ .style-module_Breadcrumb__2qdy3 {\n    font-size: 0.8em;\n    padding: 1em 0;\n    display: flex;\n    align-items: center;\n    user-select: none;\n    cursor: pointer;\n    color: #545454; }\n    .style-module_Breadcrumbs__1jIPZ .style-module_Breadcrumb__2qdy3 .style-module_icon__3Rq6w {\n      transform: rotate(180deg); }\n    .style-module_Breadcrumbs__1jIPZ .style-module_Breadcrumb__2qdy3.style-module_Active__3KwX8 {\n      color: #111111;\n      font-weight: 500; }\n";
@@ -29115,7 +29212,7 @@ var Breadcrumbs = mobxReactLite.observer(function (_a) {
         catch (err) { }
     };
     return (React.createElement("div", { className: styles$g.Breadcrumbs },
-        React.createElement("div", { className: styles$g.Breadcrumb, onClick: vm.onBackToShoppingClick },
+        React.createElement("div", { className: styles$g.Breadcrumb, onClick: vm.onGoToCartClick },
             React.createElement("span", null, "Sepet"),
             React.createElement("span", { className: styles$g.icon },
                 React.createElement(SVGArrowLeft, null))),

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

@@ -26,6 +26,7 @@ export declare class IkasCheckout {
     totalFinalPrice?: number | null;
     adjustments?: IkasOrderAdjustment[] | null;
     note: string | null;
+    appliedCouponCode?: string | null;
     constructor(data?: Partial<IkasCheckout>);
     get shippingTotal(): number;
     get hasCustomer(): boolean;

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

@@ -38,6 +38,7 @@ export declare type IkasOrderAdjustment = {
     name: string;
     order: number;
     type: IkasAdjustmentEnum;
+    couponId: string | null;
 };
 export declare type IkasOrderCustomer = {
     id: string;

package/package.json

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