https://connecttofit.com/static/js/22.b73bd69b.chunk.js

1(this.webpackJsonpwebsite=this.webpackJsonpwebsite||[]).push([[22],{1088:function(e,t,a){"use strict";a.r(t);var s=a(0),n=a.n(s),i=(a(82),a(15)),c=a(22),l=(a(102),a(38)),r=a(24),o=a(522),p=a(520),m=a(138),d=a.n(m),u=a(531),h=a(42),b=a(14),g=a(11),E=(a(21),a(540));class w extends s.Component{constructor(){super(...arguments),this.state={loading:!0,checkoutId:"",waitingPopup:!1},this.componentDidMount=async()=>{const{match:{params:e}}=this.props;this.props.getClassApi(e.id),await this.props.checkClassAvailability(e.id)?this.getCheckoutDetails(e):this.toggleWaitingListPopup()},this.getCheckoutDetails=async()=>{const{match:{params:e}}=this.props;let t=await this.props.bookClassApi(e.id);if(t)switch(t.status){case 400:g.toastr.error(this.props.t(t.data.error)),b.history.push("/userinfo");break;case 200:this.setState({checkoutId:t.data.data.id,loading:!1});break;case 201:case 202:g.toastr.success(this.props.t(t.data.message)),b.history.push("/userinfo")}},this.toggleWaitingListPopup=()=>{this.setState({waitingPopup:!this.state.waitingPopup})},this.renderPaymentform=()=>{const e=document.createElement("script");e.innerHTML=`\n      var wpwlOptions = {\n        style: "card",\n        locale:'${this.props.language}',\n        paymentTarget: "_top",\n        registrations: { requireCvv: true, hideInitialPaymentForms: true },\n        maskCvv: true\n      };\n      `,document.body.appendChild(e);const t=document.createElement("script");t.src="https://oppwa.com/v1/paymentWidgets.js?checkoutId="+this.state.checkoutId,t.async=!0,document.body.appendChild(t);let a=document.getElementById("cardDisplay");const s=document.createElement("form");s.action="https://www.connecttofit.com/result",s.setAttribute("class","paymentWidgets"),s.setAttribute("data-brands","VISA MASTER"),a.appendChild(s)},this.componentWillUnmount=()=>{if(void 0!==window.wpwl&&void 0!==window.wpwl.unload){window.wpwl.unload();let e=document.getElementsByTagName("SCRIPT");for(let t=0;t<e.length;t++)-1!==e[t].src.indexOf("static.min.js")||-1!==e[t].src.indexOf("paymentWidgets.js")?e[t].remove():e[t].src||e[t].remove()}}}render(){return n.a.createElement(n.a.Fragment,null,n.a.createElement("div",{className:"account-info ctf-bg-sixth admin-card-block "},n.a.createElement("div",{className:"custom-container"},n.a.createElement("div",{className:"section"},n.a.createElement(l.a,{className:"justify-content-center"},n.a.createElement(r.a,{md:12,lg:12,xl:9},n.a.createElement("div",{className:"bg-white card-panel"},n.a.createElement("div",{className:"basic-info"},n.a.createElement("div",{className:"info-title with-border"},n.a.createElement(u.a,{title:this.props.t("class_info"),titlestyle:"",subtitlestyle:"ctf-tx-secondary",subtitle:""})),n.a.createElement("div",{className:"info-wrapper border-bottom-1 blk-padding-y"},n.a.createElement("div",{className:"info"},n.a.createElement(l.a,null,n.a.createElement(r.a,{md:4},n.a.createElement("div",{className:"input-remain-content"},n.a.createElement("p",{className:"ctf-tx-secondary"},this.props.t("name")),n.a.createElement("h3",{className:"input-title"}," ",this.props.classData.name?this.props.classData.name:"Not Available"))),n.a.createElement(r.a,{md:8},n.a.createElement("div",{className:"input-remain-content"},n.a.createElement("p",{className:"ctf-tx-secondary"},this.props.t("price")),n.a.createElement("h3",{className:"input-title"},this.props.classData.price?this.props.classData.price+" JOD":"Not Available"))),n.a.createElement(r.a,{md:4},n.a.createElement("div",{className:"input-remain-content"},n.a.createElement("p",{className:"ctf-tx-secondary"},this.props.t("start_time")),n.a.createElement("h3",{className:"input-title"},this.props.classData.startDate?d()(Object(E.a)(this.props.classData.startDate,this.props.classData.from).date).format("MMM DD YYYY "+Object(E.a)(this.props.classData.startDate,this.props.classData.from).time):"Not Available")))))),n.a.createElement("div",{className:"action-wrapper blk-padding-y"},n.a.createElement("div",{className:"action-inner-block"},n.a.createElement("div",{className:"action-btn-block",id:"cardDisplay"},!this.state.loading&&this.renderPaymentform(),this.state.loading&&n.a.createElement("h1",null,this.props.t("please_wait")+"..."))))))))))),n.a.createElement(o.a,{isOpen:this.state.waitingPopup,

1centered:!0,className:"medium delete-pop",size:"md"},n.a.createElement(p.a,{className:"p-0 login-register-main-block"},n.a.createElement("div",{className:"modal-body-content p-0"},n.a.createElement("div",{className:"position-relative p-3 "},n.a.createElement("div",{className:"content"},n.a.createElement("div",{className:"delete-title"},n.a.createElement("h2",{className:""},this.props.t("toast_book_class_title"))),n.a.createElement("div",{className:"pb-0 pb-md-4"},n.a.createElement(l.a,{className:"justify-content-center"},n.a.createElement(r.a,{sm:12},n.a.createElement("p",null,this.props.t("waiting_class_popup")))))),n.a.createElement("div",{className:"action-btn-block py-3"},n.a.createElement("button",{type:"button",value:"",className:" btn btn-small btn-transparent",onClick:()=>{b.history.goBack()}},this.props.t("cancel")),n.a.createElement("button",{type:"button",value:"",className:" btn btn-small",onClick:()=>{this.getCheckoutDetails()}},this.props.t("proceed"))))))))}}t.default=Object(c.connect)(e=>{const{language:t,direction:a}=e.languageDirectionData,{classData:s}=e.classData;return{language:t,direction:a,classData:s}},{bookClassApi:i.c,getClassApi:i.p,checkClassAvailability:i.i})(Object(h.b)()(w))},531:function(e,t,a){"use strict";var s=a(0),n=a.n(s),i=a(22);class c extends s.Component{render(){return n.a.createElement("div",{className:""},n.a.createElement("h4",{className:"mb-0 f-500 text-capitalize "+this.props.titlestyle},this.props.title," ",n.a.createElement("span",{className:"h5 "+this.props.subtitlestyle},this.props.subtitle)))}}t.a=Object(i.connect)(e=>({}),{})(c)},540:function(e,t,a){"use strict";a.d(t,"a",(function(){return i}));var s=a(138),n=a.n(s);const i=(e,t)=>{let a=n()(e).format("MM/DD/YYYY"),s=new Date(`${a} ${t} UTC`).getHours(),i=new Date(`${a} ${t} UTC`).getMinutes(),c=new Date(`${a} ${t} UTC`).getDate(),l=new Date(`${a} ${t} UTC`).getMonth(),r=new Date(`${a} ${t} UTC`).getFullYear();return{date:new Date(`${l+1}/${c}/${r} UTC`).getTime(),time:`${s>9?s:"0"+s}:${i>9?i:"0"+i}:00`,newDate:new Date(`${l+1}/${c}/${r} UTC`)}}}}]);
2//# sourceMappingURL=22.b73bd69b.chunk.js.map