@ikas/storefront 0.0.124 → 0.0.126

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

@@ -229,16 +229,20 @@ export declare enum SortByTypeEnum {
     PRICE = "PRICE"
 }
 /**
- * StorefrontStatusTypes
+ * StorefrontStatusEnum
  */
 export declare enum StorefrontStatusTypes {
+    FAILED = "FAILED",
+    NOT_DEPLOYED = "NOT_DEPLOYED",
     READY = "READY",
     WAITING = "WAITING"
 }
 /**
- * StorefrontThemeStatus
+ * StorefrontThemeStatusEnum
  */
 export declare enum StorefrontThemeStatus {
+    FAILED = "FAILED",
+    NOT_DEPLOYED = "NOT_DEPLOYED",
     READY = "READY",
     WAITING = "WAITING"
 }
@@ -350,6 +354,10 @@ export interface CustomerAddressStateInput {
     id?: string | null;
     name?: string | null;
 }
+export interface HTMLMetaDataTargetTypeEnumFilter {
+    eq?: HTMLMetaDataTargetTypeEnum | null;
+    in?: HTMLMetaDataTargetTypeEnum[] | null;
+}
 export interface OrderAddressCityInput {
     code?: string | null;
     id?: string | null;
@@ -431,6 +439,7 @@ export interface SaveCheckoutInput {
     customer?: CheckoutCustomerInput | null;
     deleted?: boolean | null;
     id?: string | null;
+    note?: string | null;
     shippingAddress?: OrderAddressInput | null;
     shippingMethod: ShippingMethodEnum;
     shippingSettingsId?: string | null;

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

@@ -174,6 +174,7 @@ export interface getCheckoutById_getCheckoutById_adjustments {
 export interface getCheckoutById_getCheckoutById {
     __typename: "Checkout";
     totalFinalPrice: number;
+    note: string | null;
     availableShippingMethods: getCheckoutById_getCheckoutById_availableShippingMethods[] | null;
     billingAddress: getCheckoutById_getCheckoutById_billingAddress | null;
     cartId: string;

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

@@ -13,6 +13,7 @@ export interface listCheckoutSettings_listCheckoutSettings {
     isTermsAndConditionsDefaultChecked: boolean | null;
     options: listCheckoutSettings_listCheckoutSettings_options[] | null;
     phoneRequirement: CheckoutRequirementEnum;
+    showCheckoutNote: boolean | null;
     showTermsAndConditionsCheckbox: boolean;
     storefrontId: string;
     updatedAt: any | null;

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

@@ -27,6 +27,7 @@ export interface customerLogin_customerLogin_customer_addresses {
     __typename: "CustomerAddress";
     addressLine1: string;
     addressLine2: string | null;
+    identityNumber: string | null;
     city: customerLogin_customerLogin_customer_addresses_city;
     company: string | null;
     country: customerLogin_customerLogin_customer_addresses_country;

package/build/api/html-meta-data/__generated__/listHTMLMetaData.d.ts

@@ -1,4 +1,4 @@
-import { StringFilterInput, HTMLMetaDataTargetTypeEnum } from "../../../__generated__/global-types";
+import { StringFilterInput, HTMLMetaDataTargetTypeEnumFilter, HTMLMetaDataTargetTypeEnum } from "../../../__generated__/global-types";
 export interface listHTMLMetaData_listHTMLMetaData {
     __typename: "HTMLMetaData";
     slug: string;
@@ -14,4 +14,5 @@ export interface listHTMLMetaData {
 export interface listHTMLMetaDataVariables {
     slug?: StringFilterInput | null;
     targetId?: StringFilterInput | null;
+    targetType?: HTMLMetaDataTargetTypeEnumFilter | null;
 }

package/build/api/html-meta-data/index.d.ts

@@ -1,4 +1,4 @@
 import { IkasHTMLMetaData } from "../../models/index";
 export declare class IkasHTMLMetaDataAPI {
-    static listHTMLMetaData(slug?: string, targetId?: string): Promise<IkasHTMLMetaData[]>;
+    static listHTMLMetaData(slug?: string, targetId?: string, targetType?: string[]): Promise<IkasHTMLMetaData[]>;
 }

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

@@ -11,6 +11,7 @@ export default class FormItemViewModel implements Props {
     get labelStyle(): string;
     get inputStyle(): string;
     onValueChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    onTextAreaValueChange: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
     onSelectChange: (e: React.ChangeEvent<HTMLSelectElement>) => void;
 }
 export interface Props {
@@ -25,8 +26,9 @@ export interface Props {
 }
 export declare enum FormItemType {
     TEXT = 0,
-    SELECT = 1,
-    TEL = 2
+    TEXT_AREA = 1,
+    SELECT = 2,
+    TEL = 3
 }
 export declare type FormItemSelectOption = {
     value: string;

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

@@ -68,6 +68,7 @@ export default class CheckoutViewModel {
     onSelectedShippingAddressIdChange: (value: string) => void;
     onSelectedBillingAddressIdChange: (value: string) => void;
     onTermsAndConditionsCheckedChange: (value: boolean) => void;
+    onCheckoutNoteChange: (value: string) => void;
     onCardNumberChange: (value: string) => void;
     onCardHolderNameChange: (value: string) => void;
     onExpirationDateChange: (value: string) => void;

package/build/index.es.js

@@ -11896,6 +11896,9 @@ var ThemeComponent = observer(function (_a) {
         });
     });
     var Component = components[pageComponent.componentId];
+    if (!Component) {
+        console.error("COMPONENT NOT FOUND!", pageComponent.id, pageComponent.componentId, components ? Object.keys(components) : []);
+    }
     return (createElement("div", { id: index + "" }, hasNullValue.get() ? null : (createElement(Component, __assign({ key: pageComponent.id }, propValues, { settings: settings, store: store })))));
 });
 
@@ -12982,7 +12985,10 @@ var IkasCheckoutSettings = /** @class */ (function () {
         this.isTermsAndConditionsDefaultChecked =
             data.isTermsAndConditionsDefaultChecked || false;
         this.showTermsAndConditionsCheckbox =
-            data.showTermsAndConditionsCheckbox || false;
+            data.showTermsAndConditionsCheckbox !== undefined
+                ? data.showTermsAndConditionsCheckbox
+                : true;
+        this.showCheckoutNote = data.showCheckoutNote || false;
         this.storefrontId = data.storefrontId || "";
     }
     return IkasCheckoutSettings;
@@ -13321,6 +13327,7 @@ var IkasCheckout = /** @class */ (function () {
         this.recoveryStatus = null;
         this.totalFinalPrice = null;
         this.adjustments = null;
+        this.note = null;
         this.id = data.id;
         this.createdAt = data.createdAt;
         this.updatedAt = data.updatedAt;
@@ -13347,6 +13354,7 @@ var IkasCheckout = /** @class */ (function () {
         this.recoveryStatus = data.recoveryStatus;
         this.totalFinalPrice = data.totalFinalPrice;
         this.adjustments = data.adjustments;
+        this.note = data.note || null;
         makeAutoObservable(this);
     }
     Object.defineProperty(IkasCheckout.prototype, "shippingTotal", {
@@ -18390,6 +18398,9 @@ var CheckoutViewModel = /** @class */ (function () {
         this.onTermsAndConditionsCheckedChange = function (value) {
             _this.isTermsAndConditionsChecked = value;
         };
+        this.onCheckoutNoteChange = function (value) {
+            _this.checkout.note = value;
+        };
         // CREDIT CARD START
         this.onCardNumberChange = function (value) {
             if (!_this.cardData)
@@ -25164,7 +25175,7 @@ var IkasCheckoutAPI = /** @class */ (function () {
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        QUERY = src(templateObject_2$2 || (templateObject_2$2 = __makeTemplateObject(["\n      query getCheckoutById($id: String!) {\n        getCheckoutById(id: $id) {\n          totalFinalPrice\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          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$2 || (templateObject_2$2 = __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    "])));
                         _b.label = 1;
                     case 1:
                         _b.trys.push([1, 3, , 4]);
@@ -25263,6 +25274,7 @@ var IkasCheckoutAPI = /** @class */ (function () {
                                                 lastName: (_d = checkout.customer) === null || _d === void 0 ? void 0 : _d.lastName,
                                             }
                                             : null,
+                                        note: checkout.note,
                                     },
                                 },
                             })];
@@ -25441,7 +25453,7 @@ var IkasCheckoutAPI = /** @class */ (function () {
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        QUERY = src(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n      query listCheckoutSettings($storefrontId: StringFilterInput!) {\n        listCheckoutSettings(storefrontId: $storefrontId) {\n          createdAt\n          id\n          identityNumberRequirement\n          isAccountRequired\n          isTermsAndConditionsDefaultChecked\n          options {\n            name\n            required\n          }\n          phoneRequirement\n          showTermsAndConditionsCheckbox\n          storefrontId\n          updatedAt\n        }\n      }\n    "], ["\n      query listCheckoutSettings($storefrontId: StringFilterInput!) {\n        listCheckoutSettings(storefrontId: $storefrontId) {\n          createdAt\n          id\n          identityNumberRequirement\n          isAccountRequired\n          isTermsAndConditionsDefaultChecked\n          options {\n            name\n            required\n          }\n          phoneRequirement\n          showTermsAndConditionsCheckbox\n          storefrontId\n          updatedAt\n        }\n      }\n    "])));
+                        QUERY = src(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n      query listCheckoutSettings($storefrontId: StringFilterInput!) {\n        listCheckoutSettings(storefrontId: $storefrontId) {\n          createdAt\n          id\n          identityNumberRequirement\n          isAccountRequired\n          isTermsAndConditionsDefaultChecked\n          options {\n            name\n            required\n          }\n          phoneRequirement\n          showCheckoutNote\n          showTermsAndConditionsCheckbox\n          storefrontId\n          updatedAt\n        }\n      }\n    "], ["\n      query listCheckoutSettings($storefrontId: StringFilterInput!) {\n        listCheckoutSettings(storefrontId: $storefrontId) {\n          createdAt\n          id\n          identityNumberRequirement\n          isAccountRequired\n          isTermsAndConditionsDefaultChecked\n          options {\n            name\n            required\n          }\n          phoneRequirement\n          showCheckoutNote\n          showTermsAndConditionsCheckbox\n          storefrontId\n          updatedAt\n        }\n      }\n    "])));
                         _b.label = 1;
                     case 1:
                         _b.trys.push([1, 3, , 4]);
@@ -26087,13 +26099,13 @@ var templateObject_1$7;
 var IkasHTMLMetaDataAPI = /** @class */ (function () {
     function IkasHTMLMetaDataAPI() {
     }
-    IkasHTMLMetaDataAPI.listHTMLMetaData = function (slug, targetId) {
+    IkasHTMLMetaDataAPI.listHTMLMetaData = function (slug, targetId, targetType) {
         return __awaiter(this, void 0, void 0, function () {
             var LIST_QUERY, _a, data, errors, err_1;
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        LIST_QUERY = src(templateObject_1$8 || (templateObject_1$8 = __makeTemplateObject(["\n      query listHTMLMetaData(\n        $slug: StringFilterInput\n        $targetId: StringFilterInput\n      ) {\n        listHTMLMetaData(slug: $slug, targetId: $targetId) {\n          slug\n          pageTitle\n          description\n          targetId\n          targetType\n          redirectTo\n        }\n      }\n    "], ["\n      query listHTMLMetaData(\n        $slug: StringFilterInput\n        $targetId: StringFilterInput\n      ) {\n        listHTMLMetaData(slug: $slug, targetId: $targetId) {\n          slug\n          pageTitle\n          description\n          targetId\n          targetType\n          redirectTo\n        }\n      }\n    "])));
+                        LIST_QUERY = src(templateObject_1$8 || (templateObject_1$8 = __makeTemplateObject(["\n      query listHTMLMetaData(\n        $slug: StringFilterInput\n        $targetId: StringFilterInput\n        $targetType: HTMLMetaDataTargetTypeEnumFilter\n      ) {\n        listHTMLMetaData(\n          slug: $slug\n          targetId: $targetId\n          targetType: $targetType\n        ) {\n          slug\n          pageTitle\n          description\n          targetId\n          targetType\n          redirectTo\n        }\n      }\n    "], ["\n      query listHTMLMetaData(\n        $slug: StringFilterInput\n        $targetId: StringFilterInput\n        $targetType: HTMLMetaDataTargetTypeEnumFilter\n      ) {\n        listHTMLMetaData(\n          slug: $slug\n          targetId: $targetId\n          targetType: $targetType\n        ) {\n          slug\n          pageTitle\n          description\n          targetId\n          targetType\n          redirectTo\n        }\n      }\n    "])));
                         _b.label = 1;
                     case 1:
                         _b.trys.push([1, 3, , 4]);
@@ -26112,6 +26124,11 @@ var IkasHTMLMetaDataAPI = /** @class */ (function () {
                                             eq: targetId,
                                         }
                                         : undefined,
+                                    targetType: targetType
+                                        ? {
+                                            in: targetType,
+                                        }
+                                        : undefined,
                                 },
                             })];
                     case 2:
@@ -26696,7 +26713,7 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z = ".style-module_FormSectionTitle__2LxF2 {\n  width: 100%;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-top: 1.5em; }\n  .style-module_FormSectionTitle__2LxF2 .style-module_Title__2PxW0 {\n    flex: 1 1 auto;\n    padding-bottom: 0.7em;\n    color: #333333;\n    font-size: 1.15em;\n    line-height: 1.15em; }\n    .style-module_FormSectionTitle__2LxF2 .style-module_Title__2PxW0.style-module_WithSubTitle__36X7i {\n      line-height: auto;\n      padding-bottom: 0; }\n\n.style-module_SubTitle__2UOsH {\n  color: #737373;\n  font-size: 0.8em;\n  padding-bottom: 0.7em;\n  padding-top: 0.3em; }\n\n.style-module_Grid__1eODF {\n  display: grid;\n  grid-gap: 0.7em; }\n  .style-module_Grid__1eODF.style-module_Grid2__1HTRV {\n    grid-template-columns: repeat(2, 1fr); }\n  .style-module_Grid__1eODF.style-module_Grid3__uN7io {\n    grid-template-columns: repeat(3, 1fr); }\n  @media only screen and (max-width: 768px) {\n    .style-module_Grid__1eODF {\n      grid-template-columns: 1fr !important; } }\n\n.style-module_FormContainer__2IVCZ {\n  padding: 0 0.7em; }\n\n.style-module_mtFormRow__2YwG- {\n  margin-top: 0.7em; }\n\n.style-module_mt1__1OQuA {\n  margin-top: 1em; }\n\n.style-module_mt2__Yumkn {\n  margin-top: 2em; }\n\n@keyframes style-module_fadeInFromRight__L_PAx {\n  from {\n    opacity: 0;\n    transform: translateY(10px); }\n  to {\n    opacity: 1;\n    transform: translateY(0); } }\n\n.style-module_FormItem__1o0fc {\n  width: 100%; }\n  .style-module_FormItemWrapper__2NOxU {\n    width: 100%; }\n  .style-module_FormItemInputWrapper__2eOdJ {\n    position: relative;\n    width: 100%; }\n    .style-module_FormItemInputWrapper__2eOdJ label.style-module_FieldLabel__2Tx0b {\n      color: #737373;\n      position: absolute;\n      top: 0;\n      left: 0.7em;\n      width: 100%;\n      z-index: 1;\n      user-select: none;\n      pointer-events: none;\n      overflow: hidden;\n      white-space: nowrap;\n      text-overflow: ellipsis;\n      transition: transform .1s;\n      transform: translateY(70%);\n      font-size: 0.85em; }\n      .style-module_FormItemInputWrapper__2eOdJ label.style-module_FieldLabelTop__1nOBq {\n        transform: translateY(6px);\n        font-size: 0.7em; }\n    .style-module_FormItemInputWrapper__2eOdJ input,\n    .style-module_FormItemInputWrapper__2eOdJ select {\n      border: 1px solid #d9d9d9;\n      background-color: white;\n      color: #333333;\n      background-clip: padding-box;\n      border-radius: 6px;\n      display: block;\n      width: 100%;\n      height: 3em;\n      padding: 0.5em;\n      outline: none;\n      transition: padding .1s, border-color .5s, box-shadow .5s;\n      box-shadow: 0 0 0 1px transparent;\n      -moz-appearance: none;\n      -webkit-appearance: none; }\n      .style-module_FormItemInputWrapper__2eOdJ input:focus,\n      .style-module_FormItemInputWrapper__2eOdJ select:focus {\n        box-shadow: 0 0 0 1px #111111;\n        border-color: #111111; }\n      .style-module_FormItemInputWrapper__2eOdJ input.style-module_Bottom__3s4pZ,\n      .style-module_FormItemInputWrapper__2eOdJ select.style-module_Bottom__3s4pZ {\n        padding-top: 1.2em;\n        padding-bottom: 0.2em; }\n      .style-module_FormItemInputWrapper__2eOdJ input.style-module_Error__nif12,\n      .style-module_FormItemInputWrapper__2eOdJ select.style-module_Error__nif12 {\n        box-shadow: 0 0 0 1px #ff6d6d;\n        border-color: #ff6d6d; }\n      .style-module_FormItemInputWrapper__2eOdJ input::-ms-expand,\n      .style-module_FormItemInputWrapper__2eOdJ select::-ms-expand {\n        display: none; }\n    .style-module_FormItemInputWrapper__2eOdJ .style-module_ArrowContainer__27ejm {\n      position: absolute;\n      right: 1px;\n      padding-right: 0.5em;\n      top: 1px;\n      height: calc(100% - 2px);\n      display: flex;\n      align-items: center;\n      color: #737373;\n      background-color: white;\n      z-index: 2;\n      border-radius: 6px; }\n  .style-module_FormItem__1o0fc .style-module_ErrorMsg__3How6 {\n    color: #ff6d6d;\n    font-size: 0.8em;\n    margin: 0.5em 0.25em;\n    animation-name: style-module_fadeInFromRight__L_PAx;\n    animation-duration: .3s; }\n";
+var css_248z = ".style-module_FormSectionTitle__2LxF2 {\n  width: 100%;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-top: 1.5em; }\n  .style-module_FormSectionTitle__2LxF2 .style-module_Title__2PxW0 {\n    flex: 1 1 auto;\n    padding-bottom: 0.7em;\n    color: #333333;\n    font-size: 1.15em;\n    line-height: 1.15em; }\n    .style-module_FormSectionTitle__2LxF2 .style-module_Title__2PxW0.style-module_WithSubTitle__36X7i {\n      line-height: auto;\n      padding-bottom: 0; }\n\n.style-module_SubTitle__2UOsH {\n  color: #737373;\n  font-size: 0.8em;\n  padding-bottom: 0.7em;\n  padding-top: 0.3em; }\n\n.style-module_Grid__1eODF {\n  display: grid;\n  grid-gap: 0.7em; }\n  .style-module_Grid__1eODF.style-module_Grid2__1HTRV {\n    grid-template-columns: repeat(2, 1fr); }\n  .style-module_Grid__1eODF.style-module_Grid3__uN7io {\n    grid-template-columns: repeat(3, 1fr); }\n  @media only screen and (max-width: 768px) {\n    .style-module_Grid__1eODF {\n      grid-template-columns: 1fr !important; } }\n\n.style-module_FormContainer__2IVCZ {\n  padding: 0 0.7em; }\n\n.style-module_mtFormRow__2YwG- {\n  margin-top: 0.7em; }\n\n.style-module_mt1__1OQuA {\n  margin-top: 1em; }\n\n.style-module_mt2__Yumkn {\n  margin-top: 2em; }\n\n@keyframes style-module_fadeInFromRight__L_PAx {\n  from {\n    opacity: 0;\n    transform: translateY(10px); }\n  to {\n    opacity: 1;\n    transform: translateY(0); } }\n\n.style-module_FormItem__1o0fc {\n  width: 100%; }\n  .style-module_FormItemWrapper__2NOxU {\n    width: 100%; }\n  .style-module_FormItemInputWrapper__2eOdJ {\n    position: relative;\n    width: 100%; }\n    .style-module_FormItemInputWrapper__2eOdJ label.style-module_FieldLabel__2Tx0b {\n      color: #737373;\n      position: absolute;\n      top: 0;\n      left: 0.7em;\n      width: 100%;\n      z-index: 1;\n      user-select: none;\n      pointer-events: none;\n      overflow: hidden;\n      white-space: nowrap;\n      text-overflow: ellipsis;\n      transition: transform .1s;\n      transform: translateY(70%);\n      font-size: 0.85em; }\n      .style-module_FormItemInputWrapper__2eOdJ label.style-module_FieldLabelTop__1nOBq {\n        transform: translateY(6px);\n        font-size: 0.7em; }\n    .style-module_FormItemInputWrapper__2eOdJ input,\n    .style-module_FormItemInputWrapper__2eOdJ select,\n    .style-module_FormItemInputWrapper__2eOdJ textarea {\n      border: 1px solid #d9d9d9;\n      background-color: white;\n      color: #333333;\n      background-clip: padding-box;\n      border-radius: 6px;\n      display: block;\n      width: 100%;\n      height: 3em;\n      padding: 0.5em;\n      outline: none;\n      transition: padding .1s, border-color .5s, box-shadow .5s;\n      box-shadow: 0 0 0 1px transparent;\n      -moz-appearance: none;\n      -webkit-appearance: none; }\n      .style-module_FormItemInputWrapper__2eOdJ input:focus,\n      .style-module_FormItemInputWrapper__2eOdJ select:focus,\n      .style-module_FormItemInputWrapper__2eOdJ textarea:focus {\n        box-shadow: 0 0 0 1px #111111;\n        border-color: #111111; }\n      .style-module_FormItemInputWrapper__2eOdJ input.style-module_Bottom__3s4pZ,\n      .style-module_FormItemInputWrapper__2eOdJ select.style-module_Bottom__3s4pZ,\n      .style-module_FormItemInputWrapper__2eOdJ textarea.style-module_Bottom__3s4pZ {\n        padding-top: 1.2em;\n        padding-bottom: 0.2em; }\n      .style-module_FormItemInputWrapper__2eOdJ input.style-module_Error__nif12,\n      .style-module_FormItemInputWrapper__2eOdJ select.style-module_Error__nif12,\n      .style-module_FormItemInputWrapper__2eOdJ textarea.style-module_Error__nif12 {\n        box-shadow: 0 0 0 1px #ff6d6d;\n        border-color: #ff6d6d; }\n      .style-module_FormItemInputWrapper__2eOdJ input::-ms-expand,\n      .style-module_FormItemInputWrapper__2eOdJ select::-ms-expand,\n      .style-module_FormItemInputWrapper__2eOdJ textarea::-ms-expand {\n        display: none; }\n    .style-module_FormItemInputWrapper__2eOdJ textarea {\n      min-height: 120px; }\n    .style-module_FormItemInputWrapper__2eOdJ .style-module_ArrowContainer__27ejm {\n      position: absolute;\n      right: 1px;\n      padding-right: 0.5em;\n      top: 1px;\n      height: calc(100% - 2px);\n      display: flex;\n      align-items: center;\n      color: #737373;\n      background-color: white;\n      z-index: 2;\n      border-radius: 6px; }\n  .style-module_FormItem__1o0fc .style-module_ErrorMsg__3How6 {\n    color: #ff6d6d;\n    font-size: 0.8em;\n    margin: 0.5em 0.25em;\n    animation-name: style-module_fadeInFromRight__L_PAx;\n    animation-duration: .3s; }\n";
 var styles = {"FormSectionTitle":"style-module_FormSectionTitle__2LxF2","Title":"style-module_Title__2PxW0","WithSubTitle":"style-module_WithSubTitle__36X7i","SubTitle":"style-module_SubTitle__2UOsH","Grid":"style-module_Grid__1eODF","Grid2":"style-module_Grid2__1HTRV","Grid3":"style-module_Grid3__uN7io","FormContainer":"style-module_FormContainer__2IVCZ","mtFormRow":"style-module_mtFormRow__2YwG-","mt1":"style-module_mt1__1OQuA","mt2":"style-module_mt2__Yumkn","FormItem":"style-module_FormItem__1o0fc","FormItemWrapper":"style-module_FormItemWrapper__2NOxU","FormItemInputWrapper":"style-module_FormItemInputWrapper__2eOdJ","FieldLabel":"style-module_FieldLabel__2Tx0b","FieldLabelTop":"style-module_FieldLabelTop__1nOBq","Bottom":"style-module_Bottom__3s4pZ","Error":"style-module_Error__nif12","ArrowContainer":"style-module_ArrowContainer__27ejm","ErrorMsg":"style-module_ErrorMsg__3How6","fadeInFromRight":"style-module_fadeInFromRight__L_PAx"};
 styleInject(css_248z);
 
@@ -26706,6 +26723,9 @@ var FormItemViewModel = /** @class */ (function () {
         this.onValueChange = function (e) {
             _this.onChange(e.target.value);
         };
+        this.onTextAreaValueChange = function (e) {
+            _this.onChange(e.target.value);
+        };
         this.onSelectChange = function (e) {
             _this.onChange(e.target.value);
         };
@@ -26757,8 +26777,9 @@ var FormItemViewModel = /** @class */ (function () {
 var FormItemType;
 (function (FormItemType) {
     FormItemType[FormItemType["TEXT"] = 0] = "TEXT";
-    FormItemType[FormItemType["SELECT"] = 1] = "SELECT";
-    FormItemType[FormItemType["TEL"] = 2] = "TEL";
+    FormItemType[FormItemType["TEXT_AREA"] = 1] = "TEXT_AREA";
+    FormItemType[FormItemType["SELECT"] = 2] = "SELECT";
+    FormItemType[FormItemType["TEL"] = 3] = "TEL";
 })(FormItemType || (FormItemType = {}));
 
 var SVGCaretDown = function (_a) {
@@ -26811,6 +26832,7 @@ var FormItem = observer(function (props) {
                 createElement("label", { className: vm.labelStyle }, vm.label),
                 vm.type === FormItemType.TEXT && (createElement(Input, { vm: vm, autocomplete: props.autocomplete })),
                 vm.type === FormItemType.TEL && (createElement(Input, { vm: vm, type: "tel", autocomplete: props.autocomplete })),
+                vm.type === FormItemType.TEXT_AREA && createElement(TextArea, { vm: vm }),
                 vm.type === FormItemType.SELECT && (createElement(Select, { vm: vm, autocomplete: props.autocomplete }))),
             !!vm.hasError && (createElement("div", { className: styles.ErrorMsg }, vm.errorText || "")))));
 });
@@ -26818,6 +26840,10 @@ var Input = observer(function (_a) {
     var vm = _a.vm, autocomplete = _a.autocomplete, type = _a.type;
     return (createElement("input", { type: type || "text", autoComplete: autocomplete, className: vm.inputStyle, value: vm.value, onChange: vm.onValueChange }));
 });
+var TextArea = observer(function (_a) {
+    var vm = _a.vm;
+    return (createElement("textarea", { value: vm.value, onChange: vm.onTextAreaValueChange }));
+});
 var Select = observer(function (_a) {
     var _b;
     var vm = _a.vm, autocomplete = _a.autocomplete;
@@ -27562,11 +27588,15 @@ var CheckoutStepPayment = observer(function (_a) {
         createElement(InfoBox, { vm: vm, showShipping: true }),
         createElement(PaymentGateways, { vm: vm }),
         createElement(BillingAddress, { vm: vm }),
-        createElement("div", { style: { marginTop: "12px" } },
+        vm.checkoutSettings.showCheckoutNote && (createElement(Fragment, null,
+            createElement("div", { className: commonStyles.FormSectionTitle },
+                createElement("div", { className: [commonStyles.Title].join(" ") }, "Sipari\u015F Notu")),
+            createElement(FormItem, { type: FormItemType.TEXT_AREA, label: "", value: vm.checkout.note || "", onChange: vm.onCheckoutNoteChange }))),
+        vm.checkoutSettings.showTermsAndConditionsCheckbox && (createElement("div", { style: { marginTop: "12px" } },
             createElement(Checkbox, { value: vm.isTermsAndConditionsChecked, label: createElement(Fragment, null,
                     createElement("span", { className: styles$d.TermsLabelSpan, onClick: onShowTermsClick }, "Mesafeli sat\u0131\u015F s\u00F6zle\u015Fmesini"),
                     " ",
-                    "okudum ve onayl\u0131yorum"), onChange: vm.onTermsAndConditionsCheckedChange })),
+                    "okudum ve onayl\u0131yorum"), onChange: vm.onTermsAndConditionsCheckedChange }))),
         createElement(StepActionButtons, { mainBtnText: "Şimdi öde", mainBtnOnClick: vm.performPayment, backBtnText: "Kargoya Geri Dön", backBtnOnClick: vm.onBackToShippingClick, isLoading: vm.isStepLoading })));
 });
 
@@ -29104,62 +29134,24 @@ var Page$1 = function (_a) {
 };
 var index$1 = observer(Page$1);
 var getStaticPaths = function (context) { return __awaiter(void 0, void 0, void 0, function () {
-    var metaData, targetTypes, brandCategoryMetaData, productMetaData, productsResponse, productParams, _loop_1, _i, _a, product;
-    return __generator(this, function (_b) {
-        switch (_b.label) {
-            case 0: return [4 /*yield*/, IkasHTMLMetaDataAPI.listHTMLMetaData()];
-            case 1:
-                metaData = _b.sent();
+    var targetTypes, metaData;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0:
                 targetTypes = [
                     IkasHTMLMetaDataTargetType.BRAND,
                     IkasHTMLMetaDataTargetType.CATEGORY,
                 ];
-                brandCategoryMetaData = metaData.filter(function (m) { return m.targetType && targetTypes.includes(m.targetType); });
-                productMetaData = metaData.filter(function (m) { return m.targetType && m.targetType === IkasHTMLMetaDataTargetType.PRODUCT; });
-                return [4 /*yield*/, IkasProductSearchAPI.searchProducts({
-                        productIdList: productMetaData.map(function (p) { return p.targetId; }),
-                        priceListId: IkasStorefrontConfig.priceListId,
-                        salesChannelId: IkasStorefrontConfig.salesChannelId,
-                    })];
-            case 2:
-                productsResponse = _b.sent();
-                productParams = [];
-                _loop_1 = function (product) {
-                    var meta = productMetaData.find(function (pm) { return pm.targetId === product.id; });
-                    if (meta) {
-                        for (var _i = 0, _a = product.variants; _i < _a.length; _i++) {
-                            var variant = _a[_i];
-                            if (product.hasVariant) {
-                                var variantSlug = variant.variantValues
-                                    .map(function (vv) { return vv.slug; })
-                                    .join("-");
-                                productParams.push({
-                                    slug: meta.slug + "-" + variantSlug,
-                                });
-                            }
-                            else {
-                                productParams.push({
-                                    slug: meta.slug,
-                                });
-                            }
-                        }
-                    }
-                };
-                for (_i = 0, _a = (productsResponse === null || productsResponse === void 0 ? void 0 : productsResponse.data) || []; _i < _a.length; _i++) {
-                    product = _a[_i];
-                    _loop_1(product);
-                }
+                return [4 /*yield*/, IkasHTMLMetaDataAPI.listHTMLMetaData(undefined, undefined, targetTypes)];
+            case 1:
+                metaData = _a.sent();
                 return [2 /*return*/, {
-                        paths: brandCategoryMetaData
-                            .map(function (m) { return ({
+                        paths: metaData.map(function (m) { return ({
                             params: {
                                 slug: m.slug,
                                 originalSlug: m.slug,
                             },
-                        }); })
-                            .concat(productParams.map(function (pp) { return ({
-                            params: pp,
-                        }); })),
+                        }); }),
                         fallback: "blocking",
                     }];
         }

package/build/index.js

@@ -11911,6 +11911,9 @@ var ThemeComponent = mobxReactLite.observer(function (_a) {
         });
     });
     var Component = components[pageComponent.componentId];
+    if (!Component) {
+        console.error("COMPONENT NOT FOUND!", pageComponent.id, pageComponent.componentId, components ? Object.keys(components) : []);
+    }
     return (React.createElement("div", { id: index + "" }, hasNullValue.get() ? null : (React.createElement(Component, __assign({ key: pageComponent.id }, propValues, { settings: settings, store: store })))));
 });
 
@@ -12996,7 +12999,10 @@ var IkasCheckoutSettings = /** @class */ (function () {
         this.isTermsAndConditionsDefaultChecked =
             data.isTermsAndConditionsDefaultChecked || false;
         this.showTermsAndConditionsCheckbox =
-            data.showTermsAndConditionsCheckbox || false;
+            data.showTermsAndConditionsCheckbox !== undefined
+                ? data.showTermsAndConditionsCheckbox
+                : true;
+        this.showCheckoutNote = data.showCheckoutNote || false;
         this.storefrontId = data.storefrontId || "";
     }
     return IkasCheckoutSettings;
@@ -13335,6 +13341,7 @@ var IkasCheckout = /** @class */ (function () {
         this.recoveryStatus = null;
         this.totalFinalPrice = null;
         this.adjustments = null;
+        this.note = null;
         this.id = data.id;
         this.createdAt = data.createdAt;
         this.updatedAt = data.updatedAt;
@@ -13361,6 +13368,7 @@ var IkasCheckout = /** @class */ (function () {
         this.recoveryStatus = data.recoveryStatus;
         this.totalFinalPrice = data.totalFinalPrice;
         this.adjustments = data.adjustments;
+        this.note = data.note || null;
         mobx.makeAutoObservable(this);
     }
     Object.defineProperty(IkasCheckout.prototype, "shippingTotal", {
@@ -18396,6 +18404,9 @@ var CheckoutViewModel = /** @class */ (function () {
         this.onTermsAndConditionsCheckedChange = function (value) {
             _this.isTermsAndConditionsChecked = value;
         };
+        this.onCheckoutNoteChange = function (value) {
+            _this.checkout.note = value;
+        };
         // CREDIT CARD START
         this.onCardNumberChange = function (value) {
             if (!_this.cardData)
@@ -25144,7 +25155,7 @@ var IkasCheckoutAPI = /** @class */ (function () {
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        QUERY = src(templateObject_2$2 || (templateObject_2$2 = __makeTemplateObject(["\n      query getCheckoutById($id: String!) {\n        getCheckoutById(id: $id) {\n          totalFinalPrice\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          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$2 || (templateObject_2$2 = __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    "])));
                         _b.label = 1;
                     case 1:
                         _b.trys.push([1, 3, , 4]);
@@ -25243,6 +25254,7 @@ var IkasCheckoutAPI = /** @class */ (function () {
                                                 lastName: (_d = checkout.customer) === null || _d === void 0 ? void 0 : _d.lastName,
                                             }
                                             : null,
+                                        note: checkout.note,
                                     },
                                 },
                             })];
@@ -25421,7 +25433,7 @@ var IkasCheckoutAPI = /** @class */ (function () {
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        QUERY = src(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n      query listCheckoutSettings($storefrontId: StringFilterInput!) {\n        listCheckoutSettings(storefrontId: $storefrontId) {\n          createdAt\n          id\n          identityNumberRequirement\n          isAccountRequired\n          isTermsAndConditionsDefaultChecked\n          options {\n            name\n            required\n          }\n          phoneRequirement\n          showTermsAndConditionsCheckbox\n          storefrontId\n          updatedAt\n        }\n      }\n    "], ["\n      query listCheckoutSettings($storefrontId: StringFilterInput!) {\n        listCheckoutSettings(storefrontId: $storefrontId) {\n          createdAt\n          id\n          identityNumberRequirement\n          isAccountRequired\n          isTermsAndConditionsDefaultChecked\n          options {\n            name\n            required\n          }\n          phoneRequirement\n          showTermsAndConditionsCheckbox\n          storefrontId\n          updatedAt\n        }\n      }\n    "])));
+                        QUERY = src(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n      query listCheckoutSettings($storefrontId: StringFilterInput!) {\n        listCheckoutSettings(storefrontId: $storefrontId) {\n          createdAt\n          id\n          identityNumberRequirement\n          isAccountRequired\n          isTermsAndConditionsDefaultChecked\n          options {\n            name\n            required\n          }\n          phoneRequirement\n          showCheckoutNote\n          showTermsAndConditionsCheckbox\n          storefrontId\n          updatedAt\n        }\n      }\n    "], ["\n      query listCheckoutSettings($storefrontId: StringFilterInput!) {\n        listCheckoutSettings(storefrontId: $storefrontId) {\n          createdAt\n          id\n          identityNumberRequirement\n          isAccountRequired\n          isTermsAndConditionsDefaultChecked\n          options {\n            name\n            required\n          }\n          phoneRequirement\n          showCheckoutNote\n          showTermsAndConditionsCheckbox\n          storefrontId\n          updatedAt\n        }\n      }\n    "])));
                         _b.label = 1;
                     case 1:
                         _b.trys.push([1, 3, , 4]);
@@ -26067,13 +26079,13 @@ var templateObject_1$7;
 var IkasHTMLMetaDataAPI = /** @class */ (function () {
     function IkasHTMLMetaDataAPI() {
     }
-    IkasHTMLMetaDataAPI.listHTMLMetaData = function (slug, targetId) {
+    IkasHTMLMetaDataAPI.listHTMLMetaData = function (slug, targetId, targetType) {
         return __awaiter(this, void 0, void 0, function () {
             var LIST_QUERY, _a, data, errors, err_1;
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        LIST_QUERY = src(templateObject_1$8 || (templateObject_1$8 = __makeTemplateObject(["\n      query listHTMLMetaData(\n        $slug: StringFilterInput\n        $targetId: StringFilterInput\n      ) {\n        listHTMLMetaData(slug: $slug, targetId: $targetId) {\n          slug\n          pageTitle\n          description\n          targetId\n          targetType\n          redirectTo\n        }\n      }\n    "], ["\n      query listHTMLMetaData(\n        $slug: StringFilterInput\n        $targetId: StringFilterInput\n      ) {\n        listHTMLMetaData(slug: $slug, targetId: $targetId) {\n          slug\n          pageTitle\n          description\n          targetId\n          targetType\n          redirectTo\n        }\n      }\n    "])));
+                        LIST_QUERY = src(templateObject_1$8 || (templateObject_1$8 = __makeTemplateObject(["\n      query listHTMLMetaData(\n        $slug: StringFilterInput\n        $targetId: StringFilterInput\n        $targetType: HTMLMetaDataTargetTypeEnumFilter\n      ) {\n        listHTMLMetaData(\n          slug: $slug\n          targetId: $targetId\n          targetType: $targetType\n        ) {\n          slug\n          pageTitle\n          description\n          targetId\n          targetType\n          redirectTo\n        }\n      }\n    "], ["\n      query listHTMLMetaData(\n        $slug: StringFilterInput\n        $targetId: StringFilterInput\n        $targetType: HTMLMetaDataTargetTypeEnumFilter\n      ) {\n        listHTMLMetaData(\n          slug: $slug\n          targetId: $targetId\n          targetType: $targetType\n        ) {\n          slug\n          pageTitle\n          description\n          targetId\n          targetType\n          redirectTo\n        }\n      }\n    "])));
                         _b.label = 1;
                     case 1:
                         _b.trys.push([1, 3, , 4]);
@@ -26092,6 +26104,11 @@ var IkasHTMLMetaDataAPI = /** @class */ (function () {
                                             eq: targetId,
                                         }
                                         : undefined,
+                                    targetType: targetType
+                                        ? {
+                                            in: targetType,
+                                        }
+                                        : undefined,
                                 },
                             })];
                     case 2:
@@ -26676,7 +26693,7 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z = ".style-module_FormSectionTitle__2LxF2 {\n  width: 100%;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-top: 1.5em; }\n  .style-module_FormSectionTitle__2LxF2 .style-module_Title__2PxW0 {\n    flex: 1 1 auto;\n    padding-bottom: 0.7em;\n    color: #333333;\n    font-size: 1.15em;\n    line-height: 1.15em; }\n    .style-module_FormSectionTitle__2LxF2 .style-module_Title__2PxW0.style-module_WithSubTitle__36X7i {\n      line-height: auto;\n      padding-bottom: 0; }\n\n.style-module_SubTitle__2UOsH {\n  color: #737373;\n  font-size: 0.8em;\n  padding-bottom: 0.7em;\n  padding-top: 0.3em; }\n\n.style-module_Grid__1eODF {\n  display: grid;\n  grid-gap: 0.7em; }\n  .style-module_Grid__1eODF.style-module_Grid2__1HTRV {\n    grid-template-columns: repeat(2, 1fr); }\n  .style-module_Grid__1eODF.style-module_Grid3__uN7io {\n    grid-template-columns: repeat(3, 1fr); }\n  @media only screen and (max-width: 768px) {\n    .style-module_Grid__1eODF {\n      grid-template-columns: 1fr !important; } }\n\n.style-module_FormContainer__2IVCZ {\n  padding: 0 0.7em; }\n\n.style-module_mtFormRow__2YwG- {\n  margin-top: 0.7em; }\n\n.style-module_mt1__1OQuA {\n  margin-top: 1em; }\n\n.style-module_mt2__Yumkn {\n  margin-top: 2em; }\n\n@keyframes style-module_fadeInFromRight__L_PAx {\n  from {\n    opacity: 0;\n    transform: translateY(10px); }\n  to {\n    opacity: 1;\n    transform: translateY(0); } }\n\n.style-module_FormItem__1o0fc {\n  width: 100%; }\n  .style-module_FormItemWrapper__2NOxU {\n    width: 100%; }\n  .style-module_FormItemInputWrapper__2eOdJ {\n    position: relative;\n    width: 100%; }\n    .style-module_FormItemInputWrapper__2eOdJ label.style-module_FieldLabel__2Tx0b {\n      color: #737373;\n      position: absolute;\n      top: 0;\n      left: 0.7em;\n      width: 100%;\n      z-index: 1;\n      user-select: none;\n      pointer-events: none;\n      overflow: hidden;\n      white-space: nowrap;\n      text-overflow: ellipsis;\n      transition: transform .1s;\n      transform: translateY(70%);\n      font-size: 0.85em; }\n      .style-module_FormItemInputWrapper__2eOdJ label.style-module_FieldLabelTop__1nOBq {\n        transform: translateY(6px);\n        font-size: 0.7em; }\n    .style-module_FormItemInputWrapper__2eOdJ input,\n    .style-module_FormItemInputWrapper__2eOdJ select {\n      border: 1px solid #d9d9d9;\n      background-color: white;\n      color: #333333;\n      background-clip: padding-box;\n      border-radius: 6px;\n      display: block;\n      width: 100%;\n      height: 3em;\n      padding: 0.5em;\n      outline: none;\n      transition: padding .1s, border-color .5s, box-shadow .5s;\n      box-shadow: 0 0 0 1px transparent;\n      -moz-appearance: none;\n      -webkit-appearance: none; }\n      .style-module_FormItemInputWrapper__2eOdJ input:focus,\n      .style-module_FormItemInputWrapper__2eOdJ select:focus {\n        box-shadow: 0 0 0 1px #111111;\n        border-color: #111111; }\n      .style-module_FormItemInputWrapper__2eOdJ input.style-module_Bottom__3s4pZ,\n      .style-module_FormItemInputWrapper__2eOdJ select.style-module_Bottom__3s4pZ {\n        padding-top: 1.2em;\n        padding-bottom: 0.2em; }\n      .style-module_FormItemInputWrapper__2eOdJ input.style-module_Error__nif12,\n      .style-module_FormItemInputWrapper__2eOdJ select.style-module_Error__nif12 {\n        box-shadow: 0 0 0 1px #ff6d6d;\n        border-color: #ff6d6d; }\n      .style-module_FormItemInputWrapper__2eOdJ input::-ms-expand,\n      .style-module_FormItemInputWrapper__2eOdJ select::-ms-expand {\n        display: none; }\n    .style-module_FormItemInputWrapper__2eOdJ .style-module_ArrowContainer__27ejm {\n      position: absolute;\n      right: 1px;\n      padding-right: 0.5em;\n      top: 1px;\n      height: calc(100% - 2px);\n      display: flex;\n      align-items: center;\n      color: #737373;\n      background-color: white;\n      z-index: 2;\n      border-radius: 6px; }\n  .style-module_FormItem__1o0fc .style-module_ErrorMsg__3How6 {\n    color: #ff6d6d;\n    font-size: 0.8em;\n    margin: 0.5em 0.25em;\n    animation-name: style-module_fadeInFromRight__L_PAx;\n    animation-duration: .3s; }\n";
+var css_248z = ".style-module_FormSectionTitle__2LxF2 {\n  width: 100%;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-top: 1.5em; }\n  .style-module_FormSectionTitle__2LxF2 .style-module_Title__2PxW0 {\n    flex: 1 1 auto;\n    padding-bottom: 0.7em;\n    color: #333333;\n    font-size: 1.15em;\n    line-height: 1.15em; }\n    .style-module_FormSectionTitle__2LxF2 .style-module_Title__2PxW0.style-module_WithSubTitle__36X7i {\n      line-height: auto;\n      padding-bottom: 0; }\n\n.style-module_SubTitle__2UOsH {\n  color: #737373;\n  font-size: 0.8em;\n  padding-bottom: 0.7em;\n  padding-top: 0.3em; }\n\n.style-module_Grid__1eODF {\n  display: grid;\n  grid-gap: 0.7em; }\n  .style-module_Grid__1eODF.style-module_Grid2__1HTRV {\n    grid-template-columns: repeat(2, 1fr); }\n  .style-module_Grid__1eODF.style-module_Grid3__uN7io {\n    grid-template-columns: repeat(3, 1fr); }\n  @media only screen and (max-width: 768px) {\n    .style-module_Grid__1eODF {\n      grid-template-columns: 1fr !important; } }\n\n.style-module_FormContainer__2IVCZ {\n  padding: 0 0.7em; }\n\n.style-module_mtFormRow__2YwG- {\n  margin-top: 0.7em; }\n\n.style-module_mt1__1OQuA {\n  margin-top: 1em; }\n\n.style-module_mt2__Yumkn {\n  margin-top: 2em; }\n\n@keyframes style-module_fadeInFromRight__L_PAx {\n  from {\n    opacity: 0;\n    transform: translateY(10px); }\n  to {\n    opacity: 1;\n    transform: translateY(0); } }\n\n.style-module_FormItem__1o0fc {\n  width: 100%; }\n  .style-module_FormItemWrapper__2NOxU {\n    width: 100%; }\n  .style-module_FormItemInputWrapper__2eOdJ {\n    position: relative;\n    width: 100%; }\n    .style-module_FormItemInputWrapper__2eOdJ label.style-module_FieldLabel__2Tx0b {\n      color: #737373;\n      position: absolute;\n      top: 0;\n      left: 0.7em;\n      width: 100%;\n      z-index: 1;\n      user-select: none;\n      pointer-events: none;\n      overflow: hidden;\n      white-space: nowrap;\n      text-overflow: ellipsis;\n      transition: transform .1s;\n      transform: translateY(70%);\n      font-size: 0.85em; }\n      .style-module_FormItemInputWrapper__2eOdJ label.style-module_FieldLabelTop__1nOBq {\n        transform: translateY(6px);\n        font-size: 0.7em; }\n    .style-module_FormItemInputWrapper__2eOdJ input,\n    .style-module_FormItemInputWrapper__2eOdJ select,\n    .style-module_FormItemInputWrapper__2eOdJ textarea {\n      border: 1px solid #d9d9d9;\n      background-color: white;\n      color: #333333;\n      background-clip: padding-box;\n      border-radius: 6px;\n      display: block;\n      width: 100%;\n      height: 3em;\n      padding: 0.5em;\n      outline: none;\n      transition: padding .1s, border-color .5s, box-shadow .5s;\n      box-shadow: 0 0 0 1px transparent;\n      -moz-appearance: none;\n      -webkit-appearance: none; }\n      .style-module_FormItemInputWrapper__2eOdJ input:focus,\n      .style-module_FormItemInputWrapper__2eOdJ select:focus,\n      .style-module_FormItemInputWrapper__2eOdJ textarea:focus {\n        box-shadow: 0 0 0 1px #111111;\n        border-color: #111111; }\n      .style-module_FormItemInputWrapper__2eOdJ input.style-module_Bottom__3s4pZ,\n      .style-module_FormItemInputWrapper__2eOdJ select.style-module_Bottom__3s4pZ,\n      .style-module_FormItemInputWrapper__2eOdJ textarea.style-module_Bottom__3s4pZ {\n        padding-top: 1.2em;\n        padding-bottom: 0.2em; }\n      .style-module_FormItemInputWrapper__2eOdJ input.style-module_Error__nif12,\n      .style-module_FormItemInputWrapper__2eOdJ select.style-module_Error__nif12,\n      .style-module_FormItemInputWrapper__2eOdJ textarea.style-module_Error__nif12 {\n        box-shadow: 0 0 0 1px #ff6d6d;\n        border-color: #ff6d6d; }\n      .style-module_FormItemInputWrapper__2eOdJ input::-ms-expand,\n      .style-module_FormItemInputWrapper__2eOdJ select::-ms-expand,\n      .style-module_FormItemInputWrapper__2eOdJ textarea::-ms-expand {\n        display: none; }\n    .style-module_FormItemInputWrapper__2eOdJ textarea {\n      min-height: 120px; }\n    .style-module_FormItemInputWrapper__2eOdJ .style-module_ArrowContainer__27ejm {\n      position: absolute;\n      right: 1px;\n      padding-right: 0.5em;\n      top: 1px;\n      height: calc(100% - 2px);\n      display: flex;\n      align-items: center;\n      color: #737373;\n      background-color: white;\n      z-index: 2;\n      border-radius: 6px; }\n  .style-module_FormItem__1o0fc .style-module_ErrorMsg__3How6 {\n    color: #ff6d6d;\n    font-size: 0.8em;\n    margin: 0.5em 0.25em;\n    animation-name: style-module_fadeInFromRight__L_PAx;\n    animation-duration: .3s; }\n";
 var styles = {"FormSectionTitle":"style-module_FormSectionTitle__2LxF2","Title":"style-module_Title__2PxW0","WithSubTitle":"style-module_WithSubTitle__36X7i","SubTitle":"style-module_SubTitle__2UOsH","Grid":"style-module_Grid__1eODF","Grid2":"style-module_Grid2__1HTRV","Grid3":"style-module_Grid3__uN7io","FormContainer":"style-module_FormContainer__2IVCZ","mtFormRow":"style-module_mtFormRow__2YwG-","mt1":"style-module_mt1__1OQuA","mt2":"style-module_mt2__Yumkn","FormItem":"style-module_FormItem__1o0fc","FormItemWrapper":"style-module_FormItemWrapper__2NOxU","FormItemInputWrapper":"style-module_FormItemInputWrapper__2eOdJ","FieldLabel":"style-module_FieldLabel__2Tx0b","FieldLabelTop":"style-module_FieldLabelTop__1nOBq","Bottom":"style-module_Bottom__3s4pZ","Error":"style-module_Error__nif12","ArrowContainer":"style-module_ArrowContainer__27ejm","ErrorMsg":"style-module_ErrorMsg__3How6","fadeInFromRight":"style-module_fadeInFromRight__L_PAx"};
 styleInject(css_248z);
 
@@ -26686,6 +26703,9 @@ var FormItemViewModel = /** @class */ (function () {
         this.onValueChange = function (e) {
             _this.onChange(e.target.value);
         };
+        this.onTextAreaValueChange = function (e) {
+            _this.onChange(e.target.value);
+        };
         this.onSelectChange = function (e) {
             _this.onChange(e.target.value);
         };
@@ -26737,8 +26757,9 @@ var FormItemViewModel = /** @class */ (function () {
 var FormItemType;
 (function (FormItemType) {
     FormItemType[FormItemType["TEXT"] = 0] = "TEXT";
-    FormItemType[FormItemType["SELECT"] = 1] = "SELECT";
-    FormItemType[FormItemType["TEL"] = 2] = "TEL";
+    FormItemType[FormItemType["TEXT_AREA"] = 1] = "TEXT_AREA";
+    FormItemType[FormItemType["SELECT"] = 2] = "SELECT";
+    FormItemType[FormItemType["TEL"] = 3] = "TEL";
 })(FormItemType || (FormItemType = {}));
 
 var SVGCaretDown = function (_a) {
@@ -26791,6 +26812,7 @@ var FormItem = mobxReactLite.observer(function (props) {
                 React.createElement("label", { className: vm.labelStyle }, vm.label),
                 vm.type === FormItemType.TEXT && (React.createElement(Input, { vm: vm, autocomplete: props.autocomplete })),
                 vm.type === FormItemType.TEL && (React.createElement(Input, { vm: vm, type: "tel", autocomplete: props.autocomplete })),
+                vm.type === FormItemType.TEXT_AREA && React.createElement(TextArea, { vm: vm }),
                 vm.type === FormItemType.SELECT && (React.createElement(Select, { vm: vm, autocomplete: props.autocomplete }))),
             !!vm.hasError && (React.createElement("div", { className: styles.ErrorMsg }, vm.errorText || "")))));
 });
@@ -26798,6 +26820,10 @@ var Input = mobxReactLite.observer(function (_a) {
     var vm = _a.vm, autocomplete = _a.autocomplete, type = _a.type;
     return (React.createElement("input", { type: type || "text", autoComplete: autocomplete, className: vm.inputStyle, value: vm.value, onChange: vm.onValueChange }));
 });
+var TextArea = mobxReactLite.observer(function (_a) {
+    var vm = _a.vm;
+    return (React.createElement("textarea", { value: vm.value, onChange: vm.onTextAreaValueChange }));
+});
 var Select = mobxReactLite.observer(function (_a) {
     var _b;
     var vm = _a.vm, autocomplete = _a.autocomplete;
@@ -27542,11 +27568,15 @@ var CheckoutStepPayment = mobxReactLite.observer(function (_a) {
         React.createElement(InfoBox, { vm: vm, showShipping: true }),
         React.createElement(PaymentGateways, { vm: vm }),
         React.createElement(BillingAddress, { vm: vm }),
-        React.createElement("div", { style: { marginTop: "12px" } },
+        vm.checkoutSettings.showCheckoutNote && (React.createElement(React.Fragment, null,
+            React.createElement("div", { className: commonStyles.FormSectionTitle },
+                React.createElement("div", { className: [commonStyles.Title].join(" ") }, "Sipari\u015F Notu")),
+            React.createElement(FormItem, { type: FormItemType.TEXT_AREA, label: "", value: vm.checkout.note || "", onChange: vm.onCheckoutNoteChange }))),
+        vm.checkoutSettings.showTermsAndConditionsCheckbox && (React.createElement("div", { style: { marginTop: "12px" } },
             React.createElement(Checkbox, { value: vm.isTermsAndConditionsChecked, label: React.createElement(React.Fragment, null,
                     React.createElement("span", { className: styles$d.TermsLabelSpan, onClick: onShowTermsClick }, "Mesafeli sat\u0131\u015F s\u00F6zle\u015Fmesini"),
                     " ",
-                    "okudum ve onayl\u0131yorum"), onChange: vm.onTermsAndConditionsCheckedChange })),
+                    "okudum ve onayl\u0131yorum"), onChange: vm.onTermsAndConditionsCheckedChange }))),
         React.createElement(StepActionButtons, { mainBtnText: "Şimdi öde", mainBtnOnClick: vm.performPayment, backBtnText: "Kargoya Geri Dön", backBtnOnClick: vm.onBackToShippingClick, isLoading: vm.isStepLoading })));
 });
 
@@ -29084,62 +29114,24 @@ var Page$1 = function (_a) {
 };
 var index$1 = mobxReactLite.observer(Page$1);
 var getStaticPaths = function (context) { return __awaiter(void 0, void 0, void 0, function () {
-    var metaData, targetTypes, brandCategoryMetaData, productMetaData, productsResponse, productParams, _loop_1, _i, _a, product;
-    return __generator(this, function (_b) {
-        switch (_b.label) {
-            case 0: return [4 /*yield*/, IkasHTMLMetaDataAPI.listHTMLMetaData()];
-            case 1:
-                metaData = _b.sent();
+    var targetTypes, metaData;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0:
                 targetTypes = [
                     exports.IkasHTMLMetaDataTargetType.BRAND,
                     exports.IkasHTMLMetaDataTargetType.CATEGORY,
                 ];
-                brandCategoryMetaData = metaData.filter(function (m) { return m.targetType && targetTypes.includes(m.targetType); });
-                productMetaData = metaData.filter(function (m) { return m.targetType && m.targetType === exports.IkasHTMLMetaDataTargetType.PRODUCT; });
-                return [4 /*yield*/, IkasProductSearchAPI.searchProducts({
-                        productIdList: productMetaData.map(function (p) { return p.targetId; }),
-                        priceListId: IkasStorefrontConfig.priceListId,
-                        salesChannelId: IkasStorefrontConfig.salesChannelId,
-                    })];
-            case 2:
-                productsResponse = _b.sent();
-                productParams = [];
-                _loop_1 = function (product) {
-                    var meta = productMetaData.find(function (pm) { return pm.targetId === product.id; });
-                    if (meta) {
-                        for (var _i = 0, _a = product.variants; _i < _a.length; _i++) {
-                            var variant = _a[_i];
-                            if (product.hasVariant) {
-                                var variantSlug = variant.variantValues
-                                    .map(function (vv) { return vv.slug; })
-                                    .join("-");
-                                productParams.push({
-                                    slug: meta.slug + "-" + variantSlug,
-                                });
-                            }
-                            else {
-                                productParams.push({
-                                    slug: meta.slug,
-                                });
-                            }
-                        }
-                    }
-                };
-                for (_i = 0, _a = (productsResponse === null || productsResponse === void 0 ? void 0 : productsResponse.data) || []; _i < _a.length; _i++) {
-                    product = _a[_i];
-                    _loop_1(product);
-                }
+                return [4 /*yield*/, IkasHTMLMetaDataAPI.listHTMLMetaData(undefined, undefined, targetTypes)];
+            case 1:
+                metaData = _a.sent();
                 return [2 /*return*/, {
-                        paths: brandCategoryMetaData
-                            .map(function (m) { return ({
+                        paths: metaData.map(function (m) { return ({
                             params: {
                                 slug: m.slug,
                                 originalSlug: m.slug,
                             },
-                        }); })
-                            .concat(productParams.map(function (pp) { return ({
-                            params: pp,
-                        }); })),
+                        }); }),
                         fallback: "blocking",
                     }];
         }

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

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

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

@@ -7,6 +7,7 @@ export declare class IkasCheckoutSettings {
     isAccountRequired: boolean;
     isTermsAndConditionsDefaultChecked: boolean;
     showTermsAndConditionsCheckbox: boolean;
+    showCheckoutNote: boolean;
     storefrontId: string;
     constructor(data?: Partial<IkasCheckoutSettings>);
 }

package/package.json

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