22

✏️ Editing: authorizenet_accept_handler.js

(()=>{function e(t){return e="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},e(t)}function t(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function n(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,r(i.key),i)}}function i(e,t,i){return t&&n(e.prototype,t),i&&n(e,i),Object.defineProperty(e,"prototype",{writable:!1}),e}function r(t){var n=function(t,n){if("object"!=e(t)||!t)return t;var i=t[Symbol.toPrimitive];if(void 0!==i){var r=i.call(t,n||"default");if("object"!=e(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(t,"string");return"symbol"==e(n)?n:n+""}var o=function(){return i(function e(n,i){t(this,e);var r=i.settings.id;this.$form=n,this.formInstance=i,this.formId=r},[{key:"init",value:function(){var e=this;this.$form.on("fluentform_next_action_authorizenet",function(t,n){var i=n.response;e.$form.parent().find(".ff_authorizenet_text").remove(),jQuery("<div/>",{id:"form_success",class:"ff-message-success ff_authorizenet_text"}).html(i.data.message).insertAfter(e.$form),"initAuthorizeNetModal"===i.data.actionName?e.initAuthorizeNetModal(i.data):console.error("No method found")})}},{key:"initAuthorizeNetModal",value:function(e){var t=this,n=e.modal_data;!function e(){"undefined"!=typeof Accept?new s(n,t):setTimeout(e,100)}()}}])}(),s=function(){return i(function e(n,i){t(this,e),this.config=n,this.handler=i,this.paymentForm=null,this.errorDiv=null,this.submitButton=null,this.isProcessing=!1,this.init()},[{key:"init",value:function(){this.createPaymentForm(),this.showLityModal()}},{key:"addLityStyles",value:function(){if(!document.getElementById("ff-authorizenet-lity-styles")){var e='<style id="ff-authorizenet-lity-styles">'.concat(this.config.modal_styles,"</style>");document.head.insertAdjacentHTML("beforeend",e)}}},{key:"createPaymentForm",value:function(){this.addLityStyles();var e="ff_authorizenet_payment_form_"+this.config.submission_id,t='\n            <div class="ff-authorizenet-payment-form">\n                <div class="ff-authorizenet-form-header">\n                    <h3>'.concat(this.config.i18n.payment_details,"</h3>\n                    <p>").concat(this.config.i18n.provide_card_details,'</p>\n                    <div class="ff-authorizenet-amount">Amount: ').concat(this.config.currency_symbol).concat(this.config.formatted_amount,'</div>\n                </div>\n                <form id="').concat(e,'">\n                    <div class="ff-authorizenet-form-group">\n                        <label for="ff_authorizenet_card_number">').concat(this.config.i18n.card_number,'</label>\n                        <input type="text" id="ff_authorizenet_card_number" name="cardNumber" placeholder="1234 1234 1234 1234" autocomplete="cc-number" required>\n                    </div>\n                    <div class="ff-authorizenet-form-row">\n                        <div class="ff-authorizenet-form-group">\n                            <label for="ff_authorizenet_card_expiry">').concat(this.config.i18n.expiration,'</label>\n                            <input type="text" id="ff_authorizenet_card_expiry" name="cardExpiry" placeholder="MM/YY" autocomplete="cc-exp" required>\n                        </div>\n                        <div class="ff-authorizenet-form-group">\n                            <label for="ff_authorizenet_card_cvc">').concat(this.config.i18n.cvc,'</label>\n                            <input type="text" id="ff_authorizenet_card_cvc" name="cardCode" placeholder="123" autocomplete="cc-csc" required>\n                        </div>\n                    </div>\n                    <div id="ff_authorizenet_payment_errors" class="ff-authorizenet-payment-errors" style="display: none;"></div>\n                    <button type="submit" id="ff_authorizenet_submit_button" class="ff-authorizenet-btn">\n                        <span class="ff-authorizenet-btn-text">').concat(this.config.i18n.submit,'</span>\n                        <span class="ff-authorizenet-btn-spinner" style="display: none;">Processing...</span>\n                    </button>\n                </form>\n            </div>\n        ');this.formHtml=t,this.formId=e}},{key:"showLityModal",value:function(){var e=this;"function"==typeof window.lity?(this.lityInstance=window.lity(this.formHtml),setTimeout(function(){document.getElementById(e.formId)&&e.setupFormElements()},100)):console.error("Lity is not loaded. Please ensure Lity library is enqueued.")}},{key:"setupFormElements",value:function(){if(this.paymentForm=document.getElementById(this.formId),this.errorDiv=document.getElementById("ff_authorizenet_payment_errors"),this.submitButton=document.getElementById("ff_authorizenet_submit_button"),this.paymentForm)if(this.errorDiv)if(this.submitButton){this.bindEvents();var e=this.paymentForm.querySelector("input");e&&e.focus()}else console.error("Submit button not found");else console.error("Error div not found");else console.error("Payment form not found:",this.formId)}},{key:"bindEvents",value:function(){var e=this;this.paymentForm.addEventListener("submit",function(t){t.preventDefault(),e.processPayment()}),document.getElementById("ff_authorizenet_card_number").addEventListener("input",function(e){for(var t=e.target.value.replace(/\s+/g,"").replace(/[^0-9]/gi,""),n="",i=0;i<t.length;i++)i>0&&i%4==0&&(n+=" "),n+=t[i];e.target.value=n}),document.getElementById("ff_authorizenet_card_expiry").addEventListener("input",function(e){var t=e.target.value.replace(/\s+/g,"").replace(/[^0-9]/gi,"");t.length>2&&(t=t.substring(0,2)+"/"+t.substring(2,4)),e.target.value=t}),document.getElementById("ff_authorizenet_card_cvc").addEventListener("input",function(e){e.target.value=e.target.value.replace(/[^0-9]/gi,"").substring(0,4)})}},{key:"hideModal",value:function(){this.lityInstance&&this.lityInstance.close(),this.handler&&this.handler.$form&&(this.handler.$form.parent().find(".ff_authorizenet_text").remove(),this.handler.$form.parent().find(".ff-message-success").remove(),this.handler.$form.parent().find(".ff-message-error").remove(),this.handler.$form.parent().find(".ff_msg_temp").remove())}},{key:"setButtonLoading",value:function(e){if(this.submitButton){var t=this.submitButton.querySelector(".ff-authorizenet-btn-text"),n=this.submitButton.querySelector(".ff-authorizenet-btn-spinner");e?(this.submitButton.disabled=!0,t&&(t.style.display="none"),n&&(n.style.display="block")):(this.submitButton.disabled=!1,t&&(t.style.display="block"),n&&(n.style.display="none"))}else console.error("Submit button not found")}},{key:"showError",value:function(e){this.errorDiv.textContent=e,this.errorDiv.style.display="block",this.submitButton.disabled=!1,this.submitButton.textContent=this.config.i18n.submit}},{key:"hideError",value:function(){this.errorDiv&&(this.errorDiv.style.display="none")}},{key:"processPayment",value:function(){var e=this;if(!this.isProcessing){this.isProcessing=!0,this.setButtonLoading(!0),this.hideError();var t=document.getElementById("ff_authorizenet_card_number"),n=document.getElementById("ff_authorizenet_card_expiry"),i=document.getElementById("ff_authorizenet_card_cvc");if(!t||!n||!i)return this.showError("Form elements not found. Please try again."),void(this.isProcessing=!1);var r=t.value.replace(/\s+/g,""),o=n.value,s=i.value,a=o.split("/");if(2===a.length){var u=a[0].trim(),f=a[1].trim();if(2===f.length&&(f="20"+f),!r||r.length<13||r.length>19)return this.isProcessing=!1,void this.showError("Please enter a valid card number");if(!u||u<1||u>12)return this.isProcessing=!1,void this.showError("Please enter a valid expiration month");if(!f||f.length<2)return this.isProcessing=!1,void this.showError("Please enter a valid expiration year");if(!s||s.length<3||s.length>4)return this.isProcessing=!1,void this.showError("Please enter a valid CVC");if(!this.config.public_client_key||!this.config.api_login_id)return this.isProcessing=!1,void this.showError("Payment configuration error. Please contact support.");var l={cardData:{cardNumber:r,month:u,year:f,cardCode:s},authData:{clientKey:this.config.public_client_key,apiLoginID:this.config.api_login_id}};"undefined"!=typeof Accept?Accept.dispatchData(l,function(t){if(t&&t.messages&&"Error"===t.messages.resultCode){var n="";if(t.messages.message&&t.messages.message.length>0)for(var i=0;i<t.messages.message.length;i++)n+=t.messages.message[i].text+" ";else n="Payment processing failed. Please try again.";e.processFailedPayment(n.trim())}else t&&t.opaqueData?e.processAuthorizeNetPayment(t.opaqueData):e.processFailedPayment("Invalid response from payment processor. Please try again.")}):(this.showError("Accept.js library not loaded. Please try again."),this.isProcessing=!1)}else this.showError("Invalid expiration date format. Please use MM/YY")}}},{key:"processFailedPayment",value:function(e){console.log("processFailedPayment called with error:",e),this.isProcessing=!1,this.showError(e)}},{key:"processAuthorizeNetPayment",value:function(e){try{if(this.hideModal(),!this.handler)return void console.error("Handler not found");if(!this.handler.$form)return void console.error("Handler.$form not found")}catch(e){return void console.error("Error in processAuthorizeNetPayment:",e)}if("undefined"!=typeof jQuery){this.handler.$form.parent().find(".ff_authorizenet_text").remove(),jQuery("<div/>",{id:this.handler.formId+"_success",class:"ff-message-success ff_msg_temp ff_authorizenet_text"}).html("Confirming Payment, Please wait...").insertAfter(this.handler.$form),this.handler.formInstance.showFormSubmissionProgress(this.handler.$form);var t={action:"fluentform_authorizenet_process_payment",form_id:this.handler.formId,submission_id:this.config.submission_id,transaction_hash:this.config.transaction_hash,opaque_data_descriptor:e.dataDescriptor,opaque_data_value:e.dataValue};try{this.handler.formInstance.sendData(this.handler.$form,t)}catch(e){console.error("Error calling sendData:",e)}}else console.error("jQuery not available")}}])}();function a(e){e.each(e("form.fluentform_has_payment"),function(){var t=e(this);function n(e,n){new o(t,n).init()}t.off("fluentform_init_single","",n),t.on("fluentform_init_single",n),e(document).on("lity:close",function(e){var n=t.parent().find(".ff_authorizenet_text");n.length&&n.remove()})})}a(jQuery),jQuery(document).ready(function(e){a(e)})})();

MR SKB