https://virginmobile.sa/join/static/js/4.42a755cf.chunk.js

1(this.webpackJsonpvm_ksa_web_onboarding_app=this.webpackJsonpvm_ksa_web_onboarding_app||[]).push([[4,43],{1168:function(e,t,a){"use strict";var n=a(89),r=a.n(n),i=a(1),o=a(3),l=a(65),s={};s.phoneUtil=r.a.PhoneNumberUtil.getInstance(),s.initForm=(e,t,a)=>{s[e]={},s[e].id=e,s[e].submit=a,s[e].reset=()=>{s.reset(e)};let n=Object.keys(t);s[e].fields_validity={},s[e].validity=!1,s[e].fields=n,s[e].loading=!1;for(let r of n)s[e][r]=t[r],s[e].fields_validity[r]=!0;i.a.set("form_"+e,s[e])},s.isCardExpiryDateValid=e=>{let t=e.indexOf("/"),a=parseInt("20"+e.substr(t+1,2),10),n=parseInt(e.substr(0,t),10),r=new Date,i=r.getFullYear(),o=r.getMonth()+1;return n>=1&&n<13&&a<=i+10&&(a>i||a===i&&n>=o)},s.reset=e=>{s[e].loading=!1,i.a.set("form_"+e,s[e])},s.submit=e=>{s[e].loading=!0,i.a.set("form_"+e,s[e]),s[e].submit(s[e])},s.inputChangedHandler=(e,t,a)=>{if(s[e][a].value=s.getEventValue(t),s[e][a].conditionals){let t=s[e][a].conditionals;for(let n of t)-1===n.values.indexOf(s[e][a].value)?(s[e][n.field_id].value=s[e][n.field_id].default,s[e][n.field_id].disabled=!0):s[e][n.field_id].disabled=!1}i.a.set("form_"+e,s[e]),setTimeout(()=>{s.checkFieldValidity(e,a)},100)},s.checkFormValidity=e=>{let t=!0,a=s[e].fields;if(Array.isArray(a))for(let n of a){let a=s[e][n].required,r=s[e][n].dependent_on;if(r&&s[e][r].value){let t=s[e][r].value;a=!1;for(let i of s[e][r].conditionals)if(i.field_id===n&&-1!==i.values.indexOf(t)){a=!0;break}}if(a&&!s[e][n].value||!s[e].fields_validity[n]){t=!1;break}}s[e].validity=t,i.a.set("form_"+e,s[e])},s.checkFieldValidity=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;if(t){let a=s[e].fields_validity,n=s[e][t].value,r=s[e][t].type;if(s[e][t].required&&!s[e][t].value)a[t]=!1;else{if(a[t]=!0,"phone"===r)if(n.length>6&&o.a.formats.phonenumber.test(n)){let r=s[e][t].dependency,i=null;if(s[e][t].country){let a=s[e][t].country;i=l.a.Countries[a]}else{let t=s[e][r].value;i=l.a.Countries[t]}if(i&&i.ISO_2Code){let e=s.phoneUtil.parse(n,i.ISO_2Code);a[t]=s.phoneUtil.isValidNumber(e)}else a[t]=o.a.formats.phonenumber.test(n)}else a[t]=!1;if("country"===r&&s[e][t].dependent)return void s.checkFieldValidity(e,s[e][t].dependent)}if(s[e].fields_validity=a,s[e][t].conditionals)for(let i of s[e][t].conditionals)!i.required||s[e][i.field_id].disabled?s[e].fields_validity[i.field_id]=!0:s.checkFieldValidity(e,i.field_id);if(!a[t])return s[e].validity=!1,void i.a.set("form_"+e,s[e]);i.a.set("form_"+e,s[e]),s.checkFormValidity(e)}},s.getEventValue=(e,t)=>e&&e.target?"checkbox"===e.target.type||"radio"===e.target.type?e.target.checked:e.target.value:e,t.a=s},1196:function(e,t,a){"use strict";var n=a(0),r=a.n(n),i=a(53);t.a=()=>r.a.createElement("div",{style:{width:"100%",maxWidth:"555px"}},r.a.createElement(i.a,{width:"100%",height:"114px"}))},1207:function(e,t,a){e.exports=a.p+"static/media/k-net.613f97d7.svg"},1208:function(e,t,a){var n;e.exports=(n=a(0),function(e){function t(n){if(a[n])return a[n].exports;var r=a[n]={exports:{},id:n,loaded:!1};return e[n].call(r.exports,r,r.exports,t),r.loaded=!0,r.exports}var a={};return t.m=e,t.c=a,t.p="",t(0)}([function(e,t,a){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}Object.defineProperty(t,"__esModule",{value:!0}),t.conformToMask=void 0;var o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)Object.prototype.hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},l=function(){function e(e,t){for(var a=0;a<t.length;a++){var n=t[a];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,a,n){return a&&e(t.prototype,a),n&&e(t,n),t}}(),s=a(3);Object.defineProperty(t,"conformToMask",{enumerable:!0,get:function(){return n(s).default}});var d=n(a(11)),c=n(a(9)),m=n(a(5)),u=a(2),p=function(e){function t(){var e;r(this,t);for(var a=arguments.length,n=Array(a),o=0;o<a;o++)n[o]=arguments[o];var l=i(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(n)));return l.setRef=l.setRef.bind(l),l.onBlur=l.onBlur.bind(l),l.onChange=l.onChange.bind(l),l}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),l(t,[{key:"setRef",value:function(e){this.inputElement=e}},{key:"initTextMask",value:function(){var e=this.props,t=this.props.value;this.textMaskInputElement=(0,m.default)(o({inputElement:this.inputElement},e)),this.textMaskInputElement.update(t)}},{key:"componentDidMount",value:function(){this.initTextMask()}},{key:"componentDidUpdate",value:function(e){var t=this.props,a=t.value,n=t.pipe,r=t.mask,i={guide:t.guide,placeholderChar:t.placeholderChar,showMask:t.showMask},o="function"==typeof n&&"function"==typeof e.pipe?n.toString()!==e.pipe.toString():(0,u.isNil)(n)&&!(0,u.isNil)(e.pipe)||!(0,u.isNil)(n)&&(0,u.isNil)(e.pipe),l=r.toString()!==e.mask.toString(),s=Object.keys(i).some((function(t){return i[t]!==e[t]}))||l||o;(a!==this.inputElement.value||s)&&this.initTextMask()}},{key:"render",value:function(){var e=this.props,t=e.render,a=function(e,t){var a={};for(var n in e)t.indexOf(n)>=0||Object.prototype.hasOwnProperty.call(e,n)&&(a[n]=e[n]);return a}(e,["render"]);return delete a.mask,delete a.guide,delete a.pipe,delete a.placeholderChar,delete a.keepCharPositions,delete a.value,delete a.onBlur,delete a.onChange,delete a.showMask,t(this.setRef,o({onBlur:this.onBlur,onChange:this.onChange,defaultValue:this.props.value},a))}},{key:"onChange",value:function(e){this.textMaskInputElement.update(

1),"function"==typeof this.props.onChange&&this.props.onChange(e)}},{key:"onBlur",value:function(e){"function"==typeof this.props.onBlur&&this.props.onBlur(e)}}]),t}(d.default.PureComponent);t.default=p,p.propTypes={mask:c.default.oneOfType([c.default.array,c.default.func,c.default.bool,c.default.shape({mask:c.default.oneOfType([c.default.array,c.default.func]),pipe:c.default.func})]).isRequired,guide:c.default.bool,value:c.default.oneOfType([c.default.string,c.default.number]),pipe:c.default.func,placeholderChar:c.default.string,keepCharPositions:c.default.bool,showMask:c.default.bool},p.defaultProps={render:function(e,t){return d.default.createElement("input",o({ref:e},t))}}},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.placeholderChar="_",t.strFunction="function"},function(e,t,a){"use strict";function n(e){return Array.isArray&&Array.isArray(e)||e instanceof Array}Object.defineProperty(t,"__esModule",{value:!0}),t.convertMaskToPlaceholder=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:i,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:r.placeholderChar;if(!n(e))throw new Error("Text-mask:convertMaskToPlaceholder; The mask property must be an array.");if(-1!==e.indexOf(t))throw new Error("Placeholder character must not be used as part of the mask. Please specify a character that is not present in your mask as your placeholder character.\n\nThe placeholder character that was received is: "+JSON.stringify(t)+"\n\nThe mask that was received is: "+JSON.stringify(e));return e.map((function(e){return e instanceof RegExp?t:e})).join("")},t.isArray=n,t.isString=function(e){return"string"==typeof e||e instanceof String},t.isNumber=function(e){return"number"==typeof e&&void 0===e.length&&!isNaN(e)},t.isNil=function(e){return"undefined"==typeof e||null===e},t.processCaretTraps=function(e){for(var t=[],a=void 0;-1!==(a=e.indexOf(o));)t.push(a),e.splice(a,1);return{maskWithoutCaretTraps:e,indexes:t}};var r=a(1),i=[],o="[]"},function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e};t.default=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:l,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:o,a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};if(!(0,r.isArray)(t)){if(("undefined"==typeof t?"undefined":n(t))!==i.strFunction)throw new Error("Text-mask:conformToMask; The mask property must be an array.");t=t(e,a),t=(0,r.processCaretTraps)(t).maskWithoutCaretTraps}var s=a.guide,d=void 0===s||s,c=a.previousConformedValue,m=void 0===c?l:c,u=a.placeholderChar,p=void 0===u?i.placeholderChar:u,_=a.placeholder,f=void 0===_?(0,r.convertMaskToPlaceholder)(t,p):_,h=a.currentCaretPosition,v=a.keepCharPositions,y=!1===d&&void 0!==m,g=e.length,b=m.length,E=f.length,k=t.length,P=g-b,N=P>0,O=h+(N?-P:0),T=O+Math.abs(P);if(!0===v&&!N){for(var x=l,w=O;w<T;w++)f[w]===p&&(x+=p);e=e.slice(0,O)+x+e.slice(O,g)}for(var C=e.split(l).map((function(e,t){return{char:e,isNew:t>=O&&t<T}})),S=g-1;S>=0;S--){var A=C[S].char;if(A!==p){var M=S>=O&&b===k;A===f[M?S-P:S]&&C.splice(S,1)}}var D=l,R=!1;e:for(var V=0;V<E;V++){var j=f[V];if(j===p){if(C.length>0)for(;C.length>0;){var I=C.shift(),H=I.char,F=I.isNew;if(H===p&&!0!==y){D+=p;continue e}if(t[V].test(H)){if(!0===v&&!1!==F&&m!==l&&!1!==d&&N){for(var L=C.length,B=null,Y=0;Y<L;Y++){var K=C[Y];if(K.char!==p&&!1===K.isNew)break;if(K.char===p){B=Y;break}}null!==B?(D+=H,C.splice(B,1)):V--}else D+=H;continue e}R=!0}!1===y&&(D+=f.substr(V,E));break}D+=j}if(y&&!1===N){for(var W=null,J=0;J<D.length;J++)f[J]===p&&(W=J);D=null!==W?D.substr(0,W+1):l}return{conformedValue:D,meta:{someCharsRejected:R}}};var r=a(2),i=a(1),o=[],l=""},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){var t=e.previousConformedValue,r=void 0===t?n:t,i=e.previousPlaceholder,o=void 0===i?n:i,l=e.currentCaretPosition,s=void 0===l?0:l,d=e.conformedValue,c=e.rawValue,m=e.placeholderChar,u=e.placeholder,p=e.indexesOfPipedChars,_=void 0===p?a:p,f=e.caretTrapIndexes,h=void 0===f?a:f;if(0===s||!c.length)return 0;var v=c.length,y=r.length,g=u.length,b=d.length,E=v-y,k=E>0;if(E>1&&!k&&0!==y)return s;var P=0,N=void 0,O=void 0;if(!k||r!==d&&d!==u){var T=d.toLowerCase(),x=c.toLowerCase().substr(0,s).split(n).filter((function(e){return-1!==T.indexOf(e)}));O=x[x.length-1];var w=o.substr(0,x.length).split(n).filter((function(e){return e!==m})).length,C=u.substr(0,x.length).split(n).filter((function(e){return e!==m})).length!==w,S=void 0!==o[x.length-1]&&void 0!==u[x.length-2]&&o[x.length-1]!==m&&o[x.length-1]!==u[x.length-1]&&o[x.length-1]===u[x.length-2];!k&&(C||S)&&w>0&&u.indexOf(O)>-1&&void 0!==c[s]&&(N=!0,O=c[s]);for(var A=_.map((function(e){return T[e]})).filter((function(e){return e===O})).length,M=x.filter((function(e){return e===O})).length,D=u.substr(0,u.indexOf(m)).split(n).filter((function(e,t){return e===O&&c[t]!==e})).length+M+A+(N?1:0),R=0,V=0;V<b&&(P=V+1,T[V]===O&&R++,!(R>=D));V++);}else P=s-E;if(k){for(var j=P,I=P;I<=g;I++)if(u[I]===m&&(j=I),u[I]===m||-1!==h.indexOf(I)||I===g)return j}else if(N){for(var H=P-1;H>=0;H--)if(d[H]===O||-1!==h.indexOf(H)||0===H)return H}else for(var F=P;F>=0;F--)if(u[F-1]===m||-1!==h.indexOf(F)||0===F)return F};var a=[],n=""},function(e,t,a){"use strict";

1function n(e){return e&&e.__esModule?e:{default:e}}function r(e,t){document.activeElement===e&&(f?h((function(){return e.setSelectionRange(t,t,p)}),0):e.setSelectionRange(t,t,p))}function i(e){if((0,c.isString)(e))return e;if((0,c.isNumber)(e))return String(e);if(void 0===e||null===e)return u;throw new Error("The 'value' provided to Text Mask needs to be a string or a number. The value received was:\n\n "+JSON.stringify(e))}Object.defineProperty(t,"__esModule",{value:!0});var o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)Object.prototype.hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},l="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e};t.default=function(e){var t={previousConformedValue:void 0,previousPlaceholder:void 0};return{state:t,update:function(a){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:e,p=n.inputElement,f=n.mask,h=n.guide,v=n.pipe,y=n.placeholderChar,g=void 0===y?m.placeholderChar:y,b=n.keepCharPositions,E=void 0!==b&&b,k=n.showMask,P=void 0!==k&&k;if("undefined"==typeof a&&(a=p.value),a!==t.previousConformedValue){("undefined"==typeof f?"undefined":l(f))===_&&void 0!==f.pipe&&void 0!==f.mask&&(v=f.pipe,f=f.mask);var N=void 0,O=void 0;if(f instanceof Array&&(N=(0,c.convertMaskToPlaceholder)(f,g)),!1!==f){var T=i(a),x=p.selectionEnd,w=t.previousConformedValue,C=t.previousPlaceholder,S=void 0;if(("undefined"==typeof f?"undefined":l(f))===m.strFunction){if(!1===(O=f(T,{currentCaretPosition:x,previousConformedValue:w,placeholderChar:g})))return;var A=(0,c.processCaretTraps)(O),M=A.maskWithoutCaretTraps,D=A.indexes;O=M,S=D,N=(0,c.convertMaskToPlaceholder)(O,g)}else O=f;var R={previousConformedValue:w,guide:h,placeholderChar:g,pipe:v,placeholder:N,currentCaretPosition:x,keepCharPositions:E},V=(0,d.default)(T,O,R),j=V.conformedValue,I=("undefined"==typeof v?"undefined":l(v))===m.strFunction,H={};I&&(!1===(H=v(j,o({rawValue:T},R)))?H={value:w,rejected:!0}:(0,c.isString)(H)&&(H={value:H}));var F=I?H.value:j,L=(0,s.default)({previousConformedValue:w,previousPlaceholder:C,conformedValue:F,placeholder:N,rawValue:T,currentCaretPosition:x,placeholderChar:g,indexesOfPipedChars:H.indexesOfPipedChars,caretTrapIndexes:S}),B=F===N&&0===L,Y=P?N:u,K=B?Y:F;t.previousConformedValue=K,t.previousPlaceholder=N,p.value!==K&&(p.value=K,r(p,L))}}}}};var s=n(a(4)),d=n(a(3)),c=a(2),m=a(1),u="",p="none",_="object",f="undefined"!=typeof navigator&&/Android/i.test(navigator.userAgent),h="undefined"!=typeof requestAnimationFrame?requestAnimationFrame:setTimeout},function(e,t){"use strict";function a(e){return function(){return e}}var n=function(){};n.thatReturns=a,n.thatReturnsFalse=a(!1),n.thatReturnsTrue=a(!0),n.thatReturnsNull=a(null),n.thatReturnsThis=function(){return this},n.thatReturnsArgument=function(e){return e},e.exports=n},function(e,t,a){"use strict";var n=function(e){};e.exports=function(e,t,a,r,i,o,l,s){if(n(t),!e){var d;if(void 0===t)d=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var c=[a,r,i,o,l,s],m=0;(d=new Error(t.replace(/%s/g,(function(){return c[m++]})))).name="Invariant Violation"}throw d.framesToPop=1,d}}},function(e,t,a){"use strict";var n=a(6),r=a(7),i=a(10);e.exports=function(){function e(e,t,a,n,o,l){l!==i&&r(!1,"Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types")}function t(){return e}e.isRequired=e;var a={array:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t};return a.checkPropTypes=n,a.PropTypes=a,a}},function(e,t,a){"use strict";"function"==typeof Symbol&&Symbol.iterator,e.exports=a(8)()},function(e,t){"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(e,t){e.exports=n}]))},1271:function(e,t,a){e.exports=a.p+"static/media/PaymentsWalletIcon.9f47f473.svg"},490:function(e,t,a){"use strict";a.r(t);var n=a(0),r=a.n(n);t.default=e=>r.a.createElement("div",{className:e.classes}

1,e.google_play_link&&r.a.createElement("a",{href:e.google_play_link,target:"_blank",rel:"noopener noreferrer",className:"stores-link stores-link-google"},"google playstore"),e.app_store_link&&r.a.createElement("a",{href:e.app_store_link,target:"_blank",rel:"noopener noreferrer",className:"stores-link stores-link-apple"},"apple store"),e.app_store_link&&r.a.createElement("a",{href:e.huawei_store_link,target:"_blank",rel:"noopener noreferrer",className:"stores-link stores-link-huawei"},"huawei store"),e.children)},517:function(e,t,a){"use strict";a.r(t);var n=a(0),r=a.n(n),i=a(4),o=a(1),l=a(25),s=a(124),d=a(7),c=a(50);var m=e=>{const t=(e,t)=>{if(!(null===e||void 0===e?void 0:e.length))return"";for(let a of e)if((null===a||void 0===a?void 0:a.Type)===t)return null===a||void 0===a?void 0:a.Value};return Object(n.useEffect)(()=>{c.a.getSummary().then(e=>{var a,n,r,i,o,s,c,m,u,p,_,f;let h={value:null===e||void 0===e||null===(a=e.data)||void 0===a?void 0:a.total_amount_vat_excluded,price:null===e||void 0===e||null===(n=e.data)||void 0===n?void 0:n.total_amount_vat_included,tax:null===e||void 0===e||null===(r=e.data)||void 0===r?void 0:r.vat_amount,currency:"KWD",coupon:"",item_id:null===e||void 0===e||null===(i=e.data)||void 0===i?void 0:i.saved_plans[0].ProductCode,item_name:null===e||void 0===e||null===(o=e.data)||void 0===o?void 0:o.saved_plans[0].PlanCode,item_category:"sim",item_variant:"regular",item_brand:"Virgin mobile kuwait",payment_method:"Knet",plan_duration:null===e||void 0===e||null===(s=e.data)||void 0===s?void 0:s.plan_commitment_period,plan_local:t(null===e||void 0===e||null===(c=e.data)||void 0===c||null===(m=c.saved_plans[0])||void 0===m?void 0:m.Plans,"VOICE-LCL"),plan_data:t(null===e||void 0===e||null===(u=e.data)||void 0===u||null===(p=u.saved_plans[0])||void 0===p?void 0:p.Plans,"DATA"),plan_international:t(null===e||void 0===e||null===(_=e.data)||void 0===_||null===(f=_.saved_plans[0])||void 0===f?void 0:f.Plans,"VOICE-INT")};d.a.ecommerce_purchase(h),l.a.paymentKnetOnboardingKw()}).catch(e=>{console.error("summery catch issue:",e)})}),r.a.createElement("div",null,r.a.createElement("div",{className:"translation-loading-spinner"},r.a.createElement(s.a,null)))},u=a(2),p=a(37),_=a(21),f=a(3),h=a(22),v=a(23),y=a(12),g=a(8);const b=[];let E,k;var P=e=>{const{isPaymentKw:t,isPaymentKsa:a}=v.a,[s,m]=Object(n.useState)(!window.Tapjsli),[P,N]=Object(n.useState)(1),[O,T]=Object(n.useState)(!1),[x,w]=Object(n.useState)(u.a.keys?u.a.keys:{}),[C,S]=Object(n.useState)(!1),[A,M]=Object(n.useState)(!0),[D,R]=Object(n.useState)("ar"===u.a.activeLang?"rtl":"ltr"),[V,j]=Object(n.useState)({});Object(n.useEffect)(()=>{let e=null;if(window.Tapjsli&&!s){let n,r,i,o;e&&clearInterval(e),E=window.Tapjsli(f.a.tap_sdk_key),n=E.elements({}),r={base:{color:"#404040",fontFamily:"Poppins",fontSize:"16px",fontStyle:"normal",fontWeight:700,lineHeight:"normal",borderRadius:"10px",border:"1px solid #898D9A",background:"red","::placeholder":{color:"#404040",fontSize:"24px",lineHeight:"36px"}},invalid:{color:"#e10a0a"}},i={cardNumber:u.a.keys["scr_3.6_A_input_card_number_label"],expirationDate:u.a.keys.kw_card_expiry_date,cvv:u.a.keys["scr_3.6_A_input_cvc_label"],cardHolder:u.a.keys["scr_3.6_A_input_card_holder_label"]},a&&(o={currencyCode:["SAR"],labels:i,TextDirection:D,paymentAllowed:["VISA","MASTERCARD","MADA"]}),t&&(o={currencyCode:["KWD"],labels:i,TextDirection:D,paymentAllowed:["VISA","MASTERCARD"]}),k=n.create("card",{style:r},o),k.mount("#element-container")}else e=setInterval(()=>{window.Tapjsli&&(m(!1),N(P+1))},500);return()=>{e&&clearInterval(e)}},[s,P,D]);Object(n.useEffect)(()=>{c.a.getSummary().then(e=>{j(null===e||void 0===e?void 0:e.data)}).catch(e=>{console.error("summery catch issue:",e)})},[]),Object(n.useEffect)(()=>(b.push(u.a.getKeysObsrv().subscribe(e=>{w(e),R("ar"===u.a.activeLang?"rtl":"ltr")})),()=>{if(b&&(null===b||void 0===b?void 0:b.length))for(let e of b)e.unsubscribe()}),[]);const I=function(){let e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0],t=p.a.getErrorType(e);o.a.set("payment_error",t),i.a.debug_payment("going back to payment because of error type: ",t),_.a.goTo(f.a.routes.pay.path)},H=(e,t)=>{if(!(null===e||void 0===e?void 0:e.length))return"";for(let a of e)if((null===a||void 0===a?void 0:a.Type)===t)return null===a||void 0===a?void 0:a.Value};k&&k.addEventListener("change",(function(e){e.loaded&&T(!1);let t=document.getElementById("error-handler");e.error?t.textContent=e.error.message:t.textContent="",e.status&&("invalid"===e.status?S(!1):S(!0))}));const F=e=>{e.preventDefault(),T(!0),E.createToken(k).then((function(e){e.error?(document.getElementById("error-handler").textContent=e.error.message,T(!1)):(e=>{i.a.debug_payment("tapTokenHandler->success token()");let t=e.card.exp_year>10?e.card.exp_year:"0"+e.card.exp_year,n=e.card.exp_month>10?e.card.exp_month:"0"+e.card.exp_month,r={alias_:e.id,card_number:e.card.first_six+"******"+e.card.last_four,expiry_date:t+""+n};l.a.checkEligabilityKW(r).then(t=>{if(201===t.status&&t.data&&t.data.is_eligibile){let t={[i.a.getStorageBooleanValue(g.a.ENABLE_PAYMENT_CAPTURE)?"alias":"alias_"]:e.id,cvv:"",customer_name:e.card.name,save_card:A,auto_topup:!a};l.a.payOnboardingKw(t).then(t=>{if(i.a.debug_payment("save_card response: ",t),!(t&&t.data&&t.data.Status))throw T(!1),new Error("saveCardError");{var a,n,r;let l={},s={},c={},m={value:null===V||void 0===V?void 0:V.total_amount_vat_excluded,price:null===V||void 0===V?void 0:V.total_amount_vat_included,tax:null===V||void 0===V?void 0:V.vat_amount,currency:x.stm_general_currency,coupon:"",item_id:null===V||void 0===V?void 0:V.saved_plans[0].ProductCode,item_name:null===V||void 0===V?void 0:V.saved_plans[0].PlanCode,item_category:"sim",item_variant:"regular",item_brand:x.item_brand,payment_method:"Credit Card",plan_duration:null===V||void 0===V?void 0:V.plan_commitment_period,plan_local:H(null===V||void 0===V||null===(a=V.saved_plans[0])||void 0===a?void 0:a.Plans,"VOICE-LCL"),plan_data:H(null===V||void 0===V||null===(n=V.saved_plans[0])||void 0===n?void 0:n.Plans,"DATA"),plan_international:H(null===V||void 0===V||null===(r=V.saved_plans[0])||void 0===r?void 0:r.Plans,"VOICE-INT")};if(d.a.ecommerce_purchase(m),l[o.a.get("session")]=t.data.OrderID,s[o.a.get("session")]=A,c[o.a.get("session")]=t.data.Status,i.a.debug_payment("order_id",l),o.a.set("order_id",JSON.stringify(l),!0),o.a.set("save_card",JSON.stringify(s),!0),o.a.set("status",JSON.stringify(c),!0),t.data.HTML_ANSWER)i.a.debug_payment("window.location.href = ",t.data.html),window.location.href=t.data.HTML_ANSWER;else{let t={};t[o.a.get("session")]=e,o.a.set("tap_data",JSON.stringify(t),!0),h.a.fetchNumberAndConfirmNon3d().then(e=>T(!1)).catch(e=>T(!1))}}}).catch(e=>{T(!1),e&&e.response&&e.response.data&&e.response.data.code?I(e.response.data.code):I()})}else T(!1),o.a.set("payment_error",!0)}).catch(e=>{T(!1),e&&e.response&&e.response.data&&e.response.data.error?p.a.handleError(e.response.data.error):I()})})(e)}))};let L="";return f.a.show_payment_save_card&&(L=r.a.createElement("div",{className:"payment-checkbox center margt-50"},r.a.createElement("input",{type:"checkbox",name:"save_card",value:A,defaultChecked:A,className:"checkbox-kw "+(A?"valid":"invalid"),id:"save_card",onChange:()=>M(!A)}),r.a.createElement("div",{className:"save-card"},x.kw_save_card_label_checkbox))),r.a.createElement("div",{className:"w-100 payment-container"}

1,!s&&r.a.createElement("div",null,r.a.createElement("form",{id:"form-container",method:"post",action:"/charge",onSubmit:e=>F(e)},r.a.createElement("div",{id:"element-container",style:{overflow:"auto"}}),r.a.createElement("div",{id:"error-handler",role:"alert"}),r.a.createElement("div",{id:"success",style:{display:"none",position:"relative",float:"left"}},"Success! Your token is ",r.a.createElement("span",{id:"token"})),L,O?r.a.createElement("div",{className:"translation-loading-spinner"},r.a.createElement(y.a,null)):r.a.createElement(r.a.Fragment,null,r.a.createElement("div",{className:"center action-btn-kw"},r.a.createElement("button",{id:"tap-btn",className:"btn-kw-payment "+(C?"":"disabled"),disabled:!C},x.kw_adress_done))))))},N=a(39),O=a(296),T=a.n(O),x=a(252),w=a.n(x),C=a(1207),S=a.n(C),A=a(320),M=a.n(A),D=a(1271),R=a.n(D),V=a(297),j=a.n(V),I=a(1196),H=a(10);class F extends n.Component{constructor(){super(...arguments),this.state={canApplePay:null,enable_tap_payment:!1,loadingBiz:!0,mnpLoader:!1,enable_pay_later:!1,enable_pay_now:!1},this.subscriptions=[],this.checkAvailablePaymentOpt=()=>{this.setState({loadingBiz:!0}),_.a.fetchBizPayment().then(e=>{var t;if(null===e||void 0===e||null===(t=e.data)||void 0===t?void 0:t.enable_tap_payment){var a,n;this.setState({enable_tap_payment:null===e||void 0===e||null===(a=e.data)||void 0===a?void 0:a.enable_tap_payment,loadingBiz:!1});o.a.get("direct_card_entry",!0)&&(null===e||void 0===e||null===(n=e.data)||void 0===n?void 0:n.enable_tap_payment)&&(o.a.clear("direct_card_entry"),this.handleMethodwithMNP(g.a.PAYMENT_METHOD_TAP,"scr_3.5.2_Summary_Desktop_option1_btn"))}}).catch(()=>{this.setState({loadingBiz:!0})})},this.selectPayInStore=()=>{this.handleMethod(g.a.PAYMENT_METHOD_LATER,g.a.PAYMENT_METHOD_LATER)},this.filterPlansByType=(e,t)=>null===e||void 0===e?void 0:e.filter(e=>e.Type===t).map(e=>e.Value),this.logEvent=e=>{var t,a,n,r,o,l,s,m,u,p,_,f,h,v,y,g,b,E,k,P,N,O,T,x,w,C,S,A;if(!(null===c.a||void 0===c.a||null===(t=c.a.response)||void 0===t?void 0:t.total_amount_vat_excluded))return;let M={value:null===c.a||void 0===c.a||null===(a=c.a.response)||void 0===a?void 0:a.total_amount_vat_excluded,price:null===c.a||void 0===c.a||null===(n=c.a.response)||void 0===n?void 0:n.total_amount_vat_included,tax:null===c.a||void 0===c.a||null===(r=c.a.response)||void 0===r?void 0:r.vat_amount,currency:"SAR",coupon:"",item_id:null===c.a||void 0===c.a||null===(o=c.a.response)||void 0===o||null===(l=o.saved_plans[0])||void 0===l?void 0:l.ProductCode,item_name:null===c.a||void 0===c.a||null===(s=c.a.response)||void 0===s||null===(m=s.saved_plans[0])||void 0===m?void 0:m.PlanCode,item_category:"sim",item_variant:i.a.getProductAttributebyPC(null===c.a||void 0===c.a||null===(u=c.a.response)||void 0===u||null===(p=u.saved_plans[0])||void 0===p?void 0:p.ProductCode),item_brand:"Virgin mobile ksa",payment_method:e,plan_duration:null===c.a||void 0===c.a||null===(_=c.a.response)||void 0===_?void 0:_.plan_commitment_period,plan_local:null===(f=this.filterPlansByType(null===c.a||void 0===c.a||null===(h=c.a.response)||void 0===h||null===(v=h.saved_plans[0])||void 0===v?void 0:v.Plans,"VOICE-LCL"))||void 0===f?void 0:f.toString(),plan_data:null===(y=this.filterPlansByType(null===c.a||void 0===c.a||null===(g=c.a.response)||void 0===g||null===(b=g.saved_plans[0])||void 0===b?void 0:b.Plans,"DATA"))||void 0===y?void 0:y.toString(),plan_sms_lcl:null===(E=this.filterPlansByType(null===c.a||void 0===c.a||null===(k=c.a.response)||void 0===k||null===(P=k.saved_plans[0])||void 0===P?void 0:P.Plans,"SMS-LCL"))||void 0===E?void 0:E.toString(),plan_data_social:null===(N=this.filterPlansByType(null===c.a||void 0===c.a||null===(O=c.a.response)||void 0===O||null===(T=O.saved_plans[0])||void 0===T?void 0:T.Plans,"DATA-SOCIAL"))||void 0===N?void 0:N.toString(),plan_international:null===(x=this.filterPlansByType(null===c.a||void 0===c.a||null===(w=c.a.response)||void 0===w||null===(C=w.saved_plans[0])||void 0===C?void 0:C.Plans,"VOICE-INT"))||void 0===x?void 0:x.toString(),product_code:null===c.a||void 0===c.a||null===(S=c.a.response)||void 0===S||null===(A=S.saved_plans[0])||void 0===A?void 0:A.ProductCode};d.a.begin_checkout(M)},this.handleMethod=(e,t)=>{e===g.a.PAYMENT_METHOD_KNET||e===g.a.PAYMENT_METHOD_LATER?this.commonRecordFirebaseEvent({event_label:"cash_on_delivery",interaction_type:"click",payment_method:e||""}):this.commonRecordFirebaseEvent({event_label:"pay_online",interaction_type:"click",payment_method:e||""}),d.a.button_clicked(g.a.PAYMENT_OPTION_SCREEN,t),N.a.action_on_choose_payment_method(e),v.a.isPaymentKsa&&this.logEvent(e),this.props.setOpenPaymentType(e)},this.handleMethodwithMNP=(e,t)=>

1{this.setState({mnpLoader:!0}),e===g.a.PAYMENT_METHOD_TAP&&this.commonRecordFirebaseEvent({event_label:"pay_online",interaction_type:"click"}),H.a.fetchFlowStatus().then(a=>{var n,r;(null===a||void 0===a||null===(n=a.flow_status_flags)||void 0===n?void 0:n.IsMnp)?(null===a||void 0===a||null===(r=a.flow_status_flags)||void 0===r?void 0:r.HasValidMNPOTP)&&(this.setState({mnpLoader:!1}),v.a.isPaymentKsa&&(d.a.button_clicked(g.a.PAYMENT_OPTION_SCREEN,t),N.a.action_on_choose_payment_method(e),this.logEvent(e)),this.props.setOpenPaymentType(e)):(this.setState({mnpLoader:!1}),v.a.isPaymentKsa&&(d.a.button_clicked(g.a.PAYMENT_OPTION_SCREEN,t),N.a.action_on_choose_payment_method(e),this.logEvent(e)),this.props.setOpenPaymentType(e))})},this.commonRecordFirebaseEvent=e=>{let{event_label:t="",interaction_type:a="",...n}=e;const r={event_category:"onboarding_payment",event_screen:"payment_summary",event_label:t,interaction_type:a,...n};d.a.commonFunction(r)}}componentWillUnmount(){if(this.subscriptions)for(let e of this.subscriptions)e.unsubscribe()}componentDidMount(){o.a.clear("paymentErrorCode"),N.a.pageView(),v.a.isPaymentKsa&&(this.subscriptions.push(o.a.get_obsrv("enable_pay_later").subscribe(e=>{const t=o.a.get("enable_pay_later",!0);e?this.setState({enable_pay_later:e}):t&&this.setState({enable_pay_later:t})})),this.subscriptions.push(o.a.get_obsrv("enable_pay_now").subscribe(e=>{const t=o.a.get("enable_pay_now",!0);e?this.setState({enable_pay_now:e}):t&&this.setState({enable_pay_now:t})})),this.checkAvailablePaymentOpt()),l.a.getApplyPayConfigureStatus().then(e=>{this.setState({canApplePay:e})}).catch(e=>{this.setState({canApplePay:!1})})}render(){let e="scr_3.5.2_Summary_Desktop_",t="",a="";if("boolean"!==typeof this.state.canApplePay)return r.a.createElement(I.a,null);let n=r.a.createElement("div",{className:"common-payment-method",onClick:()=>{this.handleMethod(g.a.PAYMENT_METHOD_CARD,"card")}},r.a.createElement("div",{className:"common-payment-method-content-wrapper"},r.a.createElement("img",{src:T.a,alt:"cardPlay"}),r.a.createElement("div",{className:"common-payment-method-text-wrapper"},r.a.createElement("div",{className:"common-payment-method-title"},r.a.createElement("div",{className:"common-payment-method-pay-img"},r.a.createElement("img",{src:T.a,alt:"cardPlay"})),u.a.keys[e+"option1_title"]+" "),r.a.createElement("div",{className:"common-payment-method-desc"},u.a.keys[e+"option1_desc"]))),r.a.createElement("div",{className:"common-payment-btn"},r.a.createElement("img",{src:w.a,alt:"arrowRed"}))),i=r.a.createElement("div",{className:"common-payment-method",onClick:()=>{this.handleMethodwithMNP(g.a.PAYMENT_METHOD_KNET,"stm_knet")}},r.a.createElement("div",{className:"common-payment-method-content-wrapper"},r.a.createElement("img",{src:S.a,alt:"cardPlay"}),r.a.createElement("div",{className:"common-payment-method-text-wrapper"},r.a.createElement("div",{className:"common-payment-method-title"},r.a.createElement("div",{className:"common-payment-method-pay-img"},r.a.createElement("img",{src:S.a,alt:"cardPlay"})),u.a.keys.stf_pay_knet_title+" "),r.a.createElement("div",{className:"common-payment-method-desc"},u.a.keys[e+"option_knet_desc"]))),r.a.createElement("div",{className:"common-payment-btn"},r.a.createElement("img",{src:w.a,alt:"arrowRed"}))),o=r.a.createElement("div",{className:"common-payment-method",onClick:()=>{this.handleMethodwithMNP(g.a.PAYMENT_METHOD_TAP,e+"option1_btn")}},r.a.createElement("div",{className:"common-payment-method-content-wrapper"},r.a.createElement("img",{src:T.a,alt:"cardPlay"}),r.a.createElement("div",{className:"common-payment-method-text-wrapper"},r.a.createElement("div",{className:"common-payment-method-title"},r.a.createElement("div",{className:"common-payment-method-pay-img"},r.a.createElement("img",{src:T.a,alt:"cardPlay"})),u.a.keys[e+"option1_title"]+" "),r.a.createElement("div",{className:"common-payment-method-desc"},u.a.keys[e+"option1_desc"]))),r.a.createElement("div",{className:"common-payment-btn"},r.a.createElement("img",{src:w.a,alt:"arrowRed"})));return this.state.canApplePay&&(a=r.a.createElement("div",{className:"common-payment-method",onClick:()=>{v.a.isPaymentKw?this.handleMethodwithMNP(g.a.PAYMENT_METHOD_APPLE,"apple_pay"):this.handleMethod(g.a.PAYMENT_METHOD_APPLE,"apple_pay")}},r.a.createElement("div",{className:"common-payment-method-content-wrapper"}

1,r.a.createElement("img",{src:j.a,alt:"cardPlay"}),r.a.createElement("div",{className:"common-payment-method-text-wrapper"},r.a.createElement("div",{className:"common-payment-method-title"},r.a.createElement("div",{className:"common-payment-method-pay-img"},r.a.createElement("img",{src:j.a,alt:"applePay"})),u.a.keys.apple_card,r.a.createElement("img",{src:M.a,alt:"applePay"})," "),r.a.createElement("div",{className:"common-payment-method-desc"},u.a.keys.apple_pay_desc||"Make payment securely and easy using your Apple Pay"))),r.a.createElement("div",{className:"common-payment-btn"},r.a.createElement("img",{src:w.a,alt:"arrowRed"})))),JSON.parse(this.state.enable_pay_later)&&(t=r.a.createElement("div",{className:"common-payment-method",onClick:()=>{d.a.button_clicked("stm_payment_pay_later_title"),this.selectPayInStore()}},r.a.createElement("div",{className:"common-payment-method-content-wrapper"},r.a.createElement("img",{src:R.a,alt:"Pay Later"}),r.a.createElement("div",{className:"common-payment-method-text-wrapper"},r.a.createElement("div",{className:"common-payment-method-title"},r.a.createElement("div",{className:"common-payment-method-pay-img"},r.a.createElement("img",{src:R.a,alt:"cardPlay"})),u.a.keys.stm_payment_pay_later_title+" "),r.a.createElement("div",{className:"common-payment-method-desc"},u.a.keys.stm_payment_pay_later_desc))),r.a.createElement("div",{className:"common-payment-btn"},r.a.createElement("img",{src:w.a,alt:"arrowRed"})))),r.a.createElement("div",{className:"common-payment-container"},this.state.mnpLoader?r.a.createElement(y.a,null):r.a.createElement(r.a.Fragment,null,v.a.isPaymentKw&&a,v.a.isPaymentKw&&o,v.a.isPaymentKw&&i,JSON.parse(this.state.enable_pay_now)?r.a.createElement(r.a.Fragment,null,!this.state.loadingBiz&&v.a.isPaymentKsa&&a,v.a.isPaymentKsa?r.a.createElement(r.a.Fragment,null,this.state.loadingBiz?r.a.createElement(I.a,null):this.state.enable_tap_payment?o:n):null):null,!this.state.loadingBiz&&t))}}class L extends n.Component{constructor(){super(...arguments),this.state={canApplePay:null},this.subscriptions=[]}componentWillUnmount(){if(this.subscriptions)for(let e of this.subscriptions)e.unsubscribe()}componentDidMount(){N.a.pageView(),l.a.getApplyPayConfigureStatus().then(e=>{this.setState({canApplePay:e})}).catch(e=>{this.setState({canApplePay:!1})}),o.a.get("paymentPrice",!0)&&l.a.payWithAppleKw()}render(){return"boolean"===typeof this.state.canApplePay&&o.a.get("paymentPrice",!0)?null:r.a.createElement(s.a,null)}}var B=a(14),Y=a(1208),K=a.n(Y),W=a(1168),J=a(490);class U extends n.Component{componentWillUnmount(){if(this.subscriptions)for(let e of this.subscriptions)e.unsubscribe()}constructor(){var e;super(),e=this,this.state={card_holder_name:"",card_number:"",card_security_code:"",expiry_date:"",expiry_date_for_form:"",agree:!1,form_valid:!1,save_card:!1,loading:!1,fields_validity:{card_number:!0,card_security_code:!0,expiry_date_for_form:!0,save_card:!0,card_holder_name:!0},fields_messages:{card_number:"",card_security_code:"",expiry_date_for_form:"",card_holder_name:""}},this.focusOrder=["card_number","card_holder_name","expiry_date_for_form","card_security_code"],this.formatted_fields={card_number:f.a.formats.cardnumber,card_security_code:f.a.formats.cardcvv,expiry_date_for_form:f.a.formats.expiry,card_holder_name:f.a.formats.text_only},this.subscriptions=[],this.processPayment=()=>{i.a.debug_payment("processPayment()");let e={alias_:o.a.get("payfort_token"),cvv:this.state.card_security_code,customer_name:this.state.card_holder_name,save_card:this.state.save_card,auto_topup:!1};l.a.saveCard(e).then(e=>{if(i.a.debug_payment("save_card response: ",e),!e||!e.data)throw new Error("saveCardError");{let t={},a={};o.a.set("order",JSON.stringify(e.data),!0),t[o.a.get("session")]=e.data.OrderID,a[o.a.get("session")]=this.state.save_card,i.a.debug_payment("order_id",t),o.a.set("order_id",JSON.stringify(t),!0),o.a.set("save_card",JSON.stringify(a),!0),e.data.HTML_ANSWER?window.location.href=e.data.HTML_ANSWER:(N.a.action_on_payment_done(),H.a.fetchFlowStatus(7).then(e=>{_.a.next(4)}).catch(e=>{}))}}).catch(e=>{l.a.actionOnPaymentFail(),N.a.action_on_payment_failed(),this.setState({loading:!1})})},this.focusNextOf=e=>{if(this.focusOrder.indexOf(e)!==this.focusOrder.length-1)if(-1!==this.focusOrder.indexOf(e)&&this.focusOrder.length>this.focusOrder.indexOf(e)+1){let t=this.focusOrder[this.focusOrder.indexOf(e)+1];this.formatted_fields[t]&&this.checkFormat(t,!1)?this.focusNextOf(t):this.refs[t].focus()}else if(this.focusOrder.indexOf(e)-1>=0){let t=this.focusOrder[this.focusOrder.indexOf(e)-1];this.checkValidity(t)?this.focusNextOf(t):this.refs[t].focus()}},this.submit=()=>{i.a.debug_payment("payment submit()"),this.setState({loading:!0}),l.a.createSignature(this.state),l.a.initiateIframe(this,this.state,"payfort_form","iframe_wrapper")},this.checkFormat=function(t){let a=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],n=!1,r=e.state.fields_messages,o=r[t];if(e.state[t])if(o="",-1!==Object.keys(e.formatted_fields).indexOf(t)){if(n=!!e.formatted_fields[t].test(e.state[t]),n){if("expiry_date_for_form"===t){let t=W.a.isCardExpiryDateValid(e.state.expiry_date_for_form);t||(o="wrong_date"),n=t}if("card_number"===t){let a=i.a.luhn(e.state[t]);a||(o="wrong_credit_card_luhn"),n=a}}else o="card_holder_name"===t?"wrong_name":"wrong_input"}else n=!0;else o="required_field";return(a||""===o)&&(r[t]=o,e.setState({fields_messages:r})),n},this.checkValidity=function(t){let a=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=e.state.fields_validity,r=n[t];if(-1!==Object.keys(e.formatted_fields).indexOf(t)&&(r=e.checkFormat(t,a)),n[t]=r,!a&&e.state[t]||e.setState({fields_validity:n}),r)if("card_holder_name"!==t&&e.focusNextOf(t),e.state.card_holder_name&&e.state.card_number&&e.state.card_security_code&&e.state.expiry_date_for_form&&e.state.fields_validity.card_number&&e.state.fields_validity.card_security_code&&e.state.fields_validity.expiry_date_for_form){let t=e.state.expiry_date_for_form,a=t.substr(3,2)+t.substr(0,2),n=e.state.card_number.replace(/ /g,"");e.setState({expiry_date:a,card_number:n}),e.setState({form_valid:!0})}else e.setState({form_valid:!1});else e.setState({form_valid:!1})},this.inputChangedHandler=(e,t)=>{let a={};if("checkbox"===e.target.type?a[t]=e.target.checked:a[t]=e.target.value,"card_security_code"===t&&(f.a.formats.cardcvvinitial.test(a[t])||(a[t]="")),"expiry_date_for_form"===t){if(0===e.target.value.indexOf("/"))return a[t]=this.state.expiry_date_for_form,void this.setState(a);if(e.target.value.split("/").length-1>1)return a[t]=this.state.expiry_date_for_form,void this.setState(a);1===this.state.expiry_date_for_form.length&&2===e.target.value.length&&"/"!==e.target.value.substr(1,1)&&(a[t]=e.target.value+"/")}this.setState(a),setTimeout(()=>{this.checkValidity(t)},1e3)};let t=i.a.getPaymentReturnURL("payfort_token");o.a.set("payment_constants",{merchant_passphrase:f.a.merchant_passphrase,access_code:f.a.access_code,language:f.a.language,merchant_extra:"web",merchant_identifier:f.a.merchant_identifier,merchant_reference:f.a.merchant_ref_fragment+Date.now(),return_url:t})}componentDidMount(){this.subscriptions.push(o.a.get_obsrv("payfort_token").subscribe(e=>{e&&(i.a.debug_payment("payfort_token",e),i.a.debug_payment("this.processPayment()"),this.processPayment())}

1))}checkExpiry(){let e=this.state.expiry_date_for_form.indexOf("/"),t=parseInt("20"+this.state.expiry_date_for_form.substr(e+1,2),10),a=parseInt(this.state.expiry_date_for_form.substr(0,e),10),n=new Date,r=n.getFullYear(),i=n.getMonth()+1;return a>=1&&a<13&&t<=r+10&&(t>r||t===r&&a>=i)}render(){let e=r.a.createElement("div",{style:{minHeight:"49.2rem"}},r.a.createElement(y.a,null)),t="";return f.a.show_payment_save_card&&(t=r.a.createElement("div",{className:"-container"},r.a.createElement("input",{type:"checkbox",name:"save_card",value:this.state.save_card,defaultChecked:this.state.save_card,className:"payment-checkbox-card "+(this.state.fields_validity.save_card?"valid":"invalid"),id:"save_card",onChange:e=>this.inputChangedHandler(e,"save_card")}),r.a.createElement("span",{className:"checkbox-label"},u.a.keys["scr_3.6_A_input_confirmation_label"]))),this.state.loading||(e=r.a.createElement("div",{className:"credit-card-field-section"},r.a.createElement("div",{className:"field-container"},r.a.createElement("label",null,u.a.keys["scr_3.6_A_input_card_number_label"]),r.a.createElement(K.a,{mask:f.a.cc_mask,className:"form-txt "+(this.state.fields_validity.card_number?"valid":"invalid")+(this.state.card_number?" filled":""),placeholderChar:"x",placeholder:u.a.keys["scr_3.6_A_card_number"],autoComplete:"off",type:"tel",require:"true",name:"card_number",ref:"card_number",id:"card_number",value:this.state.card_number,onChange:e=>this.inputChangedHandler(e,"card_number"),onBlur:e=>this.checkValidity("card_number",!0)}),this.state.fields_messages.card_number?r.a.createElement("div",{className:"error"},r.a.createElement("small",null,u.a.keys["error_cc_"+this.state.fields_messages.card_number])):""),r.a.createElement("div",{className:"field-container"},r.a.createElement("label",{className:"form-lbl"},u.a.keys["scr_3.6_A_input_card_holder_label"]),r.a.createElement("input",{autoComplete:"off",className:"form-txt "+(this.state.card_holder_name?" filled":"")+(this.state.fields_validity.card_holder_name?"valid":"invalid"),type:"text",placeholder:u.a.keys["scr_3.6_A_card_holder"],name:"card_holder_name",ref:"card_holder_name",id:"card_holder_name",require:"true",value:this.state.card_holder_name,onChange:e=>this.inputChangedHandler(e,"card_holder_name"),onKeyUp:e=>{"Enter"===e.key&&this.state.fields_validity.card_holder_name&&this.focusNextOf("card_holder_name")},onBlur:e=>{this.checkValidity("card_holder_name",!0)}}),this.state.fields_messages.card_holder_name?r.a.createElement("div",{className:"error"},r.a.createElement("small",null,u.a.keys["error_cc_"+this.state.fields_messages.card_holder_name])):""),r.a.createElement("div",{className:"storefront-two-fields"},r.a.createElement("div",{className:"field-container"},r.a.createElement("label",{className:"form-lbl"},u.a.keys["scr_3.6_A_input_expiry_date_label"]),r.a.createElement("input",{className:"form-txt "+(this.state.fields_validity.expiry_date_for_form?"valid":"invalid")+(this.state.expiry_date_for_form?" filled":""),autoComplete:"off",type:"tel",require:"true",name:"expiry_date_for_form",ref:"expiry_date_for_form",id:"expiry_date_for_form",placeholder:u.a.keys["scr_3.6_A_expiry_date"],value:this.state.expiry_date_for_form,maxLength:"5",onChange:e=>this.inputChangedHandler(e,"expiry_date_for_form"),onBlur:e=>{this.checkValidity("expiry_date_for_form",!0)}}),this.state.fields_messages.expiry_date_for_form?r.a.createElement("div",{className:"error"},r.a.createElement("small",null,u.a.keys["error_cc_"+this.state.fields_messages.expiry_date_for_form])):""),r.a.createElement("div",{className:"field-container cvv"},r.a.createElement("label",{className:"form-lbl"},u.a.keys["scr_3.6_A_input_cvc_label"]),r.a.createElement("input",{className:"form-txt "+(this.state.fields_validity.card_security_code?"valid":"invalid")+(this.state.card_security_code?" filled":""),autoComplete:"off",type:"number",placeholder:u.a.keys["scr_3.6_A_cvv"],ref:"card_security_code",require:"true",name:"card_security_code",id:"card_security_code",value:this.state.card_security_code,onChange:e=>this.inputChangedHandler(e,"card_security_code"),onBlur:e=>{this.checkValidity("card_security_code",!0)}}

1),this.state.fields_messages.card_security_code?r.a.createElement("div",{className:"error"},r.a.createElement("small",null,u.a.keys["error_cc_"+this.state.fields_messages.card_security_code])):"")),t,r.a.createElement("div",{className:"field-container"},r.a.createElement("button",{className:" payment-button btn btn-primar button "+(this.state.form_valid?"valid":""),disabled:!this.state.form_valid,onClick:()=>{d.a.button_clicked("scr_3.6_A_action_btn"),this.submit()}},u.a.keys["scr_3.6_A_action_btn"])))),r.a.createElement(r.a.Fragment,null,e,r.a.createElement("div",{id:"iframe_wrapper"},r.a.createElement("iframe",{id:"payfort",title:"payfort",name:"payfort",frameBorder:"0",style:{width:0,height:0}})),r.a.createElement("div",{className:"download-link-wrapper"},r.a.createElement("p",null,u.a.keys.stf_app_download_prompt),r.a.createElement(J.default,{classes:"download-app-container-btns-area",google_play_link:f.a.google_play_link,app_store_link:f.a.app_store_link,huawei_store_link:f.a.huawei_store_link})))}}var q=e=>(Object(n.useEffect)(()=>{H.a.updateFlowStatus("choose_pay_later",!0).then(()=>{H.a.fetchFlowStatus()}).catch(()=>{})},[]),r.a.createElement("div",{className:"translation-loading-spinner"},r.a.createElement(y.a,null))),z=a(139),G=a(75);var Q=e=>{const[t,a]=Object(n.useState)(null);let l=null;const[s,c]=Object(n.useState)(!0),p=n=>{if(t&&n)a(null);else{if(!n&&t)return;e.closePayment(),o.a.clear("terms_confirmed")}};return Object(n.useEffect)(()=>{o.a.get_obsrv("summaryLoaded").subscribe(e=>{e&&c(!1)})},[]),e.status&&(t?t===g.a.PAYMENT_METHOD_LATER?(o.a.set("selected_payment_method",g.a.PAYMENT_METHOD_LATER,!0),l=r.a.createElement(q,{closePayment:e=>p(e)})):t===g.a.PAYMENT_METHOD_VISA?(o.a.set("selected_payment_method",g.a.PAYMENT_METHOD_VISA,!0),l=r.a.createElement(P,{closePayment:e=>p(e)})):t===g.a.PAYMENT_METHOD_APPLE?(o.a.set("selected_payment_method",g.a.PAYMENT_METHOD_APPLE,!0),l=r.a.createElement(L,{closePayment:e=>p(e)})):t===g.a.PAYMENT_METHOD_TAP?(o.a.set("selected_payment_method",g.a.PAYMENT_METHOD_TAP,!0),l=r.a.createElement(P,{closePayment:e=>p(e)})):t===g.a.PAYMENT_METHOD_CARD?(o.a.set("selected_payment_method",g.a.PAYMENT_METHOD_CARD,!0),l=r.a.createElement(U,{closePayment:e=>p(e)})):t===g.a.PAYMENT_METHOD_KNET?(o.a.set("selected_payment_method",g.a.PAYMENT_METHOD_KNET,!0),l=r.a.createElement(m,{closePayment:e=>p(e)})):l=null:l=r.a.createElement(F,{setOpenPaymentType:a}),null!==t&&d.a.commonFunction({event_category:"onboarding_payment",event_screen:"payment_summary",interaction_type:"click",event_label:"pay_using",payment_method:t||""})),r.a.createElement(r.a.Fragment,null,r.a.createElement("div",{className:"stf-payment-screen-container"},r.a.createElement("div",{className:"payment-title-container"},r.a.createElement(B.a,{title:u.a.keys.stf_pay_for_your_stuff,desc:u.a.keys.stf_pay_in_order_to_activate})),r.a.createElement("div",{className:"stf-onboarding-payment-summary"},i.a.isSmallDevice()?r.a.createElement(G.a,null):""),s?r.a.createElement(I.a,null):r.a.createElement(r.a.Fragment,null,l,r.a.createElement("div",{className:"common-payment-logo-onboarding"},r.a.createElement(z.a,null)))))};t.default=e=>{const[t,a]=Object(n.useState)(!0);return r.a.createElement("div",{className:"storefront-two-col-pg"},r.a.createElement(Q,{status:t,closePayment:()=>a(!1)}),i.a.isSmallDevice()?"":r.a.createElement(G.a,null))}}}]);
2//# sourceMappingURL=4.42a755cf.chunk.js.map