| @@ -8,17 +8,17 @@ | ||
| 8 | 8 | */ |
| 9 | 9 | /******/ (() => { // webpackBootstrap |
| 10 | 10 | /******/ var __webpack_modules__ = ({ |
| 11 | 11 | |
| 12 | -/***/ "./src/js/common.js": | |
| 12 | +/***/ "./src/js/common.js" | |
| 13 | 13 | /*!**************************!*\ |
| 14 | 14 | !*** ./src/js/common.js ***! |
| 15 | 15 | \**************************/ |
| 16 | -/***/ (() => { | |
| 16 | +() { | |
| 17 | 17 | |
| 18 | -eval(";\n(function ($) {\n $(document).on('change', '.better-payment .payment-form-layout-3 .payment-method-checkbox input', function () {\n if (this.checked) {\n $('.better-payment .payment-form-layout-3 .payment-method-checkbox').removeClass('active');\n $(this).parent().addClass(\"active\");\n $('.better-payment .payment-form-layout-3 .payment-method-checkbox input').removeAttr('checked');\n $(this).attr('checked', true);\n let paypalBtnClassName = 'better-payment-paypal-bt';\n let stripeBtnClassName = 'better-payment-stripe-bt';\n let paystackBtnClassName = 'better-payment-paystack-bt';\n let targetButtonClassName = $(this).hasClass('layout-payment-method-paypal') ? paypalBtnClassName : stripeBtnClassName;\n targetButtonClassName = $(this).hasClass('layout-payment-method-paystack') ? paystackBtnClassName : targetButtonClassName;\n $('.better-payment .' + paypalBtnClassName + ', .better-payment .' + stripeBtnClassName + ', .better-payment .' + paystackBtnClassName).addClass('is-hidden');\n $('.better-payment .' + targetButtonClassName).removeClass('is-hidden');\n }\n });\n $(document).on('change', '.better-payment .payment-form-layout-1 .payment-method-checkbox input, .better-payment .payment-form-layout-2 .payment-method-checkbox input', function (e) {\n if (this.checked) {\n let paypalBtnClassName = 'better-payment-paypal-bt';\n let stripeBtnClassName = 'better-payment-stripe-bt';\n let paystackBtnClassName = 'better-payment-paystack-bt';\n let targetButtonClassName = $(this).hasClass('layout-payment-method-paypal') ? paypalBtnClassName : stripeBtnClassName;\n targetButtonClassName = $(this).hasClass('layout-payment-method-paystack') ? paystackBtnClassName : targetButtonClassName;\n $('.better-payment .' + paypalBtnClassName + ', .better-payment .' + stripeBtnClassName + ', .better-payment .' + paystackBtnClassName).addClass('is-hidden');\n $('.better-payment .' + targetButtonClassName).removeClass('is-hidden');\n }\n });\n $(document).on(\"click\", \".better-payment .bp-modal-button\", function (e) {\n e.preventDefault();\n let $this = $(this);\n let modalWrap = $this.attr(\"data-targetwrap\");\n let modalSelector = \".\" + modalWrap + \" .modal\";\n $(modalSelector).addClass(\"is-active\");\n });\n $(document).on(\"click\", \".better-payment .modal-background, .better-payment .modal-close, .better-payment .delete, .better-payment .bp-modal .cancel-button\", function (e) {\n e.preventDefault();\n let $this = $(this);\n let modalSelector = $this.closest(\".bp-modal .modal\");\n $(modalSelector).removeClass(\"is-active\");\n });\n})(jQuery);\n\n//# sourceURL=webpack://better-payment/./src/js/common.js?"); | |
| 18 | +eval("{(function ($) {\n $(document).on('change', '.better-payment .payment-form-layout-3 .payment-method-checkbox input', function () {\n if (this.checked) {\n $('.better-payment .payment-form-layout-3 .payment-method-checkbox').removeClass('active');\n $(this).parent().addClass('active');\n $('.better-payment .payment-form-layout-3 .payment-method-checkbox input').removeAttr('checked');\n $(this).attr('checked', true);\n let paypalBtnClassName = 'better-payment-paypal-bt';\n let stripeBtnClassName = 'better-payment-stripe-bt';\n let paystackBtnClassName = 'better-payment-paystack-bt';\n let targetButtonClassName = $(this).hasClass('layout-payment-method-paypal') ? paypalBtnClassName : stripeBtnClassName;\n targetButtonClassName = $(this).hasClass('layout-payment-method-paystack') ? paystackBtnClassName : targetButtonClassName;\n $('.better-payment .' + paypalBtnClassName + ', .better-payment .' + stripeBtnClassName + ', .better-payment .' + paystackBtnClassName).addClass('is-hidden');\n $('.better-payment .' + targetButtonClassName).removeClass('is-hidden');\n }\n });\n $(document).on('change', '.better-payment .payment-form-layout-1 .payment-method-checkbox input, .better-payment .payment-form-layout-2 .payment-method-checkbox input, .better-payment .payment-method-item input', function (e) {\n if (this.checked) {\n let paypalBtnClassName = 'better-payment-paypal-bt';\n let stripeBtnClassName = 'better-payment-stripe-bt';\n let paystackBtnClassName = 'better-payment-paystack-bt';\n let targetButtonClassName = $(this).hasClass('layout-payment-method-paypal') ? paypalBtnClassName : stripeBtnClassName;\n targetButtonClassName = $(this).hasClass('layout-payment-method-paystack') ? paystackBtnClassName : targetButtonClassName;\n $('.better-payment .' + paypalBtnClassName + ', .better-payment .' + stripeBtnClassName + ', .better-payment .' + paystackBtnClassName).addClass('is-hidden');\n $('.better-payment .' + targetButtonClassName).removeClass('is-hidden');\n }\n });\n $(document).on('click', '.better-payment .user-dashboard-sidebar .bp--sidebar-nav', function (e) {\n e.preventDefault();\n let $this = $(this);\n let tabCommonSelector = '.better-payment .user-dashboard-sidebar .bp--sidebar-nav';\n let tabContentCommonSelector = '.better-payment .bp--tab-conetnt-wrapper';\n let tabName = $this.data('tab');\n $(tabCommonSelector).removeClass('active');\n $(tabContentCommonSelector).addClass('d-none').fadeOut();\n $this.addClass('active');\n $(`.better-payment .${tabName}-tab-wrapper`).fadeIn(500).removeClass('d-none');\n\n // Hide sidebar on mobile\n if (window.innerWidth < 768) {\n if ($(e.target).closest('.bp--sidebar-nav-list').length) {\n hideDashboardSidebar();\n }\n }\n });\n $('.better-payment .bp-dashboard-hamburger').on('click', function (e) {\n $('.better-payment-user-dashboard-sidebar').fadeIn(500);\n $('.better-payment .bp-overlay').fadeIn(500);\n });\n $('.better-payment .bp-overlay').on('click', function (e) {\n // Overlay click\n if (e.target !== '.better-payment-user-dashboard-sidebar') {\n hideDashboardSidebar();\n }\n });\n function hideDashboardSidebar() {\n $('.better-payment-user-dashboard-sidebar').fadeOut(500);\n $('.better-payment .bp-overlay').fadeOut();\n }\n function copyDataFunction() {\n const $transactionIDElement = $('.bp-transaction_id');\n const $copyButton = $('.bp-transaction_data-copy_btn');\n if ($transactionIDElement.length) {\n const transactionID = $.trim($transactionIDElement.text());\n navigator.clipboard.writeText(transactionID);\n $copyButton.css('stroke', '#6B59EE');\n\n // Dynamically add or update tooltip message using jQuery\n const styleId = 'copy-tooltip-style';\n let $styleTag = $('#' + styleId);\n if (!$styleTag.length) {\n $styleTag = $('<style>', {\n id: styleId\n }).appendTo('head');\n }\n\n // Clear previous rules if needed\n $styleTag.html(`\n .bp-transaction_data-copy_btn::after {\n content: 'Copied!';\n right: -23px;\n }\n `);\n $copyButton.addClass('copied-text');\n setTimeout(() => {\n $copyButton.removeClass('copied-text');\n }, 3000);\n }\n }\n\n // jQuery event delegation for dynamically bound elements\n $(document).on('click', '.bp-transaction_data-copy_btn', function () {\n copyDataFunction();\n });\n function printElementByClass(className) {\n // Get the first element with the class\n const element = document.querySelector('.' + className);\n if (!element) return;\n\n // Create iframeElement\n const iframeElement = document.createElement('iframe');\n iframeElement.style.display = 'none';\n document.body.appendChild(iframeElement);\n\n // Get styles from parent document\n const styles = Array.from(document.styleSheets).map(styleSheet => {\n try {\n return Array.from(styleSheet.cssRules).map(rule => rule.cssText).join('\\n');\n } catch (e) {\n // Cross-origin stylesheet - can't access rules\n return '';\n }\n }).filter(Boolean).join('\\n');\n\n // Write to iframeElement document\n const doc = iframeElement.contentDocument || iframeElement.contentWindow.document;\n doc.write(`\n <html>\n <head>\n <title>${document.title}</title>\n <style>${styles}</style>\n </head>\n <body>\n ${element.outerHTML}\n </body>\n </html>\n `);\n doc.close();\n\n // Print and remove iframeElement\n iframeElement.contentWindow.focus();\n setTimeout(() => {\n iframeElement.contentWindow.print();\n setTimeout(() => document.body.removeChild(iframeElement), 1000);\n }, 300);\n }\n $(document).on('click', '.bp-print_btn', function () {\n printElementByClass('bp-thank_page');\n });\n})(jQuery);\n\n//# sourceURL=webpack://better-payment/./src/js/common.js?\n}"); | |
| 19 | 19 | |
| 20 | -/***/ }) | |
| 20 | +/***/ } | |
| 21 | 21 | |
| 22 | 22 | /******/ }); |
| 23 | 23 | /************************************************************************/ |
| 24 | 24 | /******/ |
