@ikas/storefront 0.0.125 → 0.0.127

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/components/checkout/components/checkbox/index.d.ts

@@ -2,6 +2,7 @@ import * as React from "react";
 declare type Props = {
     value: boolean;
     label?: string | React.ReactElement;
+    hasError?: boolean;
     onChange: (value: boolean) => void;
 };
 export declare const Checkbox: React.FC<Props>;

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

@@ -12985,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;
@@ -13324,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;
@@ -13350,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", {
@@ -18393,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)
@@ -25167,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]);
@@ -25266,6 +25274,7 @@ var IkasCheckoutAPI = /** @class */ (function () {
                                                 lastName: (_d = checkout.customer) === null || _d === void 0 ? void 0 : _d.lastName,
                                             }
                                             : null,
+                                        note: checkout.note,
                                     },
                                 },
                             })];
@@ -25444,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]);
@@ -26704,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);
 
@@ -26714,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);
         };
@@ -26765,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) {
@@ -26819,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 || "")))));
 });
@@ -26826,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;
@@ -26843,27 +26861,30 @@ var SVGCheck = function (_a) {
         createElement("path", { fill: "currentColor", d: "M12.6 8.1l-3.7-3.8 1-1.1 2.7 2.7 5.5-5.4 1 1z" })));
 };
 
-var css_248z$1 = ".style-module_CheckboxWrapper__2tSbx {\n  width: 100%;\n  display: flex;\n  padding: 0.5em;\n  cursor: pointer;\n  user-select: none; }\n  .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxContainer__1zRvT {\n    position: relative;\n    width: 20px;\n    height: 20px;\n    margin-right: 0.75em; }\n  .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxBorder__281X3 {\n    flex: 0 0 auto;\n    width: 20px;\n    height: 20px;\n    border-radius: 4px;\n    border: 1px solid #d9d9d9;\n    position: absolute;\n    top: 0;\n    left: 0;\n    transition: border-width .2s ease-in-out; }\n    .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxBorder__281X3.style-module_Checked__3-ZM4 {\n      border: 10px solid #111111; }\n  .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxTick__2LpQ- {\n    width: 20px;\n    height: 20px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    position: absolute;\n    top: 0;\n    left: 0;\n    color: white;\n    z-index: 2;\n    transition: all 0.2s ease-in-out;\n    transition-delay: .1s;\n    opacity: 0;\n    transform: scale(0.2); }\n    .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxTick__2LpQ-.style-module_Visible__2Ng5Q {\n      opacity: 1;\n      transform: scale(1.2); }\n  .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxLabel__30uMC {\n    flex: 1 1 auto;\n    font-weight: normal;\n    font-size: 0.85em;\n    color: #545454; }\n";
-var styles$1 = {"CheckboxWrapper":"style-module_CheckboxWrapper__2tSbx","CheckboxContainer":"style-module_CheckboxContainer__1zRvT","CheckboxBorder":"style-module_CheckboxBorder__281X3","Checked":"style-module_Checked__3-ZM4","CheckboxTick":"style-module_CheckboxTick__2LpQ-","Visible":"style-module_Visible__2Ng5Q","CheckboxLabel":"style-module_CheckboxLabel__30uMC"};
+var css_248z$1 = ".style-module_CheckboxWrapper__2tSbx {\n  width: 100%;\n  display: flex;\n  padding: 0.5em;\n  cursor: pointer;\n  user-select: none; }\n  .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxContainer__1zRvT {\n    position: relative;\n    width: 20px;\n    height: 20px;\n    margin-right: 0.75em; }\n  .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxBorder__281X3 {\n    flex: 0 0 auto;\n    width: 20px;\n    height: 20px;\n    border-radius: 4px;\n    border: 1px solid #d9d9d9;\n    position: absolute;\n    top: 0;\n    left: 0;\n    transition: border-width .2s ease-in-out; }\n    .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxBorder__281X3.style-module_Checked__3-ZM4 {\n      border: 10px solid #111111; }\n  .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxTick__2LpQ- {\n    width: 20px;\n    height: 20px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    position: absolute;\n    top: 0;\n    left: 0;\n    color: white;\n    z-index: 2;\n    transition: all 0.2s ease-in-out;\n    transition-delay: .1s;\n    opacity: 0;\n    transform: scale(0.2); }\n    .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxTick__2LpQ-.style-module_Visible__2Ng5Q {\n      opacity: 1;\n      transform: scale(1.2); }\n  .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxLabel__30uMC {\n    flex: 1 1 auto;\n    font-weight: normal;\n    font-size: 0.85em;\n    color: #545454; }\n  .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxLabelError__FmdxF {\n    color: #ff6d6d; }\n";
+var styles$1 = {"CheckboxWrapper":"style-module_CheckboxWrapper__2tSbx","CheckboxContainer":"style-module_CheckboxContainer__1zRvT","CheckboxBorder":"style-module_CheckboxBorder__281X3","Checked":"style-module_Checked__3-ZM4","CheckboxTick":"style-module_CheckboxTick__2LpQ-","Visible":"style-module_Visible__2Ng5Q","CheckboxLabel":"style-module_CheckboxLabel__30uMC","CheckboxLabelError":"style-module_CheckboxLabelError__FmdxF"};
 styleInject(css_248z$1);
 
 var Checkbox = observer(function (_a) {
-    var value = _a.value, label = _a.label, onChange = _a.onChange;
+    var value = _a.value, label = _a.label, hasError = _a.hasError, onChange = _a.onChange;
     var _onChange = function () {
         onChange(!value);
     };
     var checkboxBorderClasses = [styles$1.CheckboxBorder];
+    var labelClasses = [styles$1.CheckboxLabel];
     var tickClasses = [styles$1.CheckboxTick];
     if (value) {
         checkboxBorderClasses.push(styles$1.Checked);
         tickClasses.push(styles$1.Visible);
     }
+    if (hasError)
+        labelClasses.push(styles$1.CheckboxLabelError);
     return (createElement("div", { className: styles$1.CheckboxWrapper, onClick: _onChange },
         createElement("div", { className: styles$1.CheckboxContainer },
             createElement("div", { className: checkboxBorderClasses.join(" ") }),
             createElement("div", { className: tickClasses.join(" ") },
                 createElement(SVGCheck, null))),
-        !!label && createElement("div", { className: styles$1.CheckboxLabel }, label)));
+        !!label && createElement("div", { className: labelClasses.join(" ") }, label)));
 });
 
 var AddressFormViewModel = /** @class */ (function () {
@@ -27570,11 +27591,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" } },
-            createElement(Checkbox, { value: vm.isTermsAndConditionsChecked, label: createElement(Fragment, null,
+        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, hasError: vm.isErrorsVisible && !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 })));
 });
 

package/build/index.js

@@ -12999,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;
@@ -13338,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;
@@ -13364,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", {
@@ -18399,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)
@@ -25147,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]);
@@ -25246,6 +25254,7 @@ var IkasCheckoutAPI = /** @class */ (function () {
                                                 lastName: (_d = checkout.customer) === null || _d === void 0 ? void 0 : _d.lastName,
                                             }
                                             : null,
+                                        note: checkout.note,
                                     },
                                 },
                             })];
@@ -25424,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]);
@@ -26684,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);
 
@@ -26694,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);
         };
@@ -26745,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) {
@@ -26799,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 || "")))));
 });
@@ -26806,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;
@@ -26823,27 +26841,30 @@ var SVGCheck = function (_a) {
         React.createElement("path", { fill: "currentColor", d: "M12.6 8.1l-3.7-3.8 1-1.1 2.7 2.7 5.5-5.4 1 1z" })));
 };
 
-var css_248z$1 = ".style-module_CheckboxWrapper__2tSbx {\n  width: 100%;\n  display: flex;\n  padding: 0.5em;\n  cursor: pointer;\n  user-select: none; }\n  .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxContainer__1zRvT {\n    position: relative;\n    width: 20px;\n    height: 20px;\n    margin-right: 0.75em; }\n  .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxBorder__281X3 {\n    flex: 0 0 auto;\n    width: 20px;\n    height: 20px;\n    border-radius: 4px;\n    border: 1px solid #d9d9d9;\n    position: absolute;\n    top: 0;\n    left: 0;\n    transition: border-width .2s ease-in-out; }\n    .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxBorder__281X3.style-module_Checked__3-ZM4 {\n      border: 10px solid #111111; }\n  .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxTick__2LpQ- {\n    width: 20px;\n    height: 20px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    position: absolute;\n    top: 0;\n    left: 0;\n    color: white;\n    z-index: 2;\n    transition: all 0.2s ease-in-out;\n    transition-delay: .1s;\n    opacity: 0;\n    transform: scale(0.2); }\n    .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxTick__2LpQ-.style-module_Visible__2Ng5Q {\n      opacity: 1;\n      transform: scale(1.2); }\n  .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxLabel__30uMC {\n    flex: 1 1 auto;\n    font-weight: normal;\n    font-size: 0.85em;\n    color: #545454; }\n";
-var styles$1 = {"CheckboxWrapper":"style-module_CheckboxWrapper__2tSbx","CheckboxContainer":"style-module_CheckboxContainer__1zRvT","CheckboxBorder":"style-module_CheckboxBorder__281X3","Checked":"style-module_Checked__3-ZM4","CheckboxTick":"style-module_CheckboxTick__2LpQ-","Visible":"style-module_Visible__2Ng5Q","CheckboxLabel":"style-module_CheckboxLabel__30uMC"};
+var css_248z$1 = ".style-module_CheckboxWrapper__2tSbx {\n  width: 100%;\n  display: flex;\n  padding: 0.5em;\n  cursor: pointer;\n  user-select: none; }\n  .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxContainer__1zRvT {\n    position: relative;\n    width: 20px;\n    height: 20px;\n    margin-right: 0.75em; }\n  .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxBorder__281X3 {\n    flex: 0 0 auto;\n    width: 20px;\n    height: 20px;\n    border-radius: 4px;\n    border: 1px solid #d9d9d9;\n    position: absolute;\n    top: 0;\n    left: 0;\n    transition: border-width .2s ease-in-out; }\n    .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxBorder__281X3.style-module_Checked__3-ZM4 {\n      border: 10px solid #111111; }\n  .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxTick__2LpQ- {\n    width: 20px;\n    height: 20px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    position: absolute;\n    top: 0;\n    left: 0;\n    color: white;\n    z-index: 2;\n    transition: all 0.2s ease-in-out;\n    transition-delay: .1s;\n    opacity: 0;\n    transform: scale(0.2); }\n    .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxTick__2LpQ-.style-module_Visible__2Ng5Q {\n      opacity: 1;\n      transform: scale(1.2); }\n  .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxLabel__30uMC {\n    flex: 1 1 auto;\n    font-weight: normal;\n    font-size: 0.85em;\n    color: #545454; }\n  .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxLabelError__FmdxF {\n    color: #ff6d6d; }\n";
+var styles$1 = {"CheckboxWrapper":"style-module_CheckboxWrapper__2tSbx","CheckboxContainer":"style-module_CheckboxContainer__1zRvT","CheckboxBorder":"style-module_CheckboxBorder__281X3","Checked":"style-module_Checked__3-ZM4","CheckboxTick":"style-module_CheckboxTick__2LpQ-","Visible":"style-module_Visible__2Ng5Q","CheckboxLabel":"style-module_CheckboxLabel__30uMC","CheckboxLabelError":"style-module_CheckboxLabelError__FmdxF"};
 styleInject(css_248z$1);
 
 var Checkbox = mobxReactLite.observer(function (_a) {
-    var value = _a.value, label = _a.label, onChange = _a.onChange;
+    var value = _a.value, label = _a.label, hasError = _a.hasError, onChange = _a.onChange;
     var _onChange = function () {
         onChange(!value);
     };
     var checkboxBorderClasses = [styles$1.CheckboxBorder];
+    var labelClasses = [styles$1.CheckboxLabel];
     var tickClasses = [styles$1.CheckboxTick];
     if (value) {
         checkboxBorderClasses.push(styles$1.Checked);
         tickClasses.push(styles$1.Visible);
     }
+    if (hasError)
+        labelClasses.push(styles$1.CheckboxLabelError);
     return (React.createElement("div", { className: styles$1.CheckboxWrapper, onClick: _onChange },
         React.createElement("div", { className: styles$1.CheckboxContainer },
             React.createElement("div", { className: checkboxBorderClasses.join(" ") }),
             React.createElement("div", { className: tickClasses.join(" ") },
                 React.createElement(SVGCheck, null))),
-        !!label && React.createElement("div", { className: styles$1.CheckboxLabel }, label)));
+        !!label && React.createElement("div", { className: labelClasses.join(" ") }, label)));
 });
 
 var AddressFormViewModel = /** @class */ (function () {
@@ -27550,11 +27571,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" } },
-            React.createElement(Checkbox, { value: vm.isTermsAndConditionsChecked, label: React.createElement(React.Fragment, null,
+        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, hasError: vm.isErrorsVisible && !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 })));
 });
 

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.125",
+  "version": "0.0.127",
   "main": "./build/index.js",
   "module": "./build/index.es.js",
   "author": "Umut Ozan Yıldırım",