@ikas/storefront 5.0.0-beta.9 → 5.0.1

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 (244) hide show
  1. package/build/analytics/analytics.d.ts +4 -0
  2. package/build/analytics/analytics.js +1 -1
  3. package/build/analytics/facebookPixel.d.ts +1 -0
  4. package/build/analytics/facebookPixel.js +1 -1
  5. package/build/analytics/googleAnalytics.d.ts +1 -0
  6. package/build/analytics/googleAnalytics.js +1 -1
  7. package/build/analytics/googleTagManager.d.ts +12 -21
  8. package/build/analytics/googleTagManager.js +1 -1
  9. package/build/analytics/head/index.js +1 -1
  10. package/build/analytics/ikas.d.ts +2 -1
  11. package/build/analytics/ikas.js +1 -1
  12. package/build/analytics/tiktokPixel.d.ts +1 -0
  13. package/build/analytics/tiktokPixel.js +1 -1
  14. package/build/components/checkout/components/address-form/index.js +1 -1
  15. package/build/components/checkout/components/address-form/model.d.ts +13 -2
  16. package/build/components/checkout/components/address-form/model.js +1 -1
  17. package/build/components/checkout/components/cart-summary/cart-item/bundle-product-item/index.d.ts +7 -0
  18. package/build/components/checkout/components/cart-summary/cart-item/bundle-product-item/index.js +1 -0
  19. package/build/components/checkout/components/cart-summary/cart-item/bundle-product-item/style.module.scss.js +1 -0
  20. package/build/components/checkout/components/cart-summary/cart-item/index.d.ts +1 -0
  21. package/build/components/checkout/components/cart-summary/cart-item/index.js +1 -1
  22. package/build/components/checkout/components/cart-summary/cart-item/style.module.scss.js +1 -1
  23. package/build/components/checkout/components/cart-summary/cart-item/svg/arrow-down.d.ts +2 -0
  24. package/build/components/checkout/components/cart-summary/cart-item/svg/arrow-down.js +1 -0
  25. package/build/components/checkout/components/cart-summary/index.d.ts +11 -0
  26. package/build/components/checkout/components/cart-summary/index.js +1 -1
  27. package/build/components/checkout/components/cart-summary/style.module.scss.js +1 -1
  28. package/build/components/checkout/components/credit-card-form/model.js +1 -1
  29. package/build/components/checkout/components/customer-addresses/index.js +1 -1
  30. package/build/components/checkout/components/customer-addresses/model.js +1 -1
  31. package/build/components/checkout/components/customer-addresses/style.module.scss.js +1 -1
  32. package/build/components/checkout/components/epaykolay-button/index.d.ts +5 -0
  33. package/build/components/checkout/components/epaykolay-button/index.js +1 -0
  34. package/build/components/checkout/components/epaykolay-button/style.module.scss.js +1 -0
  35. package/build/components/checkout/components/error/customer-account-disabled-error/index.d.ts +8 -0
  36. package/build/components/checkout/components/error/customer-account-disabled-error/index.js +1 -0
  37. package/build/components/checkout/components/error/customer-login-required-error/index.js +1 -1
  38. package/build/components/checkout/components/error/index.js +1 -1
  39. package/build/components/checkout/components/form-item/index.js +1 -1
  40. package/build/components/checkout/components/form-item/model.js +1 -1
  41. package/build/components/checkout/components/notification-box/index.d.ts +2 -0
  42. package/build/components/checkout/components/notification-box/index.js +1 -1
  43. package/build/components/checkout/components/offer-product/index.js +1 -1
  44. package/build/components/checkout/components/paypal/index.d.ts +7 -0
  45. package/build/components/checkout/components/paypal/index.js +1 -0
  46. package/build/components/checkout/components/paypal/style.module.scss.js +1 -0
  47. package/build/components/checkout/components/product-files/index.d.ts +7 -0
  48. package/build/components/checkout/components/product-files/index.js +1 -0
  49. package/build/components/checkout/components/product-files/style.module.scss.js +1 -0
  50. package/build/components/checkout/components/quick-registration/model.js +1 -1
  51. package/build/components/checkout/components/select-box/index.d.ts +1 -0
  52. package/build/components/checkout/components/select-box/index.js +1 -1
  53. package/build/components/checkout/components/stripe/index.js +1 -1
  54. package/build/components/checkout/components/svg/epaykolay.d.ts +6 -0
  55. package/build/components/checkout/components/svg/epaykolay.js +1 -0
  56. package/build/components/checkout/components/toggle/index.d.ts +1 -0
  57. package/build/components/checkout/components/toggle/index.js +1 -1
  58. package/build/components/checkout/components/toggle/style.module.scss.js +1 -1
  59. package/build/components/checkout/index.d.ts +2 -0
  60. package/build/components/checkout/index.js +1 -1
  61. package/build/components/checkout/model.d.ts +44 -17
  62. package/build/components/checkout/model.js +1 -1
  63. package/build/components/checkout/steps/step-payment/index.js +1 -1
  64. package/build/components/checkout/steps/step-payment/payment-gateways/index.js +1 -1
  65. package/build/components/checkout/steps/step-payment/style.module.scss.js +1 -1
  66. package/build/components/checkout/steps/step-shipping/index.js +1 -1
  67. package/build/components/checkout/steps/step-success/index.js +1 -1
  68. package/build/components/checkout/steps/step-success/style.module.scss.js +1 -1
  69. package/build/components/checkout/style.module.scss.js +1 -1
  70. package/build/components/google-captcha/index.js +1 -1
  71. package/build/components/link/index.js +1 -1
  72. package/build/components/page/head.js +1 -1
  73. package/build/components/page/index.js +1 -1
  74. package/build/components/page-editor/ThemeComponentEditor.js +1 -1
  75. package/build/components/page-editor/model.d.ts +1 -0
  76. package/build/components/page-editor/model.js +1 -1
  77. package/build/hooks/useCustomerReviews.js +1 -1
  78. package/build/hooks/useStore.js +1 -1
  79. package/build/index.js +1 -1
  80. package/build/models/data/cart/available-shipping-method/estimated-delivery-time/index.d.ts +6 -0
  81. package/build/models/data/cart/available-shipping-method/estimated-delivery-time/index.js +1 -0
  82. package/build/models/data/cart/available-shipping-method/index.d.ts +2 -0
  83. package/build/models/data/cart/available-shipping-method/index.js +1 -1
  84. package/build/models/data/category/conditions/index.d.ts +21 -0
  85. package/build/models/data/category/conditions/index.js +1 -0
  86. package/build/models/data/category/index.d.ts +3 -0
  87. package/build/models/data/category/index.js +1 -1
  88. package/build/models/data/checkout/index.d.ts +2 -2
  89. package/build/models/data/checkout-settings/index.d.ts +2 -1
  90. package/build/models/data/checkout-settings/index.js +1 -1
  91. package/build/models/data/checkout-settings/price/index.d.ts +2 -1
  92. package/build/models/data/checkout-settings/price/index.js +1 -1
  93. package/build/models/data/contact-form/index.d.ts +1 -0
  94. package/build/models/data/contact-form/index.js +1 -1
  95. package/build/models/data/customer/address/ikas-localized-customer-address.d.ts +26 -12
  96. package/build/models/data/customer/address/ikas-localized-customer-address.js +1 -1
  97. package/build/models/data/customer/address/index.d.ts +5 -0
  98. package/build/models/data/customer/address/index.js +1 -1
  99. package/build/models/data/customer/address/region/index.d.ts +6 -0
  100. package/build/models/data/customer/address/region/index.js +1 -0
  101. package/build/models/data/customer/index.d.ts +7 -0
  102. package/build/models/data/customer/index.js +1 -1
  103. package/build/models/data/customer/price-list-rule/filter/index.d.ts +7 -0
  104. package/build/models/data/customer/price-list-rule/filter/index.js +1 -0
  105. package/build/models/data/customer/price-list-rule/index.d.ts +10 -0
  106. package/build/models/data/customer/price-list-rule/index.js +1 -0
  107. package/build/models/data/customer/review/index.d.ts +1 -0
  108. package/build/models/data/customer/review/index.js +1 -1
  109. package/build/models/data/favorite-product/index.d.ts +2 -0
  110. package/build/models/data/favorite-product/index.js +1 -1
  111. package/build/models/data/filter-category/index.d.ts +4 -0
  112. package/build/models/data/filter-category/index.js +1 -1
  113. package/build/models/data/html-meta-data/translations/index.d.ts +1 -0
  114. package/build/models/data/html-meta-data/translations/index.js +1 -1
  115. package/build/models/data/image/index.d.ts +1 -0
  116. package/build/models/data/image/index.js +1 -1
  117. package/build/models/data/index.d.ts +15 -1
  118. package/build/models/data/order/address/ikas-localized-order-address.d.ts +48 -18
  119. package/build/models/data/order/address/ikas-localized-order-address.js +1 -1
  120. package/build/models/data/order/address/index.d.ts +5 -0
  121. package/build/models/data/order/address/index.js +1 -1
  122. package/build/models/data/order/address/region/index.d.ts +6 -0
  123. package/build/models/data/order/address/region/index.js +1 -0
  124. package/build/models/data/order/index.d.ts +3 -0
  125. package/build/models/data/order/index.js +1 -1
  126. package/build/models/data/order/line-item/index.d.ts +5 -0
  127. package/build/models/data/order/line-item/index.js +1 -1
  128. package/build/models/data/order/line-item/variant/bundle-product/bundle-variant/index.d.ts +33 -0
  129. package/build/models/data/order/line-item/variant/bundle-product/bundle-variant/index.js +1 -0
  130. package/build/models/data/order/line-item/variant/bundle-product/index.d.ts +15 -0
  131. package/build/models/data/order/line-item/variant/bundle-product/index.js +1 -0
  132. package/build/models/data/order/line-item/variant/index.d.ts +4 -0
  133. package/build/models/data/order/line-item/variant/index.js +1 -1
  134. package/build/models/data/order/transaction/index.d.ts +1 -0
  135. package/build/models/data/order/transaction/index.js +1 -1
  136. package/build/models/data/order/transaction/payment-method-detail/index.d.ts +1 -0
  137. package/build/models/data/order/transaction/payment-method-detail/index.js +1 -1
  138. package/build/models/data/product/campaign-offer/index.d.ts +15 -0
  139. package/build/models/data/product/campaign-offer/index.js +1 -0
  140. package/build/models/data/product/filter/index.d.ts +2 -0
  141. package/build/models/data/product/filter/index.js +1 -1
  142. package/build/models/data/product/group/index.d.ts +11 -0
  143. package/build/models/data/product/group/index.js +1 -0
  144. package/build/models/data/product/group/translation/index.d.ts +13 -0
  145. package/build/models/data/product/group/translation/index.js +1 -0
  146. package/build/models/data/product/group/value/index.d.ts +7 -0
  147. package/build/models/data/product/group/value/index.js +1 -0
  148. package/build/models/data/product/image/index.d.ts +1 -0
  149. package/build/models/data/product/image/index.js +1 -1
  150. package/build/models/data/product/index.d.ts +34 -1
  151. package/build/models/data/product/index.js +1 -1
  152. package/build/models/data/product/variant/bundle-settings/bundle-product/index.d.ts +28 -0
  153. package/build/models/data/product/variant/bundle-settings/bundle-product/index.js +1 -0
  154. package/build/models/data/product/variant/bundle-settings/index.d.ts +8 -0
  155. package/build/models/data/product/variant/bundle-settings/index.js +1 -0
  156. package/build/models/data/product/variant/index.d.ts +35 -3
  157. package/build/models/data/product/variant/index.js +1 -1
  158. package/build/models/data/product/variant/price/index.d.ts +26 -0
  159. package/build/models/data/product/variant/price/index.js +1 -1
  160. package/build/models/data/product/variant/price/product-campaign-price/index.d.ts +6 -0
  161. package/build/models/data/product/variant/price/product-campaign-price/index.js +1 -0
  162. package/build/models/data/product-file/index.d.ts +8 -0
  163. package/build/models/data/product-file/index.js +1 -0
  164. package/build/models/data/shipping-zone/index.d.ts +9 -0
  165. package/build/models/data/shipping-zone/index.js +1 -0
  166. package/build/models/data/shipping-zone/state/city/district/index.d.ts +7 -0
  167. package/build/models/data/shipping-zone/state/city/district/index.js +1 -0
  168. package/build/models/data/shipping-zone/state/city/district/region/index.d.ts +6 -0
  169. package/build/models/data/shipping-zone/state/city/district/region/index.js +1 -0
  170. package/build/models/data/shipping-zone/state/city/index.d.ts +8 -0
  171. package/build/models/data/shipping-zone/state/city/index.js +1 -0
  172. package/build/models/data/shipping-zone/state/index.d.ts +9 -0
  173. package/build/models/data/shipping-zone/state/index.js +1 -0
  174. package/build/models/data/storefront/b2b-settings/index.d.ts +8 -0
  175. package/build/models/data/storefront/b2b-settings/index.js +1 -0
  176. package/build/models/data/storefront/index-page-seo-setting/index.d.ts +17 -0
  177. package/build/models/data/storefront/index-page-seo-setting/index.js +1 -0
  178. package/build/models/data/storefront/index.d.ts +6 -1
  179. package/build/models/data/storefront/index.js +1 -1
  180. package/build/models/data/theme-json/component/index.d.ts +2 -0
  181. package/build/models/data/theme-json/component/index.js +1 -1
  182. package/build/models/data/theme-json/component/prop/index.d.ts +2 -0
  183. package/build/models/data/theme-json/component/prop/index.js +1 -1
  184. package/build/models/data/theme-json/custom-data/index.d.ts +2 -0
  185. package/build/models/data/theme-json/custom-data/index.js +1 -1
  186. package/build/models/data/theme-json/index.js +1 -1
  187. package/build/models/data/video/index.d.ts +11 -0
  188. package/build/models/data/video/index.js +1 -0
  189. package/build/models/ui/blog-category-list/index.js +1 -1
  190. package/build/models/ui/brand-list/index.js +1 -1
  191. package/build/models/ui/category-list/index.js +1 -1
  192. package/build/models/ui/customer-review-list/index.js +1 -1
  193. package/build/models/ui/customer-review-summary-list/index.js +1 -1
  194. package/build/models/ui/index.d.ts +1 -1
  195. package/build/models/ui/product-attribute-list/index.js +1 -1
  196. package/build/models/ui/product-list/index.d.ts +25 -3
  197. package/build/models/ui/product-list/index.js +1 -1
  198. package/build/models/ui/raffle-list/index.js +1 -1
  199. package/build/models/ui/validator/form/account-info.js +1 -1
  200. package/build/models/ui/validator/form/address.js +1 -1
  201. package/build/models/ui/validator/form/contact-form.d.ts +6 -0
  202. package/build/models/ui/validator/form/contact-form.js +1 -1
  203. package/build/models/ui/validator/form/ikas-address.d.ts +46 -20
  204. package/build/models/ui/validator/form/ikas-address.js +1 -1
  205. package/build/models/ui/validator/form/login.d.ts +7 -4
  206. package/build/models/ui/validator/form/login.js +1 -1
  207. package/build/models/ui/validator/form/register.d.ts +10 -1
  208. package/build/models/ui/validator/form/register.js +1 -1
  209. package/build/page-data-init/index.d.ts +9 -1
  210. package/build/page-data-init/index.js +1 -1
  211. package/build/pages/account/activate.d.ts +4 -0
  212. package/build/pages/account/activate.js +1 -0
  213. package/build/pages/checkout.js +1 -1
  214. package/build/pages/home.js +1 -1
  215. package/build/pages/index.d.ts +1 -0
  216. package/build/store/base.d.ts +1 -0
  217. package/build/store/base.js +1 -1
  218. package/build/store/blog/index.js +1 -1
  219. package/build/store/brand/index.js +1 -1
  220. package/build/store/cart/index.d.ts +6 -2
  221. package/build/store/cart/index.js +1 -1
  222. package/build/store/category/index.js +1 -1
  223. package/build/store/checkout/index.d.ts +7 -2
  224. package/build/store/checkout/index.js +1 -1
  225. package/build/store/customer/api.d.ts +5 -1
  226. package/build/store/customer/api.js +1 -1
  227. package/build/store/customer/index.d.ts +25 -5
  228. package/build/store/customer/index.js +1 -1
  229. package/build/store/html-meta-data/index.js +1 -1
  230. package/build/store/index.d.ts +1 -1
  231. package/build/store/location/index.d.ts +2 -1
  232. package/build/store/location/index.js +1 -1
  233. package/build/store/product/index.d.ts +4 -1
  234. package/build/store/product/index.js +1 -1
  235. package/build/utils/constants.js +1 -1
  236. package/build/utils/helper.d.ts +1 -0
  237. package/build/utils/helper.js +1 -1
  238. package/package.json +18 -14
  239. package/build/analytics/googleUniversal.d.ts +0 -9
  240. package/build/analytics/googleUniversal.js +0 -1
  241. package/build/ext/@builder.io/partytown/integration/index.mjs.js +0 -1
  242. package/build/ext/@builder.io/partytown/react/index.mjs.js +0 -1
  243. package/build/models/data/checkout/country-settings-model.d.ts +0 -141
  244. package/build/models/data/checkout/country-settings-model.js +0 -1
@@ -4,6 +4,8 @@ declare type Props = {
4
4
  title?: string;
5
5
  content: string | React.ReactElement;
6
6
  onClose?: () => void;
7
+ ignoreScroll?: boolean;
8
+ scrollTop?: boolean;
7
9
  };
8
10
  declare const _default: React.FunctionComponent<Props>;
9
11
  export default _default;
@@ -1 +1 @@
1
- import*as e from"react";import{observer as t}from"mobx-react-lite";import r from"./style.module.scss.js";import s from"../svg/warning.js";import a from"../svg/cross.js";var n=t((function(t){var n=t.type,c=t.title,o=t.content,l=t.onClose,i=e.useRef(null),m=e.useMemo((function(){var e=[r.NotificationBox];switch(n){case"error":e.push(r.Error);break;case"warning":e.push(r.Warning);break;case"success":e.push(r.Success)}return e.join(" ")}),[n]);return e.useEffect((function(){i&&i.current&&i.current.scrollIntoView()}),[i]),e.createElement("div",{className:m,ref:i},e.createElement("div",{className:r.Left},e.createElement(s,null)),e.createElement("div",{className:r.Center},!!c&&e.createElement("div",{className:r.Title},c),e.createElement("div",{className:r.Content},o)),l&&e.createElement("div",{className:r.Right,onClick:l},e.createElement(a,null)))}));export{n as default};
1
+ import*as e from"react";import{observer as t}from"mobx-react-lite";import r from"./style.module.scss.js";import s from"../svg/warning.js";import c from"../svg/cross.js";var o=t((function(t){var o=t.type,n=t.title,l=t.content,a=t.onClose,i=t.ignoreScroll,m=t.scrollTop,u=e.useRef(null),f=e.useMemo((function(){var e=[r.NotificationBox];switch(o){case"error":e.push(r.Error);break;case"warning":e.push(r.Warning);break;case"success":e.push(r.Success)}return e.join(" ")}),[o]);return e.useEffect((function(){if(u&&u.current){!i&&u.current.scrollIntoView();var e=document.getElementById("Checkout");e&&e.offsetWidth<1e3&&(m?e.scrollTo({top:0}):e.scrollBy(0,-48))}}),[u]),e.createElement("div",{className:f,ref:u},e.createElement("div",{className:r.Left},e.createElement(s,null)),e.createElement("div",{className:r.Center},!!n&&e.createElement("div",{className:r.Title},n),e.createElement("div",{className:r.Content},l)),a&&e.createElement("div",{className:r.Right,onClick:a},e.createElement(c,null)))}));export{o as default};
@@ -1 +1 @@
1
- import*as e from"react";import{observer as t}from"mobx-react-lite";import{Button as a}from"../button/index.js";import r from"./select/index.js";import n from"../svg/cross.js";import{useTranslation as c}from"../../../../utils/i18n.js";import{formatCurrency as i}from"../../../../utils/currency.js";import{IkasCampaignOfferProductApplicablePriceEnum as o}from"@ikas/storefront-models";import m from"./style.module.scss.js";var d=function(t){var a=t.seconds,r=t.rejectOffer,n=c().t,i=e.useState(a),o=i[0],d=i[1];e.useEffect((function(){var e=o>0&&setInterval((function(){return d(o-1)}),1e3);return 0===o&&r(),function(){return clearInterval(e)}}),[o]);return e.createElement("div",{className:m.CountdownContainer},e.createElement("div",{className:m.CountdownText},n("checkout-page:timeRemaining",{value:function(e){var t=Math.floor(e/60/60),a=Math.floor(e/60)-60*t,r=e%60;return 0!==t?t.toString().padStart(2,"0")+":":a.toString().padStart(2,"0")+":"+r.toString().padStart(2,"0")}(o)})))},f=t((function(t){var f,l,s=t.vm,u=t.campaignOffer,p=c().t,v=e.useState(u.variants[0]),g=v[0],E=v[1],I=function(){s.updateCartCampaignOffer({accepted:!1,cartId:s.checkout.id,campaignOfferId:u.campaignOffer.campaignOfferId,campaignOfferProductId:u.offer.id,productId:u.offer.productId,variantId:g.id})},C=Math.round(((new Date).getTime()-new Date(u.campaignOffer.offerStartDate).getTime())/1e3);return e.createElement("div",{className:m.Container},u.offer.countdownMinutes&&e.createElement(d,{seconds:C>60*u.offer.countdownMinutes?0:60*u.offer.countdownMinutes-C,rejectOffer:I}),e.createElement("div",{className:m.ContentContainer},e.createElement("div",{className:m.Header},e.createElement("div",{className:m.Title},u.offer.title),e.createElement("div",{className:m.RejectButton,onClick:I},e.createElement(n,null))),e.createElement("div",{className:m.ProductContainer},e.createElement("div",{className:m.ImageContainer},e.createElement("img",{className:m.Image,src:null===(l=null===(f=g.mainImage)||void 0===f?void 0:f.image)||void 0===l?void 0:l.thumbnailSrc})),e.createElement("div",{className:m.ProductDetails},e.createElement("div",{className:m.ProductName},u.product.name),u.product.hasVariant&&1===u.variants.length&&e.createElement("div",{className:m.VariantName},g.variantValues.map((function(e){return e.name})).join(", ")),u.product.brand&&e.createElement("div",{className:m.Brand},u.product.brand.name),e.createElement("div",{className:m.ProductPrice},0!==u.offer.discountAmount&&e.createElement("span",{className:m.Discount},u.offer.applicablePrice===o.SELL_PRICE?g.price.formattedSellPrice:g.price.formattedFinalPrice," "),i(u.offer.applicablePrice===o.SELL_PRICE?g.price.sellPrice-g.price.sellPrice*(u.offer.discountAmount||0)/100:g.price.finalPrice-g.price.finalPrice*(u.offer.discountAmount||0)/100,s.checkout.currencyCode,s.checkout.currencySymbol)),e.createElement("div",{className:m.Actions},u.variants.length>1&&e.createElement(r,{value:g.id,onSelectChange:function(e){var t=u.variants.find((function(t){return t.id===e}));t&&E(t)},options:u.variants.map((function(e){return{label:e.variantValues.map((function(e){return e.name})).join(", "),value:e.id}}))}),e.createElement(a,{style:{width:"100%",height:44,fontSize:14},text:p("checkout-page:actions.addToCart"),onClick:function(){s.updateCartCampaignOffer({accepted:!0,cartId:s.checkout.id,campaignOfferId:u.campaignOffer.campaignOfferId,campaignOfferProductId:u.offer.id,productId:u.offer.productId,variantId:g.id})}}))))))}));export{f as default};
1
+ import*as e from"react";import{observer as t}from"mobx-react-lite";import{Button as a}from"../button/index.js";import n from"./select/index.js";import r from"../svg/cross.js";import{useTranslation as i}from"../../../../utils/i18n.js";import c from"./style.module.scss.js";var o=function(t){var a=t.seconds,n=t.onFinish,r=i().t,o=e.useState(a),s=o[0],m=o[1];return e.useEffect((function(){m(a)}),[a]),e.useEffect((function(){var e=setInterval((function(){s>0?m(s-1):(clearInterval(e),n())}),1e3);return function(){return clearInterval(e)}}),[s]),e.createElement("div",{className:c.CountdownContainer},e.createElement("div",{className:c.CountdownText},r("checkout-page:timeRemaining",{value:l(s)})))},l=function(e){var t=Math.floor(e/60/60),a=Math.floor(e/60)-60*t,n=e%60;return 0!==t?t.toString().padStart(2,"0")+":":a.toString().padStart(2,"0")+":"+n.toString().padStart(2,"0")},s=t((function(t){var l=t.vm,s=t.campaignOffer,m=i().t,d=s.product,u=e.useMemo((function(){var e,t,a,n,r,i=null===(e=d.selectedVariant.images)||void 0===e?void 0:e.filter((function(e){return!e.isVideo}));return(null===(t=d.selectedVariant.mainImage)||void 0===t?void 0:t.isVideo)&&(null==i?void 0:i.length)?null===(a=i[0].image)||void 0===a?void 0:a.thumbnailSrc:null===(r=null===(n=d.selectedVariant.mainImage)||void 0===n?void 0:n.image)||void 0===r?void 0:r.thumbnailSrc}),[d.selectedVariant]),f=e.useMemo((function(){if(!s.offer.countdownMinutes||!s.campaignOffer.offerStartDate)return 0;var e=Math.round(((new Date).getTime()-new Date(s.campaignOffer.offerStartDate).getTime())/1e3);return e>60*s.offer.countdownMinutes?0:60*s.offer.countdownMinutes-e}),[s]),v=function(e){l.updateCartCampaignOffer({accepted:e,cartId:l.checkout.id,campaignOfferId:s.campaignOffer.campaignOfferId,campaignOfferProductId:s.offer.id,productId:s.offer.productId,variantId:d.selectedVariant.id})},p=function(){v(!1)};return e.createElement("div",{className:c.Container},s.offer.countdownMinutes&&e.createElement(o,{seconds:f,onFinish:p}),e.createElement("div",{className:c.ContentContainer},e.createElement("div",{className:c.Header},e.createElement("div",{className:c.Title},s.offer.title),e.createElement("div",{className:c.RejectButton,onClick:p},e.createElement(r,null))),e.createElement("div",{className:c.ProductContainer},e.createElement("div",{className:c.ImageContainer},e.createElement("img",{className:c.Image,src:u})),e.createElement("div",{className:c.ProductDetails},e.createElement("div",{className:c.ProductName},d.name),d.hasVariant&&1===d.variants.length&&e.createElement("div",{className:c.VariantName},d.selectedVariant.variantValues.map((function(e){return e.name})).join(", ")),d.brand&&e.createElement("div",{className:c.Brand},d.brand.name),e.createElement("div",{className:c.ProductPrice},d.selectedVariant.price.hasDiscount&&e.createElement("span",{className:c.Discount},d.selectedVariant.price.formattedSellPrice," "),d.selectedVariant.price.formattedFinalPrice),e.createElement("div",{className:c.Actions},d.variants.length>1&&e.createElement(n,{value:d.selectedVariant.id,onSelectChange:function(e){var t=null;d.displayedVariantTypes.forEach((function(a){a.displayedVariantValues.forEach((function(a){a.variant.id===e&&(t=a.variantValue)}))})),t&&d.selectVariantValue(t,!0)},options:d.variants.map((function(e){return{label:e.variantValues.map((function(e){return e.name})).join(", "),value:e.id}}))}),e.createElement(a,{style:{width:"100%",height:44,fontSize:14},text:m("checkout-page:actions.addToCart"),onClick:function(){v(!0)}}))))))}));export{s as default};
@@ -0,0 +1,7 @@
1
+ import * as React from "react";
2
+ import CheckoutViewModel from "../../model";
3
+ declare type Props = {
4
+ vm: CheckoutViewModel;
5
+ };
6
+ export declare const PayPal: React.FC<Props>;
7
+ export {};
@@ -0,0 +1 @@
1
+ import{__awaiter as e,__generator as t}from'./../../../../ext/tslib/tslib.es6.js';import*as r from"react";import{observer as n}from"mobx-react-lite";import{ErrorType as o}from"../../model.js";import{PayPalScriptProvider as a,usePayPalScriptReducer as i,PayPalButtons as l}from"@paypal/react-paypal-js";import c from"../../../../store/checkout/index.js";import s from"./style.module.scss.js";var d=n((function(n){var d=n.vm;if(!d.payPalClientIdResponse)return null;var u={"client-id":d.payPalClientIdResponse.clientId,currency:d.checkout.currencyCode,"merchant-id":d.payPalClientIdResponse.merchantId};return r.createElement(r.Fragment,null,r.createElement("div",null,r.createElement(a,{options:u},r.createElement((function(){return i()[0].isPending?r.createElement("div",{className:s.Main},r.createElement("div",{className:s.loader})):r.createElement(l,{style:{layout:"horizontal"},onClick:function(e,t){return d.checkPaypalButtonAvailable()?t.resolve():t.reject()},onCancel:function(e,t){d.isStepLoading=!1},createOrder:function(r,n){return e(void 0,void 0,void 0,(function(){var e,r,n;return t(this,(function(t){switch(t.label){case 0:return[4,d.onCompletePaymentClick()];case 1:return t.sent(),[4,c.createPayPalOrder({input:{cartId:d.checkout.id,paymentGatewayId:(null===(r=d.checkout.selectedPaymentGateway)||void 0===r?void 0:r.id)||""}})];case 2:return!(e=t.sent()).isSuccess&&e.errors.length&&(d.error={type:o.PAYMENT_ERROR,data:e.errors[0]}),e.data&&(d.paypalOrderResponse=e.data),[2,e&&(null===(n=e.data)||void 0===n?void 0:n.sessionToken)||""]}}))}))},onApprove:function(r,n){return e(void 0,void 0,void 0,(function(){return t(this,(function(e){return d.paypalOrderResponse&&(window.location.href="".concat(d.paypalOrderResponse.returnUrl)),[2]}))}))}})}),null))))}));export{d as PayPal};
@@ -0,0 +1 @@
1
+ import e from'./../../../../ext/style-inject/dist/style-inject.es.js';var n={Main:"style-module_Main__JYDR4",loader:"style-module_loader__3htHh",load8:"style-module_load8__IQ0Uf",Form:"style-module_Form__YOZep",Disabled:"style-module_Disabled__V35UW",PaypalButton:"style-module_PaypalButton__Tmyof"};e(".style-module_Main__JYDR4 {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.style-module_loader__3htHh,\n.style-module_loader__3htHh:after {\n border-radius: 50%;\n width: 5em;\n height: 5em;\n}\n\n.style-module_loader__3htHh {\n font-size: 6px;\n position: relative;\n text-indent: -9999em;\n border-top: 0.5em solid rgba(163, 163, 163, 0.4);\n border-right: 0.5em solid rgba(163, 163, 163, 0.4);\n border-bottom: 0.5em solid rgba(163, 163, 163, 0.4);\n border-left: 0.5em solid rgba(51, 51, 51, 0.8392156863);\n -webkit-transform: translateZ(0);\n -ms-transform: translateZ(0);\n transform: translateZ(0);\n -webkit-animation: style-module_load8__IQ0Uf 1.1s infinite linear;\n animation: style-module_load8__IQ0Uf 1.1s infinite linear;\n}\n\n@-webkit-keyframes style-module_load8__IQ0Uf {\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__IQ0Uf {\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.style-module_Form__YOZep {\n position: relative;\n min-height: 200px;\n}\n\n.style-module_Disabled__V35UW {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: 9;\n cursor: not-allowed;\n height: 100%;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n min-height: 200px;\n}\n\n.style-module_PaypalButton__Tmyof {\n background-color: #ffc439;\n color: #2C2E2F;\n border-radius: 4px;\n height: 55px;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: not-allowed;\n}");export{n as default};
@@ -0,0 +1,7 @@
1
+ import * as React from "react";
2
+ import CheckoutViewModel from "../../model";
3
+ declare type Props = {
4
+ vm: CheckoutViewModel;
5
+ };
6
+ export declare const ProductFiles: React.FC<Props>;
7
+ export {};
@@ -0,0 +1 @@
1
+ import*as e from"react";import{observer as t}from"mobx-react-lite";import{Button as i}from"../button/index.js";import"@ikas/storefront-config";import{useTranslation as o}from"../../../../utils/i18n.js";import a from"./style.module.scss.js";var r=t((function(t){var r=t.vm,m=o().t;return e.createElement("div",{className:a.Container},e.createElement("div",{className:a.Title},m("checkout-page:filesReadyToDownload")),e.createElement("div",{className:a.Files},r.productFiles.map((function(t){return e.createElement("div",{className:a.File},e.createElement("div",{className:a.FileName},t.name),e.createElement(i,{style:{fontSize:14,marginLeft:12},size:"medium",text:m("checkout-page:actions.download"),onClick:function(){return r.getDigitalProductFileDownloadUrl(t)}}))}))))}));export{r as ProductFiles};
@@ -0,0 +1 @@
1
+ import e from'./../../../../ext/style-inject/dist/style-inject.es.js';var l={Container:"style-module_Container__h2dlw",Title:"style-module_Title__Z28rZ",Files:"style-module_Files__y5NJ0",File:"style-module_File__1dhJG"};e(".style-module_Container__h2dlw {\n padding: 24px;\n background-color: var(--checkout-secondary-bg-color);\n border-radius: 8px;\n margin-bottom: 24px;\n}\n.style-module_Container__h2dlw .style-module_Title__Z28rZ {\n margin-bottom: 12px;\n}\n.style-module_Container__h2dlw .style-module_Files__y5NJ0 {\n display: flex;\n flex-direction: column;\n}\n.style-module_Container__h2dlw .style-module_Files__y5NJ0 .style-module_File__1dhJG {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding-bottom: 12px;\n padding-top: 12px;\n}\n.style-module_Container__h2dlw .style-module_Files__y5NJ0 .style-module_File__1dhJG:not(:last-child) {\n border-bottom: 1px solid #e5e4e9;\n}\n.style-module_Container__h2dlw .style-module_Files__y5NJ0 .style-module_File__1dhJG:last-child {\n padding-bottom: 0;\n}");export{l as default};
@@ -1 +1 @@
1
- import{__awaiter as e,__generator as t}from'./../../../../ext/tslib/tslib.es6.js';import{makeAutoObservable as o,observable as i}from"mobx";import"../../../../models/data/blog/category/index.js";import"../../../../models/data/blog/content/index.js";import"../../../../models/data/blog/meta-data/index.js";import"../../../../models/data/blog/tag/index.js";import"../../../../models/data/blog/index.js";import"../../../../models/data/brand/index.js";import"@ikas/storefront-models";import"../../../../models/data/campaign-offer/index.js";import"../../../../models/data/cart/campaign-offer/index.js";import"../../../../models/data/cart/index.js";import"../../../../models/data/category/path-item/index.js";import"../../../../models/data/category/index.js";import"../../../../models/data/checkout/index.js";import"../../../../models/data/checkout/country-settings-model.js";import"../../../../models/data/checkout-settings/index.js";import"../../../../models/data/city/index.js";import"../../../../models/data/country/index.js";import"../../../../models/data/customer/address/index.js";import"../../../../models/data/customer/address/ikas-localized-customer-address.js";import"../../../../models/data/customer/attribute/index.js";import"../../../../models/data/customer/review/summary/index.js";import"../../../../models/data/customer/review/index.js";import"../../../../models/data/customer/index.js";import"../../../../models/data/district/index.js";import"../../../../models/data/favorite-product/index.js";import"../../../../models/data/filter-category/index.js";import"../../../../models/data/html-meta-data/index.js";import"../../../../models/data/image/index.js";import"../../../../models/data/order/address/index.js";import"../../../../models/data/order/line-item/option/value/index.js";import"../../../../models/data/order/line-item/variant/value/index.js";import"../../../../models/data/order/line-item/variant/index.js";import"../../../../models/data/order/line-item/index.js";import"../../../../models/data/order/package/index.js";import"../../../../models/data/order/transaction/index.js";import"../../../../models/data/order/index.js";import"../../../../models/data/payment-gateway/index.js";import"../../../../models/data/product/attribute-value/index.js";import"../../../../models/data/product/filter/index.js";import"../../../../models/data/product/option-set/option/index.js";import"../../../../models/data/product/option-set/index.js";import"../../../../models/data/product/stock-location/index.js";import"../../../../models/data/product/variant/price/index.js";import"../../../../models/data/product/variant/index.js";import"../../../../models/data/variant-type/index.js";import"../../../../models/data/product/index.js";import"../../../../models/data/raffle/index.js";import"../../../../models/data/state/index.js";import"../../../../models/data/theme-json/index.js";import"../../../../models/data/theme-json/custom-data/index.js";import"../../../../models/data/variant-type/variant-value/index.js";import"../../../../models/ui/blog-list/index.js";import"../../../../models/ui/blog-category-list/index.js";import"../../../../models/ui/brand-list/index.js";import"../../../../models/ui/category-list/index.js";import"../../../../models/ui/product-list/index.js";import"../../../../models/ui/product-attribute-detail/index.js";import"../../../../models/ui/product-attribute-list/index.js";import"../../../../models/ui/customer-review-list/index.js";import"../../../../models/ui/customer-review-summary-list/index.js";import{Validator as r}from"../../../../models/ui/validator/index.js";import{RequiredRule as s,MinRule as d}from"../../../../models/ui/validator/rules/index.js";import"../../../../models/ui/validator/form/login.js";import"../../../../models/ui/validator/form/address.js";import"../../../../models/ui/validator/form/ikas-address.js";import"../../../../models/ui/validator/form/register.js";import"../../../../models/ui/validator/form/contact-form.js";import"../../../../models/ui/validator/form/forgot-password.js";import"../../../../models/ui/validator/form/recover-password.js";import"../../../../models/ui/validator/form/account-info.js";import"../../../../models/ui/validator/form/raffle-form.js";import"../../../../models/ui/validator/form/customer-review.js";import"../../../../models/ui/raffle-list/index.js";var a=function(){function a(a,m){var l=this;this.model={password:""},this._isLoading=!1,this._isRegisteredCustomer=!1,this.onPasswordChange=function(e){l.model.password=e},this.validateAll=function(){return l.validator.validateAll()},this.onSubmit=function(){return e(l,void 0,void 0,(function(){var e;return t(this,(function(t){switch(t.label){case 0:return[4,this.validateAll()];case 1:return t.sent()?[3,3]:(this._isLoading=!0,[4,this.vm.registerCustomer(this.password)]);case 2:(null==(e=t.sent())?void 0:e.isSuccess)&&(this._isRegisteredCustomer=!0),this._isLoading=!1,t.label=3;case 3:return[2]}}))}))},o(this,{model:i}),this.vm=a,this.t=m,this.validator=new r(this.model,[new s({fieldKey:"password",valuePath:"password",message:m("checkout-page:passwordRequiredError")}),new d({fieldKey:"password",valuePath:"password",minValue:6,message:m("checkout-page:passwordMinError",{value:6})})])}return Object.defineProperty(a.prototype,"password",{get:function(){return this.model.password},enumerable:!1,configurable:!0}),Object.defineProperty(a.prototype,"isLoading",{get:function(){return this._isLoading},enumerable:!1,configurable:!0}),Object.defineProperty(a.prototype,"isRegisteredCustomer",{get:function(){return this._isRegisteredCustomer},enumerable:!1,configurable:!0}),Object.defineProperty(a.prototype,"hasError",{get:function(){return this.validator.hasError},enumerable:!1,configurable:!0}),Object.defineProperty(a.prototype,"passwordErrorMessage",{get:function(){return this.validator.results.password.errorMessage},enumerable:!1,configurable:!0}),a}();export{a as QuickRegistrationViewModel};
1
+ import{__awaiter as e,__generator as t}from'./../../../../ext/tslib/tslib.es6.js';import{makeAutoObservable as o,observable as i}from"mobx";import"../../../../models/data/blog/category/index.js";import"../../../../models/data/blog/content/index.js";import"../../../../models/data/blog/meta-data/index.js";import"../../../../models/data/blog/tag/index.js";import"../../../../models/data/blog/index.js";import"../../../../models/data/brand/index.js";import"@ikas/storefront-models";import"../../../../models/data/campaign-offer/index.js";import"../../../../models/data/cart/campaign-offer/index.js";import"../../../../models/data/cart/index.js";import"../../../../models/data/category/path-item/index.js";import"../../../../models/data/category/index.js";import"../../../../models/data/checkout/index.js";import"../../../../models/data/checkout-settings/index.js";import"../../../../models/data/city/index.js";import"../../../../models/data/country/index.js";import"../../../../models/data/customer/address/region/index.js";import"../../../../models/data/customer/address/index.js";import"../../../../models/data/customer/address/ikas-localized-customer-address.js";import"../../../../models/data/customer/attribute/index.js";import"../../../../models/data/customer/review/summary/index.js";import"../../../../models/data/customer/review/index.js";import"../../../../models/data/customer/index.js";import"../../../../models/data/district/index.js";import"../../../../models/data/favorite-product/index.js";import"../../../../models/data/filter-category/index.js";import"../../../../models/data/html-meta-data/index.js";import"../../../../models/data/image/index.js";import"../../../../models/data/order/address/region/index.js";import"../../../../models/data/order/address/index.js";import"../../../../models/data/order/line-item/option/value/index.js";import"../../../../models/data/order/line-item/variant/value/index.js";import"../../../../models/data/order/line-item/variant/index.js";import"../../../../models/data/order/line-item/index.js";import"../../../../models/data/order/package/index.js";import"../../../../models/data/order/transaction/index.js";import"../../../../models/data/order/index.js";import"../../../../models/data/payment-gateway/index.js";import"../../../../models/data/product/attribute-value/index.js";import"../../../../models/data/product/filter/index.js";import"../../../../models/data/product/campaign-offer/index.js";import"../../../../models/data/product/option-set/option/index.js";import"../../../../models/data/product/option-set/index.js";import"../../../../models/data/product/stock-location/index.js";import"../../../../models/data/product/variant/price/index.js";import"../../../../models/data/product/variant/index.js";import"../../../../models/data/variant-type/index.js";import"../../../../models/data/product/index.js";import"../../../../models/data/raffle/index.js";import"../../../../models/data/shipping-zone/state/city/district/region/index.js";import"../../../../models/data/state/index.js";import"../../../../models/data/theme-json/index.js";import"../../../../models/data/theme-json/component/index.js";import"../../../../models/data/theme-json/custom-data/index.js";import"../../../../models/data/variant-type/variant-value/index.js";import"@ikas/localized-address";import"../../../../models/ui/blog-list/index.js";import"../../../../models/ui/blog-category-list/index.js";import"../../../../models/ui/brand-list/index.js";import"../../../../models/ui/category-list/index.js";import"../../../../models/ui/product-list/index.js";import"../../../../models/ui/product-attribute-detail/index.js";import"../../../../models/ui/product-attribute-list/index.js";import"../../../../models/ui/customer-review-list/index.js";import"../../../../models/ui/customer-review-summary-list/index.js";import{Validator as s}from"../../../../models/ui/validator/index.js";import{RequiredRule as r,MinRule as d}from"../../../../models/ui/validator/rules/index.js";import"../../../../models/ui/validator/form/login.js";import"../../../../models/ui/validator/form/address.js";import"../../../../models/ui/validator/form/ikas-address.js";import"../../../../models/ui/validator/form/register.js";import"../../../../models/ui/validator/form/contact-form.js";import"../../../../models/ui/validator/form/forgot-password.js";import"../../../../models/ui/validator/form/recover-password.js";import"../../../../models/ui/validator/form/account-info.js";import"../../../../models/ui/validator/form/raffle-form.js";import"../../../../models/ui/validator/form/customer-review.js";import"../../../../models/ui/raffle-list/index.js";var a=function(){function a(a,m){var n=this;this.model={password:""},this._isLoading=!1,this._isRegisteredCustomer=!1,this.onPasswordChange=function(e){n.model.password=e},this.validateAll=function(){return n.validator.validateAll()},this.onSubmit=function(){return e(n,void 0,void 0,(function(){var e;return t(this,(function(t){switch(t.label){case 0:return[4,this.validateAll()];case 1:return t.sent()?[3,3]:(this._isLoading=!0,[4,this.vm.registerCustomer(this.password)]);case 2:(null==(e=t.sent())?void 0:e.isSuccess)&&(this._isRegisteredCustomer=!0),this._isLoading=!1,t.label=3;case 3:return[2]}}))}))},o(this,{model:i}),this.vm=a,this.t=m,this.validator=new s(this.model,[new r({fieldKey:"password",valuePath:"password",message:m("checkout-page:passwordRequiredError")}),new d({fieldKey:"password",valuePath:"password",minValue:6,message:m("checkout-page:passwordMinError",{value:6})})])}return Object.defineProperty(a.prototype,"password",{get:function(){return this.model.password},enumerable:!1,configurable:!0}),Object.defineProperty(a.prototype,"isLoading",{get:function(){return this._isLoading},enumerable:!1,configurable:!0}),Object.defineProperty(a.prototype,"isRegisteredCustomer",{get:function(){return this._isRegisteredCustomer},enumerable:!1,configurable:!0}),Object.defineProperty(a.prototype,"hasError",{get:function(){return this.validator.hasError},enumerable:!1,configurable:!0}),Object.defineProperty(a.prototype,"passwordErrorMessage",{get:function(){return this.validator.results.password.errorMessage},enumerable:!1,configurable:!0}),a}();export{a as QuickRegistrationViewModel};
@@ -1,6 +1,7 @@
1
1
  import * as React from "react";
2
2
  declare type Props = {
3
3
  label?: React.ReactNode;
4
+ description?: React.ReactNode;
4
5
  isSelected: boolean;
5
6
  rightContent?: React.ReactElement;
6
7
  bottomContent?: React.ReactNode;
@@ -1 +1 @@
1
- import*as e from"react";import{observer as t}from"mobx-react-lite";import o from"./style.module.scss.js";import{Toggle as r}from"../toggle/index.js";var n=t((function(t){var n=t.label,a=t.isSelected,l=t.rightContent,m=t.bottomContent,s=t.bottomContentVisible,c=t.hasError,i=t.errorText,d=t.onClick,u=e.useMemo((function(){var e=[o.SelectBox];return a&&e.push(o.Selected),a&&c&&e.push(o.Error),e.join(" ")}),[a]),v=e.useMemo((function(){return e.createElement("div",{className:o.BottomContent},m)}),[m]);return e.createElement("div",{className:o.SelectBoxContainer},e.createElement("div",{className:u,onClick:d},e.createElement("div",{className:o.TopContent},e.createElement(r,{value:a,label:n,removePadding:!0}),!!l&&e.createElement("div",{className:o.RightContent},l)),!!m&&(a||s)&&v),!!i&&c&&a&&e.createElement("div",{className:o.SelectBoxError},i))}));export{n as default};
1
+ import*as e from"react";import{observer as t}from"mobx-react-lite";import o from"./style.module.scss.js";import{Toggle as r}from"../toggle/index.js";var n=t((function(t){var n=t.label,a=t.description,l=t.isSelected,i=t.rightContent,m=t.bottomContent,s=t.bottomContentVisible,c=t.hasError,d=t.errorText,u=t.onClick,v=e.useMemo((function(){var e=[o.SelectBox];return l&&e.push(o.Selected),l&&c&&e.push(o.Error),e.join(" ")}),[l]),p=e.useMemo((function(){return e.createElement("div",{className:o.BottomContent},m)}),[m]);return e.createElement("div",{className:o.SelectBoxContainer},e.createElement("div",{className:v,onClick:u},e.createElement("div",{className:o.TopContent},e.createElement(r,{value:l,label:n,description:a,removePadding:!0}),!!i&&e.createElement("div",{className:o.RightContent},i)),!!m&&(l||s)&&p),!!d&&c&&l&&e.createElement("div",{className:o.SelectBoxError},d))}));export{n as default};
@@ -1 +1 @@
1
- import{__awaiter as o,__generator as r}from'./../../../../ext/tslib/tslib.es6.js';import*as e from"react";import{observer as t}from"mobx-react-lite";import{Elements as i}from"@stripe/react-stripe-js";import{loadStripe as n}from"@stripe/stripe-js";import{CheckoutForm as s}from"./checkout-form.js";var l=t((function(t){var l,a,p,c,u,d,m,v,b,f=t.vm;if(!f.stripeResponse)return null;var x=e.useState(null),E=x[0],z=x[1];e.useEffect((function(){!function(){o(this,void 0,void 0,(function(){var o;return r(this,(function(r){switch(r.label){case 0:return f.stripeResponse?[4,n(f.stripeResponse.apiKey,{stripeAccount:f.stripeResponse.accountId})]:[3,2];case 1:o=r.sent(),z(o),r.label=2;case 2:return[2]}}))}))}()}),[f.stripeResponse]);var C={clientSecret:f.stripeResponse.clientSecret,appearance:{variables:{borderRadius:"8px"},labels:"floating",rules:{".Input":{lineHeight:"16px",boxShadow:"0 0 0 1px transparent",transition:"padding .1s, border-color .5s, box-shadow .5s",padding:"8px 16px",border:"1px solid ".concat((null===(l=f.customizationProps)||void 0===l?void 0:l.borderColor)||"#E5E4E9")},".Input::placeholder":{fontSize:"14px",color:(null===(a=f.customizationProps)||void 0===a?void 0:a.secondaryTextColor)||"#8A8B94"},".Input:focus":{boxShadow:"0 0 0 1px ".concat((null===(p=f.customizationProps)||void 0===p?void 0:p.buttonBgColor)||"##272727"),borderColor:(null===(c=f.customizationProps)||void 0===c?void 0:c.buttonBgColor)||"##272727"},".Input--invalid":{boxShadow:"0 0 0 1px ".concat((null===(u=f.customizationProps)||void 0===u?void 0:u.errorColor)||"#FB4E4E"),borderColor:(null===(d=f.customizationProps)||void 0===d?void 0:d.errorColor)||"#FB4E4E",color:(null===(m=f.customizationProps)||void 0===m?void 0:m.errorColor)||"#FB4E4E"},".Label":{fontSize:"14px",color:(null===(v=f.customizationProps)||void 0===v?void 0:v.secondaryTextColor)||"#8A8B94"},".Error":{fontSize:"12px",marginTop:"8px",color:(null===(b=f.customizationProps)||void 0===b?void 0:b.errorColor)||"#FB4E4E"}}}};return e.createElement(e.Fragment,null,e.createElement(i,{stripe:E,options:C},e.createElement(s,{callbackUrl:f.stripeResponse.callbackUrl,vm:f})))}));export{l as default};
1
+ import{__awaiter as o,__generator as r}from'./../../../../ext/tslib/tslib.es6.js';import*as e from"react";import{observer as t}from"mobx-react-lite";import{Elements as i}from"@stripe/react-stripe-js";import{loadStripe as s}from"@stripe/stripe-js";import{CheckoutForm as n}from"./checkout-form.js";var l=t((function(t){var l,p,a,c,u,d,m,v,b,f=t.vm;if(!f.stripeResponse)return null;var x=e.useState(null),E=x[0],z=x[1];e.useEffect((function(){!function(){o(this,void 0,void 0,(function(){var o;return r(this,(function(r){switch(r.label){case 0:return f.stripeResponse?[4,s(f.stripeResponse.apiKey,{stripeAccount:f.stripeResponse.accountId})]:[3,2];case 1:o=r.sent(),z(o),r.label=2;case 2:return[2]}}))}))}()}),[f.stripeResponse]);var C={clientSecret:f.stripeResponse.clientSecret,appearance:{variables:{borderRadius:"8px"},labels:"floating",rules:{".Input":{lineHeight:"16px",boxShadow:"0 0 0 1px transparent",transition:"padding .1s, border-color .5s, box-shadow .5s",padding:"8px 16px",border:"1px solid ".concat((null===(l=f.customizationProps)||void 0===l?void 0:l.borderColor)||"#E5E4E9")},".Input::placeholder":{fontSize:"14px",color:(null===(p=f.customizationProps)||void 0===p?void 0:p.secondaryTextColor)||"#8A8B94"},".Input:focus":{boxShadow:"0 0 0 1px ".concat((null===(a=f.customizationProps)||void 0===a?void 0:a.buttonBgColor)||"##272727"),borderColor:(null===(c=f.customizationProps)||void 0===c?void 0:c.buttonBgColor)||"##272727"},".Input--invalid":{boxShadow:"0 0 0 1px ".concat((null===(u=f.customizationProps)||void 0===u?void 0:u.errorColor)||"#FB4E4E"),borderColor:(null===(d=f.customizationProps)||void 0===d?void 0:d.errorColor)||"#FB4E4E",color:(null===(m=f.customizationProps)||void 0===m?void 0:m.errorColor)||"#FB4E4E"},".Label":{fontSize:"14px",color:(null===(v=f.customizationProps)||void 0===v?void 0:v.secondaryTextColor)||"#8A8B94"},".Error":{fontSize:"12px",marginTop:"8px",color:(null===(b=f.customizationProps)||void 0===b?void 0:b.errorColor)||"#FB4E4E"}}}};return e.createElement(e.Fragment,null,e.createElement(i,{key:f.stripeResponse.clientSecret,stripe:E,options:C},e.createElement(n,{callbackUrl:f.stripeResponse.callbackUrl,vm:f})))}));export{l as default};
@@ -0,0 +1,6 @@
1
+ import * as React from "react";
2
+ declare type Props = {
3
+ className?: string;
4
+ };
5
+ declare const EPayKolay: React.FC<Props>;
6
+ export default EPayKolay;
@@ -0,0 +1 @@
1
+ import*as C from"react";var e=function(e){return e.className,C.createElement("svg",{width:"104",height:"22",viewBox:"0 0 104 22",fill:"none",xmlns:"http://www.w3.org/2000/svg"},C.createElement("path",{d:"M34.1927 10.98L34.5334 9.08674H38.2822L37.9414 10.98H34.1927Z",fill:"white"}),C.createElement("path",{d:"M27.8314 11.0179C27.8314 11.0558 27.8314 11.0937 27.8314 11.1694C27.8314 11.3587 27.8693 11.5481 27.9828 11.7374C28.0586 11.8889 28.21 12.0403 28.3615 12.1539C28.513 12.2675 28.7023 12.3432 28.8916 12.419C29.081 12.4947 29.2703 12.4947 29.4975 12.4947C29.8761 12.4947 30.2169 12.419 30.482 12.3054C30.5577 12.2675 30.6713 12.2297 30.747 12.1539C31.0878 11.9267 31.5044 11.9646 31.8452 12.1918C32.3374 12.5704 32.3374 13.4035 31.7694 13.7064C31.5801 13.82 31.3908 13.9336 31.1636 14.0093C30.5956 14.2365 29.9519 14.3501 29.2703 14.3501C28.7402 14.3501 28.2858 14.2744 27.8314 14.1229C27.377 13.9715 26.9983 13.7821 26.6954 13.4792C26.3546 13.2142 26.1274 12.8355 25.9381 12.419C25.7488 12.0025 25.673 11.5102 25.673 10.9801C25.673 10.3364 25.7866 9.76838 26.0138 9.20039C26.241 8.6324 26.5439 8.17801 26.9226 7.76149C27.3013 7.34497 27.7935 7.04204 28.3236 6.81485C28.8538 6.58765 29.4596 6.47406 30.1033 6.47406C30.5956 6.47406 31.05 6.54979 31.4286 6.66339C31.8452 6.81485 32.1859 7.00418 32.451 7.26924C32.7539 7.5343 32.9433 7.83722 33.1326 8.25375C33.284 8.6324 33.3598 9.08679 33.3598 9.57905C33.3598 9.76838 33.3598 9.99557 33.3219 10.2606C33.284 10.715 32.8675 11.0179 32.451 11.0179H27.8314ZM31.2014 9.54118C31.2014 9.50331 31.2014 9.42759 31.2014 9.38972C31.2014 9.35185 31.2014 9.27612 31.2014 9.23826C31.2014 8.89747 31.0878 8.6324 30.8606 8.40521C30.6334 8.17801 30.2927 8.06442 29.8761 8.06442C29.6111 8.06442 29.3839 8.10228 29.1567 8.21588C28.9295 8.29161 28.7402 8.44308 28.5887 8.55667C28.4372 8.70814 28.2858 8.8596 28.21 9.01106C28.0964 9.16253 28.0586 9.35186 28.0207 9.50332H31.2014V9.54118Z",fill:"white"}),C.createElement("path",{d:"M44.0378 3.82358C45.2874 3.82358 46.234 4.08864 46.8778 4.58089C47.5215 5.11101 47.8623 5.83046 47.8623 6.73924C47.8623 7.34509 47.7487 7.91308 47.5215 8.36747C47.2943 8.82186 46.9914 9.20051 46.5748 9.50344C46.1583 9.80637 45.6661 9.99569 45.0981 10.1472C44.5301 10.2986 43.8864 10.3365 43.2048 10.3365H41.8416L41.3115 13.3279C41.1979 13.8959 40.7056 14.3124 40.1377 14.3124H38.8124C38.7366 14.3124 38.6988 14.2745 38.7366 14.1988L40.4406 4.54302C40.5163 4.08863 40.895 3.78571 41.3494 3.78571H44.0378V3.82358ZM43.2805 8.40533C43.9242 8.40533 44.4544 8.29174 44.833 8.10241C45.2117 7.91308 45.401 7.53442 45.401 7.0043C45.401 6.7771 45.3631 6.58777 45.2874 6.43631C45.2117 6.28485 45.0981 6.17125 44.9466 6.05765C44.7951 5.98192 44.6058 5.90619 44.4165 5.86832C44.2272 5.83046 43.9621 5.83046 43.7349 5.83046H42.7125L42.2581 8.40533H43.2805Z",fill:"white"}),C.createElement("path",{d:"M54.7539 8.8218C54.7539 8.97326 54.7539 9.12473 54.716 9.27619C54.716 9.42765 54.6782 9.57911 54.6403 9.73058L54.148 12.6084C54.1102 12.8734 54.0723 13.1385 54.0345 13.4036C53.9966 13.7822 53.6937 14.0473 53.315 14.0473H51.8761C51.8761 13.9337 51.8761 13.8201 51.8761 13.6686C51.8761 13.5172 51.914 13.4036 51.914 13.2521H51.8761C51.346 13.8958 50.5887 14.1987 49.6042 14.1987C49.3391 14.1987 49.074 14.1609 48.809 14.0851C48.5439 14.0094 48.2789 13.8958 48.0517 13.7443C47.8245 13.5929 47.6351 13.4036 47.5215 13.1385C47.3701 12.8734 47.3322 12.5705 47.3322 12.1919C47.3322 11.586 47.4837 11.1316 47.7866 10.753C48.0895 10.3743 48.4682 10.0714 48.9604 9.88204C49.4527 9.69271 49.9828 9.54125 50.5887 9.46552C51.1945 9.38979 51.8004 9.35192 52.4062 9.35192C52.4441 9.27619 52.4441 9.20046 52.4441 9.16259C52.4441 9.12472 52.4441 9.08686 52.4441 9.01113C52.4441 8.7082 52.3305 8.51888 52.1412 8.36741C51.9518 8.21595 51.6489 8.17808 51.2703 8.17808C50.9295 8.17808 50.5887 8.25382 50.2479 8.36741C50.1343 8.40528 50.0207 8.44314 49.9071 8.51887C49.5284 8.7082 49.1119 8.59461 48.8847 8.29168L48.809 8.21595C48.5439 7.83729 48.6575 7.26931 49.074 7.04211C49.3012 6.92851 49.5663 6.81491 49.8692 6.70132C50.4372 6.51199 51.0052 6.3984 51.5732 6.3984C52.0276 6.3984 52.4441 6.43626 52.8227 6.54986C53.2014 6.62559 53.5043 6.77705 53.8073 7.00424C54.0723 7.19357 54.2995 7.45863 54.451 7.76156C54.6782 8.06449 54.7539 8.40528 54.7539 8.8218ZM52.1033 10.8287C51.8004 10.8287 51.4974 10.8287 51.1945 10.8665C50.8916 10.9044 50.6265 10.9423 50.3615 11.018C50.1343 11.0937 49.9071 11.2073 49.7556 11.3588C49.6042 11.5103 49.5284 11.6617 49.5284 11.9268C49.5284 12.2297 49.642 12.419 49.8314 12.5326C50.0207 12.6462 50.2479 12.6841 50.5129 12.6841C50.9673 12.6841 51.346 12.5326 51.6489 12.2676C51.9518 12.0025 52.1412 11.6239 52.2169 11.2073L52.2926 10.8665H52.1033V10.8287Z",fill:"white"}),C.createElement("path",{d:"M59.1463 15.183C58.9191 15.5616 58.7298 15.9024 58.5026 16.2054C58.2754 16.5083 58.0482 16.7733 57.821 16.9627C57.5559 17.152 57.2909 17.3413 56.9501 17.4549C56.6093 17.5685 56.2306 17.6064 55.8141 17.6064C55.7005 17.6064 55.5491 17.6064 55.4355 17.6064C54.9811 17.5685 54.6403 17.1141 54.716 16.6597L54.7917 16.2811C54.8675 15.9024 55.2083 15.6374 55.6248 15.6374C55.9656 15.6374 56.2306 15.5616 56.42 15.3723C56.6093 15.183 56.7986 14.9558 56.988 14.6529L57.3288 14.047L55.6248 6.70105H56.8744C57.6695 6.70105 58.3133 7.26903 58.4269 8.06421L58.957 11.5479H58.9948L61.0017 7.57196C61.2668 7.04184 61.8348 6.70105 62.4028 6.70105H63.9553L59.1463 15.183Z",fill:"white"}),C.createElement("path",{d:"M78.1931 14.2756C77.6629 14.2756 77.1707 14.1999 76.7163 14.0484C76.2619 13.8969 75.8454 13.6697 75.5425 13.4047C75.2017 13.1396 74.9366 12.7988 74.7473 12.3823C74.5579 11.9658 74.4443 11.5114 74.4443 11.0191C74.4443 10.4133 74.5579 9.80743 74.7473 9.27731C74.9366 8.70932 75.2395 8.25493 75.656 7.83841C76.0347 7.42189 76.527 7.0811 77.0571 6.8539C77.6251 6.58884 78.2309 6.47525 78.9504 6.47525C79.4805 6.47525 80.0106 6.55097 80.465 6.70244C80.9194 6.8539 81.3359 7.0811 81.6767 7.34616C82.0175 7.61122 82.2826 7.95201 82.4719 8.36853C82.6612 8.78506 82.7748 9.23944 82.7748 9.7317C82.7748 10.3375 82.6612 10.9434 82.4719 11.5114C82.2826 12.0794 81.9796 12.5338 81.5631 12.9503C81.1844 13.3668 80.6922 13.7076 80.1242 13.9348C79.5562 14.162 78.9125 14.2756 78.1931 14.2756ZM80.4271 9.95889C80.4271 9.50451 80.2757 9.12585 80.0106 8.86079C79.7455 8.55786 79.3669 8.4064 78.8746 8.4064C78.5717 8.4064 78.2688 8.48213 78.0037 8.59572C77.7387 8.70932 77.5115 8.89865 77.36 9.12585C77.1707 9.35304 77.0571 9.58024 76.9435 9.88316C76.8299 10.1861 76.792 10.489 76.792 10.7919C76.792 11.2463 76.9435 11.625 77.2085 11.89C77.4736 12.193 77.8523 12.3444 78.3445 12.3444C78.6474 12.3444 78.9504 12.2687 79.2154 12.1551C79.4805 12.0415 79.7077 11.8522 79.8591 11.625C80.0485 11.3978 80.1999 11.1706 80.2757 10.8677C80.3893 10.5647 80.4271 10.2618 80.4271 9.95889Z",fill:"white"}),C.createElement("path",{d:"M83.2291 14.047L84.8573 4.7699C84.933 4.27765 85.3874 3.89899 85.8797 3.89899H87.4322L85.6525 14.047H83.2291Z",fill:"white"}),C.createElement("path",{d:"M94.3996 8.82299C94.3996 8.97445 94.3996 9.12591 94.3617 9.27738C94.3617 9.42884 94.3239 9.5803 94.286 9.73177L93.7937 12.6096C93.7559 12.8746 93.718 13.1397 93.6801 13.4047C93.6423 13.7834 93.3394 14.0485 92.9607 14.0485H91.5218C91.5218 13.9349 91.5218 13.8213 91.5218 13.6698C91.5218 13.5183 91.5597 13.4047 91.5597 13.2533H91.5218C90.9917 13.897 90.2344 14.1999 89.2499 14.1999C88.9848 14.1999 88.7197 14.1621 88.4547 14.0863C88.1896 14.0106 87.9245 13.897 87.6974 13.7455C87.4702 13.5941 87.2808 13.4047 87.1672 13.1397C87.0158 12.8746 86.9779 12.5717 86.9779 12.193C86.9779 11.5872 87.1294 11.1328 87.4323 10.7541C87.7352 10.3755 88.1139 10.0726 88.6061 9.88323C89.0984 9.6939 89.6285 9.54244 90.2344 9.46671C90.8402 9.39097 91.4461 9.35311 92.0519 9.35311C92.0898 9.27738 92.0898 9.20164 92.0898 9.16378C92.0898 9.12591 92.0898 9.08805 92.0898 9.01232C92.0898 8.70939 91.9762 8.52006 91.7869 8.3686C91.5975 8.21714 91.2946 8.17927 90.9159 8.17927C90.5751 8.17927 90.2344 8.255 89.8936 8.3686C89.78 8.40647 89.6664 8.44433 89.5528 8.52006C89.1741 8.70939 88.7576 8.5958 88.5304 8.29287L88.4547 8.21714C88.1896 7.83848 88.3032 7.27049 88.7197 7.0433C88.9469 6.9297 89.212 6.8161 89.5149 6.70251C90.0829 6.51318 90.6509 6.39958 91.2189 6.39958C91.6733 6.39958 92.0898 6.43745 92.4684 6.55104C92.8471 6.62678 93.15 6.77824 93.453 7.00543C93.718 7.19476 93.9452 7.45982 94.0967 7.76275C94.3239 8.06567 94.3996 8.40647 94.3996 8.82299ZM91.7869 10.8299C91.4839 10.8299 91.181 10.8299 90.8781 10.8677C90.5752 10.9056 90.3101 10.9435 90.045 11.0192C89.8178 11.0949 89.5906 11.2085 89.4392 11.36C89.2877 11.5115 89.212 11.6629 89.212 11.928C89.212 12.2309 89.3256 12.4202 89.5149 12.5338C89.7042 12.6474 89.9314 12.6853 90.1965 12.6853C90.6509 12.6853 91.0295 12.5338 91.3325 12.2688C91.6354 12.0037 91.8247 11.6251 91.9005 11.2085L91.9762 10.8677H91.7869V10.8299Z",fill:"white"}),C.createElement("path",{d:"M98.7919 15.2215C98.5647 15.6002 98.3753 15.941 98.1482 16.2439C97.921 16.5468 97.6938 16.8119 97.4666 17.0012C97.2015 17.1905 96.9364 17.3799 96.5957 17.4935C96.2549 17.6071 95.8762 17.6449 95.4597 17.6449C95.3461 17.6449 95.1946 17.6449 95.081 17.6449C94.6266 17.6071 94.2858 17.1527 94.3616 16.6983L94.4373 16.3196C94.513 15.941 94.8538 15.6759 95.2704 15.6759C95.6111 15.6759 95.8762 15.6002 96.0655 15.4109C96.2549 15.2215 96.4442 14.9943 96.6335 14.6914L96.9743 14.0856L95.2704 6.7396H96.8229C97.4287 6.7396 97.9588 7.19399 98.0346 7.79984L98.6025 11.5864H98.6404L100.761 7.42118C100.988 7.00466 101.405 6.7396 101.859 6.7396H103.639L98.7919 15.2215Z",fill:"white"}),C.createElement("path",{d:"M72.8159 14.1232C72.3616 14.1232 71.945 13.896 71.7178 13.5174L69.143 9.3143H69.1051L68.4614 13.063C68.3478 13.6689 67.8177 14.1232 67.2118 14.1232H65.9244L67.5526 4.95974C67.6662 4.35388 68.1963 3.89949 68.8022 3.89949H70.0896L69.3323 8.17832H69.3702L73.0431 4.27815C73.2703 4.01309 73.6111 3.86163 73.9898 3.86163H76.4889L71.4906 8.74631L75.1258 14.0854H72.8159V14.1232Z",fill:"white"}),C.createElement("path",{d:"M20.8262 3.52151L12.0034 0.227195C12.0034 0.227195 12.0034 0.227195 11.9656 0.227195C11.0568 -0.0757315 10.1102 -0.0757315 9.20138 0.227195H9.16351L0.454391 3.52151C0.227196 3.59725 0.0757315 3.82444 0 4.05163C0 4.0895 0 4.12737 0 4.2031V14.8434C0 16.6609 1.09811 18.2892 2.80207 18.9707L10.3752 21.9621C10.4509 22 10.5645 22 10.6403 22C10.716 22 10.7917 22 10.8675 21.9621L14.2754 20.599C14.5405 20.4854 14.6919 20.2203 14.6919 19.9552V15.7522L18.4406 14.2754C20.1446 13.5938 21.2427 12.0034 21.2427 10.148V4.24096V4.2031C21.2806 3.90017 21.0912 3.63511 20.8262 3.52151Z",fill:"white"}),C.createElement("path",{d:"M20.5611 4.16482L10.6403 8.10286L0.719482 4.16482L9.42861 0.8705C10.1859 0.605439 11.019 0.643305 11.7763 0.8705L20.5611 4.16482Z",fill:"#44C0E8"}),C.createElement("path",{d:"M10.6404 8.10277V21.28H10.6782L14.0483 19.9169V10.6019L18.0999 8.86009V10.6776L14.8056 12.1165V14.9186L18.2135 13.5554C19.6524 12.9875 20.5612 11.6243 20.5612 10.0718V4.12687L10.6404 8.10277Z",fill:"#E0006D"}),C.createElement("path",{d:"M3.938 14.049C3.938 14.049 10.0344 16.6239 10.6402 16.8889V8.14194H10.6024L0.681549 4.24176V14.882C0.681549 16.4345 1.62819 17.7977 3.02922 18.3657L10.5645 21.3571H10.6024V17.8734L3.90014 14.9578L3.938 14.049ZM3.938 9.20218L7.91391 10.8683V12.7994L3.938 11.0576V9.20218Z",fill:"#004385"}))};export{e as default};
@@ -2,6 +2,7 @@ import * as React from "react";
2
2
  declare type Props = {
3
3
  value: boolean;
4
4
  label?: string | React.ReactNode;
5
+ description?: string | React.ReactNode;
5
6
  hasError?: boolean;
6
7
  removePadding?: boolean;
7
8
  onChange?: (value: boolean) => void;
@@ -1 +1 @@
1
- import*as e from"react";import{observer as o}from"mobx-react-lite";import r from"../checkbox/check.js";import a from"./style.module.scss.js";var c=o((function(o){var c=o.value,t=o.label,i=o.hasError,l=o.removePadding,n=o.onChange,m=[a.CheckboxBorder],s=[a.CheckboxLabel],h=[a.CheckboxTick];return c&&(m.push(a.Checked),h.push(a.Visible)),i&&s.push(a.CheckboxLabelError),e.createElement("div",{className:[a.CheckboxWrapper,l?a.WithoutPadding:"",t?"":a.WithoutLabel].join(" "),onClick:function(){n&&n(!c)}},e.createElement("div",{className:a.CheckboxContainer},e.createElement("div",{className:m.join(" ")}),e.createElement("div",{className:h.join(" ")},e.createElement(r,null))),!!t&&e.createElement("div",{className:s.join(" ")},t))}));export{c as Toggle};
1
+ import*as e from"react";import{observer as a}from"mobx-react-lite";import o from"../checkbox/check.js";import r from"./style.module.scss.js";var c=a((function(a){var c=a.value,t=a.label,i=a.description,n=a.hasError,l=a.removePadding,s=a.onChange,m=[r.CheckboxBorder],h=[r.CheckboxLabel],b=[r.CheckboxDescription],d=[r.CheckboxTick];return c&&(m.push(r.Checked),d.push(r.Visible)),n&&h.push(r.CheckboxLabelError),e.createElement("div",{className:[r.CheckboxWrapper,l?r.WithoutPadding:"",t?"":r.WithoutLabel].join(" "),onClick:function(){s&&s(!c)}},e.createElement("div",{className:r.CheckboxContainer},e.createElement("div",{className:m.join(" ")}),e.createElement("div",{className:d.join(" ")},e.createElement(o,null))),e.createElement("div",{className:r.CheckboxLabelContainer},!!t&&e.createElement("div",{className:h.join(" ")},t),!!i&&e.createElement("div",{className:b.join(" ")},i)))}));export{c as Toggle};
@@ -1 +1 @@
1
- import e from'./../../../../ext/style-inject/dist/style-inject.es.js';var o={CheckboxWrapper:"style-module_CheckboxWrapper__5RhYr",WithoutPadding:"style-module_WithoutPadding__dZ4VI",WithoutLabel:"style-module_WithoutLabel__YoWH0",CheckboxContainer:"style-module_CheckboxContainer__26lKe",CheckboxBorder:"style-module_CheckboxBorder__7A2SL",Checked:"style-module_Checked__PPUk8",CheckboxTick:"style-module_CheckboxTick__Qp5qA",Visible:"style-module_Visible__M3y9g",CheckboxLabel:"style-module_CheckboxLabel__Oj6l8",CheckboxLabelError:"style-module_CheckboxLabelError__tYedL"};e(".style-module_CheckboxWrapper__5RhYr {\n width: 100%;\n display: flex;\n padding: 0.5em 0;\n cursor: pointer;\n user-select: none;\n align-items: center;\n}\n.style-module_CheckboxWrapper__5RhYr.style-module_WithoutPadding__dZ4VI {\n padding: 0;\n}\n.style-module_CheckboxWrapper__5RhYr.style-module_WithoutLabel__YoWH0 {\n padding: 0;\n width: auto;\n}\n.style-module_CheckboxWrapper__5RhYr .style-module_CheckboxContainer__26lKe {\n position: relative;\n width: 20px;\n height: 20px;\n margin-right: 16px;\n}\n.style-module_CheckboxWrapper__5RhYr .style-module_CheckboxBorder__7A2SL {\n flex: 0 0 auto;\n width: 20px;\n height: 20px;\n border-radius: 100%;\n border: 1px solid var(--checkout-border-color);\n position: absolute;\n top: 0;\n left: 0;\n transition: border-width 0.2s ease-in-out;\n}\n.style-module_CheckboxWrapper__5RhYr .style-module_CheckboxBorder__7A2SL.style-module_Checked__PPUk8 {\n border: 10px solid var(--checkout-button-bg-color);\n}\n.style-module_CheckboxWrapper__5RhYr .style-module_CheckboxTick__Qp5qA {\n width: 20px;\n height: 20px;\n display: flex;\n justify-content: center;\n align-items: center;\n position: absolute;\n top: 0;\n left: 0;\n color: var(--checkout-button-text-color);\n z-index: 2;\n transition: all 0.2s ease-in-out;\n transition-delay: 0.1s;\n opacity: 0;\n transform: scale(0.2);\n}\n.style-module_CheckboxWrapper__5RhYr .style-module_CheckboxTick__Qp5qA.style-module_Visible__M3y9g {\n opacity: 1;\n transform: scale(1.2);\n}\n.style-module_CheckboxWrapper__5RhYr .style-module_CheckboxLabel__Oj6l8 {\n flex: 1 1 auto;\n font-weight: normal;\n}\n.style-module_CheckboxWrapper__5RhYr .style-module_CheckboxLabelError__tYedL {\n color: var(--checkout-error-color);\n}");export{o as default};
1
+ import e from'./../../../../ext/style-inject/dist/style-inject.es.js';var o={CheckboxWrapper:"style-module_CheckboxWrapper__5RhYr",WithoutPadding:"style-module_WithoutPadding__dZ4VI",WithoutLabel:"style-module_WithoutLabel__YoWH0",CheckboxContainer:"style-module_CheckboxContainer__26lKe",CheckboxBorder:"style-module_CheckboxBorder__7A2SL",Checked:"style-module_Checked__PPUk8",CheckboxTick:"style-module_CheckboxTick__Qp5qA",Visible:"style-module_Visible__M3y9g",CheckboxLabelContainer:"style-module_CheckboxLabelContainer__1g1JQ",CheckboxLabel:"style-module_CheckboxLabel__Oj6l8",CheckboxDescription:"style-module_CheckboxDescription__p7nar",CheckboxLabelError:"style-module_CheckboxLabelError__tYedL"};e(".style-module_CheckboxWrapper__5RhYr {\n width: 100%;\n display: flex;\n padding: 0.5em 0;\n cursor: pointer;\n user-select: none;\n align-items: center;\n}\n.style-module_CheckboxWrapper__5RhYr.style-module_WithoutPadding__dZ4VI {\n padding: 0;\n}\n.style-module_CheckboxWrapper__5RhYr.style-module_WithoutLabel__YoWH0 {\n padding: 0;\n width: auto;\n}\n.style-module_CheckboxWrapper__5RhYr .style-module_CheckboxContainer__26lKe {\n position: relative;\n width: 20px;\n height: 20px;\n margin-right: 16px;\n}\n.style-module_CheckboxWrapper__5RhYr .style-module_CheckboxBorder__7A2SL {\n flex: 0 0 auto;\n width: 20px;\n height: 20px;\n border-radius: 100%;\n border: 1px solid var(--checkout-border-color);\n position: absolute;\n top: 0;\n left: 0;\n transition: border-width 0.2s ease-in-out;\n}\n.style-module_CheckboxWrapper__5RhYr .style-module_CheckboxBorder__7A2SL.style-module_Checked__PPUk8 {\n border: 10px solid var(--checkout-button-bg-color);\n}\n.style-module_CheckboxWrapper__5RhYr .style-module_CheckboxTick__Qp5qA {\n width: 20px;\n height: 20px;\n display: flex;\n justify-content: center;\n align-items: center;\n position: absolute;\n top: 0;\n left: 0;\n color: var(--checkout-button-text-color);\n z-index: 2;\n transition: all 0.2s ease-in-out;\n transition-delay: 0.1s;\n opacity: 0;\n transform: scale(0.2);\n}\n.style-module_CheckboxWrapper__5RhYr .style-module_CheckboxTick__Qp5qA.style-module_Visible__M3y9g {\n opacity: 1;\n transform: scale(1.2);\n}\n.style-module_CheckboxWrapper__5RhYr .style-module_CheckboxLabelContainer__1g1JQ {\n flex: 1 1 auto;\n}\n.style-module_CheckboxWrapper__5RhYr .style-module_CheckboxLabel__Oj6l8 {\n font-weight: normal;\n}\n.style-module_CheckboxWrapper__5RhYr .style-module_CheckboxDescription__p7nar {\n font-weight: normal;\n font-size: 0.9rem;\n color: var(--checkout-secondary-text-color);\n}\n.style-module_CheckboxWrapper__5RhYr .style-module_CheckboxLabelError__tYedL {\n color: var(--checkout-error-color);\n}");export{o as default};
@@ -1,6 +1,7 @@
1
1
  import * as React from "react";
2
2
  import { IkasCheckoutSettings } from "../../models/data/checkout-settings";
3
3
  import { IkasCheckout } from "../../models/data/checkout";
4
+ import { IkasImage } from "../../models";
4
5
  export declare type IkasCheckoutPageProps = {
5
6
  checkout: IkasCheckout;
6
7
  checkoutSettings: IkasCheckoutSettings;
@@ -12,6 +13,7 @@ export declare type IkasCheckoutPageProps = {
12
13
  shippingPolicy: string;
13
14
  };
14
15
  export declare type IkasCheckoutCustomizationProps = {
16
+ logo?: IkasImage;
15
17
  showTax?: boolean;
16
18
  buttonBgColor?: string;
17
19
  buttonTextColor?: string;
@@ -1 +1 @@
1
- import{__awaiter as e,__generator as t}from'./../../ext/tslib/tslib.es6.js';import*as o from"react";import{observer as i}from"mobx-react-lite";import{useRouter as r}from"next/router.js";import s from"next/link.js";import a from"react-tooltip";import l,{CheckoutStep as n}from"./model.js";import{IkasStorefrontConfig as c}from"@ikas/storefront-config";import{formatCurrency as m}from"../../utils/currency.js";import{useTranslation as d}from"../../utils/i18n.js";import p from"./steps/step-info/index.js";import{CheckoutStepShipping as u}from"./steps/step-shipping/index.js";import{CheckoutStepPayment as v}from"./steps/step-payment/index.js";import{CartSummary as h}from"./components/cart-summary/index.js";import"../../models/data/blog/category/index.js";import"../../models/data/blog/content/index.js";import"../../models/data/blog/meta-data/index.js";import"../../models/data/blog/tag/index.js";import"../../models/data/blog/index.js";import"../../models/data/brand/index.js";import{IkasThemeJsonPageType as g}from"@ikas/storefront-models";import"mobx";import"../../models/data/campaign-offer/index.js";import"../../models/data/cart/campaign-offer/index.js";import"../../models/data/cart/index.js";import"../../models/data/category/path-item/index.js";import"../../models/data/category/index.js";import"../../models/data/checkout/index.js";import"../../models/data/checkout/country-settings-model.js";import"../../models/data/checkout-settings/index.js";import"../../models/data/city/index.js";import"../../models/data/country/index.js";import"../../models/data/customer/address/index.js";import"../../models/data/customer/address/ikas-localized-customer-address.js";import"../../models/data/customer/attribute/index.js";import"../../models/data/customer/review/summary/index.js";import"../../models/data/customer/review/index.js";import"../../models/data/customer/index.js";import"../../models/data/district/index.js";import"../../models/data/favorite-product/index.js";import"../../models/data/filter-category/index.js";import"../../models/data/html-meta-data/index.js";import"../../models/data/image/index.js";import"../../models/data/order/address/index.js";import"../../models/data/order/line-item/option/value/index.js";import"../../models/data/order/line-item/variant/value/index.js";import"../../models/data/order/line-item/variant/index.js";import"../../models/data/order/line-item/index.js";import"../../models/data/order/package/index.js";import"../../models/data/order/transaction/index.js";import"../../models/data/order/index.js";import"../../models/data/payment-gateway/index.js";import"../../models/data/product/attribute-value/index.js";import"../../models/data/product/filter/index.js";import"../../models/data/product/option-set/option/index.js";import"../../models/data/product/option-set/index.js";import"../../models/data/product/stock-location/index.js";import"../../models/data/product/variant/price/index.js";import"../../models/data/product/variant/index.js";import"../../models/data/variant-type/index.js";import"../../models/data/product/index.js";import"../../models/data/raffle/index.js";import"../../models/data/state/index.js";import"../../models/data/theme-json/index.js";import"../../models/data/theme-json/custom-data/index.js";import"../../models/data/variant-type/variant-value/index.js";import"../../models/ui/blog-list/index.js";import"../../models/ui/blog-category-list/index.js";import"../../models/ui/brand-list/index.js";import"../../models/ui/category-list/index.js";import"../../models/ui/product-list/index.js";import"../../models/ui/product-attribute-detail/index.js";import"../../models/ui/product-attribute-list/index.js";import"../../models/ui/customer-review-list/index.js";import"../../models/ui/customer-review-summary-list/index.js";import"../../models/ui/validator/index.js";import"../../models/ui/validator/rules/index.js";import"../../models/ui/validator/form/login.js";import"../../models/ui/validator/form/address.js";import"../../models/ui/validator/form/ikas-address.js";import"../../models/ui/validator/form/register.js";import{ContactForm as E}from"../../models/ui/validator/form/contact-form.js";import"../../models/ui/validator/form/forgot-password.js";import"../../models/ui/validator/form/recover-password.js";import"../../models/ui/validator/form/account-info.js";import"../../models/ui/validator/form/raffle-form.js";import"../../models/ui/validator/form/customer-review.js";import"../../models/ui/raffle-list/index.js";import{StepSuccess as f}from"./steps/step-success/index.js";import{Modal as y}from"./components/modal/index.js";import x from"./components/master-pass/modal-otp/index.js";import k from"./components/master-pass/modal-response/index.js";import j from"./components/master-pass/modal-success/index.js";import{Image as C}from"../image/index.js";import b,{Step as N}from"./components/step-container/index.js";import{StockError as F}from"./components/error/stock-error/index.js";import{FullscreenLoading as M}from"./components/fullscreen-loading/index.js";import T from"./components/notification-box/index.js";import{FormItem as P}from"./components/form-item/index.js";import{FormItemType as S}from"./components/form-item/model.js";import{Button as A}from"./components/button/index.js";import{IkasPageHead as w}from"../page/head.js";import I from"./components/offer-product/index.js";import V from"./components/svg/ikas.js";import O from"./style.module.scss.js";import{Analytics as B}from"../../analytics/analytics.js";import"../../analytics/head/index.js";var L=i((function(e){var t,i,s,m=e.checkout,p=e.checkoutSettings,u=e.customizationProps,v=e.returnPolicy,E=e.privacyPolicy,C=e.termsOfService,b=e.imprint,N=e.shippingPolicy,T=d().t,P=r(),S=o.useState((function(){return new l(m,p,P,v,E,C,b,N,T,u||{})}))[0];return S.step===n.PAYMENT&&B.disableHTML(),o.useEffect((function(){S.checkoutSettings.isAccountRequired&&!S.checkout.hasCustomer&&P.push("/account/login?redirect="+encodeURIComponent(S.checkoutUrl)),B.beginCheckout(S.checkout),B.pageView(g.CHECKOUT)}),[]),o.useEffect((function(){S.customizationProps=u,function(e){document.documentElement.style.setProperty("--checkout-button-bg-color",(null==e?void 0:e.buttonBgColor)||"#272727"),document.documentElement.style.setProperty("--checkout-button-text-color",(null==e?void 0:e.buttonTextColor)||"#FFFFFF"),document.documentElement.style.setProperty("--checkout-button-disabled-bg-color",(null==e?void 0:e.buttonDisabledBgColor)||"#F7F7F9"),document.documentElement.style.setProperty("--checkout-button-disabled-text-color",(null==e?void 0:e.buttonDisabledTextColor)||"#8A8B94"),document.documentElement.style.setProperty("--checkout-primary-text-color",(null==e?void 0:e.primaryTextColor)||"#272727"),document.documentElement.style.setProperty("--checkout-secondary-text-color",(null==e?void 0:e.secondaryTextColor)||"#8A8B94"),document.documentElement.style.setProperty("--checkout-primary-bg-color",(null==e?void 0:e.primaryBgColor)||"#FFFFFF"),document.documentElement.style.setProperty("--checkout-secondary-bg-color",(null==e?void 0:e.secondaryBgColor)||"#F7F7F9"),document.documentElement.style.setProperty("--checkout-border-color",(null==e?void 0:e.borderColor)||"#E5E4E9"),document.documentElement.style.setProperty("--checkout-card-bg-color",(null==e?void 0:e.cardBgColor)||"#F7F7F9"),document.documentElement.style.setProperty("--checkout-error-color",(null==e?void 0:e.errorColor)||"#FB4E4E"),document.documentElement.style.setProperty("--checkout-error-light-color",(null==e?void 0:e.errorLightColor)||"#FCF3F4"),document.documentElement.style.setProperty("--checkout-warning-color",(null==e?void 0:e.warningColor)||"#FFBC1F"),document.documentElement.style.setProperty("--checkout-warning-light-color",(null==e?void 0:e.warningLightColor)||"#FFFAEE"),document.documentElement.style.setProperty("--checkout-success-color",(null==e?void 0:e.successColor)||"#2DCA73"),document.documentElement.style.setProperty("--checkout-success-light-color",(null==e?void 0:e.successLightColor)||"#F6FFED")}(u)}),[u]),S.isCheckoutLoaded&&S.store.customerStore.initialized?S.checkout.hasCustomer&&(null===(t=S.store.customerStore.customer)||void 0===t?void 0:t.id)!==(null===(i=S.checkout.customer)||void 0===i?void 0:i.id)?(P.push("/account/login?redirect="+encodeURIComponent(S.checkoutUrl)),null):o.createElement(o.Fragment,null,o.createElement(w,{pageType:g.CHECKOUT,pageTitle:((null===(s=S.merchantSettings)||void 0===s?void 0:s.merchantName)||"")+" - "+T("checkout-page:securePayment"),pageDescription:T("checkout-page:securePayment")}),o.createElement("div",{id:"Checkout",className:O.CheckoutPage},o.createElement(a,{place:"top",type:"dark",effect:"solid",arrowColor:"transparent",multiline:!0,className:O.ReactTooltipWrap,globalEventOff:"touchstart"}),o.createElement("div",{className:O.Left},o.createElement("div",{className:O.LeftContent},o.createElement("div",null,o.createElement(R,{vm:S}),S.hasStockError&&o.createElement("div",{className:O.ErrorContainer},o.createElement(F,{vm:S,error:S.error})),!S.hasStockError&&o.createElement(o.Fragment,null,o.createElement(h,{vm:S,allowExpand:!0}),S.step===n.SUCCESS?o.createElement(f,{vm:S}):o.createElement(o.Fragment,null,S.checkoutCampaignOffer&&o.createElement(I,{vm:S,campaignOffer:S.checkoutCampaignOffer}),o.createElement(D,{vm:S}))),o.createElement("div",{className:O.Space})),o.createElement(G,{vm:S}))),o.createElement("div",{className:O.Right},o.createElement("div",{className:O.RightContent},o.createElement(h,{vm:S}),o.createElement("div",{className:O.PoweredBy},o.createElement("span",null,"powered by"),o.createElement("a",{href:"https://ikas.com"+("tr"===c.getCurrentLocale()?"/tr":""),target:"_blank"},o.createElement(V,null))))),!!S.policyModalText&&o.createElement(y,{title:S.policyModalTitle,modalContent:S.policyModalText,onClose:function(){S.policyModalText=""}}),S.isContactModalVisible&&o.createElement(Y,{vm:S,setVisible:S.setContactModalVisible}),S.mpVM.isOtpModalVisible&&o.createElement(x,{vm:S,visible:S.mpVM.isOtpModalVisible,type:S.mpVM.otpModalType,onClose:S.mpVM.hideOtpModal}),S.mpVM.isResponseModalVisible&&o.createElement(k,{visible:S.mpVM.isResponseModalVisible,text:S.mpVM.mfsResponseModalText,onClose:S.mpVM.onResponseModalClose}),S.mpVM.isSuccessModalVisible&&o.createElement(j,{visible:S.mpVM.isSuccessModalVisible,type:S.mpVM.successModalType,onClose:S.mpVM.onSuccessModalClose}))):o.createElement(M,null)})),R=i((function(e){var t,i,r,a=e.vm,l=d().t;return o.createElement("div",{className:O.Header},o.createElement(s,{href:"/",passHref:!0},o.createElement("a",null,(null===(t=a.merchantSettings)||void 0===t?void 0:t.logo)?o.createElement("div",{className:O.Logo},o.createElement(C,{layout:"fill",image:a.merchantSettings.logo,sizes:"360px"})):(null===(i=a.merchantSettings)||void 0===i?void 0:i.merchantName)||"")),!a.checkout.hasCustomer&&o.createElement("div",{className:O.LoginText},o.createElement("span",{className:O.LoginCta},l("checkout-page:alreadyHaveAnAccount")),o.createElement(s,{href:"/account/login?redirect="+encodeURIComponent(a.checkoutUrl),passHref:!0},o.createElement("a",{className:O.LoginBtn},l("checkout-page:actions.login")))),a.checkout.hasCustomer&&o.createElement("div",{className:O.CustomerInfo},o.createElement("div",{className:O.Name},a.checkout.customerFullName),o.createElement("div",{className:O.Email},null===(r=a.checkout.customer)||void 0===r?void 0:r.email)))})),D=i((function(e){var t=e.vm,i=d().t,r=o.useMemo((function(){switch(t.step){case n.INFO:return o.createElement(p,{vm:t});case n.SHIPPING:return o.createElement(u,{vm:t});case n.PAYMENT:return o.createElement(v,{vm:t});case n.SUCCESS:return o.createElement(f,{vm:t})}}),[t,t.step]),s=[new N(i("checkout-page:address"),t.step===n.INFO,t.step!==n.INFO,t.step!==n.INFO?o.createElement("div",{className:O.AdressStepInfo},o.createElement(U,{vm:t}),o.createElement("div",{className:O.EditBtn,onClick:t.onBackToInfoClick},i("checkout-page:actions.edit"))):void 0,t.step!==n.INFO?o.createElement("div",{className:O.AddressStepInfoMobile},o.createElement(U,{vm:t})):void 0),new N(i("checkout-page:payment"),t.step===n.PAYMENT,!1)];return"address"!==t.deliveryMethod||t.isDigitalOnly||s.splice(1,0,new N(i("checkout-page:shipping"),t.step===n.SHIPPING,t.step===n.PAYMENT,t.step===n.PAYMENT?o.createElement("div",{className:O.AdressStepInfo},o.createElement(H,{vm:t}),(t.checkout.availableShippingMethods&&t.checkout.availableShippingMethods.length>1||t.checkoutSettings.isGiftPackageEnabled)&&o.createElement("div",{className:O.EditBtn,onClick:t.onBackToShippingClick},i("checkout-page:actions.edit"))):void 0,t.step===n.PAYMENT?o.createElement("div",{className:O.AddressStepInfoMobile},o.createElement(H,{vm:t})):void 0)),o.createElement(b,{steps:s,stepContent:r})})),U=i((function(e){var t,i,r,s,a,l,n,c,m,p=e.vm,u=d().t,v=p.isDigitalOnly?((null===(t=p.checkout.billingAddress)||void 0===t?void 0:t.firstName)||"")+" "+((null===(i=p.checkout.billingAddress)||void 0===i?void 0:i.lastName)||""):((null===(r=p.checkout.shippingAddress)||void 0===r?void 0:r.firstName)||"")+" "+((null===(s=p.checkout.shippingAddress)||void 0===s?void 0:s.lastName)||"");return o.createElement("div",{className:O.Address},o.createElement("div",{className:[O.Text,O.WithMBottom].join(" ")},(null===(a=p.checkout.customer)||void 0===a?void 0:a.email)||""),"address"===p.deliveryMethod?o.createElement("div",{className:O.Text},v):o.createElement(o.Fragment,null,o.createElement("div",{className:O.Text},u("checkout-page:receiver")),o.createElement("div",{className:[O.Text,O.Gray].join(" ")},v)),o.createElement("div",{className:[O.Text,O.Gray].join(" ")},p.isDigitalOnly?null===(l=p.checkout.billingAddress)||void 0===l?void 0:l.phone:null===(n=p.checkout.shippingAddress)||void 0===n?void 0:n.phone),"in-store"===p.deliveryMethod&&o.createElement(o.Fragment,null,o.createElement("div",{className:[O.Text,O.WithMTop].join(" ")},u("checkout-page:pickUpLocation"))),o.createElement("div",{className:[O.Text,O.Gray].join(" ")},p.isDigitalOnly?null===(c=p.checkout.billingAddress)||void 0===c?void 0:c.addressText:null===(m=p.checkout.shippingAddress)||void 0===m?void 0:m.addressText))})),H=i((function(e){var t=e.vm,i=d().t;return o.createElement("div",{className:O.Address},t.checkout.shippingLines&&t.checkout.shippingLines.length?o.createElement(o.Fragment,null,o.createElement("span",null,t.checkout.shippingLines[0].title),o.createElement("span",{className:O.LightText}," / "+(0===t.checkout.shippingLines[0].price?i("checkout-page:free"):m(t.checkout.shippingLines[0].price,t.checkout.currencyCode,t.checkout.currencySymbol)))):i("checkout-page:standartShipping"))})),G=i((function(e){var t=e.vm,i=d().t;return o.createElement("div",{className:O.Footer},o.createElement("div",{className:O.FooterItem,onClick:function(){t.policyModalTitle=i("checkout-page:returnPolicy"),t.policyModalText=t.returnPolicy}},i("checkout-page:returnPolicy")),o.createElement("div",{className:O.FooterBullet},"•"),o.createElement("div",{className:O.FooterItem,onClick:function(){t.policyModalTitle=i("checkout-page:privacyPolicy"),t.policyModalText=t.privacyPolicy}},i("checkout-page:privacyPolicy")),o.createElement("div",{className:O.FooterBullet},"•"),o.createElement("div",{className:O.FooterItem,onClick:function(){t.policyModalTitle=i("checkout-page:termsOfService"),t.policyModalText=t.termsOfService}},i("checkout-page:termsOfService")),t.imprint&&o.createElement(o.Fragment,null,o.createElement("div",{className:O.FooterBullet},"•"),o.createElement("div",{className:O.FooterItem,onClick:function(){t.policyModalTitle=i("checkout-page:imprint"),t.policyModalText=t.imprint}},i("checkout-page:imprint"))),t.shippingPolicy&&o.createElement(o.Fragment,null,o.createElement("div",{className:O.FooterBullet},"•"),o.createElement("div",{className:O.FooterItem,onClick:function(){t.policyModalTitle=i("checkout-page:shippingPolicy"),t.policyModalText=t.shippingPolicy}},i("checkout-page:shippingPolicy"))))})),Y=i((function(i){var r,s,a,l=i.vm,n=i.setVisible,c=d().t,m=o.useState(!1),p=m[0],u=m[1],v=o.useState(!1),h=v[0],g=v[1],f=o.useState(new E({message:{requiredRule:"",emailRule:"",minRule:""}}))[0];f.email=(null===(r=l.checkout.customer)||void 0===r?void 0:r.email)||"",f.firstName=(null===(s=l.checkout.customer)||void 0===s?void 0:s.firstName)||"",f.lastName=(null===(a=l.checkout.customer)||void 0===a?void 0:a.lastName)||"";var x=o.useCallback((function(){return e(void 0,void 0,void 0,(function(){return t(this,(function(e){switch(e.label){case 0:return h?[2,n(!1)]:(u(!0),[4,f.saveContactForm()]);case 1:return e.sent()&&g(!0),u(!1),[2]}}))}))}),[p]);return o.createElement(y,{title:c("checkout-page:contactForm"),modalContent:o.createElement("div",null,h&&o.createElement("div",{style:{marginBottom:"12px",maxWidth:"352px"}},o.createElement(T,{type:"success",title:c("checkout-page:contactFormSent"),content:c("checkout-page:contactFormDescription")})),o.createElement(P,{type:S.TEXT_AREA,label:"",value:f.message||"",onChange:f.onMessageChange,textAreaPlaceholder:c("checkout-page:contactFormCta")}),o.createElement(A,{style:{width:"100%",marginTop:"24px"},text:c(h?"checkout-page:actions.close":"checkout-page:actions.sendMessage"),isLoading:p,isDisabled:!f.message,onClick:x})),onClose:function(){return n(!1)}})}));export{L as default};
1
+ import{__awaiter as e,__generator as t}from'./../../ext/tslib/tslib.es6.js';import*as o from"react";import{observer as i}from"mobx-react-lite";import{useRouter as r}from"next/router.js";import a from"next/link.js";import n from"react-tooltip";import s,{CheckoutStep as c}from"./model.js";import{IkasStorefrontConfig as l}from"@ikas/storefront-config";import{formatCurrency as m}from"../../utils/currency.js";import{useTranslation as d}from"../../utils/i18n.js";import p from"./steps/step-info/index.js";import{CheckoutStepShipping as u}from"./steps/step-shipping/index.js";import{CheckoutStepPayment as v}from"./steps/step-payment/index.js";import{CouponErrorCode as g,Coupon as h,CartSummary as f}from"./components/cart-summary/index.js";import"../../models/data/blog/category/index.js";import"../../models/data/blog/content/index.js";import"../../models/data/blog/meta-data/index.js";import"../../models/data/blog/tag/index.js";import"../../models/data/blog/index.js";import"../../models/data/brand/index.js";import{IkasThemeJsonPageType as y}from"@ikas/storefront-models";import"mobx";import"../../models/data/campaign-offer/index.js";import"../../models/data/cart/campaign-offer/index.js";import"../../models/data/cart/index.js";import"../../models/data/category/path-item/index.js";import"../../models/data/category/index.js";import"../../models/data/checkout/index.js";import"../../models/data/checkout-settings/index.js";import"../../models/data/city/index.js";import"../../models/data/country/index.js";import"../../models/data/customer/address/region/index.js";import"../../models/data/customer/address/index.js";import"../../models/data/customer/address/ikas-localized-customer-address.js";import"../../models/data/customer/attribute/index.js";import"../../models/data/customer/review/summary/index.js";import"../../models/data/customer/review/index.js";import"../../models/data/customer/index.js";import"../../models/data/district/index.js";import"../../models/data/favorite-product/index.js";import"../../models/data/filter-category/index.js";import"../../models/data/html-meta-data/index.js";import"../../models/data/image/index.js";import"../../models/data/order/address/region/index.js";import"../../models/data/order/address/index.js";import"../../models/data/order/line-item/option/value/index.js";import"../../models/data/order/line-item/variant/value/index.js";import"../../models/data/order/line-item/variant/index.js";import"../../models/data/order/line-item/index.js";import"../../models/data/order/package/index.js";import"../../models/data/order/transaction/index.js";import"../../models/data/order/index.js";import"../../models/data/payment-gateway/index.js";import"../../models/data/product/attribute-value/index.js";import"../../models/data/product/filter/index.js";import"../../models/data/product/campaign-offer/index.js";import"../../models/data/product/option-set/option/index.js";import"../../models/data/product/option-set/index.js";import"../../models/data/product/stock-location/index.js";import"../../models/data/product/variant/price/index.js";import"../../models/data/product/variant/index.js";import"../../models/data/variant-type/index.js";import"../../models/data/product/index.js";import"../../models/data/raffle/index.js";import"../../models/data/shipping-zone/state/city/district/region/index.js";import"../../models/data/state/index.js";import"../../models/data/theme-json/index.js";import"../../models/data/theme-json/component/index.js";import"../../models/data/theme-json/custom-data/index.js";import"../../models/data/variant-type/variant-value/index.js";import"@ikas/localized-address";import"../../models/ui/blog-list/index.js";import"../../models/ui/blog-category-list/index.js";import"../../models/ui/brand-list/index.js";import"../../models/ui/category-list/index.js";import"../../models/ui/product-list/index.js";import"../../models/ui/product-attribute-detail/index.js";import"../../models/ui/product-attribute-list/index.js";import"../../models/ui/customer-review-list/index.js";import"../../models/ui/customer-review-summary-list/index.js";import"../../models/ui/validator/index.js";import"../../models/ui/validator/rules/index.js";import"../../models/ui/validator/form/login.js";import"../../models/ui/validator/form/address.js";import"../../models/ui/validator/form/ikas-address.js";import"../../models/ui/validator/form/register.js";import{ContactForm as E}from"../../models/ui/validator/form/contact-form.js";import"../../models/ui/validator/form/forgot-password.js";import"../../models/ui/validator/form/recover-password.js";import"../../models/ui/validator/form/account-info.js";import"../../models/ui/validator/form/raffle-form.js";import"../../models/ui/validator/form/customer-review.js";import"../../models/ui/raffle-list/index.js";import{StepSuccess as k}from"./steps/step-success/index.js";import{Modal as x}from"./components/modal/index.js";import j from"./components/master-pass/modal-otp/index.js";import C from"./components/master-pass/modal-response/index.js";import b from"./components/master-pass/modal-success/index.js";import{Image as N}from"../image/index.js";import P,{Step as F}from"./components/step-container/index.js";import{StockError as T}from"./components/error/stock-error/index.js";import{FullscreenLoading as S}from"./components/fullscreen-loading/index.js";import M from"./components/notification-box/index.js";import{FormItem as w}from"./components/form-item/index.js";import{FormItemType as O}from"./components/form-item/model.js";import{Button as A}from"./components/button/index.js";import{IkasPageHead as I}from"../page/head.js";import B from"./components/offer-product/index.js";import L from"./components/svg/ikas.js";import U from"./style.module.scss.js";import{Analytics as V}from"../../analytics/analytics.js";import"../../analytics/head/index.js";import R from"./components/epaykolay-button/index.js";var _=i((function(i){var a,m,p,u=i.checkout,v=i.checkoutSettings,g=i.customizationProps,h=i.returnPolicy,E=i.privacyPolicy,N=i.termsOfService,P=i.imprint,F=i.shippingPolicy,M=d().t,w=r(),O=o.useState((function(){return new s(u,v,w,h,E,N,P,F,M,g||{})}))[0],A=o.useMemo((function(){return Date.now()}),[]);O.step===c.PAYMENT&&V.disableHTML();var _=function(o,i,r,a,n){return e(void 0,void 0,void 0,(function(){var e;return t(this,(function(t){switch(t.label){case 0:return e="".concat(process.env.NEXT_PUBLIC_BASE_URL,"/os/e-pay-kolay/get-basket"),[4,fetch(e,{method:"POST",headers:{"Content-Type":"application/json","x-api-key":l.getApiKey()},body:JSON.stringify({cartId:O.checkout.id,customerNumber:o,sessionsState:A,addressDto:r,paymentType:a,totalPrice:n})})];case 1:return[2,t.sent().json()]}}))}))};o.useEffect((function(){O.checkoutSettings.isAccountRequired&&!O.checkout.hasCustomer&&w.push("/account/login?redirect="+encodeURIComponent(O.checkoutUrl)),V.beginCheckout(O.checkout),V.pageView(y.CHECKOUT)}),[]),o.useEffect((function(){O.customizationProps=g,function(e){document.documentElement.style.setProperty("--checkout-button-bg-color",(null==e?void 0:e.buttonBgColor)||"#272727"),document.documentElement.style.setProperty("--checkout-button-text-color",(null==e?void 0:e.buttonTextColor)||"#FFFFFF"),document.documentElement.style.setProperty("--checkout-button-disabled-bg-color",(null==e?void 0:e.buttonDisabledBgColor)||"#F7F7F9"),document.documentElement.style.setProperty("--checkout-button-disabled-text-color",(null==e?void 0:e.buttonDisabledTextColor)||"#8A8B94"),document.documentElement.style.setProperty("--checkout-primary-text-color",(null==e?void 0:e.primaryTextColor)||"#272727"),document.documentElement.style.setProperty("--checkout-secondary-text-color",(null==e?void 0:e.secondaryTextColor)||"#8A8B94"),document.documentElement.style.setProperty("--checkout-primary-bg-color",(null==e?void 0:e.primaryBgColor)||"#FFFFFF"),document.documentElement.style.setProperty("--checkout-secondary-bg-color",(null==e?void 0:e.secondaryBgColor)||"#F7F7F9"),document.documentElement.style.setProperty("--checkout-border-color",(null==e?void 0:e.borderColor)||"#E5E4E9"),document.documentElement.style.setProperty("--checkout-card-bg-color",(null==e?void 0:e.cardBgColor)||"#F7F7F9"),document.documentElement.style.setProperty("--checkout-error-color",(null==e?void 0:e.errorColor)||"#FB4E4E"),document.documentElement.style.setProperty("--checkout-error-light-color",(null==e?void 0:e.errorLightColor)||"#FCF3F4"),document.documentElement.style.setProperty("--checkout-warning-color",(null==e?void 0:e.warningColor)||"#FFBC1F"),document.documentElement.style.setProperty("--checkout-warning-light-color",(null==e?void 0:e.warningLightColor)||"#FFFAEE"),document.documentElement.style.setProperty("--checkout-success-color",(null==e?void 0:e.successColor)||"#2DCA73"),document.documentElement.style.setProperty("--checkout-success-light-color",(null==e?void 0:e.successLightColor)||"#F6FFED")}(g)}),[g]),o.useEffect((function(){if(O.isEPayKolayEnabled)var o=setInterval((function(){var i,r;window.setContainerService&&O.isCheckoutLoaded&&(window.setContainerService(null===(i=l.getMerchantSettings())||void 0===i?void 0:i.merchantId,_,(function(o){return e(void 0,void 0,void 0,(function(){return t(this,(function(e){switch(e.label){case 0:return[4,K(o)];case 1:return[2,e.sent()]}}))}))}),(function(){console.log("Switching to epaykolay"),O.isEPayKolayPayment=!0}),"https://cdn-epeykolay.mncdn.com/".concat((null===(r=l.getApiUrl())||void 0===r?void 0:r.includes("myikas.com"))?"epay":"epay-uat","/")),clearInterval(o))}),100)}),[]);var K=o.useCallback((function(o){return e(void 0,void 0,void 0,(function(){var e;return t(this,(function(t){switch(t.label){case 0:return[4,fetch("".concat(process.env.NEXT_PUBLIC_BASE_URL,"/os/e-pay-kolay/complete-payment"),{method:"POST",body:JSON.stringify({data:o,cartId:O.checkout.id}),headers:{"Content-Type":"application/json","x-api-key":l.getApiKey()}})];case 1:return[4,t.sent().json()];case 2:return e=t.sent(),[2,{redirectUrl:"".concat(window.location.pathname,"?id=").concat(O.checkout.id,"&step=").concat(e.success?"success":"info"),orderId:e.orderNumber||null}]}}))}))}),[]);if(!O.isCheckoutLoaded||!O.store.customerStore.initialized)return o.createElement(S,null);if(O.checkout.hasCustomer&&(null===(a=O.store.customerStore.customer)||void 0===a?void 0:a.id)!==(null===(m=O.checkout.customer)||void 0===m?void 0:m.id))return w.push("/account/login?redirect="+encodeURIComponent(O.checkoutUrl)),null;return o.createElement(o.Fragment,null,o.createElement(I,{pageType:y.CHECKOUT,pageTitle:((null===(p=O.merchantSettings)||void 0===p?void 0:p.merchantName)||"")+" - "+M("checkout-page:securePayment"),pageDescription:M("checkout-page:securePayment")}),o.createElement("div",{id:"Checkout",className:U.CheckoutPage},o.createElement(n,{place:"top",type:"dark",effect:"solid",arrowColor:"transparent",multiline:!0,className:U.ReactTooltipWrap,globalEventOff:"touchstart"}),o.createElement("div",{className:[U.Left,O.isEPayKolayPayment?U.epaykolay:""].join(" ")},O.isEPayKolayEnabled&&o.createElement("div",{id:"plateau_ui_placeholder",style:{width:"100%"}}),!O.isEPayKolayPayment&&o.createElement("div",{className:U.LeftContent},o.createElement("div",null,o.createElement(D,{vm:O}),O.hasStockError&&o.createElement("div",{className:U.ErrorContainer},o.createElement(T,{vm:O,error:O.error})),!O.hasStockError&&o.createElement(o.Fragment,null,o.createElement(f,{vm:O,allowExpand:!0}),o.createElement("div",null,O.step!==c.SUCCESS&&O.isEPayKolayEnabled&&o.createElement(R,{onClick:function(){window.frictionless()}})),O.step===c.SUCCESS?o.createElement(k,{vm:O}):o.createElement(o.Fragment,null,O.campaignOffer&&O.isCampaignOfferLoaded&&o.createElement(B,{vm:O,campaignOffer:O.campaignOffer}),O.isCouponCodeRequirementOpen&&o.createElement(z,{vm:O}),o.createElement(H,{vm:O}))),o.createElement("div",{className:U.Space})),o.createElement(Y,{vm:O}))),o.createElement("div",{className:U.Right},o.createElement("div",{className:U.RightContent},o.createElement(f,{vm:O}),!O.isPoweredByHidden&&o.createElement("div",{className:U.PoweredBy},o.createElement("span",null,"powered by"),o.createElement("a",{href:"https://ikas.com"+("tr"===l.getCurrentLocale()?"/tr":""),target:"_blank"},o.createElement(L,null))))),!!O.policyModalText&&o.createElement(x,{title:O.policyModalTitle,modalContent:O.policyModalText,onClose:function(){O.policyModalText=""}}),O.isContactModalVisible&&o.createElement(X,{vm:O,setVisible:O.setContactModalVisible}),O.mpVM.isOtpModalVisible&&o.createElement(j,{vm:O,visible:O.mpVM.isOtpModalVisible,type:O.mpVM.otpModalType,onClose:O.mpVM.hideOtpModal}),O.mpVM.isResponseModalVisible&&o.createElement(C,{visible:O.mpVM.isResponseModalVisible,text:O.mpVM.mfsResponseModalText,onClose:O.mpVM.onResponseModalClose}),O.mpVM.isSuccessModalVisible&&o.createElement(b,{visible:O.mpVM.isSuccessModalVisible,type:O.mpVM.successModalType,onClose:O.mpVM.onSuccessModalClose})))})),D=i((function(e){var t,i,r,n,s=e.vm,c=d().t;return o.createElement("div",{className:U.Header},o.createElement(a,{href:"/",passHref:!0},o.createElement("a",null,(null===(t=s.customizationProps)||void 0===t?void 0:t.logo)?o.createElement("div",{className:U.Logo},o.createElement(N,{layout:"fill",image:s.customizationProps.logo,sizes:"360px"})):(null===(i=s.merchantSettings)||void 0===i?void 0:i.logo)?o.createElement("div",{className:U.Logo},o.createElement(N,{layout:"fill",image:s.merchantSettings.logo,sizes:"360px"})):(null===(r=s.merchantSettings)||void 0===r?void 0:r.merchantName)||"")),!s.checkout.hasCustomer&&o.createElement("div",{className:U.LoginText},o.createElement("span",{className:U.LoginCta},c("checkout-page:alreadyHaveAnAccount")),o.createElement(a,{href:"/account/login?redirect="+encodeURIComponent(s.checkoutUrl),passHref:!0},o.createElement("a",{className:U.LoginBtn},c("checkout-page:actions.login")))),s.checkout.hasCustomer&&o.createElement("div",{className:U.CustomerInfo},o.createElement("div",{className:U.Name},s.checkout.customerFullName),o.createElement("div",{className:U.Email},null===(n=s.checkout.customer)||void 0===n?void 0:n.email)))})),z=i((function(e){var t=e.vm,i=d().t,r=o.useState(!1),a=r[0],n=r[1],s=o.useState(null),c=s[0],l=s[1],m=o.useMemo((function(){switch(c){case g.COUPON_CODE_NOT_EXIST:return i("checkout-page:giftCodeErrorDescription");case g.COUPON_CODE_NOT_EXIST_FOR_GUESS:return i("checkout-page:mustBeSignInToApplyCampaign");default:return""}}),[c]);return o.createElement("div",{className:U.CouponContainer},a&&o.createElement("div",{className:U.NotificationContainer},o.createElement(M,{type:"warning",title:i("checkout-page:giftCodeErrorTitle"),content:m,onClose:function(){n(!1),l(null)},ignoreScroll:!0})),o.createElement("div",{style:{marginTop:a?12:0}},o.createElement(h,{vm:t,isOpenCouponCode:!0,isAddingCoupon:!0,setAddingCoupon:function(){},setCouponError:n,setCouponErrorCode:l})))})),H=i((function(e){var t=e.vm,i=d().t,r=o.useMemo((function(){switch(t.step){case c.INFO:return o.createElement(p,{vm:t});case c.SHIPPING:return o.createElement(u,{vm:t});case c.PAYMENT:return o.createElement(v,{vm:t});case c.SUCCESS:return o.createElement(k,{vm:t})}}),[t,t.step]),a=[new F(i("checkout-page:address"),t.step===c.INFO,t.step!==c.INFO,t.step!==c.INFO?o.createElement("div",{className:U.AdressStepInfo},o.createElement(K,{vm:t}),!t.isUpsellOrder&&o.createElement("div",{className:U.EditBtn,onClick:t.onBackToInfoClick},i("checkout-page:actions.edit"))):void 0,t.step!==c.INFO?o.createElement("div",{className:U.AddressStepInfoMobile},o.createElement(K,{vm:t})):void 0),new F(i("checkout-page:payment"),t.step===c.PAYMENT,!1)];return"address"!==t.deliveryMethod||t.isDigitalOnly||a.splice(1,0,new F(i("checkout-page:shipping"),t.step===c.SHIPPING,t.step===c.PAYMENT,t.step===c.PAYMENT?o.createElement("div",{className:U.AdressStepInfo},o.createElement(G,{vm:t}),!t.isUpsellOrder&&(t.checkout.availableShippingMethods&&t.checkout.availableShippingMethods.length>1||t.checkoutSettings.isGiftPackageEnabled)&&o.createElement("div",{className:U.EditBtn,onClick:t.onBackToShippingClick},i("checkout-page:actions.edit"))):void 0,t.step===c.PAYMENT?o.createElement("div",{className:U.AddressStepInfoMobile},o.createElement(G,{vm:t})):void 0)),o.createElement(P,{steps:a,stepContent:r})})),K=i((function(e){var t,i,r,a,n,s,c,l,m,p=e.vm,u=d().t,v=p.isDigitalOnly?((null===(t=p.checkout.billingAddress)||void 0===t?void 0:t.firstName)||"")+" "+((null===(i=p.checkout.billingAddress)||void 0===i?void 0:i.lastName)||""):((null===(r=p.checkout.shippingAddress)||void 0===r?void 0:r.firstName)||"")+" "+((null===(a=p.checkout.shippingAddress)||void 0===a?void 0:a.lastName)||"");return o.createElement("div",{className:U.Address},o.createElement("div",{className:[U.Text,U.WithMBottom].join(" ")},(null===(n=p.checkout.customer)||void 0===n?void 0:n.email)||""),"address"===p.deliveryMethod?o.createElement("div",{className:U.Text},v):o.createElement(o.Fragment,null,o.createElement("div",{className:U.Text},u("checkout-page:receiver")),o.createElement("div",{className:[U.Text,U.Gray].join(" ")},v)),o.createElement("div",{className:[U.Text,U.Gray].join(" ")},p.isDigitalOnly?null===(s=p.checkout.billingAddress)||void 0===s?void 0:s.phone:null===(c=p.checkout.shippingAddress)||void 0===c?void 0:c.phone),"in-store"===p.deliveryMethod&&o.createElement(o.Fragment,null,o.createElement("div",{className:[U.Text,U.WithMTop].join(" ")},u("checkout-page:pickUpLocation"))),o.createElement("div",{className:[U.Text,U.Gray].join(" ")},p.isDigitalOnly?null===(l=p.checkout.billingAddress)||void 0===l?void 0:l.addressText:null===(m=p.checkout.shippingAddress)||void 0===m?void 0:m.addressText))})),G=i((function(e){var t=e.vm,i=d().t;return o.createElement("div",{className:U.Address},t.checkout.shippingLines&&t.checkout.shippingLines.length?o.createElement(o.Fragment,null,o.createElement("span",null,t.checkout.shippingLines[0].title),o.createElement("span",{className:U.LightText}," / "+(0===t.checkout.shippingLines[0].price?i("checkout-page:free"):m(t.checkout.shippingLines[0].price,t.checkout.currencyCode,t.checkout.currencySymbol)))):i("checkout-page:standartShipping"))})),Y=i((function(e){var t=e.vm,i=d().t;return o.createElement("div",{className:U.Footer},o.createElement("div",{className:U.FooterItem,onClick:function(){t.policyModalTitle=i("checkout-page:returnPolicy"),t.policyModalText=t.returnPolicy}},i("checkout-page:returnPolicy")),o.createElement("div",{className:U.FooterBullet},"•"),o.createElement("div",{className:U.FooterItem,onClick:function(){t.policyModalTitle=i("checkout-page:privacyPolicy"),t.policyModalText=t.privacyPolicy}},i("checkout-page:privacyPolicy")),o.createElement("div",{className:U.FooterBullet},"•"),o.createElement("div",{className:U.FooterItem,onClick:function(){t.policyModalTitle=i("checkout-page:termsOfService"),t.policyModalText=t.termsOfService}},i("checkout-page:termsOfService")),t.imprint&&o.createElement(o.Fragment,null,o.createElement("div",{className:U.FooterBullet},"•"),o.createElement("div",{className:U.FooterItem,onClick:function(){t.policyModalTitle=i("checkout-page:imprint"),t.policyModalText=t.imprint}},i("checkout-page:imprint"))),t.shippingPolicy&&o.createElement(o.Fragment,null,o.createElement("div",{className:U.FooterBullet},"•"),o.createElement("div",{className:U.FooterItem,onClick:function(){t.policyModalTitle=i("checkout-page:shippingPolicy"),t.policyModalText=t.shippingPolicy}},i("checkout-page:shippingPolicy"))))})),X=i((function(i){var r,a,n,s=i.vm,c=i.setVisible,l=d().t,m=o.useState(!1),p=m[0],u=m[1],v=o.useState(!1),g=v[0],h=v[1],f=o.useState(new E({message:{requiredRule:"",emailRule:"",minRule:""}}))[0];f.email=(null===(r=s.checkout.customer)||void 0===r?void 0:r.email)||"",f.firstName=(null===(a=s.checkout.customer)||void 0===a?void 0:a.firstName)||"",f.lastName=(null===(n=s.checkout.customer)||void 0===n?void 0:n.lastName)||"";var y=o.useCallback((function(){return e(void 0,void 0,void 0,(function(){return t(this,(function(e){switch(e.label){case 0:return g?[2,c(!1)]:(u(!0),[4,f.saveContactForm()]);case 1:return e.sent()&&h(!0),u(!1),[2]}}))}))}),[p]);return o.createElement(x,{title:l("checkout-page:contactForm"),modalContent:o.createElement("div",null,g&&o.createElement("div",{style:{marginBottom:"12px",maxWidth:"352px"}},o.createElement(M,{type:"success",title:l("checkout-page:contactFormSent"),content:l("checkout-page:contactFormDescription")})),o.createElement(w,{type:O.TEXT_AREA,label:"",value:f.message||"",onChange:f.onMessageChange,textAreaPlaceholder:l("checkout-page:contactFormCta")}),o.createElement(A,{style:{width:"100%",marginTop:"24px"},text:l(g?"checkout-page:actions.close":"checkout-page:actions.sendMessage"),isLoading:p,isDisabled:!f.message,onClick:y})),onClose:function(){return c(!1)}})}));export{_ as default};
@@ -1,5 +1,5 @@
1
1
  import { NextRouter } from "next/router.js";
2
- import { IkasMerchantSettings, IkasAvailableShippingMethod, IkasOrderLineItem, IkasOrderTransaction, IkasProduct, IkasProductVariant, IkasCartCampaignOffer, IkasCheckout, IkasStockLocation, IkasAvailableStockLocation, IkasCampaignOfferTargetPageType, IkasCampaignOfferProduct, IkasLocalizedCustomerAddress } from "../../models";
2
+ import { IkasMerchantSettings, IkasAvailableShippingMethod, IkasOrderLineItem, IkasOrderTransaction, IkasProduct, IkasCartCampaignOffer, IkasCheckout, IkasStockLocation, IkasAvailableStockLocation, IkasCampaignOfferTargetPageType, IkasCampaignOfferProduct, IkasLocalizedCustomerAddress, IkasShippingZone, IkasProductFile } from "../../models";
3
3
  import { IkasPaymentGateway } from "../../models/data/payment-gateway";
4
4
  import { IkasOrderLineVariant } from "../../models/data/order/line-item/variant";
5
5
  import { IkasStorefront } from "../../models/data/storefront";
@@ -9,10 +9,10 @@ import { TFunction } from "../../utils/i18n";
9
9
  import { IkasCheckoutCustomizationProps } from ".";
10
10
  import MasterPassModel from "./modelMasterPass";
11
11
  import { APIResponse } from "@ikas/fe-api-client";
12
- import { CreateStripePaymentIntentResponse, RetrieveInstallmentInfoResponse, UpdateCartCampaignOfferInput, CreateKlarnaTokenResponse, CreateAdyenSessionResponse } from "@ikas/storefront-api";
12
+ import { CreateStripePaymentIntentResponse, RetrieveInstallmentInfoResponse, UpdateCartCampaignOfferInput, CreateKlarnaTokenResponse, CreateAdyenSessionResponse, GetPaypalClientIdResponse, CreatePaypalOrderResponse } from "@ikas/storefront-api";
13
13
  import { IkasBaseStore } from "../../store";
14
14
  import { RetrieveInstallmentInfoQueryParams, SaveCartInput } from "@ikas/storefront-api";
15
- import CountrySettingsModel from "../../models/data/checkout/country-settings-model";
15
+ import { LocalizedAddressModel } from "@ikas/localized-address";
16
16
  export declare type IUnavailableItems = {
17
17
  item: IkasOrderLineItem;
18
18
  stockCount: number;
@@ -28,10 +28,12 @@ export default class CheckoutViewModel {
28
28
  isTermsAndConditionsChecked: boolean;
29
29
  isChangingShippingMethod: boolean;
30
30
  isContactModalVisible: boolean;
31
+ isEPayKolayPayment: boolean;
31
32
  step: CheckoutStep;
32
33
  customizationProps?: IkasCheckoutCustomizationProps | null;
33
34
  cardData?: CreditCardData | null;
34
35
  paymentGateways: IkasPaymentGateway[];
36
+ productFiles: IkasProductFile[];
35
37
  installmentInfo?: RetrieveInstallmentInfoResponse | null;
36
38
  useDifferentAddress: boolean;
37
39
  shouldSaveAddress: boolean;
@@ -47,9 +49,12 @@ export default class CheckoutViewModel {
47
49
  isKlarnaPaymentCompleted: boolean;
48
50
  adyenResponse: CreateAdyenSessionResponse | null;
49
51
  adyenDropinElement: any;
50
- checkoutCampaignOffer: CampaignOfferType | undefined;
51
- postCheckoutCampaignOffer: CampaignOfferType | undefined;
52
- countrySettings: CountrySettingsModel;
52
+ payPalClientIdResponse: GetPaypalClientIdResponse | null;
53
+ paypalOrderResponse: CreatePaypalOrderResponse | null;
54
+ campaignOffer: CampaignOfferType | undefined;
55
+ isCampaignOfferLoaded: boolean;
56
+ countrySettings: LocalizedAddressModel;
57
+ shippingZones: IkasShippingZone[] | null;
53
58
  returnPolicy: string;
54
59
  privacyPolicy: string;
55
60
  termsOfService: string;
@@ -83,19 +88,32 @@ export default class CheckoutViewModel {
83
88
  get hasQuickRegistration(): boolean | null;
84
89
  get canProceedToShipping(): boolean | undefined;
85
90
  get canProceedToInStoreDelivery(): boolean;
86
- get canProceedToPayment(): boolean | undefined;
91
+ get canProceedToPayment(): boolean | "" | null | undefined;
92
+ get isValidShippingSettings(): boolean | "" | null | undefined;
87
93
  get isInStoreDelivery(): boolean;
88
94
  get klarnaPaymentGateway(): IkasPaymentGateway | undefined;
89
95
  get klarnaPaymentGatewayIndex(): number;
90
96
  get adyenPaymentGateway(): IkasPaymentGateway | undefined;
91
97
  get adyenPaymentGatewayIndex(): number;
98
+ get payPalPaymentGateway(): IkasPaymentGateway | undefined;
99
+ get payPalPaymentGatewayIndex(): number;
92
100
  get isCustomFlowStripe(): false | import("../../models").IkasPaymentGatewaySettings | null | undefined;
93
101
  get isKlarna(): boolean | null | undefined;
94
102
  get isAdyen(): boolean | null | undefined;
103
+ get isPayPal(): boolean | null | undefined;
104
+ get isFree(): boolean;
95
105
  get store(): IkasBaseStore;
106
+ get isCouponCodeRequirementDefult(): boolean;
107
+ get isCouponCodeRequirementOpen(): boolean;
108
+ get isCouponCodeRequirementInvisible(): boolean;
109
+ get isCouponCodeVisible(): boolean;
96
110
  get canPerformPayment(): boolean | undefined;
97
111
  get isDigitalOnly(): boolean;
98
112
  get customerAddresses(): IkasLocalizedCustomerAddress[] | undefined;
113
+ get isManualOrder(): boolean;
114
+ get isUpsellOrder(): boolean;
115
+ get isEPayKolayEnabled(): boolean;
116
+ get isPoweredByHidden(): boolean;
99
117
  saveCart: () => Promise<import("../../models").IkasCart | null | undefined>;
100
118
  inStockDeliveryInputData: (input: SaveCartInput) => Promise<SaveCartInput>;
101
119
  checkStocks: () => Promise<void>;
@@ -117,10 +135,12 @@ export default class CheckoutViewModel {
117
135
  onShippingMethodChange: (shippingMethod: IkasAvailableShippingMethod) => Promise<void>;
118
136
  onStockLocationChange: (location: IkasStockLocation) => Promise<void>;
119
137
  onCouponCodeApply: () => Promise<void>;
138
+ getAvailableShippingZones: () => Promise<void>;
120
139
  onSelectedShippingAddressIdChange: (value: string) => void;
121
140
  onSelectedBillingAddressIdChange: (value: string) => void;
122
141
  onTermsAndConditionsCheckedChange: (value: boolean) => void;
123
142
  onCardNumberChange: (value: string) => void;
143
+ getRetrieveInstallmentInfo: (originalValue: string) => Promise<void>;
124
144
  onCardHolderNameChange: (value: string) => void;
125
145
  onExpirationDateChange: (value: string) => void;
126
146
  onCvcChange: (value: string) => void;
@@ -131,35 +151,42 @@ export default class CheckoutViewModel {
131
151
  onProceedToShippingClick: () => Promise<void>;
132
152
  onProceedToDigitalOnlyPaymentClick: () => Promise<void>;
133
153
  onProceedToPaymentClick: () => Promise<void>;
154
+ checkPaypalButtonAvailable: () => boolean;
134
155
  onCompletePaymentClick: () => Promise<void>;
135
156
  onCompleteDigitalOnlyPaymentClick: () => Promise<void>;
136
157
  createSaleTransaction: () => Promise<void>;
137
- onCheckoutTransactionSuccess: () => Promise<void>;
158
+ onCheckoutTransactionSuccess: (checkoutId?: string) => Promise<void>;
138
159
  onBackToInfoClick: () => void;
139
160
  onBackToShippingClick: () => void;
140
161
  setCustomerConsentGranted: (value: boolean) => void;
141
162
  setUseDifferentAddress: (value: boolean) => void;
142
163
  setShouldSaveAddress: (value: boolean) => void;
143
164
  setAddressTitle: (value: string) => void;
165
+ reInitPaymentMethod: () => Promise<void>;
166
+ createStripePaymentIntent: (paymentGateway: IkasPaymentGateway) => Promise<void>;
167
+ createKlarnaClientToken: (paymentGateway: IkasPaymentGateway) => Promise<void>;
168
+ createAdyenClientToken: (paymentGateway: IkasPaymentGateway) => Promise<void>;
169
+ getPayPalClientId: (paymentGateway: IkasPaymentGateway) => Promise<void>;
144
170
  setPaymentGateway: (index: number) => Promise<void>;
145
171
  setInstallmentCount: (count: number) => void;
146
- changeStep: (step: CheckoutStep) => Promise<void>;
172
+ changeStep: (step: CheckoutStep, checkoutId?: string) => Promise<void>;
147
173
  logout: () => Promise<void>;
148
174
  setContactModalVisible: (value: boolean) => void;
149
- getCampaignOfferProducts: (targetPage: IkasCampaignOfferTargetPageType) => Promise<{
175
+ getCampaignOffer: (targetPage: IkasCampaignOfferTargetPageType, campaignOffers?: IkasCartCampaignOffer[] | null) => Promise<{
150
176
  product: IkasProduct;
151
- variants: IkasProductVariant[];
152
- campaignOffer: IkasCartCampaignOffer;
153
177
  offer: IkasCampaignOfferProduct;
178
+ campaignOffer: IkasCartCampaignOffer;
154
179
  } | undefined>;
155
- getCampaignOffer: () => Promise<void>;
156
- updateCartCampaignOffer: (props: UpdateCartCampaignOfferInput) => Promise<void>;
180
+ createCampaignOffer: () => Promise<void>;
181
+ updateCartCampaignOffer: (input: UpdateCartCampaignOfferInput) => Promise<void>;
157
182
  registerCustomer: (password: string) => Promise<APIResponse<{
158
183
  customer: import("../../models").IkasCustomer | null;
159
184
  token: string;
160
185
  tokenExpiry: number;
161
186
  } | null> | undefined>;
162
187
  setAdyenDropinElement(element: any): void;
188
+ listProductFile: () => Promise<void>;
189
+ getDigitalProductFileDownloadUrl: (productFile: IkasProductFile) => Promise<void>;
163
190
  }
164
191
  export declare enum CheckoutStep {
165
192
  INFO = "info",
@@ -173,7 +200,8 @@ export declare enum ErrorType {
173
200
  STOCK_ERROR = 2,
174
201
  PAYMENT_ERROR = 3,
175
202
  NO_SHIPPING_ERROR = 4,
176
- CUSTOMER_LOGIN_REQUIRED_ERROR = 5
203
+ CUSTOMER_LOGIN_REQUIRED_ERROR = 5,
204
+ CUSTOMER_ACCOUNT_DISABLED_ERROR = 6
177
205
  }
178
206
  export declare type CheckoutError = {
179
207
  type: ErrorType;
@@ -185,7 +213,6 @@ export declare type StockErrorData = {
185
213
  };
186
214
  export declare type CampaignOfferType = {
187
215
  product: IkasProduct;
188
- variants: IkasProductVariant[];
189
- campaignOffer: IkasCartCampaignOffer;
190
216
  offer: IkasCampaignOfferProduct;
217
+ campaignOffer: IkasCartCampaignOffer;
191
218
  };