@ikas/storefront 0.0.164-alpha.3 → 0.0.164-alpha.5

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

@@ -23,7 +23,6 @@ export default class CheckoutViewModel {
     step: CheckoutStep;
     merchantSettings?: IkasMerchantSettings;
     cardData?: CreditCardData | null;
-    paymentGatewayId?: string | null;
     paymentGateways: IkasPaymentGateway[];
     installmentInfo?: IkasInstallmentInfo | null;
     useDifferentAddress: boolean;
@@ -48,7 +47,6 @@ export default class CheckoutViewModel {
     getMerchantSettings: () => Promise<void>;
     get cart(): import("../../models/data/cart/index").IkasCart | null | undefined;
     get selectedPaymentGatewayIndex(): number;
-    get selectedPaymentGateway(): IkasPaymentGateway | undefined;
     get selectedInstallmentIndex(): number;
     get checkoutUrl(): string;
     get customerAddressOptions(): {

package/build/index.es.js

@@ -11328,6 +11328,8 @@ var IkasOrderAddress = /** @class */ (function () {
         this.identityNumber = data.identityNumber || null;
         this.taxNumber = data.taxNumber || null;
         this.taxOffice = data.taxOffice || null;
+        this.checkoutSettings = data.checkoutSettings;
+        this.isDistrictRequired = data.isDistrictRequired || false;
         makeAutoObservable(this);
     }
     Object.defineProperty(IkasOrderAddress.prototype, "addressText", {
@@ -22807,7 +22809,6 @@ var CheckoutViewModel = /** @class */ (function () {
         this.isChangingShippingMethod = false;
         this.step = CheckoutStep.INFO;
         this.cardData = null;
-        this.paymentGatewayId = null;
         this.paymentGateways = [];
         this.installmentInfo = null;
         this.useDifferentAddress = false;
@@ -22840,7 +22841,7 @@ var CheckoutViewModel = /** @class */ (function () {
             });
         }); };
         this.initStep = function (queryParams) { return __awaiter(_this, void 0, void 0, function () {
-            var _a, transactions;
+            var _a, transactions, paymentGatewayId_1;
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
@@ -22912,6 +22913,10 @@ var CheckoutViewModel = /** @class */ (function () {
                         this.successTransaction = transactions.length
                             ? transactions[0]
                             : undefined;
+                        if (this.successTransaction) {
+                            paymentGatewayId_1 = this.successTransaction.paymentGatewayId;
+                            this.checkout.selectedPaymentGateway = this.paymentGateways.find(function (pg) { return pg.id === paymentGatewayId_1; });
+                        }
                         _b.label = 11;
                     case 11:
                         this.isCheckoutLoaded = true;
@@ -23091,7 +23096,7 @@ var CheckoutViewModel = /** @class */ (function () {
                                 orderedPaymentGateways.push(_pg);
                         });
                         this.paymentGateways = isLocal ? paymentGateways : orderedPaymentGateways;
-                        if (!this.paymentGatewayId)
+                        if (!this.checkout.selectedPaymentGateway)
                             this.setPaymentGateway(0);
                         return [2 /*return*/];
                 }
@@ -23185,10 +23190,7 @@ var CheckoutViewModel = /** @class */ (function () {
                         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;
+                            this.checkout = new IkasCheckout(__assign(__assign({}, newCheckout), { shippingAddress: oldCheckout.shippingAddress, billingAddress: oldCheckout.billingAddress, customer: oldCheckout.customer }));
                         }
                         return [3 /*break*/, 4];
                     case 3:
@@ -23245,7 +23247,7 @@ var CheckoutViewModel = /** @class */ (function () {
             if (oldOriginalValue.length < 6 && originalValue.length >= 6) {
                 _this.retrieveInstallmentInfo({
                     binNumber: originalValue.slice(0, 6),
-                    paymentGatewayId: _this.paymentGatewayId,
+                    paymentGatewayId: _this.checkout.selectedPaymentGateway.id,
                     price: _this.checkout.totalFinalPrice,
                 });
             }
@@ -23484,15 +23486,17 @@ var CheckoutViewModel = /** @class */ (function () {
         }); };
         this.createSaleTransaction = function () { return __awaiter(_this, void 0, void 0, function () {
             var response, transactionStatus, transactionSuccess, transactionPending;
-            var _a;
-            return __generator(this, function (_b) {
-                switch (_b.label) {
-                    case 0: return [4 /*yield*/, IkasCheckoutAPI.createSaleTransactionWithCheckout(this.checkout.id, this.paymentGatewayId, ((_a = this.selectedPaymentGateway) === null || _a === void 0 ? void 0 : _a.paymentMethodType) ===
-                            IkasPaymentMethodType.CREDIT_CARD && this.cardData
-                            ? this.cardData.toInput()
-                            : undefined)];
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        if (!this.checkout.selectedPaymentGateway)
+                            return [2 /*return*/];
+                        return [4 /*yield*/, IkasCheckoutAPI.createSaleTransactionWithCheckout(this.checkout.id, this.checkout.selectedPaymentGateway.id, this.checkout.selectedPaymentGateway.paymentMethodType ===
+                                IkasPaymentMethodType.CREDIT_CARD && this.cardData
+                                ? this.cardData.toInput()
+                                : undefined)];
                     case 1:
-                        response = _b.sent();
+                        response = _a.sent();
                         transactionStatus = response === null || response === void 0 ? void 0 : response.transactionStatus;
                         transactionSuccess = transactionStatus &&
                             [
@@ -23503,7 +23507,7 @@ var CheckoutViewModel = /** @class */ (function () {
                         if (!transactionSuccess) return [3 /*break*/, 3];
                         return [4 /*yield*/, this.onCheckoutTransactionSuccess()];
                     case 2:
-                        _b.sent();
+                        _a.sent();
                         return [3 /*break*/, 4];
                     case 3:
                         if (transactionPending && !!(response === null || response === void 0 ? void 0 : response.returnSlug)) {
@@ -23515,7 +23519,7 @@ var CheckoutViewModel = /** @class */ (function () {
                                 type: ErrorType.UNKNOWN,
                             };
                         }
-                        _b.label = 4;
+                        _a.label = 4;
                     case 4: return [2 /*return*/];
                 }
             });
@@ -23565,12 +23569,13 @@ var CheckoutViewModel = /** @class */ (function () {
         };
         this.setPaymentGateway = function (index) {
             var paymentGateway = _this.paymentGateways[index];
-            _this.paymentGatewayId = paymentGateway.id;
-            if (paymentGateway.paymentMethodType === IkasPaymentMethodType.CREDIT_CARD) {
-                _this.cardData = new CreditCardData();
-            }
             _this.checkout.selectedPaymentGateway = paymentGateway;
-            _this.installmentInfo = undefined;
+            if (_this.step !== CheckoutStep.SUCCESS) {
+                if (paymentGateway.paymentMethodType === IkasPaymentMethodType.CREDIT_CARD) {
+                    _this.cardData = new CreditCardData();
+                }
+                _this.installmentInfo = undefined;
+            }
         };
         this.setInstallmentCount = function (count) {
             if (!_this.cardData)
@@ -23635,15 +23640,7 @@ var CheckoutViewModel = /** @class */ (function () {
     Object.defineProperty(CheckoutViewModel.prototype, "selectedPaymentGatewayIndex", {
         get: function () {
             var _this = this;
-            return this.paymentGateways.findIndex(function (pg) { return pg.id === _this.paymentGatewayId; });
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(CheckoutViewModel.prototype, "selectedPaymentGateway", {
-        get: function () {
-            var _this = this;
-            return this.paymentGateways.find(function (pg) { return pg.id === _this.paymentGatewayId; });
+            return this.paymentGateways.findIndex(function (pg) { var _a; return pg.id === ((_a = _this.checkout.selectedPaymentGateway) === null || _a === void 0 ? void 0 : _a.id); });
         },
         enumerable: false,
         configurable: true
@@ -23742,7 +23739,7 @@ var CheckoutViewModel = /** @class */ (function () {
                 return false;
             return (this.canProceedToShipping &&
                 !!((_a = this.checkout.billingAddress) === null || _a === void 0 ? void 0 : _a.isValid) &&
-                (((_b = this.selectedPaymentGateway) === null || _b === void 0 ? void 0 : _b.paymentMethodType) ===
+                (((_b = this.checkout.selectedPaymentGateway) === null || _b === void 0 ? void 0 : _b.paymentMethodType) ===
                     IkasPaymentMethodType.CREDIT_CARD
                     ? (_c = this.cardData) === null || _c === void 0 ? void 0 : _c.isValid : true));
         },
@@ -61102,7 +61099,8 @@ var CartSummary = observer(function (_a) {
                     !!vm.installmentExtraPrice && (createElement(InfoRow, { label: t("checkout-page:cartInterest"), value: formatMoney(vm.installmentExtraPrice, cart.currencyCode) })),
                     createElement(Adjustments, { vm: vm }),
                     createElement(CalculatedAdditionalPrices, { vm: vm }),
-                    ((vm.step === CheckoutStep.SUCCESS && !!vm.checkout.note) ||
+                    ((vm.step === CheckoutStep.SUCCESS &&
+                        (!!vm.checkout.note || !!vm.checkout.appliedCouponCode)) ||
                         vm.step !== CheckoutStep.SUCCESS) && (createElement("div", { className: styles$h.Divider, style: { marginTop: "24px", marginBottom: "24px" } })),
                     createElement(Coupon, { vm: vm, isAddingCoupon: isAddingCoupon, setAddingCoupon: setAddingCoupon, setCouponError: setCouponError }),
                     createElement(Note, { vm: vm, isAddingNote: isAddingNote, setAddingNote: setAddingNote })),
@@ -61145,14 +61143,15 @@ var CalculatedAdditionalPrices = observer(function (_a) {
     if (!vm.cart)
         return null;
     return (createElement(Fragment$1, null,
-        (((_b = vm.selectedPaymentGateway) === null || _b === void 0 ? void 0 : _b.getCalculatedAdditionalPrices(vm.checkout.totalFinalPrice || 0, vm.checkout.shippingLines || null)) || [])
-            .filter(function (adjustment) { return adjustment.amount !== 0; })
-            .map(function (adjustment, index) { return (createElement("div", { className: styles$h.InfoRow, key: index },
-            createElement("div", { className: styles$h.Label }, adjustment.name),
-            createElement("div", { className: styles$h.Value },
-                createElement("span", null, adjustment.type === "DECREMENT" ? "- " : ""),
-                " ",
-                createElement("span", null, formatMoney(adjustment.amount, vm.cart.currencyCode))))); }), (_c = vm.checkout.giftPackageLines) === null || _c === void 0 ? void 0 :
+        vm.step !== CheckoutStep.SUCCESS &&
+            (((_b = vm.checkout.selectedPaymentGateway) === null || _b === void 0 ? void 0 : _b.getCalculatedAdditionalPrices(vm.checkout.totalFinalPrice || 0, vm.checkout.shippingLines || null)) || [])
+                .filter(function (adjustment) { return adjustment.amount !== 0; })
+                .map(function (adjustment, index) { return (createElement("div", { className: styles$h.InfoRow, key: index },
+                createElement("div", { className: styles$h.Label }, adjustment.name),
+                createElement("div", { className: styles$h.Value },
+                    createElement("span", null, adjustment.type === "DECREMENT" ? "- " : ""),
+                    " ",
+                    createElement("span", null, formatMoney(adjustment.amount, vm.cart.currencyCode))))); }), (_c = vm.checkout.giftPackageLines) === null || _c === void 0 ? void 0 :
         _c.map(function (gpl, index) { return (createElement("div", { className: styles$h.InfoRow, key: index },
             createElement("div", { className: styles$h.Label },
                 createElement("div", { className: styles$h.GiftLabel },
@@ -61202,7 +61201,8 @@ var Coupon = observer(function (_a) {
             }
         });
     }); };
-    if (vm.step === CheckoutStep.SUCCESS)
+    var isSuccess = vm.step === CheckoutStep.SUCCESS;
+    if (isSuccess && !vm.checkout.appliedCouponCode)
         return null;
     var adjustment = vm.checkout.couponAdjustment;
     return (createElement("div", { className: styles$h.InfoRow },
@@ -61216,8 +61216,8 @@ var Coupon = observer(function (_a) {
             t("checkout-page:couponCode"),
             createElement("span", { className: styles$h.AppliedCoupon },
                 createElement("span", { className: styles$h.CouponCode }, vm.checkout.appliedCouponCode),
-                createElement("span", { className: styles$h.ClearCoupon, onClick: onClearCouponCode },
-                    createElement(SVGCross, null))))),
+                vm.step !== CheckoutStep.SUCCESS && (createElement("span", { className: styles$h.ClearCoupon, onClick: onClearCouponCode },
+                    createElement(SVGCross, null)))))),
         !!vm.checkout.appliedCouponCode && !isAddingCoupon && (createElement("div", { className: styles$h.Value },
             createElement("span", null, (adjustment === null || adjustment === void 0 ? void 0 : adjustment.type) === "DECREMENT" ? "- " : ""),
             " ",
@@ -62456,7 +62456,7 @@ var _slug_ = /*#__PURE__*/Object.freeze({
 });
 
 var CheckoutPage = function (_a) {
-    var checkoutId = _a.checkoutId, editorCheckout = _a.editorCheckout, checkoutSettingsStr = _a.checkoutSettingsStr, customizationProps = _a.customizationProps, configJson = _a.configJson, others = __rest(_a, ["checkoutId", "editorCheckout", "checkoutSettingsStr", "customizationProps", "configJson"]);
+    var checkoutId = _a.checkoutId, checkoutSettingsStr = _a.checkoutSettingsStr, customizationProps = _a.customizationProps, configJson = _a.configJson, others = __rest(_a, ["checkoutId", "checkoutSettingsStr", "customizationProps", "configJson"]);
     var router = useRouter();
     var _b = useState(), checkout = _b[0], setCheckout = _b[1];
     IkasStorefrontConfig.initWithJson(configJson);
@@ -62484,10 +62484,7 @@ var CheckoutPage = function (_a) {
     }, [customizationProps]);
     useEffect(function () {
         store.checkLocalization();
-        if (!editorCheckout)
-            getCheckout();
-        else
-            setCheckout(editorCheckout);
+        getCheckout();
     }, []);
     var getCheckout = useCallback(function () { return __awaiter(void 0, void 0, void 0, function () {
         var checkout;

package/build/index.js

@@ -11344,6 +11344,8 @@ var IkasOrderAddress = /** @class */ (function () {
         this.identityNumber = data.identityNumber || null;
         this.taxNumber = data.taxNumber || null;
         this.taxOffice = data.taxOffice || null;
+        this.checkoutSettings = data.checkoutSettings;
+        this.isDistrictRequired = data.isDistrictRequired || false;
         mobx.makeAutoObservable(this);
     }
     Object.defineProperty(IkasOrderAddress.prototype, "addressText", {
@@ -22815,7 +22817,6 @@ var CheckoutViewModel = /** @class */ (function () {
         this.isChangingShippingMethod = false;
         this.step = CheckoutStep.INFO;
         this.cardData = null;
-        this.paymentGatewayId = null;
         this.paymentGateways = [];
         this.installmentInfo = null;
         this.useDifferentAddress = false;
@@ -22848,7 +22849,7 @@ var CheckoutViewModel = /** @class */ (function () {
             });
         }); };
         this.initStep = function (queryParams) { return __awaiter(_this, void 0, void 0, function () {
-            var _a, transactions;
+            var _a, transactions, paymentGatewayId_1;
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
@@ -22920,6 +22921,10 @@ var CheckoutViewModel = /** @class */ (function () {
                         this.successTransaction = transactions.length
                             ? transactions[0]
                             : undefined;
+                        if (this.successTransaction) {
+                            paymentGatewayId_1 = this.successTransaction.paymentGatewayId;
+                            this.checkout.selectedPaymentGateway = this.paymentGateways.find(function (pg) { return pg.id === paymentGatewayId_1; });
+                        }
                         _b.label = 11;
                     case 11:
                         this.isCheckoutLoaded = true;
@@ -23099,7 +23104,7 @@ var CheckoutViewModel = /** @class */ (function () {
                                 orderedPaymentGateways.push(_pg);
                         });
                         this.paymentGateways = isLocal ? paymentGateways : orderedPaymentGateways;
-                        if (!this.paymentGatewayId)
+                        if (!this.checkout.selectedPaymentGateway)
                             this.setPaymentGateway(0);
                         return [2 /*return*/];
                 }
@@ -23193,10 +23198,7 @@ var CheckoutViewModel = /** @class */ (function () {
                         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;
+                            this.checkout = new IkasCheckout(__assign(__assign({}, newCheckout), { shippingAddress: oldCheckout.shippingAddress, billingAddress: oldCheckout.billingAddress, customer: oldCheckout.customer }));
                         }
                         return [3 /*break*/, 4];
                     case 3:
@@ -23253,7 +23255,7 @@ var CheckoutViewModel = /** @class */ (function () {
             if (oldOriginalValue.length < 6 && originalValue.length >= 6) {
                 _this.retrieveInstallmentInfo({
                     binNumber: originalValue.slice(0, 6),
-                    paymentGatewayId: _this.paymentGatewayId,
+                    paymentGatewayId: _this.checkout.selectedPaymentGateway.id,
                     price: _this.checkout.totalFinalPrice,
                 });
             }
@@ -23492,15 +23494,17 @@ var CheckoutViewModel = /** @class */ (function () {
         }); };
         this.createSaleTransaction = function () { return __awaiter(_this, void 0, void 0, function () {
             var response, transactionStatus, transactionSuccess, transactionPending;
-            var _a;
-            return __generator(this, function (_b) {
-                switch (_b.label) {
-                    case 0: return [4 /*yield*/, IkasCheckoutAPI.createSaleTransactionWithCheckout(this.checkout.id, this.paymentGatewayId, ((_a = this.selectedPaymentGateway) === null || _a === void 0 ? void 0 : _a.paymentMethodType) ===
-                            IkasPaymentMethodType.CREDIT_CARD && this.cardData
-                            ? this.cardData.toInput()
-                            : undefined)];
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        if (!this.checkout.selectedPaymentGateway)
+                            return [2 /*return*/];
+                        return [4 /*yield*/, IkasCheckoutAPI.createSaleTransactionWithCheckout(this.checkout.id, this.checkout.selectedPaymentGateway.id, this.checkout.selectedPaymentGateway.paymentMethodType ===
+                                IkasPaymentMethodType.CREDIT_CARD && this.cardData
+                                ? this.cardData.toInput()
+                                : undefined)];
                     case 1:
-                        response = _b.sent();
+                        response = _a.sent();
                         transactionStatus = response === null || response === void 0 ? void 0 : response.transactionStatus;
                         transactionSuccess = transactionStatus &&
                             [
@@ -23511,7 +23515,7 @@ var CheckoutViewModel = /** @class */ (function () {
                         if (!transactionSuccess) return [3 /*break*/, 3];
                         return [4 /*yield*/, this.onCheckoutTransactionSuccess()];
                     case 2:
-                        _b.sent();
+                        _a.sent();
                         return [3 /*break*/, 4];
                     case 3:
                         if (transactionPending && !!(response === null || response === void 0 ? void 0 : response.returnSlug)) {
@@ -23523,7 +23527,7 @@ var CheckoutViewModel = /** @class */ (function () {
                                 type: ErrorType.UNKNOWN,
                             };
                         }
-                        _b.label = 4;
+                        _a.label = 4;
                     case 4: return [2 /*return*/];
                 }
             });
@@ -23573,12 +23577,13 @@ var CheckoutViewModel = /** @class */ (function () {
         };
         this.setPaymentGateway = function (index) {
             var paymentGateway = _this.paymentGateways[index];
-            _this.paymentGatewayId = paymentGateway.id;
-            if (paymentGateway.paymentMethodType === IkasPaymentMethodType.CREDIT_CARD) {
-                _this.cardData = new CreditCardData();
-            }
             _this.checkout.selectedPaymentGateway = paymentGateway;
-            _this.installmentInfo = undefined;
+            if (_this.step !== CheckoutStep.SUCCESS) {
+                if (paymentGateway.paymentMethodType === IkasPaymentMethodType.CREDIT_CARD) {
+                    _this.cardData = new CreditCardData();
+                }
+                _this.installmentInfo = undefined;
+            }
         };
         this.setInstallmentCount = function (count) {
             if (!_this.cardData)
@@ -23643,15 +23648,7 @@ var CheckoutViewModel = /** @class */ (function () {
     Object.defineProperty(CheckoutViewModel.prototype, "selectedPaymentGatewayIndex", {
         get: function () {
             var _this = this;
-            return this.paymentGateways.findIndex(function (pg) { return pg.id === _this.paymentGatewayId; });
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(CheckoutViewModel.prototype, "selectedPaymentGateway", {
-        get: function () {
-            var _this = this;
-            return this.paymentGateways.find(function (pg) { return pg.id === _this.paymentGatewayId; });
+            return this.paymentGateways.findIndex(function (pg) { var _a; return pg.id === ((_a = _this.checkout.selectedPaymentGateway) === null || _a === void 0 ? void 0 : _a.id); });
         },
         enumerable: false,
         configurable: true
@@ -23750,7 +23747,7 @@ var CheckoutViewModel = /** @class */ (function () {
                 return false;
             return (this.canProceedToShipping &&
                 !!((_a = this.checkout.billingAddress) === null || _a === void 0 ? void 0 : _a.isValid) &&
-                (((_b = this.selectedPaymentGateway) === null || _b === void 0 ? void 0 : _b.paymentMethodType) ===
+                (((_b = this.checkout.selectedPaymentGateway) === null || _b === void 0 ? void 0 : _b.paymentMethodType) ===
                     IkasPaymentMethodType.CREDIT_CARD
                     ? (_c = this.cardData) === null || _c === void 0 ? void 0 : _c.isValid : true));
         },
@@ -61081,7 +61078,8 @@ var CartSummary = mobxReactLite.observer(function (_a) {
                     !!vm.installmentExtraPrice && (React.createElement(InfoRow, { label: t("checkout-page:cartInterest"), value: formatMoney(vm.installmentExtraPrice, cart.currencyCode) })),
                     React.createElement(Adjustments, { vm: vm }),
                     React.createElement(CalculatedAdditionalPrices, { vm: vm }),
-                    ((vm.step === CheckoutStep.SUCCESS && !!vm.checkout.note) ||
+                    ((vm.step === CheckoutStep.SUCCESS &&
+                        (!!vm.checkout.note || !!vm.checkout.appliedCouponCode)) ||
                         vm.step !== CheckoutStep.SUCCESS) && (React.createElement("div", { className: styles$h.Divider, style: { marginTop: "24px", marginBottom: "24px" } })),
                     React.createElement(Coupon, { vm: vm, isAddingCoupon: isAddingCoupon, setAddingCoupon: setAddingCoupon, setCouponError: setCouponError }),
                     React.createElement(Note, { vm: vm, isAddingNote: isAddingNote, setAddingNote: setAddingNote })),
@@ -61124,14 +61122,15 @@ var CalculatedAdditionalPrices = mobxReactLite.observer(function (_a) {
     if (!vm.cart)
         return null;
     return (React.createElement(React.Fragment, null,
-        (((_b = vm.selectedPaymentGateway) === null || _b === void 0 ? void 0 : _b.getCalculatedAdditionalPrices(vm.checkout.totalFinalPrice || 0, vm.checkout.shippingLines || null)) || [])
-            .filter(function (adjustment) { return adjustment.amount !== 0; })
-            .map(function (adjustment, index) { return (React.createElement("div", { className: styles$h.InfoRow, key: index },
-            React.createElement("div", { className: styles$h.Label }, adjustment.name),
-            React.createElement("div", { className: styles$h.Value },
-                React.createElement("span", null, adjustment.type === "DECREMENT" ? "- " : ""),
-                " ",
-                React.createElement("span", null, formatMoney(adjustment.amount, vm.cart.currencyCode))))); }), (_c = vm.checkout.giftPackageLines) === null || _c === void 0 ? void 0 :
+        vm.step !== CheckoutStep.SUCCESS &&
+            (((_b = vm.checkout.selectedPaymentGateway) === null || _b === void 0 ? void 0 : _b.getCalculatedAdditionalPrices(vm.checkout.totalFinalPrice || 0, vm.checkout.shippingLines || null)) || [])
+                .filter(function (adjustment) { return adjustment.amount !== 0; })
+                .map(function (adjustment, index) { return (React.createElement("div", { className: styles$h.InfoRow, key: index },
+                React.createElement("div", { className: styles$h.Label }, adjustment.name),
+                React.createElement("div", { className: styles$h.Value },
+                    React.createElement("span", null, adjustment.type === "DECREMENT" ? "- " : ""),
+                    " ",
+                    React.createElement("span", null, formatMoney(adjustment.amount, vm.cart.currencyCode))))); }), (_c = vm.checkout.giftPackageLines) === null || _c === void 0 ? void 0 :
         _c.map(function (gpl, index) { return (React.createElement("div", { className: styles$h.InfoRow, key: index },
             React.createElement("div", { className: styles$h.Label },
                 React.createElement("div", { className: styles$h.GiftLabel },
@@ -61181,7 +61180,8 @@ var Coupon = mobxReactLite.observer(function (_a) {
             }
         });
     }); };
-    if (vm.step === CheckoutStep.SUCCESS)
+    var isSuccess = vm.step === CheckoutStep.SUCCESS;
+    if (isSuccess && !vm.checkout.appliedCouponCode)
         return null;
     var adjustment = vm.checkout.couponAdjustment;
     return (React.createElement("div", { className: styles$h.InfoRow },
@@ -61195,8 +61195,8 @@ var Coupon = mobxReactLite.observer(function (_a) {
             t("checkout-page:couponCode"),
             React.createElement("span", { className: styles$h.AppliedCoupon },
                 React.createElement("span", { className: styles$h.CouponCode }, vm.checkout.appliedCouponCode),
-                React.createElement("span", { className: styles$h.ClearCoupon, onClick: onClearCouponCode },
-                    React.createElement(SVGCross, null))))),
+                vm.step !== CheckoutStep.SUCCESS && (React.createElement("span", { className: styles$h.ClearCoupon, onClick: onClearCouponCode },
+                    React.createElement(SVGCross, null)))))),
         !!vm.checkout.appliedCouponCode && !isAddingCoupon && (React.createElement("div", { className: styles$h.Value },
             React.createElement("span", null, (adjustment === null || adjustment === void 0 ? void 0 : adjustment.type) === "DECREMENT" ? "- " : ""),
             " ",
@@ -62435,7 +62435,7 @@ var _slug_ = /*#__PURE__*/Object.freeze({
 });
 
 var CheckoutPage = function (_a) {
-    var checkoutId = _a.checkoutId, editorCheckout = _a.editorCheckout, checkoutSettingsStr = _a.checkoutSettingsStr, customizationProps = _a.customizationProps, configJson = _a.configJson, others = __rest(_a, ["checkoutId", "editorCheckout", "checkoutSettingsStr", "customizationProps", "configJson"]);
+    var checkoutId = _a.checkoutId, checkoutSettingsStr = _a.checkoutSettingsStr, customizationProps = _a.customizationProps, configJson = _a.configJson, others = __rest(_a, ["checkoutId", "checkoutSettingsStr", "customizationProps", "configJson"]);
     var router$1 = router.useRouter();
     var _b = React.useState(), checkout = _b[0], setCheckout = _b[1];
     IkasStorefrontConfig.initWithJson(configJson);
@@ -62463,10 +62463,7 @@ var CheckoutPage = function (_a) {
     }, [customizationProps]);
     React.useEffect(function () {
         store.checkLocalization();
-        if (!editorCheckout)
-            getCheckout();
-        else
-            setCheckout(editorCheckout);
+        getCheckout();
     }, []);
     var getCheckout = React.useCallback(function () { return __awaiter(void 0, void 0, void 0, function () {
         var checkout;

package/build/pages/checkout/[id].d.ts

@@ -3,10 +3,8 @@ import * as React from "react";
 import { GetServerSideProps } from "next";
 import { ParsedUrlQuery } from "querystring";
 import { IkasCheckoutCustomizationProps } from "../../components/checkout/index";
-import { IkasCheckout } from "../../models/index";
 declare type Props = {
     checkoutId: string;
-    editorCheckout?: IkasCheckout;
     checkoutSettingsStr: string | null;
     customizationProps: IkasCheckoutCustomizationProps;
     returnPolicy: string;

package/package.json

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