@ikas/storefront 3.0.0-alpha.38 → 3.0.0-alpha.39

package/build/_virtual/index.js_commonjs-proxy2.js

@@ -1 +1 @@
-import e from'../ext/decode-uri-component/index.js';export{default}from"../node_modules/decode-uri-component/index.js";
+import e from'../ext/strict-uri-encode/index.js';export{default}from"../node_modules/strict-uri-encode/index.js";

package/build/_virtual/index.js_commonjs-proxy4.js

@@ -1 +1 @@
-import e from'../ext/strict-uri-encode/index.js';export{default}from"../node_modules/strict-uri-encode/index.js";
+import e from'../ext/decode-uri-component/index.js';export{default}from"../node_modules/decode-uri-component/index.js";

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

@@ -1 +1 @@
-import e from'../../../../ext/style-inject/dist/style-inject.es.js';var t={FormSectionTitle:"style-module_FormSectionTitle__2LxF2",Title:"style-module_Title__2PxW0",WithSubTitle:"style-module_WithSubTitle__36X7i",SubTitle:"style-module_SubTitle__2UOsH",Grid:"style-module_Grid__1eODF",Grid2:"style-module_Grid2__1HTRV",Grid3:"style-module_Grid3__uN7io",FormItem:"style-module_FormItem__1o0fc",FormItemWrapper:"style-module_FormItemWrapper__2NOxU",RightContent:"style-module_RightContent__1fjX9",FormItemInputWrapper:"style-module_FormItemInputWrapper__2eOdJ",FieldLabel:"style-module_FieldLabel__2Tx0b",FieldLabelTop:"style-module_FieldLabelTop__1nOBq",Bottom:"style-module_Bottom__3s4pZ",Error:"style-module_Error__nif12",WithTooltip:"style-module_WithTooltip__1KRSQ",ArrowContainer:"style-module_ArrowContainer__27ejm",ErrorMsg:"style-module_ErrorMsg__3How6",fadeInFromRight:"style-module_fadeInFromRight__L_PAx",PhoneError:"style-module_PhoneError__2FrSf",FormItemTooltipContainer:"style-module_FormItemTooltipContainer__13wpt"};e('.style-module_FormSectionTitle__2LxF2 {\n  width: 100%;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n.style-module_FormSectionTitle__2LxF2 .style-module_Title__2PxW0 {\n  flex: 1 1 auto;\n  padding-bottom: 16px;\n  color: var(--checkout-primary-text-color);\n  font-size: 20px;\n  line-height: 32px;\n}\n.style-module_FormSectionTitle__2LxF2 .style-module_Title__2PxW0.style-module_WithSubTitle__36X7i {\n  line-height: auto;\n  padding-bottom: 0;\n}\n\n.style-module_SubTitle__2UOsH {\n  color: var(--checkout-secondary-text-color);\n  font-size: 14px;\n  padding-bottom: 16px;\n  padding-top: 2px;\n}\n\n.style-module_Grid__1eODF {\n  display: grid;\n  grid-gap: 16px;\n  grid-template-columns: 1fr;\n}\n.style-module_Grid__1eODF.style-module_Grid2__1HTRV {\n  grid-template-columns: repeat(2, 1fr);\n}\n.style-module_Grid__1eODF.style-module_Grid3__uN7io {\n  grid-template-columns: repeat(3, 1fr);\n}\n@media only screen and (max-width: 768px) {\n  .style-module_Grid__1eODF {\n    grid-template-columns: 1fr !important;\n  }\n}\n\n@keyframes style-module_fadeInFromRight__L_PAx {\n  from {\n    opacity: 0;\n    transform: translateY(10px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n.style-module_FormItem__1o0fc {\n  width: 100%;\n}\n.style-module_FormItemWrapper__2NOxU {\n  width: 100%;\n  position: relative;\n}\n.style-module_FormItemWrapper__2NOxU .style-module_RightContent__1fjX9 {\n  position: absolute;\n  height: 100%;\n  top: 0;\n  right: 0;\n}\n.style-module_FormItemInputWrapper__2eOdJ {\n  position: relative;\n  width: 100%;\n}\n.style-module_FormItemInputWrapper__2eOdJ label.style-module_FieldLabel__2Tx0b {\n  color: var(--checkout-secondary-text-color);\n  position: absolute;\n  top: 0;\n  left: 17px;\n  width: 100%;\n  z-index: 1;\n  user-select: none;\n  pointer-events: none;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  transition: transform 0.1s;\n  transform: translateY(18px);\n  font-size: 0.85em;\n  line-height: 22px;\n}\n.style-module_FormItemInputWrapper__2eOdJ label.style-module_FieldLabelTop__1nOBq {\n  transform: translateY(8px);\n  font-size: 0.7em;\n}\n.style-module_FormItemInputWrapper__2eOdJ input,\n.style-module_FormItemInputWrapper__2eOdJ select,\n.style-module_FormItemInputWrapper__2eOdJ textarea {\n  border: 1px solid var(--checkout-border-color);\n  background-color: var(--checkout-primary-bg-color);\n  color: var(--checkout-primary-text-color);\n  background-clip: padding-box;\n  border-radius: 8px;\n  display: block;\n  width: 100%;\n  height: 56px;\n  padding: 8px 16px;\n  outline: none;\n  transition: padding 0.1s, border-color 0.5s, box-shadow 0.5s;\n  box-shadow: 0 0 0 1px transparent;\n  -moz-appearance: none;\n  -webkit-appearance: none;\n}\n.style-module_FormItemInputWrapper__2eOdJ input:focus,\n.style-module_FormItemInputWrapper__2eOdJ select:focus,\n.style-module_FormItemInputWrapper__2eOdJ textarea:focus {\n  box-shadow: 0 0 0 1px var(--checkout-button-bg-color);\n  border-color: var(--checkout-button-bg-color);\n}\n.style-module_FormItemInputWrapper__2eOdJ input.style-module_Bottom__3s4pZ,\n.style-module_FormItemInputWrapper__2eOdJ select.style-module_Bottom__3s4pZ,\n.style-module_FormItemInputWrapper__2eOdJ textarea.style-module_Bottom__3s4pZ {\n  padding-top: 1.2em;\n  padding-bottom: 0.2em;\n}\n.style-module_FormItemInputWrapper__2eOdJ input.style-module_Error__nif12,\n.style-module_FormItemInputWrapper__2eOdJ select.style-module_Error__nif12,\n.style-module_FormItemInputWrapper__2eOdJ textarea.style-module_Error__nif12 {\n  box-shadow: 0 0 0 1px var(--checkout-error-color);\n  border-color: var(--checkout-error-color);\n}\n.style-module_FormItemInputWrapper__2eOdJ input.style-module_WithTooltip__1KRSQ,\n.style-module_FormItemInputWrapper__2eOdJ select.style-module_WithTooltip__1KRSQ,\n.style-module_FormItemInputWrapper__2eOdJ textarea.style-module_WithTooltip__1KRSQ {\n  padding-right: 40px;\n}\n.style-module_FormItemInputWrapper__2eOdJ input::-ms-expand,\n.style-module_FormItemInputWrapper__2eOdJ select::-ms-expand,\n.style-module_FormItemInputWrapper__2eOdJ textarea::-ms-expand {\n  display: none;\n}\n.style-module_FormItemInputWrapper__2eOdJ input::placeholder,\n.style-module_FormItemInputWrapper__2eOdJ select::placeholder,\n.style-module_FormItemInputWrapper__2eOdJ textarea::placeholder {\n  color: var(--checkout-secondary-text-color) !important;\n}\n.style-module_FormItemInputWrapper__2eOdJ textarea {\n  min-height: 120px;\n}\n.style-module_FormItemInputWrapper__2eOdJ .style-module_ArrowContainer__27ejm {\n  position: absolute;\n  right: 1px;\n  padding-right: 0.5em;\n  top: 1px;\n  height: calc(100% - 2px);\n  display: flex;\n  align-items: center;\n  color: var(--checkout-secondary-text-color);\n  background-color: var(--checkout-primary-bg-color);\n  z-index: 2;\n  border-radius: 6px;\n}\n.style-module_FormItemInputWrapper__2eOdJ .PhoneInput {\n  display: flex;\n  align-items: center;\n}\n.style-module_FormItemInputWrapper__2eOdJ .PhoneInputInput {\n  padding-left: 64px;\n}\n.style-module_FormItemInputWrapper__2eOdJ .PhoneInputInput::placeholder {\n  color: var(--checkout-secondary-text-color) !important;\n  font-size: 14px !important;\n}\n.style-module_FormItemInputWrapper__2eOdJ .PhoneInputCountry {\n  position: absolute;\n  align-self: stretch;\n  display: flex;\n  align-items: center;\n  top: 26px;\n  left: 16px;\n}\n.style-module_FormItemInputWrapper__2eOdJ .PhoneInputCountrySelect {\n  border: none;\n  display: inline-flex;\n  width: 60px;\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n  z-index: 1;\n  border: 0;\n  opacity: 0;\n  cursor: pointer;\n}\n.style-module_FormItemInputWrapper__2eOdJ .PhoneInputCountryIcon {\n  width: 1.5em;\n  height: 1em;\n}\n.style-module_FormItemInputWrapper__2eOdJ .PhoneInputCountrySelectArrow {\n  display: block;\n  content: "";\n  width: 0.3em;\n  height: 0.3em;\n  margin-left: 0.35em;\n  border-style: solid;\n  border-color: inherit;\n  border-top-width: 0;\n  border-bottom-width: 1px;\n  border-left-width: 0;\n  border-right-width: 1px;\n  transform: rotate(45deg);\n  opacity: 0.45;\n}\n.style-module_FormItemInputWrapper__2eOdJ .PhoneInputCountryIconImg {\n  width: 24px;\n}\n.style-module_FormItem__1o0fc .style-module_ErrorMsg__3How6 {\n  color: var(--checkout-error-color);\n  font-size: 12px;\n  margin-top: 8px;\n  animation-name: style-module_fadeInFromRight__L_PAx;\n  animation-duration: 0.3s;\n}\n.style-module_FormItem__1o0fc.style-module_PhoneError__2FrSf input {\n  box-shadow: 0 0 0 1px var(--checkout-error-color) !important;\n  border-color: var(--checkout-error-color) !important;\n}\n\n.style-module_FormItemWrapper__2NOxU {\n  position: relative;\n}\n\n.style-module_FormItemTooltipContainer__13wpt {\n  width: 16px;\n  height: 16px;\n  border-radius: 100%;\n  color: white;\n  background-color: var(--checkout-secondary-text-color);\n  position: absolute;\n  top: 20px;\n  right: 16px;\n  margin: auto;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 12px !important;\n  line-height: 16px !important;\n  cursor: pointer;\n}');export{t as default};
+import e from'../../../../ext/style-inject/dist/style-inject.es.js';var t={FormSectionTitle:"style-module_FormSectionTitle__2LxF2",Title:"style-module_Title__2PxW0",WithSubTitle:"style-module_WithSubTitle__36X7i",SubTitle:"style-module_SubTitle__2UOsH",Grid:"style-module_Grid__1eODF",Grid2:"style-module_Grid2__1HTRV",Grid3:"style-module_Grid3__uN7io",FormItem:"style-module_FormItem__1o0fc",FormItemWrapper:"style-module_FormItemWrapper__2NOxU",RightContent:"style-module_RightContent__1fjX9",FormItemInputWrapper:"style-module_FormItemInputWrapper__2eOdJ",FieldLabel:"style-module_FieldLabel__2Tx0b",FieldLabelTop:"style-module_FieldLabelTop__1nOBq",Bottom:"style-module_Bottom__3s4pZ",Error:"style-module_Error__nif12",WithTooltip:"style-module_WithTooltip__1KRSQ",ArrowContainer:"style-module_ArrowContainer__27ejm",ErrorMsg:"style-module_ErrorMsg__3How6",fadeInFromRight:"style-module_fadeInFromRight__L_PAx",PhoneError:"style-module_PhoneError__2FrSf",FormItemTooltipContainer:"style-module_FormItemTooltipContainer__13wpt"};e('.style-module_FormSectionTitle__2LxF2 {\n  width: 100%;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n.style-module_FormSectionTitle__2LxF2 .style-module_Title__2PxW0 {\n  flex: 1 1 auto;\n  padding-bottom: 16px;\n  color: var(--checkout-primary-text-color);\n  font-size: 20px;\n  line-height: 32px;\n}\n.style-module_FormSectionTitle__2LxF2 .style-module_Title__2PxW0.style-module_WithSubTitle__36X7i {\n  line-height: auto;\n  padding-bottom: 0;\n}\n\n.style-module_SubTitle__2UOsH {\n  color: var(--checkout-secondary-text-color);\n  font-size: 14px;\n  padding-bottom: 16px;\n  padding-top: 2px;\n}\n\n.style-module_Grid__1eODF {\n  display: grid;\n  grid-gap: 16px;\n  grid-template-columns: 1fr;\n}\n.style-module_Grid__1eODF.style-module_Grid2__1HTRV {\n  grid-template-columns: repeat(2, 1fr);\n}\n.style-module_Grid__1eODF.style-module_Grid3__uN7io {\n  grid-template-columns: repeat(3, 1fr);\n}\n@media only screen and (max-width: 768px) {\n  .style-module_Grid__1eODF {\n    grid-template-columns: 1fr !important;\n  }\n}\n\n@keyframes style-module_fadeInFromRight__L_PAx {\n  from {\n    opacity: 0;\n    transform: translateY(10px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n.style-module_FormItem__1o0fc {\n  width: 100%;\n}\n.style-module_FormItemWrapper__2NOxU {\n  width: 100%;\n  position: relative;\n}\n.style-module_FormItemWrapper__2NOxU .style-module_RightContent__1fjX9 {\n  position: absolute;\n  height: 100%;\n  top: 0;\n  right: 0;\n}\n.style-module_FormItemInputWrapper__2eOdJ {\n  position: relative;\n  width: 100%;\n}\n.style-module_FormItemInputWrapper__2eOdJ label.style-module_FieldLabel__2Tx0b {\n  color: var(--checkout-secondary-text-color);\n  position: absolute;\n  top: 0;\n  left: 17px;\n  width: 100%;\n  z-index: 1;\n  user-select: none;\n  pointer-events: none;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  transition: transform 0.1s;\n  transform: translateY(18px);\n  font-size: 0.85em;\n  line-height: 22px;\n}\n.style-module_FormItemInputWrapper__2eOdJ label.style-module_FieldLabelTop__1nOBq {\n  transform: translateY(8px);\n  font-size: 0.7em;\n}\n.style-module_FormItemInputWrapper__2eOdJ input,\n.style-module_FormItemInputWrapper__2eOdJ select,\n.style-module_FormItemInputWrapper__2eOdJ textarea {\n  border: 1px solid var(--checkout-border-color);\n  background-color: var(--checkout-primary-bg-color);\n  color: var(--checkout-primary-text-color);\n  background-clip: padding-box;\n  border-radius: 8px;\n  display: block;\n  width: 100%;\n  height: 56px;\n  padding: 8px 16px;\n  outline: none;\n  transition: padding 0.1s, border-color 0.5s, box-shadow 0.5s;\n  box-shadow: 0 0 0 1px transparent;\n  -moz-appearance: none;\n  -webkit-appearance: none;\n}\n.style-module_FormItemInputWrapper__2eOdJ input:focus,\n.style-module_FormItemInputWrapper__2eOdJ select:focus,\n.style-module_FormItemInputWrapper__2eOdJ textarea:focus {\n  box-shadow: 0 0 0 1px var(--checkout-button-bg-color);\n  border-color: var(--checkout-button-bg-color);\n}\n.style-module_FormItemInputWrapper__2eOdJ input.style-module_Bottom__3s4pZ,\n.style-module_FormItemInputWrapper__2eOdJ select.style-module_Bottom__3s4pZ,\n.style-module_FormItemInputWrapper__2eOdJ textarea.style-module_Bottom__3s4pZ {\n  padding-top: 1.2em;\n  padding-bottom: 0.2em;\n}\n.style-module_FormItemInputWrapper__2eOdJ input.style-module_Error__nif12,\n.style-module_FormItemInputWrapper__2eOdJ select.style-module_Error__nif12,\n.style-module_FormItemInputWrapper__2eOdJ textarea.style-module_Error__nif12 {\n  box-shadow: 0 0 0 1px var(--checkout-error-color);\n  border-color: var(--checkout-error-color);\n}\n.style-module_FormItemInputWrapper__2eOdJ input.style-module_WithTooltip__1KRSQ,\n.style-module_FormItemInputWrapper__2eOdJ select.style-module_WithTooltip__1KRSQ,\n.style-module_FormItemInputWrapper__2eOdJ textarea.style-module_WithTooltip__1KRSQ {\n  padding-right: 40px;\n}\n.style-module_FormItemInputWrapper__2eOdJ input::-ms-expand,\n.style-module_FormItemInputWrapper__2eOdJ select::-ms-expand,\n.style-module_FormItemInputWrapper__2eOdJ textarea::-ms-expand {\n  display: none;\n}\n.style-module_FormItemInputWrapper__2eOdJ input::placeholder,\n.style-module_FormItemInputWrapper__2eOdJ select::placeholder,\n.style-module_FormItemInputWrapper__2eOdJ textarea::placeholder {\n  color: var(--checkout-secondary-text-color) !important;\n}\n.style-module_FormItemInputWrapper__2eOdJ textarea {\n  min-height: 120px;\n}\n.style-module_FormItemInputWrapper__2eOdJ .style-module_ArrowContainer__27ejm {\n  position: absolute;\n  right: 1px;\n  padding-right: 0.5em;\n  top: 1px;\n  height: calc(100% - 2px);\n  display: flex;\n  align-items: center;\n  color: var(--checkout-secondary-text-color);\n  background-color: var(--checkout-primary-bg-color);\n  z-index: 2;\n  border-radius: 6px;\n}\n.style-module_FormItemInputWrapper__2eOdJ .PhoneInput {\n  display: flex;\n  align-items: center;\n}\n.style-module_FormItemInputWrapper__2eOdJ .PhoneInputInput {\n  padding-left: 64px;\n}\n.style-module_FormItemInputWrapper__2eOdJ .PhoneInputInput:disabled {\n  color: var(--checkout-button-disabled-text-color) !important;\n  background-color: var(--checkout-button-disabled-bg-color) !important;\n}\n.style-module_FormItemInputWrapper__2eOdJ .PhoneInputInput::placeholder {\n  color: var(--checkout-secondary-text-color) !important;\n  font-size: 14px !important;\n}\n.style-module_FormItemInputWrapper__2eOdJ .PhoneInputCountry {\n  position: absolute;\n  align-self: stretch;\n  display: flex;\n  align-items: center;\n  top: 26px;\n  left: 16px;\n}\n.style-module_FormItemInputWrapper__2eOdJ .PhoneInputCountrySelect {\n  border: none;\n  display: inline-flex;\n  width: 60px;\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n  z-index: 1;\n  border: 0;\n  opacity: 0;\n  cursor: pointer;\n}\n.style-module_FormItemInputWrapper__2eOdJ .PhoneInputCountryIcon {\n  width: 1.5em;\n  height: 1em;\n}\n.style-module_FormItemInputWrapper__2eOdJ .PhoneInputCountrySelectArrow {\n  display: block;\n  content: "";\n  width: 0.3em;\n  height: 0.3em;\n  margin-left: 0.35em;\n  border-style: solid;\n  border-color: inherit;\n  border-top-width: 0;\n  border-bottom-width: 1px;\n  border-left-width: 0;\n  border-right-width: 1px;\n  transform: rotate(45deg);\n  opacity: 0.45;\n}\n.style-module_FormItemInputWrapper__2eOdJ .PhoneInputCountryIconImg {\n  width: 24px;\n}\n.style-module_FormItem__1o0fc .style-module_ErrorMsg__3How6 {\n  color: var(--checkout-error-color);\n  font-size: 12px;\n  margin-top: 8px;\n  animation-name: style-module_fadeInFromRight__L_PAx;\n  animation-duration: 0.3s;\n}\n.style-module_FormItem__1o0fc.style-module_PhoneError__2FrSf input {\n  box-shadow: 0 0 0 1px var(--checkout-error-color) !important;\n  border-color: var(--checkout-error-color) !important;\n}\n\n.style-module_FormItemWrapper__2NOxU {\n  position: relative;\n}\n\n.style-module_FormItemTooltipContainer__13wpt {\n  width: 16px;\n  height: 16px;\n  border-radius: 100%;\n  color: white;\n  background-color: var(--checkout-secondary-text-color);\n  position: absolute;\n  top: 20px;\n  right: 16px;\n  margin: auto;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 12px !important;\n  line-height: 16px !important;\n  cursor: pointer;\n}');export{t as default};

package/build/components/checkout/components/master-pass/credit-card-form/index.js

@@ -0,0 +1 @@
+import e from"react";import{observer as a}from"mobx-react-lite";import{IkasStorefrontConfig as t}from"../../../../../storefront/index.js";import'../../../../../ext/lodash/isArguments.js';import'../../../../../ext/lodash/isBuffer.js';import'../../../../../ext/lodash/isTypedArray.js';import'../../../../../ext/lodash/_baseGetTag.js';import{createTranslationInputData as o,useTranslation as s}from"../../../../../utils/i18n.js";import{Checkbox as r}from"../../checkbox/index.js";import{FormItem as n}from"../../form-item/index.js";import{FormItemType as m}from"../../form-item/model.js";import{Button as i}from"../../button/index.js";import c from"../svg/master-pass-by-master-card.js";import d from"../../../style.module.scss.js";import l from"./style.module.scss.js";var u=a((function(a){var u=a.vm,p=s().t,C=t.translations["checkout-page"],v=e.useMemo((function(){var e,a;return o(null===(a=null===(e=null==C?void 0:C.masterPass)||void 0===e?void 0:e.creditCardForm)||void 0===a?void 0:a.checkboxLabel)}),[C]),P=e.useMemo((function(){return e.createElement("div",{className:l.CheckboxLabel},v.map((function(a,t){return a.isVariable?e.createElement("span",{key:t,className:l.Logo},e.createElement(c,null)):e.createElement(e.Fragment,{key:t},a.value)})))}),[v]),h=u.mpVM.isSaveCardToMasterPassPhoneNumberInputDisabled?u.mpVM.saveCardToMasterPassPhoneNumberDisabledInputValue({withPlus:!0,store:u.store,checkout:u.checkout}):u.mpVM.saveCardToMasterPass.phoneNumber;return e.createElement("div",null,e.createElement(r,{label:P,value:u.mpVM.saveCardToMasterPass.isCheckboxChecked,onChange:u.mpVM.onSaveCardToMasterPassCheckedChange}),u.mpVM.saveCardToMasterPass.isCheckboxChecked&&e.createElement("div",{className:l.FormWrapper},e.createElement("div",{className:d.RowPB},e.createElement(n,{name:"masterPassCardName",type:m.TEXT,label:p("checkout-page:masterPass.creditCardForm.cardName"),value:u.mpVM.saveCardToMasterPass.cardName,onChange:u.mpVM.onSaveCardToMasterPassCardNameChange})),u.mpVM.isSaveCardToMasterPassPhoneNumberInputVisible&&e.createElement("div",{className:d.RowPB},e.createElement(n,{name:"masterPassPhoneNumber",type:m.TEL,disabled:u.mpVM.isSaveCardToMasterPassPhoneNumberInputDisabled,label:p("checkout-page:masterPass.creditCardForm.phoneNumber"),value:h,onChange:u.mpVM.onSaveCardToMasterPassPhoneNumberChange})),e.createElement(i,{style:{width:"100%"},text:p("checkout-page:masterPass.creditCardForm.button"),isDisabled:u.mpVM.isSendConfirmationButtonDisabled,isLoading:u.mpVM.saveCardToMasterPass.isSendConfirmationButtonPending,onClick:function(){if(!u.mpVM.saveCardToMasterPass.isSendConfirmationButtonPending&&(console.log("onSendConfirmationButtonClick 1"),u.checkout.selectedPaymentGateway&&(console.log("onSendConfirmationButtonClick 2"),u.cardData&&u.cardData.cardNumber&&u.cardData.expirationDate&&u.cardData.cvv&&(console.log("onSendConfirmationButtonClick 3"),u.mpVM.saveCardToMasterPass.cardName)))){console.log("onSendConfirmationButtonClick 4");var e=u.mpVM.isSaveCardToMasterPassPhoneNumberInputDisabled?u.mpVM.saveCardToMasterPassPhoneNumberDisabledInputValue({withPlus:!1,store:u.store,checkout:u.checkout}):u.mpVM.saveCardToMasterPass.phoneNumber.replace("+","");if(e){var a,t,o,s,r={creditCard:{rtaPan:u.cardData.cardNumber.replace(/ /g,""),expiryDate:(a=u.cardData.expirationDate,t=a.replace(" / ",""),o=t.substring(0,2),s=t.substring(2,4),"".concat(s).concat(o)),cvc:u.cardData.cvv,accountAliasName:u.mpVM.saveCardToMasterPass.cardName,phoneNumber:e},store:u.store,checkout:u.checkout,paymentGateway:u.checkout.selectedPaymentGateway,callback:function(){u.mpVM.saveCardToMasterPass.isSendConfirmationButtonPending=!1}};console.log("onSendConfirmationButtonClick 5",r),u.mpVM.saveCardToMasterPass.isSendConfirmationButtonPending=!0,u.mpVM.onSaveCardToMasterPassSendConfirmationButtonClick(r)}}}})))}));export{u as default};

package/build/components/checkout/components/master-pass/credit-card-form/style.module.scss.js

@@ -0,0 +1 @@
+import e from'../../../../../ext/style-inject/dist/style-inject.es.js';var o={FormWrapper:"style-module_FormWrapper__2ND8S",CheckboxLabel:"style-module_CheckboxLabel__1uzMC",Logo:"style-module_Logo__1x52P"};e(".style-module_FormWrapper__2ND8S {\n  margin-top: 16px;\n}\n\n.style-module_CheckboxLabel__1uzMC {\n  color: var(--checkout-primary-text-color);\n}\n.style-module_CheckboxLabel__1uzMC .style-module_Logo__1x52P {\n  display: inline-block;\n  vertical-align: middle;\n  margin: 0 8px;\n}");export{o as default};

package/build/components/checkout/components/master-pass/modal-otp/index.js

@@ -1 +1 @@
-import e,{useRef as t,useState as o,useEffect as a}from"react";import{observer as s}from"mobx-react-lite";import"../../../../../storefront/index.js";import'../../../../../ext/lodash/isArguments.js';import'../../../../../ext/lodash/isBuffer.js';import'../../../../../ext/lodash/isTypedArray.js';import'../../../../../ext/lodash/_baseGetTag.js';import{useTranslation as n}from"../../../../../utils/i18n.js";import{Button as r}from"../../button/index.js";import{FormItem as c}from"../../form-item/index.js";import{FormItemType as m}from"../../form-item/model.js";import l from"../modal/index.js";import i from"./svg/master-pass.js";import p from"./style.module.scss.js";var u=s((function(s){var u=s.visible,d=s.type,f=s.vm,h=s.onClose,v=n().t,b=t(),g=o(180),x=g[0],k=g[1],M=o(""),E=M[0],j=M[1],P=o(!1),T=P[0],y=P[1],C=o(!1),O=C[0],N=C[1],V=function(){if(!O&&E&&f.checkout.masterPassPaymentGateway){N(!0),f.mpVM.onOtpFormSubmit({validationCode:E,store:f.store,checkout:f.checkout,callback:function(){N(!1),j(""),R()}})}},R=function(){k(0)},_=function(){k(180)};a((function(){if(!(x<1&&b.current))return b.current&&clearInterval(b.current),b.current=setInterval((function(){k(x-1)}),1e3),function(){b.current&&clearInterval(b.current)};clearInterval(b.current)}),[x]);var w,I,L,A,B,S,D=e.createElement("div",null,e.createElement("div",{className:p.Wrapper},"masterPassOtp"===d&&e.createElement("span",{"data-mr":!0,className:p.Logo},e.createElement(i,null)),e.createElement("p",{className:p.Text},v("masterPassOtp"===d?"checkout-page:masterPass.otpModal.otpTextMasterPass":"checkout-page:masterPass.otpModal.otpTextBank"))),e.createElement("div",{className:p.Countdown},v("checkout-page:masterPass.otpModal.countdownText"),e.createElement("strong",null,(w=x%3600,I=Math.floor(w/60),L=w%60,A=Math.ceil(L),B=I<10?"0".concat(I):I,S=A<10?"0".concat(A):A,"".concat(B,":").concat(S)))),f.mpVM.otpResponse.text&&e.createElement("div",{role:"error"===f.mpVM.otpResponse.status?"alert":"",className:p.OtpResponseText},f.mpVM.otpResponse.text),e.createElement("form",{onSubmit:function(e){e.preventDefault(),V()}},e.createElement(c,{type:m.TEXT,label:v("checkout-page:masterPass.otpModal.inputLabel"),name:"validationCode",rightContent:f.mpVM.isOtpFormSubmitAtLeastOnce?e.createElement("button",{type:"button",className:p.ResendButton,disabled:T,onClick:function(e){e.stopPropagation(),T||(y(!0),f.mpVM.resendOtp({store:f.store,checkout:f.checkout,callback:function(){y(!1),_(),j("")}}))}},v("checkout-page:masterPass.otpModal.resendText")):void 0,value:E,onChange:function(e){j(e)}}),e.createElement(r,{type:"submit",style:{width:"100%",marginTop:"16px"},text:v("checkout-page:masterPass.otpModal.buttonText"),isLoading:O,isDisabled:!E,onClick:V})));return a((function(){u?k(180):R()}),[u]),console.log("calisti modal",u),e.createElement(l,{visible:u,onClose:h},D)}));export{u as default};
+import e,{useRef as t,useState as o,useEffect as a}from"react";import{observer as s}from"mobx-react-lite";import"../../../../../storefront/index.js";import'../../../../../ext/lodash/isArguments.js';import'../../../../../ext/lodash/isBuffer.js';import'../../../../../ext/lodash/isTypedArray.js';import'../../../../../ext/lodash/_baseGetTag.js';import{useTranslation as n}from"../../../../../utils/i18n.js";import{Button as r}from"../../button/index.js";import{FormItem as c}from"../../form-item/index.js";import{FormItemType as m}from"../../form-item/model.js";import l from"../modal/index.js";import i from"./svg/master-pass.js";import p from"./style.module.scss.js";var u=s((function(s){var u=s.visible,d=s.type,f=s.vm,h=s.onClose,v=n().t,b=t(),g=o(180),x=g[0],k=g[1],M=o(""),E=M[0],j=M[1],P=o(!1),T=P[0],y=P[1],C=o(!1),O=C[0],N=C[1],V=function(){if(!O&&E&&f.checkout.masterPassPaymentGateway){N(!0),f.mpVM.onOtpFormSubmit({validationCode:E,store:f.store,checkout:f.checkout,callback:function(){N(!1),j(""),R()}})}},R=function(){k(0)},_=function(){k(180)};a((function(){if(!(x<1&&b.current))return b.current&&clearInterval(b.current),b.current=setInterval((function(){k(x-1)}),1e3),function(){b.current&&clearInterval(b.current)};clearInterval(b.current)}),[x]);var w,I,L,A,B,S,D=x<=120,F=e.createElement("div",null,e.createElement("div",{className:p.Wrapper},"masterPassOtp"===d&&e.createElement("span",{"data-mr":!0,className:p.Logo},e.createElement(i,null)),e.createElement("p",{className:p.Text},v("masterPassOtp"===d?"checkout-page:masterPass.otpModal.otpTextMasterPass":"checkout-page:masterPass.otpModal.otpTextBank"))),e.createElement("div",{className:p.Countdown},v("checkout-page:masterPass.otpModal.countdownText"),e.createElement("strong",null,(w=x%3600,I=Math.floor(w/60),L=w%60,A=Math.ceil(L),B=I<10?"0".concat(I):I,S=A<10?"0".concat(A):A,"".concat(B,":").concat(S)))),f.mpVM.otpResponse.text&&e.createElement("div",{role:"error"===f.mpVM.otpResponse.status?"alert":"",className:p.OtpResponseText},f.mpVM.otpResponse.text),e.createElement("form",{onSubmit:function(e){e.preventDefault(),V()}},e.createElement(c,{type:m.TEXT,label:v("checkout-page:masterPass.otpModal.inputLabel"),name:"validationCode",autocomplete:"one-time-code",rightContent:f.mpVM.isOtpFormSubmitAtLeastOnce&&D?e.createElement("button",{type:"button",className:p.ResendButton,disabled:T,onClick:function(e){e.stopPropagation(),T||(y(!0),f.mpVM.resendOtp({store:f.store,checkout:f.checkout,callback:function(){y(!1),_(),j("")}}))}},v("checkout-page:masterPass.otpModal.resendText")):void 0,value:E,onChange:function(e){j(e)}}),e.createElement(r,{type:"submit",style:{width:"100%",marginTop:"16px"},text:v("checkout-page:masterPass.otpModal.buttonText"),isLoading:O,isDisabled:!E,onClick:V})));return a((function(){u?k(180):R()}),[u]),console.log("calisti modal",u),e.createElement(l,{visible:u,onClose:h},F)}));export{u as default};

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

@@ -69,11 +69,12 @@ export default class MasterPassModel {
     /**
      * Use when phone number input disabled
      */
-    saveCardToMasterPassPhoneNumberDisabledInputValue: ({ store, checkout, }: {
+    saveCardToMasterPassPhoneNumberDisabledInputValue: ({ store, checkout, withPlus, }: {
+        withPlus: boolean;
         store: IkasBaseStore;
         checkout: IkasCheckout;
     }) => string;
-    get isSendConfirmationButtonDisabled(): boolean | undefined;
+    get isSendConfirmationButtonDisabled(): boolean;
     onSaveCardToMasterPassCheckedChange: (value: boolean) => void;
     onSaveCardToMasterPassCardNameChange: (value: string) => void;
     onSaveCardToMasterPassPhoneNumberChange: (value: string) => void;

package/build/components/checkout/modelMasterPass.js

@@ -1 +1 @@
-import{__awaiter as e,__generator as s,__rest as t}from'../../ext/tslib/tslib.es6.js';import{makeAutoObservable as o}from"mobx";import{IkasStorefrontConfig as a}from"../../storefront/index.js";import n from"../../__api/queries/getMasterpassRequestToken.js";import{MasterPassOperationTypeEnum as r}from"../../__api/types/index.js";import{useTranslation as i}from"../../utils/i18n.js";var c="undefined"==typeof localStorage,u=/000000[0|1]{10}/g,l=/[0|1]1100[0|1]{11}/g,d=/[0|1]11100[0|1]{10}/g,p=function(){function p(){var p=this;this.checkMasterPassData={status:""},this.saveCardToMasterPass={isCheckboxChecked:!1,cardName:"",phoneNumber:"",isSendConfirmationButtonPending:!1},this.otpResponse={status:"",text:""},this.isOtpFormSubmitAtLeastOnce=!1,this.visibleModal=void 0,this.cards=[],this.saveCardToMasterPassPhoneNumberDisabledInputValue=function(e){var s=e.store,t=e.checkout;return p.phoneNumber({store:s,checkout:t,withPlus:!0})||""},this.onSaveCardToMasterPassCheckedChange=function(e){p.saveCardToMasterPass.isCheckboxChecked=e},this.onSaveCardToMasterPassCardNameChange=function(e){p.saveCardToMasterPass.cardName=e},this.onSaveCardToMasterPassPhoneNumberChange=function(e){p.saveCardToMasterPass.phoneNumber=e},this.onSaveCardToMasterPassSendConfirmationButtonClick=function(e){var s=e.creditCard,t=e.store,o=e.checkout,a=e.paymentGateway,n=e.callback;console.log("onSaveCardToMasterPassSendConfirmationButtonClick 1"),p.register({creditCard:s,store:t,checkout:o,paymentGateway:a,callback:n})},this.showLinkCardToClientModal=function(){p.visibleModal="linkCardToClientModal"},this.hideLinkCardToClientModal=function(){p.visibleModal=void 0},this.showOtpModal=function(e){p.otpResponse.text="",p.otpResponse.status="",p.visibleModal="masterPassOtp"===e?"otpModalMasterPass":"otpModalBank",console.log("calisti",p.visibleModal)},this.hideOtpModal=function(){p.visibleModal=void 0,p.otpResponse.text="",p.otpResponse.status="",p.isOtpFormSubmitAtLeastOnce=!1},this.onResponseModalClose=function(){p.visibleModal=void 0,p.mfsResponseModalText=""},this.onSuccessModalClose=function(){p.visibleModal=void 0},this.onLinkCardToClientButtonClick=function(e){p.linkCardToClient(e)},this.onOtpFormSubmit=function(e){p.otpResponse.text="",p.otpResponse.status="",p.validateTransaction(e)},this.MFS=function(){var e;if(!c){if(window.MFS&&(null===(e=window.MFS)||void 0===e?void 0:e.setClientId))return window.MFS;console.error("MFS can not use.")}},this.getToken=function(t){var o=t.cartId,a=t.paymentGatewayId,r=t.operationType,i=t.phoneNumber;return e(p,void 0,void 0,(function(){var e;return s(this,(function(s){switch(s.label){case 0:return[4,n({cartId:o,paymentGatewayId:a,operationType:r,phoneNumber:i})];case 1:return(e=s.sent()).data&&e.isSuccess&&!e.errors.length?[2,e.data]:(this.showTokenErrorWithModal(),[2])}}))}))},this.phoneNumber=function(e){var s,t,o=e.store,a=e.checkout,n=e.withPlus,r=void 0!==n&&n,i=(null===(s=o.customerStore.customer)||void 0===s?void 0:s.phone)||(null===(t=a.shippingAddress)||void 0===t?void 0:t.phone);return i&&i.includes("+")&&!r&&(i=i.replace("+","")),i},this.sendSmsLanguage=function(e){var s,t="eng";if(e.localeOptions.length){var o=e.localeOptions.find((function(e){return e.routing.locale===a.getCurrentLocale()}));o&&o.iso3&&(t=null===(s=o.iso3)||void 0===s?void 0:s.toLowerCase())}return t},this.clearSaveCardToMasterPassForm=function(){p.saveCardToMasterPass.isCheckboxChecked=!1,p.saveCardToMasterPass.phoneNumber="",p.saveCardToMasterPass.cardName="",p.saveCardToMasterPass.isSendConfirmationButtonPending=!1},this.mfsResponseHandler=function(e){return function(s,t){console.log({field:"mfsResponseHandler",response:t}),e.callback&&e.callback();var o,a=function(e){var s;return null===(s=null==t?void 0:t.accountStatus)||void 0===s?void 0:s.match(e)};a(u)&&(p.checkMasterPassData.status="noMasterPassAccount",(o=p.phoneNumber({checkout:e.checkout,store:e.store,withPlus:!0}))&&(p.saveCardToMasterPass.phoneNumber=o));a(l)&&(p.checkMasterPassData.status="hasMasterPassAccountButDoesNotHaveAnyOperation",p.showLinkCardToClientModal(),(o=p.phoneNumber({checkout:e.checkout,store:e.store,withPlus:!0}))&&(p.saveCardToMasterPass.phoneNumber=o));if(a(d)&&(p.checkMasterPassData.status="hasMasterPassAccountAndHasRelation",(null==e?void 0:e.checkout)&&e.store&&(p.listCards({store:e.store,checkout:e.checkout}),console.log("call listcards"))),"validateTransaction"!==e.source&&"resendOtp"!==e.source||!t.responseDescription||(p.otpResponse.text=t.responseDescription,"1409"===t.responseCode&&(p.otpResponse.status="error")),"0000"!=t.responseCode&&""!=t.responseCode||(console.log("Register Success"),"deleteCard"===e.source&&p.listCards({store:e.store,checkout:e.checkout}),"validateTransaction"===e.source&&(null==e?void 0:e.checkout)&&e.store&&("hasMasterPassAccountButDoesNotHaveAnyOperation"===p.checkMasterPassData.status?p.visibleModal="linkCardToClientModalSuccess":p.visibleModal="otpModalSuccess",e.checkout.selectedPaymentGateway=void 0,p.clearSaveCardToMasterPassForm(),p.listCards({store:e.store,checkout:e.checkout}))),"5196"===t.responseCode&&t.responseDescription&&(p.visibleModal="mfsResponseModal",p.mfsResponseModalText=t.responseDescription),"5001"==t.responseCode||"5008"==t.responseCode){var n="5001"===t.responseCode?"bankOtp":"masterPassOtp";p.showOtpModal(n)}if("5010"==t.responseCode&&"undefined"!=typeof window)return console.log('response.responseCode == "5010"'),void window.location.assign(t.url3D+"&returnUrl="+window.location.href);console.log({source:"MFS response.responseDescription",responseDescription:t.responseDescription,response:t})}},this.showTokenErrorWithModal=function(){var e=i().t;p.visibleModal="mfsResponseModal",p.mfsResponseModalText=e("checkout-page:errorUnknown")},this.checkMasterPass=function(o){return e(p,void 0,void 0,(function(){var e,a,n,i,c,u,l=o.checkout,d=o.store;return t(o,["checkout","store"]),s(this,(function(s){switch(s.label){case 0:return console.log("checkMasterPass 1"),(e=this.MFS())?(a=this.phoneNumber({store:d,checkout:l}),console.log("checkMasterPass 2"),n=l.masterPassPaymentGateway,a&&n&&n.masterPassClientId?(console.log("checkMasterPass 3",a),[4,this.getToken({cartId:l.id,paymentGatewayId:n.id,operationType:r.CHECK_MASTER_PASS_USER,phoneNumber:a})]):[2]):[2];case 1:return(i=s.sent())?(e.setClientId(n.masterPassClientId),c=this.sendSmsLanguage(d),u=this.prepareFormData({sendSmsLanguage:c,sendSms:"N",referenceNo:i.requestReferenceNumber,token:i.token,userId:a}),e.checkMasterPass(u,this.mfsResponseHandler({source:"checkMasterPass",checkout:l,store:d})),console.log("checkMasterPass 4"),[2]):[2]}}))}))},this.register=function(t){var o=t.creditCard,a=t.store,n=t.checkout,i=t.paymentGateway,c=t.callback;return e(p,void 0,void 0,(function(){var e,t,u,l;return s(this,(function(s){switch(s.label){case 0:return console.log("register 1"),(e=this.MFS())?(console.log("register 2"),(t=o.phoneNumber)&&i.masterPassClientId?(console.log("register 3"),[4,this.getToken({cartId:n.id,paymentGatewayId:i.id,operationType:r.REGISTER_CARD,phoneNumber:t})]):[2]):[2];case 1:return u=s.sent(),console.log("register 4"),(null==u?void 0:u.token)?(l=this.prepareFormData({msisdn:t,token:null==u?void 0:u.token,referenceNo:u.requestReferenceNumber,sendSmsLanguage:this.sendSmsLanguage(a),rtaPan:o.rtaPan,expiryDate:o.expiryDate,cvc:o.cvc,accountAliasName:o.accountAliasName,timeZone:u.timeZone,sendSms:"Y",actionType:"A",clientIp:"",delinkReason:"",eActionType:"A",cardTypeFlag:"05",cpinFlag:"Y",defaultAccount:"Y",mmrpConfig:"110010",identityVerificationFlag:"Y",mobileAccountConfig:"MWA",uiChannelType:"6"}),console.log("reigster 5"),e.setClientId(i.masterPassClientId),e.register(l,this.mfsResponseHandler({source:"register",store:a,checkout:n,callback:c})),[2]):[2]}}))}))},this.resendOtp=function(t){var o=t.store,a=t.checkout,n=t.callback;return e(p,void 0,void 0,(function(){var e,t,r;return s(this,(function(s){return this.isOtpFormSubmitAtLeastOnce&&(e=this.MFS())?(t=e.getLastToken(),r=this.sendSmsLanguage(o),e.resendOtp(t,r,this.mfsResponseHandler({source:"resendOtp",store:o,checkout:a,callback:n})),[2]):[2]}))}))},this.linkCardToClient=function(t){var o=t.store,a=t.checkout,n=t.callback;return e(p,void 0,void 0,(function(){var e,t,i,c,u;return s(this,(function(s){switch(s.label){case 0:return(e=this.MFS())&&((t=this.phoneNumber({store:o,checkout:a}))&&(null==(i=a.masterPassPaymentGateway)?void 0:i.id))?[4,this.getToken({cartId:a.id,paymentGatewayId:i.id,operationType:r.REGISTER_CARD,phoneNumber:t})]:[2];case 1:return(c=s.sent())?(u=this.prepareFormData({sendSms:"Y",sendSmsLanguage:this.sendSmsLanguage(o),token:c.token,referenceNo:c.requestReferenceNumber,cardAliasName:"",msisdn:t}),e.linkCardToClient(u,this.mfsResponseHandler({source:"linkCardToClient",store:o,checkout:a,callback:n})),[2]):(n&&n(),[2])}}))}))},this.validateTransaction=function(t){var o=t.validationCode,a=t.store,n=t.checkout,i=t.callback;return e(p,void 0,void 0,(function(){var e,t,c,u,l;return s(this,(function(s){switch(s.label){case 0:return(e=this.MFS())&&((t=this.phoneNumber({store:a,checkout:n}))&&(c=n.masterPassPaymentGateway))?[4,this.getToken({cartId:n.id,paymentGatewayId:c.id,operationType:r.REGISTER_CARD,phoneNumber:t})]:[2];case 1:return(u=s.sent())?(l=this.prepareFormData({pinType:"otp",validationCode:o,sendSms:"Y",sendSmsLanguage:this.sendSmsLanguage(a),token:u.token,referenceNo:u.requestReferenceNumber}),this.isOtpFormSubmitAtLeastOnce||(this.isOtpFormSubmitAtLeastOnce=!0),e.validateTransaction(l,this.mfsResponseHandler({source:"validateTransaction",store:a,checkout:n,callback:i})),[2]):[2]}}))}))},this.listCards=function(t){var o=t.store,a=t.checkout;return e(p,void 0,void 0,(function(){var e,t,n,i,c,u,l=this;return s(this,(function(s){switch(s.label){case 0:return(e=this.MFS())&&(t=this.phoneNumber({store:o,checkout:a}))?(n=null===(u=a.masterPassPaymentGateway)||void 0===u?void 0:u.id,console.log("listCards paymentGatewayId",n),n?[4,this.getToken({cartId:a.id,paymentGatewayId:n,operationType:r.LIST_CARDS,phoneNumber:t})]:[2]):[2];case 1:return(i=s.sent())?(c=function(e,s){if("0000"!=s.responseCode&&""!=s.responseCode)return l.visibleModal="mfsResponseModal",l.mfsResponseModalText=s.responseDescription,console.error("mfs response.responseDescription",s.responseDescription),void console.log("TransactionID->",s.transactionId);var t=[];if(Array.isArray(s.cards))for(var o=0;o<s.cards.length;o++){var a=s.cards[o];a.paymentGatewayId=n,t.push(a)}l.cards=t,console.log("list_card response->",s),console.log("Cards",t),console.log("TransactionID->",s.transactionId)},e.listCards(t,i.token,c),[2]):[2]}}))}))},this.deleteCard=function(t){var o=t.store,a=t.checkout,n=t.card;return e(p,void 0,void 0,(function(){var e,t,i,c;return s(this,(function(s){switch(s.label){case 0:return(e=this.MFS())&&(t=this.phoneNumber({store:o,checkout:a}))?[4,this.getToken({cartId:a.id,paymentGatewayId:n.paymentGatewayId,operationType:r.DELETE_CARD,phoneNumber:t})]:[2];case 1:return(i=s.sent())?(c=this.prepareFormData({sendSms:"N",msisdn:t,token:i.token,referenceNo:i.requestReferenceNumber,sendSmsLanguage:this.sendSmsLanguage(o),accountAliasName:n.Name}),e.deleteCard(c,this.mfsResponseHandler({source:"deleteCard",store:o,checkout:a})),[2]):[2]}}))}))},o(this)}return Object.defineProperty(p.prototype,"isSaveCardToMasterPassPhoneNumberInputVisible",{get:function(){return("hasMasterPassAccountAndHasRelation"!==this.checkMasterPassData.status||!this.cards.length)&&("hasMasterPassAccountButDoesNotHaveAnyOperation"===this.checkMasterPassData.status||this.checkMasterPassData.status,!0)},enumerable:!1,configurable:!0}),Object.defineProperty(p.prototype,"isSaveCardToMasterPassPhoneNumberInputDisabled",{get:function(){return!("hasMasterPassAccountAndHasRelation"!==this.checkMasterPassData.status||!this.cards.length)||("hasMasterPassAccountButDoesNotHaveAnyOperation"===this.checkMasterPassData.status||"noMasterPassAccount"===this.checkMasterPassData.status)},enumerable:!1,configurable:!0}),Object.defineProperty(p.prototype,"isSendConfirmationButtonDisabled",{get:function(){if(this)return!this.saveCardToMasterPass.cardName||!this.saveCardToMasterPass.phoneNumber},enumerable:!1,configurable:!0}),Object.defineProperty(p.prototype,"isLinkCardToClientModalVisible",{get:function(){return"linkCardToClientModal"===this.visibleModal},enumerable:!1,configurable:!0}),Object.defineProperty(p.prototype,"isOtpModalVisible",{get:function(){return"otpModalBank"===this.visibleModal||"otpModalMasterPass"===this.visibleModal},enumerable:!1,configurable:!0}),Object.defineProperty(p.prototype,"isResponseModalVisible",{get:function(){return!("mfsResponseModal"!==this.visibleModal||!this.mfsResponseModalText)},enumerable:!1,configurable:!0}),Object.defineProperty(p.prototype,"isSuccessModalVisible",{get:function(){return"linkCardToClientModalSuccess"===this.visibleModal||"otpModalSuccess"===this.visibleModal},enumerable:!1,configurable:!0}),Object.defineProperty(p.prototype,"otpModalType",{get:function(){return"otpModalMasterPass"===this.visibleModal?"masterPassOtp":"bankOtp"},enumerable:!1,configurable:!0}),Object.defineProperty(p.prototype,"successModalType",{get:function(){return"hasMasterPassAccountButDoesNotHaveAnyOperation"===this.checkMasterPassData.status?"linkCardToClient":"register"},enumerable:!1,configurable:!0}),p.prototype.prepareFormData=function(e){var s=new FormData;return Object.entries(e).forEach((function(e){var t=e[0],o=e[1];return s.append(t,o)})),s},p}();export{p as default};
+import{__awaiter as e,__generator as s,__rest as t}from'../../ext/tslib/tslib.es6.js';import{makeAutoObservable as o}from"mobx";import{IkasStorefrontConfig as a}from"../../storefront/index.js";import n from"../../__api/queries/getMasterpassRequestToken.js";import{MasterPassOperationTypeEnum as r}from"../../__api/types/index.js";import{useTranslation as i}from"../../utils/i18n.js";var c="undefined"==typeof localStorage,u=/000000[0|1]{10}/g,d=/[0|1]1100[0|1]{11}/g,l=/[0|1]11100[0|1]{10}/g,h=function(){function h(){var h=this;this.checkMasterPassData={status:""},this.saveCardToMasterPass={isCheckboxChecked:!1,cardName:"",phoneNumber:"",isSendConfirmationButtonPending:!1},this.otpResponse={status:"",text:""},this.isOtpFormSubmitAtLeastOnce=!1,this.visibleModal=void 0,this.cards=[],this.saveCardToMasterPassPhoneNumberDisabledInputValue=function(e){var s=e.store,t=e.checkout,o=e.withPlus;return h.phoneNumber({store:s,checkout:t,withPlus:o})||""},this.onSaveCardToMasterPassCheckedChange=function(e){h.saveCardToMasterPass.isCheckboxChecked=e},this.onSaveCardToMasterPassCardNameChange=function(e){h.saveCardToMasterPass.cardName=e},this.onSaveCardToMasterPassPhoneNumberChange=function(e){h.saveCardToMasterPass.phoneNumber=e},this.onSaveCardToMasterPassSendConfirmationButtonClick=function(e){var s=e.creditCard,t=e.store,o=e.checkout,a=e.paymentGateway,n=e.callback;console.log("onSaveCardToMasterPassSendConfirmationButtonClick 1"),h.register({creditCard:s,store:t,checkout:o,paymentGateway:a,callback:n})},this.showLinkCardToClientModal=function(){h.visibleModal="linkCardToClientModal"},this.hideLinkCardToClientModal=function(){h.visibleModal=void 0},this.showOtpModal=function(e){h.otpResponse.text="",h.otpResponse.status="",h.visibleModal="masterPassOtp"===e?"otpModalMasterPass":"otpModalBank",console.log("calisti",h.visibleModal)},this.hideOtpModal=function(){h.visibleModal=void 0,h.otpResponse.text="",h.otpResponse.status="",h.isOtpFormSubmitAtLeastOnce=!1},this.onResponseModalClose=function(){h.visibleModal=void 0,h.mfsResponseModalText=""},this.onSuccessModalClose=function(){h.visibleModal=void 0},this.onLinkCardToClientButtonClick=function(e){h.linkCardToClient(e)},this.onOtpFormSubmit=function(e){h.otpResponse.text="",h.otpResponse.status="",h.validateTransaction(e)},this.MFS=function(){var e;if(!c){if(window.MFS&&(null===(e=window.MFS)||void 0===e?void 0:e.setClientId))return window.MFS;console.error("MFS can not use.")}},this.getToken=function(t){var o=t.cartId,a=t.paymentGatewayId,r=t.operationType,i=t.phoneNumber;return e(h,void 0,void 0,(function(){var e;return s(this,(function(s){switch(s.label){case 0:return[4,n({cartId:o,paymentGatewayId:a,operationType:r,phoneNumber:i})];case 1:return(e=s.sent()).data&&e.isSuccess&&!e.errors.length?[2,e.data]:(this.showTokenErrorWithModal(),[2])}}))}))},this.phoneNumber=function(e){var s,t,o=e.store,a=e.checkout,n=e.withPlus,r=void 0!==n&&n,i=(null===(s=o.customerStore.customer)||void 0===s?void 0:s.phone)||(null===(t=a.shippingAddress)||void 0===t?void 0:t.phone);return i&&i.includes("+")&&!r&&(i=i.replace("+","")),i},this.sendSmsLanguage=function(e){var s,t="eng";if(e.localeOptions.length){var o=e.localeOptions.find((function(e){return e.routing.locale===a.getCurrentLocale()}));o&&o.iso3&&(t=null===(s=o.iso3)||void 0===s?void 0:s.toLowerCase())}return t},this.clearSaveCardToMasterPassForm=function(){h.saveCardToMasterPass.isCheckboxChecked=!1,h.saveCardToMasterPass.phoneNumber="",h.saveCardToMasterPass.cardName="",h.saveCardToMasterPass.isSendConfirmationButtonPending=!1},this.mfsResponseHandler=function(e){return function(s,t){console.log({field:"mfsResponseHandler",response:t}),e.callback&&e.callback();var o,a=function(e){var s;return null===(s=null==t?void 0:t.accountStatus)||void 0===s?void 0:s.match(e)};a(u)&&(h.checkMasterPassData.status="noMasterPassAccount",(o=h.phoneNumber({checkout:e.checkout,store:e.store,withPlus:!0}))&&(h.saveCardToMasterPass.phoneNumber=o));a(d)&&(h.checkMasterPassData.status="hasMasterPassAccountButDoesNotHaveAnyOperation",h.showLinkCardToClientModal(),(o=h.phoneNumber({checkout:e.checkout,store:e.store,withPlus:!0}))&&(h.saveCardToMasterPass.phoneNumber=o));if(a(l)&&(h.checkMasterPassData.status="hasMasterPassAccountAndHasRelation",(null==e?void 0:e.checkout)&&e.store&&(h.listCards({store:e.store,checkout:e.checkout}),console.log("call listcards"))),"validateTransaction"!==e.source&&"resendOtp"!==e.source||!t.responseDescription||(h.otpResponse.text=t.responseDescription,"1409"===t.responseCode&&(h.otpResponse.status="error")),"0000"!=t.responseCode&&""!=t.responseCode||(console.log("Register Success"),"deleteCard"===e.source&&h.listCards({store:e.store,checkout:e.checkout}),"validateTransaction"===e.source&&(null==e?void 0:e.checkout)&&e.store&&("hasMasterPassAccountButDoesNotHaveAnyOperation"===h.checkMasterPassData.status?h.visibleModal="linkCardToClientModalSuccess":h.visibleModal="otpModalSuccess",e.checkout.selectedPaymentGateway=void 0,h.clearSaveCardToMasterPassForm(),h.listCards({store:e.store,checkout:e.checkout}))),"5196"===t.responseCode&&t.responseDescription&&(h.visibleModal="mfsResponseModal",h.mfsResponseModalText=t.responseDescription),"5001"==t.responseCode||"5008"==t.responseCode){var n="5001"===t.responseCode?"bankOtp":"masterPassOtp";h.showOtpModal(n)}if("5010"==t.responseCode&&"undefined"!=typeof window)return console.log('response.responseCode == "5010"'),void window.location.assign(t.url3D+"&returnUrl="+window.location.href);console.log({source:"MFS response.responseDescription",responseDescription:t.responseDescription,response:t})}},this.showTokenErrorWithModal=function(){var e=i().t;h.visibleModal="mfsResponseModal",h.mfsResponseModalText=e("checkout-page:errorUnknown")},this.checkMasterPass=function(o){return e(h,void 0,void 0,(function(){var e,a,n,i,c,u,d=o.checkout,l=o.store;return t(o,["checkout","store"]),s(this,(function(s){switch(s.label){case 0:return console.log("checkMasterPass 1"),(e=this.MFS())?(a=this.phoneNumber({store:l,checkout:d}),console.log("checkMasterPass 2"),n=d.masterPassPaymentGateway,a&&n&&n.masterPassClientId?(console.log("checkMasterPass 3",a),[4,this.getToken({cartId:d.id,paymentGatewayId:n.id,operationType:r.CHECK_MASTER_PASS_USER,phoneNumber:a})]):[2]):[2];case 1:return(i=s.sent())?(e.setClientId(n.masterPassClientId),c=this.sendSmsLanguage(l),u=this.prepareFormData({sendSmsLanguage:c,sendSms:"N",referenceNo:i.requestReferenceNumber,token:i.token,userId:a}),e.checkMasterPass(u,this.mfsResponseHandler({source:"checkMasterPass",checkout:d,store:l})),console.log("checkMasterPass 4"),[2]):[2]}}))}))},this.register=function(t){var o=t.creditCard,a=t.store,n=t.checkout,i=t.paymentGateway,c=t.callback;return e(h,void 0,void 0,(function(){var e,t,u,d;return s(this,(function(s){switch(s.label){case 0:return console.log("register 1"),(e=this.MFS())?(console.log("register 2"),(t=o.phoneNumber)&&i.masterPassClientId?(console.log("register 3"),[4,this.getToken({cartId:n.id,paymentGatewayId:i.id,operationType:r.REGISTER_CARD,phoneNumber:t})]):[2]):[2];case 1:return u=s.sent(),console.log("register 4"),(null==u?void 0:u.token)?(d=this.prepareFormData({msisdn:t,token:null==u?void 0:u.token,referenceNo:u.requestReferenceNumber,sendSmsLanguage:this.sendSmsLanguage(a),rtaPan:o.rtaPan,expiryDate:o.expiryDate,cvc:o.cvc,accountAliasName:o.accountAliasName,timeZone:u.timeZone,sendSms:"Y",actionType:"A",clientIp:"",delinkReason:"",eActionType:"A",cardTypeFlag:"05",cpinFlag:"Y",defaultAccount:"Y",mmrpConfig:"110010",identityVerificationFlag:"Y",mobileAccountConfig:"MWA",uiChannelType:"6"}),console.log("reigster 5"),e.setClientId(i.masterPassClientId),e.register(d,this.mfsResponseHandler({source:"register",store:a,checkout:n,callback:c})),[2]):[2]}}))}))},this.resendOtp=function(t){var o=t.store,a=t.checkout,n=t.callback;return e(h,void 0,void 0,(function(){var e,t,r;return s(this,(function(s){return this.isOtpFormSubmitAtLeastOnce&&(e=this.MFS())?(t=e.getLastToken(),r=this.sendSmsLanguage(o),e.resendOtp(t,r,this.mfsResponseHandler({source:"resendOtp",store:o,checkout:a,callback:n})),[2]):[2]}))}))},this.linkCardToClient=function(t){var o=t.store,a=t.checkout,n=t.callback;return e(h,void 0,void 0,(function(){var e,t,i,c,u;return s(this,(function(s){switch(s.label){case 0:return(e=this.MFS())&&((t=this.phoneNumber({store:o,checkout:a}))&&(null==(i=a.masterPassPaymentGateway)?void 0:i.id))?[4,this.getToken({cartId:a.id,paymentGatewayId:i.id,operationType:r.REGISTER_CARD,phoneNumber:t})]:[2];case 1:return(c=s.sent())?(u=this.prepareFormData({sendSms:"Y",sendSmsLanguage:this.sendSmsLanguage(o),token:c.token,referenceNo:c.requestReferenceNumber,cardAliasName:"",msisdn:t}),e.linkCardToClient(u,this.mfsResponseHandler({source:"linkCardToClient",store:o,checkout:a,callback:n})),[2]):(n&&n(),[2])}}))}))},this.validateTransaction=function(t){var o=t.validationCode,a=t.store,n=t.checkout,i=t.callback;return e(h,void 0,void 0,(function(){var e,t,c,u,d;return s(this,(function(s){switch(s.label){case 0:return(e=this.MFS())&&((t=this.phoneNumber({store:a,checkout:n}))&&(c=n.masterPassPaymentGateway))?[4,this.getToken({cartId:n.id,paymentGatewayId:c.id,operationType:r.REGISTER_CARD,phoneNumber:t})]:[2];case 1:return(u=s.sent())?(d=this.prepareFormData({pinType:"otp",validationCode:o,sendSms:"Y",sendSmsLanguage:this.sendSmsLanguage(a),token:u.token,referenceNo:u.requestReferenceNumber}),this.isOtpFormSubmitAtLeastOnce||(this.isOtpFormSubmitAtLeastOnce=!0),e.validateTransaction(d,this.mfsResponseHandler({source:"validateTransaction",store:a,checkout:n,callback:i})),[2]):[2]}}))}))},this.listCards=function(t){var o=t.store,a=t.checkout;return e(h,void 0,void 0,(function(){var e,t,n,i,c,u,d=this;return s(this,(function(s){switch(s.label){case 0:return(e=this.MFS())&&(t=this.phoneNumber({store:o,checkout:a}))?(n=null===(u=a.masterPassPaymentGateway)||void 0===u?void 0:u.id,console.log("listCards paymentGatewayId",n),n?[4,this.getToken({cartId:a.id,paymentGatewayId:n,operationType:r.LIST_CARDS,phoneNumber:t})]:[2]):[2];case 1:return(i=s.sent())?(c=function(e,s){"0000"!=s.responseCode&&""!=s.responseCode&&(console.error({source:"mfs response.responseDescription",responseDescription:s.responseDescription,response:s}),console.log("TransactionID->",s.transactionId));var t=[];if(Array.isArray(s.cards)&&s.cards.length)for(var o=0;o<s.cards.length;o++){var a=s.cards[o];a.paymentGatewayId=n,t.push(a)}d.cards=t,console.log("list_card response->",s),console.log("Cards",t),console.log("TransactionID->",s.transactionId)},e.listCards(t,i.token,c),[2]):[2]}}))}))},this.deleteCard=function(t){var o=t.store,a=t.checkout,n=t.card;return e(h,void 0,void 0,(function(){var e,t,i,c;return s(this,(function(s){switch(s.label){case 0:return(e=this.MFS())&&(t=this.phoneNumber({store:o,checkout:a}))?[4,this.getToken({cartId:a.id,paymentGatewayId:n.paymentGatewayId,operationType:r.DELETE_CARD,phoneNumber:t})]:[2];case 1:return(i=s.sent())?(c=this.prepareFormData({sendSms:"N",msisdn:t,token:i.token,referenceNo:i.requestReferenceNumber,sendSmsLanguage:this.sendSmsLanguage(o),accountAliasName:n.Name}),e.deleteCard(c,this.mfsResponseHandler({source:"deleteCard",store:o,checkout:a})),[2]):[2]}}))}))},o(this)}return Object.defineProperty(h.prototype,"isSaveCardToMasterPassPhoneNumberInputVisible",{get:function(){return("hasMasterPassAccountAndHasRelation"!==this.checkMasterPassData.status||!this.cards.length)&&("hasMasterPassAccountButDoesNotHaveAnyOperation"===this.checkMasterPassData.status||this.checkMasterPassData.status,!0)},enumerable:!1,configurable:!0}),Object.defineProperty(h.prototype,"isSaveCardToMasterPassPhoneNumberInputDisabled",{get:function(){return!("hasMasterPassAccountAndHasRelation"!==this.checkMasterPassData.status||!this.cards.length)||("hasMasterPassAccountButDoesNotHaveAnyOperation"===this.checkMasterPassData.status||"noMasterPassAccount"===this.checkMasterPassData.status)},enumerable:!1,configurable:!0}),Object.defineProperty(h.prototype,"isSendConfirmationButtonDisabled",{get:function(){return this.isSaveCardToMasterPassPhoneNumberInputVisible?this.isSaveCardToMasterPassPhoneNumberInputDisabled?!this.saveCardToMasterPass.cardName:!this.saveCardToMasterPass.cardName||!this.saveCardToMasterPass.phoneNumber:!this.saveCardToMasterPass.cardName},enumerable:!1,configurable:!0}),Object.defineProperty(h.prototype,"isLinkCardToClientModalVisible",{get:function(){return"linkCardToClientModal"===this.visibleModal},enumerable:!1,configurable:!0}),Object.defineProperty(h.prototype,"isOtpModalVisible",{get:function(){return"otpModalBank"===this.visibleModal||"otpModalMasterPass"===this.visibleModal},enumerable:!1,configurable:!0}),Object.defineProperty(h.prototype,"isResponseModalVisible",{get:function(){return!("mfsResponseModal"!==this.visibleModal||!this.mfsResponseModalText)},enumerable:!1,configurable:!0}),Object.defineProperty(h.prototype,"isSuccessModalVisible",{get:function(){return"linkCardToClientModalSuccess"===this.visibleModal||"otpModalSuccess"===this.visibleModal},enumerable:!1,configurable:!0}),Object.defineProperty(h.prototype,"otpModalType",{get:function(){return"otpModalMasterPass"===this.visibleModal?"masterPassOtp":"bankOtp"},enumerable:!1,configurable:!0}),Object.defineProperty(h.prototype,"successModalType",{get:function(){return"hasMasterPassAccountButDoesNotHaveAnyOperation"===this.checkMasterPassData.status?"linkCardToClient":"register"},enumerable:!1,configurable:!0}),h.prototype.prepareFormData=function(e){var s=new FormData;return Object.entries(e).forEach((function(e){var t=e[0],o=e[1];return s.append(t,o)})),s},h}();export{h as default};

package/build/components/checkout/steps/step-payment/payment-gateways/index.js

@@ -1 +1 @@
-import*as e from"react";import{observer as t}from"mobx-react-lite";import"../../../../../models/data/payment-gateway/index.js";import{CreditCardForm as n}from"../../../components/credit-card-form/index.js";import{Installments as a}from"./installments/index.js";import o from"../../../components/select-box/index.js";import r from"./style.module.scss.js";import"../../../../../storefront/index.js";import'../../../../../ext/lodash/isArguments.js';import'../../../../../ext/lodash/isBuffer.js';import'../../../../../ext/lodash/isTypedArray.js';import'../../../../../ext/lodash/_baseGetTag.js';import{formatMoney as l}from"../../../../../utils/currency.js";import{useTranslation as m}from"../../../../../utils/i18n.js";import i from"../../../components/svg/external.js";import s from"../../../components/master-pass/payment-gateway/svg/master-card.js";import{StripeForm as c}from"../../../components/stripe/index.js";import d from"../../../components/credit-card-form/model.js";import p from"../../../components/master-pass/index.js";import{PaymentMethodEnum as u,PaymentGatewayTypeEnum as y,PaymentGatewayTransactionFeeTypeEnum as f,PaymentGatewayAdditionalPriceTypeEnum as v}from"../../../../../__api/types/index.js";var E=t((function(t){var E=t.vm,g=m().t,h=function(t){return e.createElement("div",{style:{display:"flex",justifyContent:"flex-end",alignItems:"center",flexWrap:"wrap"}},t.children)},I=function(t){return e.createElement("div",{className:r.AdditionalPrice},t.children)},x=function(e){var t;return"STRIPE"===e.code&&(null===(t=e.settings)||void 0===t?void 0:t.find((function(e){return"allow_custom_flow"===e.label&&"true"===e.value})))};return e.createElement(e.Fragment,null,!!E.mpVM.cards.length&&E.mpVM.cards.map((function(t,n){var l,m=E.paymentGateways.find((function(e){return e.id===t.paymentGatewayId})),i=e.createElement("button",{className:r.MasterPassSelectBoxDeleteButton,onClick:function(e){e.stopPropagation(),E.mpVM.deleteCard({store:E.store,checkout:E.checkout,card:t})}},g("checkout-page:masterPass.paymentGatewaySelectBox.delete")),c=e.createElement("div",{style:{display:"flex",alignItems:"center"}},e.createElement("span",{className:r.MasterPassSelectBoxLabelLogo},e.createElement(s,null)),t.Name," ",t.Value1),p=(null==m?void 0:m.id)&&m.paymentMethodType===u.CREDIT_CARD&&m.type===y.INTERNAL?E.installmentInfo&&e.createElement(a,{vm:E}):void 0;return e.createElement(o,{key:n,isSelected:(null===(l=E.mpVM.selectedCard)||void 0===l?void 0:l.UniqueId)===t.UniqueId,label:c,rightContent:i,bottomContent:p,onClick:function(){var e;(null===(e=E.mpVM.selectedCard)||void 0===e?void 0:e.UniqueId)!==t.UniqueId&&(E.checkout.selectedPaymentGateway=null,E.cardData=new d,E.installmentInfo=void 0,E.mpVM.selectedCard=t,t.Value1&&t.paymentGatewayId&&E.checkout.totalFinalPrice&&E.retrieveInstallmentInfo({input:{binNumber:t.Value1.slice(0,6),paymentGatewayId:t.paymentGatewayId,price:E.checkout.totalFinalPrice}}))}})})),E.paymentGateways.map((function(t,m){var s,d;return e.createElement(o,{key:t.id,label:t.paymentMethodType===u.CREDIT_CARD&&t.type===y.INTERNAL?x(t)?" ":g("checkout-page:creditCard"):t.name,isSelected:E.selectedPaymentGatewayIndex===m,rightContent:(null===(s=t.additionalPrices)||void 0===s?void 0:s.length)?e.createElement(I,null,(d=t.additionalPrices[0],0===d.amount?"":"".concat(d.amountType===f.AMOUNT?l(d.amount,E.checkout.currencyCode):" %"+d.amount).concat(d.type===v.DECREMENT?" "+g("checkout-page:paymentMethodDiscount"):" "+g("checkout-page:paymentMethodAdditionalPrice")))):e.createElement(h,null,!!t.logoUrl&&e.createElement("div",{className:r.PaymentLogoContainer},e.createElement("img",{src:t.logoUrl}))),bottomContent:t.paymentMethodType===u.CREDIT_CARD&&t.type===y.INTERNAL?e.createElement(e.Fragment,null,x(t)?e.createElement(c,{vm:E,pg:t}):e.createElement("div",null,e.createElement(n,{vm:E}),E.isPaymentGatewayHasMasterPass&&e.createElement(p,{vm:E}),E.installmentInfo&&e.createElement(a,{vm:E}))):t.description?e.createElement(e.Fragment,null,t.type===y.EXTERNAL&&e.createElement("div",{style:{height:"52px",display:"flex",justifyContent:"center",margin:"24px 0"}},e.createElement(i,null)),e.createElement("div",{dangerouslySetInnerHTML:{__html:t.description}})):void 0,onClick:function(){E.selectedPaymentGatewayIndex!==m&&(E.setPaymentGateway(m),E.mpVM.selectedCard=void 0)}})})))}));export{E as PaymentGateways};
+import*as e from"react";import{observer as t}from"mobx-react-lite";import"../../../../../models/data/payment-gateway/index.js";import{CreditCardForm as n}from"../../../components/credit-card-form/index.js";import{Installments as a}from"./installments/index.js";import o from"../../../components/select-box/index.js";import r from"./style.module.scss.js";import"../../../../../storefront/index.js";import'../../../../../ext/lodash/isArguments.js';import'../../../../../ext/lodash/isBuffer.js';import'../../../../../ext/lodash/isTypedArray.js';import'../../../../../ext/lodash/_baseGetTag.js';import{formatMoney as l}from"../../../../../utils/currency.js";import{useTranslation as m}from"../../../../../utils/i18n.js";import i from"../../../components/svg/external.js";import s from"../../../components/master-pass/payment-gateway/svg/master-card.js";import{StripeForm as c}from"../../../components/stripe/index.js";import d from"../../../components/credit-card-form/model.js";import p from"../../../components/master-pass/credit-card-form/index.js";import{PaymentMethodEnum as u,PaymentGatewayTypeEnum as y,PaymentGatewayTransactionFeeTypeEnum as f,PaymentGatewayAdditionalPriceTypeEnum as v}from"../../../../../__api/types/index.js";var E=t((function(t){var E=t.vm,g=m().t,h=function(t){return e.createElement("div",{style:{display:"flex",justifyContent:"flex-end",alignItems:"center",flexWrap:"wrap"}},t.children)},I=function(t){return e.createElement("div",{className:r.AdditionalPrice},t.children)},x=function(e){var t;return"STRIPE"===e.code&&(null===(t=e.settings)||void 0===t?void 0:t.find((function(e){return"allow_custom_flow"===e.label&&"true"===e.value})))};return e.createElement(e.Fragment,null,!!E.mpVM.cards.length&&E.mpVM.cards.map((function(t,n){var l,m=E.paymentGateways.find((function(e){return e.id===t.paymentGatewayId})),i=e.createElement("button",{className:r.MasterPassSelectBoxDeleteButton,onClick:function(e){e.stopPropagation(),E.mpVM.deleteCard({store:E.store,checkout:E.checkout,card:t})}},g("checkout-page:masterPass.paymentGatewaySelectBox.delete")),c=e.createElement("div",{style:{display:"flex",alignItems:"center"}},e.createElement("span",{className:r.MasterPassSelectBoxLabelLogo},e.createElement(s,null)),t.Name," ",t.Value1),p=(null==m?void 0:m.id)&&m.paymentMethodType===u.CREDIT_CARD&&m.type===y.INTERNAL?E.installmentInfo&&e.createElement(a,{vm:E}):void 0;return e.createElement(o,{key:n,isSelected:(null===(l=E.mpVM.selectedCard)||void 0===l?void 0:l.UniqueId)===t.UniqueId,label:c,rightContent:i,bottomContent:p,onClick:function(){var e;(null===(e=E.mpVM.selectedCard)||void 0===e?void 0:e.UniqueId)!==t.UniqueId&&(E.checkout.selectedPaymentGateway=null,E.cardData=new d,E.installmentInfo=void 0,E.mpVM.selectedCard=t,t.Value1&&t.paymentGatewayId&&E.checkout.totalFinalPrice&&E.retrieveInstallmentInfo({input:{binNumber:t.Value1.slice(0,6),paymentGatewayId:t.paymentGatewayId,price:E.checkout.totalFinalPrice}}))}})})),E.paymentGateways.map((function(t,m){var s,d;return e.createElement(o,{key:t.id,label:t.paymentMethodType===u.CREDIT_CARD&&t.type===y.INTERNAL?x(t)?" ":g("checkout-page:creditCard"):t.name,isSelected:E.selectedPaymentGatewayIndex===m,rightContent:(null===(s=t.additionalPrices)||void 0===s?void 0:s.length)?e.createElement(I,null,(d=t.additionalPrices[0],0===d.amount?"":"".concat(d.amountType===f.AMOUNT?l(d.amount,E.checkout.currencyCode):" %"+d.amount).concat(d.type===v.DECREMENT?" "+g("checkout-page:paymentMethodDiscount"):" "+g("checkout-page:paymentMethodAdditionalPrice")))):e.createElement(h,null,!!t.logoUrl&&e.createElement("div",{className:r.PaymentLogoContainer},e.createElement("img",{src:t.logoUrl}))),bottomContent:t.paymentMethodType===u.CREDIT_CARD&&t.type===y.INTERNAL?e.createElement(e.Fragment,null,x(t)?e.createElement(c,{vm:E,pg:t}):e.createElement("div",null,e.createElement(n,{vm:E}),E.isPaymentGatewayHasMasterPass&&e.createElement(p,{vm:E}),E.installmentInfo&&e.createElement(a,{vm:E}))):t.description?e.createElement(e.Fragment,null,t.type===y.EXTERNAL&&e.createElement("div",{style:{height:"52px",display:"flex",justifyContent:"center",margin:"24px 0"}},e.createElement(i,null)),e.createElement("div",{dangerouslySetInnerHTML:{__html:t.description}})):void 0,onClick:function(){E.selectedPaymentGatewayIndex!==m&&(E.setPaymentGateway(m),E.mpVM.selectedCard=void 0)}})})))}));export{E as PaymentGateways};

package/package.json

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

package/build/components/checkout/components/master-pass/index.js

@@ -1 +0,0 @@
-import e from"react";import{observer as a}from"mobx-react-lite";import{IkasStorefrontConfig as o}from"../../../../storefront/index.js";import'../../../../ext/lodash/isArguments.js';import'../../../../ext/lodash/isBuffer.js';import'../../../../ext/lodash/isTypedArray.js';import'../../../../ext/lodash/_baseGetTag.js';import{createTranslationInputData as t,useTranslation as s}from"../../../../utils/i18n.js";import{Checkbox as r}from"../checkbox/index.js";import{FormItem as n}from"../form-item/index.js";import{FormItemType as m}from"../form-item/model.js";import{Button as i}from"../button/index.js";import d from"./svg/master-pass-by-master-card.js";import c from"../../style.module.scss.js";import l from"./style.module.scss.js";var u=a((function(a){var u=a.vm,p=s().t,C=o.translations["checkout-page"],v=e.useMemo((function(){var e,a;return t(null===(a=null===(e=null==C?void 0:C.masterPass)||void 0===e?void 0:e.creditCardForm)||void 0===a?void 0:a.checkboxLabel)}),[C]),M=e.useMemo((function(){return e.createElement("div",{className:l.CheckboxLabel},v.map((function(a,o){return a.isVariable?e.createElement("span",{key:o,className:l.Logo},e.createElement(d,null)):e.createElement(e.Fragment,{key:o},a.value)})))}),[v]),P=u.mpVM.isSaveCardToMasterPassPhoneNumberInputDisabled?u.mpVM.saveCardToMasterPassPhoneNumberDisabledInputValue({store:u.store,checkout:u.checkout}):u.mpVM.saveCardToMasterPass.phoneNumber;return e.createElement("div",null,e.createElement(r,{label:M,value:u.mpVM.saveCardToMasterPass.isCheckboxChecked,onChange:u.mpVM.onSaveCardToMasterPassCheckedChange}),u.mpVM.saveCardToMasterPass.isCheckboxChecked&&e.createElement("div",{className:l.FormWrapper},e.createElement("div",{className:c.RowPB},e.createElement(n,{name:"masterPassCardName",type:m.TEXT,label:p("checkout-page:masterPass.creditCardForm.cardName"),value:u.mpVM.saveCardToMasterPass.cardName,onChange:u.mpVM.onSaveCardToMasterPassCardNameChange})),u.mpVM.isSaveCardToMasterPassPhoneNumberInputVisible&&e.createElement("div",{className:c.RowPB},e.createElement(n,{name:"masterPassPhoneNumber",type:m.TEL,disabled:u.mpVM.isSaveCardToMasterPassPhoneNumberInputDisabled,label:p("checkout-page:masterPass.creditCardForm.phoneNumber"),value:P,onChange:u.mpVM.onSaveCardToMasterPassPhoneNumberChange})),e.createElement(i,{style:{width:"100%"},text:p("checkout-page:masterPass.creditCardForm.button"),isDisabled:u.mpVM.isSendConfirmationButtonDisabled,isLoading:u.mpVM.saveCardToMasterPass.isSendConfirmationButtonPending,onClick:function(){var e;if(!u.mpVM.saveCardToMasterPass.isSendConfirmationButtonPending&&(console.log("onSendConfirmationButtonClick 1"),u.checkout.selectedPaymentGateway&&(console.log("onSendConfirmationButtonClick 2"),u.cardData&&u.cardData.cardNumber&&u.cardData.expirationDate&&u.cardData.cvv&&(console.log("onSendConfirmationButtonClick 3"),u.mpVM.saveCardToMasterPass.cardName&&(console.log("onSendConfirmationButtonClick 4"),u.mpVM.saveCardToMasterPass.phoneNumber))))){var a,o,t,s,r={creditCard:{rtaPan:u.cardData.cardNumber.replace(/ /g,""),expiryDate:(a=u.cardData.expirationDate,o=a.replace(" / ",""),t=o.substring(0,2),s=o.substring(2,4),"".concat(s).concat(t)),cvc:u.cardData.cvv,accountAliasName:u.mpVM.saveCardToMasterPass.cardName,phoneNumber:null===(e=u.mpVM.saveCardToMasterPass.phoneNumber)||void 0===e?void 0:e.replace("+","")},store:u.store,checkout:u.checkout,paymentGateway:u.checkout.selectedPaymentGateway,callback:function(){u.mpVM.saveCardToMasterPass.isSendConfirmationButtonPending=!1}};console.log("onSendConfirmationButtonClick 5",r),u.mpVM.saveCardToMasterPass.isSendConfirmationButtonPending=!0,u.mpVM.onSaveCardToMasterPassSendConfirmationButtonClick(r)}}})))}));export{u as default};

package/build/components/checkout/components/master-pass/style.module.scss.js

@@ -1 +0,0 @@
-import e from'../../../../ext/style-inject/dist/style-inject.es.js';var o={FormWrapper:"style-module_FormWrapper__3PB5t",CheckboxLabel:"style-module_CheckboxLabel__3yoWn",Logo:"style-module_Logo__EZVQ2"};e(".style-module_FormWrapper__3PB5t {\n  margin-top: 16px;\n}\n\n.style-module_CheckboxLabel__3yoWn {\n  color: var(--checkout-primary-text-color);\n}\n.style-module_CheckboxLabel__3yoWn .style-module_Logo__EZVQ2 {\n  display: inline-block;\n  vertical-align: middle;\n  margin: 0 8px;\n}");export{o as default};