npm - @ikas/storefront - Versions diffs - 6.1.0-beta.31 → 6.1.0-beta.310 - Mend

@ikas/storefront 6.1.0-beta.31 → 6.1.0-beta.310

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (246) hide show

package/build/components/checkout/components/cart-summary/style.module.scss.js CHANGED Viewed

	@@ -1 +1 @@
1	- import e from'./../../../../ext/style-inject/dist/style-inject.es.js';var n={ExpandHeader:"style-module_ExpandHeader__LQwWm",Left:"style-module_Left__-N12h",Price:"style-module_Price__OT1Wh",PriceText:"style-module_PriceText__bq1pk",ArrowDown:"style-module_ArrowDown__YhRny",Rotated:"style-module_Rotated__ZPfId",CartSummary:"style-module_CartSummary__m77tn",OpenCouponCodeSummary:"style-module_OpenCouponCodeSummary__ua9wx",HideOnDesktop:"style-module_HideOnDesktop__Vs5AV",ItemsContainer:"style-module_ItemsContainer__QFKQV",DetailsContainer:"style-module_DetailsContainer__PK33m",SuccessPageDetailContainer:"style-module_SuccessPageDetailContainer__-p8kJ",Details:"style-module_Details__hWJ9o",Divider:"style-module_Divider__MNDti",ActionTextBtn:"style-module_ActionTextBtn__7yua4",NoUnderline:"style-module_NoUnderline__FphKn",Light:"style-module_Light__dIcW-",SubTotalInfo:"style-module_SubTotalInfo__JMqK9",InfoRow:"style-module_InfoRow__oAvZS",hideMb:"style-module_hideMb__j7VBr",Label:"style-module_Label__28Bij",Value:"style-module_Value__7rELF",TotalContainer:"style-module_TotalContainer__sGR7d",TitleContainer:"style-module_TitleContainer__LgmJI",Title:"style-module_Title__oMVSD",TotalPricesContainer:"style-module_TotalPricesContainer__-PsOD",TotalPrice:"style-module_TotalPrice__QBdM1",TotalTax:"style-module_TotalTax__9pA4Y",SuccessPageTotalContainer:"style-module_SuccessPageTotalContainer__NZGFF",AppliedCoupon:"style-module_AppliedCoupon__UNo1h",AppliedCouponBgGray:"style-module_AppliedCouponBgGray__MYoYu",NotClosed:"style-module_NotClosed__E-N9z",CouponCode:"style-module_CouponCode__UKPmf",ClearCoupon:"style-module_ClearCoupon__CBAzl",NotificationContainer:"style-module_NotificationContainer__AXfJT",CheckoutNoteContainer:"style-module_CheckoutNoteContainer__d-z4m",CheckoutNoteDisplay:"style-module_CheckoutNoteDisplay__DtnXo",Success:"style-module_Success__VI2Bw",GiftLabel:"style-module_GiftLabel__cazrS",PoweredBy:"style-module_PoweredBy__DKBJF",SuccessPageCartSummary:"style-module_SuccessPageCartSummary__pjgea",OpenCouponCodeMain:"style-module_OpenCouponCodeMain__lZtb3",OpenCouponCodeMainWithMb:"style-module_OpenCouponCodeMainWithMb__DqVmh",InfoRowGiftCardMobile:"style-module_InfoRowGiftCardMobile__Kp-zh",Deneme:"style-module_Deneme__4H1Cb"};e(".style-module_ExpandHeader__LQwWm {\n position: sticky;\n top: 0;\n z-index: 10;\n display: flex;\n justify-content: space-between;\n align-items: center;\n height: 48px;\n padding: 0 24px;\n width: 100%;\n border-top: 1px solid var(--checkout-border-color);\n border-bottom: 1px solid var(--checkout-border-color);\n transition: border-bottom 0.3s;\n user-select: none;\n background-color: var(--checkout-primary-bg-color);\n}\n@media only screen and (min-width: 1000px) {\n .style-module_ExpandHeader__LQwWm {\n display: none;\n }\n}\n.style-module_ExpandHeader__LQwWm .style-module_Left__-N12h {\n display: flex;\n align-items: center;\n font-size: 16px;\n font-weight: 600;\n}\n.style-module_ExpandHeader__LQwWm .style-module_Price__OT1Wh {\n font-weight: 600;\n display: flex;\n align-items: center;\n}\n.style-module_ExpandHeader__LQwWm .style-module_Price__OT1Wh .style-module_PriceText__bq1pk {\n font-weight: 600;\n margin-right: 8px;\n}\n.style-module_ExpandHeader__LQwWm .style-module_Price__OT1Wh .style-module_ArrowDown__YhRny {\n transition: all 0.3s;\n display: flex;\n align-items: center;\n}\n.style-module_ExpandHeader__LQwWm .style-module_Price__OT1Wh .style-module_ArrowDown__YhRny.style-module_Rotated__ZPfId {\n transform: rotate(-180deg);\n}\n\n@media only screen and (max-width: 1000px) {\n .style-module_CartSummary__m77tn {\n width: 100%;\n background-color: var(--checkout-card-bg-color);\n }\n .style-module_CartSummary__m77tn.style-module_OpenCouponCodeSummary__ua9wx {\n background-color: #fff;\n }\n}\n@media only screen and (min-width: 1000px) {\n .style-module_CartSummary__m77tn.style-module_HideOnDesktop__Vs5AV {\n display: none;\n }\n}\n.style-module_CartSummary__m77tn .style-module_ItemsContainer__QFKQV {\n max-height: 50vh;\n overflow-y: auto;\n margin-bottom: 24px;\n /* Track /\n / Handle */\n}\n@media only screen and (max-width: 1000px) {\n .style-module_CartSummary__m77tn .style-module_ItemsContainer__QFKQV {\n max-height: unset;\n overflow-y: unset;\n margin-bottom: 0;\n }\n}\n.style-module_CartSummary__m77tn .style-module_ItemsContainer__QFKQV::-webkit-scrollbar {\n width: 20px;\n}\n.style-module_CartSummary__m77tn .style-module_ItemsContainer__QFKQV::-webkit-scrollbar-track {\n box-shadow: inset 0 0 20px 20px #e3e7ef;\n border-left: 16px solid transparent;\n}\n.style-module_CartSummary__m77tn .style-module_ItemsContainer__QFKQV::-webkit-scrollbar-thumb {\n box-shadow: inset 0 0 20px 20px #000000;\n border-left: 16px solid transparent;\n}\n.style-module_CartSummary__m77tn .style-module_DetailsContainer__PK33m {\n overflow: hidden;\n width: 100%;\n transition: height 0.3s ease-in-out;\n}\n@media only screen and (max-width: 1000px) {\n .style-module_CartSummary__m77tn .style-module_DetailsContainer__PK33m {\n padding: 0 24px;\n box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.2);\n }\n}\n@media only screen and (max-width: 1000px) {\n .style-module_CartSummary__m77tn .style-module_SuccessPageDetailContainer__-p8kJ {\n padding: 0;\n box-shadow: none;\n }\n}\n.style-module_CartSummary__m77tn .style-module_SuccessPageDetailContainer__-p8kJ .style-module_Details__hWJ9o {\n padding-top: 0;\n}\n.style-module_CartSummary__m77tn .style-module_Details__hWJ9o {\n overflow: hidden;\n}\n@media only screen and (max-width: 1000px) {\n .style-module_CartSummary__m77tn .style-module_Details__hWJ9o {\n padding-top: 24px;\n }\n}\n.style-module_CartSummary__m77tn .style-module_Divider__MNDti {\n width: 100%;\n height: 1px;\n margin: auto;\n background-color: var(--checkout-border-color);\n}\n.style-module_CartSummary__m77tn .style-module_ActionTextBtn__7yua4 {\n color: var(--checkout-primary-text-color);\n user-select: none;\n cursor: pointer;\n display: flex;\n align-items: center;\n}\n.style-module_CartSummary__m77tn .style-module_ActionTextBtn__7yua4:hover {\n text-decoration: underline;\n}\n.style-module_CartSummary__m77tn .style-module_ActionTextBtn__7yua4.style-module_NoUnderline__FphKn:hover {\n text-decoration: none;\n}\n.style-module_CartSummary__m77tn .style-module_ActionTextBtn__7yua4.style-module_Light__dIcW- {\n color: var(--checkout-secondary-text-color);\n}\n.style-module_CartSummary__m77tn .style-module_SubTotalInfo__JMqK9 {\n padding: 24px 0;\n border-bottom: 1px solid var(--checkout-border-color);\n}\n.style-module_CartSummary__m77tn .style-module_SubTotalInfo__JMqK9 .style-module_InfoRow__oAvZS {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 10px;\n}\n.style-module_CartSummary__m77tn .style-module_SubTotalInfo__JMqK9 .style-module_InfoRow__oAvZS.style-module_hideMb__j7VBr {\n margin-bottom: 0;\n}\n.style-module_CartSummary__m77tn .style-module_SubTotalInfo__JMqK9 .style-module_InfoRow__oAvZS .style-module_Label__28Bij {\n color: var(--checkout-secondary-text-color);\n display: flex;\n align-items: center;\n flex: 1 1 auto;\n}\n.style-module_CartSummary__m77tn .style-module_SubTotalInfo__JMqK9 .style-module_InfoRow__oAvZS .style-module_Value__7rELF {\n flex: 0 0 auto;\n padding-left: 8px;\n}\n.style-module_CartSummary__m77tn .style-module_SubTotalInfo__JMqK9 .style-module_InfoRow__oAvZS:last-of-type {\n margin-bottom: 0;\n}\n.style-module_CartSummary__m77tn .style-module_TotalContainer__sGR7d {\n display: flex;\n justify-content: space-between;\n margin-top: 12px;\n}\n.style-module_CartSummary__m77tn .style-module_TotalContainer__sGR7d .style-module_TitleContainer__LgmJI .style-module_Title__oMVSD {\n font-size: 20px;\n font-weight: 600;\n}\n.style-module_CartSummary__m77tn .style-module_TotalContainer__sGR7d .style-module_TotalPricesContainer__-PsOD {\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n}\n.style-module_CartSummary__m77tn .style-module_TotalContainer__sGR7d .style-module_TotalPrice__QBdM1 {\n font-size: 20px;\n font-weight: 600;\n}\n.style-module_CartSummary__m77tn .style-module_TotalContainer__sGR7d .style-module_TotalTax__9pA4Y {\n font-size: 14px;\n line-height: 24px;\n color: var(--checkout-secondary-text-color);\n}\n@media only screen and (max-width: 1000px) {\n .style-module_CartSummary__m77tn .style-module_TotalContainer__sGR7d {\n height: 64px;\n }\n}\n.style-module_CartSummary__m77tn .style-module_SuccessPageTotalContainer__NZGFF {\n height: unset;\n margin-top: 10px;\n}\n.style-module_CartSummary__m77tn .style-module_SuccessPageTotalContainer__NZGFF .style-module_Title__oMVSD {\n font-weight: 500 !important;\n line-height: 32px;\n}\n.style-module_CartSummary__m77tn .style-module_SuccessPageTotalContainer__NZGFF .style-module_TotalPrice__QBdM1 {\n font-weight: 500 !important;\n line-height: 32px;\n}\n.style-module_CartSummary__m77tn .style-module_AppliedCoupon__UNo1h {\n display: flex;\n align-items: center;\n padding: 4px 4px 4px 8px;\n background-color: white;\n border-radius: 6px;\n margin-left: 12px;\n font-size: 14px;\n line-height: 20px;\n}\n.style-module_CartSummary__m77tn .style-module_AppliedCoupon__UNo1h.style-module_AppliedCouponBgGray__MYoYu {\n background-color: var(--checkout-secondary-bg-color);\n}\n.style-module_CartSummary__m77tn .style-module_AppliedCoupon__UNo1h.style-module_NotClosed__E-N9z {\n padding: 4px 4px 4px 4px;\n}\n.style-module_CartSummary__m77tn .style-module_AppliedCoupon__UNo1h .style-module_CouponCode__UKPmf {\n font-size: 14px;\n}\n.style-module_CartSummary__m77tn .style-module_AppliedCoupon__UNo1h .style-module_ClearCoupon__CBAzl {\n cursor: pointer;\n display: flex;\n align-items: center;\n color: var(--checkout-secondary-text-color);\n}\n.style-module_CartSummary__m77tn .style-module_AppliedCoupon__UNo1h .style-module_ClearCoupon__CBAzl svg {\n transform: scale(0.8);\n}\n.style-module_CartSummary__m77tn .style-module_NotificationContainer__AXfJT {\n margin-bottom: 14px;\n}\n.style-module_CartSummary__m77tn .style-module_CheckoutNoteContainer__d-z4m {\n margin-top: 24px;\n width: calc(100% - 2px);\n margin-left: 1px;\n}\n.style-module_CartSummary__m77tn .style-module_CheckoutNoteContainer__d-z4m .style-module_Title__oMVSD {\n font-size: 16px;\n color: var(--checkout-primary-text-color);\n margin-bottom: 8px;\n}\n.style-module_CartSummary__m77tn .style-module_CheckoutNoteContainer__d-z4m .style-module_CheckoutNoteDisplay__DtnXo {\n color: var(--checkout-secondary-text-color);\n}\n.style-module_CartSummary__m77tn .style-module_CheckoutNoteContainer__d-z4m.style-module_Success__VI2Bw {\n margin-top: 0;\n}\n@media only screen and (max-width: 1000px) {\n .style-module_CartSummary__m77tn .style-module_CheckoutNoteContainer__d-z4m {\n margin-top: 0px;\n }\n}\n.style-module_CartSummary__m77tn .style-module_GiftLabel__cazrS {\n display: flex;\n align-items: center;\n}\n.style-module_CartSummary__m77tn .style-module_GiftLabel__cazrS span {\n margin-left: 8px;\n}\n.style-module_CartSummary__m77tn .style-module_PoweredBy__DKBJF {\n width: 100%;\n height: 50px;\n justify-content: center;\n align-items: center;\n color: var(--checkout-primary-text-color);\n display: none;\n}\n@media only screen and (max-width: 1000px) {\n .style-module_CartSummary__m77tn .style-module_PoweredBy__DKBJF {\n display: flex;\n }\n}\n.style-module_CartSummary__m77tn .style-module_PoweredBy__DKBJF span {\n font-size: 14px;\n line-height: 20px;\n color: var(--checkout-secondary-text-color);\n margin-right: 8px;\n}\n.style-module_CartSummary__m77tn .style-module_PoweredBy__DKBJF a {\n display: flex;\n align-items: center;\n}\n\n.style-module_SuccessPageCartSummary__pjgea {\n background-color: #fff;\n}\n\n.style-module_OpenCouponCodeMain__lZtb3 {\n display: flex;\n}\n.style-module_OpenCouponCodeMain__lZtb3 input {\n width: calc(100% - 12px);\n}\n.style-module_OpenCouponCodeMain__lZtb3.style-module_OpenCouponCodeMainWithMb__DqVmh {\n margin-bottom: 12px;\n}\n\n.style-module_InfoRowGiftCardMobile__Kp-zh {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 10px;\n}\n.style-module_InfoRowGiftCardMobile__Kp-zh.style-module_hideMb__j7VBr {\n margin-bottom: 0;\n}\n.style-module_InfoRowGiftCardMobile__Kp-zh .style-module_Label__28Bij {\n color: var(--checkout-secondary-text-color);\n display: flex;\n align-items: center;\n flex: 1 1 auto;\n}\n.style-module_InfoRowGiftCardMobile__Kp-zh .style-module_Value__7rELF {\n flex: 0 0 auto;\n padding-left: 8px;\n}\n.style-module_InfoRowGiftCardMobile__Kp-zh:last-of-type {\n margin-bottom: 0;\n}\n.style-module_InfoRowGiftCardMobile__Kp-zh .style-module_ActionTextBtn__7yua4 {\n color: var(--checkout-primary-text-color);\n user-select: none;\n cursor: pointer;\n display: flex;\n align-items: center;\n}\n.style-module_InfoRowGiftCardMobile__Kp-zh .style-module_ActionTextBtn__7yua4:hover {\n text-decoration: underline;\n}\n.style-module_InfoRowGiftCardMobile__Kp-zh .style-module_ActionTextBtn__7yua4.style-module_NoUnderline__FphKn:hover {\n text-decoration: none;\n}\n.style-module_InfoRowGiftCardMobile__Kp-zh .style-module_ActionTextBtn__7yua4.style-module_Light__dIcW- {\n color: var(--checkout-secondary-text-color);\n}\n.style-module_InfoRowGiftCardMobile__Kp-zh .style-module_AppliedCoupon__UNo1h {\n display: flex;\n align-items: center;\n padding: 4px 4px 4px 8px;\n background-color: white;\n border-radius: 6px;\n margin-left: 12px;\n font-size: 14px;\n line-height: 20px;\n}\n.style-module_InfoRowGiftCardMobile__Kp-zh .style-module_AppliedCoupon__UNo1h.style-module_AppliedCoupon__UNo1h {\n background-color: var(--checkout-secondary-bg-color);\n}\n.style-module_InfoRowGiftCardMobile__Kp-zh .style-module_AppliedCoupon__UNo1h.style-module_NotClosed__E-N9z {\n padding: 4px 4px 4px 4px;\n}\n.style-module_InfoRowGiftCardMobile__Kp-zh .style-module_AppliedCoupon__UNo1h .style-module_CouponCode__UKPmf {\n font-size: 14px;\n}\n.style-module_InfoRowGiftCardMobile__Kp-zh .style-module_AppliedCoupon__UNo1h .style-module_ClearCoupon__CBAzl {\n cursor: pointer;\n display: flex;\n align-items: center;\n color: var(--checkout-secondary-text-color);\n}\n.style-module_InfoRowGiftCardMobile__Kp-zh .style-module_AppliedCoupon__UNo1h .style-module_ClearCoupon__CBAzl svg {\n transform: scale(0.8);\n}\n\n.style-module_Deneme__4H1Cb {\n margin-top: 10px;\n}");export{n as default};
1	+ import e from'./../../../../ext/style-inject/dist/style-inject.es.js';var n={ExpandHeader:"style-module_ExpandHeader__LQwWm",Left:"style-module_Left__-N12h",Price:"style-module_Price__OT1Wh",PriceText:"style-module_PriceText__bq1pk",ArrowDown:"style-module_ArrowDown__YhRny",Rotated:"style-module_Rotated__ZPfId",CartSummary:"style-module_CartSummary__m77tn",OpenCouponCodeSummary:"style-module_OpenCouponCodeSummary__ua9wx",HideOnDesktop:"style-module_HideOnDesktop__Vs5AV",ItemsContainer:"style-module_ItemsContainer__QFKQV",DetailsContainer:"style-module_DetailsContainer__PK33m",SuccessPageDetailContainer:"style-module_SuccessPageDetailContainer__-p8kJ",Details:"style-module_Details__hWJ9o",Divider:"style-module_Divider__MNDti",ActionTextBtn:"style-module_ActionTextBtn__7yua4",NoUnderline:"style-module_NoUnderline__FphKn",Light:"style-module_Light__dIcW-",SubTotalInfo:"style-module_SubTotalInfo__JMqK9",InfoRow:"style-module_InfoRow__oAvZS",hideMb:"style-module_hideMb__j7VBr",LoyaltyPoints:"style-module_LoyaltyPoints__3gd4k",Label:"style-module_Label__28Bij",Value:"style-module_Value__7rELF",TotalContainer:"style-module_TotalContainer__sGR7d",TitleContainer:"style-module_TitleContainer__LgmJI",Title:"style-module_Title__oMVSD",TotalPricesContainer:"style-module_TotalPricesContainer__-PsOD",TotalPrice:"style-module_TotalPrice__QBdM1",TotalTax:"style-module_TotalTax__9pA4Y",SuccessPageTotalContainer:"style-module_SuccessPageTotalContainer__NZGFF",AppliedCoupon:"style-module_AppliedCoupon__UNo1h",AppliedCouponBgGray:"style-module_AppliedCouponBgGray__MYoYu",NotClosed:"style-module_NotClosed__E-N9z",CouponCode:"style-module_CouponCode__UKPmf",ClearCoupon:"style-module_ClearCoupon__CBAzl",NotificationContainer:"style-module_NotificationContainer__AXfJT",CheckoutNoteContainer:"style-module_CheckoutNoteContainer__d-z4m",CheckoutNoteDisplay:"style-module_CheckoutNoteDisplay__DtnXo",Success:"style-module_Success__VI2Bw",GiftLabel:"style-module_GiftLabel__cazrS",PoweredBy:"style-module_PoweredBy__DKBJF",SuccessPageCartSummary:"style-module_SuccessPageCartSummary__pjgea",OpenCouponCodeMain:"style-module_OpenCouponCodeMain__lZtb3",OpenCouponCodeMainWithMb:"style-module_OpenCouponCodeMainWithMb__DqVmh",InfoRowGiftCardMobile:"style-module_InfoRowGiftCardMobile__Kp-zh",StoreCreditTag:"style-module_StoreCreditTag__D1TtS",LoyaltyPointsContainer:"style-module_LoyaltyPointsContainer__NDR6k",LoyaltyPointsTitle:"style-module_LoyaltyPointsTitle__4rwqg",LoyaltyPointsLines:"style-module_LoyaltyPointsLines__rAHEY",LoyaltyPointsLine:"style-module_LoyaltyPointsLine__WPMxS",LoyaltyPointsLineTitle:"style-module_LoyaltyPointsLineTitle__ikVAx",LoyaltyPointsLineTitleText:"style-module_LoyaltyPointsLineTitleText__bngZY",LoyaltyPointsLineValue:"style-module_LoyaltyPointsLineValue__EDVfX",LoyaltyPointsLineAll:"style-module_LoyaltyPointsLineAll__RHBd4",LoyaltyPointsLineAllContainer:"style-module_LoyaltyPointsLineAllContainer__IX7I0",LoyaltyPointsLinesModalContainer:"style-module_LoyaltyPointsLinesModalContainer__cjW0h",LoyaltyPointsLinesModalContainerVisible:"style-module_LoyaltyPointsLinesModalContainerVisible__4sXcV",LoyaltyPointsLinesModalContainerClosing:"style-module_LoyaltyPointsLinesModalContainerClosing__IEpXx",LoyaltyPointsLinesModal:"style-module_LoyaltyPointsLinesModal__h1aD-",LoyaltyPointsLinesModalHeader:"style-module_LoyaltyPointsLinesModalHeader__-Zcj7",LoyaltyPointsLinesModalCloseButton:"style-module_LoyaltyPointsLinesModalCloseButton__nb3-5",LoyaltyPointsLinesModalHeaderTitle:"style-module_LoyaltyPointsLinesModalHeaderTitle__xcD59",LoyaltyPointsLinesModalHeaderDescription:"style-module_LoyaltyPointsLinesModalHeaderDescription__9N8ot",LoyaltyPointsLinesModalContent:"style-module_LoyaltyPointsLinesModalContent__hjwxz",LoyaltyPointsLinesModalContentItemHeader:"style-module_LoyaltyPointsLinesModalContentItemHeader__aQV4i",LoyaltyPointsLinesModalContentItemHeaderValue:"style-module_LoyaltyPointsLinesModalContentItemHeaderValue__T9r6z",LoyaltyPointsLinesModalContentItem:"style-module_LoyaltyPointsLinesModalContentItem__r1qmE",LoyaltyPointsLinesModalContentItemFreeProduct:"style-module_LoyaltyPointsLinesModalContentItemFreeProduct__aAUrx",LoyaltyPointsLinesModalContentItemsFirst:"style-module_LoyaltyPointsLinesModalContentItemsFirst__Sj8rF",LoyaltyPointsLinesModalContentItemsLast:"style-module_LoyaltyPointsLinesModalContentItemsLast__gc8cc",LoyaltyPointsLinesModalContentItemHeaderValueIcon:"style-module_LoyaltyPointsLinesModalContentItemHeaderValueIcon__c4CR6",LoyaltyPointsLinesModalContentItemHeaderValueIconContainer:"style-module_LoyaltyPointsLinesModalContentItemHeaderValueIconContainer__26F-5",LoyaltyPointsLinesModalContentItemHeaderValueTextMain:"style-module_LoyaltyPointsLinesModalContentItemHeaderValueTextMain__aft8A",LoyaltyPointsLinesModalContentItemHeaderValueTextMainTitle:"style-module_LoyaltyPointsLinesModalContentItemHeaderValueTextMainTitle__TQC3n",LoyaltyPointsLinesModalContentItemHeaderValueTextMainValue:"style-module_LoyaltyPointsLinesModalContentItemHeaderValueTextMainValue__TSz0-",LoyaltyPointsLinesModalContentItemButton:"style-module_LoyaltyPointsLinesModalContentItemButton__Xwvm7",LoyaltyPointsGiftModalOverlay:"style-module_LoyaltyPointsGiftModalOverlay__xeQyA",LoyaltyPointsGiftModal:"style-module_LoyaltyPointsGiftModal__C7rhN",LoyaltyGiftSlideIn:"style-module_LoyaltyGiftSlideIn__sZfMa",LoyaltyPointsGiftModalClosing:"style-module_LoyaltyPointsGiftModalClosing__cEwwl",LoyaltyGiftSlideOut:"style-module_LoyaltyGiftSlideOut__uTEqW",LoyaltyPointsGiftModalHeader:"style-module_LoyaltyPointsGiftModalHeader__54vAK",LoyaltyPointsGiftModalTitle:"style-module_LoyaltyPointsGiftModalTitle__qnzx3",LoyaltyPointsGiftModalDescription:"style-module_LoyaltyPointsGiftModalDescription__80l9h",LoyaltyPointsGiftModalClose:"style-module_LoyaltyPointsGiftModalClose__bsSO2",LoyaltyPointsGiftModalBody:"style-module_LoyaltyPointsGiftModalBody__aLoj3",LoyaltyPointsLinesModalContentItemHeaderValueIconImage:"style-module_LoyaltyPointsLinesModalContentItemHeaderValueIconImage__BQic0",LoyaltyPointsLinesModalContentItemPoint:"style-module_LoyaltyPointsLinesModalContentItemPoint__xvR23",LoyaltyPointsLinesModalContentItemPointMobile:"style-module_LoyaltyPointsLinesModalContentItemPointMobile__AUrpP",LoyaltyPointsLinesModalContentItemSlider:"style-module_LoyaltyPointsLinesModalContentItemSlider__iWpgU",LoyaltyPointsLinesModalSliderInfo:"style-module_LoyaltyPointsLinesModalSliderInfo__WiA8X",LoyaltyPointsLinesModalSliderInfoSlider:"style-module_LoyaltyPointsLinesModalSliderInfoSlider__tnBdu",LoyaltyPointsLinesModalSliderInfoSliderValue:"style-module_LoyaltyPointsLinesModalSliderInfoSliderValue__oG1fM",LoyaltyPointsLinesModalSliderInfoSliderValueText:"style-module_LoyaltyPointsLinesModalSliderInfoSliderValueText__fnKQh",LoyaltyPointsLinesModalSliderInfoSliderValueTextValue:"style-module_LoyaltyPointsLinesModalSliderInfoSliderValueTextValue__lGm4z",LoyaltyPointsLinesModalSliderInput:"style-module_LoyaltyPointsLinesModalSliderInput__sgZrN",LoyaltyPointsLinesModalSliderInfoValue:"style-module_LoyaltyPointsLinesModalSliderInfoValue__RuqZ6",LoyaltyEarningMethod:"style-module_LoyaltyEarningMethod__UNcvo",LoyaltyEarningMethodTitle:"style-module_LoyaltyEarningMethodTitle__d5p2X",LoyaltyPointsLineOneRow:"style-module_LoyaltyPointsLineOneRow__YdQkF",LoyaltyPointsLineOneRowTitle:"style-module_LoyaltyPointsLineOneRowTitle__V04li",LoyaltyPointsLineOneRowTitleText:"style-module_LoyaltyPointsLineOneRowTitleText__y3UOy",AppliedCouponLoyalty:"style-module_AppliedCouponLoyalty__p2Mi0",LoyaltyPointsLineIcon:"style-module_LoyaltyPointsLineIcon__ECQ1W",ClearCouponLoyalty:"style-module_ClearCouponLoyalty__vRYH4",ValueLoyalty:"style-module_ValueLoyalty__jdjW9",LoyaltyPointSpending:"style-module_LoyaltyPointSpending__qam9Z",LoyaltyPointsLineContainer:"style-module_LoyaltyPointsLineContainer__85Cvs",LoyaltyPointsLinesModalContentItemButtonContainerMobile:"style-module_LoyaltyPointsLinesModalContentItemButtonContainerMobile__iNiif"};e(".style-module_ExpandHeader__LQwWm {\n position: sticky;\n top: 0;\n z-index: 10;\n display: flex;\n justify-content: space-between;\n align-items: center;\n height: 48px;\n padding: 0 24px;\n width: 100%;\n border-top: 1px solid var(--checkout-border-color);\n border-bottom: 1px solid var(--checkout-border-color);\n transition: border-bottom 0.3s;\n user-select: none;\n background-color: var(--checkout-primary-bg-color);\n}\n@media only screen and (min-width: 1000px) {\n .style-module_ExpandHeader__LQwWm {\n display: none;\n }\n}\n.style-module_ExpandHeader__LQwWm .style-module_Left__-N12h {\n display: flex;\n align-items: center;\n font-size: 16px;\n font-weight: 600;\n}\n.style-module_ExpandHeader__LQwWm .style-module_Price__OT1Wh {\n font-weight: 600;\n display: flex;\n align-items: center;\n}\n.style-module_ExpandHeader__LQwWm .style-module_Price__OT1Wh .style-module_PriceText__bq1pk {\n font-weight: 600;\n margin-right: 8px;\n}\n.style-module_ExpandHeader__LQwWm .style-module_Price__OT1Wh .style-module_ArrowDown__YhRny {\n transition: all 0.3s;\n display: flex;\n align-items: center;\n}\n.style-module_ExpandHeader__LQwWm .style-module_Price__OT1Wh .style-module_ArrowDown__YhRny.style-module_Rotated__ZPfId {\n transform: rotate(-180deg);\n}\n\n@media only screen and (max-width: 1000px) {\n .style-module_CartSummary__m77tn {\n width: 100%;\n background-color: var(--checkout-card-bg-color);\n }\n .style-module_CartSummary__m77tn.style-module_OpenCouponCodeSummary__ua9wx {\n background-color: transparent;\n }\n}\n@media only screen and (min-width: 1000px) {\n .style-module_CartSummary__m77tn.style-module_HideOnDesktop__Vs5AV {\n display: none;\n }\n}\n.style-module_CartSummary__m77tn .style-module_ItemsContainer__QFKQV {\n max-height: 50vh;\n overflow-y: auto;\n margin-bottom: 24px;\n /* Track /\n / Handle */\n}\n@media only screen and (max-width: 1000px) {\n .style-module_CartSummary__m77tn .style-module_ItemsContainer__QFKQV {\n max-height: unset;\n overflow-y: unset;\n margin-bottom: 0;\n }\n}\n.style-module_CartSummary__m77tn .style-module_ItemsContainer__QFKQV::-webkit-scrollbar {\n width: 20px;\n}\n.style-module_CartSummary__m77tn .style-module_ItemsContainer__QFKQV::-webkit-scrollbar-track {\n box-shadow: inset 0 0 20px 20px #e3e7ef;\n border-left: 16px solid transparent;\n}\n.style-module_CartSummary__m77tn .style-module_ItemsContainer__QFKQV::-webkit-scrollbar-thumb {\n box-shadow: inset 0 0 20px 20px #000000;\n border-left: 16px solid transparent;\n}\n.style-module_CartSummary__m77tn .style-module_DetailsContainer__PK33m {\n overflow: hidden;\n width: 100%;\n transition: height 0.3s ease-in-out;\n}\n@media only screen and (max-width: 1000px) {\n .style-module_CartSummary__m77tn .style-module_DetailsContainer__PK33m {\n padding: 0 24px;\n box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.2);\n }\n}\n@media only screen and (max-width: 1000px) {\n .style-module_CartSummary__m77tn .style-module_SuccessPageDetailContainer__-p8kJ {\n padding: 0;\n box-shadow: none;\n }\n}\n.style-module_CartSummary__m77tn .style-module_SuccessPageDetailContainer__-p8kJ .style-module_Details__hWJ9o {\n padding-top: 0;\n}\n.style-module_CartSummary__m77tn .style-module_Details__hWJ9o {\n overflow: hidden;\n}\n@media only screen and (max-width: 1000px) {\n .style-module_CartSummary__m77tn .style-module_Details__hWJ9o {\n padding-top: 24px;\n }\n}\n.style-module_CartSummary__m77tn .style-module_Divider__MNDti {\n width: 100%;\n height: 1px;\n margin: auto;\n background-color: var(--checkout-border-color);\n}\n.style-module_CartSummary__m77tn .style-module_ActionTextBtn__7yua4 {\n color: var(--checkout-primary-text-color);\n user-select: none;\n display: flex;\n align-items: center;\n}\n.style-module_CartSummary__m77tn .style-module_ActionTextBtn__7yua4:hover {\n text-decoration: underline;\n}\n.style-module_CartSummary__m77tn .style-module_ActionTextBtn__7yua4.style-module_NoUnderline__FphKn:hover {\n text-decoration: none;\n}\n.style-module_CartSummary__m77tn .style-module_ActionTextBtn__7yua4.style-module_Light__dIcW- {\n color: var(--checkout-secondary-text-color);\n}\n.style-module_CartSummary__m77tn .style-module_SubTotalInfo__JMqK9 {\n padding: 24px 0;\n border-bottom: 1px solid var(--checkout-border-color);\n}\n.style-module_CartSummary__m77tn .style-module_SubTotalInfo__JMqK9 .style-module_InfoRow__oAvZS {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 10px;\n}\n.style-module_CartSummary__m77tn .style-module_SubTotalInfo__JMqK9 .style-module_InfoRow__oAvZS.style-module_hideMb__j7VBr {\n margin-bottom: 0;\n}\n.style-module_CartSummary__m77tn .style-module_SubTotalInfo__JMqK9 .style-module_InfoRow__oAvZS .style-module_LoyaltyPoints__3gd4k {\n color: var(--checkout-secondary-text-color);\n display: flex;\n align-items: center;\n margin-right: 4px;\n}\n.style-module_CartSummary__m77tn .style-module_SubTotalInfo__JMqK9 .style-module_InfoRow__oAvZS .style-module_Label__28Bij {\n color: var(--checkout-secondary-text-color);\n display: flex;\n align-items: center;\n flex: 1 1 auto;\n}\n.style-module_CartSummary__m77tn .style-module_SubTotalInfo__JMqK9 .style-module_InfoRow__oAvZS .style-module_Value__7rELF {\n flex: 0 0 auto;\n padding-left: 8px;\n}\n.style-module_CartSummary__m77tn .style-module_SubTotalInfo__JMqK9 .style-module_InfoRow__oAvZS:last-of-type {\n margin-bottom: 0;\n}\n.style-module_CartSummary__m77tn .style-module_TotalContainer__sGR7d {\n display: flex;\n justify-content: space-between;\n margin-top: 12px;\n}\n.style-module_CartSummary__m77tn .style-module_TotalContainer__sGR7d .style-module_TitleContainer__LgmJI .style-module_Title__oMVSD {\n font-size: 20px;\n font-weight: 600;\n}\n.style-module_CartSummary__m77tn .style-module_TotalContainer__sGR7d .style-module_TotalPricesContainer__-PsOD {\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n}\n.style-module_CartSummary__m77tn .style-module_TotalContainer__sGR7d .style-module_TotalPrice__QBdM1 {\n font-size: 20px;\n font-weight: 600;\n}\n.style-module_CartSummary__m77tn .style-module_TotalContainer__sGR7d .style-module_TotalTax__9pA4Y {\n font-size: 14px;\n line-height: 24px;\n color: var(--checkout-secondary-text-color);\n}\n.style-module_CartSummary__m77tn .style-module_SuccessPageTotalContainer__NZGFF {\n height: unset;\n margin-top: 10px;\n}\n.style-module_CartSummary__m77tn .style-module_SuccessPageTotalContainer__NZGFF .style-module_Title__oMVSD {\n font-weight: 500 !important;\n line-height: 32px;\n}\n.style-module_CartSummary__m77tn .style-module_SuccessPageTotalContainer__NZGFF .style-module_TotalPrice__QBdM1 {\n font-weight: 500 !important;\n line-height: 32px;\n}\n.style-module_CartSummary__m77tn .style-module_AppliedCoupon__UNo1h {\n display: flex;\n align-items: center;\n padding: 4px 4px 4px 8px;\n background-color: white;\n border-radius: 2px;\n font-size: 14px;\n line-height: 20px;\n}\n.style-module_CartSummary__m77tn .style-module_AppliedCoupon__UNo1h.style-module_AppliedCouponBgGray__MYoYu {\n background-color: var(--checkout-secondary-bg-color);\n}\n.style-module_CartSummary__m77tn .style-module_AppliedCoupon__UNo1h.style-module_NotClosed__E-N9z {\n padding: 4px 4px 4px 4px;\n}\n.style-module_CartSummary__m77tn .style-module_AppliedCoupon__UNo1h .style-module_CouponCode__UKPmf {\n font-size: 14px;\n margin-left: 6px;\n margin-right: 8px;\n}\n.style-module_CartSummary__m77tn .style-module_AppliedCoupon__UNo1h .style-module_ClearCoupon__CBAzl {\n cursor: pointer;\n display: flex;\n align-items: center;\n color: var(--checkout-secondary-text-color);\n}\n.style-module_CartSummary__m77tn .style-module_AppliedCoupon__UNo1h .style-module_ClearCoupon__CBAzl svg {\n transform: scale(0.8);\n}\n.style-module_CartSummary__m77tn .style-module_NotificationContainer__AXfJT {\n margin-bottom: 14px;\n}\n.style-module_CartSummary__m77tn .style-module_CheckoutNoteContainer__d-z4m {\n margin-top: 24px;\n width: calc(100% - 2px);\n margin-left: 1px;\n}\n.style-module_CartSummary__m77tn .style-module_CheckoutNoteContainer__d-z4m .style-module_Title__oMVSD {\n font-size: 16px;\n color: var(--checkout-primary-text-color);\n margin-bottom: 8px;\n}\n.style-module_CartSummary__m77tn .style-module_CheckoutNoteContainer__d-z4m .style-module_CheckoutNoteDisplay__DtnXo {\n color: var(--checkout-secondary-text-color);\n}\n.style-module_CartSummary__m77tn .style-module_CheckoutNoteContainer__d-z4m.style-module_Success__VI2Bw {\n margin-top: 0;\n}\n@media only screen and (max-width: 1000px) {\n .style-module_CartSummary__m77tn .style-module_CheckoutNoteContainer__d-z4m {\n margin-top: 0px;\n }\n}\n.style-module_CartSummary__m77tn .style-module_GiftLabel__cazrS {\n display: flex;\n align-items: center;\n}\n.style-module_CartSummary__m77tn .style-module_GiftLabel__cazrS span {\n margin-left: 8px;\n}\n.style-module_CartSummary__m77tn .style-module_PoweredBy__DKBJF {\n width: 100%;\n height: 50px;\n justify-content: center;\n align-items: center;\n color: var(--checkout-primary-text-color);\n display: none;\n margin-top: 32px;\n}\n@media only screen and (max-width: 1000px) {\n .style-module_CartSummary__m77tn .style-module_PoweredBy__DKBJF {\n display: flex;\n }\n}\n.style-module_CartSummary__m77tn .style-module_PoweredBy__DKBJF span {\n font-size: 14px;\n line-height: 20px;\n color: var(--checkout-secondary-text-color);\n margin-right: 8px;\n}\n.style-module_CartSummary__m77tn .style-module_PoweredBy__DKBJF a {\n display: flex;\n align-items: center;\n}\n\n.style-module_SuccessPageCartSummary__pjgea {\n background-color: #fff;\n}\n\n.style-module_OpenCouponCodeMain__lZtb3 {\n display: flex;\n}\n.style-module_OpenCouponCodeMain__lZtb3 input {\n width: calc(100% - 12px);\n}\n.style-module_OpenCouponCodeMain__lZtb3.style-module_OpenCouponCodeMainWithMb__DqVmh {\n margin-bottom: 12px;\n}\n\n.style-module_InfoRowGiftCardMobile__Kp-zh {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 10px;\n}\n.style-module_InfoRowGiftCardMobile__Kp-zh.style-module_hideMb__j7VBr {\n margin-bottom: 0;\n}\n.style-module_InfoRowGiftCardMobile__Kp-zh .style-module_Label__28Bij {\n color: var(--checkout-secondary-text-color);\n display: flex;\n align-items: center;\n flex: 1 1 auto;\n}\n.style-module_InfoRowGiftCardMobile__Kp-zh .style-module_Value__7rELF {\n flex: 0 0 auto;\n padding-left: 8px;\n}\n.style-module_InfoRowGiftCardMobile__Kp-zh:last-of-type {\n margin-bottom: 0;\n}\n.style-module_InfoRowGiftCardMobile__Kp-zh .style-module_ActionTextBtn__7yua4 {\n color: var(--checkout-primary-text-color);\n user-select: none;\n cursor: pointer;\n display: flex;\n align-items: center;\n}\n.style-module_InfoRowGiftCardMobile__Kp-zh .style-module_ActionTextBtn__7yua4 .style-module_InfoRowGiftCardMobile__Kp-zh .style-module_ActionTextBtn__7yua4:hover {\n text-decoration: underline;\n}\n.style-module_InfoRowGiftCardMobile__Kp-zh .style-module_ActionTextBtn__7yua4.style-module_NoUnderline__FphKn:hover {\n text-decoration: none;\n}\n.style-module_InfoRowGiftCardMobile__Kp-zh .style-module_ActionTextBtn__7yua4.style-module_Light__dIcW- {\n color: var(--checkout-secondary-text-color);\n}\n.style-module_InfoRowGiftCardMobile__Kp-zh .style-module_AppliedCoupon__UNo1h {\n display: flex;\n align-items: center;\n padding: 4px 4px 4px 8px;\n background-color: white;\n border-radius: 6px;\n margin-left: 12px;\n font-size: 14px;\n line-height: 20px;\n}\n.style-module_InfoRowGiftCardMobile__Kp-zh .style-module_AppliedCoupon__UNo1h.style-module_AppliedCoupon__UNo1h {\n background-color: var(--checkout-secondary-bg-color);\n}\n.style-module_InfoRowGiftCardMobile__Kp-zh .style-module_AppliedCoupon__UNo1h.style-module_NotClosed__E-N9z {\n padding: 4px 4px 4px 4px;\n}\n.style-module_InfoRowGiftCardMobile__Kp-zh .style-module_AppliedCoupon__UNo1h .style-module_CouponCode__UKPmf {\n font-size: 14px;\n}\n.style-module_InfoRowGiftCardMobile__Kp-zh .style-module_AppliedCoupon__UNo1h .style-module_ClearCoupon__CBAzl {\n cursor: pointer;\n display: flex;\n align-items: center;\n color: var(--checkout-secondary-text-color);\n}\n.style-module_InfoRowGiftCardMobile__Kp-zh .style-module_AppliedCoupon__UNo1h .style-module_ClearCoupon__CBAzl svg {\n transform: scale(0.8);\n}\n\n.style-module_StoreCreditTag__D1TtS {\n color: var(--checkout-secondary-text-color);\n}\n\n.style-module_LoyaltyPointsContainer__NDR6k {\n margin-bottom: 24px;\n}\n@media only screen and (max-width: 1000px) {\n .style-module_LoyaltyPointsContainer__NDR6k {\n margin-bottom: 0;\n margin-top: 16px;\n }\n}\n.style-module_LoyaltyPointsContainer__NDR6k .style-module_LoyaltyPointsTitle__4rwqg {\n font-size: 16px;\n font-weight: 500;\n line-height: 24px;\n color: var(--checkout-primary-text-color);\n margin-bottom: 8px;\n}\n.style-module_LoyaltyPointsContainer__NDR6k .style-module_LoyaltyPointsLines__rAHEY {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 8px;\n}\n@media only screen and (max-width: 1000px) {\n .style-module_LoyaltyPointsContainer__NDR6k .style-module_LoyaltyPointsLines__rAHEY {\n overflow: auto;\n }\n}\n.style-module_LoyaltyPointsContainer__NDR6k .style-module_LoyaltyPointsLines__rAHEY .style-module_LoyaltyPointsLine__WPMxS {\n border: 1px solid var(--checkout-border-color);\n border-radius: 8px;\n padding: 10px 12px;\n background-color: #fff;\n display: flex;\n flex-direction: column;\n justify-content: center;\n cursor: pointer;\n white-space: nowrap;\n}\n.style-module_LoyaltyPointsContainer__NDR6k .style-module_LoyaltyPointsLines__rAHEY .style-module_LoyaltyPointsLineTitle__ikVAx {\n display: flex;\n gap: 6px;\n align-items: center;\n margin-bottom: 2px;\n}\n.style-module_LoyaltyPointsContainer__NDR6k .style-module_LoyaltyPointsLines__rAHEY .style-module_LoyaltyPointsLineTitle__ikVAx .style-module_LoyaltyPointsLineTitleText__bngZY {\n font-size: 14px;\n font-weight: 500;\n line-height: 20px;\n color: var(--checkout-primary-text-color);\n letter-spacing: 0;\n white-space: nowrap;\n width: 100px;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.style-module_LoyaltyPointsContainer__NDR6k .style-module_LoyaltyPointsLines__rAHEY .style-module_LoyaltyPointsLineValue__EDVfX {\n font-size: 14px;\n font-weight: 400;\n line-height: 20px;\n color: var(--checkout-secondary-text-color);\n letter-spacing: 0;\n}\n.style-module_LoyaltyPointsContainer__NDR6k .style-module_LoyaltyPointsLines__rAHEY .style-module_LoyaltyPointsLineAll__RHBd4 {\n font-size: 14px;\n font-weight: 500;\n line-height: 20px;\n color: var(--checkout-primary-text-color);\n}\n.style-module_LoyaltyPointsContainer__NDR6k .style-module_LoyaltyPointsLines__rAHEY .style-module_LoyaltyPointsLineAllContainer__IX7I0 {\n display: flex;\n gap: 6px;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n align-self: center;\n}\n.style-module_LoyaltyPointsContainer__NDR6k .style-module_LoyaltyPointsLines__rAHEY .style-module_LoyaltyPointsLineAllContainer__IX7I0 svg path {\n stroke: var(--checkout-primary-text-color);\n}\n\n.style-module_LoyaltyPointsLinesModalContainer__cjW0h {\n position: fixed;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n background-color: rgba(39, 39, 39, 0.7);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 1000;\n opacity: 0;\n transition: opacity 0.25s ease-out;\n pointer-events: none;\n}\n.style-module_LoyaltyPointsLinesModalContainer__cjW0h.style-module_LoyaltyPointsLinesModalContainerVisible__4sXcV {\n opacity: 1;\n pointer-events: auto;\n}\n.style-module_LoyaltyPointsLinesModalContainer__cjW0h.style-module_LoyaltyPointsLinesModalContainerClosing__IEpXx {\n opacity: 0;\n pointer-events: none;\n}\n\n.style-module_LoyaltyPointsLinesModal__h1aD- {\n width: 720px;\n border-radius: 8px;\n background-color: #fff;\n position: relative;\n overflow: hidden;\n transform: scale(0.96);\n transition: transform 0.25s ease-out;\n}\n.style-module_LoyaltyPointsLinesModalContainerVisible__4sXcV .style-module_LoyaltyPointsLinesModal__h1aD- {\n transform: scale(1);\n}\n.style-module_LoyaltyPointsLinesModalContainerClosing__IEpXx .style-module_LoyaltyPointsLinesModal__h1aD- {\n transform: scale(0.96);\n}\n@media only screen and (max-width: 1000px) {\n .style-module_LoyaltyPointsLinesModal__h1aD- {\n width: 96%;\n }\n}\n.style-module_LoyaltyPointsLinesModal__h1aD- .style-module_LoyaltyPointsLinesModalHeader__-Zcj7 {\n border-bottom: 1px solid var(--checkout-border-color);\n padding: 24px;\n}\n.style-module_LoyaltyPointsLinesModal__h1aD- .style-module_LoyaltyPointsLinesModalCloseButton__nb3-5 {\n position: absolute;\n top: 16px;\n right: 16px;\n width: 24px;\n height: 24px;\n cursor: pointer;\n color: var(--checkout-secondary-text-color);\n}\n.style-module_LoyaltyPointsLinesModal__h1aD- .style-module_LoyaltyPointsLinesModalHeaderTitle__xcD59 {\n font-size: 22px;\n font-weight: 500;\n line-height: 32px;\n color: var(--checkout-primary-text-color);\n margin-bottom: 4px;\n}\n.style-module_LoyaltyPointsLinesModal__h1aD- .style-module_LoyaltyPointsLinesModalHeaderDescription__9N8ot {\n font-size: 14px;\n font-weight: 400;\n line-height: 20px;\n color: var(--checkout-secondary-text-color);\n}\n.style-module_LoyaltyPointsLinesModal__h1aD- .style-module_LoyaltyPointsLinesModalContent__hjwxz {\n padding: 24px;\n max-height: 650px;\n overflow: auto;\n}\n@media only screen and (max-width: 1000px) {\n .style-module_LoyaltyPointsLinesModal__h1aD- .style-module_LoyaltyPointsLinesModalContent__hjwxz {\n max-height: 500px !important;\n }\n}\n.style-module_LoyaltyPointsLinesModal__h1aD- .style-module_LoyaltyPointsLinesModalContentItemHeader__aQV4i {\n display: flex;\n gap: 6px;\n align-items: center;\n margin-bottom: 16px;\n}\n.style-module_LoyaltyPointsLinesModal__h1aD- .style-module_LoyaltyPointsLinesModalContentItemHeader__aQV4i span {\n font-size: 14px;\n font-weight: 500;\n line-height: 20px;\n color: var(--checkout-primary-text-color);\n}\n.style-module_LoyaltyPointsLinesModal__h1aD- .style-module_LoyaltyPointsLinesModalContentItemHeaderValue__T9r6z {\n display: flex;\n gap: 4px;\n align-items: center;\n background-color: #f7f7f9;\n padding: 2px 6px;\n border-radius: 28px;\n line-height: 22px;\n}\n.style-module_LoyaltyPointsLinesModal__h1aD- .style-module_LoyaltyPointsLinesModalContentItem__r1qmE {\n padding: 16px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n border: 1px solid var(--checkout-border-color);\n border-bottom: none;\n transition: background-color 0.3s ease;\n}\n.style-module_LoyaltyPointsLinesModal__h1aD- .style-module_LoyaltyPointsLinesModalContentItem__r1qmE:hover {\n background-color: #f7f7f9;\n}\n@media only screen and (max-width: 1000px) {\n .style-module_LoyaltyPointsLinesModal__h1aD- .style-module_LoyaltyPointsLinesModalContentItemFreeProduct__aAUrx {\n flex-direction: column;\n align-items: flex-start;\n gap: 12px;\n }\n .style-module_LoyaltyPointsLinesModal__h1aD- .style-module_LoyaltyPointsLinesModalContentItemFreeProduct__aAUrx button {\n display: flex;\n }\n}\n.style-module_LoyaltyPointsLinesModal__h1aD- .style-module_LoyaltyPointsLinesModalContentItemsFirst__Sj8rF {\n border-top-right-radius: 8px;\n border-top-left-radius: 8px;\n}\n.style-module_LoyaltyPointsLinesModal__h1aD- .style-module_LoyaltyPointsLinesModalContentItemsLast__gc8cc {\n border-bottom-right-radius: 8px;\n border-bottom-left-radius: 8px;\n border-bottom: 1px solid var(--checkout-border-color);\n}\n.style-module_LoyaltyPointsLinesModal__h1aD- .style-module_LoyaltyPointsLinesModalContentItemHeaderValueIcon__c4CR6 {\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n border: 1px solid var(--checkout-border-color);\n border-radius: 8px;\n}\n.style-module_LoyaltyPointsLinesModal__h1aD- .style-module_LoyaltyPointsLinesModalContentItemHeaderValueIconContainer__26F-5 {\n display: flex;\n align-items: center;\n gap: 12px;\n}\n.style-module_LoyaltyPointsLinesModal__h1aD- .style-module_LoyaltyPointsLinesModalContentItemHeaderValueTextMain__aft8A {\n display: flex;\n flex-direction: column;\n gap: 2px;\n}\n@media only screen and (max-width: 1000px) {\n .style-module_LoyaltyPointsLinesModal__h1aD- .style-module_LoyaltyPointsLinesModalContentItemHeaderValueTextMain__aft8A {\n width: 72%;\n }\n}\n.style-module_LoyaltyPointsLinesModal__h1aD- .style-module_LoyaltyPointsLinesModalContentItemHeaderValueTextMainTitle__TQC3n {\n font-size: 16px;\n font-weight: 500;\n line-height: 24px;\n color: var(--checkout-primary-text-color);\n}\n.style-module_LoyaltyPointsLinesModal__h1aD- .style-module_LoyaltyPointsLinesModalContentItemHeaderValueTextMainValue__TSz0- {\n font-size: 14px;\n font-weight: 400;\n line-height: 20px;\n color: var(--checkout-secondary-text-color);\n}\n.style-module_LoyaltyPointsLinesModal__h1aD- .style-module_LoyaltyPointsLinesModalContentItemButton__Xwvm7 {\n background-color: var(--checkout-button-bg-color);\n border-radius: 8px;\n padding: 8px 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 16px;\n font-weight: 500;\n line-height: 24px;\n cursor: pointer;\n color: var(--checkout-button-text-color);\n outline: none;\n border: none;\n min-width: 123px;\n transition: background-color 0.2s ease, color 0.2s ease, opacity 0.2s ease;\n}\n@media only screen and (max-width: 1000px) {\n .style-module_LoyaltyPointsLinesModal__h1aD- .style-module_LoyaltyPointsLinesModalContentItemButton__Xwvm7 {\n min-width: unset;\n }\n}\n.style-module_LoyaltyPointsLinesModal__h1aD- .style-module_LoyaltyPointsLinesModalContentItemButton__Xwvm7:disabled {\n background-color: #e3e8ef;\n color: var(--checkout-secondary-text-color);\n cursor: not-allowed;\n opacity: 0.8;\n}\n\n.style-module_LoyaltyPointsGiftModalOverlay__xeQyA {\n position: absolute;\n inset: 0;\n z-index: 10;\n display: flex;\n justify-content: flex-end;\n align-items: stretch;\n border-radius: 8px;\n}\n\n.style-module_LoyaltyPointsGiftModal__C7rhN {\n width: 100%;\n max-width: 100%;\n height: 100%;\n background-color: #fff;\n border-radius: 8px;\n display: flex;\n flex-direction: column;\n transform: translateX(0);\n animation: style-module_LoyaltyGiftSlideIn__sZfMa 0.18s ease-out forwards;\n}\n.style-module_LoyaltyPointsGiftModal__C7rhN.style-module_LoyaltyPointsGiftModalClosing__cEwwl {\n animation: style-module_LoyaltyGiftSlideOut__uTEqW 0.18s ease-in forwards;\n}\n\n@keyframes style-module_LoyaltyGiftSlideOut__uTEqW {\n from {\n transform: translateX(0);\n }\n to {\n transform: translateX(100%);\n }\n}\n@keyframes style-module_LoyaltyGiftSlideIn__sZfMa {\n from {\n transform: translateX(100%);\n }\n to {\n transform: translateX(0%);\n }\n}\n.style-module_LoyaltyPointsGiftModalHeader__54vAK {\n display: flex;\n align-items: flex-start;\n justify-content: space-between;\n gap: 12px;\n padding: 20px 24px;\n border-bottom: 1px solid var(--checkout-border-color);\n}\n\n.style-module_LoyaltyPointsGiftModalTitle__qnzx3 {\n font-size: 18px;\n font-weight: 600;\n line-height: 26px;\n color: var(--checkout-primary-text-color);\n}\n\n.style-module_LoyaltyPointsGiftModalDescription__80l9h {\n margin-top: 4px;\n font-size: 14px;\n line-height: 20px;\n color: var(--checkout-secondary-text-color);\n}\n\n.style-module_LoyaltyPointsGiftModalClose__bsSO2 {\n width: 28px;\n height: 28px;\n border-radius: 999px;\n border: none;\n background-color: transparent;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n color: var(--checkout-secondary-text-color);\n}\n.style-module_LoyaltyPointsGiftModalClose__bsSO2:hover {\n background-color: var(--checkout-secondary-bg-color);\n}\n\n.style-module_LoyaltyPointsGiftModalBody__aLoj3 {\n padding: 16px 24px 24px;\n overflow-y: auto;\n flex: 1;\n}\n\n.style-module_LoyaltyPointsLinesModalContentItemHeaderValueIconImage__BQic0 {\n width: 72px;\n height: 72px;\n border-radius: 8px;\n border: 1px solid var(--checkout-border-color);\n}\n@media only screen and (max-width: 1000px) {\n .style-module_LoyaltyPointsLinesModalContentItemHeaderValueIconImage__BQic0 {\n width: 42px;\n height: 42px;\n }\n}\n.style-module_LoyaltyPointsLinesModalContentItemHeaderValueIconImage__BQic0 img {\n width: 72px;\n height: 72px;\n object-fit: contain;\n}\n@media only screen and (max-width: 1000px) {\n .style-module_LoyaltyPointsLinesModalContentItemHeaderValueIconImage__BQic0 img {\n width: 42px;\n height: 42px;\n }\n}\n\n.style-module_LoyaltyPointsLinesModalContentItemPoint__xvR23 {\n border-radius: 12px;\n padding: 2px 8px;\n border: 1px solid var(--checkout-border-color);\n background-color: #f7f7f9;\n width: fit-content;\n font-size: 14px;\n font-weight: 400;\n line-height: 20px;\n}\n@media only screen and (max-width: 1000px) {\n .style-module_LoyaltyPointsLinesModalContentItemPoint__xvR23 {\n display: none;\n }\n}\n\n.style-module_LoyaltyPointsLinesModalContentItemPointMobile__AUrpP {\n border-radius: 12px;\n padding: 2px 8px;\n border: 1px solid var(--checkout-border-color);\n background-color: #f7f7f9;\n width: fit-content;\n font-size: 14px;\n font-weight: 400;\n line-height: 20px;\n display: none;\n}\n@media only screen and (max-width: 1000px) {\n .style-module_LoyaltyPointsLinesModalContentItemPointMobile__AUrpP {\n display: flex;\n }\n}\n\n.style-module_LoyaltyPointsLinesModalContentItemSlider__iWpgU {\n height: 152px;\n background-color: #f7f7f9;\n padding: 32px 48px;\n border-radius: 8px;\n align-items: center;\n justify-content: center;\n display: flex;\n flex-direction: column;\n}\n@media only screen and (max-width: 1000px) {\n .style-module_LoyaltyPointsLinesModalContentItemSlider__iWpgU {\n padding: 32px 16px;\n }\n}\n\n.style-module_LoyaltyPointsLinesModalSliderInfo__WiA8X {\n display: flex;\n gap: 12px;\n align-items: center;\n}\n.style-module_LoyaltyPointsLinesModalSliderInfo__WiA8X span {\n font-size: 20px;\n font-weight: 500;\n line-height: 32px;\n color: var(--checkout-primary-text-color);\n white-space: nowrap;\n}\n@media only screen and (max-width: 1000px) {\n .style-module_LoyaltyPointsLinesModalSliderInfo__WiA8X span {\n font-size: 18px !important;\n line-height: 30px !important;\n }\n}\n\n.style-module_LoyaltyPointsLinesModalSliderInfoSlider__tnBdu {\n position: relative;\n width: 100%;\n height: 24px;\n display: -webkit-box;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n -webkit-align-items: center;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n cursor: pointer;\n margin-top: 24px;\n}\n\n.style-module_LoyaltyPointsLinesModalSliderInfoSliderValue__oG1fM {\n position: absolute;\n left: 0;\n right: 0;\n height: 6px;\n border-radius: 3px;\n background-color: #e3e8ef;\n}\n\n.style-module_LoyaltyPointsLinesModalSliderInfoSliderValueText__fnKQh {\n position: absolute;\n left: 0;\n height: 6px;\n width: 0;\n border-radius: 3px;\n background: linear-gradient(90deg, #36398e 0%, #6d76cb 100%);\n}\n\n.style-module_LoyaltyPointsLinesModalSliderInfoSliderValueTextValue__lGm4z {\n position: absolute;\n left: 0;\n top: 50%;\n -webkit-transform: translate(-50%, -50%);\n -ms-transform: translate(-50%, -50%);\n transform: translate(-50%, -50%);\n width: 20px;\n height: 20px;\n border-radius: 50%;\n background: #ffffff;\n border: 2px solid #ffffff;\n box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1), 0 0.5px 4px rgba(0, 0, 0, 0.1);\n z-index: 2;\n pointer-events: none;\n}\n\n.style-module_LoyaltyPointsLinesModalSliderInput__sgZrN {\n position: absolute;\n width: 100%;\n height: 100%;\n opacity: 0;\n cursor: pointer;\n z-index: 3;\n margin: 0;\n}\n\n.style-module_LoyaltyPointsLinesModalSliderInfoValue__RuqZ6 {\n display: flex;\n border-radius: 8px;\n background-color: #fff;\n padding: 2px 8px;\n border: 0.6px solid #cfced3;\n gap: 8px;\n align-items: center;\n}\n.style-module_LoyaltyPointsLinesModalSliderInfoValue__RuqZ6 svg {\n width: 22px;\n height: 22px;\n}\n.style-module_LoyaltyPointsLinesModalSliderInfoValue__RuqZ6 svg path {\n stroke: var(--checkout-secondary-text-color);\n}\n.style-module_LoyaltyPointsLinesModalSliderInfoValue__RuqZ6 span {\n font-size: 20px;\n font-weight: 500;\n line-height: 32px;\n color: var(--checkout-primary-text-color);\n}\n\n.style-module_LoyaltyEarningMethod__UNcvo {\n margin-top: 2px;\n}\n.style-module_LoyaltyEarningMethod__UNcvo .style-module_LoyaltyEarningMethodTitle__d5p2X {\n font-size: 14px;\n font-weight: 400;\n line-height: 20px;\n color: var(--checkout-primary-text-color);\n display: flex;\n gap: 4px;\n align-items: center;\n}\n.style-module_LoyaltyEarningMethod__UNcvo .style-module_LoyaltyEarningMethodTitle__d5p2X span {\n font-size: 14px;\n font-weight: 500;\n line-height: 20px;\n color: var(--checkout-primary-text-color);\n}\n\n.style-module_LoyaltyPointsLineOneRow__YdQkF {\n border-radius: 8px;\n padding: 10px 12px;\n background-color: #fff;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n cursor: pointer;\n border: 1px solid var(--checkout-border-color);\n align-items: center;\n}\n.style-module_LoyaltyPointsLineOneRow__YdQkF svg path {\n stroke: var(--checkout-primary-text-color);\n}\n\n.style-module_LoyaltyPointsLineOneRowTitle__V04li {\n display: flex;\n gap: 8px;\n align-items: center;\n}\n\n.style-module_LoyaltyPointsLineOneRowTitleText__y3UOy {\n font-size: 16px;\n font-weight: 500;\n line-height: 24px;\n color: var(--checkout-primary-text-color);\n}\n\n.style-module_AppliedCouponLoyalty__p2Mi0 {\n border-radius: 8px;\n border: 1px solid var(--checkout-border-color);\n padding: 4px 8px;\n background-color: #fff;\n display: flex;\n align-items: center;\n gap: 6px;\n cursor: pointer;\n line-height: 20px;\n}\n.style-module_AppliedCouponLoyalty__p2Mi0 .style-module_CouponCode__UKPmf {\n font-size: 14px;\n font-weight: 500;\n line-height: 20px;\n color: var(--checkout-primary-text-color);\n}\n\n.style-module_LoyaltyPointsLineIcon__ECQ1W svg path {\n stroke: var(--checkout-secondary-text-color);\n}\n\n.style-module_ClearCouponLoyalty__vRYH4 {\n width: 20px;\n height: 20px;\n}\n\n.style-module_ClearCouponLoyalty__vRYH4 svg {\n width: 20px;\n height: 20px;\n}\n.style-module_ClearCouponLoyalty__vRYH4 svg path {\n color: var(--checkout-secondary-text-color);\n}\n\n.style-module_ValueLoyalty__jdjW9 {\n color: var(--checkout-error-color);\n font-size: 16px;\n font-weight: 400;\n line-height: 24px;\n}\n\n.style-module_LoyaltyPointSpending__qam9Z {\n font-size: 16px;\n font-weight: 400;\n line-height: 24px;\n color: var(--checkout-secondary-text-color);\n}\n\n.style-module_LoyaltyPointsLineContainer__85Cvs {\n display: flex;\n align-items: center;\n gap: 8px;\n}\n@media only screen and (max-width: 1000px) {\n .style-module_LoyaltyPointsLineContainer__85Cvs {\n flex-direction: column;\n gap: 2px;\n align-items: flex-start;\n }\n}\n\n@media only screen and (max-width: 1000px) {\n .style-module_LoyaltyPointsLinesModalContentItemButtonContainerMobile__iNiif {\n display: flex;\n justify-content: space-between;\n width: 100%;\n align-items: center;\n }\n}");export{n as default};

package/build/components/checkout/components/checkbox/index.d.ts CHANGED Viewed

@@ -5,6 +5,7 @@ declare type Props = {
     hasError?: boolean;
     removePadding?: boolean;
     onChange: (value: boolean) => void;
+    id?: string;
 };
 export declare const Checkbox: React.FC<Props>;
 export {};

package/build/components/checkout/components/checkbox/index.js CHANGED Viewed

	@@ -1 +1 @@
1	- import*as e from"react";import{observer as r}from"mobx-react-lite";import a from"./check.js";import o from"./style.module.scss.js";var c=r((function(r){var c=r.value,t=r.label,i=r.hasError,l=r.removePadding,n=r.onChange,m=[o.CheckboxBorder],s=[o.CheckboxLabel],h=[o.CheckboxTick];return c&&(m.push(o.Checked),h.push(o.Visible)),i&&s.push(o.CheckboxLabelError),e.createElement("div",{className:[o.CheckboxWrapper,l?o.WithoutPadding:""].join(" "),onClick:function(){n(!c)}},e.createElement("div",{className:o.CheckboxContainer},e.createElement("div",{className:m.join(" ")}),e.createElement("div",{className:h.join(" ")},e.createElement(a,null))),!!t&&e.createElement("div",{className:s.join(" ")},t))}));export{c as Checkbox};
1	+ import*as e from"react";import{observer as r}from"mobx-react-lite";import a from"./check.js";import o from"./style.module.scss.js";var c=r((function(r){var c=r.value,t=r.label,i=r.hasError,l=r.removePadding,n=r.onChange,m=r.id,s=[o.CheckboxBorder],d=[o.CheckboxLabel],h=[o.CheckboxTick];return c&&(s.push(o.Checked),h.push(o.Visible)),i&&d.push(o.CheckboxLabelError),e.createElement("div",{className:[o.CheckboxWrapper,l?o.WithoutPadding:""].join(" "),onClick:function(){n(!c)}},e.createElement("div",{className:o.CheckboxContainer},e.createElement("div",{className:s.join(" ")}),e.createElement("div",{className:h.join(" ")},e.createElement(a,null))),!!t&&e.createElement("div",{id:m,className:d.join(" ")},t))}));export{c as Checkbox};

package/build/components/checkout/components/credit-card-form/model.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{makeAutoObservable as e}from"mobx";var t=function(){function t(t){void 0===t&&(t={});var r=this;this.installmentCount=1,this.toInput=function(){var e=r.expirationDate.split(" / "),t=parseInt(e[0]),i=parseInt(e[1]);return{cardNumber:r.cardNumber.split(" ").join(""),cardHolderName:r.cardHolderName,cvv:r.cvv,expiredMonth:t,expiredYear:i,installmentCount:r.installmentCount,threeDSecure:r.threeDSecure}},this.cardNumber=t.cardNumber\|\|"",this.cardHolderName=t.cardHolderName\|\|"",this.expirationDate=t.expirationDate\|\|"",this.cvv=t.cvv\|\|"",this.installmentCount=t.installmentCount\|\|1,this.threeDSecure=t.threeDSecure\|\|!1,e(this)}return Object.defineProperty(t.prototype,"validationResult",{get:function(){return{cardNumber:!!this.cardNumber&&(19===this.cardNumber.length\|\|17===this.cardNumber.length),cardHolderName:!!this.cardHolderName,expirationDate:!!this.expirationDate&&7===this.expirationDate.length,cvv:!!this.cvv}},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"isValid",{get:function(){return Object.values(this.validationResult).every((function(e){return e}))},enumerable:!1,configurable:!0}),t}();export{t as default};
1	+ import{makeAutoObservable as e}from"mobx";var t,r=(t=[0,2,4,6,8,1,3,5,7,9],function(e){for(var r,a=e.replace(/\D/g,""),n=a.length,i=1,o=0;n;)r=parseInt(a.charAt(--n),10),o+=(i^=1)?t[r]:r;return!!o&&o%10==0});function a(e){var t=null==e?void 0:e.match(/^(\d{2})\s\/\s(\d{2})$/);if(!t)return!1;var r=parseInt(t[1],10),a=parseInt(t[2],10);if(r<1\|\|r>12)return!1;var n=2e3+a,i=new Date,o=i.getFullYear(),u=i.getMonth()+1;return n>o\|\|n===o&&r>=u}var n=function(){function t(t){void 0===t&&(t={});var r=this;this.installmentCount=1,this.toInput=function(){var e=r.expirationDate.split(" / "),t=parseInt(e[0]),a=parseInt(e[1]);return{cardNumber:r.cardNumber.split(" ").join(""),cardHolderName:r.cardHolderName,cvv:r.cvv,expiredMonth:t,expiredYear:a,installmentCount:r.installmentCount,threeDSecure:r.threeDSecure}},this.cardNumber=t.cardNumber\|\|"",this.cardHolderName=t.cardHolderName\|\|"",this.expirationDate=t.expirationDate\|\|"",this.cvv=t.cvv\|\|"",this.installmentCount=t.installmentCount\|\|1,this.threeDSecure=t.threeDSecure\|\|!1,e(this)}return Object.defineProperty(t.prototype,"validationResult",{get:function(){var e,t,n=null!==(t=null===(e=this.cardNumber)\|\|void 0===e?void 0:e.replace(/\D/g,""))&&void 0!==t?t:"";return{cardNumber:!!this.cardNumber&&(19===this.cardNumber.length\|\|17===this.cardNumber.length)&&r(n),cardHolderName:!!this.cardHolderName,expirationDate:!!this.expirationDate&&7===this.expirationDate.length&&a(this.expirationDate),cvv:!!this.cvv}},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"isValid",{get:function(){return Object.values(this.validationResult).every((function(e){return e}))},enumerable:!1,configurable:!0}),t}();export{n as default};

package/build/components/checkout/components/customer-addresses/index.d.ts CHANGED Viewed

@@ -2,6 +2,7 @@ import * as React from "react";
 import CustomerAddressesViewModel from "./model";
 declare type Props = {
     vm: CustomerAddressesViewModel;
+    showBillingAddressOnShippingStep?: boolean;
 };
 declare const _default: React.FunctionComponent<Props>;
 export default _default;

package/build/components/checkout/components/customer-addresses/index.js CHANGED Viewed

	@@ -1 +1 @@
1	- import*as e from"react";import{observer as t}from"mobx-react-lite";import s from"../../style.module.scss.js";import r from"../select-box/index.js";import{AddressForm as d}from"../address-form/index.js";import{Checkbox as i}from"../checkbox/index.js";import{FormItem as a}from"../form-item/index.js";import{FormItemType as o}from"../form-item/model.js";import n from"./style.module.scss.js";import l from"../../styles/common.module.scss.js";import{Button as c}from"../button/index.js";import{IkasStorefrontConfig as m}from"@ikas/storefront-config";import{useTranslation as u}from"../../../../utils/i18n.js";import v from"../delivery-methods/index.js";import{CheckoutStep as p}from"../../model.js";var h=t((function(t){var d,i=t.vm,a=u().t,o=e.useMemo((function(){return e.createElement("div",null,e.createElement(g,{vm:i}),e.createElement(k,{vm:i}))}),[i]),h=e.useMemo((function(){return e.createElement("div",null,e.createElement(E,{vm:i}))}),[i]),C=e.useState("-1"),f=C[0],A=C[1];e.useEffect((function(){i.vm.checkout.stockLocationId&&A(i.vm.checkout.stockLocationId)}),[]);var y=function(e){if(!e.address)return"";var t=[];return e.address.address&&t.push(e.address.address),e.address.postalCode&&t.push(e.address.postalCode),e.address.district&&e.address.district.name&&t.push(e.address.district.name),e.address.city&&e.address.city.name&&t.push(e.address.city.name),e.address.state&&e.address.state.name&&"Default"!==e.address.state.name&&t.push(e.address.state.name),e.address.country&&e.address.country.name&&t.push(e.address.country.name),t.join(", ")};return e.createElement(e.Fragment,null,!!m.getPickupStockLocationIds()&&!i.vm.isDigitalOnly&&i.vm.availableStockLocations.length>0&&i.vm.step!==p.PAYMENT&&e.createElement(e.Fragment,null,e.createElement("div",{className:l.FormSectionTitle},e.createElement("div",{className:l.Title},a("checkout-page:deliveryMethod"))),e.createElement(v,{deliveryMethod:i.vm.deliveryMethod,onClick:function(e){"address"===e&&A("-1"),i.vm.onDeliveryMethodChange(e)}})),e.createElement("div",{className:l.FormSectionTitle},"address"===i.vm.deliveryMethod?e.createElement("div",{className:l.Title},i.editingCustomerAddress?a("checkout-page:editAddress"):"billing"===i.addressType?a("checkout-page:billingAddress"):a("checkout-page:shippingAddress")):i.vm.step===p.PAYMENT?e.createElement("div",{className:l.Title},a("checkout-page:billingAddress")):e.createElement("div",{className:l.Title},a("checkout-page:pickUpLocation"),e.createElement("span",{className:n.ErrorMessage},i.vm.isErrorsVisible&&!i.vm.checkout.stockLocationId&&a("checkout-page:errorPickupLocationRequired"))),!!i.editingCustomerAddress&&e.createElement("div",{className:n.CancelEdit,onClick:i.onCancelEditAddressClick},a("checkout-page:actions.cancel"))),!!i.vm.store.customerStore.customer&&!i.editingCustomerAddress&&("address"===i.vm.deliveryMethod\|\|i.vm.step===p.PAYMENT&&"in-store"===i.vm.deliveryMethod)&&e.createElement("div",{className:s.RowPB},null===(d=i.vm.customerAddresses)\|\|void 0===d?void 0:d.map((function(t){return e.createElement(r,{key:t.id,label:t.title\|\|"",isSelected:t.id===i.selectedAddressId,rightContent:e.createElement("div",{onClick:function(){return i.onEditAddressClick(t)}},a("checkout-page:actions.edit")),bottomContent:e.createElement("div",{className:n.AddressContent},e.createElement("div",{className:n.AddressText},t.firstName," ",t.lastName),e.createElement("div",{className:n.AddressText},t.addressText)),bottomContentVisible:!0,hasError:!t.isValidAddress,errorText:a("checkout-page:missingAddressFields"),onClick:function(){return t.id!==i.selectedAddressId&&i.onAddressSelect(t)}})})),e.createElement(r,{label:a("checkout-page:newAddress"),isSelected:"-1"===i.selectedAddressId,bottomContent:o,onClick:function(){return"-1"!==i.selectedAddressId&&i.onAddressSelect()}})),i.vm.store.customerStore.customer\|\|i.vm.step!==p.INFO\|\|"address"!==i.vm.deliveryMethod?i.vm.step===p.PAYMENT&&!i.vm.store.customerStore.customer&&o:o,"in-store"===i.vm.deliveryMethod&&e.createElement("div",{className:s.RowPB},i.vm.stockLocations.map((function(t){return function(e){return e.address&&e.address.address&&e.address.city&&e.address.country&&i.vm.availableStockLocations.find((function(t){return t.id===e.id}))}(t)&&e.createElement(r,{key:t.id,label:t.name\|\|"",isSelected:f===t.id,bottomContent:e.createElement("div",null,e.createElement("div",{className:n.AddressText},y(t)),t.deliveryTime&&e.createElement("div",{className:n.DeliveryTime},a("checkout-page:stockLocation.deliveryTime.".concat(t.deliveryTime)))),bottomContentVisible:!0,onClick:function(){i.vm.onStockLocationChange(t),A(t.id)}})}))),"in-store"===i.vm.deliveryMethod&&i.vm.step!==p.PAYMENT&&e.createElement(e.Fragment,null,e.createElement("div",{className:l.FormSectionTitle},e.createElement("div",{className:l.Title},a("checkout-page:recipientsInfo"))),h),!!i.editingCustomerAddress&&e.createElement(g,{vm:i}),!!i.editingCustomerAddress&&e.createElement("div",{className:n.EditAddressActions},e.createElement(c,{style:{width:"100%"},text:a("checkout-page:deleteAddress"),isLine:!0,isLoading:i.isDeleteAddressLoading,isDisabled:i.isEditAddressLoading,onClick:i.onDeleteAddressClick}),e.createElement(c,{style:{width:"100%",marginTop:i.vm.store.customerStore.customer?"0px":"32px"},text:a("checkout-page:actions.save"),isLoading:i.isEditAddressLoading,isDisabled:i.isDeleteAddressLoading,onClick:i.onSaveAddressClick})))})),g=t((function(t){var s,r=t.vm,i=(!!(null===(s=r.vm.checkout.customer)\|\|void 0===s?void 0:s.isGuestCheckout)\|\|!!r.vm.store.customerStore.customer)&&r.vm.isCorporateInvoiceVisible&&!!r.vm.checkoutSettings.showCompanyInfoInShippingAddress;return e.createElement(d,{address:r.editingCustomerAddress\|\|r.address,isErrorsVisible:~~r.isEditAddressErrorsVisible\|\|r.vm.isErrorsVisible~~,allowedCountryIds:r.vm.shippingCountryIds\|\|void 0,allowCorporateInfo:"billing"===r.addressType~~?!i~~:i,firstNameChangeCallback:r.firstNameChangeCallback,lastNameChangeCallback:r.lastNameChangeCallback,allowTitleChange:!!r.editingCustomerAddress,deliveryMethod:"address"})})),E=t((function(t){var s=t.vm;return e.createElement(d,{address:s.editingCustomerAddress\|\|s.address,isErrorsVisible:s.isEditAddressErrorsVisible\|\|s.vm.isErrorsVisible,firstNameChangeCallback:s.firstNameChangeCallback,lastNameChangeCallback:s.lastNameChangeCallback,deliveryMethod:"in-store"})})),k=t((function(t){var s=t.vm,r=u().t;return s.vm.store.customerStore.customer&&"-1"===s.selectedAddressId?e.createElement("div",{style:{marginTop:"12px"}},e.createElement(i,{value:s.vm.shouldSaveAddress,label:r("checkout-page:saveAddressCta"),onChange:s.vm.setShouldSaveAddress}),s.vm.shouldSaveAddress&&e.createElement("div",{style:{marginTop:"8px"}},e.createElement(a,{type:o.TEXT,label:r("checkout-page:addressTitle"),value:s.vm.addressTitle,onChange:s.vm.setAddressTitle}))):null}));export{g as CustomerAddressForm,E as RecipientForm,k as SaveAddressCheckboxAndTitle,h as default};
1	+ import*as e from"react";import{observer as t}from"mobx-react-lite";import s from"../../style.module.scss.js";import r from"../select-box/index.js";import{AddressForm as d}from"../address-form/index.js";import{Checkbox as i}from"../checkbox/index.js";import{FormItem as o}from"../form-item/index.js";import{FormItemType as a}from"../form-item/model.js";import n from"./style.module.scss.js";import l from"../../styles/common.module.scss.js";import{Button as c}from"../button/index.js";import{IkasStorefrontConfig as m}from"@ikas/storefront-config";import{useTranslation as u}from"../../../../utils/i18n.js";import v from"../delivery-methods/index.js";import{CheckoutStep as p}from"../../model.js";var h=t((function(t){var d,i=t.vm,o=t.showBillingAddressOnShippingStep,a=u().t,h=e.useMemo((function(){return e.createElement("div",null,e.createElement(g,{vm:i}),e.createElement(k,{vm:i}))}),[i]),C=e.useMemo((function(){return e.createElement("div",null,e.createElement(E,{vm:i}))}),[i]),f=e.useState("-1"),A=f[0],y=f[1];e.useEffect((function(){i.vm.checkout.stockLocationId&&y(i.vm.checkout.stockLocationId)}),[]);var b=function(e){if(!e.address)return"";var t=[];return e.address.address&&t.push(e.address.address),e.address.postalCode&&t.push(e.address.postalCode),e.address.district&&e.address.district.name&&t.push(e.address.district.name),e.address.city&&e.address.city.name&&t.push(e.address.city.name),e.address.state&&e.address.state.name&&"Default"!==e.address.state.name&&t.push(e.address.state.name),e.address.country&&e.address.country.name&&t.push(e.address.country.name),t.join(", ")};return e.createElement(e.Fragment,null,!!m.getPickupStockLocationIds()&&!i.vm.isDigitalOnly&&i.vm.availableStockLocations.length>0&&i.vm.step!==p.PAYMENT&&!o&&e.createElement(e.Fragment,null,e.createElement("div",{className:l.FormSectionTitle},e.createElement("div",{className:l.Title},a("checkout-page:deliveryMethod"))),e.createElement(v,{deliveryMethod:i.vm.deliveryMethod,onClick:function(e){"address"===e&&y("-1"),i.vm.onDeliveryMethodChange(e)}})),e.createElement("div",{className:l.FormSectionTitle},"address"===i.vm.deliveryMethod?e.createElement("div",{className:l.Title},i.editingCustomerAddress?a("checkout-page:editAddress"):"billing"===i.addressType?a("checkout-page:billingAddress"):a("checkout-page:shippingAddress")):i.vm.step===p.PAYMENT\|\|o?e.createElement("div",{className:l.Title},a("checkout-page:billingAddress")):e.createElement("div",{className:l.Title},a("checkout-page:pickUpLocation"),e.createElement("span",{className:n.ErrorMessage},i.vm.isErrorsVisible&&!i.vm.checkout.stockLocationId&&a("checkout-page:errorPickupLocationRequired"))),!!i.editingCustomerAddress&&e.createElement("div",{className:n.CancelEdit,onClick:i.onCancelEditAddressClick},a("checkout-page:actions.cancel"))),!!i.vm.store.customerStore.customer&&!i.editingCustomerAddress&&("address"===i.vm.deliveryMethod\|\|i.vm.step===p.PAYMENT&&"in-store"===i.vm.deliveryMethod\|\|o)&&e.createElement("div",{className:s.RowPB},null===(d=i.vm.customerAddresses)\|\|void 0===d?void 0:d.map((function(t){return e.createElement(r,{key:t.id,label:t.title\|\|"",isSelected:t.id===i.selectedAddressId,rightContent:e.createElement("div",{onClick:function(){return i.onEditAddressClick(t)}},a("checkout-page:actions.edit")),bottomContent:e.createElement("div",{className:n.AddressContent},e.createElement("div",{className:n.AddressText},t.firstName," ",t.lastName),e.createElement("div",{className:n.AddressText},t.addressText)),bottomContentVisible:!0,hasError:!t.isValidAddress,errorText:a("checkout-page:missingAddressFields"),onClick:function(){return t.id!==i.selectedAddressId&&i.onAddressSelect(t)}})})),e.createElement(r,{label:a("checkout-page:newAddress"),isSelected:"-1"===i.selectedAddressId,bottomContent:h,onClick:function(){return"-1"!==i.selectedAddressId&&i.onAddressSelect()}})),i.vm.store.customerStore.customer\|\|i.vm.step!==p.INFO\|\|"address"!==i.vm.deliveryMethod?(o&&!i.vm.store.customerStore.customer\|\|i.vm.step===p.PAYMENT&&!i.vm.store.customerStore.customer)&&h:h,"in-store"===i.vm.deliveryMethod&&!o&&e.createElement("div",{className:s.RowPB},i.vm.stockLocations.map((function(t){return function(e){return e.address&&e.address.address&&e.address.city&&e.address.country&&i.vm.availableStockLocations.find((function(t){return t.id===e.id}))}(t)&&e.createElement(r,{key:t.id,label:t.name\|\|"",isSelected:A===t.id,bottomContent:e.createElement("div",null,e.createElement("div",{className:n.AddressText},b(t)),t.deliveryTime&&e.createElement("div",{className:n.DeliveryTime},a("checkout-page:stockLocation.deliveryTime.".concat(t.deliveryTime)))),bottomContentVisible:!0,onClick:function(){i.vm.onStockLocationChange(t),y(t.id)}})}))),"in-store"===i.vm.deliveryMethod&&i.vm.step!==p.PAYMENT&&!o&&e.createElement(e.Fragment,null,e.createElement("div",{className:l.FormSectionTitle},e.createElement("div",{className:l.Title},a("checkout-page:recipientsInfo"))),C),!!i.editingCustomerAddress&&e.createElement(g,{vm:i}),!!i.editingCustomerAddress&&e.createElement("div",{className:n.EditAddressActions},e.createElement(c,{style:{width:"100%"},text:a("checkout-page:deleteAddress"),isLine:!0,isLoading:i.isDeleteAddressLoading,isDisabled:i.isEditAddressLoading,onClick:i.onDeleteAddressClick}),e.createElement(c,{style:{width:"100%",marginTop:i.vm.store.customerStore.customer?"0px":"32px"},text:a("checkout-page:actions.save"),isLoading:i.isEditAddressLoading,isDisabled:i.isDeleteAddressLoading,onClick:i.onSaveAddressClick})))})),g=t((function(t){var s,r=t.vm,i=e.useRef(null),o=r.isEditAddressErrorsVisible\|\|r.vm.isErrorsVisible;e.useEffect((function(){o&&i.current&&i.current.scrollIntoView({behavior:"smooth",block:"center"})}),[o]);var a=(!!(null===(s=r.vm.checkout.customer)\|\|void 0===s?void 0:s.isGuestCheckout)\|\|!!r.vm.store.customerStore.customer)&&r.vm.isCorporateInvoiceVisible&&!!r.vm.checkoutSettings.showCompanyInfoInShippingAddress;return e.createElement("div",{ref:i},e.createElement(d,{address:r.editingCustomerAddress\|\|r.address,isErrorsVisible:o,allowedCountryIds:r.vm.shippingCountryIds\|\|void 0,allowCorporateInfo:"billing"===r.addressType?"in-store"===r.vm.deliveryMethod\|\|(r.vm.isDigitalOnly?a:!a):a,firstNameChangeCallback:r.firstNameChangeCallback,lastNameChangeCallback:r.lastNameChangeCallback,allowTitleChange:!!r.editingCustomerAddress,deliveryMethod:"address",isShippingAddress:"shipping"===r.addressType}))})),E=t((function(t){var s=t.vm;return e.createElement(d,{address:s.editingCustomerAddress\|\|s.address,isErrorsVisible:s.isEditAddressErrorsVisible\|\|s.vm.isErrorsVisible,firstNameChangeCallback:s.firstNameChangeCallback,lastNameChangeCallback:s.lastNameChangeCallback,deliveryMethod:"in-store"})})),k=t((function(t){var s=t.vm,r=u().t;return s.vm.store.customerStore.customer&&"-1"===s.selectedAddressId?e.createElement("div",{style:{marginTop:"12px"}},e.createElement(i,{value:s.vm.shouldSaveAddress,label:r("checkout-page:saveAddressCta"),onChange:s.vm.setShouldSaveAddress}),s.vm.shouldSaveAddress&&e.createElement("div",{style:{marginTop:"8px"}},e.createElement(o,{name:"addressTitle",type:a.TEXT,label:r("checkout-page:addressTitle"),value:s.vm.addressTitle,onChange:s.vm.setAddressTitle}))):null}));export{g as CustomerAddressForm,E as RecipientForm,k as SaveAddressCheckboxAndTitle,h as default};

package/build/components/checkout/components/error/stock-error/index.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{__awaiter as e,__generator as t}from'./../../../../../ext/tslib/tslib.es6.js';import*as r from"react";import{observer as o}from"mobx-react-lite";import i from"../../notification-box/index.js";import{CartItem as n}from"../../cart-summary/cart-item/index.js";import c from"./style.module.scss.js";import{Button as a}from"../../button/index.js";import"@ikas/storefront-config";import{useTranslation as s}from"../../../../../utils/i18n.js";var m=o((function(o){var m=o.vm,l=o.error,u=s().t,d=r.useState(!1),p=d[0],f=d[1],v=l.data,k=r.useCallback((function(){return e(void 0,void 0,void 0,(function(){return t(this,(function(e){switch(e.label){case 0:return f(!0),[4,m.removeUnavailableItems(v)];case 1:return e.sent(),window.location.reload(),[2]}}))}))}),[m]);return r.createElement(i,{type:"warning",title:u("checkout-page:errorStockTitle"),content:r.createElement("div",null,r.createElement("div",{className:c.Description},u("checkout-page:errorStockDescription")),v.map((function(e,t){var o;return r.createElement("div",{key:t},r.createElement(n,{vm:m,cartItem:e.item,currencyCode:(null===(o=m.checkout)\|\|void 0===o?void 0:o.currencyCode)\|\|"",stockErrorItem:e}))})),r.createElement("div",{className:c.Actions},r.createElement(a,{style:{width:"100%"},text:u("checkout-page:actions.backToCart"),isLine:!0,isDisabled:p~~,onClick:m.onGoToCartClick~~}),r.createElement(a,{style:{width:"100%"},text:u("checkout-page:actions.updateCart"),isLoading:p,onClick:k})))})}));export{m as StockError};
1	+ import{__awaiter as e,__generator as t}from'./../../../../../ext/tslib/tslib.es6.js';import*as r from"react";import{observer as o}from"mobx-react-lite";import i from"../../notification-box/index.js";import{CartItem as n}from"../../cart-summary/cart-item/index.js";import c from"./style.module.scss.js";import{Button as a}from"../../button/index.js";import"@ikas/storefront-config";import{useTranslation as s}from"../../../../../utils/i18n.js";var m=o((function(o){var m=o.vm,l=o.error,u=s().t,d=r.useState(!1),p=d[0],f=d[1],v=l.data,k=r.useCallback((function(){return e(void 0,void 0,void 0,(function(){return t(this,(function(e){switch(e.label){case 0:return f(!0),[4,m.removeUnavailableItems(v)];case 1:return e.sent(),window.location.reload(),[2]}}))}))}),[m]);return r.createElement(i,{type:"warning",title:u("checkout-page:errorStockTitle"),content:r.createElement("div",null,r.createElement("div",{className:c.Description},u("checkout-page:errorStockDescription")),v.map((function(e,t){var o;return r.createElement("div",{key:t},r.createElement(n,{vm:m,cartItem:e.item,currencyCode:(null===(o=m.checkout)\|\|void 0===o?void 0:o.currencyCode)\|\|"",stockErrorItem:e}))})),r.createElement("div",{className:c.Actions},r.createElement(a,{href:m.getGoToCartHref(),style:{width:"100%"},text:u("checkout-page:actions.backToCart"),isLine:!0,isDisabled:p}),r.createElement(a,{style:{width:"100%"},text:u("checkout-page:actions.updateCart"),isLoading:p,onClick:k})))})}));export{m as StockError};

package/build/components/checkout/components/form-item/index.js CHANGED Viewed

	@@ -1 +1 @@
1	- import*as e from"react";import{runInAction as t}from"mobx";import{observer as n}from"mobx-react-lite";import o,{FormItemType as r}from"./model.js";import a from"./caret-down.js";import l from"./style.module.scss.js";import"@ikas/storefront-config";import{useTranslation as u}from"../../../../utils/i18n.js";import i from"react-tooltip";import{PhoneNumberInput as c}from"../phone-number-input/index.js";var s=n((function(n){var a=u().t,s=e.useState((function(){return new o(n)})),p=s[0]~~,E=~~s[1];~~return~~ e.useEffect((function(){i.rebuild()}),[]),e.useEffect((function(){t((function(){p.type=n.type}))}),[n.type]),e.useEffect((function(){t((function(){p.inputType=n.inputType}))}),[n.inputType]),e.useEffect((function(){t((function(){p.inputMode=n.inputMode}))}),[n.inputMode]),e.useEffect((function(){t((function(){p.value=n.value}))}),[n.value]),e.useEffect((function(){t((function(){p.options=n.options}))}),[n.options]),e.useEffect((function(){t((function(){p.label=n.label}))}),[n.label]),e.useEffect((function(){t((function(){p.hasError=n.hasError}))}),[n.hasError]),e.useEffect((function(){t((function(){p.errorText=n.errorText}))}),[n.errorText]),e.useEffect((function(){t((function(){p.~~errorText~~=n.~~errorText~~}))}),[n.~~errorText~~]),e.useEffect((function(){t((function(){p.~~textAreaPlaceholder~~=n.~~textAreaPlaceholder~~}))}),[n.~~textAreaPlaceholder~~]),e.useEffect((function(){t((function(){p.~~rightContent~~=n.~~rightContent~~}))}),[n.~~rightContent~~]),e.useEffect((function(){t((function(){p.disableResize=n.disableResize}))}),[n.disableResize]),e.useEffect((function(){t((function(){~~E(new o(~~n))}))}),[n.onChange]),e.useEffect((function(){!p.country&&n.currentCountryCode&&p.onCountryChange(n.currentCountryCode)}),[n.currentCountryCode]),e.createElement("div",{className:p.formItemStyle,style:n.style},e.createElement("div",{className:l.FormItemWrapper},e.createElement("div",{className:l.FormItemInputWrapper},e.createElement("label",{className:p.labelStyle},p.label),p.type===r.TEXT&&e.createElement(m,{vm:p,type:p.inputType,disabled:p.disabled,required:n.required,pattern:n.pattern,autocomplete:n.autocomplete,name:n.name,placeholder:n.placeholder}),p.type===r.TEL&&e.createElement(c,{key:n.currentCountryCode\|\|"1",disabled:p.disabled,defaultCountry:n.currentCountryCode,placeholder:a("checkout-page:enterPhoneNumber"),value:p.value?p.value:"",onChange:p.onPhoneChange}),p.type===r.TEXT_AREA&&e.createElement(f,{vm:p}),p.type===r.SELECT&&e.createElement(d,{vm:p,autocomplete:n.autocomplete})),!!p.hasError&&e.createElement("div",{className:l.ErrorMsg},p.errorText\|\|""),!!n.tooltipText&&e.createElement("div",{className:l.FormItemTooltipContainer,"data-tip":n.tooltipText,"data-event":"touchstart focus mouseover","data-event-off":"mouseout"},"?"),!!p.rightContent&&e.createElement("div",{className:l.RightContent},p.rightContent)))})),m=n((function(t){var n=t.vm,o=t.name,r=t.autocomplete,a=t.type,l=t.pattern,u=t.required,i=t.disabled,c=t.placeholder;return e.createElement("input",{required:u,type:a\|\|"text",name:o,pattern:l,disabled:i,autoComplete:r,inputMode:n.inputMode\|\|"text",className:n.inputStyle,value:n.value,~~onChange~~:n.onValueChange,placeholder:n.~~isFocused~~?c:~~void 0~~,~~onFocus~~:~~n.handleOnFocus~~,~~onBlur~~:~~n.handleOnBlur~~})})),f=n((function(t){var n,o=t.vm;return e.createElement(e.Fragment,null,e.createElement("textarea",{style:{resize:o.disableResize?"none":"initial"},value:o.value,disabled:o.disabled,~~onChange~~:o.onTextAreaValueChange,placeholder:o.textAreaPlaceholder\|\|"",maxLength:o.maxLength}),o.maxLength&&e.createElement("div",{className:l.TextareaInfo},(null===(n=o.value)\|\|void 0===n?void 0:n.length)\|\|0," / ",o.maxLength))})),d=n((function(t){var n,o=t.vm,r=t.autocomplete;return e.createElement(e.Fragment,null,e.createElement("select",{className:o.inputStyle,disabled:o.disabled,autoComplete:r,onChange:o.onSelectChange},!o.value&&e.createElement("option",{~~selected:!0~~,disabled:!0,key:-1}),null===(n=o.options)\|\|void 0===n?void 0:n.map((function(t,n){return e.createElement("option",{key:n+t.value,value:t.label~~,selected:o.value===t.value~~},t.label)}))),e.createElement("div",{className:l.ArrowContainer},e.createElement(a,null)))}));export{s as FormItem};
1	+ import*as e from"react";import{runInAction as t}from"mobx";import{observer as n}from"mobx-react-lite";import a,{FormItemType as o}from"./model.js";import l from"./caret-down.js";import r from"./style.module.scss.js";import"@ikas/storefront-config";import{useTranslation as i}from"../../../../utils/i18n.js";import u from"react-tooltip";import{PhoneNumberInput as c}from"../phone-number-input/index.js";var s=n((function(n){var l=i().t,s=e.useState((function(){return new a(n)})),p=s[0];s[1];var E=e.useRef(null),v=e.useRef(null),y=e.useRef(null);e.useEffect((function(){u.rebuild()}),[]),e.useEffect((function(){t((function(){p.type=n.type}))}),[n.type]),e.useEffect((function(){t((function(){p.inputType=n.inputType}))}),[n.inputType]),e.useEffect((function(){t((function(){p.inputMode=n.inputMode}))}),[n.inputMode]),e.useEffect((function(){t((function(){p.value=n.value}))}),[n.value]),e.useEffect((function(){t((function(){p.options=n.options}))}),[n.options]),e.useEffect((function(){t((function(){p.label=n.label}))}),[n.label]),e.useEffect((function(){t((function(){p.hasError=n.hasError}))}),[n.hasError]),e.useEffect((function(){t((function(){p.errorText=n.errorText}))}),[n.errorText]),e.useEffect((function(){t((function(){p.textAreaPlaceholder=n.textAreaPlaceholder}))}),[n.textAreaPlaceholder]),e.useEffect((function(){t((function(){p.rightContent=n.rightContent}))}),[n.rightContent]),e.useEffect((function(){t((function(){p.disabled=n.disabled\|\|!1}))}),[n.disabled]),e.useEffect((function(){t((function(){p.isLoading=n.isLoading\|\|!1}))}),[n.isLoading]),e.useEffect((function(){t((function(){p.disableResize=n.disableResize}))}),[n.disableResize]),e.useEffect((function(){t((function(){p.onChange=n.onChange}))}),[n.onChange]),e.useEffect((function(){!p.country&&n.currentCountryCode&&p.onCountryChange(n.currentCountryCode)}),[n.currentCountryCode]);var h=p.type===o.TEXT\|\|p.type===o.TEXT_AREA\|\|p.type===o.TEL;return e.createElement("div",{className:p.formItemStyle,style:n.style},e.createElement("div",{className:r.FormItemWrapper},e.createElement("div",{className:r.FormItemInputWrapper,onClick:h?function(e){var t,n,a;"SELECT"!==e.target.tagName&&(p.type===o.TEXT?null===(t=E.current)\|\|void 0===t\|\|t.focus():p.type===o.TEXT_AREA?null===(n=v.current)\|\|void 0===n\|\|n.focus():p.type===o.TEL&&(null===(a=y.current)\|\|void 0===a\|\|a.focus()))}:void 0,style:h?void 0:{cursor:"default"}},e.createElement("label",{className:p.labelStyle,id:n.name+"-label",htmlFor:n.name},p.label),p.type===o.TEXT&&e.createElement(m,{ref:E,vm:p,type:p.inputType,disabled:p.disabled,required:n.required,pattern:n.pattern,autocomplete:n.autocomplete,name:n.name,placeholder:n.placeholder,autocapitalize:n.autocapitalize,autocorrect:n.autocorrect,spellcheck:n.spellcheck,ariaLabelledBy:n.name+"-label"}),p.type===o.TEL&&e.createElement(c,{ref:y,key:n.currentCountryCode\|\|"1",disabled:p.disabled,defaultCountry:n.currentCountryCode,placeholder:l("checkout-page:enterPhoneNumber"),value:p.value?p.value:"",onChange:p.onPhoneChange}),p.type===o.TEXT_AREA&&e.createElement(d,{ref:v,vm:p,name:n.name}),p.type===o.SELECT&&e.createElement(f,{ariaLabelledBy:n.name+"-label",vm:p,autocomplete:n.autocomplete,name:n.name})),!!p.hasError&&e.createElement("div",{className:r.ErrorMsg},p.errorText\|\|""),!!n.tooltipText&&e.createElement("div",{className:r.FormItemTooltipContainer,"data-tip":n.tooltipText,"data-event":"touchstart focus mouseover","data-event-off":"mouseout"},"?"),!!p.rightContent&&e.createElement("div",{className:r.RightContent},p.rightContent)))})),m=n(e.forwardRef((function(t,n){var a=t.vm,o=t.name,l=t.autocomplete,r=t.type,i=t.pattern,u=t.required,c=t.disabled,s=t.placeholder,m=t.autocapitalize,d=t.autocorrect,f=t.spellcheck,p=t.ariaLabelledBy;return e.createElement("input",{ref:n,id:o,required:u,type:r\|\|"text",name:o,pattern:i,disabled:c,autoComplete:l,inputMode:a.inputMode\|\|"text",className:a.inputStyle,value:a.value\|\|"",onInput:a.onValueChange,placeholder:a.value?"":s,autoCapitalize:m,autoCorrect:d,spellCheck:f,"aria-labelledby":p})}))),d=n(e.forwardRef((function(t,n){var a,o=t.vm,l=t.name;return e.createElement(e.Fragment,null,e.createElement("textarea",{ref:n,style:{resize:o.disableResize?"none":"initial"},name:l,value:o.value\|\|"",disabled:o.disabled,onInput:o.onTextAreaValueChange,placeholder:o.value?"":o.textAreaPlaceholder\|\|"",maxLength:o.maxLength}),o.maxLength&&e.createElement("div",{className:r.TextareaInfo},(null===(a=o.value)\|\|void 0===a?void 0:a.length)\|\|0," / ",o.maxLength))}))),f=n((function(t){var n,a,o=t.vm,i=t.autocomplete,u=t.name,c=t.ariaLabelledBy,s=null===(n=o.options)\|\|void 0===n?void 0:n.find((function(e){return e.value===o.value}));return e.createElement(e.Fragment,null,e.createElement("select",{id:u,"aria-labelledby":c,name:u,className:o.inputStyle,disabled:o.isLoading\|\|o.disabled,autoComplete:i,value:(null==s?void 0:s.label)\|\|"",onChange:o.onSelectChange},!o.value&&e.createElement("option",{value:"",disabled:!0,key:-1}),null===(a=o.options)\|\|void 0===a?void 0:a.map((function(t,n){return e.createElement("option",{key:n+t.value,value:t.label},t.label)}))),e.createElement("div",{className:r.ArrowContainer},!o.isLoading&&e.createElement(l,null),o.isLoading&&e.createElement("div",{className:r.Loader})))}));export{s as FormItem};

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

@@ -16,7 +16,7 @@ export default class FormItemViewModel implements Props {
     rightContent?: React.ReactElement | null;
     disableResize?: boolean;
     disabled: boolean;
-    isFocused: boolean;
+    isLoading: boolean;
     onChange: (value: string) => void;
     constructor(props: Props);
     get formItemStyle(): string;
@@ -27,8 +27,6 @@ export default class FormItemViewModel implements Props {
     onSelectChange: (e: React.ChangeEvent<HTMLSelectElement>) => void;
     onPhoneChange: (value: string) => void;
     onCountryChange: (value: string | undefined) => void;
-    handleOnFocus: () => void;
-    handleOnBlur: () => void;
 }
 export interface Props {
     type: FormItemType;
@@ -53,7 +51,11 @@ export interface Props {
     rightContent?: React.ReactElement | null;
     disableResize?: boolean;
     disabled?: boolean;
+    isLoading?: boolean;
     onChange: (value: string) => void;
+    autocapitalize?: "on" | "off" | "none" | "sentences" | "words" | "characters";
+    autocorrect?: "on" | "off";
+    spellcheck?: "true" | "false";
 }
 export declare enum FormItemType {
     TEXT = 0,

package/build/components/checkout/components/form-item/model.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{makeAutoObservable as e}from"mobx";import t from"./style.module.scss.js";var i,n,o,s=function(){function n(t){var i=this;this.country=null,this.textAreaPlaceholder=null,this.onValueChange=function(e){i.disabled\|\|i.onChange(e.target.value)},this.onTextAreaValueChange=function(e){i.disabled\|\|i.onChange(e.target.value)},this.onSelectChange=function(e){var t;if(!i.disabled){var n=null===(t=i.options)\|\|void 0===t?void 0:t.find((function(t){return t.label===e.target.value}));n&&i.onChange(n.value)}},this.onPhoneChange=function(e){i.disabled\|\|i.onChange(e)},this.onCountryChange=function(e){i.disabled\|\|(i.country=e)},this.~~handleOnFocus=function(){i.isFocused=!0},this.handleOnBlur=function(){i.isFocused=!1},this.~~type=t.type,this.inputType=t.inputType,this.inputMode=t.inputMode,this.options=t.options,this.label=t.label,this.placeholder=t.placeholder,this.value=t.value,this.hasError=t.hasError,this.errorText=t.errorText,this.tooltipText=t.tooltipText,this.country=t.country\|\|null,this.textAreaPlaceholder=t.textAreaPlaceholder\|\|null,this.maxLength=t.maxLength,this.rightContent=t.rightContent\|\|null,this.disableResize=t.disableResize\|\|!1,this.disabled=t.disabled\|\|!1,this.~~isFocused=!~~1,this.onChange=t.onChange,e(this)}return Object.defineProperty(n.prototype,"formItemStyle",{get:function(){var e=[t.FormItem];return this.type===i.TEL&&this.hasError&&e.push(t.PhoneError),e.join(" ")},enumerable:!1,configurable:!0}),Object.defineProperty(n.prototype,"labelStyle",{get:function(){return this.value\|\|this.type===i.TEL~~\|\|this.placeholder&&this.isFocused~~?[t.FieldLabel,t.FieldLabelTop].join(" "):[t.FieldLabel].join(" ")},enumerable:!1,configurable:!0}),Object.defineProperty(n.prototype,"inputStyle",{get:function(){var e=[];return(this.value~~\|\|this.placeholder~~&&~~this.isFocused)&&~~e.push(t.Bottom),this.hasError&&e.push(t.Error),this.tooltipText&&e.push(t.WithTooltip),this.type===i.TEL&&e.push(t.Tel),this.disabled&&e.push(t.Disabled),e.join(" ")},enumerable:!1,configurable:!0}),n}();!function(e){e[e.TEXT=0]="TEXT",e[e.TEXT_AREA=1]="TEXT_AREA",e[e.SELECT=2]="SELECT",e[e.TEL=3]="TEL"}(i\|\|(i={})),function(e){e.TEXT="text",e.PASSWORD="password"}(n\|\|(n={})),function(e){e.NUMERIC="numeric",e.TEL="tel",e.EMAIL="email"}(o\|\|(o={}));export{o as FormItemInputMode,n as FormItemInputType,i as FormItemType,s as default};
1	+ import{makeAutoObservable as e}from"mobx";import t from"./style.module.scss.js";var i,n,o,r=function(){function n(t){var i=this;this.country=null,this.textAreaPlaceholder=null,this.onValueChange=function(e){i.disabled\|\|i.onChange(e.target.value)},this.onTextAreaValueChange=function(e){i.disabled\|\|i.onChange(e.target.value)},this.onSelectChange=function(e){var t;if(!i.disabled){var n=null===(t=i.options)\|\|void 0===t?void 0:t.find((function(t){return t.label===e.target.value}));n&&i.onChange(n.value)}},this.onPhoneChange=function(e){i.disabled\|\|i.onChange(e)},this.onCountryChange=function(e){i.disabled\|\|(i.country=e)},this.type=t.type,this.inputType=t.inputType,this.inputMode=t.inputMode,this.options=t.options,this.label=t.label,this.placeholder=t.placeholder,this.value=t.value,this.hasError=t.hasError,this.errorText=t.errorText,this.tooltipText=t.tooltipText,this.country=t.country\|\|null,this.textAreaPlaceholder=t.textAreaPlaceholder\|\|null,this.maxLength=t.maxLength,this.rightContent=t.rightContent\|\|null,this.disableResize=t.disableResize\|\|!1,this.disabled=t.disabled\|\|!1,this.isLoading=t.isLoading\|\|!1,this.onChange=t.onChange,e(this)}return Object.defineProperty(n.prototype,"formItemStyle",{get:function(){var e=[t.FormItem];return this.type===i.TEL&&this.hasError&&e.push(t.PhoneError),e.join(" ")},enumerable:!1,configurable:!0}),Object.defineProperty(n.prototype,"labelStyle",{get:function(){return this.value\|\|this.type===i.TEL?[t.FieldLabel,t.FieldLabelTop].join(" "):[t.FieldLabel].join(" ")},enumerable:!1,configurable:!0}),Object.defineProperty(n.prototype,"inputStyle",{get:function(){var e=[];return this.value&&e.push(t.Bottom),this.hasError&&e.push(t.Error),this.tooltipText&&e.push(t.WithTooltip),this.type===i.TEL&&e.push(t.Tel),this.disabled&&e.push(t.Disabled),e.join(" ")},enumerable:!1,configurable:!0}),n}();!function(e){e[e.TEXT=0]="TEXT",e[e.TEXT_AREA=1]="TEXT_AREA",e[e.SELECT=2]="SELECT",e[e.TEL=3]="TEL"}(i\|\|(i={})),function(e){e.TEXT="text",e.PASSWORD="password"}(n\|\|(n={})),function(e){e.NUMERIC="numeric",e.TEL="tel",e.EMAIL="email"}(o\|\|(o={}));export{o as FormItemInputMode,n as FormItemInputType,i as FormItemType,r as default};

package/build/components/checkout/components/form-item/style.module.scss.js CHANGED Viewed

	@@ -1 +1 @@
1	- import e from'./../../../../ext/style-inject/dist/style-inject.es.js';var t={FormSectionTitle:"style-module_FormSectionTitle__VB-M-",Title:"style-module_Title__vKJBI",WithSubTitle:"style-module_WithSubTitle__D0bIa",SubTitle:"style-module_SubTitle__QOgiQ",Grid:"style-module_Grid__zW07u",Grid2:"style-module_Grid2__ngFn-",Grid3:"style-module_Grid3__WkRIF",FormItem:"style-module_FormItem__Uk50U",FormItemWrapper:"style-module_FormItemWrapper__7lb91",RightContent:"style-module_RightContent__mPnNX",FormItemInputWrapper:"style-module_FormItemInputWrapper__-bMzj",FieldLabel:"style-module_FieldLabel__FLtYi",FieldLabelTop:"style-module_FieldLabelTop__-neJm",Bottom:"style-module_Bottom__Syp-M",Error:"style-module_Error__TxUpM",WithTooltip:"style-module_WithTooltip__vErQH",ArrowContainer:"style-module_ArrowContainer__4GCN2",ErrorMsg:"style-module_ErrorMsg__AL-SH",fadeInFromRight:"style-module_fadeInFromRight__jtf8N",PhoneError:"style-module_PhoneError__Jl0Ig",FormItemTooltipContainer:"style-module_FormItemTooltipContainer__Het-k",TextareaInfo:"style-module_TextareaInfo__MkOI-"};e('.style-module_FormSectionTitle__VB-M- {\n width: 100%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n.style-module_FormSectionTitle__VB-M- .style-module_Title__vKJBI {\n flex: 1 1 auto;\n padding-bottom: 16px;\n color: var(--checkout-primary-text-color);\n font-size: 20px;\n line-height: 32px;\n}\n.style-module_FormSectionTitle__VB-M- .style-module_Title__vKJBI.style-module_WithSubTitle__D0bIa {\n line-height: auto;\n padding-bottom: 0;\n}\n\n.style-module_SubTitle__QOgiQ {\n color: var(--checkout-secondary-text-color);\n font-size: 14px;\n padding-bottom: 16px;\n padding-top: 2px;\n}\n\n.style-module_Grid__zW07u {\n display: grid;\n grid-gap: 16px;\n grid-template-columns: 1fr;\n}\n.style-module_Grid__zW07u.style-module_Grid2__ngFn- {\n grid-template-columns: repeat(2, 1fr);\n}\n.style-module_Grid__zW07u.style-module_Grid3__WkRIF {\n grid-template-columns: repeat(3, 1fr);\n}\n@media only screen and (max-width: 768px) {\n .style-module_Grid__zW07u {\n grid-template-columns: 1fr !important;\n }\n}\n\n@keyframes style-module_fadeInFromRight__jtf8N {\n from {\n opacity: 0;\n transform: translateY(10px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n.style-module_FormItem__Uk50U {\n width: 100%;\n}\n.style-module_FormItemWrapper__7lb91 {\n width: 100%;\n position: relative;\n}\n.style-module_FormItemWrapper__7lb91 .style-module_RightContent__mPnNX {\n position: absolute;\n height: 100%;\n top: 0;\n right: 0;\n}\n.style-module_FormItemInputWrapper__-bMzj {\n position: relative;\n width: 100%;\n}\n.style-module_FormItemInputWrapper__-bMzj label.style-module_FieldLabel__FLtYi {\n color: var(--checkout-secondary-text-color);\n position: absolute;\n top: 0;\n left: 17px;\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 0.1s;\n transform: translateY(18px);\n font-size: 0.85em;\n line-height: 22px;\n}\n.style-module_FormItemInputWrapper__-bMzj label.style-module_FieldLabelTop__-neJm {\n transform: translateY(8px);\n font-size: 0.7em;\n}\n.style-module_FormItemInputWrapper__-bMzj input,\n.style-module_FormItemInputWrapper__-bMzj select,\n.style-module_FormItemInputWrapper__-bMzj textarea {\n border: 1px solid var(--checkout-border-color);\n background-color: var(--checkout-primary-bg-color);\n color: var(--checkout-primary-text-color);\n background-clip: padding-box;\n border-radius: 8px;\n display: block;\n width: 100%;\n height: 56px;\n padding: 8px 16px;\n outline: none;\n transition: padding 0.1s, border-color 0.5s, box-shadow 0.5s;\n box-shadow: 0 0 0 1px transparent;\n -moz-appearance: none;\n -webkit-appearance: none;\n}\n.style-module_FormItemInputWrapper__-bMzj input:focus,\n.style-module_FormItemInputWrapper__-bMzj select:focus,\n.style-module_FormItemInputWrapper__-bMzj textarea:focus {\n box-shadow: 0 0 0 1px var(--checkout-button-bg-color);\n border-color: var(--checkout-button-bg-color);\n}\n.style-module_FormItemInputWrapper__-bMzj input.style-module_Bottom__Syp-M,\n.style-module_FormItemInputWrapper__-bMzj select.style-module_Bottom__Syp-M,\n.style-module_FormItemInputWrapper__-bMzj textarea.style-module_Bottom__Syp-M {\n padding-top: 1.2em;\n padding-bottom: 0.2em;\n}\n.style-module_FormItemInputWrapper__-bMzj input.style-module_Error__TxUpM,\n.style-module_FormItemInputWrapper__-bMzj select.style-module_Error__TxUpM,\n.style-module_FormItemInputWrapper__-bMzj textarea.style-module_Error__TxUpM {\n box-shadow: 0 0 0 1px var(--checkout-error-color);\n border-color: var(--checkout-error-color);\n}\n.style-module_FormItemInputWrapper__-bMzj input.style-module_WithTooltip__vErQH,\n.style-module_FormItemInputWrapper__-bMzj select.style-module_WithTooltip__vErQH,\n.style-module_FormItemInputWrapper__-bMzj textarea.style-module_WithTooltip__vErQH {\n padding-right: 40px;\n}\n.style-module_FormItemInputWrapper__-bMzj input::-ms-expand,\n.style-module_FormItemInputWrapper__-bMzj select::-ms-expand,\n.style-module_FormItemInputWrapper__-bMzj textarea::-ms-expand {\n display: none;\n}\n.style-module_FormItemInputWrapper__-bMzj input::placeholder,\n.style-module_FormItemInputWrapper__-bMzj select::placeholder,\n.style-module_FormItemInputWrapper__-bMzj textarea::placeholder {\n color: var(--checkout-secondary-text-color) !important;\n}\n.style-module_FormItemInputWrapper__-bMzj textarea {\n min-height: 120px;\n}\n.style-module_FormItemInputWrapper__-bMzj .style-module_ArrowContainer__4GCN2 {\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: var(--checkout-secondary-text-color);\n background-color: var(--checkout-primary-bg-color);\n z-index: 2;\n border-radius: 6px;\n}\n.style-module_FormItemInputWrapper__-bMzj .PhoneInput {\n display: flex;\n align-items: center;\n}\n.style-module_FormItemInputWrapper__-bMzj .PhoneInputInput {\n padding-left: 64px;\n}\n.style-module_FormItemInputWrapper__-bMzj .PhoneInputInput:disabled {\n color: var(--checkout-button-disabled-text-color) !important;\n background-color: var(--checkout-button-disabled-bg-color) !important;\n}\n.style-module_FormItemInputWrapper__-bMzj .PhoneInputInput::placeholder {\n color: var(--checkout-secondary-text-color) !important;\n font-size: 14px !important;\n}\n.style-module_FormItemInputWrapper__-bMzj .PhoneInputCountry {\n position: absolute;\n align-self: stretch;\n display: flex;\n align-items: center;\n top: 26px;\n left: 16px;\n}\n.style-module_FormItemInputWrapper__-bMzj .PhoneInputCountrySelect {\n border: none;\n display: inline-flex;\n width: 60px;\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n z-index: 1;\n border: 0;\n opacity: 0;\n cursor: pointer;\n}\n.style-module_FormItemInputWrapper__-bMzj .PhoneInputCountryIcon {\n width: 1.5em;\n height: 1em;\n}\n.style-module_FormItemInputWrapper__-bMzj .PhoneInputCountrySelectArrow {\n display: block;\n content: "";\n width: 0.3em;\n height: 0.3em;\n margin-left: 0.35em;\n border-style: solid;\n border-color: inherit;\n border-top-width: 0;\n border-bottom-width: 1px;\n border-left-width: 0;\n border-right-width: 1px;\n transform: rotate(45deg);\n opacity: 0.45;\n}\n.style-module_FormItemInputWrapper__-bMzj .PhoneInputCountryIconImg {\n width: 24px;\n}\n.style-module_FormItem__Uk50U .style-module_ErrorMsg__AL-SH {\n color: var(--checkout-error-color);\n font-size: 12px;\n margin-top: 8px;\n animation-name: style-module_fadeInFromRight__jtf8N;\n animation-duration: 0.3s;\n}\n.style-module_FormItem__Uk50U.style-module_PhoneError__Jl0Ig input {\n box-shadow: 0 0 0 1px var(--checkout-error-color) !important;\n border-color: var(--checkout-error-color) !important;\n}\n\n.style-module_FormItemWrapper__7lb91 {\n position: relative;\n}\n\n.style-module_FormItemTooltipContainer__Het-k {\n width: 16px;\n height: 16px;\n border-radius: 100%;\n color: white;\n background-color: var(--checkout-secondary-text-color);\n position: absolute;\n top: 20px;\n right: 16px;\n margin: auto;\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 12px !important;\n line-height: 16px !important;\n cursor: pointer;\n}\n\n.style-module_TextareaInfo__MkOI- {\n text-align: right;\n}');export{t as default};
1	+ import e from'./../../../../ext/style-inject/dist/style-inject.es.js';var t={FormSectionTitle:"style-module_FormSectionTitle__VB-M-",Title:"style-module_Title__vKJBI",WithSubTitle:"style-module_WithSubTitle__D0bIa",SubTitle:"style-module_SubTitle__QOgiQ",Grid:"style-module_Grid__zW07u",Grid2:"style-module_Grid2__ngFn-",Grid3:"style-module_Grid3__WkRIF",FormItem:"style-module_FormItem__Uk50U",FormItemWrapper:"style-module_FormItemWrapper__7lb91",RightContent:"style-module_RightContent__mPnNX",FormItemInputWrapper:"style-module_FormItemInputWrapper__-bMzj",FieldLabel:"style-module_FieldLabel__FLtYi",FieldLabelTop:"style-module_FieldLabelTop__-neJm",Bottom:"style-module_Bottom__Syp-M",Error:"style-module_Error__TxUpM",WithTooltip:"style-module_WithTooltip__vErQH",ArrowContainer:"style-module_ArrowContainer__4GCN2",ErrorMsg:"style-module_ErrorMsg__AL-SH",fadeInFromRight:"style-module_fadeInFromRight__jtf8N",PhoneError:"style-module_PhoneError__Jl0Ig",FormItemTooltipContainer:"style-module_FormItemTooltipContainer__Het-k",TextareaInfo:"style-module_TextareaInfo__MkOI-",Loader:"style-module_Loader__2Juf8",load8:"style-module_load8__GVBWV"};e('.style-module_FormSectionTitle__VB-M- {\n width: 100%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n.style-module_FormSectionTitle__VB-M- .style-module_Title__vKJBI {\n flex: 1 1 auto;\n padding-bottom: 16px;\n color: var(--checkout-primary-text-color);\n font-size: 20px;\n line-height: 32px;\n}\n.style-module_FormSectionTitle__VB-M- .style-module_Title__vKJBI.style-module_WithSubTitle__D0bIa {\n line-height: auto;\n padding-bottom: 0;\n}\n\n.style-module_SubTitle__QOgiQ {\n color: var(--checkout-secondary-text-color);\n font-size: 14px;\n padding-bottom: 16px;\n padding-top: 2px;\n}\n\n.style-module_Grid__zW07u {\n display: grid;\n grid-gap: 16px;\n grid-template-columns: 1fr;\n}\n.style-module_Grid__zW07u.style-module_Grid2__ngFn- {\n grid-template-columns: repeat(2, 1fr);\n}\n.style-module_Grid__zW07u.style-module_Grid3__WkRIF {\n grid-template-columns: repeat(3, 1fr);\n}\n@media only screen and (max-width: 768px) {\n .style-module_Grid__zW07u {\n grid-template-columns: 1fr !important;\n }\n}\n\n@keyframes style-module_fadeInFromRight__jtf8N {\n from {\n opacity: 0;\n transform: translateY(10px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n.style-module_FormItem__Uk50U {\n width: 100%;\n}\n.style-module_FormItemWrapper__7lb91 {\n width: 100%;\n position: relative;\n}\n.style-module_FormItemWrapper__7lb91 .style-module_RightContent__mPnNX {\n position: absolute;\n height: 100%;\n top: 0;\n right: 0;\n}\n.style-module_FormItemInputWrapper__-bMzj {\n position: relative;\n width: 100%;\n cursor: text;\n}\n.style-module_FormItemInputWrapper__-bMzj label.style-module_FieldLabel__FLtYi {\n color: var(--checkout-secondary-text-color);\n position: absolute;\n top: 0;\n left: 17px;\n width: 100%;\n z-index: 1;\n user-select: none;\n pointer-events: none;\n touch-action: none;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n transition: transform 0.1s;\n transform: translateY(18px);\n font-size: 0.85em;\n line-height: 22px;\n}\n.style-module_FormItemInputWrapper__-bMzj label.style-module_FieldLabelTop__-neJm {\n transform: translateY(8px);\n font-size: 0.7em;\n}\n.style-module_FormItemInputWrapper__-bMzj input,\n.style-module_FormItemInputWrapper__-bMzj select,\n.style-module_FormItemInputWrapper__-bMzj textarea {\n border: 1px solid var(--checkout-border-color);\n background-color: var(--checkout-primary-bg-color);\n color: var(--checkout-primary-text-color);\n background-clip: padding-box;\n border-radius: 8px;\n display: block;\n width: 100%;\n height: 56px;\n padding: 8px 16px;\n outline: none;\n transition: padding 0.1s, border-color 0.5s, box-shadow 0.5s;\n box-shadow: 0 0 0 1px transparent;\n -moz-appearance: none;\n -webkit-appearance: none;\n}\n.style-module_FormItemInputWrapper__-bMzj input:focus,\n.style-module_FormItemInputWrapper__-bMzj select:focus,\n.style-module_FormItemInputWrapper__-bMzj textarea:focus {\n box-shadow: 0 0 0 1px var(--checkout-button-bg-color);\n border-color: var(--checkout-button-bg-color);\n}\n.style-module_FormItemInputWrapper__-bMzj input.style-module_Bottom__Syp-M,\n.style-module_FormItemInputWrapper__-bMzj select.style-module_Bottom__Syp-M,\n.style-module_FormItemInputWrapper__-bMzj textarea.style-module_Bottom__Syp-M {\n padding-top: 1.2em;\n padding-bottom: 0.2em;\n}\n.style-module_FormItemInputWrapper__-bMzj input.style-module_Error__TxUpM,\n.style-module_FormItemInputWrapper__-bMzj select.style-module_Error__TxUpM,\n.style-module_FormItemInputWrapper__-bMzj textarea.style-module_Error__TxUpM {\n box-shadow: 0 0 0 1px var(--checkout-error-color);\n border-color: var(--checkout-error-color);\n}\n.style-module_FormItemInputWrapper__-bMzj input.style-module_WithTooltip__vErQH,\n.style-module_FormItemInputWrapper__-bMzj select.style-module_WithTooltip__vErQH,\n.style-module_FormItemInputWrapper__-bMzj textarea.style-module_WithTooltip__vErQH {\n padding-right: 40px;\n}\n.style-module_FormItemInputWrapper__-bMzj input::-ms-expand,\n.style-module_FormItemInputWrapper__-bMzj select::-ms-expand,\n.style-module_FormItemInputWrapper__-bMzj textarea::-ms-expand {\n display: none;\n}\n.style-module_FormItemInputWrapper__-bMzj input::placeholder,\n.style-module_FormItemInputWrapper__-bMzj select::placeholder,\n.style-module_FormItemInputWrapper__-bMzj textarea::placeholder {\n color: var(--checkout-secondary-text-color) !important;\n}\n.style-module_FormItemInputWrapper__-bMzj input,\n.style-module_FormItemInputWrapper__-bMzj textarea {\n pointer-events: none;\n}\n.style-module_FormItemInputWrapper__-bMzj input:focus,\n.style-module_FormItemInputWrapper__-bMzj textarea:focus {\n pointer-events: auto;\n}\n.style-module_FormItemInputWrapper__-bMzj textarea {\n min-height: 120px;\n}\n.style-module_FormItemInputWrapper__-bMzj:focus-within .style-module_FieldLabel__FLtYi {\n transform: translateY(8px);\n font-size: 0.7em;\n}\n.style-module_FormItemInputWrapper__-bMzj input:focus,\n.style-module_FormItemInputWrapper__-bMzj textarea:focus {\n padding-top: 1.2em;\n padding-bottom: 0.2em;\n}\n.style-module_FormItemInputWrapper__-bMzj .style-module_ArrowContainer__4GCN2 {\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: var(--checkout-secondary-text-color);\n background-color: var(--checkout-primary-bg-color);\n z-index: 2;\n border-radius: 6px;\n width: 25px;\n}\n.style-module_FormItemInputWrapper__-bMzj .PhoneInput {\n display: flex;\n align-items: center;\n}\n.style-module_FormItemInputWrapper__-bMzj .PhoneInputInput {\n padding-left: 64px;\n}\n.style-module_FormItemInputWrapper__-bMzj .PhoneInputInput:disabled {\n color: var(--checkout-button-disabled-text-color) !important;\n background-color: var(--checkout-button-disabled-bg-color) !important;\n}\n.style-module_FormItemInputWrapper__-bMzj .PhoneInputInput::placeholder {\n color: var(--checkout-secondary-text-color) !important;\n font-size: 14px !important;\n}\n.style-module_FormItemInputWrapper__-bMzj .PhoneInputCountry {\n position: absolute;\n align-self: stretch;\n display: flex;\n align-items: center;\n top: 26px;\n left: 16px;\n}\n.style-module_FormItemInputWrapper__-bMzj .PhoneInputCountrySelect {\n border: none;\n display: inline-flex;\n width: 60px;\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n z-index: 1;\n border: 0;\n opacity: 0;\n cursor: pointer;\n}\n.style-module_FormItemInputWrapper__-bMzj .PhoneInputCountryIcon {\n width: 1.5em;\n height: 1em;\n}\n.style-module_FormItemInputWrapper__-bMzj .PhoneInputCountrySelectArrow {\n display: block;\n content: "";\n width: 0.3em;\n height: 0.3em;\n margin-left: 0.35em;\n border-style: solid;\n border-color: inherit;\n border-top-width: 0;\n border-bottom-width: 1px;\n border-left-width: 0;\n border-right-width: 1px;\n transform: rotate(45deg);\n opacity: 0.45;\n}\n.style-module_FormItemInputWrapper__-bMzj .PhoneInputCountryIconImg {\n width: 24px;\n}\n.style-module_FormItem__Uk50U .style-module_ErrorMsg__AL-SH {\n color: var(--checkout-error-color);\n font-size: 12px;\n margin-top: 8px;\n animation-name: style-module_fadeInFromRight__jtf8N;\n animation-duration: 0.3s;\n}\n.style-module_FormItem__Uk50U.style-module_PhoneError__Jl0Ig input {\n box-shadow: 0 0 0 1px var(--checkout-error-color) !important;\n border-color: var(--checkout-error-color) !important;\n}\n\n.style-module_FormItemWrapper__7lb91 {\n position: relative;\n}\n\n.style-module_FormItemTooltipContainer__Het-k {\n width: 16px;\n height: 16px;\n border-radius: 100%;\n color: white;\n background-color: var(--checkout-secondary-text-color);\n position: absolute;\n top: 20px;\n right: 16px;\n margin: auto;\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 12px !important;\n line-height: 16px !important;\n cursor: pointer;\n}\n\n.style-module_TextareaInfo__MkOI- {\n text-align: right;\n}\n\n.style-module_Loader__2Juf8,\n.style-module_Loader__2Juf8:after {\n border-radius: 50%;\n width: 0.9em;\n height: 0.9em;\n}\n\n.style-module_Loader__2Juf8 {\n font-size: 12px;\n position: relative;\n text-indent: -9999em;\n border-top: 0.13em solid rgba(255, 255, 255, 0.2);\n border-right: 0.13em solid rgba(255, 255, 255, 0.2);\n border-bottom: 0.13em solid rgba(255, 255, 255, 0.2);\n border-left: 0.13em solid var(--checkout-button-bg-color);\n -webkit-transform: translateZ(0);\n -ms-transform: translateZ(0);\n transform: translateZ(0);\n -webkit-animation: style-module_load8__GVBWV 1.1s infinite linear;\n animation: style-module_load8__GVBWV 1.1s infinite linear;\n}\n\n@-webkit-keyframes style-module_load8__GVBWV {\n 0% {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}\n@keyframes style-module_load8__GVBWV {\n 0% {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}');export{t as default};

package/build/components/checkout/components/hepsipay/index.d.ts ADDED Viewed

@@ -0,0 +1,9 @@
+import * as React from "react";
+import CheckoutViewModel from "../../model";
+import "@adyen/adyen-web/dist/adyen.css";
+declare type Props = {
+    vm: CheckoutViewModel;
+    isSelected?: boolean;
+};
+export declare const HepsiPay: React.FC<Props>;
+export {};

package/build/components/checkout/components/hepsipay/index.js ADDED Viewed

@@ -0,0 +1 @@

+ import{__awaiter as e,__generator as n}from'./../../../../ext/tslib/tslib.es6.js';import*as i from"react";import{observer as a}from"mobx-react-lite";import"@adyen/adyen-web/dist/adyen.css";import"@ikas/storefront-config";import{useTranslation as t}from"../../../../utils/i18n.js";var r=a((function(a){var r=a.vm;a.isSelected;var o=t().t,s=i.useState(""),c=s[0],d=s[1],l=i.useCallback((function(){if(d(""),r.hepsipayFrameInitResponse)if(r.hepsipayFrameInitResponse.frameUrl)if(window.HepsipaySdk){var i={frameUrl:r.hepsipayFrameInitResponse.frameUrl,frameDivId:"hepsipayFrameContainer",paymentStatusCallback:function(i){return e(void 0,void 0,void 0,(function(){return n(this,(function(e){return[2]}))}))},frameFailureCallback:function(){return window.location.reload()},onPaymentFailureLogCallback:function(e){r.isStepLoading=!1},onPaymentSuccessCallback:function(i){return e(void 0,void 0,void 0,(function(){return n(this,(function(e){return i&&"hp-payment-success"===i.messageType&&(window.location.href=i.merchantCallBackUrl),[2]}))}))},maxHeight:"600",disableDynamicHeight:!1,showFramePaymentButton:!1,useApiCallOnSuccessCallback:!1,overrideFontFamily:"Inter",hideHeader:!1};window.HepsipaySdk.init(i)}else console.error("HepsipaySdk is not available");else d(o("checkout-page:hepsiPayErrorMessage"))}),[r.hepsipayFrameInitResponse]);return i.useEffect((function(){var i=document.createElement("script");i.src="https://images.hepsiburada.net/hepsipay/packages/pf/hepsipay-0.3.1.min.js",i.async=!0,i.onload=l,i.onerror=function(){return console.error("Failed to load Hepsipay SDK")},document.body.appendChild(i);var a=function(i){return e(void 0,void 0,void 0,(function(){var e;return n(this,(function(n){return i.origin!==window.location.origin||((e=i.data).messageType,e.data),[2]}))}))};return window.addEventListener("message",a),function(){document.body.removeChild(i),window.removeEventListener("message",a)}}),[l]),i.createElement("div",null,i.createElement("div",{id:"hepsipayFrameContainer"}),!!c&&i.createElement("span",{style:{fontSize:14}},c))}));export{r as HepsiPay};

package/build/components/checkout/components/input-with-button/style.module.scss.js CHANGED Viewed

	@@ -1 +1 @@
1	- import n from'./../../../../ext/style-inject/dist/style-inject.es.js';var e={Container:"style-module_Container__lcmQH",Button:"style-module_Button__f1URY",loader:"style-module_loader__JSw-M",load8:"style-module_load8__8s2-g"};n(".style-module_Container__lcmQH {\n width: 100%;\n height: 44px;\n background-color: white;\n border-radius: 8px;\n display: flex;\n justify-content: flex-end;\n position: relative;\n}\n.style-module_Container__lcmQH input {\n width: calc(100% - 2px);\n height: 100%;\n padding: 10px 16px;\n outline: none;\n -moz-appearance: none;\n -webkit-appearance: none;\n transition: all 0.5s;\n box-shadow: 0 0 0 1px transparent;\n border: 1px solid transparent;\n border-radius: 9px;\n margin-left: 1px;\n color: var(--checkout-primary-text-color);\n position: absolute;\n top: 0px;\n left: 0px;\n padding-right: calc(33% + 16px);\n}\n.style-module_Container__lcmQH input::placeholder {\n color: var(--checkout-secondary-text-color) !important;\n}\n.style-module_Container__lcmQH input:focus {\n box-shadow: 0 0 0 1px var(--checkout-button-bg-color);\n border-color: var(--checkout-button-bg-color);\n}\n.style-module_Container__lcmQH .style-module_Button__f1URY {\n flex: 0 0 auto;\n height: 100%;\n width: 33%;\n color: var(--checkout-button-text-color);\n background-color: var(--checkout-button-bg-color);\n border-radius: 8px;\n font-weight: 600;\n text-align: center;\n position: relative;\n transition: all 0.2s;\n display: flex;\n justify-content: center;\n align-items: center;\n user-select: none;\n cursor: pointer;\n}\n.style-module_Container__lcmQH .style-module_Button__f1URY .style-module_loader__JSw-M,\n.style-module_Container__lcmQH .style-module_Button__f1URY .style-module_loader__JSw-M:after {\n border-radius: 50%;\n width: 5em;\n height: 5em;\n}\n.style-module_Container__lcmQH .style-module_Button__f1URY .style-module_loader__JSw-M {\n font-size: 4px;\n position: relative;\n text-indent: -9999em;\n border-top: 0.5em solid rgba(255, 255, 255, 0.2);\n border-right: 0.5em solid rgba(255, 255, 255, 0.2);\n border-bottom: 0.5em solid rgba(255, 255, 255, 0.2);\n border-left: 0.5em solid var(--checkout-button-text-color);\n -webkit-transform: translateZ(0);\n -ms-transform: translateZ(0);\n transform: translateZ(0);\n -webkit-animation: style-module_load8__8s2-g 1.1s infinite linear;\n animation: style-module_load8__8s2-g 1.1s infinite linear;\n}\n@-webkit-keyframes style-module_load8__8s2-g {\n 0% {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}\n@keyframes style-module_load8__8s2-g {\n 0% {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}");export{e as default};
1	+ import n from'./../../../../ext/style-inject/dist/style-inject.es.js';var e={Container:"style-module_Container__lcmQH",Button:"style-module_Button__f1URY",loader:"style-module_loader__JSw-M",load8:"style-module_load8__8s2-g"};n(".style-module_Container__lcmQH {\n width: 100%;\n height: 44px;\n background-color: white;\n border-radius: 8px;\n display: flex;\n justify-content: flex-end;\n position: relative;\n}\n.style-module_Container__lcmQH input {\n width: calc(100% - 2px);\n height: 100%;\n padding: 10px 16px;\n outline: none;\n -moz-appearance: none;\n -webkit-appearance: none;\n transition: all 0.5s;\n box-shadow: 0 0 0 1px transparent;\n border: 1px solid transparent;\n border-radius: 9px;\n margin-left: 1px;\n background-color: var(--checkout-primary-bg-color);\n color: var(--checkout-primary-text-color);\n position: absolute;\n top: 0px;\n left: 0px;\n padding-right: calc(33% + 16px);\n}\n.style-module_Container__lcmQH input::placeholder {\n color: var(--checkout-secondary-text-color) !important;\n}\n.style-module_Container__lcmQH input:focus {\n box-shadow: 0 0 0 1px var(--checkout-button-bg-color);\n border-color: var(--checkout-button-bg-color);\n}\n.style-module_Container__lcmQH .style-module_Button__f1URY {\n flex: 0 0 auto;\n height: 100%;\n width: 33%;\n color: var(--checkout-button-text-color);\n background-color: var(--checkout-button-bg-color);\n border-radius: 8px;\n font-weight: 600;\n text-align: center;\n position: relative;\n transition: all 0.2s;\n display: flex;\n justify-content: center;\n align-items: center;\n user-select: none;\n cursor: pointer;\n}\n.style-module_Container__lcmQH .style-module_Button__f1URY .style-module_loader__JSw-M,\n.style-module_Container__lcmQH .style-module_Button__f1URY .style-module_loader__JSw-M:after {\n border-radius: 50%;\n width: 5em;\n height: 5em;\n}\n.style-module_Container__lcmQH .style-module_Button__f1URY .style-module_loader__JSw-M {\n font-size: 4px;\n position: relative;\n text-indent: -9999em;\n border-top: 0.5em solid rgba(255, 255, 255, 0.2);\n border-right: 0.5em solid rgba(255, 255, 255, 0.2);\n border-bottom: 0.5em solid rgba(255, 255, 255, 0.2);\n border-left: 0.5em solid var(--checkout-button-text-color);\n -webkit-transform: translateZ(0);\n -ms-transform: translateZ(0);\n transform: translateZ(0);\n -webkit-animation: style-module_load8__8s2-g 1.1s infinite linear;\n animation: style-module_load8__8s2-g 1.1s infinite linear;\n}\n@-webkit-keyframes style-module_load8__8s2-g {\n 0% {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}\n@keyframes style-module_load8__8s2-g {\n 0% {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}");export{e as default};

package/build/components/checkout/components/iyzico/index.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+import * as React from "react";
+import CheckoutViewModel from "../../model";
+declare type Props = {
+    vm: CheckoutViewModel;
+    isSelected?: boolean;
+};
+export declare const Iyzico: React.FC<Props>;
+export {};

package/build/components/checkout/components/iyzico/index.js ADDED Viewed

@@ -0,0 +1 @@

+ import{__assign as e,__awaiter as t,__generator as r}from'./../../../../ext/tslib/tslib.es6.js';import*as n from"react";import{observer as i}from"mobx-react-lite";var c=i((function(i){var c,o=i.vm;i.isSelected;var a=n.useRef(null),s=null===(c=o.iyzicoResponse)||void 0===c?void 0:c.checkoutFormContent;return n.useEffect((function(){if(s&&a.current){var e=a.current;window.iyziInit=void 0;var t=document.createElement("div");return t.innerHTML=s,t.querySelectorAll("script").forEach((function(t){var r=document.createElement("script");r.type="text/javascript",t.src?r.src=t.src:r.textContent=t.textContent,e.appendChild(r)})),function(){e.querySelectorAll("script").forEach((function(e){return e.remove()})),delete window.iyziInit}}}),[s]),n.useEffect((function(){var e=a.current;if(e&&s){var n=!1,i=function(e){return t(void 0,void 0,void 0,(function(){var t,i;return r(this,(function(r){switch(r.label){case 0:if(t=e.target,!(i=t.closest("#iyz-payment-button"))||n)return[2];e.preventDefault(),e.stopImmediatePropagation(),n=!0,r.label=1;case 1:return r.trys.push([1,,3,4]),[4,o.saveCart()];case 2:return r.sent(),[3,4];case 3:return i.click(),n=!1,[7];case 4:return[2]}}))}))};return e.addEventListener("click",i,!0),function(){e.removeEventListener("click",i,!0)}}}),[s,o]),s?n.createElement("div",{style:e({},!o.showIyzicoContainer&&{display:"none"}),ref:a},n.createElement("div",{id:"iyzipay-checkout-form",className:"responsive"})):null}));export{c as Iyzico};

package/build/components/checkout/components/modal/index.d.ts CHANGED Viewed

@@ -3,6 +3,7 @@ declare type Props = {
     title: string;
     modalContent: string | React.ReactElement;
     onClose: () => void;
+    isPolicyModal?: boolean;
 };
 export declare const Modal: React.FC<Props>;
 export {};

package/build/components/checkout/components/modal/index.js CHANGED Viewed

	@@ -1 +1 @@
1	- import*as e from"react";import{observer as t}from"mobx-react-lite";import a from"./useEscape.js";import o from"../svg/cross.js";import l from"./style.module.scss.js";var r=t((function(t){var r=t.title,n=t.onClose,s=t.modalContent;return a({callback:n}),e.createElement("div",{className:l.ModalContainer,onClick:n},e.createElement("div",{className:l.Modal,onClick:function(e){return e.stopPropagation()}},e.createElement("div",{className:l.ModalHeader},e.createElement("div",{className:l.ModalTitle},r),e.createElement("div",{className:l.CloseButton,onClick:n},e.createElement(o,null))),"string"==typeof s?e.createElement("div",{className:l.ModalContent,dangerouslySetInnerHTML:{__html:s}}):e.createElement("div",{className:l.ModalContent},s)))}));export{r as Modal};
1	+ import*as e from"react";import{observer as t}from"mobx-react-lite";import a from"./useEscape.js";import o from"../svg/cross.js";import l from"./style.module.scss.js";var n=t((function(t){var n=t.title,r=t.onClose,s=t.modalContent,c=t.isPolicyModal;return a({callback:r}),e.createElement("div",{className:l.ModalContainer,onClick:r},e.createElement("div",{className:l.Modal,onClick:function(e){return e.stopPropagation()}},e.createElement("div",{className:l.ModalHeader},e.createElement("div",{className:l.ModalTitle},n),e.createElement("div",{className:l.CloseButton,onClick:r},e.createElement(o,null))),"string"==typeof s?e.createElement("div",{className:[l.ModalContent,c?l.PolicyModal:""].join(" "),dangerouslySetInnerHTML:{__html:s}}):e.createElement("div",{className:l.ModalContent},s)))}));export{n as Modal};

package/build/components/checkout/components/modal/style.module.scss.js CHANGED Viewed

	@@ -1 +1 @@
1	- import e from'./../../../../ext/style-inject/dist/style-inject.es.js';var o={ModalContainer:"style-module_ModalContainer__moKsA",Modal:"style-module_Modal__zb62t",ModalHeader:"style-module_ModalHeader__9gl-m",ModalTitle:"style-module_ModalTitle__1p8oq",CloseButton:"style-module_CloseButton__7ZNe8",ModalContent:"style-module_ModalContent__Zs4AZ"};e(".style-module_ModalContainer__moKsA {\n position: fixed;\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n background-color: rgba(0, 0, 0, 0.6);\n backdrop-filter: blur(6px);\n z-index: 99999999;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.style-module_ModalContainer__moKsA .style-module_Modal__zb62t {\n border-radius: 8px;\n background-color: white;\n color: var(--checkout-primary-text-color);\n min-width: 400px;\n max-width: 750px;\n max-height: 90%;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n}\n.style-module_ModalContainer__moKsA .style-module_Modal__zb62t .style-module_ModalHeader__9gl-m {\n flex: 0 0 auto;\n padding: 16px;\n font-size: 18px;\n border-bottom: 1px solid var(--checkout-border-color);\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n.style-module_ModalContainer__moKsA .style-module_Modal__zb62t .style-module_ModalHeader__9gl-m .style-module_ModalTitle__1p8oq {\n font-weight: 500;\n max-width: 300px;\n}\n.style-module_ModalContainer__moKsA .style-module_Modal__zb62t .style-module_ModalHeader__9gl-m .style-module_CloseButton__7ZNe8 {\n cursor: pointer;\n display: flex;\n align-items: center;\n}\n.style-module_ModalContainer__moKsA .style-module_Modal__zb62t .style-module_ModalContent__Zs4AZ {\n flex: 1 1 auto;\n padding: 24px;\n overflow-y: auto;\n}\n@media only screen and (max-width: 1000px) {\n .style-module_ModalContainer__moKsA .style-module_Modal__zb62t {\n max-width: unset;\n max-height: unset;\n min-width: unset;\n width: 100%;\n height: 100%;\n margin: 0;\n border-radius: 0;\n }\n .style-module_ModalContainer__moKsA .style-module_Modal__zb62t .style-module_ModalHeader__9gl-m {\n padding: 1.5em;\n }\n}");export{o as default};
1	+ import l from'./../../../../ext/style-inject/dist/style-inject.es.js';var e={ModalContainer:"style-module_ModalContainer__moKsA",Modal:"style-module_Modal__zb62t",ModalHeader:"style-module_ModalHeader__9gl-m",ModalTitle:"style-module_ModalTitle__1p8oq",CloseButton:"style-module_CloseButton__7ZNe8",ModalContent:"style-module_ModalContent__Zs4AZ",PolicyModal:"style-module_PolicyModal__B6KSz"};l(".style-module_ModalContainer__moKsA {\n position: fixed;\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n background-color: rgba(0, 0, 0, 0.6);\n backdrop-filter: blur(6px);\n z-index: 99999999;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.style-module_ModalContainer__moKsA .style-module_Modal__zb62t {\n border-radius: 8px;\n background-color: white;\n color: var(--checkout-primary-text-color);\n min-width: 400px;\n max-width: 750px;\n max-height: 90%;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n}\n.style-module_ModalContainer__moKsA .style-module_Modal__zb62t .style-module_ModalHeader__9gl-m {\n flex: 0 0 auto;\n padding: 16px;\n font-size: 18px;\n border-bottom: 1px solid var(--checkout-border-color);\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n.style-module_ModalContainer__moKsA .style-module_Modal__zb62t .style-module_ModalHeader__9gl-m .style-module_ModalTitle__1p8oq {\n font-weight: 500;\n max-width: 300px;\n}\n.style-module_ModalContainer__moKsA .style-module_Modal__zb62t .style-module_ModalHeader__9gl-m .style-module_CloseButton__7ZNe8 {\n cursor: pointer;\n display: flex;\n align-items: center;\n}\n.style-module_ModalContainer__moKsA .style-module_Modal__zb62t .style-module_ModalContent__Zs4AZ {\n flex: 1 1 auto;\n padding: 24px;\n overflow-y: auto;\n}\n.style-module_ModalContainer__moKsA .style-module_Modal__zb62t .style-module_PolicyModal__B6KSz h1 {\n font-size: 2em;\n font-weight: bold;\n}\n.style-module_ModalContainer__moKsA .style-module_Modal__zb62t .style-module_PolicyModal__B6KSz h2 {\n font-size: 1.5em;\n font-weight: bold;\n}\n.style-module_ModalContainer__moKsA .style-module_Modal__zb62t .style-module_PolicyModal__B6KSz h3 {\n font-size: 1.17em;\n font-weight: bold;\n}\n.style-module_ModalContainer__moKsA .style-module_Modal__zb62t .style-module_PolicyModal__B6KSz h4 {\n font-size: 1em;\n font-weight: bold;\n}\n.style-module_ModalContainer__moKsA .style-module_Modal__zb62t .style-module_PolicyModal__B6KSz h5 {\n font-size: 0.83em;\n font-weight: bold;\n}\n.style-module_ModalContainer__moKsA .style-module_Modal__zb62t .style-module_PolicyModal__B6KSz h6 {\n font-size: 0.67em;\n font-weight: bold;\n}\n.style-module_ModalContainer__moKsA .style-module_Modal__zb62t .style-module_PolicyModal__B6KSz ol {\n list-style-type: decimal;\n padding-left: 24px;\n}\n.style-module_ModalContainer__moKsA .style-module_Modal__zb62t .style-module_PolicyModal__B6KSz ul {\n list-style-type: disc;\n padding-left: 24px;\n}\n.style-module_ModalContainer__moKsA .style-module_Modal__zb62t .style-module_PolicyModal__B6KSz b {\n font-weight: bolder;\n}\n.style-module_ModalContainer__moKsA .style-module_Modal__zb62t .style-module_PolicyModal__B6KSz i {\n font-style: italic;\n}\n@media only screen and (max-width: 1000px) {\n .style-module_ModalContainer__moKsA .style-module_Modal__zb62t {\n max-width: unset;\n max-height: unset;\n min-width: unset;\n width: 100%;\n height: 100%;\n margin: 0;\n border-radius: 0;\n }\n .style-module_ModalContainer__moKsA .style-module_Modal__zb62t .style-module_ModalHeader__9gl-m {\n padding: 1.5em;\n }\n}");export{e as default};

package/build/components/checkout/components/offer-product/index.js CHANGED Viewed

	@@ -1 +1 @@
1	- importas e from"react";import{observer as t}from"mobx-react-lite";import{CheckoutStep as n}from"../../model.js";import{Button as a}from"../button/index.js";import i from"./select/index.js";import o from"../svg/cross.js";import{useTranslation as r}from"../../../../utils/i18n.js";import c from"./style.module.scss.js";import{IkasAmountType as s}from"@ikas/storefront-models";import"@ikas/storefront-config";import{formatCurrency as l}from"../../../../utils/currency.js";var u=function(t){var a,i,o=t.seconds,s=t.onFinish,l=t.campaignOffer,u=t.vm,f=t.isPopupClosed,m=t.step,p=r().t,v=e.useState(o),g=v[0],C=v[1];e.useEffect((function(){C(o)}),[o]),e.useEffect((function(){var e=setInterval((function(){g>0?C(g-1):(clearInterval(e),s())}),1e3);return function(){return clearInterval(e)}}),[g]);var S=l.offer.countdownMinutes&&(m!==n.SUCCESS?!!(null===(a=u.customizationProps)\|\|void 0===a?void 0:a.campaignOfferCountdownStyleIsLine):!!(null===(i=u.customizationProps)\|\|void 0===i?void 0:i.campaignOfferCountdownStyleIsLineSuccessPage))\|\|f;return e.createElement("div",{className:S?c.CountdownContainerIsLine:c.CountdownContainer},e.createElement("div",{className:c.CountdownTextMain},!S&&e.createElement("span",{className:c.CountdownText},p("checkout-page:timeRemaining")),e.createElement("span",{className:c.CountdownTime},d(g))))},d=function(e){var t=Math.floor(e/60/60),n=Math.floor(e/60)-60t,a=e%60;return 0!==t?t.toString().padStart(2,"0")+":":n.toString().padStart(2,"0")+":"+a.toString().padStart(2,"0")},f=t((function(t){var d,f,m,p,v,g,C,S=t.vm,h=t.campaignOffer,E=t.index,P=t.activeIndex,O=t.offersLength,V=t.handleNext,I=t.handlePrev,w=t.setActiveIndex,N=t.isPopupShow,y=t.closePopup,M=t.showPopup,j=t.isPopupClosed,B=t.desktopMiddlePhase,k=t.step,T=r().t,A=h.product,x=k!==n.SUCCESS?!!(null===(d=S.customizationProps)\|\|void 0===d?void 0:d.campaignOfferIsSmallDesign)&&N:!!(null===(f=S.customizationProps)\|\|void 0===f?void 0:f.showCampaignIsBiggerImage)&&k===n.SUCCESS,D=e.useRef(null),L=e.useRef(null),z=e.useRef(null),R=e.useState(0),b=R[0],U=R[1];e.useEffect((function(){var e,t,a,i,o,r,c,s;if(void 0!==typeof window){var l=.8window.innerHeight,u=0,d=0,f=0;D.current&&(u=null===(t=null===(e=D.current)\|\|void 0===e?void 0:e.getBoundingClientRect())\|\|void 0===t?void 0:t.height),L.current&&(d=null===(i=null===(a=L.current)\|\|void 0===a?void 0:a.getBoundingClientRect())\|\|void 0===i?void 0:i.height),z.current&&(f=null===(r=null===(o=z.current)\|\|void 0===o?void 0:o.getBoundingClientRect())\|\|void 0===r?void 0:r.height);var m=(k===n.SUCCESS?null===(c=S.customizationProps)\|\|void 0===c?void 0:c.campaignOfferCountdownStyleIsLineSuccessPage:null===(s=S.customizationProps)\|\|void 0===s?void 0:s.campaignOfferCountdownStyleIsLine)?25:70,p=navigator.userAgent.match(/Version\/[\d\.]+.Safari/)?20:0;U(l-u-d-f-p-m)}}),[N]);var F=e.useState(null),H=F[0],X=F[1],q=e.useState(null),G=q[0],J=q[1],K=e.useMemo((function(){var e,t,n,a,i,o,r,c=null===(e=A.selectedVariant.images)\|\|void 0===e?void 0:e.filter((function(e){return!e.isVideo}));return(null===(t=A.selectedVariant.mainImage)\|\|void 0===t?void 0:t.isVideo)&&(null==c?void 0:c.length)?null===(n=c[0].image)\|\|void 0===n?void 0:n.thumbnailSrc:x\|\|B?null===(i=null===(a=A.selectedVariant.mainImage)\|\|void 0===a?void 0:a.image)\|\|void 0===i?void 0:i.getSrc(360):null===(r=null===(o=A.selectedVariant.mainImage)\|\|void 0===o?void 0:o.image)\|\|void 0===r?void 0:r.thumbnailSrc}),[A.selectedVariant,x,B]),Q=e.useMemo((function(){if(!h.offer.countdownMinutes\|\|!h.campaignOffer.offerStartDate)return 0;var e=Math.round(((new Date).getTime()-new Date(h.campaignOffer.offerStartDate).getTime())/1e3);return e>60h.offer.countdownMinutes?0:60h.offer.countdownMinutes-e}),[h]),W=function(e~~){w(0)~~,S.updateCartCampaignOffer({accepted:e,cartId:S.checkout.id,campaignOfferId:h.campaignOffer.campaignOfferId,campaignOfferProductId:h.offer.id,productId:h.offer.productId,variantId:A.selectedVariant.id})},Y=function(){W(!0)},Z=function(){W(!1)},$=function(e,t){var n=null;A.displayedVariantTypes.forEach((function(t){t.displayedVariantValues.forEach((function(t){t.variant.id===e&&(n=t.variantValue)}))}));var a=A.variants.find((function(t){return t.id===e})),i=!!a&&!!a.variantValues&&!!a.variantValues.length&&a.variantValues[t];i&&A.selectVariantValue(i,!0),A.displayedVariantTypes.forEach((function(t){t.displayedVariantValues.forEach((function(t){t.variant.id===e&&(n=t.variantValue)}))})),n?A.selectVariantValue(n,!0):$(e,t+1)},_=h.offer.countdownMinutes&&(k!==n.SUCCESS?!!(null===(m=S.customizationProps)\|\|void 0===m?void 0:m.campaignOfferCountdownStyleIsLine):!!(null===(p=S.customizationProps)\|\|void 0===p?void 0:p.campaignOfferCountdownStyleIsLineSuccessPage))\|\|j&&h.offer.countdownMinutes;return e.createElement("div",{style:{transform:"translateX(-".concat(100*P,"%)")},className:[c.Container,E===P?c.ActiveOffer:"",N?c.PopupContainer:"",B?c.PopupContainerDesktop:"",k===n.SUCCESS?c.Border:""].join(" ")},h.offer.countdownMinutes&&(k!==n.SUCCESS?!(null===(v=S.customizationProps)\|\|void 0===v?void 0:v.campaignOfferCountdownStyleIsLine):!(null===(g=S.customizationProps)\|\|void 0===g?void 0:g.campaignOfferCountdownStyleIsLineSuccessPage))&&!j&&e.createElement(u,{seconds:Q,onFinish:Z,vm:S,campaignOffer:h,step:k}),e.createElement("div",{onTouchStart:function(e){J(null),X(e.targetTouches[0].clientX)},onTouchMove:function(e){return J(e.targetTouches[0].clientX)},onTouchEnd:function(){if(H&&G&&O>1){var e=H-G,t=e>50;(t\|\|e<-50)&&(t?V():I())}},className:[c.ContentContainer,O>1?c.ContentContainerItems:"",j?O>1?c.ContentContainerPopup:c.ContentContainerPopupItems:""].join(" ")},!!N&&e.createElement("div",{className:c.RejectButton,onClick:function(){return y&&y()}},e.createElement(o,null)),e.createElement("div",{ref:D,className:[c.HeaderMain,x&&!j?c.IsBigProductImage:"",_?c.IsLineCountDown:"",j?c.MobileSmallHeader:""].join(" ")},e.createElement("div",{className:c.Header},e.createElement("div",{className:c.Title},h.offer.title),!!h.offer.description&&!j&&e.createElement("div",{className:c.Description},h.offer.description)),_&&e.createElement(u,{seconds:Q,onFinish:Z,vm:S,campaignOffer:h,isPopupClosed:j,step:k})),e.createElement("div",{className:[c.ProductContainer,x&&!j?c.IsLineProductContainer:""].join(" ")},e.createElement("div",{style:N?{width:b,height:b}:{},className:[c.ImageContainer,x&&!j?c.BigImage:"",j?c.SmallImage:"",B?c.BiggerImage:""].join(" ")},e.createElement("img",{className:c.Image,src:K})),e.createElement("div",{ref:L,className:c.ProductDetails},e.createElement("div",{className:c.ProductName},A.name),A.hasVariant&&1===A.variants.length&&e.createElement("div",{className:c.VariantName},A.selectedVariant.variantValues.map((function(e){return e.name})).join(", ")),!(null===(C=S.customizationProps)\|\|void 0===C?void 0:C.showCampaignHideDiscountBadge)&&A.selectedVariant.hasDiscount&&e.createElement("span",{className:c.DiscountBadge},h.offer.discountType===s.RATIO?"%".concat(A.selectedVariant.discountPercentage):l(h.offer.discountAmount\|\|0,A.selectedVariant.price.currency\|\|"",A.selectedVariant.price.currencySymbol\|\|"")," ",T("checkout-page:discount")),e.createElement("div",{className:c.ProductPriceMain},A.selectedVariant.hasDiscount&&e.createElement("span",{className:c.Discount},A.selectedVariant.formattedSellPrice," "),e.createElement("span",{className:c.ProductPrice},h.offer.discountType===s.AMOUNT?l(A.selectedVariant.price.sellPrice-(h.offer.discountAmount\|\|0),A.selectedVariant.price.currency\|\|"",A.selectedVariant.price.currencySymbol\|\|""):A.selectedVariant.formattedFinalPrice)),!j&&A.variants.length>1&&e.createElement("div",{className:c.Actions},A.variants.length>1&&e.createElement(i,{value:A.selectedVariant.id,onSelectChange:function(e){$(e,0)},options:A.variants.map((function(e){return{label:e.variantValues.map((function(e){return e.name})).join(", "),value:e.id}}))})),!!j&&e.createElement(a,{classes:[c.OfferButton,x?c.OfferAcceptButton:"",c.PopupOfferButton].join(" "),text:T("checkout-page:actions.acceptOffer"),onClick:function(){A.hasVariant?M&&M():Y()}}),!!B&&e.createElement("div",{className:[c.OfferActionsMain,x?c.OfferActionsMainBigImage:"",c.OfferActionsMainMiddlePhase].join(" ")},e.createElement(a,{classes:c.OfferButton,isLine:!0,text:T("checkout-page:actions.rejectOffer"),onClick:Z}),e.createElement(a,{classes:[c.OfferButton,x?c.OfferAcceptButton:""].join(" "),text:e.createElement("div",null,e.createElement("span",null,T("checkout-page:actions.acceptOffer")),e.createElement("span",null),e.createElement("span",null,A.selectedVariant.price.formattedFinalPrice)),onClick:Y})))),!(j\|\|B)&&e.createElement("div",{ref:z,className:[c.OfferActionsMain,x?c.OfferActionsMainBigImage:""].join(" ")},e.createElement(a,{classes:c.OfferButton,isLine:!0,text:T("checkout-page:actions.rejectOffer"),onClick:Z}),e.createElement(a,{classes:[c.OfferButton,x?c.OfferAcceptButton:""].join(" "),text:T("checkout-page:actions.acceptOffer"),onClick:Y}))))}));export{f as default};
1	+ importas e from"react";import{observer as t}from"mobx-react-lite";import{CheckoutStep as n}from"../../model.js";import{Button as a}from"../button/index.js";import i from"./select/index.js";import o from"../svg/cross.js";import{useTranslation as r}from"../../../../utils/i18n.js";import c from"./style.module.scss.js";import{IkasAmountType as s}from"@ikas/storefront-models";import{IkasStorefrontConfig as l}from"@ikas/storefront-config";import{formatCurrency as u}from"../../../../utils/currency.js";var d=function(t){var a,i,o=t.seconds,s=t.onFinish,l=t.campaignOffer,u=t.vm,d=t.isPopupClosed,m=t.step,p=r().t,v=e.useState(o),g=v[0],C=v[1];e.useEffect((function(){C(o)}),[o]),e.useEffect((function(){var e=setInterval((function(){g>0?C(g-1):(clearInterval(e),s())}),1e3);return function(){return clearInterval(e)}}),[g]);var S=l.offer.countdownMinutes&&(m!==n.SUCCESS?!!(null===(a=u.customizationProps)\|\|void 0===a?void 0:a.campaignOfferCountdownStyleIsLine):!!(null===(i=u.customizationProps)\|\|void 0===i?void 0:i.campaignOfferCountdownStyleIsLineSuccessPage))\|\|d;return e.createElement("div",{className:S?c.CountdownContainerIsLine:c.CountdownContainer},e.createElement("div",{className:c.CountdownTextMain},!S&&e.createElement("span",{className:c.CountdownText},p("checkout-page:timeRemaining")),e.createElement("span",{className:c.CountdownTime},f(g))))},f=function(e){var t=Math.floor(e/60/60),n=Math.floor(e/60)-60t,a=e%60;return 0!==t?t.toString().padStart(2,"0")+":":n.toString().padStart(2,"0")+":"+a.toString().padStart(2,"0")},m=t((function(t){var f,m,p,v,g,C,S,h=t.vm,E=t.campaignOffer,O=t.index,P=t.activeIndex,I=t.offersLength,V=t.handleNext,w=t.handlePrev,N=t.setActiveIndex,y=t.isPopupShow,B=t.closePopup,M=t.showPopup,j=t.isPopupClosed,k=t.desktopMiddlePhase,T=t.step,A=r().t,x=E.product,D=T!==n.SUCCESS?!!(null===(f=h.customizationProps)\|\|void 0===f?void 0:f.campaignOfferIsSmallDesign)&&y:!!(null===(m=h.customizationProps)\|\|void 0===m?void 0:m.showCampaignIsBiggerImage)&&T===n.SUCCESS,L=e.useRef(null),z=e.useRef(null),b=e.useRef(null),R=e.useState(0),U=R[0],F=R[1],H=["0ead1005-b19c-4680-8ab7-a8a1cca3244e","ec27eadf-1953-4c71-9680-f213332694a2"].includes(l.getStorefrontId()\|\|"");e.useEffect((function(){var e,t,a,i,o,r,c,s;if(void 0!==typeof window){var l=.8window.innerHeight,u=0,d=0,f=0;L.current&&(u=null===(t=null===(e=L.current)\|\|void 0===e?void 0:e.getBoundingClientRect())\|\|void 0===t?void 0:t.height),z.current&&(d=null===(i=null===(a=z.current)\|\|void 0===a?void 0:a.getBoundingClientRect())\|\|void 0===i?void 0:i.height),b.current&&(f=null===(r=null===(o=b.current)\|\|void 0===o?void 0:o.getBoundingClientRect())\|\|void 0===r?void 0:r.height);var m=(T===n.SUCCESS?null===(c=h.customizationProps)\|\|void 0===c?void 0:c.campaignOfferCountdownStyleIsLineSuccessPage:null===(s=h.customizationProps)\|\|void 0===s?void 0:s.campaignOfferCountdownStyleIsLine)?25:70,p=navigator.userAgent.match(/Version\/[\d\.]+.Safari/)?20:0;F(l-u-d-f-p-m)}}),[y]);var X=e.useState(null),q=X[0],G=X[1],J=e.useState(null),K=J[0],Q=J[1],W=e.useMemo((function(){var e,t,n,a,i,o,r,c=null===(e=x.selectedVariant.images)\|\|void 0===e?void 0:e.filter((function(e){return!e.isVideo}));return(null===(t=x.selectedVariant.mainImage)\|\|void 0===t?void 0:t.isVideo)&&(null==c?void 0:c.length)?null===(n=c[0].image)\|\|void 0===n?void 0:n.thumbnailSrc:D\|\|k?null===(i=null===(a=x.selectedVariant.mainImage)\|\|void 0===a?void 0:a.image)\|\|void 0===i?void 0:i.getSrc(360):null===(r=null===(o=x.selectedVariant.mainImage)\|\|void 0===o?void 0:o.image)\|\|void 0===r?void 0:r.thumbnailSrc}),[x.selectedVariant,D,k]),Y=function(e){N(0),h.updateCartCampaignOffer({accepted:e,cartId:h.checkout.id,campaignOfferId:E.campaignOffer.campaignOfferId,campaignOfferProductId:E.offer.id,productId:E.offer.productId,variantId:x.selectedVariant.id})},Z=function(){Y(!1)},$=function(){Y(!0)},_=e.useMemo((function(){if(!E.offer.countdownMinutes\|\|!E.campaignOffer.offerStartDate)return 0;var e=Math.round(((new Date).getTime()-new Date(E.campaignOffer.offerStartDate).getTime())/1e3);return e>60E.offer.countdownMinutes?(Z(),0):60E.offer.countdownMinutes-e}),[E]),ee=function(e,t){var n=null;x.displayedVariantTypes.forEach((function(t){t.displayedVariantValues.forEach((function(t){t.variant.id===e&&(n=t.variantValue)}))}));var a=x.variants.find((function(t){return t.id===e})),i=!!a&&!!a.variantValues&&!!a.variantValues.length&&a.variantValues[t];i&&x.selectVariantValue(i,!0),x.displayedVariantTypes.forEach((function(t){t.displayedVariantValues.forEach((function(t){t.variant.id===e&&(n=t.variantValue)}))})),n?x.selectVariantValue(n,!0):ee(e,t+1)},te=E.offer.countdownMinutes&&(T!==n.SUCCESS?!!(null===(p=h.customizationProps)\|\|void 0===p?void 0:p.campaignOfferCountdownStyleIsLine):!!(null===(v=h.customizationProps)\|\|void 0===v?void 0:v.campaignOfferCountdownStyleIsLineSuccessPage))\|\|j&&E.offer.countdownMinutes;return e.createElement("div",{style:{transform:"translateX(-".concat(100*P,"%)")},className:[c.Container,O===P?c.ActiveOffer:"",y?c.PopupContainer:"",k?c.PopupContainerDesktop:"",T===n.SUCCESS?c.Border:""].join(" ")},E.offer.countdownMinutes&&(T!==n.SUCCESS?!(null===(g=h.customizationProps)\|\|void 0===g?void 0:g.campaignOfferCountdownStyleIsLine):!(null===(C=h.customizationProps)\|\|void 0===C?void 0:C.campaignOfferCountdownStyleIsLineSuccessPage))&&!j&&e.createElement(d,{seconds:_,onFinish:Z,vm:h,campaignOffer:E,step:T}),e.createElement("div",{onTouchStart:function(e){Q(null),G(e.targetTouches[0].clientX)},onTouchMove:function(e){return Q(e.targetTouches[0].clientX)},onTouchEnd:function(){if(q&&K&&I>1){var e=q-K,t=e>50;(t\|\|e<-50)&&(t?V():w())}},className:[c.ContentContainer,I>1?c.ContentContainerItems:"",j?I>1?c.ContentContainerPopup:c.ContentContainerPopupItems:""].join(" ")},!!y&&e.createElement("div",{className:c.RejectButton,onClick:function(){return B&&B()}},e.createElement(o,null)),e.createElement("div",{ref:L,className:[c.HeaderMain,D&&!j?c.IsBigProductImage:"",te?c.IsLineCountDown:"",j?c.MobileSmallHeader:""].join(" ")},e.createElement("div",{className:c.Header},e.createElement("div",{className:c.Title},E.offer.title),!!E.offer.description&&!j&&e.createElement("div",{className:c.Description},E.offer.description)),te&&e.createElement(d,{seconds:_,onFinish:Z,vm:h,campaignOffer:E,isPopupClosed:j,step:T})),e.createElement("div",{className:[c.ProductContainer,D&&!j?c.IsLineProductContainer:""].join(" ")},e.createElement("div",{style:y?{width:U,height:U}:{},className:[c.ImageContainer,D&&!j?c.BigImage:"",j?c.SmallImage:"",k?c.BiggerImage:""].join(" ")},e.createElement("img",{className:c.Image,src:W})),e.createElement("div",{ref:z,className:c.ProductDetails},e.createElement("div",{className:c.ProductName},x.name),x.hasVariant&&1===x.variants.length&&e.createElement("div",{className:c.VariantName},x.selectedVariant.variantValues.map((function(e){return e.name})).join(", ")),!(null===(S=h.customizationProps)\|\|void 0===S?void 0:S.showCampaignHideDiscountBadge)&&x.selectedVariant.hasDiscount&&e.createElement("span",{className:c.DiscountBadge},E.offer.discountType===s.RATIO?"%".concat(x.selectedVariant.discountPercentage):u(E.offer.discountAmount\|\|0,x.selectedVariant.price.currency\|\|"",x.selectedVariant.price.currencySymbol\|\|"")," ",A("checkout-page:discount")),e.createElement("div",{className:c.ProductPriceMain},x.selectedVariant.hasDiscount&&e.createElement("span",{className:c.Discount},x.selectedVariant.formattedSellPrice," "),e.createElement("span",{className:c.ProductPrice},E.offer.discountType===s.AMOUNT?u(x.selectedVariant.price.sellPrice-(E.offer.discountAmount\|\|0),x.selectedVariant.price.currency\|\|"",x.selectedVariant.price.currencySymbol\|\|""):x.selectedVariant.formattedFinalPrice)),!j&&x.variants.length>1&&e.createElement("div",{className:c.Actions},x.variants.length>1&&e.createElement(i,{value:x.selectedVariant.id,onSelectChange:function(e){ee(e,0)},options:x.variants.map((function(e){return{label:e.variantValues.map((function(e){return e.name})).join(", "),value:e.id}}))})),!!j&&e.createElement(a,{classes:[c.OfferButton,D?c.OfferAcceptButton:"",H?c.ProteinOceanOfferButton:"",c.PopupOfferButton].join(" "),text:A("checkout-page:actions.acceptOffer"),onClick:function(){x.hasVariant&&x.variants.length>1?M&&M():$()}}),!!k&&e.createElement("div",{className:[c.OfferActionsMain,D?c.OfferActionsMainBigImage:"",c.OfferActionsMainMiddlePhase].join(" ")},e.createElement(a,{classes:c.OfferButton,isLine:!0,text:A("checkout-page:actions.rejectOffer"),onClick:Z}),e.createElement(a,{classes:[c.OfferButton,D?c.OfferAcceptButton:"",H?c.ProteinOceanOfferButton:""].join(" "),text:e.createElement("div",null,e.createElement("span",null,A("checkout-page:actions.acceptOffer")),e.createElement("span",null),e.createElement("span",null,x.selectedVariant.price.formattedFinalPrice)),onClick:$})))),!(j\|\|k)&&e.createElement("div",{ref:b,className:[c.OfferActionsMain,D?c.OfferActionsMainBigImage:""].join(" ")},e.createElement(a,{classes:c.OfferButton,isLine:!0,text:A("checkout-page:actions.rejectOffer"),onClick:Z}),e.createElement(a,{classes:[c.OfferButton,D?c.OfferAcceptButton:"",H?c.ProteinOceanOfferButton:""].join(" "),text:A("checkout-page:actions.acceptOffer"),onClick:$}))))}));export{m as default};

package/build/components/checkout/components/offer-product/style.module.scss.js CHANGED Viewed

	@@ -1 +1 @@
1	- import n from'./../../../../ext/style-inject/dist/style-inject.es.js';var e={Container:"style-module_Container__-EKYc",Border:"style-module_Border__DqZgC",ActiveOffer:"style-module_ActiveOffer__JZyW-",CountdownContainer:"style-module_CountdownContainer__bc-5v",CountdownContainerIsLine:"style-module_CountdownContainerIsLine__YtdAv",CountdownTextMain:"style-module_CountdownTextMain__S9Rrn",CountdownText:"style-module_CountdownText__Hd-3I",CountdownTime:"style-module_CountdownTime__a2aRF",ContentContainer:"style-module_ContentContainer__tC3zO",HeaderMain:"style-module_HeaderMain__-tiUy",Header:"style-module_Header__J2wyt",IsLineCountDown:"style-module_IsLineCountDown__xgFDT",IsBigProductImage:"style-module_IsBigProductImage__YdAgY",IsLineProductContainer:"style-module_IsLineProductContainer__3Nkqr",Title:"style-module_Title__4T394",Description:"style-module_Description__GPKR-",RejectButton:"style-module_RejectButton__3SwP8",ProductContainer:"style-module_ProductContainer__9qr9n",ImageContainer:"style-module_ImageContainer__gxlXU",PlaceHolderProductContainer:"style-module_PlaceHolderProductContainer__XVvyr",BigImage:"style-module_BigImage__n1DH9",SmallImage:"style-module_SmallImage__42qY-",BiggerImage:"style-module_BiggerImage__2M7Dw",Image:"style-module_Image__gDla7",ProductDetails:"style-module_ProductDetails__a-gJx",ProductName:"style-module_ProductName__yTmJx",VariantName:"style-module_VariantName__DF1mY",Brand:"style-module_Brand__UxK7C",ProductPriceMain:"style-module_ProductPriceMain__IJHv-",ProductPrice:"style-module_ProductPrice__U6Lhy",Discount:"style-module_Discount__tjllJ",Actions:"style-module_Actions__XZsJD",DiscountBadge:"style-module_DiscountBadge__deWxZ",ContentContainerItems:"style-module_ContentContainerItems__SIB05",OfferActionsMain:"style-module_OfferActionsMain__9axsN",OfferActionsMainMiddlePhase:"style-module_OfferActionsMainMiddlePhase__7VryS",OfferButton:"style-module_OfferButton__pkhNI",OfferActionsMainBigImage:"style-module_OfferActionsMainBigImage__qCPQB",MobileSmallHeader:"style-module_MobileSmallHeader__zrlIx",ContentContainerPopup:"style-module_ContentContainerPopup__Pburr",ContentContainerPopupItems:"style-module_ContentContainerPopupItems__7Azct",PopupOfferButton:"style-module_PopupOfferButton__-9ljg",PopupContainer:"style-module_PopupContainer__sL4sY",PopupContainerDesktop:"style-module_PopupContainerDesktop__c13p-"};n(".style-module_Container__-EKYc {\n margin: 32px 0 48px 0;\n border: 1px solid var(--checkout-border-color);\n border-radius: 8px;\n flex-shrink: 0;\n width: 100%;\n transition: 0.5s ease;\n background-color: var(--checkout-campaign-container-bg-color);\n}\n@media only screen and (max-width: 1000px) {\n .style-module_Container__-EKYc {\n margin: 0;\n border-radius: 0;\n border: unset;\n border-bottom: 1px solid var(--checkout-border-color);\n }\n}\n@media only screen and (max-width: 1000px) {\n .style-module_Container__-EKYc.style-module_Border__DqZgC {\n border-top: 1px solid var(--checkout-border-color);\n }\n}\n\n.style-module_ActiveOffer__JZyW- {\n position: relative;\n opacity: 1;\n}\n\n.style-module_CountdownContainer__bc-5v {\n display: flex;\n justify-content: center;\n padding: 12px 16px;\n border-radius: 8px 8px 0 0;\n background-color: var(--checkout-campaign-countdown-bg-color);\n}\n@media only screen and (max-width: 1000px) {\n .style-module_CountdownContainer__bc-5v {\n border-radius: 0;\n }\n}\n\n.style-module_CountdownContainerIsLine__YtdAv {\n display: flex;\n justify-content: center;\n padding: 4px 12px;\n border-radius: 8px;\n background-color: var(--checkout-campaign-countdown-bg-color);\n height: 32px;\n}\n\n.style-module_CountdownTextMain__S9Rrn {\n gap: 6px;\n display: flex;\n}\n\n.style-module_CountdownText__Hd-3I {\n color: var(--checkout-campaign-countdown-text-color);\n font-size: 16px;\n font-weight: 500;\n line-height: 24px;\n}\n\n.style-module_CountdownTime__a2aRF {\n color: var(--checkout-campaign-countdown-time-color);\n font-size: 16px;\n font-weight: 700;\n line-height: 24px;\n}\n\n.style-module_ContentContainer__tC3zO {\n padding: 24px;\n width: 100%;\n position: relative;\n}\n\n.style-module_HeaderMain__-tiUy {\n display: flex;\n flex-direction: column;\n margin-bottom: 16px;\n}\n\n.style-module_Header__J2wyt {\n display: flex;\n flex-direction: column;\n}\n\n.style-module_IsLineCountDown__xgFDT {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n}\n.style-module_IsLineCountDown__xgFDT .style-module_Header__J2wyt {\n width: 75%;\n}\n\n@media only screen and (max-width: 1000px) {\n .style-module_IsBigProductImage__YdAgY {\n flex-direction: column;\n justify-content: center;\n text-align: center;\n row-gap: 16px;\n align-items: center;\n }\n}\n\n@media only screen and (max-width: 1000px) {\n .style-module_IsLineProductContainer__3Nkqr {\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 256px;\n margin: 0 auto;\n row-gap: 12px;\n }\n}\n\n.style-module_Title__4T394 {\n font-size: 20px;\n color: var(--checkout-campaign-title-color);\n font-weight: 500;\n line-height: 32px;\n}\n@media only screen and (max-width: 1000px) {\n .style-module_Title__4T394 {\n font-size: 18px;\n line-height: 26px;\n }\n}\n\n.style-module_Description__GPKR- {\n color: var(--checkout-campaign-description-color);\n font-size: 16px;\n font-weight: 400;\n line-height: 24px;\n}\n\n.style-module_RejectButton__3SwP8 {\n height: 35px;\n width: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n right: 16px;\n top: 10px;\n cursor: pointer;\n position: absolute;\n}\n\n.style-module_ProductContainer__9qr9n {\n display: flex;\n}\n\n.style-module_ImageContainer__gxlXU {\n height: 80px;\n width: 80px;\n position: relative;\n background-color: #fff;\n margin-right: 12px;\n border-radius: 8px;\n border: 1px solid var(--checkout-border-color);\n}\n.style-module_ImageContainer__gxlXU svg {\n width: 40px;\n height: 40px;\n}\n\n.style-module_PlaceHolderProductContainer__XVvyr {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.style-module_BigImage__n1DH9 {\n height: 152px;\n width: 152px;\n margin-right: 16px;\n}\n.style-module_BigImage__n1DH9 svg {\n width: 80px;\n height: 80px;\n}\n@media only screen and (max-width: 1000px) {\n .style-module_BigImage__n1DH9 {\n height: 256px;\n width: 256px;\n margin-right: 0;\n }\n}\n\n.style-module_SmallImage__42qY- {\n height: 52px;\n width: 52px;\n}\n\n.style-module_BiggerImage__2M7Dw {\n height: 320px;\n width: 320px;\n}\n\n.style-module_Image__gDla7 {\n width: 100%;\n height: 100%;\n object-fit: cover;\n border-radius: 8px;\n}\n\n.style-module_ProductDetails__a-gJx {\n flex: 1;\n width: 100%;\n position: relative;\n}\n\n.style-module_ProductName__yTmJx {\n margin-bottom: 4px;\n font-size: 16px;\n color: var(--checkout-primary-text-color);\n font-weight: 500;\n line-height: 24px;\n}\n\n.style-module_VariantName__DF1mY {\n margin-bottom: 4px;\n font-size: 14px;\n color: var(--checkout-primary-text-color);\n line-height: 20px;\n}\n\n.style-module_Brand__UxK7C {\n margin-bottom: 2px;\n font-size: 14px;\n color: var(--checkout-primary-text-color);\n line-height: 20px;\n}\n\n.style-module_ProductPriceMain__IJHv- {\n gap: 6px;\n display: flex;\n}\n\n.style-module_ProductPrice__U6Lhy {\n font-size: 16px;\n font-weight: 500;\n color: var(--checkout-primary-text-color);\n line-height: 24px;\n}\n\n.style-module_Discount__tjllJ {\n font-size: 16px;\n font-weight: 400;\n color: var(--checkout-secondary-text-color);\n text-decoration: line-through;\n line-height: 24px;\n}\n\n.style-module_Actions__XZsJD {\n display: flex;\n margin-top: 16px;\n width: 100%;\n}\n\n.style-module_DiscountBadge__deWxZ {\n color: var(--checkout-campaign-discount-percentage-color);\n background-color: var(--checkout-campaign-discount-percentage-bg-color);\n display: flex;\n padding: 4px 8px;\n border-radius: 4px;\n font-size: 14px;\n font-weight: 700;\n line-height: 20px;\n width: max-content;\n margin-bottom: 4px;\n}\n@media only screen and (max-width: 1000px) {\n .style-module_DiscountBadge__deWxZ {\n font-size: 12px;\n }\n}\n\n.style-module_ContentContainerItems__SIB05 {\n position: relative;\n}\n@media only screen and (max-width: 1000px) {\n .style-module_ContentContainerItems__SIB05 {\n padding-bottom: 60px;\n }\n}\n\n.style-module_OfferActionsMain__9axsN {\n display: flex;\n gap: 12px;\n margin-top: 24px;\n}\n\n.style-module_OfferActionsMainMiddlePhase__7VryS {\n display: flex;\n flex-direction: column;\n gap: 12px;\n margin-top: 24px;\n flex-direction: column-reverse;\n position: absolute;\n bottom: 0;\n width: 100%;\n}\n.style-module_OfferActionsMainMiddlePhase__7VryS .style-module_OfferButton__pkhNI div span:nth-child(2) {\n background-color: rgb(255, 255, 255);\n width: 2px;\n height: 2px;\n display: flex;\n}\n.style-module_OfferActionsMainMiddlePhase__7VryS .style-module_OfferButton__pkhNI div {\n display: flex;\n align-items: center;\n gap: 8px;\n font-weight: 500;\n}\n.style-module_OfferActionsMainMiddlePhase__7VryS .style-module_OfferButton__pkhNI div span {\n font-weight: 500;\n}\n\n@media only screen and (max-width: 1000px) {\n .style-module_OfferActionsMainBigImage__qCPQB {\n display: flex;\n flex-direction: column;\n flex-direction: column-reverse;\n }\n}\n\n.style-module_OfferButton__pkhNI {\n font-weight: 500 !important;\n width: 100%;\n height: 52px !important;\n font-size: 16px;\n}\n\n.style-module_MobileSmallHeader__zrlIx {\n margin-bottom: 10px;\n}\n.style-module_MobileSmallHeader__zrlIx .style-module_Header__J2wyt .style-module_Title__4T394 {\n font-size: 16px;\n font-weight: 500;\n line-height: 24px;\n}\n\n.style-module_ContentContainerPopup__Pburr {\n padding: 16px;\n padding-bottom: 60px;\n}\n.style-module_ContentContainerPopup__Pburr .style-module_ProductContainer__9qr9n .style-module_ProductDetails__a-gJx {\n position: relative;\n}\n\n.style-module_ContentContainerPopupItems__7Azct {\n padding: 16px;\n}\n.style-module_ContentContainerPopupItems__7Azct .style-module_ProductContainer__9qr9n .style-module_ProductDetails__a-gJx {\n position: relative;\n}\n\n.style-module_PopupOfferButton__-9ljg {\n position: absolute;\n bottom: 0;\n right: 0;\n width: 40%;\n font-size: 12px;\n height: 44px !important;\n}\n\n.style-module_PopupContainer__sL4sY {\n border-bottom: unset;\n}\n.style-module_PopupContainer__sL4sY .style-module_ContentContainer__tC3zO {\n padding-bottom: 16px;\n}\n\n.style-module_PopupContainerDesktop__c13p- {\n border: 1px solid var(--checkout-border-color);\n}");export{e as default};
1	+ import n from'./../../../../ext/style-inject/dist/style-inject.es.js';var e={Container:"style-module_Container__-EKYc",Border:"style-module_Border__DqZgC",ActiveOffer:"style-module_ActiveOffer__JZyW-",CountdownContainer:"style-module_CountdownContainer__bc-5v",CountdownContainerIsLine:"style-module_CountdownContainerIsLine__YtdAv",CountdownTextMain:"style-module_CountdownTextMain__S9Rrn",CountdownText:"style-module_CountdownText__Hd-3I",CountdownTime:"style-module_CountdownTime__a2aRF",ContentContainer:"style-module_ContentContainer__tC3zO",HeaderMain:"style-module_HeaderMain__-tiUy",Header:"style-module_Header__J2wyt",IsLineCountDown:"style-module_IsLineCountDown__xgFDT",IsBigProductImage:"style-module_IsBigProductImage__YdAgY",IsLineProductContainer:"style-module_IsLineProductContainer__3Nkqr",Title:"style-module_Title__4T394",Description:"style-module_Description__GPKR-",RejectButton:"style-module_RejectButton__3SwP8",ProductContainer:"style-module_ProductContainer__9qr9n",ImageContainer:"style-module_ImageContainer__gxlXU",PlaceHolderProductContainer:"style-module_PlaceHolderProductContainer__XVvyr",BigImage:"style-module_BigImage__n1DH9",SmallImage:"style-module_SmallImage__42qY-",BiggerImage:"style-module_BiggerImage__2M7Dw",Image:"style-module_Image__gDla7",ProductDetails:"style-module_ProductDetails__a-gJx",ProductName:"style-module_ProductName__yTmJx",VariantName:"style-module_VariantName__DF1mY",Brand:"style-module_Brand__UxK7C",ProductPriceMain:"style-module_ProductPriceMain__IJHv-",ProductPrice:"style-module_ProductPrice__U6Lhy",Discount:"style-module_Discount__tjllJ",Actions:"style-module_Actions__XZsJD",DiscountBadge:"style-module_DiscountBadge__deWxZ",ContentContainerItems:"style-module_ContentContainerItems__SIB05",OfferActionsMain:"style-module_OfferActionsMain__9axsN",OfferActionsMainMiddlePhase:"style-module_OfferActionsMainMiddlePhase__7VryS",OfferButton:"style-module_OfferButton__pkhNI",OfferActionsMainBigImage:"style-module_OfferActionsMainBigImage__qCPQB",ProteinOceanOfferButton:"style-module_ProteinOceanOfferButton__ypr7i",MobileSmallHeader:"style-module_MobileSmallHeader__zrlIx",ContentContainerPopup:"style-module_ContentContainerPopup__Pburr",ContentContainerPopupItems:"style-module_ContentContainerPopupItems__7Azct",PopupOfferButton:"style-module_PopupOfferButton__-9ljg",PopupContainer:"style-module_PopupContainer__sL4sY",PopupContainerDesktop:"style-module_PopupContainerDesktop__c13p-"};n(".style-module_Container__-EKYc {\n margin: 32px 0 48px 0;\n border: 1px solid var(--checkout-border-color);\n border-radius: 8px;\n flex-shrink: 0;\n width: 100%;\n transition: 0.5s ease;\n background-color: var(--checkout-campaign-container-bg-color);\n}\n@media only screen and (max-width: 1000px) {\n .style-module_Container__-EKYc {\n margin: 0;\n border-radius: 0;\n border: unset;\n border-bottom: 1px solid var(--checkout-border-color);\n }\n}\n@media only screen and (max-width: 1000px) {\n .style-module_Container__-EKYc.style-module_Border__DqZgC {\n border-top: 1px solid var(--checkout-border-color);\n }\n}\n\n.style-module_ActiveOffer__JZyW- {\n position: relative;\n opacity: 1;\n}\n\n.style-module_CountdownContainer__bc-5v {\n display: flex;\n justify-content: center;\n padding: 12px 16px;\n border-radius: 8px 8px 0 0;\n background-color: var(--checkout-campaign-countdown-bg-color);\n}\n@media only screen and (max-width: 1000px) {\n .style-module_CountdownContainer__bc-5v {\n border-radius: 0;\n }\n}\n\n.style-module_CountdownContainerIsLine__YtdAv {\n display: flex;\n justify-content: center;\n padding: 4px 12px;\n border-radius: 8px;\n background-color: var(--checkout-campaign-countdown-bg-color);\n height: 32px;\n}\n\n.style-module_CountdownTextMain__S9Rrn {\n gap: 6px;\n display: flex;\n}\n\n.style-module_CountdownText__Hd-3I {\n color: var(--checkout-campaign-countdown-text-color);\n font-size: 16px;\n font-weight: 500;\n line-height: 24px;\n}\n\n.style-module_CountdownTime__a2aRF {\n color: var(--checkout-campaign-countdown-time-color);\n font-size: 16px;\n font-weight: 700;\n line-height: 24px;\n}\n\n.style-module_ContentContainer__tC3zO {\n padding: 24px;\n width: 100%;\n position: relative;\n}\n\n.style-module_HeaderMain__-tiUy {\n display: flex;\n flex-direction: column;\n margin-bottom: 16px;\n}\n\n.style-module_Header__J2wyt {\n display: flex;\n flex-direction: column;\n}\n\n.style-module_IsLineCountDown__xgFDT {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n}\n.style-module_IsLineCountDown__xgFDT .style-module_Header__J2wyt {\n width: 75%;\n}\n\n@media only screen and (max-width: 1000px) {\n .style-module_IsBigProductImage__YdAgY {\n flex-direction: column;\n justify-content: center;\n text-align: center;\n row-gap: 16px;\n align-items: center;\n }\n}\n\n@media only screen and (max-width: 1000px) {\n .style-module_IsLineProductContainer__3Nkqr {\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 256px;\n margin: 0 auto;\n row-gap: 12px;\n }\n}\n\n.style-module_Title__4T394 {\n font-size: 20px;\n color: var(--checkout-campaign-title-color);\n font-weight: 500;\n line-height: 32px;\n}\n@media only screen and (max-width: 1000px) {\n .style-module_Title__4T394 {\n font-size: 18px;\n line-height: 26px;\n }\n}\n\n.style-module_Description__GPKR- {\n color: var(--checkout-campaign-description-color);\n font-size: 16px;\n font-weight: 400;\n line-height: 24px;\n}\n\n.style-module_RejectButton__3SwP8 {\n height: 35px;\n width: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n right: 16px;\n top: 10px;\n cursor: pointer;\n position: absolute;\n}\n\n.style-module_ProductContainer__9qr9n {\n display: flex;\n}\n\n.style-module_ImageContainer__gxlXU {\n height: 80px;\n width: 80px;\n position: relative;\n background-color: #fff;\n margin-right: 12px;\n border-radius: 8px;\n border: 1px solid var(--checkout-border-color);\n}\n.style-module_ImageContainer__gxlXU svg {\n width: 40px;\n height: 40px;\n}\n\n.style-module_PlaceHolderProductContainer__XVvyr {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.style-module_BigImage__n1DH9 {\n height: 152px;\n width: 152px;\n margin-right: 16px;\n}\n.style-module_BigImage__n1DH9 svg {\n width: 80px;\n height: 80px;\n}\n@media only screen and (max-width: 1000px) {\n .style-module_BigImage__n1DH9 {\n height: 256px;\n width: 256px;\n margin-right: 0;\n }\n}\n\n.style-module_SmallImage__42qY- {\n height: 52px;\n width: 52px;\n}\n\n.style-module_BiggerImage__2M7Dw {\n height: 320px;\n width: 320px;\n}\n\n.style-module_Image__gDla7 {\n width: 100%;\n height: 100%;\n object-fit: cover;\n border-radius: 8px;\n}\n\n.style-module_ProductDetails__a-gJx {\n flex: 1;\n width: 100%;\n position: relative;\n}\n\n.style-module_ProductName__yTmJx {\n margin-bottom: 4px;\n font-size: 16px;\n color: var(--checkout-primary-text-color);\n font-weight: 500;\n line-height: 24px;\n}\n\n.style-module_VariantName__DF1mY {\n margin-bottom: 4px;\n font-size: 14px;\n color: var(--checkout-primary-text-color);\n line-height: 20px;\n}\n\n.style-module_Brand__UxK7C {\n margin-bottom: 2px;\n font-size: 14px;\n color: var(--checkout-primary-text-color);\n line-height: 20px;\n}\n\n.style-module_ProductPriceMain__IJHv- {\n gap: 6px;\n display: flex;\n}\n\n.style-module_ProductPrice__U6Lhy {\n font-size: 16px;\n font-weight: 500;\n color: var(--checkout-primary-text-color);\n line-height: 24px;\n}\n\n.style-module_Discount__tjllJ {\n font-size: 16px;\n font-weight: 400;\n color: var(--checkout-secondary-text-color);\n text-decoration: line-through;\n line-height: 24px;\n}\n\n.style-module_Actions__XZsJD {\n display: flex;\n margin-top: 16px;\n width: 100%;\n}\n\n.style-module_DiscountBadge__deWxZ {\n color: var(--checkout-campaign-discount-percentage-color);\n background-color: var(--checkout-campaign-discount-percentage-bg-color);\n display: flex;\n padding: 4px 8px;\n border-radius: 4px;\n font-size: 14px;\n font-weight: 700;\n line-height: 20px;\n width: max-content;\n margin-bottom: 4px;\n}\n@media only screen and (max-width: 1000px) {\n .style-module_DiscountBadge__deWxZ {\n font-size: 12px;\n }\n}\n\n.style-module_ContentContainerItems__SIB05 {\n position: relative;\n}\n@media only screen and (max-width: 1000px) {\n .style-module_ContentContainerItems__SIB05 {\n padding-bottom: 60px;\n }\n}\n\n.style-module_OfferActionsMain__9axsN {\n display: flex;\n gap: 12px;\n margin-top: 24px;\n}\n\n.style-module_OfferActionsMainMiddlePhase__7VryS {\n display: flex;\n flex-direction: column;\n gap: 12px;\n margin-top: 24px;\n flex-direction: column-reverse;\n position: absolute;\n bottom: 0;\n width: 100%;\n}\n.style-module_OfferActionsMainMiddlePhase__7VryS .style-module_OfferButton__pkhNI div span:nth-child(2) {\n background-color: rgb(255, 255, 255);\n width: 2px;\n height: 2px;\n display: flex;\n}\n.style-module_OfferActionsMainMiddlePhase__7VryS .style-module_OfferButton__pkhNI div {\n display: flex;\n align-items: center;\n gap: 8px;\n font-weight: 500;\n}\n.style-module_OfferActionsMainMiddlePhase__7VryS .style-module_OfferButton__pkhNI div span {\n font-weight: 500;\n}\n\n@media only screen and (max-width: 1000px) {\n .style-module_OfferActionsMainBigImage__qCPQB {\n display: flex;\n flex-direction: column;\n flex-direction: column-reverse;\n }\n}\n\n.style-module_OfferButton__pkhNI {\n font-weight: 500 !important;\n width: 100%;\n height: 52px !important;\n font-size: 16px;\n}\n\n.style-module_ProteinOceanOfferButton__ypr7i {\n font-weight: 600 !important;\n}\n\n.style-module_MobileSmallHeader__zrlIx {\n margin-bottom: 10px;\n}\n.style-module_MobileSmallHeader__zrlIx .style-module_Header__J2wyt .style-module_Title__4T394 {\n font-size: 16px;\n font-weight: 500;\n line-height: 24px;\n}\n\n.style-module_ContentContainerPopup__Pburr {\n padding: 16px;\n padding-bottom: 60px;\n}\n.style-module_ContentContainerPopup__Pburr .style-module_ProductContainer__9qr9n .style-module_ProductDetails__a-gJx {\n position: relative;\n}\n\n.style-module_ContentContainerPopupItems__7Azct {\n padding: 16px;\n}\n.style-module_ContentContainerPopupItems__7Azct .style-module_ProductContainer__9qr9n .style-module_ProductDetails__a-gJx {\n position: relative;\n}\n\n.style-module_PopupOfferButton__-9ljg {\n position: absolute;\n bottom: 0;\n right: 0;\n width: 40%;\n font-size: 12px;\n height: 44px !important;\n}\n\n.style-module_PopupContainer__sL4sY {\n border-bottom: unset;\n}\n.style-module_PopupContainer__sL4sY .style-module_ContentContainer__tC3zO {\n padding-bottom: 16px;\n}\n\n.style-module_PopupContainerDesktop__c13p- {\n border: 1px solid var(--checkout-border-color);\n}");export{e as default};

package/build/components/checkout/components/phone-number-input/index.d.ts CHANGED Viewed

@@ -6,5 +6,5 @@ declare type Props = {
     value: string;
     onChange: (value: string) => void;
 };
-export declare const PhoneNumberInput: React.FC<Props>;
+export declare const PhoneNumberInput: React.MemoExoticComponent<React.ForwardRefExoticComponent<Pick<Props & React.RefAttributes<HTMLInputElement>, keyof Props | "key"> & React.RefAttributes<HTMLInputElement>>>;
 export {};

package/build/components/checkout/components/phone-number-input/index.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{__awaiter as e,__generator as t}from'./../../../../ext/tslib/tslib.es6.js';import*as a from"react";import{observer as r}from"mobx-react-lite";import n,{isSupportedCountry as l,formatIncompletePhoneNumber as o,getCountryCallingCode as s,parseIncompletePhoneNumber as c}from"libphonenumber-js";import u from"./get-countries.js";import i from"./style.module.scss.js";var m=r((function(r){var m=r.defaultCountry,v=r.disabled,f=void 0!==v&&v,d=r.placeholder,g=r.value,p=r.onChange,b=a.useState([]),E=b[0],h=b[1],y=a.useState(m\|\|"TR"),N=y[0],C=y[1],S=a.useState(""),F=S[0],j=S[1];a.useEffect((function(){x();var e=N;if(l(e)\|\|(e="US"),g){var t=n(g);t&&t.country&&(e=t.country),j(o(g,e))}else k(e);C(e)}),[m]);var x=function(){return e(void 0,void 0,void 0,(function(){var e;return t(this,(function(t){switch(t.label){case 0:return[4,u()];case 1:return e=t.sent(),h(e),[2]}}))}))},k=function(e){var t=s(e);j("+".concat(t))},w=function(e){return o(e,N)};return a.createElement(a.Fragment,null,a.createElement("div",{className:i.SelectFlag},a.createElement("div",{className:i.FlagContainer},a.createElement("div",{className:i.Flag},a.createElement("img",{className:i.FlagImage,alt:N,src:"https://cdn.myikas.com/sf/assets/flags/3x2/".concat(N,".svg")}),a.createElement("div",{className:i.Arrow})),a.createElement("select",{className:i.Select,value:N,~~onChange~~:function(e){if(e.target.value){var t=e.target.value;C(t),k(t)}},disabled:f},E.map((function(e){return a.createElement("option",{key:e.value,value:e.value},e.label)}))))),a.createElement("input",{type:"tel",autoComplete:"tel",className:i.Input,value:F,~~onChange~~:function(e){var t=E.find((function(t){var a;return t.value===(null===(a=n(e.target.value))\|\|void 0===a?void 0:a.country)}));t&&C(t.value);var a=w(e.target.value);j(a),p(a?c(a):e.target.value)},placeholder:d,disabled:f}))}));export{m as PhoneNumberInput};
1	+ import{__awaiter as e,__generator as t}from'./../../../../ext/tslib/tslib.es6.js';import*as a from"react";import{observer as r}from"mobx-react-lite";import n,{isSupportedCountry as l,formatIncompletePhoneNumber as o,getCountryCallingCode as u,parseIncompletePhoneNumber as s}from"libphonenumber-js";import c from"./get-countries.js";import i from"./style.module.scss.js";var m=r(a.forwardRef((function(r,m){var v=r.defaultCountry,f=r.disabled,d=void 0!==f&&f,p=r.placeholder,g=r.value,b=r.onChange,E=a.useState([]),y=E[0],h=E[1],N=a.useState(v\|\|"TR"),S=N[0],F=N[1],j=a.useState(""),C=j[0],I=j[1];a.useEffect((function(){w();var e=S;if("KK"===e&&(e="TR"),l(e)\|\|(e="US"),g){var t=n(g);t&&t.country&&(e=t.country),I(o(g,e))}else x(e);F(e)}),[v]);var w=function(){return e(void 0,void 0,void 0,(function(){var e;return t(this,(function(t){switch(t.label){case 0:return[4,c()];case 1:return e=t.sent(),h(e),[2]}}))}))},x=function(e){var t=u(e);I("+".concat(t))},R=function(e){return o(e,S)};return a.createElement(a.Fragment,null,a.createElement("div",{className:i.SelectFlag},a.createElement("div",{className:i.FlagContainer},a.createElement("div",{className:i.Flag},a.createElement("img",{className:i.FlagImage,alt:S,src:"https://cdn.myikas.com/sf/assets/flags/3x2/".concat(S,".svg")}),a.createElement("div",{className:i.Arrow})),a.createElement("select",{className:i.Select,value:S,onInput:function(e){if(e.target.value){var t=e.target.value;F(t),x(t)}},disabled:d},y.map((function(e){return a.createElement("option",{key:e.value,value:e.value},e.label)}))))),a.createElement("input",{ref:m,type:"tel",autoComplete:"tel",className:i.Input,value:C,onInput:function(e){var t=y.find((function(t){var a;return t.value===(null===(a=n(e.target.value))\|\|void 0===a?void 0:a.country)}));t&&F(t.value);var a=R(e.target.value);I(a),b(a?s(a):e.target.value)},placeholder:p,disabled:d}))})));export{m as PhoneNumberInput};

package/build/components/checkout/components/quick-registration/completed.js CHANGED Viewed

	@@ -1 +1 @@
1	- import*as e from"react";import{observer as t}from"mobx-react-lite";import{Button as o}from"../button/index.js";import"@ikas/storefront-config";import{useTranslation as i}from"../../../../utils/i18n.js";import c from"../svg/success-circle.js";import r from"./style.module.scss.js";var a=t((function(t){var a=t.vm,m=i().t;return e.createElement("div",{className:r.Container},e.createElement("div",{className:r.TitleContainer},e.createElement(c,{className:r.Icon}),e.createElement("div",{className:r.CompletedTitle},m("checkout-page:quickRegistration.completedTitle"))),e.createElement("div",{className:r.SubTitle},m("checkout-page:quickRegistration.completedSubtitle")),e.createElement(o,{text:m("checkout-page:actions.login"),~~onClick:a.onGoToLoginClick,~~style:{width:"100%",marginTop:32}}))}));export{a as QuickRegistrationCompleted};
1	+ import*as e from"react";import{observer as t}from"mobx-react-lite";import{Button as o}from"../button/index.js";import"@ikas/storefront-config";import{useTranslation as i}from"../../../../utils/i18n.js";import r from"../svg/success-circle.js";import c from"./style.module.scss.js";var a=t((function(t){var a=t.vm,m=i().t;return e.createElement("div",{className:c.Container},e.createElement("div",{className:c.TitleContainer},e.createElement(r,{className:c.Icon}),e.createElement("div",{className:c.CompletedTitle},m("checkout-page:quickRegistration.completedTitle"))),e.createElement("div",{className:c.SubTitle},m("checkout-page:quickRegistration.completedSubtitle")),e.createElement(o,{href:a.getGoToLoginHref(),text:m("checkout-page:actions.login"),style:{width:"100%",marginTop:32}}))}));export{a as QuickRegistrationCompleted};