@ikas/storefront 0.0.168-alpha.13 → 0.0.168-alpha.15

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

@@ -75,6 +75,7 @@ export declare enum CheckoutRequirementEnum {
  */
 export declare enum CheckoutStatusEnum {
     COMPLETED = "COMPLETED",
+    KILLED = "KILLED",
     OPEN = "OPEN"
 }
 /**
@@ -184,6 +185,11 @@ export declare enum PaymentGatewayTransactionFeeTypeEnum {
     AMOUNT = "AMOUNT",
     RATIO = "RATIO"
 }
+export declare enum PaymentGatewayTypeEnum {
+    EXTERNAL = "EXTERNAL",
+    INTERNAL = "INTERNAL",
+    THIRD_PARTY = "THIRD_PARTY"
+}
 export declare enum PaymentMethodEnum {
     APP_PAYMENT = "APP_PAYMENT",
     BUY_ONLINE_PAY_AT_STORE = "BUY_ONLINE_PAY_AT_STORE",
@@ -205,6 +211,7 @@ export declare enum ProductAttributeTypeEnum {
     HTML = "HTML",
     MULTIPLE_CHOICE = "MULTIPLE_CHOICE",
     NUMERIC = "NUMERIC",
+    PRODUCT = "PRODUCT",
     TABLE = "TABLE",
     TEXT = "TEXT"
 }
@@ -327,6 +334,11 @@ export interface CartLineItemInput {
     quantity: number;
     variant: CartLineVariantInput;
 }
+export interface CartLineOptionInput {
+    productOptionId: string;
+    productOptionsSetId: string;
+    values: string[];
+}
 export interface CartLineVariantInput {
     id?: string | null;
     name?: string | null;
@@ -369,28 +381,6 @@ export interface CustomerAddressDistrictInput {
     id?: string | null;
     name?: string | null;
 }
-export interface CustomerAddressInput {
-    addressLine1: string;
-    addressLine2?: string | null;
-    city: CustomerAddressCityInput;
-    company?: string | null;
-    country: CustomerAddressCountryInput;
-    createdAt?: any | null;
-    deleted?: boolean | null;
-    district?: CustomerAddressDistrictInput | null;
-    firstName: string;
-    id?: string | null;
-    identityNumber?: string | null;
-    isDefault?: boolean | null;
-    lastName: string;
-    phone?: string | null;
-    postalCode: string;
-    state?: CustomerAddressStateInput | null;
-    taxNumber?: string | null;
-    taxOffice?: string | null;
-    title: string;
-    updatedAt?: any | null;
-}
 export interface CustomerAddressStateInput {
     code?: string | null;
     id?: string | null;
@@ -428,7 +418,7 @@ export interface OrderAddressInput {
     isDefault: boolean;
     lastName: string;
     phone?: string | null;
-    postalCode: string;
+    postalCode?: string | null;
     state?: OrderAddressStateInput | null;
     taxNumber?: string | null;
     taxOffice?: string | null;
@@ -512,14 +502,37 @@ export interface SaveItemToCartInput {
     cartId?: string | null;
     customerId?: string | null;
     item: CartLineItemInput;
+    options?: CartLineOptionInput[] | null;
     priceListId?: string | null;
     salesChannelId: string;
     storefrontId: string;
     storefrontRoutingId: string;
     storefrontThemeId: string;
 }
+export interface SaveMyCustomerAddressInput {
+    addressLine1: string;
+    addressLine2?: string | null;
+    city: CustomerAddressCityInput;
+    company?: string | null;
+    country: CustomerAddressCountryInput;
+    createdAt?: any | null;
+    deleted?: boolean | null;
+    district?: CustomerAddressDistrictInput | null;
+    firstName: string;
+    id?: string | null;
+    identityNumber?: string | null;
+    isDefault?: boolean | null;
+    lastName: string;
+    phone?: string | null;
+    postalCode?: string | null;
+    state?: CustomerAddressStateInput | null;
+    taxNumber?: string | null;
+    taxOffice?: string | null;
+    title: string;
+    updatedAt?: any | null;
+}
 export interface SaveMyCustomerInput {
-    addresses?: CustomerAddressInput[] | null;
+    addresses?: SaveMyCustomerAddressInput[] | null;
     firstName: string;
     lastName: string;
     phone?: string | null;

package/build/api/brand/__generated__/listProductBrand.d.ts

@@ -1,4 +1,10 @@
 import { StringFilterInput, PaginationInput, CategoryProductsOrderTypeEnum, HTMLMetaDataTargetTypeEnum } from "../../../__generated__/global-types";
+export interface listProductBrand_listProductBrand_data_metaData_translations {
+    __typename: "HTMLMetaDataTranslation";
+    description: string | null;
+    locale: string;
+    pageTitle: string | null;
+}
 export interface listProductBrand_listProductBrand_data_metaData {
     __typename: "HTMLMetaData";
     slug: string;
@@ -7,6 +13,7 @@ export interface listProductBrand_listProductBrand_data_metaData {
     targetId: string | null;
     targetType: HTMLMetaDataTargetTypeEnum | null;
     redirectTo: string | null;
+    translations: listProductBrand_listProductBrand_data_metaData_translations[] | null;
 }
 export interface listProductBrand_listProductBrand_data_translations {
     __typename: "ProductBrandTranslation";

package/build/api/cart/__generated__/saveItemToCart.d.ts

@@ -1,4 +1,9 @@
 import { SaveItemToCartInput, AmountTypeEnum, OrderLineItemStatusEnum } from "../../../__generated__/global-types";
+export interface saveItemToCart_saveItemToCart_taxLines {
+    __typename: "OrderTaxLine";
+    price: number;
+    rate: number;
+}
 export interface saveItemToCart_saveItemToCart_items_discount {
     __typename: "OrderLineDiscount";
     amount: number;
@@ -58,6 +63,7 @@ export interface saveItemToCart_saveItemToCart {
     storefrontId: string | null;
     storefrontRoutingId: string | null;
     storefrontThemeId: string | null;
+    taxLines: saveItemToCart_saveItemToCart_taxLines[] | null;
     items: saveItemToCart_saveItemToCart_items[];
 }
 export interface saveItemToCart {

package/build/api/category/__generated__/listCategory.d.ts

@@ -1,4 +1,10 @@
 import { StringFilterInput, PaginationInput, CategoryProductsOrderTypeEnum, HTMLMetaDataTargetTypeEnum } from "../../../__generated__/global-types";
+export interface listCategory_listCategory_data_metaData_translations {
+    __typename: "HTMLMetaDataTranslation";
+    description: string | null;
+    locale: string;
+    pageTitle: string | null;
+}
 export interface listCategory_listCategory_data_metaData {
     __typename: "HTMLMetaData";
     slug: string;
@@ -7,6 +13,7 @@ export interface listCategory_listCategory_data_metaData {
     targetId: string | null;
     targetType: HTMLMetaDataTargetTypeEnum | null;
     redirectTo: string | null;
+    translations: listCategory_listCategory_data_metaData_translations[] | null;
 }
 export interface listCategory_listCategory_data_translations {
     __typename: "CategoryTranslation";

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

@@ -45,7 +45,7 @@ export interface getCheckoutById_getCheckoutById_billingAddress {
     isDefault: boolean;
     lastName: string;
     phone: string | null;
-    postalCode: string;
+    postalCode: string | null;
     state: getCheckoutById_getCheckoutById_billingAddress_state | null;
     taxNumber: string | null;
     taxOffice: string | null;
@@ -95,7 +95,7 @@ export interface getCheckoutById_getCheckoutById_shippingAddress {
     isDefault: boolean;
     lastName: string;
     phone: string | null;
-    postalCode: string;
+    postalCode: string | null;
     state: getCheckoutById_getCheckoutById_shippingAddress_state | null;
     taxNumber: string | null;
     taxOffice: string | null;
@@ -108,6 +108,11 @@ export interface getCheckoutById_getCheckoutById_shippingLines {
     shippingSettingsId: string | null;
     shippingZoneRateId: string | null;
 }
+export interface getCheckoutById_getCheckoutById_cart_taxLines {
+    __typename: "OrderTaxLine";
+    price: number;
+    rate: number;
+}
 export interface getCheckoutById_getCheckoutById_cart_items_discount {
     __typename: "OrderLineDiscount";
     amount: number;
@@ -160,6 +165,7 @@ export interface getCheckoutById_getCheckoutById_cart {
     dueDate: any;
     id: string;
     itemCount: number;
+    taxLines: getCheckoutById_getCheckoutById_cart_taxLines[] | null;
     items: getCheckoutById_getCheckoutById_cart_items[];
     merchantId: string;
     status: CartStatusEnum;

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

@@ -36,7 +36,7 @@ export interface getOrder_getOrder_billingAddress {
     isDefault: boolean;
     lastName: string;
     phone: string | null;
-    postalCode: string;
+    postalCode: string | null;
     state: getOrder_getOrder_billingAddress_state | null;
     taxNumber: string | null;
     taxOffice: string | null;
@@ -153,7 +153,7 @@ export interface getOrder_getOrder_shippingAddress {
     taxOffice: string | null;
     taxNumber: string | null;
     state: getOrder_getOrder_shippingAddress_state | null;
-    postalCode: string;
+    postalCode: string | null;
     phone: string | null;
     lastName: string;
     isDefault: boolean;

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

@@ -24,6 +24,7 @@ export interface listCheckoutSettings_listCheckoutSettings {
     updatedAt: any | null;
     isGiftPackageEnabled: boolean | null;
     giftPackagePriceList: listCheckoutSettings_listCheckoutSettings_giftPackagePriceList[] | null;
+    isShowPostalCode: boolean | null;
 }
 export interface listCheckoutSettings {
     listCheckoutSettings: listCheckoutSettings_listCheckoutSettings[];

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

@@ -1,4 +1,4 @@
-import { StringFilterInput, PaymentMethodEnum, PaymentGatewayTransactionFeeTypeEnum, PaymentGatewayAdditionalPriceTypeEnum } from "../../../__generated__/global-types";
+import { StringFilterInput, PaymentMethodEnum, PaymentGatewayTypeEnum, PaymentGatewayTransactionFeeTypeEnum, PaymentGatewayAdditionalPriceTypeEnum } from "../../../__generated__/global-types";
 export interface listPaymentGateway_listPaymentGateway_paymentMethods {
     __typename: "PaymentGatewayPaymentMethod";
     name: string;
@@ -26,6 +26,8 @@ export interface listPaymentGateway_listPaymentGateway {
     description: string | null;
     testMode: boolean | null;
     code: string;
+    type: PaymentGatewayTypeEnum;
+    logoUrl: string | null;
     additionalPrices: listPaymentGateway_listPaymentGateway_additionalPrices[] | null;
     translations: listPaymentGateway_listPaymentGateway_translations[] | null;
 }

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

@@ -36,7 +36,7 @@ export interface createOrderRefundRequest_createOrderRefundRequest_billingAddres
     isDefault: boolean;
     lastName: string;
     phone: string | null;
-    postalCode: string;
+    postalCode: string | null;
     state: createOrderRefundRequest_createOrderRefundRequest_billingAddress_state | null;
     taxNumber: string | null;
     taxOffice: string | null;
@@ -153,7 +153,7 @@ export interface createOrderRefundRequest_createOrderRefundRequest_shippingAddre
     taxOffice: string | null;
     taxNumber: string | null;
     state: createOrderRefundRequest_createOrderRefundRequest_shippingAddress_state | null;
-    postalCode: string;
+    postalCode: string | null;
     phone: string | null;
     lastName: string;
     isDefault: boolean;

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

@@ -36,7 +36,7 @@ export interface customerLogin_customerLogin_customer_addresses {
     firstName: string;
     isDefault: boolean | null;
     lastName: string;
-    postalCode: string;
+    postalCode: string | null;
     state: customerLogin_customerLogin_customer_addresses_state | null;
     taxNumber: string | null;
     taxOffice: string | null;

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

@@ -36,7 +36,7 @@ export interface getCustomerOrders_getCustomerOrders_billingAddress {
     isDefault: boolean;
     lastName: string;
     phone: string | null;
-    postalCode: string;
+    postalCode: string | null;
     state: getCustomerOrders_getCustomerOrders_billingAddress_state | null;
     taxNumber: string | null;
     taxOffice: string | null;
@@ -153,7 +153,7 @@ export interface getCustomerOrders_getCustomerOrders_shippingAddress {
     taxOffice: string | null;
     taxNumber: string | null;
     state: getCustomerOrders_getCustomerOrders_shippingAddress_state | null;
-    postalCode: string;
+    postalCode: string | null;
     phone: string | null;
     lastName: string;
     isDefault: boolean;

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

@@ -8,7 +8,7 @@ export interface getLastViewedProducts_getLastViewedProducts {
     products: getLastViewedProducts_getLastViewedProducts_products[];
 }
 export interface getLastViewedProducts {
-    getLastViewedProducts: getLastViewedProducts_getLastViewedProducts;
+    getLastViewedProducts: getLastViewedProducts_getLastViewedProducts | null;
 }
 export interface getLastViewedProductsVariables {
     customerId?: string | null;

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

@@ -35,7 +35,7 @@ export interface getMyCustomer_getMyCustomer_addresses {
     firstName: string;
     isDefault: boolean | null;
     lastName: string;
-    postalCode: string;
+    postalCode: string | null;
     state: getMyCustomer_getMyCustomer_addresses_state | null;
     taxNumber: string | null;
     taxOffice: string | null;

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

@@ -35,7 +35,7 @@ export interface registerCustomer_registerCustomer_customer_addresses {
     firstName: string;
     isDefault: boolean | null;
     lastName: string;
-    postalCode: string;
+    postalCode: string | null;
     state: registerCustomer_registerCustomer_customer_addresses_state | null;
     taxNumber: string | null;
     taxOffice: string | null;

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

@@ -35,7 +35,7 @@ export interface saveMyCustomer_saveMyCustomer_addresses {
     firstName: string;
     isDefault: boolean | null;
     lastName: string;
-    postalCode: string;
+    postalCode: string | null;
     state: saveMyCustomer_saveMyCustomer_addresses_state | null;
     identityNumber: string | null;
     taxNumber: string | null;

package/build/api/storefront/__generated__/getStorefront.d.ts

@@ -45,7 +45,7 @@ export interface getStorefront_getStorefront {
     themes: getStorefront_getStorefront_themes[];
 }
 export interface getStorefront {
-    getStorefront: getStorefront_getStorefront;
+    getStorefront: getStorefront_getStorefront | null;
 }
 export interface getStorefrontVariables {
     id: string;

package/build/index.es.js

@@ -19827,6 +19827,8 @@ var IkasPaymentGateway = /** @class */ (function () {
         this.id = data.id || null;
         this.name = data.name || "";
         this.code = data.code || "";
+        this.type = data.type || IkasPaymentGatewayType.INTERNAL;
+        this.logoUrl = data.logoUrl || null;
         this.testMode = data.testMode || null;
         this.description = data.description || null;
         this.additionalPrices =
@@ -19904,7 +19906,12 @@ var IkasPaymentGatewayAdditionalPriceAmountType;
 (function (IkasPaymentGatewayAdditionalPriceAmountType) {
     IkasPaymentGatewayAdditionalPriceAmountType["AMOUNT"] = "AMOUNT";
     IkasPaymentGatewayAdditionalPriceAmountType["RATIO"] = "RATIO";
-})(IkasPaymentGatewayAdditionalPriceAmountType || (IkasPaymentGatewayAdditionalPriceAmountType = {}));
+})(IkasPaymentGatewayAdditionalPriceAmountType || (IkasPaymentGatewayAdditionalPriceAmountType = {}));
+var IkasPaymentGatewayType;
+(function (IkasPaymentGatewayType) {
+    IkasPaymentGatewayType["EXTERNAL"] = "EXTERNAL";
+    IkasPaymentGatewayType["INTERNAL"] = "INTERNAL";
+})(IkasPaymentGatewayType || (IkasPaymentGatewayType = {}));
 
 var IkasCheckout = /** @class */ (function () {
     function IkasCheckout(data) {
@@ -24142,7 +24149,10 @@ var CheckoutViewModel = /** @class */ (function () {
                         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
+                                IkasPaymentMethodType.CREDIT_CARD &&
+                                this.checkout.selectedPaymentGateway.type ===
+                                    IkasPaymentGatewayType.INTERNAL &&
+                                this.cardData
                                 ? this.cardData.toInput()
                                 : undefined)];
                     case 1:
@@ -24221,7 +24231,9 @@ var CheckoutViewModel = /** @class */ (function () {
             var paymentGateway = _this.paymentGateways[index];
             _this.checkout.selectedPaymentGateway = paymentGateway;
             if (_this.step !== CheckoutStep.SUCCESS) {
-                if (paymentGateway.paymentMethodType === IkasPaymentMethodType.CREDIT_CARD) {
+                if (paymentGateway.paymentMethodType ===
+                    IkasPaymentMethodType.CREDIT_CARD &&
+                    paymentGateway.type === IkasPaymentGatewayType.INTERNAL) {
                     _this.cardData = new CreditCardData();
                 }
                 _this.installmentInfo = undefined;
@@ -24381,15 +24393,16 @@ var CheckoutViewModel = /** @class */ (function () {
     });
     Object.defineProperty(CheckoutViewModel.prototype, "canPerformPayment", {
         get: function () {
-            var _a, _b, _c;
+            var _a, _b;
             if (this.checkoutSettings.showTermsAndConditionsCheckbox &&
                 !this.isTermsAndConditionsChecked)
                 return false;
+            var pg = this.checkout.selectedPaymentGateway;
             return (this.canProceedToShipping &&
                 !!((_a = this.checkout.billingAddress) === null || _a === void 0 ? void 0 : _a.isValid) &&
-                (((_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));
+                ((pg === null || pg === void 0 ? void 0 : pg.paymentMethodType) === IkasPaymentMethodType.CREDIT_CARD &&
+                    pg.type === IkasPaymentGatewayType.INTERNAL
+                    ? (_b = this.cardData) === null || _b === void 0 ? void 0 : _b.isValid : true));
         },
         enumerable: false,
         configurable: true
@@ -37643,6 +37656,7 @@ var CheckoutRequirementEnum;
 var CheckoutStatusEnum;
 (function (CheckoutStatusEnum) {
     CheckoutStatusEnum["COMPLETED"] = "COMPLETED";
+    CheckoutStatusEnum["KILLED"] = "KILLED";
     CheckoutStatusEnum["OPEN"] = "OPEN";
 })(CheckoutStatusEnum || (CheckoutStatusEnum = {}));
 /**
@@ -37762,6 +37776,12 @@ var PaymentGatewayTransactionFeeTypeEnum;
     PaymentGatewayTransactionFeeTypeEnum["AMOUNT"] = "AMOUNT";
     PaymentGatewayTransactionFeeTypeEnum["RATIO"] = "RATIO";
 })(PaymentGatewayTransactionFeeTypeEnum || (PaymentGatewayTransactionFeeTypeEnum = {}));
+var PaymentGatewayTypeEnum;
+(function (PaymentGatewayTypeEnum) {
+    PaymentGatewayTypeEnum["EXTERNAL"] = "EXTERNAL";
+    PaymentGatewayTypeEnum["INTERNAL"] = "INTERNAL";
+    PaymentGatewayTypeEnum["THIRD_PARTY"] = "THIRD_PARTY";
+})(PaymentGatewayTypeEnum || (PaymentGatewayTypeEnum = {}));
 var PaymentMethodEnum;
 (function (PaymentMethodEnum) {
     PaymentMethodEnum["APP_PAYMENT"] = "APP_PAYMENT";
@@ -37785,6 +37805,7 @@ var ProductAttributeTypeEnum;
     ProductAttributeTypeEnum["HTML"] = "HTML";
     ProductAttributeTypeEnum["MULTIPLE_CHOICE"] = "MULTIPLE_CHOICE";
     ProductAttributeTypeEnum["NUMERIC"] = "NUMERIC";
+    ProductAttributeTypeEnum["PRODUCT"] = "PRODUCT";
     ProductAttributeTypeEnum["TABLE"] = "TABLE";
     ProductAttributeTypeEnum["TEXT"] = "TEXT";
 })(ProductAttributeTypeEnum || (ProductAttributeTypeEnum = {}));
@@ -41461,7 +41482,7 @@ var IkasCheckoutAPI = /** @class */ (function () {
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        QUERY = src(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n      query listPaymentGateway($id: StringFilterInput, $locale: String) {\n        listPaymentGateway(id: $id, locale: $locale) {\n          paymentMethods {\n            name\n            logoUrl\n          }\n          paymentMethodType\n          id\n          name\n          description\n          testMode\n          code\n          additionalPrices {\n            amount\n            amountType\n            name\n            type\n          }\n          translations {\n            description\n            locale\n            name\n          }\n        }\n      }\n    "], ["\n      query listPaymentGateway($id: StringFilterInput, $locale: String) {\n        listPaymentGateway(id: $id, locale: $locale) {\n          paymentMethods {\n            name\n            logoUrl\n          }\n          paymentMethodType\n          id\n          name\n          description\n          testMode\n          code\n          additionalPrices {\n            amount\n            amountType\n            name\n            type\n          }\n          translations {\n            description\n            locale\n            name\n          }\n        }\n      }\n    "])));
+                        QUERY = src(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n      query listPaymentGateway($id: StringFilterInput, $locale: String) {\n        listPaymentGateway(id: $id, locale: $locale) {\n          paymentMethods {\n            name\n            logoUrl\n          }\n          paymentMethodType\n          id\n          name\n          description\n          testMode\n          code\n          type\n          logoUrl\n          additionalPrices {\n            amount\n            amountType\n            name\n            type\n          }\n          translations {\n            description\n            locale\n            name\n          }\n        }\n      }\n    "], ["\n      query listPaymentGateway($id: StringFilterInput, $locale: String) {\n        listPaymentGateway(id: $id, locale: $locale) {\n          paymentMethods {\n            name\n            logoUrl\n          }\n          paymentMethodType\n          id\n          name\n          description\n          testMode\n          code\n          type\n          logoUrl\n          additionalPrices {\n            amount\n            amountType\n            name\n            type\n          }\n          translations {\n            description\n            locale\n            name\n          }\n        }\n      }\n    "])));
                         _b.label = 1;
                     case 1:
                         _b.trys.push([1, 3, , 4]);
@@ -69510,12 +69531,12 @@ var PaymentGateways = observer(function (_a) {
     };
     return (createElement(Fragment$1, null, vm.paymentGateways.map(function (pg, index) {
         var _a;
-        return (createElement(SelectBox$1, { key: pg.id, label: pg.paymentMethodType === IkasPaymentMethodType.CREDIT_CARD
+        return (createElement(SelectBox$1, { key: pg.id, label: pg.paymentMethodType === IkasPaymentMethodType.CREDIT_CARD &&
+                pg.type === IkasPaymentGatewayType.INTERNAL
                 ? t("checkout-page:creditCard")
-                : pg.name, isSelected: vm.selectedPaymentGatewayIndex === index, rightContent: ((_a = pg.additionalPrices) === null || _a === void 0 ? void 0 : _a.length) ? (createElement(PaymentMethodAdjustment, null, getAdditionalPriceText(pg.additionalPrices[0]))) : (createElement(PaymentMethodLogos, null, pg.paymentMethods.map(function (pm, index) {
-                return pm.logoUrl ? (createElement("div", { className: styles$b.PaymentLogoContainer, key: index },
-                    createElement("img", { src: pm.logoUrl }))) : (createElement("div", { className: styles$b.PaymentLogoContainer, key: index }));
-            }))), bottomContent: pg.paymentMethodType === IkasPaymentMethodType.CREDIT_CARD ? (createElement("div", null,
+                : pg.name, isSelected: vm.selectedPaymentGatewayIndex === index, rightContent: ((_a = pg.additionalPrices) === null || _a === void 0 ? void 0 : _a.length) ? (createElement(PaymentMethodAdjustment, null, getAdditionalPriceText(pg.additionalPrices[0]))) : (createElement(PaymentMethodLogos, null, !!pg.logoUrl && (createElement("div", { className: styles$b.PaymentLogoContainer },
+                createElement("img", { src: pg.logoUrl }))))), bottomContent: pg.paymentMethodType === IkasPaymentMethodType.CREDIT_CARD &&
+                pg.type === IkasPaymentGatewayType.INTERNAL ? (createElement("div", null,
                 createElement(CreditCardForm, { vm: vm }),
                 vm.installmentInfo && createElement(Installments, { vm: vm }))) : pg.description ? (createElement("div", { dangerouslySetInnerHTML: { __html: pg.description } })) : undefined, onClick: function () {
                 return vm.selectedPaymentGatewayIndex !== index &&
@@ -70196,7 +70217,7 @@ var Image = function (_a) {
         });
         return image.getSrc(closest);
     };
-    return (createElement(NextImage, __assign({}, others, { loader: loader, quality: 100, src: image.src, alt: others.alt || "Image" })));
+    return (createElement(NextImage, __assign({}, others, { loader: loader, quality: 100, src: image.src, alt: others.alt || "Image", placeholder: "blur", blurDataURL: image.getSrc(180) })));
 };
 
 var styles$k = {"StepContainer":"style-module_StepContainer__1O2dD","Step":"style-module_Step__1iOYA","StepTitleContainer":"style-module_StepTitleContainer__2GUg2","First":"style-module_First__cAzdJ","StepTitleTop":"style-module_StepTitleTop__3zfsj","WithRightContent":"style-module_WithRightContent__2fqb1","StepCircle":"style-module_StepCircle__36A5q","Selected":"style-module_Selected__3j91L","StepTitle":"style-module_StepTitle__10YDP","Light":"style-module_Light__15wSX","StepTitleRightContent":"style-module_StepTitleRightContent__2Q43m","StepContent":"style-module_StepContent__20QIi"};

package/build/index.js

@@ -19842,6 +19842,8 @@ var IkasPaymentGateway = /** @class */ (function () {
         this.id = data.id || null;
         this.name = data.name || "";
         this.code = data.code || "";
+        this.type = data.type || IkasPaymentGatewayType.INTERNAL;
+        this.logoUrl = data.logoUrl || null;
         this.testMode = data.testMode || null;
         this.description = data.description || null;
         this.additionalPrices =
@@ -19919,7 +19921,12 @@ var IkasPaymentGatewayAdditionalPriceAmountType;
 (function (IkasPaymentGatewayAdditionalPriceAmountType) {
     IkasPaymentGatewayAdditionalPriceAmountType["AMOUNT"] = "AMOUNT";
     IkasPaymentGatewayAdditionalPriceAmountType["RATIO"] = "RATIO";
-})(IkasPaymentGatewayAdditionalPriceAmountType || (IkasPaymentGatewayAdditionalPriceAmountType = {}));
+})(IkasPaymentGatewayAdditionalPriceAmountType || (IkasPaymentGatewayAdditionalPriceAmountType = {}));
+var IkasPaymentGatewayType;
+(function (IkasPaymentGatewayType) {
+    IkasPaymentGatewayType["EXTERNAL"] = "EXTERNAL";
+    IkasPaymentGatewayType["INTERNAL"] = "INTERNAL";
+})(IkasPaymentGatewayType || (IkasPaymentGatewayType = {}));
 
 var IkasCheckout = /** @class */ (function () {
     function IkasCheckout(data) {
@@ -24149,7 +24156,10 @@ var CheckoutViewModel = /** @class */ (function () {
                         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
+                                IkasPaymentMethodType.CREDIT_CARD &&
+                                this.checkout.selectedPaymentGateway.type ===
+                                    IkasPaymentGatewayType.INTERNAL &&
+                                this.cardData
                                 ? this.cardData.toInput()
                                 : undefined)];
                     case 1:
@@ -24228,7 +24238,9 @@ var CheckoutViewModel = /** @class */ (function () {
             var paymentGateway = _this.paymentGateways[index];
             _this.checkout.selectedPaymentGateway = paymentGateway;
             if (_this.step !== CheckoutStep.SUCCESS) {
-                if (paymentGateway.paymentMethodType === IkasPaymentMethodType.CREDIT_CARD) {
+                if (paymentGateway.paymentMethodType ===
+                    IkasPaymentMethodType.CREDIT_CARD &&
+                    paymentGateway.type === IkasPaymentGatewayType.INTERNAL) {
                     _this.cardData = new CreditCardData();
                 }
                 _this.installmentInfo = undefined;
@@ -24388,15 +24400,16 @@ var CheckoutViewModel = /** @class */ (function () {
     });
     Object.defineProperty(CheckoutViewModel.prototype, "canPerformPayment", {
         get: function () {
-            var _a, _b, _c;
+            var _a, _b;
             if (this.checkoutSettings.showTermsAndConditionsCheckbox &&
                 !this.isTermsAndConditionsChecked)
                 return false;
+            var pg = this.checkout.selectedPaymentGateway;
             return (this.canProceedToShipping &&
                 !!((_a = this.checkout.billingAddress) === null || _a === void 0 ? void 0 : _a.isValid) &&
-                (((_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));
+                ((pg === null || pg === void 0 ? void 0 : pg.paymentMethodType) === IkasPaymentMethodType.CREDIT_CARD &&
+                    pg.type === IkasPaymentGatewayType.INTERNAL
+                    ? (_b = this.cardData) === null || _b === void 0 ? void 0 : _b.isValid : true));
         },
         enumerable: false,
         configurable: true
@@ -37625,6 +37638,7 @@ var CheckoutRequirementEnum;
 var CheckoutStatusEnum;
 (function (CheckoutStatusEnum) {
     CheckoutStatusEnum["COMPLETED"] = "COMPLETED";
+    CheckoutStatusEnum["KILLED"] = "KILLED";
     CheckoutStatusEnum["OPEN"] = "OPEN";
 })(CheckoutStatusEnum || (CheckoutStatusEnum = {}));
 /**
@@ -37744,6 +37758,12 @@ var PaymentGatewayTransactionFeeTypeEnum;
     PaymentGatewayTransactionFeeTypeEnum["AMOUNT"] = "AMOUNT";
     PaymentGatewayTransactionFeeTypeEnum["RATIO"] = "RATIO";
 })(PaymentGatewayTransactionFeeTypeEnum || (PaymentGatewayTransactionFeeTypeEnum = {}));
+var PaymentGatewayTypeEnum;
+(function (PaymentGatewayTypeEnum) {
+    PaymentGatewayTypeEnum["EXTERNAL"] = "EXTERNAL";
+    PaymentGatewayTypeEnum["INTERNAL"] = "INTERNAL";
+    PaymentGatewayTypeEnum["THIRD_PARTY"] = "THIRD_PARTY";
+})(PaymentGatewayTypeEnum || (PaymentGatewayTypeEnum = {}));
 var PaymentMethodEnum;
 (function (PaymentMethodEnum) {
     PaymentMethodEnum["APP_PAYMENT"] = "APP_PAYMENT";
@@ -37767,6 +37787,7 @@ var ProductAttributeTypeEnum;
     ProductAttributeTypeEnum["HTML"] = "HTML";
     ProductAttributeTypeEnum["MULTIPLE_CHOICE"] = "MULTIPLE_CHOICE";
     ProductAttributeTypeEnum["NUMERIC"] = "NUMERIC";
+    ProductAttributeTypeEnum["PRODUCT"] = "PRODUCT";
     ProductAttributeTypeEnum["TABLE"] = "TABLE";
     ProductAttributeTypeEnum["TEXT"] = "TEXT";
 })(ProductAttributeTypeEnum || (ProductAttributeTypeEnum = {}));
@@ -41440,7 +41461,7 @@ var IkasCheckoutAPI = /** @class */ (function () {
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        QUERY = src(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n      query listPaymentGateway($id: StringFilterInput, $locale: String) {\n        listPaymentGateway(id: $id, locale: $locale) {\n          paymentMethods {\n            name\n            logoUrl\n          }\n          paymentMethodType\n          id\n          name\n          description\n          testMode\n          code\n          additionalPrices {\n            amount\n            amountType\n            name\n            type\n          }\n          translations {\n            description\n            locale\n            name\n          }\n        }\n      }\n    "], ["\n      query listPaymentGateway($id: StringFilterInput, $locale: String) {\n        listPaymentGateway(id: $id, locale: $locale) {\n          paymentMethods {\n            name\n            logoUrl\n          }\n          paymentMethodType\n          id\n          name\n          description\n          testMode\n          code\n          additionalPrices {\n            amount\n            amountType\n            name\n            type\n          }\n          translations {\n            description\n            locale\n            name\n          }\n        }\n      }\n    "])));
+                        QUERY = src(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n      query listPaymentGateway($id: StringFilterInput, $locale: String) {\n        listPaymentGateway(id: $id, locale: $locale) {\n          paymentMethods {\n            name\n            logoUrl\n          }\n          paymentMethodType\n          id\n          name\n          description\n          testMode\n          code\n          type\n          logoUrl\n          additionalPrices {\n            amount\n            amountType\n            name\n            type\n          }\n          translations {\n            description\n            locale\n            name\n          }\n        }\n      }\n    "], ["\n      query listPaymentGateway($id: StringFilterInput, $locale: String) {\n        listPaymentGateway(id: $id, locale: $locale) {\n          paymentMethods {\n            name\n            logoUrl\n          }\n          paymentMethodType\n          id\n          name\n          description\n          testMode\n          code\n          type\n          logoUrl\n          additionalPrices {\n            amount\n            amountType\n            name\n            type\n          }\n          translations {\n            description\n            locale\n            name\n          }\n        }\n      }\n    "])));
                         _b.label = 1;
                     case 1:
                         _b.trys.push([1, 3, , 4]);
@@ -69489,12 +69510,12 @@ var PaymentGateways = mobxReactLite.observer(function (_a) {
     };
     return (React.createElement(React.Fragment, null, vm.paymentGateways.map(function (pg, index) {
         var _a;
-        return (React.createElement(SelectBox$1, { key: pg.id, label: pg.paymentMethodType === IkasPaymentMethodType.CREDIT_CARD
+        return (React.createElement(SelectBox$1, { key: pg.id, label: pg.paymentMethodType === IkasPaymentMethodType.CREDIT_CARD &&
+                pg.type === IkasPaymentGatewayType.INTERNAL
                 ? t("checkout-page:creditCard")
-                : pg.name, isSelected: vm.selectedPaymentGatewayIndex === index, rightContent: ((_a = pg.additionalPrices) === null || _a === void 0 ? void 0 : _a.length) ? (React.createElement(PaymentMethodAdjustment, null, getAdditionalPriceText(pg.additionalPrices[0]))) : (React.createElement(PaymentMethodLogos, null, pg.paymentMethods.map(function (pm, index) {
-                return pm.logoUrl ? (React.createElement("div", { className: styles$b.PaymentLogoContainer, key: index },
-                    React.createElement("img", { src: pm.logoUrl }))) : (React.createElement("div", { className: styles$b.PaymentLogoContainer, key: index }));
-            }))), bottomContent: pg.paymentMethodType === IkasPaymentMethodType.CREDIT_CARD ? (React.createElement("div", null,
+                : pg.name, isSelected: vm.selectedPaymentGatewayIndex === index, rightContent: ((_a = pg.additionalPrices) === null || _a === void 0 ? void 0 : _a.length) ? (React.createElement(PaymentMethodAdjustment, null, getAdditionalPriceText(pg.additionalPrices[0]))) : (React.createElement(PaymentMethodLogos, null, !!pg.logoUrl && (React.createElement("div", { className: styles$b.PaymentLogoContainer },
+                React.createElement("img", { src: pg.logoUrl }))))), bottomContent: pg.paymentMethodType === IkasPaymentMethodType.CREDIT_CARD &&
+                pg.type === IkasPaymentGatewayType.INTERNAL ? (React.createElement("div", null,
                 React.createElement(CreditCardForm, { vm: vm }),
                 vm.installmentInfo && React.createElement(Installments, { vm: vm }))) : pg.description ? (React.createElement("div", { dangerouslySetInnerHTML: { __html: pg.description } })) : undefined, onClick: function () {
                 return vm.selectedPaymentGatewayIndex !== index &&
@@ -70175,7 +70196,7 @@ var Image = function (_a) {
         });
         return image.getSrc(closest);
     };
-    return (React.createElement(NextImage__default['default'], __assign({}, others, { loader: loader, quality: 100, src: image.src, alt: others.alt || "Image" })));
+    return (React.createElement(NextImage__default['default'], __assign({}, others, { loader: loader, quality: 100, src: image.src, alt: others.alt || "Image", placeholder: "blur", blurDataURL: image.getSrc(180) })));
 };
 
 var styles$k = {"StepContainer":"style-module_StepContainer__1O2dD","Step":"style-module_Step__1iOYA","StepTitleContainer":"style-module_StepTitleContainer__2GUg2","First":"style-module_First__cAzdJ","StepTitleTop":"style-module_StepTitleTop__3zfsj","WithRightContent":"style-module_WithRightContent__2fqb1","StepCircle":"style-module_StepCircle__36A5q","Selected":"style-module_Selected__3j91L","StepTitle":"style-module_StepTitle__10YDP","Light":"style-module_Light__15wSX","StepTitleRightContent":"style-module_StepTitleRightContent__2Q43m","StepContent":"style-module_StepContent__20QIi"};

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

@@ -5,6 +5,8 @@ export declare class IkasPaymentGateway {
     id: string | null;
     name: string;
     code: string;
+    type: IkasPaymentGatewayType;
+    logoUrl: string | null;
     testMode: boolean | null;
     description: string | null;
     additionalPrices: IkasPaymentGatewayAdditionalPrice[] | null;
@@ -45,6 +47,10 @@ export declare enum IkasPaymentGatewayAdditionalPriceAmountType {
     AMOUNT = "AMOUNT",
     RATIO = "RATIO"
 }
+export declare enum IkasPaymentGatewayType {
+    EXTERNAL = "EXTERNAL",
+    INTERNAL = "INTERNAL"
+}
 declare type IkasPaymentGatewayTranslation = {
     description: string | null;
     locale: string;

package/package.json

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