diff --git a/.editorconfig b/.editorconfig index de5937443..114eba09e 100644 --- a/.editorconfig +++ b/.editorconfig @@ -11,18 +11,11 @@ charset = utf-8 end_of_line = lf insert_final_newline = true trim_trailing_whitespace = true -indent_style = tab - -[{*.yml,*.neon,*.js}] -indent_style = space -indent_size = 2 - -[{composer.json,composer.lock,package.json}] indent_style = space indent_size = 4 +[{*.yml,*.neon,*.js,*.css}] +indent_size = 2 + [*.md] trim_trailing_whitespace = false - -[readme.txt] -indent_style = space diff --git a/.gitignore b/.gitignore index 66df44fed..0bb3ce6fc 100644 --- a/.gitignore +++ b/.gitignore @@ -1,8 +1,12 @@ -node_modules .DS_Store -.vscode/settings.json -.idea -.idea/ +.phpunit.result.cache + +clover.xml +coverage + +/.idea/ +/.vscode/ /vendor/ +/node_modules/ + woocommerce-mercadopago.zip -.devcontainer/devcontainer.json \ No newline at end of file diff --git a/.jshintignore b/.jshintignore index afe271a64..9837d7bb4 100644 --- a/.jshintignore +++ b/.jshintignore @@ -1,3 +1,3 @@ -node_modules vendor -**/*.min.js \ No newline at end of file +node_modules +**/*.min.js diff --git a/.jshintrc b/.jshintrc index 66d45f83a..00adfad3e 100644 --- a/.jshintrc +++ b/.jshintrc @@ -1,5 +1,5 @@ { - "boss": true, + "boss": true, "curly": true, "eqeqeq": true, "eqnull": true, @@ -11,7 +11,7 @@ "trailing": true, "undef": true, "unused": true, - "esversion": 6, + "esversion": 11, "browser": true, "globals": { "_": false, @@ -22,4 +22,4 @@ "console": false, "module": false } -} \ No newline at end of file +} diff --git a/.pre-commit-config.yaml b/.pre-commit-config.yaml index 591d4aede..cd6692ab9 100644 --- a/.pre-commit-config.yaml +++ b/.pre-commit-config.yaml @@ -1,6 +1,6 @@ repos: # Websec hook is MANDATORY, DO NOT comment it. - - repo: https://github.com/mercadolibre/fury_websec-git-hooks + - repo: https://github.com/melisource/fury_websec-git-hooks rev: v1.0.5 hooks: - id: pre_commit_hook diff --git a/.prettierrc b/.prettierrc new file mode 100644 index 000000000..9eb95783f --- /dev/null +++ b/.prettierrc @@ -0,0 +1,19 @@ +{ + "arrowParens": "always", + "bracketSpacing": true, + "endOfLine": "lf", + "htmlWhitespaceSensitivity": "ignore", + "insertPragma": false, + "jsxSingleQuote": false, + "printWidth": 120, + "proseWrap": "always", + "quoteProps": "as-needed", + "requirePragma": false, + "semi": true, + "singleQuote": true, + "tabWidth": 2, + "trailingComma": "all", + "useTabs": false, + "vueIndentScriptAndStyle": false, + "embeddedLanguageFormatting": "off" +} diff --git a/CHANGELOG.md b/CHANGELOG.md index b427436f9..0ec7bab63 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -5,13 +5,147 @@ All notable changes to this project will be documented in this file. The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/), and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html). -## [6.9.3] - 2023-08-10 +## [7.3.5] - 2024-04-17 +### Fixed: +- Checked field on checkout now validated. +- Rollback SDK dependency. + +## [7.3.4] - 2024-04-15 +### Fixed: +- Thankyou page redirect for PIX and Ticket Payments working again. +- Prevents type error on checkout screen due to amount values. +- Removed console error message when custom checkout is not enabled. + +## [7.3.3] - 2024-04-11 +### Changed: +- Our latest plugin update (version 7.3.2) aimed to optimize script loading during checkout using the woocommerce_before_checkout_form and woocommerce_blocks_enqueue_checkout_block_scripts_before hooks. However, to ensure compatibility with a wider range of themes, this functionality has been temporarily disabled. We're actively exploring solutions to achieve optimal script loading across all themes and will implement them in a future update. + +## [7.3.2] - 2024-04-11 +### Added: +- Added session_id to payment creation request header to improve approval rates. + +### Changed: +- Checkout Credits component text has been adjusted. + +### Fixed: +- Checkout scripts now load only at checkout time, improving overall store performance. +- Partial refunds made through Mercado Pago are now correctly recognized as partial refunds on the platform. +- The IP address issue for some PSE checkout payments in Colombia has been fixed. +- 3DS flow requests for stores running in a directory now work correctly and stores using the domain root still working. +- The Undefined Array Key Method error that occurred for some sellers when they had not configured the checkout pro method (modal or redirect) has been fixed. +- The pix copy-paste button has been fixed. + +### Other improvements: +- General code improvements and optimizations. +- Updated dependencies (PHP SDK). + +## [7.3.1] - 2024-03-25 +### Changed +- Person type update for PSE +- Improve the layout of the admin buttons +- Adjusting the translation of checkout pro for Spanish-speaking countries + +## [7.3.0] - 2024-03-20 +### Added +- A warning has been added to inform you that activation was successful and that you now need to enter your credentials when activating plugins. +- We have implemented new display rules and improved the layout of the component that requests ratings for the plugin. +- We've added a link to frequently asked questions at the end of each gateway's configuration. +- We've implemented a new support component at the bottom of the plugin's configuration screen. Here you will find information on how to open a ticket. +### Changed +- We've changed the layout of the notice for filling in credentials. +- We've changed the title of the plugin on the administration screen. +- The payment methods have been renamed and are now sorted according to country. +- We have made adjustments to the hierarchy of titles on the administration screen, as well as to its content, including titles and supplementary texts. +- For step 1, we have replaced the secondary credential query button with a text-link. +### Fixed +- We've solve the problem when the getPaymentMethodsByGatewayOption function returned an stdClass instead of an array when using json_decode. + +## [7.2.1] - 2024-02-15 +### Added +- We have added a warning banner for when the language configured in worpress does not have the translation in our plugin. +### Changed +- Improvements have been made to the readme and changelog files so that the markdown makes more sense to our users. +- Now our plugin constructs the URLs for the assets using the absolute path instead of the relative path. +- Prevent block scripts from loading on admin screens and do not load block scripts in checkouts that do not use Checkout Blocks. +- We've reduced the size of the metadata sent in the payment. +### Fixed +- We've fixed the currency conversion calculation. + +## [7.2.0] - 2024-02-01 +### Added +- Introducing Mercado PSE as a new payment method for our users in Colombia. +- Enhanced user experience with the inclusion of informative error messages in case of payment rejection. +### Changed +- Improved layout of the button for consulting reasons for refusal on the order details screen +### Fixed +- Addressed an issue where error messages were not displaying during the submission process, affecting custom, credit, and ticket transactions. Now, users can expect a smoother and more transparent payment experience. +- Error message did not appear in submit, custom credit and ticket. +- Enables the sending of alphanumeric data to the field, holder's document. + +## [7.1.1] - 2024-01-15 +### Fixed +- Resolved issue where the cart inaccurately displayed discount and commission information. +- Addressed TypeError occurring when attempting to open orders in the admin panel. + +## [7.1.0] - 2024-01-11 +### Added +- Added compatibility with Woocommerce Blocks, providing a seamless integration for an enriched user experience. Explore the possibilities with [WooCommerce Blocks Documentation](https://woo.com/document/woocommerce-blocks/) for detailed information and advanced features. +### Fixed: +- Resolved an issue preventing the modification of checkout names. +- Resolved an issue that prevented checkout pro in modal mode from working + +## [7.0.6] - 2023-12-11 +### Fixed +- Addressed a bug where the store discount code was erroneously applied twice. This fix ensures a smoother checkout experience by resolving the double discount issue. + +## [7.0.5] - 2023-12-08 +### Fixed +- Resolved issues related to discounts and commission calculations, ensuring accurate and reliable results. +- Resolved implementation of instance logs for Seller and Order classes, providing comprehensive tracking and transparency into their respective functionalities. + +### Changed +- Enhanced the return value of Metadata getSettings for improved clarity and usability. +- Improved validation of 3D Secure (3DS) fields to facilitate smoother payment processing. +- Conducted a comprehensive review and refinement of checkout items calculation methods to optimize performance and accuracy. + +## [7.0.4] - 2023-12-06 +### Changed +- Enhanced the notification_url for improved functionality. +- Improved the sanitization of checkout URLs for a more secure experience. +- Updated the initial hook from wc_loaded to plugins_loaded for better integration. + +### Fixed +- Ensured the consistent rendering of Pix QR codes on the thank-you page. +- Removed unnecessary sanitization from get_checkout_order_received_url for smoother processing. + +## [7.0.3] - 2023-12-05 +### Fixed +- Addressed and resolved the issue with Checkout PRO Modal dependency loading for improved efficiency and smoother functionality. + +## [7.0.2] - 2023-12-05 +### Fixed +- Credits are now enabled by default, streamlining the search for available countries. +- Resolved status sync rendering issues, ensuring seamless compatibility. + +## [7.0.1] - 2023-12-05 +### Fixed +- Corrected the issue related to shipping rate values not displaying correctly on transparent checkouts. Now, the accurate shipping rates will be transparently presented for a more seamless checkout experience. + +## [7.0.0] - 2023-12-04 +### Changed +- Conducted a comprehensive overhaul of the entire plugin, implementing full refactoring for improved code quality and maintainability. Our code has fewer branches, which increases maintainability. This refactoring is designed to improve the quality of feature releases and provide developer users with a greater understanding of the code. +- Elevated the functionality and user experience of the additional information node within the plugin by enriching the payment metadata with additional details, strategically aimed at boosting the payment approval rate. +### Fixed +- Consolidated logging behavior in STEP 2 by ensuring that logs are recorded only when the corresponding toggle in the admin( STEP 2 ) is activated. Previously, the plugin recorded logs irrespective of the toggle's status, but with this fix, the toggle now functions correctly. +### Added +- Integrating 3DS 2.0 (3-D Secure Authentication 2.0) technology. This advancement enables the authentication of transactions involving credit and debit cards in e-commerce scenarios, ensuring that the person making the purchase is genuinely the cardholder or has authorized access to the cardholder's accounts for completing the payment. To learn more about integrating 3DS with Mercado Pago, visit the [Mercado Pago DevSite](https://www.mercadopago.com.br/developers/pt/docs/checkout-api/how-tos/integrate-3ds). + +## [6.9.3] - 2023-07-13 ### Fixed - Updated the link to obtain credentials on the developer site - Resolved warning related to the missing return type of the function AbstractCollection::getIterator() ### Changed - Improved default activation of Credits Gateway -- Removed sending of product details to Payment Gateway ## [6.9.2] - 2023-06-23 ### Fixed @@ -66,12 +200,12 @@ fix pix renderization ### Added - Add new fields in update-metadata - - Cho Pro will add the fields: ```installments, transaction_details, total_paid_amount, transaction_amount, last_four_digits, e o payment_type``` - - Cho Custom will add the fields: ```payment_type e last_four_digits``` - - In future release, all metadata field prefixed with "mp_" will be removed + - Cho Pro will add the fields: ```installments, transaction_details, total_paid_amount, transaction_amount, last_four_digits, e o payment_type``` + - Cho Custom will add the fields: ```payment_type e last_four_digits``` + - In future release, all metadata field prefixed with "mp_" will be removed -- Add security js client and retrive session id from MP_DEVICE_SESSION_ID - - this improvement will increase the credit card approval rate +- Add security js client and retrive session id from MP_DEVICE_SESSION_ID + - this improvement will increase the credit card approval rate ### Changed - Interest attached to the order total @@ -589,27 +723,27 @@ fix pix renderization - Updated plugin name from "WooCommerce Mercado Pago" to "Mercado Pago payments for WooCommerce". - [PLUG-459] - - Fixed credential issue when the plugin is upgraded from version 3.x.x to 4xx. Unable to save empty credential. - - Fixed issue to validate credential when checkout is active. The same problem occurs when removing the enabled checkout credential. - - Fixed error: Undefined index: MLA in WC_WooMercadoPago_Credentials.php on line 163. - - Fixed error: Call to a member function analytics_save_settings() in WC_WooMercadoPago_Hook_Abstract.php on line 68. Has affected users that cleared the credential and filled new credential production. - - Fixed load of WC_WooMercadoPago_Module.php file. - - Fixed error Uncaught Error: Call to a member function homologValidate(). - - Fixed error Undefined index: section in WC_WooMercadoPago_PaymentAbstract.php on line 303. Affected users who did not have homologous accounts - - Fixed issue to validate credential when checkout is active. The same problem occurs when removing the enabled checkout credential. - - Fixed issue to calculate commission and discount. - - Fixed issue on methadata. - - Fixed Layout of checkout custom input. - - Fixed translation of Modo Producción, Habilitá and definí + - Fixed credential issue when the plugin is upgraded from version 3.x.x to 4xx. Unable to save empty credential. + - Fixed issue to validate credential when checkout is active. The same problem occurs when removing the enabled checkout credential. + - Fixed error: Undefined index: MLA in WC_WooMercadoPago_Credentials.php on line 163. + - Fixed error: Call to a member function analytics_save_settings() in WC_WooMercadoPago_Hook_Abstract.php on line 68. Has affected users that cleared the credential and filled new credential production. + - Fixed load of WC_WooMercadoPago_Module.php file. + - Fixed error Uncaught Error: Call to a member function homologValidate(). + - Fixed error Undefined index: section in WC_WooMercadoPago_PaymentAbstract.php on line 303. Affected users who did not have homologous accounts + - Fixed issue to validate credential when checkout is active. The same problem occurs when removing the enabled checkout credential. + - Fixed issue to calculate commission and discount. + - Fixed issue on methadata. + - Fixed Layout of checkout custom input. + - Fixed translation of Modo Producción, Habilitá and definí - [PLUG-459-2] Refactored Javascript code for custom checkout Debit and credit card. Performance improvement, reduced number of SDK calls. Fixed validation errors. Javascript code refactored to the order review page. Removed select from mexico payment method. - [PLUG-462] - - Fixed Uncaught Error call to a member function update_status() in WC_WooMercadoPago_Notification_Abstract.php. Handle Mercado Pago Notification Failures and Exceptions. - - Fixed Uncaught Error call to a member function update_status() in WC_WooMercadoPago_Notification_Abstract.php. Handle Mercado Pago Notification Failures and Exceptions. + - Fixed Uncaught Error call to a member function update_status() in WC_WooMercadoPago_Notification_Abstract.php. Handle Mercado Pago Notification Failures and Exceptions. + - Fixed Uncaught Error call to a member function update_status() in WC_WooMercadoPago_Notification_Abstract.php. Handle Mercado Pago Notification Failures and Exceptions. - [PLUG-463] - - Remove Mercado Creditos from Custom CHO OFF. - - Fix PT-BR debit card translation on admin. - - Fix PT-BR debit card translation on checkout. - - Remove "One Step Checkout" from CHO Custom Off. + - Remove Mercado Creditos from Custom CHO OFF. + - Fix PT-BR debit card translation on admin. + - Fix PT-BR debit card translation on checkout. + - Remove "One Step Checkout" from CHO Custom Off. - [PLUG-466] Removed feature and support to Mercado Envios shipping. Before install the plugin verify if your store has another method of shipping configured. - [PLUG-470] Fixed issue to check if WooCommerce plugin is installed - [PLUG-455] Curl Validation. diff --git a/assets/css/admin/credits/example-info.css b/assets/css/admin/credits/example-info.css new file mode 100644 index 000000000..3ce34b368 --- /dev/null +++ b/assets/css/admin/credits/example-info.css @@ -0,0 +1,249 @@ +.credits-info-example-container { + display: flex; + justify-content: flex-start; + padding: 24px; + flex-direction: row; + align-items: flex-start; + max-width: 1080px; + max-height: 640px; + background: #FFFFFF; + box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.1); + border-radius: 8px; + font-family: Proxima Nova, Helvetica Neue, Helvetica, Arial, sans-serif; + color: #646970; +} + +.credits-info-preview-container { + display: flex; + justify-content: flex-start; + padding: 24px; + flex-direction: row; + align-items: flex-start; + max-width: 512px; + max-height: 742px; + background: #FFFFFF; + box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.1); + border-radius: 8px; + font-family: Proxima Nova, Helvetica Neue, Helvetica, Arial, sans-serif; + color: #646970; +} + +.credits-info-example-buttons-container { + display: flex; + flex-direction: column; + align-items: flex-start; + justify-content: flex-start; + max-width: 176px; + max-height: 106px; + background: #FFFFFF; + border-radius: 6px; + flex: none; + order: 0; + align-self: stretch; + flex-grow: 0; + +} + +.credits-info-example-blue-badge { + height: auto; + width: 4px; + border-radius: 6px; + padding: 4px 0px 4px 0px; +} + +.credits-info-example-buttons-child { + cursor: pointer; + width: 100%; + height: 100%; + display: flex; + flex: auto; + flex-direction: row; + justify-content: left; + border-bottom: 1px solid #1111; + padding: 2px; +} + +.credits-info-example-buttons-content>div:nth-child(1) { + width: 20px; +} + +.credits-info-example-image-container { + width: 100%; + height: auto; + display: flex; + flex-direction: column; + margin: 0; +} + +.credits-info-example-image { + display: flex; + align-items: center; + justify-content: center; + height: auto; + background: #F5F5F5; + border-radius: 6px; + flex-direction: column; + flex: auto; + max-height: 480px; + padding: 30px; + margin: 0 60px; +} + +.credits-info-example-gif-container { + width: 100%; + height: auto; + display: flex; + flex-direction: column; + margin: 0; + padding-left: 24px; +} + +.credits-info-example-gif { + display: flex; + align-items: center; + justify-content: center; + height: auto; + background: #F5F5F5; + border-radius: 6px; + flex-direction: column; + flex: auto; + max-height: 480px; + padding: 30px; +} + +.credits-info-example-image>img, +.credits-info-example-gif>img { + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; + max-width: 824px; + padding-top: 31px; + padding-bottom: 33px; + max-height: 480px; + max-width: 100%; +} + + +.credits-info-example-buttons-content { + display: flex; + align-items: center; + justify-content: left; + flex-direction: row; + padding: 0 16px; + max-width: 100%; +} + +.credits-info-example-buttons-content>div { + display: flex; + justify-content: center; +} + +.credits-info-example-buttons-content p { + + padding-left: 16px; + flex: 2; +} + +.credits-info-blue-color { + background: #009EE3; + color: #009EE3; +} + +.selected { + color: #009EE3; +} + +.credits-info-example-text{ + padding: 30px 0; + color: #646970; +} + +.credits-info-example-text label{ + font-size: 20px!important; + font-weight: 600!important; + font-style: normal; + font-stretch: normal; + line-height: 1.54; + letter-spacing: normal; + color: #555!important; +} + +.credits-info-example-gif-container p { + padding: 20px 0 30px; +} + +.credits-info-example-preview-pill { + padding: 3px 8px 2px; + background-color: rgba(71, 154, 209, 0.1); + border: none; + color: rgba(0, 158, 227, 1); + text-align: center; + text-decoration: none; + display: inline-block; + margin: 4px 2px; + border-radius: 46px; + width: fit-content; + align-self: flex-end; + margin: 0 0 24px 0 !important; +} + +.credits-info-example-preview-footer { + padding: 20px 0 0 0; +} + +@media screen and (max-width: 768px) { + .credits-info-example-container { + max-height: 720px; + } + + .credits-info-example-image-container, + .credits-info-example-gif-container { + margin: 0; + padding: 0; + overflow:hidden; + } + + .credits-info-example-gif p { + order: 1; + } + + .credits-info-example-buttons-container { + display: flex; + order: 0; + margin-bottom: 16px; + } + + .credits-info-preview-container, + .credits-info-example-container { + display: flex; + padding: 24px; + flex-direction: column; + align-items: center; + } + + .credits-info-example-buttons-content { + display: flex; + align-items: center; + padding: 0 16px; + max-width: 100%; + max-height: 100%; + font-size: small; + } + + .credits-info-example-buttons-content>div:nth-child(1) { + width: 20px; + } + + .credits-info-example-buttons-content p { + + padding-left: 16px; + } + + .credits-info-example-buttons-child { + width: 100%; + height: 40px; + } + +} + diff --git a/assets/css/admin/credits/example-info.min.css b/assets/css/admin/credits/example-info.min.css new file mode 100644 index 000000000..d65c7cbc3 --- /dev/null +++ b/assets/css/admin/credits/example-info.min.css @@ -0,0 +1 @@ +.credits-info-example-container{display:flex;justify-content:flex-start;padding:24px;flex-direction:row;align-items:flex-start;max-width:1080px;max-height:640px;background:#fff;box-shadow:0 6px 16px rgba(0,0,0,.1);border-radius:8px;font-family:Proxima Nova,Helvetica Neue,Helvetica,Arial,sans-serif;color:#646970}.credits-info-preview-container{display:flex;justify-content:flex-start;padding:24px;flex-direction:row;align-items:flex-start;max-width:512px;max-height:742px;background:#fff;box-shadow:0 6px 16px rgba(0,0,0,.1);border-radius:8px;font-family:Proxima Nova,Helvetica Neue,Helvetica,Arial,sans-serif;color:#646970}.credits-info-example-buttons-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;max-width:176px;max-height:106px;background:#fff;border-radius:6px;flex:none;order:0;align-self:stretch;flex-grow:0}.credits-info-example-blue-badge{height:auto;width:4px;border-radius:6px;padding:4px 0 4px 0}.credits-info-example-buttons-child{cursor:pointer;width:100%;height:100%;display:flex;flex:auto;flex-direction:row;justify-content:left;border-bottom:1px solid #1111;padding:2px}.credits-info-example-buttons-content>div:first-child{width:20px}.credits-info-example-image-container{width:100%;height:auto;display:flex;flex-direction:column;margin:0}.credits-info-example-image{display:flex;align-items:center;justify-content:center;height:auto;background:#f5f5f5;border-radius:6px;flex-direction:column;flex:auto;max-height:480px;padding:30px;margin:0 60px}.credits-info-example-gif-container{width:100%;height:auto;display:flex;flex-direction:column;margin:0;padding-left:24px}.credits-info-example-gif{display:flex;align-items:center;justify-content:center;height:auto;background:#f5f5f5;border-radius:6px;flex-direction:column;flex:auto;max-height:480px;padding:30px}.credits-info-example-gif>img,.credits-info-example-image>img{display:flex;flex-direction:row;align-items:center;justify-content:center;max-width:824px;padding-top:31px;padding-bottom:33px;max-height:480px;max-width:100%}.credits-info-example-buttons-content{display:flex;align-items:center;justify-content:left;flex-direction:row;padding:0 16px;max-width:100%}.credits-info-example-buttons-content>div{display:flex;justify-content:center}.credits-info-example-buttons-content p{padding-left:16px;flex:2}.credits-info-blue-color{background:#009ee3;color:#009ee3}.selected{color:#009ee3}.credits-info-example-text{padding:30px 0;color:#646970}.credits-info-example-text label{font-size:20px!important;font-weight:600!important;font-style:normal;font-stretch:normal;line-height:1.54;letter-spacing:normal;color:#555!important}.credits-info-example-gif-container p{padding:20px 0 30px}.credits-info-example-preview-pill{padding:3px 8px 2px;background-color:rgba(71,154,209,.1);border:none;color:#009ee3;text-align:center;text-decoration:none;display:inline-block;margin:4px 2px;border-radius:46px;width:fit-content;align-self:flex-end;margin:0 0 24px 0!important}.credits-info-example-preview-footer{padding:20px 0 0 0}@media screen and (max-width:768px){.credits-info-example-container{max-height:720px}.credits-info-example-gif-container,.credits-info-example-image-container{margin:0;padding:0;overflow:hidden}.credits-info-example-gif p{order:1}.credits-info-example-buttons-container{display:flex;order:0;margin-bottom:16px}.credits-info-example-container,.credits-info-preview-container{display:flex;padding:24px;flex-direction:column;align-items:center}.credits-info-example-buttons-content{display:flex;align-items:center;padding:0 16px;max-width:100%;max-height:100%;font-size:small}.credits-info-example-buttons-content>div:first-child{width:20px}.credits-info-example-buttons-content p{padding-left:16px}.credits-info-example-buttons-child{width:100%;height:40px}} \ No newline at end of file diff --git a/assets/css/admin/index.php b/assets/css/admin/index.php new file mode 100644 index 000000000..da8f1da45 --- /dev/null +++ b/assets/css/admin/index.php @@ -0,0 +1,13 @@ + span.mp-toggle-label-disabled { + display: none; +} + +.mp-toggle-checkbox:checked + .mp-toggle-switch + .mp-toggle-label > span.mp-toggle-label-enabled { + display: inline; +} + +.mp-toggle-subtitle { + font-weight: normal !important; + font-size: 14px !important; +} + +.mp-badge-new { + position: absolute !important; + transform: translate(0%, 15%); + border-radius: 40px; + background: rgba(71, 154, 209, 0.1); + font-style: normal; + font-weight: 400; + font-size: 14px !important; + line-height: 18px !important; + color: #009EE3; + margin-left: 16px; + padding: 3px 14px 3px 14px; +} + +.mp-toggle-subtitle a { + text-decoration: none; + color: #039ee3; + font-weight: bold; +} + +/* Card Info Component*/ +.mp-card-body { + flex: 1 1 auto; + padding: 1rem 1rem; +} + +.mp-card-info { + display: flex; + margin: 32px 0px 32px 0px; +} + +.mp-alert-color-success { + width: 6px; + background: #009ee3; + border-radius: 6px 0 0 6px; +} + +.mp-alert-color-alert { + width: 6px; + background: #ff7733; + border-radius: 6px 0 0 6px; +} + +.mp-alert-color-error { + width: 6px; + background: #ff3333; + border-radius: 6px 0 0 6px; +} + +.mp-card-body-payments { + display: flex; + align-items: flex-start; + padding: 12px 24px 20px 0; + background: rgba(0, 0, 0, 0.04); + border-radius: 0 6px 6px 0; +} + +.mp-card-body-size { + width: 100%; +} + +.mp-card-body-size-homolog { + width: 700px; +} + +.mp-icon-badge-info { + background: url("../../images/icons/icon-tip.png") 100% 50% no-repeat transparent; + background-size: 18px; + width: 24px; + height: 18px; + margin: 6px 12px 6px 16px; +} + +.mp-icon-badge-warning { + background: url("../../images/icons/icon-warning.png") 100% 50% no-repeat transparent; + background-size: 18px; + width: 24px; + height: 18px; + margin: 6px 12px 6px 16px; + padding-left: 10px; +} + +.mp-text-title { + font-family: "Proxima Nova", -apple-system, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif; + font-size: 16px; + line-height: 20px; + display: flex; + align-items: center; + color: rgba(0, 0, 0, 0.9); + margin: 4px 0px; + font-weight: bold; +} + +.mp-text-subtitle { + font-family: "Proxima Nova", -apple-system, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif; + font-size: 16px; + line-height: 18px; + display: flex; + align-items: center; + color: rgba(0, 0, 0, 0.9); + margin: 4px 0px; +} + +.mp-button-payments { + font-size: 14px; + line-height: 16px; + color: #ffffff; + border: none; + padding: 9px 12px 7px; + background: #009ee3; + border-radius: 5px; + margin: 15px 0px 5px 0px; + cursor: pointer; + transition: box-shadow 0.25s ease-out, background-color 0.2s ease-out; + box-shadow: 0 0 0 0 #fff; +} + +.mp-button-payments-a { + text-decoration: none; +} + +.mp-button-payments:hover { + border-color: transparent; + background-color: #007eb5; + color: #fff; + -webkit-transition: background-color 0.2s ease-in; + transition: background-color 0.2s ease-in; +} + +.mp-button-payments:focus { + outline: 0; + box-shadow: 0 0 0 0.1875em rgb(27 135 201 / 30%); + -webkit-transition: box-shadow 0.25s ease-in; + transition: box-shadow 0.25s ease-in; +} + +.mp-button-payments:active { + border-color: transparent; + background-color: #005e88; + color: #fff; +} + +/* Activable Input */ + +.mp-activable-input-subtitle { + font-weight: normal !important; + font-size: 14px !important; + margin-bottom: 0px; +} + +/* Checkbox List Component */ + +.mp-checkbox-list-description { + margin: 10px; +} + +.mp-list-group { + list-style: none; + padding: 10px; + width: fit-content; + min-width: 30%; + display: -moz-inline-grid; + display: -ms-inline-grid; + display: inline-grid; +} + +.mp-list-group-item { + border: 1.5px solid rgba(0, 0, 0, 0.1); + height: 40px; + margin: 0px; +} + +.mp-list-group-item:first-child { + border-radius: 6px 6px 0 0; +} + +.mp-list-group-item:last-child { + border-radius: 0 0 6px 6px; +} + +.mp-custom-checkbox { + margin: 10px; +} + +.mp-custom-checkbox-input { + vertical-align: middle; +} + +.mp-custom-checkbox-label { + vertical-align: middle; + cursor: pointer; + font-size: 14px; +} + +.mp-preview p { + margin: 16px 0 !important; +} + +@media screen and (max-width: 1200px) { + .mp-list-group { + display: block; + min-width: 50%; + } +} + +@media screen and (max-width: 680px) { + .mp-list-group { + width: 100%; + } +} + +/* support link component */ +.mp-support-link-text { + display: inline-block; + font-family: "Proxima Nova", -apple-system, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif; + color: rgba(0, 0, 0, 0.90); + font-size: 14px; + font-style: normal; + font-weight: 400; + line-height: 18px; +} +.mp-support-link-text-with-link{ + color: #009EE3; + text-decoration: none; +} +.mp-support-link-bold_text{ + font-weight: 600; +} + diff --git a/assets/css/admin/mp-admin-configs.min.css b/assets/css/admin/mp-admin-configs.min.css new file mode 100644 index 000000000..ccbe957d3 --- /dev/null +++ b/assets/css/admin/mp-admin-configs.min.css @@ -0,0 +1 @@ +.mp-px-20{padding-left:20px!important;padding-right:20px!important}.mp-pt-10{padding-top:10px!important}.mp-pt-20{padding-top:20px!important}.mp-pb-0{padding-bottom:0!important}.mp-pb-10{padding-bottom:10px!important}.mp-pb-20{padding-bottom:20px!important}.mp-mt--10{margin-top:-10px!important}.mp-mt--15{margin-top:-15px!important}.mp-mt--12{margin-top:-12px!important}.mp-mt--5{margin-top:-5px!important}.mp-mt-5{margin-top:5px!important}.mp-mt-0{margin-top:0!important}.mp-mb-0{margin-bottom:0!important}.mp-mb-20{margin-bottom:20px!important}.mp-mb-18{margin-bottom:18px!important}.mp-mg-0{margin:0!important}.mp-fw-400{font-weight:400!important}.mp-text-center{text-align:center!important}.mp-row{width:100%;display:inline-block}.mp-row-flex{width:100%;display:flex;margin:0}.mp-col-md-2{width:20%;float:left}.mp-col-md-3{width:25%;float:left}.mp-col-md-5{width:50%;float:left}.mp-col-md-12{width:100%;display:inline-block;text-align:justify!important}.mp-row-flex li,.mp-row-flex ol,.mp-row-flex ul{list-style:none}.mp-row-flex li{border-left:1px solid #e5e5e5}.mp-row-flex li:first-child{border-left:none}.mp-division-line-steps{border-top:1px solid #e5e5e5;margin-top:17px}.mp-mouse_pointer{cursor:pointer!important}.mp-gray-text{color:#8c8c8c;font-weight:400}.mp-subtitle-body{border-top:1px solid #bbb;padding-top:20px;font-size:20px!important;margin-top:0!important;margin-bottom:20px!important}.mp-number-checkout-body{border-radius:100%;border:solid 2px #039fe3;display:block;width:32px;height:30px;padding-top:2px;margin:0 18px!important;font-size:18px;font-weight:700;color:#039fe3;text-align:center}.mp-text-steps{font-size:14px!important;font-weight:400!important;font-style:normal;font-stretch:normal;line-height:1.5;margin-top:13px;letter-spacing:normal;color:rgba(0,0,0,.8)}.mp-number-checkout-body{border-radius:100%;border:solid 2px #039fe3;display:block;width:32px;height:30px;padding-top:2px;margin:0 18px!important;font-size:18px;font-weight:700;color:#039fe3;text-align:center}.mp_store_link{display:inline-block}.mp_store_link a{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;vertical-align:middle;cursor:pointer;white-space:nowrap;line-height:1.42857;border-radius:2px!important;border:solid 1px #c2c2c2!important;padding:12px 50px!important;font-size:13px!important;background-color:#fafafa!important;text-decoration:none;color:#555}.mp_store_link:hover a{color:#fff!important;background-color:#00aff0!important;border-color:#008abd!important;-webkit-box-shadow:none!important;box-shadow:none}.mp-text-support .mp-text-observation{font-size:12px!important;font-weight:400;font-style:normal!important;font-stretch:normal;line-height:16px!important;letter-spacing:normal;color:#555}.form-table tbody{width:100%;display:block}.form-table tr{width:100%;display:block;border-bottom:solid #ccc 1px}.form-table th{width:100%!important;display:block}.form-table td{margin-bottom:30px;display:block;padding:0}.mp-mw-100{max-width:100%!important}.mp-component-card{max-width:50%;padding:24px;background-color:#fff;box-shadow:0 6px 16px rgb(0 0 0 / 10%);border-radius:6px;user-select:none}.mp-field-text-title{color:#555!important;font-size:20px!important;font-weight:600!important;font-style:normal!important;font-stretch:normal!important;line-height:1.54!important;letter-spacing:normal!important}.mp-subtitle-header{font-family:"Proxima Nova",-apple-system,"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;font-size:28px!important;font-weight:600!important;line-height:35px;font-style:normal;font-stretch:normal;letter-spacing:normal}.mp-field-text-subtitle{font-size:22px!important;position:relative!important}.mp-text-checkout-body{font-size:14px!important;font-weight:400!important;margin-top:10px!important;line-height:20px;font-style:normal;font-stretch:normal;letter-spacing:normal;color:rgba(0,0,0,.8)}.mp-subtitle-body{border-top:1px solid #bbb;padding-top:20px;font-size:20px!important;margin-top:0!important;margin-bottom:20px!important}.mp-small-text{font-size:15px!important;font-weight:400;font-style:normal!important;font-stretch:normal;line-height:16px!important;letter-spacing:normal;color:#555;margin-top:-10px!important;margin-bottom:18px!important}.mp-btn-collapsible{float:right;font-size:25px;padding-right:5px}@media screen and (max-width:900px){.mp-component-card{max-width:100%}.mp-badge-new{transform:translate(0,0)}}.mp-toggle{cursor:pointer;display:inline-block}.mp-toggle-switch{display:inline-block;background:#ccc;border-radius:16px;width:58px;height:32px;position:relative;vertical-align:middle;transition:background .25s}.mp-toggle-switch:after,.mp-toggle-switch:before{content:""}.mp-toggle-switch:before{display:block;background:linear-gradient(to bottom,#fff 0,#eee 100%);border-radius:50%;box-shadow:0 0 0 1px rgba(0,0,0,.25);width:24px;height:24px;position:absolute;top:4px;left:4px;transition:left .25s}.mp-toggle:hover .mp-toggle-switch:before{background:linear-gradient(to bottom,#fff 0,#fff 100%);box-shadow:0 0 0 1px rgba(0,0,0,.5)}.mp-toggle-checkbox:checked+.mp-toggle-switch{background:#009ee3}.mp-toggle-checkbox:checked+.mp-toggle-switch:before{left:30px}.mp-toggle-checkbox{position:absolute;visibility:hidden}.mp-toggle-label{margin-left:5px;position:relative;top:2px;display:inline}.mp-toggle-label-enabled{display:none}.mp-toggle-checkbox:checked+.mp-toggle-switch+.mp-toggle-label>span.mp-toggle-label-disabled{display:none}.mp-toggle-checkbox:checked+.mp-toggle-switch+.mp-toggle-label>span.mp-toggle-label-enabled{display:inline}.mp-toggle-subtitle{font-weight:400!important;font-size:14px!important}.mp-badge-new{position:absolute!important;transform:translate(0,15%);border-radius:40px;background:rgba(71,154,209,.1);font-style:normal;font-weight:400;font-size:14px!important;line-height:18px!important;color:#009ee3;margin-left:16px;padding:3px 14px 3px 14px}.mp-toggle-subtitle a{text-decoration:none;color:#039ee3;font-weight:700}.mp-card-body{flex:1 1 auto;padding:1rem 1rem}.mp-card-info{display:flex;margin:32px 0 32px 0}.mp-alert-color-success{width:6px;background:#009ee3;border-radius:6px 0 0 6px}.mp-alert-color-alert{width:6px;background:#f73;border-radius:6px 0 0 6px}.mp-alert-color-error{width:6px;background:#f33;border-radius:6px 0 0 6px}.mp-card-body-payments{display:flex;align-items:flex-start;padding:12px 24px 20px 0;background:rgba(0,0,0,.04);border-radius:0 6px 6px 0}.mp-card-body-size{width:100%}.mp-card-body-size-homolog{width:700px}.mp-icon-badge-info{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAA6lBMVEUAAAAAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMBnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuP///9MYiCLAAAATHRSTlMAABJBe7HX7/6wAy9+xgE3nukBHInqG0bLyQRq62sIf/b3+/nhWyAfqQKSjrUH812FQkCE9dXYUhXw1BTTwQq/CcDWr80QPeNFafzKW/JxxwAAAAFiS0dETYBoIGUAAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQfmCwkODC587ENtAAAB+ElEQVRIx5WWaV/iMBDGEwptbcsCCnSphdb7WI/dFcFjVVw8Vs33/zxO2p+CzBO6fV7O5J9jMpmJEDNJrYpVrdmOq5Tr2CtVq5IZBRQ5PD+o68Efcp164HuYIOu3RrOlmFrNxipAyLTW7iioTrvLCDKE35VRvXCBkDJaj9USxf1onpBykKRqqTaSwYyg+ZNNVaDN5HMN2t56WjSe1uh/nIPOGxePp3OEOUDx5PHZ2t7e4rHqaoLuq81c9s7u3o7NzG26QQIa7L46lk4gi9sbGvCabKb9Aw0c7DNH0yPA5/lzmO/1B3O0fAICHo+jY73C8RH3BFJU6tx8cqqB0xPuqVeE5aCQ//z1+ywGDscSVVchpfju3aqoqVKqCRvah+fnQ+gYCQeaxxcX4xHyXAp0hOFYR2mMjuEKNM3VtQau/yAfBG5u9U3f3kAAbeluooHJPdwSOvS9GXBgWJcAf8VKOWAKU8MMUGqg5DMDlHwovc0ApTd6QGYgwE/UCGRPFBQBI5AVAVBmHh51Lj0+LNrzMgMKmfOkgScWv6yQEdHtsT35nuezHeWlEhfj5+n0edEW//us3rK/oQqVvshZg/iPhvKaRPMtaJAUrJEmk69NLurHy8bHL9FiG5Vhzzz+LUSNulumsWfEapmvQ/nPyfz3Z3SZf39q4PvzDpPK5SX4V3wiAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTA5VDE0OjEyOjQyKzAwOjAwxiqBfAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0wOVQxNDoxMjo0MiswMDowMLd3OcAAAAAASUVORK5CYII=") 100% 50% no-repeat transparent;background-size:18px;width:24px;height:18px;margin:6px 12px 6px 16px}.mp-icon-badge-warning{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAMM2lDQ1BpY2MAAEjHlVcHWFPJFp5bUiG0QASkhN4EEelICaEFEJAq2AhJgFBiTAgidmRRwbWLBWxYEUXXAshaEbuLYu8LIgrKuqiLDZU3KaDrvve9byff3Plz5sx/yp177xwANE9xxeIcVAuAXFGeJDY0kDk+OYVJegbI8EcHlsCQy5OKWTExkQC2wfHv7d1tgMjHG45yLvDvmjZfIOUBgMRAnMaX8nIhPgwAXskTS/IAIMrlFtPzxHIMO9CVQAchXiTHGUpcKcdpSnxAoRMfy4a4GQCyOpcryQBA4xqUM/N5GZBDoxdiZxFfKAJAkwmxX27uVD7EqRDbQh0xxHJ+z7TveDL+xpk2xMnlZgxhZSyKRg4SSsU53Bn/Mh3/v+XmyAZtWMOunikJi5XHDPN2N3tqhByrQ9wjSouKhlgH4g9CvkIfYpSaKQtLUOqjRjwpG+YMMCB25nODIiA2gjhElBMVqZKnpQtDOBDDHYIWCPM48RDrQ7xIIA2OU+lskUyNVdlC69IlbJZKfoErUdiV23osy05gqfjfZAo4Kn5MozAzPgliKsSW+cLEKIg1IHaSZsdFqHTGFGayowZ1JLJYuf+WEMcKRKGBSn4sP10SEqvSL82VDsaLbckUcqJU+GBeZnyYMj9YM4+r8B/Ggl0TiFgJgzwC6fjIwVj4gqBgZexYl0CUEKfi+SDOC4xVrsWp4pwYlT5uLsgJlcvNIXaV5sep1uKJeXBDKvnxdHFeTLzST7wwixseo/QHXw4iARsEASaQwZ4GpoIsIGzpqe+B/5QzIYALJCADCICjSjK4IkkxI4LXOFAI/oBIAKRD6wIVswKQD+VfhqTKqyNIV8zmK1Zkg2cQ54IIkAP/yxSrREPWEsFTKBH+wzoXdh70Nwd2+fx/lw9Kv0lYUBKpksgGLTI1BzWJwcQgYhgxhGiHG+J+uA8eCa8BsLvgnrjXYBzf9AnPCK2EJ4RbhDbCvSnCIskPXo4FbZA/RJWLtO9zgVtDTjc8EPeF7JAZZ+CGwBF3hXZYuD+07AalbJXf8qwwf+D+WwTf3Q2VHsWZglKGUQIotj+u1LDXcBtikef6+/wofU0byjd7aOZH++zvss+HY8SPmtgi7BB2HjuNXcSOYfWAiZ3EGrAr2HE5HtpdTxW7a9BarMKfbMgj/Ie9wTsrz6TUuca52/mzci5PUCB/RwP2VPEMiTAjM4/Jgl8EAZMj4jmNYLo4u7gAIP++KF9fbxmK7wbCuPRNtsADAN/igYGBY99kETsAOJQMH/+b32Q2H+E72gKAC5t4Mkm+UobLLwT4ltCET5oBMAEWwBbG4wLcgQ8IAMEgHESDeJAMJkPvM+E+l4DpYBaYD0pAGVgO1oANYDPYBnaDfeAgqAfHwGlwDlwG18At8ADunk7wEvSCd6AfQRASQkPoiAFiilghDogL4on4IcFIJBKLJCOpSAYiQmTILGQBUoasRDYgW5Fq5BfkKHIauYi0IveQdqQbeYN8QjFUHdVFjVFrdCTqibLQCDQenYRmoNPQQrQYXYquQ6vQvWgdehq9jN5C29CXaB8GMDWMgZlhjpgnxsaisRQsHZNgc7BSrByrwmqxRnifb2BtWA/2ESfidJyJO8IdHIYn4Dx8Gj4HX4JvwHfjdXgzfgNvx3vxrwQawYjgQPAmcAjjCRmE6YQSQjlhJ+EI4Sx8ljoJ74hEIoNoQ/SAz2IyMYs4k7iEuJG4n3iK2ErsIPaRSCQDkgPJlxRN4pLySCWk9aS9pJOk66RO0geyGtmU7EIOIaeQReQicjl5D/kE+Tr5ObmfokWxonhToil8ygzKMsp2SiPlKqWT0k/VptpQfanx1CzqfOo6ai31LPUh9a2ampq5mpfaODWh2jy1dWoH1C6otat9VNdRt1dnq09Ul6kvVd+lfkr9nvpbGo1mTQugpdDyaEtp1bQztMe0Dxp0DScNjgZfY65GhUadxnWNV5oUTStNluZkzULNcs1Dmlc1e7QoWtZabC2u1hytCq2jWne0+rTp2qO0o7VztZdo79G+qN2lQ9Kx1gnW4esU62zTOaPTQcfoFnQ2nUdfQN9OP0vv1CXq2uhydLN0y3T36bbo9urp6LnqJeoV6FXoHddrY2AMawaHkcNYxjjIuM34NMx4GGuYYNjiYbXDrg97rz9cP0BfoF+qv1//lv4nA6ZBsEG2wQqDeoNHhrihveE4w+mGmwzPGvYM1x3uM5w3vHT4weH3jVAje6NYo5lG24yuGPUZmxiHGouN1xufMe4xYZgEmGSZrDY5YdJtSjf1MxWarjY9afqCqcdkMXOY65jNzF4zI7MwM5nZVrMWs35zG/ME8yLz/eaPLKgWnhbpFqstmix6LU0tx1rOsqyxvG9FsfK0yrRaa3Xe6r21jXWS9ULreusuG30bjk2hTY3NQ1uarb/tNNsq25t2RDtPu2y7jXbX7FF7N/tM+wr7qw6og7uD0GGjQ+sIwgivEaIRVSPuOKo7shzzHWsc250YTpFORU71Tq9GWo5MGbli5PmRX53dnHOctzs/GKUzKnxU0ajGUW9c7F14LhUuN0fTRoeMnju6YfRrVwdXgesm17tudLexbgvdmty+uHu4S9xr3bs9LD1SPSo97njqesZ4LvG84EXwCvSa63XM66O3u3ee90HvP30cfbJ99vh0jbEZIxizfUyHr7kv13erb5sf0y/Vb4tfm7+ZP9e/yv9JgEUAP2BnwHOWHSuLtZf1KtA5UBJ4JPA925s9m30qCAsKDSoNagnWCU4I3hD8OMQ8JCOkJqQ31C10ZuipMEJYRNiKsDscYw6PU83pDfcInx3eHKEeERexIeJJpH2kJLJxLDo2fOyqsQ+jrKJEUfXRIJoTvSr6UYxNzLSYX8cRx8WMqxj3LHZU7KzY83H0uClxe+LexQfGL4t/kGCbIEtoStRMnJhYnfg+KShpZVLb+JHjZ4+/nGyYLExuSCGlJKbsTOmbEDxhzYTOiW4TSybenmQzqWDSxcmGk3MmH5+iOYU75VAqITUpdU/qZ240t4rbl8ZJq0zr5bF5a3kv+QH81fxuga9gpeB5um/6yvSuDN+MVRndmf6Z5Zk9QrZwg/B1VljW5qz32dHZu7IHcpJy9ueSc1Nzj4p0RNmi5qkmUwumtoodxCXitmne09ZM65VESHZKEekkaUOeLjzIX5HZyn6Stef75Vfkf5ieOP1QgXaBqODKDPsZi2c8Lwwp3DETn8mb2TTLbNb8We2zWbO3zkHmpM1pmmsxt3hu57zQebvnU+dnz/+tyLloZdFfC5IWNBYbF88r7vgp9KeaEo0SScmdhT4LNy/CFwkXtSwevXj94q+l/NJLZc5l5WWfl/CWXPp51M/rfh5Ymr60ZZn7sk3LictFy2+v8F+xe6X2ysKVHavGrqpbzVxduvqvNVPWXCx3Ld+8lrpWtrZtXeS6hvWW65ev/7whc8OtisCK/ZVGlYsr32/kb7y+KWBT7WbjzWWbP20Rbrm7NXRrXZV1Vfk24rb8bc+2J24/v8NzR/VOw51lO7/sEu1q2x27u7nao7p6j9GeZTVojayme+/Evdf2Be1rqHWs3bqfsb/sADggO/Dil9Rfbh+MONh0yPNQ7WGrw5VH6EdK65C6GXW99Zn1bQ3JDa1Hw482Nfo0HvnV6dddx8yOVRzXO77sBPVE8YmBk4Un+06JT/Wczjjd0TSl6cGZ8WduNo9rbjkbcfbCuZBzZ86zzp+84Hvh2EXvi0cveV6qv+x+ue6K25Ujv7n9dqTFvaXuqsfVhmte1xpbx7SeuO5//fSNoBvnbnJuXr4Vdav1dsLtu3cm3mm7y7/bdS/n3uv7+ff7H8x7SHhY+kjrUfljo8dVv9v9vr/Nve14e1D7lSdxTx508DpePpU+/dxZ/Iz2rPy56fPqLpeuY90h3ddeTHjR+VL8sr+n5A/tPypf2b46/GfAn1d6x/d2vpa8Hniz5K3B211/uf7V1BfT9/hd7rv+96UfDD7s/uj58fynpE/P+6d/Jn1e98XuS+PXiK8PB3IHBsRcCVdxFMBgR9PTAXizCwAaPDvQYX1GnaCs/xQNUdasCgT+F1bWiIrmDkAtHOTHePYpAA7Abj1PUaoA+RE+PgCgo0cP9cFaTVFXyhsR1gFbguTo3qoJn3+s6ZQ153d+/zgCOasr+HH8D1iue3GxASRXAAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAAAGYktHRAD/AP8A/6C9p5MAAAAHdElNRQfmCh8RGhGJeh45AAAOP3pUWHRSYXcgcHJvZmlsZSB0eXBlIGljYwAAWMOtmWmS5CgShf/rFHMEFseB47Cazf0vMJ9riYzIyqyxHpuoppWBEDi+vPdQHP8e4/gXH3ExHM4+ezj12WWnwwV/dunUlSWHFCRLCC6VVFMLzuWl3C5X89G5IFzboV5jjtmJTy45Ge7+fP/+t89mVbPIPx0zhvmy7B9+jn823HsVTTlqvL6mu1/DoWLdOq8bXa591cGGXQ75+q7PAyHmjOfc039fnZcDd55uvG6U8tzQ/N5fx6v/Y3x37xMJkblM1XGtUNwgCD4Hzef3NR+LXFbsz7cla9/90R262HXVdbk/PDcWgZi6Ve6wPBOVe6I7XM8OYjn0N4vy75bqD5Ye5438542P6Hx9imC/5Z0yZa7/c/h///z/J8K1I6fvWwmPl4eWHKSkOxr+8pmfRbtu6Sk8E1154tcgikGW3HH114N+FyIrXwvc/cE1FkgskI6PFYK3jI4S74Rz/rIoRHO+F5E7A/21cBBl4cHC4/h8gMCqVlG543HXc8hYlEVqekriyp9QisVWUorfJmrUl27y53NroTM/PoriP8ePYvn/5uxna3Ph8J7S64F7Czsoa0t98OmeKLqV8RKpmx9nXz6JwCFbSyrr7l93/yI5e4ovH90TxWETYen6c6KQUwrpxo1wWRpT0KTLQPdjBzFfW9ZX+J8VStOZ33Lp9lFsIAxBqI+lT38HsWxrUj7zKA6htr1F4SM6cbrTIv9Y+mYRUUvlK/xf0cFO8uV54LrEVWyi9LXAbdEuhpYSvrZ2rSyuWV1/scf9AHzEREPyUyLh7o8AdVaC8Mrs6yJJTy6TbzVFAtvKENSTkJdPhZg1XNGS+/TRmdBmjQGaiBUTjJiuq/I/JVG1nSC+1uh5jeve6aPnIWEVxTTLVAM6o44wPyf+vkjKzzNMZHhtX8yRuV0wefYxkaVC+Gal5dJrQRtjBlhC7vnD4PeVbeI3a88H70WMj0wLXBaZ+d2dNH0OSF+rmWXft5d4cMk9pj73j9/3bxac13g7eVzXZ4LP8cffH/hj8p/GeBtzXIPfB9nWPrfJ3f3HpEpaKX+rFIPPg/SoTNoYs2idceP623Z79gVaodXvQXlf4HitkPB+mp4r8mySxPg5zZq21hK+b/P7lmUeF3bZFj4SMt2ZvH5MD4GmLkvTaZhEJrrMv8wWasi2aSGlIK8t4UyJ+9q2PWhj5bvTrWjNgr8m5F8D8ZTJPdFTJt8mrFwqnRVhWZmzhvLbol/OXnDRiukHa54M/y2P9N2i8EOl//DQ7y447pu/lIHxvX0/a/Gvkx4wR4ENIsCfaZ5W+T5o+Rwc+6YxZljffPV/WmaC/VXJ+YdKf0MBfRCi/rTFw/214l/gFaNrmL2I4x7vk2STiCXLS2hJ1A3AV0RERVMWI1W5jxMQKXCOgIG6wwgQcrR2EsRz2PmQfjue7PCcTTgvjPY6Fb19Soz54s0i+/z0cfw0UHo7CbLHdOmkNuWncSHv6/4Olz4apWJ2TggI/Zzx9Ve6hca+uM5X04mnlHNntlv1216jWpyvJ42uhYdMbBkhmlWGKWcAyoXxJwmwvYzTC64oFv7SraBoTFCZoDJB46FWbE9skIcsd8gtR54hcGk8Y+Ie3HLTmMScvfiy+mn1eejYHXfbv0ybuDzSKm0jBRKN++zCAzEeCEK70MgjT2w95lvAOEzQuAlEeMz2hUmw2FfGYK1vLNAY27l2rljoqQQ/KVo/+WPRsbhyPPK7kZORZgdloU3Eh9I2vi2IOE/rDqlB4x6Lh8xEAZoOhc6yXKgMJMahDdNKqFYewh8BXwQLEi4IOzlTSdF1Z3kXOZZHi1pkFSQ6jeJEqEfoORKVmJdJQRcr35k8Nr73dhX3ZPwyAUYhk0uQEpiNM41Y5MRpoyNwGomHCET/gNdMKAWKwkdCJAVLhfObMJngEssS2YiIRGQSejoRjYTqRE27lAoUn4FjWoGmsCo1WoemEHQXXdGI8vnPnwRJXdpJzhiT6ClCSnMn9waIgQpt+0IPOE8XhxJ8ZLWcSYnM4hmlmmUfqBQyhsMuxw2Kn5s4OgNmeXISZtW8C0fQTgJvqjVwhlRX8GUhTUrhO9aW1g4Smw4eKiu7QjJWb2yRYJAGc2xnx6vKobMW/m78jcPr4G8WqYxv3rsWOEI0TGvkBLKSqqCTFGhEqOGLNodr2wLNP7REhxx78q6DkqCv64zt3aoHwd7xfCeEAyk8oKRBKow0HOdJYGG5gWIeVmYk7mDSaf9I0ClWas1N3DILUZuk/BwMmMtN/LFIh0X2LaK32NbKG4TtlKMiL4Nba1GWFQxKbpPlG2TYGR9tnLW7QfF2e1l546WgRviECQdkTK4UV6d/ZnvSU8jnf142MDq9L+PwvuGuUb1fhc1lT135IMkHFU/p+NCiD4O2IrbSAo1FotIKrZHSIx0gQaI0ke9UHodNL9q8lI6cn6DDYlHAwQfPOYEzjXo4A7DoPvXp2ZVVm72aODznV686vJbttQcsJU938xlsyOI9Rw2fCzKiLU9u+byzL+AIde456vhSmi9tH75MvvDgCTlsqWr3lZ3WTu7OaaLQt9B8wzUtZ+BoeVLDN/yJ3b7H7rvGw3dm7FjSZ/OGQKSAH4lr7n7gnzGGHzh4AlqTKp7ZIKx6Iu0nky2vHrI+/MInq4pfJNRa1W/CsePyaEe/6d99+71aOKEU31N4CCZqY4AZYB2RAv/KwaZZvuHNsQJPhYDy5EwbQuHPtkOYE9JpAdwKYFWIVUIcIaAGAcsdRCYn4XEEaT3IbFZdITE4KQ3mToO2YXAmht6DvRzRTluIXE+TGnKmyng+TyYqJHyJOxRSqDQMmYLyRn0zKY4Ptc4AmlA8GMhxm+N5aLWDxhsQCaFHBZXrEToDSYlg0DZiDUMRCkw4ZgYzR5j4ZWYNk5XnIi/JmiUjYBgQngMlE9jgAZa3sKsPm63sDXJFDm5K8TWqd3YKgVQWwoeLfOcK0ZttQWMMtYP7guaZR4yAc8w7ospiJGSCsWLn3bqizBKTjzEB0KlwLh8hpj2jvdLRjO/biopmyljEIRnCqCPmmWPxSPRkanDEMgrok84gVRaqnY1v4I5pWpbITiGWHdlw7NoPGKbFvgoRzRFJFQdbGivGSYSplkieRhAmckSJHFfigpFAEsLj4+b+JjP2CgfMGOU8L7UTfHAtWaiUdBtk6cIemArbQ08SNqZQ7pjPaiYYo5j6k9IOTlXLQAMq47gPKKe5RIO9q0Ieti5IScE7knMn76A4CKtIF+pYCvBIsSAL4wHvVUHJEJcsjZUwBGYfcr7kYeK+AsFuQlBl9CaklDBKZiUWc8hCBCxO2UIuXGQpcAY39zSiB7CzTyA7UA9WwIXAQaIwE0mQQqasAXVgLRFGeLUdCY8le00iZRPlTpWVlDIbHVQLuKpQq7aaEL0Jb6RMJcHiqZCBJc9URk/VM1HVCuAZ5eXUeKw12k6p47VeaYs5Iw0UG1PTxNqZS5qjJpCJg+dIq88jAflQuE8QgJ6H+kRmMRtsAP5ypwHiGBZwaahDkUkKZivJpRFqOc/HVQ6VVckelqoU+bK3zFOVv6lyhdc1V5KYMRS2Qs9a1tDKRLU2rdsSpbDzfaARsnZW7o3r3hia0ekb7VqAb7RDR/PDKUu7rkE24PGNUNhAOmoMnke2IEYzfAI4p4xGIMCUc8MQFGTEE9QfGSrXW/5BmAAblHvGObavrAC77pJz0oM8ixAMRKErFwbX0HItyIYFbInm1hIiRzIAnzt1BLDmUWhGKpxWKCGC6I+8gMDFANABBSN5L1SWZJREMUlR4KjixwREHEgHAG8BEnKhSKFPTiOoHlnxKCQ/se+oI/NuwDGcmmxP1d7oSylaAYNVKqBdK7buVSjL0kYrMH3BhaXvcZShIAadE+iaPDP3LusMzio7Qpt11fO0B/C4CbWgPn0rFfoAtFuFyq1YjgqYADloqkLRUScp7ZpGpQ5JHAAoo5jwZsURtciopWMYSYW4q3UPkqDUNtNRO1jf267QYOWYhBjLdZJisFCF+Opqi3SZbLTXvRsCE3k7YVXJMKuC7rSqB8cXpfBpMKVQVZR5g5ZaaiyGVMEDjaQhy1bDqlYgkjKkAbCMqGiZ0VrZR4NSWqfM+qpQ+mhj2jkPLQKXL7hjQfuWwFhkr46RsQnV1ToypPsJXwmEP8LRCUYHfNkhdVopZR97Kg19huG5doCNrCsdayhtyntynIFV6whwSu+tJ2ZaB39Znvk+ajfF0yfSlh0A42Aap1VkHZWDqERKuoWi0IxyAOLThvRgBIAkTjkGODuA25GkszOyQThWD04cYoJkwyVzlD4G/MFaFYFSBr4YgMXoXQczDfZxDBhrgGcQhw5QAeGax2YDnGam68i2ONgMMjTuyWlpAvcTusGNdYK9E6CdifMa+JGmTmCc+fDDLAotLnJTEcTEnXDNtju+R/xyChmlIb8QwVVh8DFRPHOHeszdNizFeaDTL5x3BvomQWOzY2RcgNeCRpbsQRWC824u+x0NuFgkAIyIDODcj8Yi9ycBBVTbAjVBl46/gdaF8F3TXhRzKiSua8N8e6CjE+eJlbZHLvi9kTLj2NHXDSRtgUDgHdAa7J1rq86tFjSUZmFMIeuQOpRA3iDLbij5nvMmnBRKOfBg3ZMaWdL3mgOMnPaSIrvzp0P/9jrh+VHBfs3R6wVEu36Xm6mebyIg92sI2/v4jfHr49/embz3va7Hbze+93/8Vvll5GkZZ6lroucNvwmD8+XK/eY+6P1b5fp6QXJe5TQYfRrjcz3eOj4+H7+KvjovY5uTVz+SOyZDSPdfPh8/p/7s9Pj46KPjPSqPtfHLrl+/H/8BgrRwlMdC90oAAAeoSURBVGje1VpdbFTHFf7Ombvru8savA62iyhgbFjAVMYNrn+iSFElUihBzQMkVduHkohfKa9OpFJV6gNVS1/yVEeNmpJISdUQFCFBRBqVlwgSO0Y2kAI2Nja2AdleW7vYe/fvzpw+7BpwMcTYd0H9pNU+zNxvvnPO3PnunbmEx8DYBx8g3toKZdtIT0xAOw4C4XAgk0yugzGNRuRHBGwUkeUQKQZRCAADmAQQB9EtAq6AuZ2Z26xFi7pTo6OOtbgYVsX3II6Dktdfx9Ldu+esiebasbu5GRwMwoyN4fOLF/FiXV0VZbPbROQlEfkhRMoAWHOkc0E0RkQXiPkU+f2nI+fP93bX1YGXLYMkElj35ZfeBND38stwrlyBCgbh9vaiaM2aDcZ1d4vWuyBS9TgVfKgI5gEodZx9vveyXV2X1aZN0IkEghs3ourTT+cfQF9TE+ySEsQHByGBQCmn03ug9UERqfRC+INq6AYp9Q7Z9rvGccYXV1cjHYuh+hHVeGgAPfX1YGZMjY6iqLi4XrQ+DGNe/K6gPYAQ87/J5zuUGh9vL161CsYYrP3qq1k786ziN28GRFB94ADsUOgVcd2PYcxPnoB4ACAxZotkMh/bpaU/L9++nWAMehobZ+/8gPj6ekAEdlkZJ4aHD4jWhyFS8gSEz6KO4mRZvw2uXduavnVLk1JYe/bsjC4zKtDX1AQmwtqWFuTFH3lq4gFAZIm47h+da9cOVuzcSUSEvhdemBnjXfE7dsB2XUS7u1G0aNEuo/W7CxDvgGgUgNwdR6QcQHBebERx9vn2p6PRf4YbGqCVwurjx2cGcCkSgVIKZFmbxXWPQWT1vDPH/AXZ9n4Y4wIAlLIkmfwrjNkyX0oiGmC//1WTzX4j2Sxqrl3LDQUA3U1NUIEAxLZLRes/LEg8AIg4WL78BpQaglJDVlXVIABnYZRSabLZwxQIPMOhEHqefz4XQPToUVAgAH3jBiiT2ZNfKhcMmpxkKi4GhcNwYzGGByuYGLNF0um9yc5OqFAI0Y8+AvU2N0NPTQFKbTDp9GeemBTRCSor2wXAJZ8PBFj69u3jMOZnHnDf4EBgu2h92QqHwSoQwIeXLsG47mseOqwgmwVcF9AaRmtARBZOC0BkFbLZ1zZcuAAKhcDp8XH8sq6uWrTe5ZH4HIwBjIHk/z2l1npnz7PPVpubN8HacYBsduuCb9yZWRIxRmAMKP/DvSXVi+SsNpnMtsydO+BAaWlQRHZ4miLcc0gR8Wz2zMiRMS/Z5eVBzjhORETqvB5Ai0CQW3qoEAGI1OlEImLBmIb8y4inUMjNmUJVACJlRusGNiINmPub1Jyh88IpH0wBYEGkgQmoKQS7YgYRQQC4hQkAAtSwiHy/EOSaiIQIRASLCvQaIbLcAhAuBLciAvIV8NYFZqCEMd9H3EeBiAwRpiugmBfOOTtCFrw0mPvA0xVgnq5AQeYRA5gqBLHJZ4aYC1kBhwHEC8E8nW4RgSmED+QwwSC6WQjm0LlzrsTjQDSKZ95/X6MQU5XopkXAfwRo9pRYZP3k+vW/k/wCNLZ1KxPRes/1A5ctELUD2A1v3Xg9iH4/PY0K5AIumL9hZm7P7yD8f4FojJVqY8u2e4io62nreVwwUZc/GOyx0rFYkv3+kwJs95DfAdEIZu4LVcBD0xTmU87YmGOpYBAg+pyMuS4ebZeD+Szb9j6jtUs5M/MhlVrQvtAMEPWzz3eaLQuswmGc6+q6DuZPvMoORByzYsUQlBqGUsO+6upBAEmv6FmpT452dvb5ly4FSyqF5tpakM/3dxANeDQGqTt3iJcsAUpL4cbjnlkxEfVDqfd+XVsLk0qBw/v3g8vLoXt7rxJzK7wwHCKhM2e0Hh6GDAyg7O23XU94ATHMrRgevqqXLsXivXtzS/TV556DSSRAzKVIp/8hubOAhQRwBSIfAhAQASIMol9BZGFmxvwvtu1fiDETYtuo+frrex7zbSSC3E2hNovrHhMvt1m8AFG/8vleNa7boV0XP+jpycU03R6MRLBk5UqkJyfPk1JvgSj2tDXfJz6mlHorHY93FFdWIrhhw92muwFUnTyJVDyOReXlWPfmm8dIqd+AqCCP2o8pfoqVOrS6peVYsKIC6VgMVSdO3Gv+3/7TR0xFFRXsDA7uz2+3lzwl8TFW6pC9YsU7mZERA2ZEOjpmdHlgeYt0dEBEkBoZMZGWllZWah8R9T8F8f1KqX0r33ijNTM6aiSv7YFuD7u+p74eRIRkNAp/KLTZ5I5Zn8RJpYD5C2VZh9LxeEdw2TIYYxBpb589zkcx9TY2wldSAmdoCOT3l5psdg+MOYgCHXQT0YBh/osqKvqbpFITxZWVuYPuc+cees0jHXJNWxtcpQCtISIT2cHBI+z3/5SU+hOI+jxU3s9KHaGiou08NPRnMWbCuC7SlvVI8d9ZgfvR09QEFQwiE41i5OJFLNu0abVx3W0Q2THfjz2YqFOITrHPd/pMV9f1H9fWQpeXgxIJ1DzkZH7eAQDA7cOHMXnyJGDbkPFxZJNJ2OFwQKdS60xuk7hRRGogshzAYgCh/KVTBNwRoptEdBlE7UTU5rft7mQslrSCQfjDYeh0Ove5zd69c9b0X/Mwd3fjO2zSAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTEwLTMxVDE3OjI2OjEwKzAwOjAww/1wFwAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMC0zMVQxNzoyNjoxMCswMDowMLKgyKsAAAAodEVYdGljYzpjb3B5cmlnaHQAQ29weXJpZ2h0IEFwcGxlIEluYy4sIDIwMjLktL+cAAAAF3RFWHRpY2M6ZGVzY3JpcHRpb24ARGlzcGxheRcblbgAAAAASUVORK5CYII=") 100% 50% no-repeat transparent;background-size:18px;width:24px;height:18px;margin:6px 12px 6px 16px;padding-left:10px}.mp-text-title{font-family:"Proxima Nova",-apple-system,"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;font-size:16px;line-height:20px;display:flex;align-items:center;color:rgba(0,0,0,.9);margin:4px 0;font-weight:700}.mp-text-subtitle{font-family:"Proxima Nova",-apple-system,"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;font-size:16px;line-height:18px;display:flex;align-items:center;color:rgba(0,0,0,.9);margin:4px 0}.mp-button-payments{font-size:14px;line-height:16px;color:#fff;border:none;padding:9px 12px 7px;background:#009ee3;border-radius:5px;margin:15px 0 5px 0;cursor:pointer;transition:box-shadow .25s ease-out,background-color .2s ease-out;box-shadow:0 0 0 0 #fff}.mp-button-payments-a{text-decoration:none}.mp-button-payments:hover{border-color:transparent;background-color:#007eb5;color:#fff;-webkit-transition:background-color .2s ease-in;transition:background-color .2s ease-in}.mp-button-payments:focus{outline:0;box-shadow:0 0 0 .1875em rgb(27 135 201 / 30%);-webkit-transition:box-shadow .25s ease-in;transition:box-shadow .25s ease-in}.mp-button-payments:active{border-color:transparent;background-color:#005e88;color:#fff}.mp-activable-input-subtitle{font-weight:400!important;font-size:14px!important;margin-bottom:0}.mp-checkbox-list-description{margin:10px}.mp-list-group{list-style:none;padding:10px;width:fit-content;min-width:30%;display:-moz-inline-grid;display:-ms-inline-grid;display:inline-grid}.mp-list-group-item{border:1.5px solid rgba(0,0,0,.1);height:40px;margin:0}.mp-list-group-item:first-child{border-radius:6px 6px 0 0}.mp-list-group-item:last-child{border-radius:0 0 6px 6px}.mp-custom-checkbox{margin:10px}.mp-custom-checkbox-input{vertical-align:middle}.mp-custom-checkbox-label{vertical-align:middle;cursor:pointer;font-size:14px}.mp-preview p{margin:16px 0!important}@media screen and (max-width:1200px){.mp-list-group{display:block;min-width:50%}}@media screen and (max-width:680px){.mp-list-group{width:100%}}.mp-support-link-text{display:inline-block;font-family:"Proxima Nova",-apple-system,"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;color:rgba(0,0,0,.9);font-size:14px;font-style:normal;font-weight:400;line-height:18px}.mp-support-link-text-with-link{color:#009ee3;text-decoration:none}.mp-support-link-bold_text{font-weight:600} \ No newline at end of file diff --git a/assets/css/admin/mp-admin-notices.css b/assets/css/admin/mp-admin-notices.css new file mode 100644 index 000000000..642dd36a8 --- /dev/null +++ b/assets/css/admin/mp-admin-notices.css @@ -0,0 +1,264 @@ +.mp-alert-frame { + align-items: center; + display: inline-flex; + justify-content: center; + justify-items: center; +} + +.mp-left-alert { + padding-top: 5px; +} + +.mp-left-alert img { + max-width: 30px; + min-width: 30px; + padding-right: 8px; +} + +.mp-right-alert { + padding-top: 0; +} + +/*< Style component review */ +.mp-rating-review { + display: flex; + margin: 32px 16px 32px 0; + position: relative; +} + +.mp-alert-color-success { + width: 6px; + background: #009ee3; + border-radius: 6px 0 0 6px; +} + +.mp-review-body { + display: flex; + align-items: flex-start; + padding: 12px 24px 20px 0; + background: rgba(0, 0, 0, 0.04); + border-radius: 0 6px 6px 0; + width: 100%; +} + +.mp-icon-badge-info { + background: url("../../images/icons/icon-tip.png") 100% 50% no-repeat transparent; + background-size: 18px; + width: 24px; + height: 18px; + margin: 6px 12px 6px 16px; +} + +.mp-text-title { + font-family: "Proxima Nova", -apple-system, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif; + font-size: 16px; + line-height: 20px; + display: flex; + align-items: center; + color: rgba(0, 0, 0, 0.9); + margin: 4px 0px; + font-weight: bold; +} + +.mp-text-subtitle { + font-family: "Proxima Nova", -apple-system, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif; + font-size: 16px; + line-height: 18px; + display: flex; + align-items: center; + color: rgba(0, 0, 0, 0.9); + margin: 4px 0px; +} + +.mp-review-button { + font-size: 14px; + line-height: 16px; + color: #ffffff; + border: none; + padding: 9px 12px 7px; + background: #009ee3; + border-radius: 5px; + margin: 15px 0px 5px 0px; + cursor: pointer; + transition: box-shadow 0.25s ease-out, background-color 0.2s ease-out; + box-shadow: 0 0 0 0 #fff; +} + +.mp-review-button-a { + text-decoration: none; +} + +.mp-review-button:hover { + border-color: transparent; + background-color: #007eb5; + color: #fff; + -webkit-transition: background-color 0.2s ease-in; + transition: background-color 0.2s ease-in; +} + +.mp-review-button:focus { + outline: 0; + box-shadow: 0 0 0 0.1875em rgb(27 135 201 / 30%); + -webkit-transition: box-shadow 0.25s ease-in; + transition: box-shadow 0.25s ease-in; +} + +.mp-review-button:active { + border-color: transparent; + background-color: #005e88; + color: #fff; +} + +#mp-rating-message { + padding-right: 0 !important; + background: none !important; + border: 0 !important; +} + +/* \>*/ + +.mp-saved-cards-notice { + border: 1px solid #ccc !important; + background-color: #1F4E96; + display: flex; + justify-content: space-between; + align-items: center; +} + +.mp-left-saved-cards { + display: flex; + justify-content: center; + align-items: center; + padding-right: 10px; +} + +.mp-left-saved-cards img { + max-width: 67px; + min-width: 67px; + padding: 10px 16px 10px 0; +} + +.mp-right-saved-cards { + padding-top: 0px; + display: flex; + border-radius: 5px; +} + +.mp-saved-cards-title { + font-weight: 600; + font-size: 14px; + margin-bottom: 0 !important; + color: #fff; +} + +.mp-saved-cards-subtitle { + font-size: 12px; + margin-top: 0 !important; + color: #fff; +} + +.mp-saved-cards-link { + background-color: #fff; + color: #449DDD;; + border-radius: 4px; + font-weight: 600; + display: inline-block; + padding: 2px 36px 0; + text-align: center; + line-height: 34px; + font-size: 14px; + text-decoration: none; + min-width: 69px; +} + +.mp-saved-cards-link:hover, .mp-saved-cards-link:focus { + background-color: #007eb5; + color: #fff; +} + +#saved-cards-notice > button.notice-dismiss::before { + color: white; +} + +.mp-feedback-info-notice { + border-radius: 6px; + background-color: var(--accent-andes-accent-color-mp, #009EE3); + display: flex; + padding-right: 16px; + align-items: center; + margin: 23px 55px 0px 23px; +} + +.mp-feedback-info-frame { + display: flex; + justify-content: space-between; + padding-left: 12px; + align-items: baseline; + gap: 16px; + align-self: stretch; +} + +.mp-feedback-info-title { + color: var(--Text-andes-text-color-inverted, #FFF); + font-family: "Proxima Nova", -apple-system, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif; + font-size: 16px; + font-style: normal; + font-weight: 600; + line-height: 20px; + margin-bottom: 4px; +} + +.mp-feedback-info-subtitle { + color: var(--Text-andes-text-color-inverted, #FFF); + font-family: "Proxima Nova", -apple-system, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif; + font-size: 14px; + font-style: normal; + font-weight: 400; + line-height: 18px; + margin-top: 0; +} + +.mp-feedback-info-icon { + display: flex; + background-color: #007EB5; + border-radius: 100px; +} + +@media (max-width: 768px) { + .mp-rating-frame { + justify-content: baseline; + } + .mp-left-rating-text { + display: none; + } + .mp-left-rating img { + padding-right: 8px; + padding-top: 0.5em; + } + .mp-right-rating { + width: 100%; + } + .mp-rating-link { + width: 100%; + padding: 2px 28px 0; + } + .mp-saved-cards-frame { + justify-content: baseline; + } + .mp-left-saved-cards-text { + display: none; + } + .mp-left-saved-cards img { + padding-right: 8px; + padding-top: 0.5em; + } + .mp-right-saved-cards { + width: 100%; + } + .mp-saved-cards-link { + width: 100%; + padding: 2px 28px 0; + } + + +} diff --git a/assets/css/admin/mp-admin-notices.min.css b/assets/css/admin/mp-admin-notices.min.css new file mode 100644 index 000000000..73aaca863 --- /dev/null +++ b/assets/css/admin/mp-admin-notices.min.css @@ -0,0 +1 @@ +.mp-alert-frame{align-items:center;display:inline-flex;justify-content:center;justify-items:center}.mp-left-alert{padding-top:5px}.mp-left-alert img{max-width:30px;min-width:30px;padding-right:8px}.mp-right-alert{padding-top:0}.mp-rating-review{display:flex;margin:32px 16px 32px 0;position:relative}.mp-alert-color-success{width:6px;background:#009ee3;border-radius:6px 0 0 6px}.mp-review-body{display:flex;align-items:flex-start;padding:12px 24px 20px 0;background:rgba(0,0,0,.04);border-radius:0 6px 6px 0;width:100%}.mp-icon-badge-info{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAA6lBMVEUAAAAAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMBnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuP///9MYiCLAAAATHRSTlMAABJBe7HX7/6wAy9+xgE3nukBHInqG0bLyQRq62sIf/b3+/nhWyAfqQKSjrUH812FQkCE9dXYUhXw1BTTwQq/CcDWr80QPeNFafzKW/JxxwAAAAFiS0dETYBoIGUAAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQfmCwkODC587ENtAAAB+ElEQVRIx5WWaV/iMBDGEwptbcsCCnSphdb7WI/dFcFjVVw8Vs33/zxO2p+CzBO6fV7O5J9jMpmJEDNJrYpVrdmOq5Tr2CtVq5IZBRQ5PD+o68Efcp164HuYIOu3RrOlmFrNxipAyLTW7iioTrvLCDKE35VRvXCBkDJaj9USxf1onpBykKRqqTaSwYyg+ZNNVaDN5HMN2t56WjSe1uh/nIPOGxePp3OEOUDx5PHZ2t7e4rHqaoLuq81c9s7u3o7NzG26QQIa7L46lk4gi9sbGvCabKb9Aw0c7DNH0yPA5/lzmO/1B3O0fAICHo+jY73C8RH3BFJU6tx8cqqB0xPuqVeE5aCQ//z1+ywGDscSVVchpfju3aqoqVKqCRvah+fnQ+gYCQeaxxcX4xHyXAp0hOFYR2mMjuEKNM3VtQau/yAfBG5u9U3f3kAAbeluooHJPdwSOvS9GXBgWJcAf8VKOWAKU8MMUGqg5DMDlHwovc0ApTd6QGYgwE/UCGRPFBQBI5AVAVBmHh51Lj0+LNrzMgMKmfOkgScWv6yQEdHtsT35nuezHeWlEhfj5+n0edEW//us3rK/oQqVvshZg/iPhvKaRPMtaJAUrJEmk69NLurHy8bHL9FiG5Vhzzz+LUSNulumsWfEapmvQ/nPyfz3Z3SZf39q4PvzDpPK5SX4V3wiAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTA5VDE0OjEyOjQyKzAwOjAwxiqBfAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0wOVQxNDoxMjo0MiswMDowMLd3OcAAAAAASUVORK5CYII=") 100% 50% no-repeat transparent;background-size:18px;width:24px;height:18px;margin:6px 12px 6px 16px}.mp-text-title{font-family:"Proxima Nova",-apple-system,"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;font-size:16px;line-height:20px;display:flex;align-items:center;color:rgba(0,0,0,.9);margin:4px 0;font-weight:700}.mp-text-subtitle{font-family:"Proxima Nova",-apple-system,"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;font-size:16px;line-height:18px;display:flex;align-items:center;color:rgba(0,0,0,.9);margin:4px 0}.mp-review-button{font-size:14px;line-height:16px;color:#fff;border:none;padding:9px 12px 7px;background:#009ee3;border-radius:5px;margin:15px 0 5px 0;cursor:pointer;transition:box-shadow .25s ease-out,background-color .2s ease-out;box-shadow:0 0 0 0 #fff}.mp-review-button-a{text-decoration:none}.mp-review-button:hover{border-color:transparent;background-color:#007eb5;color:#fff;-webkit-transition:background-color .2s ease-in;transition:background-color .2s ease-in}.mp-review-button:focus{outline:0;box-shadow:0 0 0 .1875em rgb(27 135 201 / 30%);-webkit-transition:box-shadow .25s ease-in;transition:box-shadow .25s ease-in}.mp-review-button:active{border-color:transparent;background-color:#005e88;color:#fff}#mp-rating-message{padding-right:0!important;background:0 0!important;border:0!important}.mp-saved-cards-notice{border:1px solid #ccc!important;background-color:#1f4e96;display:flex;justify-content:space-between;align-items:center}.mp-left-saved-cards{display:flex;justify-content:center;align-items:center;padding-right:10px}.mp-left-saved-cards img{max-width:67px;min-width:67px;padding:10px 16px 10px 0}.mp-right-saved-cards{padding-top:0;display:flex;border-radius:5px}.mp-saved-cards-title{font-weight:600;font-size:14px;margin-bottom:0!important;color:#fff}.mp-saved-cards-subtitle{font-size:12px;margin-top:0!important;color:#fff}.mp-saved-cards-link{background-color:#fff;color:#449ddd;border-radius:4px;font-weight:600;display:inline-block;padding:2px 36px 0;text-align:center;line-height:34px;font-size:14px;text-decoration:none;min-width:69px}.mp-saved-cards-link:focus,.mp-saved-cards-link:hover{background-color:#007eb5;color:#fff}#saved-cards-notice>button.notice-dismiss::before{color:#fff}.mp-feedback-info-notice{border-radius:6px;background-color:var(--accent-andes-accent-color-mp,#009ee3);display:flex;padding-right:16px;align-items:center;margin:23px 55px 0 23px}.mp-feedback-info-frame{display:flex;justify-content:space-between;padding-left:12px;align-items:baseline;gap:16px;align-self:stretch}.mp-feedback-info-title{color:var(--Text-andes-text-color-inverted,#fff);font-family:"Proxima Nova",-apple-system,"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;font-size:16px;font-style:normal;font-weight:600;line-height:20px;margin-bottom:4px}.mp-feedback-info-subtitle{color:var(--Text-andes-text-color-inverted,#fff);font-family:"Proxima Nova",-apple-system,"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:18px;margin-top:0}.mp-feedback-info-icon{display:flex;background-color:#007eb5;border-radius:100px}@media (max-width:768px){.mp-rating-frame{justify-content:baseline}.mp-left-rating-text{display:none}.mp-left-rating img{padding-right:8px;padding-top:.5em}.mp-right-rating{width:100%}.mp-rating-link{width:100%;padding:2px 28px 0}.mp-saved-cards-frame{justify-content:baseline}.mp-left-saved-cards-text{display:none}.mp-left-saved-cards img{padding-right:8px;padding-top:.5em}.mp-right-saved-cards{width:100%}.mp-saved-cards-link{width:100%;padding:2px 28px 0}} \ No newline at end of file diff --git a/assets/css/admin/mp-admin-settings.css b/assets/css/admin/mp-admin-settings.css new file mode 100644 index 000000000..b4ffaf25a --- /dev/null +++ b/assets/css/admin/mp-admin-settings.css @@ -0,0 +1,1017 @@ +/* TODO: remove this if not useful +body { + background: #f0f0f1; + color: #3c434a; + font-size: 13px; + line-height: 1.4em; + min-width: 600px; +} +*/ + +.mp-settings { + margin: 0 55px 0 23px; + font-size: 16px; + min-width: 550px; + font-family: "Proxima Nova", -apple-system, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif; +} + +.mp-settings-header { + height: 340px; + margin: 30px 0 15px 0; + position: relative; +} + +.mp-settings-header-img { + width: 100%; + height: 100%; + background: url("../../images/settings/header.png") no-repeat center; + background-size: cover; + border-radius: 140px 170px 170px 0; + position: absolute; +} + +.mp-settings-header-logo { + position: relative; + background: url("../../images/logo.png") 98% 50% no-repeat transparent; + width: 190px; + height: 70px; + padding-right: 16px !important; + top: 60px; + line-height: 36px; + flex: none; + flex-grow: 0; + margin: 16px 0 0 50px; +} + +.mp-settings-header-hr { + position: relative; + top: 65px; + width: 28%; + border: 1px solid #00b1ea; + flex: none; + flex-grow: 0; + margin: 16px 0 0 45px; +} + +.mp-settings-header p { + position: relative; + top: 70px; + font-family: sans-serif; + font-size: 2rem; + line-height: 36px; + color: #ffffff; + flex: none; + flex-grow: 0; + margin: 16px 0 0 50px; +} + +.mp-container { + display: flex; +} + +.mp-settings-title-container { + display: flex; +} + +.mp-block { + padding: 24px; + background-color: #ffffff; + box-shadow: 0 6px 16px rgb(0 0 0 / 10%); + border-radius: 6px; +} + +.mp-block-requirements { + background-color: unset; + flex: 1; + flex-direction: column; + box-shadow: unset; +} + +.mp-align-items-center { + display: flex; + align-items: center; +} + +.mp-block-flex { + flex: 2; +} + +.mp-block-manual { + background: #f5f5f5; +} + +.mp-display-block { + display: block !important; +} + +.mp-settings-font-color { + font-family: "Proxima Nova", -apple-system, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif; + color: rgba(0, 0, 0, 0.9); +} + +.mp-settings-title-font-size { + font-size: 18px; + line-height: 22px; + font-weight: 500; +} + +.mp-settings-subtitle-font-size { + font-size: 16px; + line-height: 20px; + padding-bottom: 24px; +} + +.mp-settings-title-color { + color: rgba(0, 0, 0, 0.55); +} + +.mp-inner-container { + display: flex; + flex-direction: row; +} + +.mp-inner-container div:nth-child(1) { + flex: 1; + margin: 0; + padding: 0; + display: flex; + flex-direction: row; +} + +.mp-inner-container div:nth-child(2) { + flex: 1; + margin: 0; + padding: 0; + display: flex; + flex-direction: row-reverse; +} + +.mp-inner-container div p { + margin: 0 8px 0 0; + padding: 0; +} + +.mp-inner-container div h4 { + margin: 0; + padding-right: 5px; +} + +.mp-inner-container-settings { + display: block; + flex-direction: column; +} + +.mp-button { + font-size: 14px; + color: #ffffff; + border: none; + padding: 9px 12px 7px; + background: #009ee3; + border-radius: 5px; + margin: 15px 0 15px 0; + cursor: pointer; + transition: box-shadow 0.25s ease-out, background-color 0.2s ease-out; + box-shadow: 0 0 0 0 #fff; + font-weight: 400; +} + +.mp-button-small { + line-height: 16px; +} + +.mp-button-large { + line-height: 48px; + font-size: 16px; + padding-top: 0px; + padding-bottom: 0px; +} + +.mp-button:hover { + border-color: transparent; + background-color: #007eb5; + color: #fff; + -webkit-transition: background-color 0.2s ease-in; + transition: background-color 0.2s ease-in; +} + +.mp-button:focus { + outline: 0; + box-shadow: 0 0 0 0.1875em rgb(27 135 201 / 30%); + -webkit-transition: box-shadow 0.25s ease-in; + transition: box-shadow 0.25s ease-in; +} + +.mp-button:active { + border-color: transparent; + background-color: #005e88; + color: #fff; +} + +.mp-button-light-blue { + border-color: transparent; + background: rgba(71, 154, 209, 0.15); + color: #479AD1 ; +} + +.mp-button-light-blue:hover { + border-color: transparent; + background-color: rgba(65, 137, 230, 0.2); + color: #009ee3; + -webkit-transition: background-color 0.2s ease-in; + transition: background-color 0.2s; +} + +.mp-button-light-blue:focus { + outline: 0; + box-shadow: 0 0 0 0.1875em rgb(27 135 201 / 30%); + -webkit-transition: box-shadow 0.25s ease-in; + transition: box-shadow 0.25s ease-in; +} + +.mp-button-light-blue:active { + border-color: transparent; + background-color: rgba(65, 137, 230, 0.3); + color: #009ee3; +} + +.mp-settings-icon-success { + background: url("../../images/icons/icon-success.png") 100% 50% no-repeat transparent; + background-size: 16px; + padding-right: 16px !important; +} + +.mp-settings-icon-warning { + background: url("../../images/icons/icon-warning.png") 100% 50% no-repeat transparent; + background-size: 16px; + padding-right: 16px !important; +} + +.mp-settings-icon-open { + background: url("../../images/icons/icon-open.png") 100% 50% no-repeat transparent; + background-size: 16px; + padding-right: 16px !important; + transition: 300ms; +} + +.mp-settings-icon-open.mp-arrow-up { + transform: rotate(180deg); + transition: 300ms; +} + +.mp-settings-icon { + width: 70px; + height: 70px; + display: flex; + align-items: center; + justify-content: center; +} + +.mp-settings-icon-info { + background: url("../../images/icons/icon-info.png") 98% 50% no-repeat transparent; + padding-right: 16px !important; +} + +.mp-settings-icon-config { + background: url("../../images/icons/icon-config.png") center center no-repeat transparent; + padding-right: 16px !important; +} + +.mp-settings-hr { + position: static; + border: 1px solid #c6c6c6; + flex: none; + order: 0; + align-self: stretch; + flex-grow: 0; + margin: 32px 0 32px; +} + +.mp-settings-title-blocks { + font-weight: 500; + font-size: 20px; + line-height: 25px; +} + +.mp-settings-input { + width: 100%; + height: 48px; + left: calc(50% - 544px / 2); + top: 22px; + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.25); + border-radius: 6px; + flex: none; + order: 1; + align-self: stretch; + flex-grow: 0; + margin: 4px 0; +} + +.mp-settings-margin-right { + margin-right: 8px; +} + +.mp-settings-margin-left { + margin-left: 8px; +} + +.mp-settings-label { + font-family: sans-serif; + font-size: 14px; + line-height: 18px; +} + +.mp-settings-helper { + font-family: sans-serif; + position: static; + width: 532px; + height: 18px; + left: calc(50% - 532px / 2); + top: 0; + font-size: 13px; + line-height: 18px; + color: rgba(0, 0, 0, 0.55); +} + +.mp-settings-standard-margin { + margin: 0 0 24px; +} + +.mp-settings-blue-text { + cursor: pointer; + color: rgba(0, 158, 227, 1) !important; + text-decoration: none; +} + +.mp-settings-blue-text:hover { + text-decoration: underline; +} + +.mp-settings-switch { + position: relative; + display: inline-block; + width: 40px; + height: 24px; + margin: 0 12px 5px 0; +} + +.mp-settings-switch input { + opacity: 0; + width: 0; + height: 0; +} + +.mp-settings-slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background-color: #ccc; + -webkit-transition: 0.4s; + transition: 0.4s; +} + +.mp-settings-slider:before { + position: absolute; + content: ""; + height: 20px; + width: 20px; + left: 2px; + bottom: 2px; + background-color: white; + -webkit-transition: 0.4s; + transition: 0.4s; +} + +input:checked+.mp-settings-slider { + background-color: #2196f3; +} + +input:focus+.mp-settings-slider { + box-shadow: 0 0 1px #2196f3; +} + +input:checked+.mp-settings-slider:before { + -webkit-transform: translateX(16px); + -ms-transform: translateX(16px); + transform: translateX(16px); +} + +.mp-settings-slider.mp-settings-round { + border-radius: 34px; +} + +.mp-settings-slider.mp-settings-round:before { + border-radius: 50%; +} + +.mp-settings-debug { + margin: 0; +} + +.mp-settings-payment-block { + border-radius: unset; + border-bottom: 1px solid #c6c6c6; + display: flex; + align-items: center; +} + +.mp-settings-badge-active { + flex-direction: column; + justify-content: center; + align-items: center; + padding: 7px 8px 5px; + width: 45px; + height: 15px; + left: calc(50% - 57px / 2); + background: rgba(0, 166, 80, 0.1); + border-radius: 12px; + font-size: 12px; + line-height: 12px; + text-align: center; + color: #00a650; +} + +.mp-settings-badge-inactive { + flex-direction: column; + justify-content: center; + align-items: center; + padding: 7px 8px 5px; + width: 45px; + height: 15px; + left: calc(50% - 52px / 2); + background: rgba(0, 0, 0, 0.07); + border-radius: 12px; + margin: 0 0; + font-size: 12px; + line-height: 12px; + text-align: center; + color: rgba(0, 0, 0, 0.55); +} + +.mp-settings-test-mode-alert { + display: flex; + justify-content: center; + align-items: center; + padding: 7px 8px 5px; + height: 24px; + position: static; + width: 124px; + left: calc(50% - 124px / 2); + top: 0; + bottom: 0; + background: rgba(255, 119, 51, 0.1); + border-radius: 12px; + font-family: sans-serif; + font-size: 12px; + line-height: 12px; + text-align: center; + color: #ff7733; +} + +.mp-settings-prod-mode-alert { + display: flex; + justify-content: center; + align-items: center; + padding: 7px 8px 5px; + width: 196px; + height: 24px; + position: static; + left: 4.08%; + right: 4.08%; + top: 29.17%; + bottom: 20.83%; + font-family: sans-serif; + font-size: 12px; + line-height: 12px; + text-align: center; + color: #00a650; + background: rgba(0, 166, 80, 0.1); + border-radius: 12px; +} + +.mp-settings-fieldset { + margin: 0 0 24px 0; +} + +.mp-settings-align-div { + display: flex; + align-items: center; + justify-content: space-between; +} + +.mp-settings-text-payment { + font-family: sans-serif; + font-size: 14px; + line-height: 16px; + color: #009ee3; + margin: 0 10px; +} + +.mp-settings-margin-title-payment { + margin: 0 16px 0 16px; +} + +.mp-settings-border-bottom-payment { + border-bottom: unset; +} + +.mp-settings-helper-payment-methods { + padding: 0 16px 0 14px; + margin: unset; +} + +.mp-settings-radio-button { + max-width: 16px; + max-height: 16px; +} + +.mp-settings-alert-payment-methods { + display: flex; + align-items: stretch; + position: relative; + margin-top: 12px; +} + +.mp-settings-alert-payment-methods-orange { + width: 6px; + background-color: #ff7733; + border-radius: 6px 0 0 6px; +} + +.mp-settings-alert-red { + width: 6px; + background-color: #ff0000; + border-radius: 6px 0 0 6px; +} + +.mp-settings-alert-payment-methods-green { + width: 6px; + background-color: #00a650; + border-radius: 6px 0 0 6px; +} + +.mp-settings-alert-payment-methods-gray { + border-radius: 0 6px 6px 0; + width: 550px; + background: rgba(0, 0, 0, 0.04); + display: flex; + padding: 16px 20px 16px 14px; + align-items: flex-start; +} + +.mp-settings-alert-mode-body { + font-family: sans-serif; + font-size: 14px; + line-height: 22px; + margin-top: 4px; +} + +.mp-settings-alert-mode-title { + font-family: sans-serif; + font-size: 16px; + line-height: 20px; + margin-top: 0; + color: rgba(0, 0, 0, 0.9); +} + +.mp-settings-mode-container { + display: flex; + align-items: center; + margin: 20px 8px 0 0; +} + +.mp-settings-mode-spacing { + margin-right: 12px; +} + +.mp-settings-title-align { + display: flex; + justify-content: space-between; + cursor: pointer; +} + +.mp-icon-align { + display: flex; + align-items: center; +} + +.mp-settings-block-align-top { + padding-top: 8px; +} + +.mp-credential-feedback-positive { + background: url("../../images/settings/feedback-positive.png") 98% 50% no-repeat transparent; + background-size: 1rem; + padding-right: 30px !important; +} + +.mp-credential-feedback-negative { + background: url("../../images/settings/feedback-negative.png") 98% 50% no-repeat transparent; + background-size: 1rem; + padding-right: 30px !important; +} + +.mp-settings-tooltip { + position: relative; + display: flex; +} + +.mp-settings-tooltip .mp-settings-tooltip-text { + visibility: hidden; + width: 200px; + background: #ffffff; + box-shadow: 0 0 6px rgba(0, 0, 0, 0.1), 0 6px 16px rgba(0, 0, 0, 0.1); + border-radius: 6px; + color: black; + text-align: left; + padding: 16px; + position: absolute; + z-index: 3; + top: 30px; + left: -550%; + font-family: sans-serif; + font-size: 16px; + line-height: 20px; + word-wrap: break-word; + cursor: auto; +} + +.mp-settings-tooltip .mp-settings-tooltip-text p { + padding-bottom: 10px; +} + +.mp-settings-tooltip .mp-settings-tooltip-text::after { + content: " "; + position: absolute; + bottom: 100%; + left: 50%; + margin-left: -5px; + border-width: 5px; + border-style: solid; + border-color: transparent transparent black transparent; +} + +.mp-settings-tooltip:hover .mp-settings-tooltip-text { + visibility: visible; +} + +.mp-settings-tooltip { + position: relative; + display: inline-block; +} + +.mp-settings-tooltip .mp-settings-tooltiptext { + visibility: hidden; + width: 120px; + background: #fff; + color: #fff; + text-align: center; + border-radius: 6px; + position: absolute; + z-index: 1; + top: 150%; + left: 50%; + margin-left: 0; + padding: 16px; +} + +.mp-settings-tooltip .mp-settings-tooltip-text::after { + content: ""; + position: absolute; + bottom: 100%; + left: 45%; + margin-left: -13px; + border-width: 5px; + border-style: solid; + border-color: transparent transparent #fff transparent; +} + +.mp-settings-tooltip:hover .mp-settings-tooltip-text { + visibility: visible; +} + +.mp-settings-choose-mode { + flex-direction: column; + justify-content: space-between; +} + +.mp-settings-mode-style { + width: 16px; + height: 16px; +} + +.mp-settings-mode-warning { + display: flex; + flex-direction: column; + justify-content: flex-start; +} + +.mp-settings-select { + appearance: unset !important; + -webkit-appearance: unset !important; + -moz-appearance: unset !important; + max-width: none !important; + display: flex !important; + flex-direction: column !important; + justify-content: center !important; + align-items: flex-start !important; + padding: 12px 8px 12px 12px !important; + position: static !important; + height: 48px !important; + left: calc(50% - 544px / 2) !important; + top: 22px !important; + background: url("../../images/icons/icon-shape.png") no-repeat center right #fff !important; + background-origin: content-box !important; + border: 1px solid rgba(0, 0, 0, 0.25) !important; + border-radius: 6px !important; + text-align: center !important; + text-align-last: center !important; + margin: 4px 0 !important; + width: 100% !important; +} + +.mp-settings-flex-start { + align-items: flex-start; +} + +.mp-settings-link { + width: 75%; + display: flex; + text-decoration: none; +} + +.mp-alert-danger { + color: #842029; + background-color: #f8d7da; + border-color: #f5c2c7; +} + +.mp-alert-success { + color: #0f5132; + background-color: #d1e7dd; + border-color: #badbcc; +} + +.mp-alert { + position: relative; + padding: 1rem 1rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.mp-text-center { + text-align: center !important; +} + +.mp-settings-checkbox-options { + line-height: 1.4; + margin: 0.25em 0 0.5em !important; + display: inline-block; + vertical-align: middle; + cursor: pointer; + font-size: 14px; + user-select: none; +} + +/* support container */ + +.mp-settings-support-container { + margin-top: 50px; + background: #ffffff; + padding: 24px; + box-shadow: 0 6px 16px rgb(0 0 0 / 10%); + border-radius: 6px; +} + +.mp-settings-hr-support { + position: static; + margin: 16px 0 16px; +} + +.mp-settings-support-title { + color: rgba(0, 0, 0, 0.90); + font-family: "Proxima Nova", -apple-system, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif; + font-size: 16px; + font-style: normal; + font-weight: 400; + line-height: 20px; +} + +.mp-settings-support-content p { + color: rgba(0, 0, 0, 0.90); + font-family: "Proxima Nova", -apple-system, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif; + font-size: 14px; + font-style: normal; + font-weight: 400; + line-height: 10px; +} + +#mp-settings-support-how-to { + line-height: 32px !important; +} + +.mp-settings-support-content-table { + border-collapse: collapse; + margin-top: 16px; + margin-bottom: 16px; +} + +.mp-settings-support-content-table th, +.mp-settings-support-content-table td { + font-size: 12px; + padding: 8px; + padding-left: 5px; + text-align: left; + min-width: 300px; + line-height: 10px; +} + +.mp-settings-support-content-table th { + color: rgba(0, 0, 0, 0.45); +} + +.mp-settings-support-content-table th:first-child { + padding-left: 5px; +} + +.mp-settings-support-content-table th:last-child { + padding-right: 32px; +} + +.mp-settings-support-modal { + display: none; + position: fixed; + padding-top: 100px; + left: 0; + top: 0; + width: 100%; + height: 100%; + overflow-y: auto; + max-height: calc(100% - 100px); + background-color: rgb(0,0,0); + background-color: rgba(0,0,0,0.4); +} + +.mp-settings-support-modal-content { + position: relative; + background-color: #fefefe; + margin: auto; + padding: 48px; + border: 1px solid #888; + width: 55%; + border-radius: 10px; +} + +.mp-settings-close { + color: #000; + float: right; + font-size: 28px; + margin-top: 20px; +} + +.mp-settings-close:hover, +.mp-settings-close:focus { + color: #000; + text-decoration: none; + cursor: pointer; +} + +.mp-settings-modal-table { + border-collapse: collapse; + width: 100%; +} + +.mp-settings-modal-table-header { + background-color: #ccc; + font-weight: bold; + border: 1px solid lightgrey; + padding: 10px; +} + +.mp-settings-modal-table-cell { + border: 1px solid lightgray; + padding: 10px; + text-align: center; +} + +.small-cell{ + width: 5px; + text-align: center !important; +} + +.mp-settings-modal-title{ + color: rgba(0, 0, 0, .9); + font-family: "Proxima Nova", -apple-system, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; + font-size: 22px; + font-style: normal; + font-weight: 500; + line-height: 20px; + margin-bottom: 16px; +} + +.mp-settings-modal-desc { + color: rgba(0, 0, 0, .9); + font-family: "Proxima Nova", -apple-system, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; + font-size: 16px; + font-style: normal; + font-weight: 400; + line-height: 24px; + margin-bottom: 24px; + margin-top: 24px; +} + +.mp-settings-modal-table-row { + border: 1px solid #000; +} + +.mp-settings-modal-table-cell, +.mp-settings-modal-table-header { + height: 50px; + min-width: 60px; + text-align: left; +} +.mp-settings-pagination{ + margin-bottom: 20px; +} +#downloadSelected { + position: absolute; + bottom: 0px; + right: 45px; + padding: 16px; +} + +.mp-settings-button-group { + text-align: center; + margin-top: 20px; +} + + +.mp-page-span { + margin-right: 10px; + cursor: pointer; +} + +.mp-page-span.active { + color: #000; +} + +.mp-page-span:not(.active) { + color: lightgray; +} + +/* end support container */ + +@media screen and (max-width: 780px) { + .mp-settings { + margin: 0 0 0 -10px; + } + + .mp-settings-header-img { + width: 100%; + height: 100%; + } + + .mp-block-requirements { + flex-direction: column; + margin: 10px 0 10px 0; + } + + .mp-container { + flex-direction: column; + margin: 10px 0 10px 0; + } + + .mp-block { + margin: 10px 0 10px 0; + } + + .mp-settings-payment-block { + margin: unset; + } + + .mp-settings-header { + height: 250px; + } + + .mp-settings-header p { + top: 55px; + font-size: 1.25rem; + } + + .mp-settings-title-blocks { + font-size: 1.25rem; + } + + .mp-settings-icon { + width: 60px; + height: 40px; + min-width: 60px; + display: flex; + align-items: center; + justify-content: center; + } +} diff --git a/assets/css/admin/mp-admin-settings.min.css b/assets/css/admin/mp-admin-settings.min.css new file mode 100644 index 000000000..dffdbc442 --- /dev/null +++ b/assets/css/admin/mp-admin-settings.min.css @@ -0,0 +1 @@ +.mp-settings{margin:0 55px 0 23px;font-size:16px;min-width:550px;font-family:"Proxima Nova",-apple-system,"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif}.mp-settings-header{height:340px;margin:30px 0 15px 0;position:relative}.mp-settings-header-img{width:100%;height:100%;background:url("../../images/settings/header.png") no-repeat center;background-size:cover;border-radius:140px 170px 170px 0;position:absolute}.mp-settings-header-logo{position:relative;background:url("../../images/logo.png") 98% 50% no-repeat transparent;width:190px;height:70px;padding-right:16px!important;top:60px;line-height:36px;flex:none;flex-grow:0;margin:16px 0 0 50px}.mp-settings-header-hr{position:relative;top:65px;width:28%;border:1px solid #00b1ea;flex:none;flex-grow:0;margin:16px 0 0 45px}.mp-settings-header p{position:relative;top:70px;font-family:sans-serif;font-size:2rem;line-height:36px;color:#fff;flex:none;flex-grow:0;margin:16px 0 0 50px}.mp-container{display:flex}.mp-settings-title-container{display:flex}.mp-block{padding:24px;background-color:#fff;box-shadow:0 6px 16px rgb(0 0 0 / 10%);border-radius:6px}.mp-block-requirements{background-color:unset;flex:1;flex-direction:column;box-shadow:unset}.mp-align-items-center{display:flex;align-items:center}.mp-block-flex{flex:2}.mp-block-manual{background:#f5f5f5}.mp-display-block{display:block!important}.mp-settings-font-color{font-family:"Proxima Nova",-apple-system,"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;color:rgba(0,0,0,.9)}.mp-settings-title-font-size{font-size:18px;line-height:22px;font-weight:500}.mp-settings-subtitle-font-size{font-size:16px;line-height:20px;padding-bottom:24px}.mp-settings-title-color{color:rgba(0,0,0,.55)}.mp-inner-container{display:flex;flex-direction:row}.mp-inner-container div:first-child{flex:1;margin:0;padding:0;display:flex;flex-direction:row}.mp-inner-container div:nth-child(2){flex:1;margin:0;padding:0;display:flex;flex-direction:row-reverse}.mp-inner-container div p{margin:0 8px 0 0;padding:0}.mp-inner-container div h4{margin:0;padding-right:5px}.mp-inner-container-settings{display:block;flex-direction:column}.mp-button{font-size:14px;color:#fff;border:none;padding:9px 12px 7px;background:#009ee3;border-radius:5px;margin:15px 0 15px 0;cursor:pointer;transition:box-shadow .25s ease-out,background-color .2s ease-out;box-shadow:0 0 0 0 #fff;font-weight:400}.mp-button-small{line-height:16px}.mp-button-large{line-height:48px;font-size:16px;padding-top:0;padding-bottom:0}.mp-button:hover{border-color:transparent;background-color:#007eb5;color:#fff;-webkit-transition:background-color .2s ease-in;transition:background-color .2s ease-in}.mp-button:focus{outline:0;box-shadow:0 0 0 .1875em rgb(27 135 201 / 30%);-webkit-transition:box-shadow .25s ease-in;transition:box-shadow .25s ease-in}.mp-button:active{border-color:transparent;background-color:#005e88;color:#fff}.mp-button-light-blue{border-color:transparent;background:rgba(71,154,209,.15);color:#479ad1}.mp-button-light-blue:hover{border-color:transparent;background-color:rgba(65,137,230,.2);color:#009ee3;-webkit-transition:background-color .2s ease-in;transition:background-color .2s}.mp-button-light-blue:focus{outline:0;box-shadow:0 0 0 .1875em rgb(27 135 201 / 30%);-webkit-transition:box-shadow .25s ease-in;transition:box-shadow .25s ease-in}.mp-button-light-blue:active{border-color:transparent;background-color:rgba(65,137,230,.3);color:#009ee3}.mp-settings-icon-success{background:url("../../images/icons/icon-success.png") 100% 50% no-repeat transparent;background-size:16px;padding-right:16px!important}.mp-settings-icon-warning{background:url("../../images/icons/icon-warning.png") 100% 50% no-repeat transparent;background-size:16px;padding-right:16px!important}.mp-settings-icon-open{background:url("../../images/icons/icon-open.png") 100% 50% no-repeat transparent;background-size:16px;padding-right:16px!important;transition:.3s}.mp-settings-icon-open.mp-arrow-up{transform:rotate(180deg);transition:.3s}.mp-settings-icon{width:70px;height:70px;display:flex;align-items:center;justify-content:center}.mp-settings-icon-info{background:url("../../images/icons/icon-info.png") 98% 50% no-repeat transparent;padding-right:16px!important}.mp-settings-icon-config{background:url("../../images/icons/icon-config.png") center center no-repeat transparent;padding-right:16px!important}.mp-settings-hr{position:static;border:1px solid #c6c6c6;flex:none;order:0;align-self:stretch;flex-grow:0;margin:32px 0 32px}.mp-settings-title-blocks{font-weight:500;font-size:20px;line-height:25px}.mp-settings-input{width:100%;height:48px;left:calc(50% - 544px / 2);top:22px;background:#fff;border:1px solid rgba(0,0,0,.25);border-radius:6px;flex:none;order:1;align-self:stretch;flex-grow:0;margin:4px 0}.mp-settings-margin-right{margin-right:8px}.mp-settings-margin-left{margin-left:8px}.mp-settings-label{font-family:sans-serif;font-size:14px;line-height:18px}.mp-settings-helper{font-family:sans-serif;position:static;width:532px;height:18px;left:calc(50% - 532px / 2);top:0;font-size:13px;line-height:18px;color:rgba(0,0,0,.55)}.mp-settings-standard-margin{margin:0 0 24px}.mp-settings-blue-text{cursor:pointer;color:#009ee3!important;text-decoration:none}.mp-settings-blue-text:hover{text-decoration:underline}.mp-settings-switch{position:relative;display:inline-block;width:40px;height:24px;margin:0 12px 5px 0}.mp-settings-switch input{opacity:0;width:0;height:0}.mp-settings-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.mp-settings-slider:before{position:absolute;content:"";height:20px;width:20px;left:2px;bottom:2px;background-color:#fff;-webkit-transition:.4s;transition:.4s}input:checked+.mp-settings-slider{background-color:#2196f3}input:focus+.mp-settings-slider{box-shadow:0 0 1px #2196f3}input:checked+.mp-settings-slider:before{-webkit-transform:translateX(16px);-ms-transform:translateX(16px);transform:translateX(16px)}.mp-settings-slider.mp-settings-round{border-radius:34px}.mp-settings-slider.mp-settings-round:before{border-radius:50%}.mp-settings-debug{margin:0}.mp-settings-payment-block{border-radius:unset;border-bottom:1px solid #c6c6c6;display:flex;align-items:center}.mp-settings-badge-active{flex-direction:column;justify-content:center;align-items:center;padding:7px 8px 5px;width:45px;height:15px;left:calc(50% - 57px / 2);background:rgba(0,166,80,.1);border-radius:12px;font-size:12px;line-height:12px;text-align:center;color:#00a650}.mp-settings-badge-inactive{flex-direction:column;justify-content:center;align-items:center;padding:7px 8px 5px;width:45px;height:15px;left:calc(50% - 52px / 2);background:rgba(0,0,0,.07);border-radius:12px;margin:0 0;font-size:12px;line-height:12px;text-align:center;color:rgba(0,0,0,.55)}.mp-settings-test-mode-alert{display:flex;justify-content:center;align-items:center;padding:7px 8px 5px;height:24px;position:static;width:124px;left:calc(50% - 124px / 2);top:0;bottom:0;background:rgba(255,119,51,.1);border-radius:12px;font-family:sans-serif;font-size:12px;line-height:12px;text-align:center;color:#f73}.mp-settings-prod-mode-alert{display:flex;justify-content:center;align-items:center;padding:7px 8px 5px;width:196px;height:24px;position:static;left:4.08%;right:4.08%;top:29.17%;bottom:20.83%;font-family:sans-serif;font-size:12px;line-height:12px;text-align:center;color:#00a650;background:rgba(0,166,80,.1);border-radius:12px}.mp-settings-fieldset{margin:0 0 24px 0}.mp-settings-align-div{display:flex;align-items:center;justify-content:space-between}.mp-settings-text-payment{font-family:sans-serif;font-size:14px;line-height:16px;color:#009ee3;margin:0 10px}.mp-settings-margin-title-payment{margin:0 16px 0 16px}.mp-settings-border-bottom-payment{border-bottom:unset}.mp-settings-helper-payment-methods{padding:0 16px 0 14px;margin:unset}.mp-settings-radio-button{max-width:16px;max-height:16px}.mp-settings-alert-payment-methods{display:flex;align-items:stretch;position:relative;margin-top:12px}.mp-settings-alert-payment-methods-orange{width:6px;background-color:#f73;border-radius:6px 0 0 6px}.mp-settings-alert-red{width:6px;background-color:red;border-radius:6px 0 0 6px}.mp-settings-alert-payment-methods-green{width:6px;background-color:#00a650;border-radius:6px 0 0 6px}.mp-settings-alert-payment-methods-gray{border-radius:0 6px 6px 0;width:550px;background:rgba(0,0,0,.04);display:flex;padding:16px 20px 16px 14px;align-items:flex-start}.mp-settings-alert-mode-body{font-family:sans-serif;font-size:14px;line-height:22px;margin-top:4px}.mp-settings-alert-mode-title{font-family:sans-serif;font-size:16px;line-height:20px;margin-top:0;color:rgba(0,0,0,.9)}.mp-settings-mode-container{display:flex;align-items:center;margin:20px 8px 0 0}.mp-settings-mode-spacing{margin-right:12px}.mp-settings-title-align{display:flex;justify-content:space-between;cursor:pointer}.mp-icon-align{display:flex;align-items:center}.mp-settings-block-align-top{padding-top:8px}.mp-credential-feedback-positive{background:url("../../images/settings/feedback-positive.png") 98% 50% no-repeat transparent;background-size:1rem;padding-right:30px!important}.mp-credential-feedback-negative{background:url("../../images/settings/feedback-negative.png") 98% 50% no-repeat transparent;background-size:1rem;padding-right:30px!important}.mp-settings-tooltip{position:relative;display:flex}.mp-settings-tooltip .mp-settings-tooltip-text{visibility:hidden;width:200px;background:#fff;box-shadow:0 0 6px rgba(0,0,0,.1),0 6px 16px rgba(0,0,0,.1);border-radius:6px;color:#000;text-align:left;padding:16px;position:absolute;z-index:3;top:30px;left:-550%;font-family:sans-serif;font-size:16px;line-height:20px;word-wrap:break-word;cursor:auto}.mp-settings-tooltip .mp-settings-tooltip-text p{padding-bottom:10px}.mp-settings-tooltip .mp-settings-tooltip-text::after{content:" ";position:absolute;bottom:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent #000 transparent}.mp-settings-tooltip:hover .mp-settings-tooltip-text{visibility:visible}.mp-settings-tooltip{position:relative;display:inline-block}.mp-settings-tooltip .mp-settings-tooltiptext{visibility:hidden;width:120px;background:#fff;color:#fff;text-align:center;border-radius:6px;position:absolute;z-index:1;top:150%;left:50%;margin-left:0;padding:16px}.mp-settings-tooltip .mp-settings-tooltip-text::after{content:"";position:absolute;bottom:100%;left:45%;margin-left:-13px;border-width:5px;border-style:solid;border-color:transparent transparent #fff transparent}.mp-settings-tooltip:hover .mp-settings-tooltip-text{visibility:visible}.mp-settings-choose-mode{flex-direction:column;justify-content:space-between}.mp-settings-mode-style{width:16px;height:16px}.mp-settings-mode-warning{display:flex;flex-direction:column;justify-content:flex-start}.mp-settings-select{appearance:unset!important;-webkit-appearance:unset!important;-moz-appearance:unset!important;max-width:none!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;padding:12px 8px 12px 12px!important;position:static!important;height:48px!important;left:calc(50% - 544px / 2)!important;top:22px!important;background:url("../../images/icons/icon-shape.png") no-repeat center right #fff!important;background-origin:content-box!important;border:1px solid rgba(0,0,0,.25)!important;border-radius:6px!important;text-align:center!important;text-align-last:center!important;margin:4px 0!important;width:100%!important}.mp-settings-flex-start{align-items:flex-start}.mp-settings-link{width:75%;display:flex;text-decoration:none}.mp-alert-danger{color:#842029;background-color:#f8d7da;border-color:#f5c2c7}.mp-alert-success{color:#0f5132;background-color:#d1e7dd;border-color:#badbcc}.mp-alert{position:relative;padding:1rem 1rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}.mp-text-center{text-align:center!important}.mp-settings-checkbox-options{line-height:1.4;margin:.25em 0 .5em!important;display:inline-block;vertical-align:middle;cursor:pointer;font-size:14px;user-select:none}.mp-settings-support-container{margin-top:50px;background:#fff;padding:24px;box-shadow:0 6px 16px rgb(0 0 0 / 10%);border-radius:6px}.mp-settings-hr-support{position:static;margin:16px 0 16px}.mp-settings-support-title{color:rgba(0,0,0,.9);font-family:"Proxima Nova",-apple-system,"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:20px}.mp-settings-support-content p{color:rgba(0,0,0,.9);font-family:"Proxima Nova",-apple-system,"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:10px}#mp-settings-support-how-to{line-height:32px!important}.mp-settings-support-content-table{border-collapse:collapse;margin-top:16px;margin-bottom:16px}.mp-settings-support-content-table td,.mp-settings-support-content-table th{font-size:12px;padding:8px;padding-left:5px;text-align:left;min-width:300px;line-height:10px}.mp-settings-support-content-table th{color:rgba(0,0,0,.45)}.mp-settings-support-content-table th:first-child{padding-left:5px}.mp-settings-support-content-table th:last-child{padding-right:32px}.mp-settings-support-modal{display:none;position:fixed;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow-y:auto;max-height:calc(100% - 100px);background-color:#000;background-color:rgba(0,0,0,.4)}.mp-settings-support-modal-content{position:relative;background-color:#fefefe;margin:auto;padding:48px;border:1px solid #888;width:55%;border-radius:10px}.mp-settings-close{color:#000;float:right;font-size:28px;margin-top:20px}.mp-settings-close:focus,.mp-settings-close:hover{color:#000;text-decoration:none;cursor:pointer}.mp-settings-modal-table{border-collapse:collapse;width:100%}.mp-settings-modal-table-header{background-color:#ccc;font-weight:700;border:1px solid #d3d3d3;padding:10px}.mp-settings-modal-table-cell{border:1px solid #d3d3d3;padding:10px;text-align:center}.small-cell{width:5px;text-align:center!important}.mp-settings-modal-title{color:rgba(0,0,0,.9);font-family:"Proxima Nova",-apple-system,"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;font-size:22px;font-style:normal;font-weight:500;line-height:20px;margin-bottom:16px}.mp-settings-modal-desc{color:rgba(0,0,0,.9);font-family:"Proxima Nova",-apple-system,"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:24px;margin-bottom:24px;margin-top:24px}.mp-settings-modal-table-row{border:1px solid #000}.mp-settings-modal-table-cell,.mp-settings-modal-table-header{height:50px;min-width:60px;text-align:left}.mp-settings-pagination{margin-bottom:20px}#downloadSelected{position:absolute;bottom:0;right:45px;padding:16px}.mp-settings-button-group{text-align:center;margin-top:20px}.mp-page-span{margin-right:10px;cursor:pointer}.mp-page-span.active{color:#000}.mp-page-span:not(.active){color:#d3d3d3}@media screen and (max-width:780px){.mp-settings{margin:0 0 0 -10px}.mp-settings-header-img{width:100%;height:100%}.mp-block-requirements{flex-direction:column;margin:10px 0 10px 0}.mp-container{flex-direction:column;margin:10px 0 10px 0}.mp-block{margin:10px 0 10px 0}.mp-settings-payment-block{margin:unset}.mp-settings-header{height:250px}.mp-settings-header p{top:55px;font-size:1.25rem}.mp-settings-title-blocks{font-size:1.25rem}.mp-settings-icon{width:60px;height:40px;min-width:60px;display:flex;align-items:center;justify-content:center}} \ No newline at end of file diff --git a/assets/css/admin/order/payment-status-sync.css b/assets/css/admin/order/payment-status-sync.css new file mode 100644 index 000000000..5aa2002cb --- /dev/null +++ b/assets/css/admin/order/payment-status-sync.css @@ -0,0 +1,160 @@ +.mp-card-body { + flex: 1 1 auto; + padding: 1rem 1rem; +} + +.mp-text-center { + text-align: center !important; +} + +.mp-alert-danger { + color: #842029; + background-color: #f8d7da; + border-color: #f5c2c7; +} + +.mp-alert-success { + color: #0f5132; + background-color: #d1e7dd; + border-color: #badbcc; +} + +.mp-alert { + position: relative; + padding: 1rem 1rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.mp-status-sync-metabox-content { + margin-bottom: 16px; + display: flex; + flex: 1; + flex-direction: row; + align-items: flex-start; + width: 100%; + min-height: 94px; + padding-bottom: 10px; + background: #f5f5f5; + border-radius: 6px; + border-left: 5px solid #f73; +} + +.mp-status-sync-metabox-icon { + display: flex; + justify-content: center; + align-items: flex-start; + width: 10%; + height: 100%; + min-width: 30px; +} + +.mp-status-sync-metabox-circle-img { + width: 16px; + margin-top: 16px !important; +} + +.mp-status-sync-metabox-text { + flex: 1; + height: 100%; +} + +.mp-status-sync-metabox-title { + margin: 16px 0 0 0; + color: rgba(0, 0, 0, 0.9); + font-family: sans-serif; + font-weight: 500; + font-size: 16px; +} + +.mp-status-sync-metabox-description { + width: 90%; + margin: 4px 0 0 0 !important; + font-size: 14px; + color: rgba(0, 0, 0, 0.7); +} + +.mp-status-sync-metabox-link { + font-family: 'Lato', sans-serif; + padding: 0 8px; + font-size: 14px; + min-width: 120px; + height: 36px; +} + +.mp-status-sync-metabox-button { + font-family: 'Lato', sans-serif; + padding: 0 8px; + font-size: 14px; + text-decoration: none; + border-radius: 6px; + font-weight: 600; + cursor: pointer; + border-color: transparent; + text-align: center; + display: inline-flex; + align-items: center; + justify-content: center; + min-width: 120px; + height: 36px; +} + +.mp-status-sync-metabox-button.primary { + color: #fff; + background-color: #009ee3; + margin-right: 8px; +} + +.mp-status-sync-metabox-button.primary:hover { + color: #fff; + background-color: #007eb5; +} + +.mp-status-sync-metabox-button.secondary { + color: #009ee3; + background-color: rgba(71, 154, 209, .15); +} + +.mp-status-sync-metabox-button.secondary:hover { + color: #32b3ff; + background-color: rgba(71, 154, 209, .2); +} + +.mp-status-sync-metabox-button.secondary:focus { + color: #32b3ff; + background-color: rgba(71, 154, 209, .2); + border-color: rgba(71, 154, 209, .2); + box-shadow: 0 0 0 1px; +} + +/* LOADER */ + +.mp-status-sync-metabox-small-loader { + width: 12px !important; + height: 12px; + border: 3px solid rgba(71, 154, 209, .2); + border-top: 3px solid #009ee3; + border-radius: 50%; + animation: spin 0.5s linear infinite; +} + +@keyframes spin { + 0% { + transform: rotate(0deg); + } + + 100% { + transform: rotate(360deg); + } +} + +@-webkit-keyframes spin { + 0% { + -webkit-transform: rotate(0deg); + } + + 100% { + -webkit-transform: rotate(360deg); + } +} diff --git a/assets/css/admin/order/payment-status-sync.min.css b/assets/css/admin/order/payment-status-sync.min.css new file mode 100644 index 000000000..a77af90be --- /dev/null +++ b/assets/css/admin/order/payment-status-sync.min.css @@ -0,0 +1 @@ +.mp-card-body{flex:1 1 auto;padding:1rem 1rem}.mp-text-center{text-align:center!important}.mp-alert-danger{color:#842029;background-color:#f8d7da;border-color:#f5c2c7}.mp-alert-success{color:#0f5132;background-color:#d1e7dd;border-color:#badbcc}.mp-alert{position:relative;padding:1rem 1rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}.mp-status-sync-metabox-content{margin-bottom:16px;display:flex;flex:1;flex-direction:row;align-items:flex-start;width:100%;min-height:94px;padding-bottom:10px;background:#f5f5f5;border-radius:6px;border-left:5px solid #f73}.mp-status-sync-metabox-icon{display:flex;justify-content:center;align-items:flex-start;width:10%;height:100%;min-width:30px}.mp-status-sync-metabox-circle-img{width:16px;margin-top:16px!important}.mp-status-sync-metabox-text{flex:1;height:100%}.mp-status-sync-metabox-title{margin:16px 0 0 0;color:rgba(0,0,0,.9);font-family:sans-serif;font-weight:500;font-size:16px}.mp-status-sync-metabox-description{width:90%;margin:4px 0 0 0!important;font-size:14px;color:rgba(0,0,0,.7)}.mp-status-sync-metabox-link{font-family:Lato,sans-serif;padding:0 8px;font-size:14px;min-width:120px;height:36px}.mp-status-sync-metabox-button{font-family:Lato,sans-serif;padding:0 8px;font-size:14px;text-decoration:none;border-radius:6px;font-weight:600;cursor:pointer;border-color:transparent;text-align:center;display:inline-flex;align-items:center;justify-content:center;min-width:120px;height:36px}.mp-status-sync-metabox-button.primary{color:#fff;background-color:#009ee3;margin-right:8px}.mp-status-sync-metabox-button.primary:hover{color:#fff;background-color:#007eb5}.mp-status-sync-metabox-button.secondary{color:#009ee3;background-color:rgba(71,154,209,.15)}.mp-status-sync-metabox-button.secondary:hover{color:#32b3ff;background-color:rgba(71,154,209,.2)}.mp-status-sync-metabox-button.secondary:focus{color:#32b3ff;background-color:rgba(71,154,209,.2);border-color:rgba(71,154,209,.2);box-shadow:0 0 0 1px}.mp-status-sync-metabox-small-loader{width:12px!important;height:12px;border:3px solid rgba(71,154,209,.2);border-top:3px solid #009ee3;border-radius:50%;animation:spin .5s linear infinite}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}} \ No newline at end of file diff --git a/assets/css/checkouts/mp-plugins-components.css b/assets/css/checkouts/mp-plugins-components.css new file mode 100644 index 000000000..583220db4 --- /dev/null +++ b/assets/css/checkouts/mp-plugins-components.css @@ -0,0 +1 @@ +.mp-alert-details-card{background:rgb(0 0 0/4%)!important;border-left:4px solid #f23d4f!important;border-radius:6px!important;display:flex!important;flex-direction:column!important;padding:16px!important}.mp-alert-details-card-content{align-items:baseline!important;display:flex!important;flex-direction:row!important;justify-content:flex-start!important}.mp-alert-details-card-content-left{margin-right:8px!important}.mp-alert-details-card-content-right{margin-left:8px!important}.mp-alert-details-badge{align-items:center!important;background:#f23d4f!important;border-radius:50%!important;color:#fff!important;display:flex!important;flex-direction:row!important;height:16px!important;justify-content:center!important;width:16px!important}.mp-alert-details-title{color:rgba(0,0,0,.9)!important;font-weight:700!important;padding:0!important}.mp-alert-details-description,.mp-alert-details-title{font-family:Proxima Nova,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important;font-size:14px!important;font-style:normal!important;line-height:120%!important;margin-block-end:0!important;margin-block-start:0!important;margin-inline-end:0!important;margin-inline-start:0!important}.mp-alert-details-description{color:#000!important;font-weight:400!important;margin-top:4px!important}.mp-alert-details-retry-button{background-color:#3483fa!important;border:1px solid #3483fa!important;border-radius:4px!important;color:#fff!important;cursor:pointer!important;font-family:Proxima Nova,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important;font-size:14px!important;font-style:normal!important;font-weight:400!important;line-height:32px!important;margin-top:16px!important;outline:0!important;padding:0 12px!important;transition:all .3s ease-in-out!important}.mp-alert-details-retry-button:hover{background-color:#2968c8!important;border:1px solid #2968c8!important}.mp-checkout-benefits-container{display:flex;flex-direction:column!important}.mp-checkout-benefits-container p{padding:0!important}.mp-checkout-benefits-title{color:#1a1a1a!important;font-family:Proxima Nova,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important;font-size:18px!important;font-style:normal!important;font-weight:600!important;line-height:24px!important}.mp-checkout-benefits-list,.mp-checkout-benefits-title{margin-block-end:0!important;margin-block-start:0!important;margin-inline-end:0!important;margin-inline-start:0!important}.mp-checkout-benefits-list{list-style-type:none!important;padding-top:8px!important;padding-inline-start:0!important}.mp-checkout-benefits-item{align-items:center!important;color:rgba(0,0,0,.55)!important;display:flex;font-family:Proxima Nova,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important;font-size:16px!important;justify-content:flex-start!important;line-height:18px!important;padding:16px 4px 0!important}.mp-checkout-benefits-image-list{float:none!important;height:auto!important;margin:0!important;max-height:100%!important;max-width:100%!important;padding:10px!important;position:inherit!important;width:auto!important}.mp-checkout-benefits-image{max-height:32px!important;max-width:32px!important}.mp-checkout-benefits-item b,.mp-checkout-benefits-item span{color:#0000008c!important;font-size:14px!important;line-height:25px!important}.mp-checkout-benefits-item b{font-weight:700}.mp-checkout-benefits-item-title{color:#1a1a1a!important;font-weight:600!important;margin-bottom:6px!important}.mp-checkout-benefits-item-subtitle,.mp-checkout-benefits-item-title{font-family:Proxima Nova,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important;font-size:12px!important;font-style:normal!important;line-height:15px!important}.mp-checkout-benefits-item-subtitle{color:rgba(0,0,0,.55)!important;font-weight:400!important}.mp-checkout-benefits-count-list-item{color:#009ee3!important;font-size:12px!important;font-style:normal!important;font-weight:600!important;line-height:21px!important}.mp-checkout-benefits-count-list-div{background:rgba(71,154,209,.1)!important;border-radius:50%!important;color:#fff!important;font-size:14px!important;height:25px!important;line-height:0px!important;margin-right:15px!important;min-width:25px!important;text-align:center!important}.mp-checkout-benefits-tick-mark-container{display:flex}.mp-checkout-benefits-tick-mark{display:inline-block!important;height:14px!important;margin-right:16px!important;position:relative!important;width:14px!important}.mp-checkout-benefits-tick-mark:before{height:50%!important;top:50%!important;width:3px!important}.mp-checkout-benefits-tick-mark:after,.mp-checkout-benefits-tick-mark:before{background-color:#009ee3!important;content:""!important;left:0!important;position:absolute!important;transform:translateX(10px) rotate(-45deg)!important;transform-origin:left bottom!important}.mp-checkout-benefits-tick-mark:after{bottom:0!important;height:3px!important;width:100%!important}.mp-checkout-redirect-v2-container{align-items:center!important;align-self:stretch!important;background:#f5f5f5!important;border-radius:6px!important;display:flex!important;flex:none!important;flex-direction:row!important;flex-grow:0!important;gap:16px!important;height:100%!important;justify-content:center!important;order:2!important;padding:12px!important}.mp-checkout-redirect-v2-image{float:none!important;height:auto!important;margin-left:20px!important;max-height:100%!important;max-width:12px!important;position:inherit!important;width:100%!important}.mp-checkout-redirect-v2-text{align-items:center!important;color:#737373!important;display:flex!important;flex:none;flex-grow:1;font-family:Proxima Nova,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important;font-size:12px!important;font-style:normal!important;font-weight:400!important;line-height:15px!important;order:1;width:85%!important}.mp-checkout-redirect-container{align-items:center!important;background-color:#fff!important;display:flex!important;flex-direction:column!important;justify-content:center!important;padding:24px 32px!important;text-align:center!important}.mp-checkout-redirect-image{float:none!important;height:auto!important;margin:0!important;max-height:100%!important;max-width:172px!important;padding-bottom:24px!important;position:inherit!important;width:100%!important}.mp-checkout-redirect-text{color:rgba(0,0,0,.9)!important;font-family:Proxima Nova,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important;font-size:14px!important;font-style:normal!important;font-weight:700!important;line-height:18px!important;margin-block-end:0!important;margin-block-start:0!important;margin-inline-end:0!important;margin-inline-start:0!important}.mp-input-document .mp-input{align-items:center!important;background:#fff!important;border:1px solid rgba(0,0,0,.25);border-radius:8px!important;display:flex!important;height:48px!important}div .mp-focus{border:1px solid #7f54b3!important}div .mp-error{border:1px solid #f23d4f!important}.mp-input-document .mp-input .mp-document-select{background:#fff!important;border:0!important;color:#000!important;cursor:pointer!important;font-family:Proxima Nova,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important;font-size:16px!important;font-style:normal!important;font-weight:400!important;height:20px!important;letter-spacing:0!important;line-height:20px!important;margin:0 8px!important;min-height:20px!important;min-width:10px!important;outline:none!important;padding:0!important}.mp-input-document .mp-input .mp-vertical-line{border-left:1px solid rgba(0,0,0,.25)!important;height:36px!important;width:1px!important}.mp-input-document .mp-input .mp-document{background:#fff!important;border:0!important;border-radius:8px!important;box-shadow:none!important;color:#000!important;font-size:16px!important;font-style:normal!important;font-weight:400!important;height:20px!important;line-height:20px!important;min-height:38px!important;outline:none!important;padding:0 14px!important;width:80%!important}.mp-input-document .mp-input .mp-document,.mp-input-document .mp-input-document-helper{font-family:Proxima Nova,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important}.mp-input-document .mp-input-document-helper{color:#f23d4f!important;display:flex!important;font-size:13px!important;height:18px!important;left:calc(50% - 154.5px)!important;line-height:18px!important;margin-top:5px!important;position:static!important;top:0!important;width:327px!important}.mp-input-document .mp-input-document-helper .mp-input-document-helper-icon{align-items:center!important;background:#f23d4f!important;border-radius:12px!important;color:#fff!important;display:flex!important;height:15px!important;justify-content:center!important;left:0!important;margin:1px 5px!important;top:3px!important;width:15px!important}.mp-helper{align-items:center;color:#f23d4f;display:none;font-family:Proxima Nova,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important;font-size:13px!important;font-weight:400!important;margin-bottom:10px!important;margin-top:4px!important}.mp-helper .mp-helper-icon{align-items:center;background:#f23d4f;border-radius:12px;color:#fff;display:flex;height:15px;justify-content:center;margin:0 4px;width:15px!important}.mp-input-label{align-items:flex-end!important;color:rgba(0,0,0,.9)!important;display:flex;font-family:Proxima Nova,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important;font-size:14px!important;font-style:normal!important;font-weight:400!important;height:30px;line-height:18px!important;padding-bottom:4px!important;width:100%!important}.mp-input-label b{padding-left:2px!important}.mp-input-radio-container{display:flex;position:relative!important}.mp-input-radio-radio:checked,.mp-input-radio-radio:not(:checked){opacity:0!important}.mp-input-radio-radio:checked+.mp-input-radio-label,.mp-input-radio-radio:not(:checked)+.mp-input-radio-label{color:#666!important;cursor:pointer!important;display:inline-block;line-height:20px!important}.mp-input-radio-radio:checked+.mp-input-radio-label:before,.mp-input-radio-radio:not(:checked)+.mp-input-radio-label:before{background:#fff!important;border:2px solid rgba(0,0,0,.25)!important;border-radius:100%!important;box-sizing:border-box!important;content:""!important;height:16px!important;left:0!important;position:absolute!important;top:0!important;width:16px!important}.mp-input-radio-radio:checked+.mp-input-radio-label:before{border:2px solid #7f54b3!important}.mp-input-radio-radio:checked+.mp-input-radio-label:after,.mp-input-radio-radio:not(:checked)+.mp-input-radio-label:after{background:#7f54b3!important;border-radius:100%!important;box-sizing:border-box!important;content:""!important;height:8px!important;left:4px!important;position:absolute!important;top:4px!important;width:8px!important}.mp-input-radio-radio:not(:checked)+.mp-input-radio-label:after{opacity:0!important}.mp-input-radio-radio:checked+.mp-input-radio-label:after{opacity:1!important}.mp-input-select-input{align-items:center!important;background:#fff!important;border:1px solid rgba(0,0,0,.25)!important;border-radius:8px!important;display:flex!important;height:48px!important}.mp-input-select-select{background:#fff!important;border:0!important;color:#000!important;cursor:pointer!important;font-family:Proxima Nova,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important;font-size:16px!important;font-style:normal!important;font-weight:400!important;height:100%!important;letter-spacing:0!important;line-height:20px!important;margin:0 12px!important;outline:none!important;width:100%!important}.mp-input-table-container{align-items:center!important;justify-content:center!important}.mp-input-table-container,.mp-input-table-list{display:flex!important;flex-direction:column!important;width:100%!important}.mp-input-table-list{border:1px solid rgba(0,0,0,.25)!important;border-radius:6px!important;list-style-type:none!important;margin-left:0!important}.mp-input-table-item{cursor:pointer!important;margin:0 16px!important;padding:0 4px 0 0!important}.mp-input-table-item:not(:first-child){border-top:1px solid rgba(0,0,0,.1)!important}.mp-input-table-label{cursor:pointer!important;justify-content:space-between!important;padding:16px 0!important;width:100%!important}.mp-input-table-label,.mp-input-table-option{align-items:center!important;display:flex!important}.mp-input-table-option{justify-content:flex-start!important}.mp-input-table-row-text{color:rgba(0,0,0,.9)!important}.mp-input-table-row-text,.mp-input-table-row-text-image{font-family:Proxima Nova,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important;font-size:16px!important;font-style:normal!important;font-weight:700!important;line-height:20px!important;padding-left:16px!important}.mp-input-table-row-text-image{align-items:center!important;color:#000000e5!important;display:flex!important;flex-direction:row-reverse!important}.mp-input-table-row-obs{color:rgba(0,0,0,.55)!important;text-align:right!important}.mp-input-table-row-obs,.mp-input-table-row-obs-highlight{font-family:Proxima Nova,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important;font-size:14px!important;font-style:normal!important;font-weight:400!important;line-height:18px!important}.mp-input-table-row-obs-highlight{color:#00a650!important}.mp-input-table-container-link{align-items:center!important;display:flex!important;justify-content:center!important;padding:16px 0 24px!important}.mp-input-table-link{color:#7f54b3!important;cursor:pointer!important;font-family:Proxima Nova,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important;font-size:16px!important;font-style:normal!important;font-weight:400!important;line-height:16px!important;text-decoration:none!important}.mp-input-table-link:hover{color:#7249a5!important;transition:all .3ms!important}.mp-input-table-bank-interest-container{align-items:center!important;display:flex!important;justify-content:flex-start!important;width:100%!important}.mp-input-table-bank-interest-text{color:#737373!important;font-family:Proxima Nova,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important;font-size:13px!important;font-weight:400!important;margin:0!important;margin-block-end:0!important;margin-block-start:0!important;margin-inline-end:0!important;margin-inline-start:0!important;max-width:100%!important;padding:8px 0 0 4px!important;word-break:break-word!important}.mp-payment-method-logo-container,.mp-payment-method-logo-slider-container{align-items:center!important;background:#fff!important;border:1px solid #e5e5e5!important;border-radius:4px!important;box-sizing:border-box!important;display:flex;height:24px!important;justify-content:center!important;padding:4px!important;width:36px!important}.mp-payment-method-logo-image{float:none!important;font-size:10px!important;height:auto!important;margin:0!important;max-height:100%!important;max-width:100%!important;overflow:hidden!important;position:inherit!important;text-overflow:ellipsis!important;width:auto!important}.mp-payment-methods-v2-container,.mp-payment-methods-v2-content{align-items:center!important;display:flex!important;flex-direction:column!important;height:100%!important;justify-content:center!important;width:100%!important}.mp-payment-methods-v2-content{max-width:236px!important}.mp-payment-methods-v2-title{color:rgba(0,0,0,.55)!important;font-family:Proxima Nova,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important;font-size:12px!important;font-style:normal!important;font-weight:600!important;line-height:15px!important;margin-block-end:0!important;margin-block-start:0!important;margin-inline-end:0!important;margin-inline-start:0!important;padding-bottom:20px!important}.mp-payment-methods-v2-list{display:flex!important;flex-wrap:wrap!important;height:100%!important;justify-content:center!important;padding-bottom:16px!important;width:100%!important}.mp-payment-methods-v2-list payment-method-logo{padding:0 1px 4px!important}.mp-payment-methods-container{display:flex;flex-direction:column!important;height:100%!important;width:100%!important}.mp-payment-methods-container p{padding:0!important}.mp-payment-methods-header{align-items:center!important;display:flex;height:100%!important;justify-content:flex-start!important;padding:0 4px 16px!important;width:100%!important}.mp-payment-methods-title{align-items:center!important;color:rgba(0,0,0,.55)!important;display:flex;font-family:Proxima Nova,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important;font-size:14px!important;font-style:normal!important;font-weight:400!important;line-height:18px!important;margin-block-end:0!important;margin-block-start:0!important;margin-inline-end:0!important;margin-inline-start:0!important}.mp-payment-methods-badge{align-items:center!important;background:#00a650!important;border-bottom-right-radius:8px!important;display:flex;justify-content:center!important;margin-left:10px!important;padding:6px 8px 4px!important}.mp-payment-methods-badge-text{align-items:center!important;color:#fff!important;display:flex;font-family:Proxima Nova,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important;font-size:11px!important;font-style:normal!important;font-weight:700!important;line-height:11px!important;text-align:center!important;text-transform:uppercase!important}.mp-payment-method-type-container{display:flex;flex-direction:column!important;height:100%!important;width:100%!important}.mp-payment-methods-content{align-items:center!important;display:flex;flex-wrap:wrap!important;height:100%!important;justify-content:flex-start!important;padding-bottom:16px!important;width:100%!important}.mp-payment-methods-content payment-method-logo{padding:0 4px 8px!important}.mp-payment-methods-link{box-shadow:none!important;color:#7f54b3!important;cursor:pointer!important;font-family:Proxima Nova,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important;font-size:14px!important;font-style:normal!important;font-weight:400!important;line-height:18px!important;text-decoration:none!important;vertical-align:middle!important}.mp-payment-methods-link:hover{color:rgba(0,0,0,.55)!important}.mp-pix-template-container{align-items:center!important;background-color:#fff!important;display:flex!important;flex-direction:column!important;justify-content:center!important;text-align:center!important}.mp-pix-template-image{float:none!important;font-size:10px!important;height:auto!important;margin:0!important;max-height:100%!important;max-width:240px!important;overflow:hidden!important;padding-bottom:42px!important;position:inherit!important;text-overflow:ellipsis!important;width:100%!important}.mp-pix-template-title{font-size:16px!important;font-weight:700!important;padding-bottom:16px!important}.mp-pix-template-subtitle,.mp-pix-template-title{color:rgba(0,0,0,.9)!important;font-family:Proxima Nova,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important;font-style:normal!important;line-height:18px!important;margin-block-end:0!important;margin-block-start:0!important;margin-inline-end:0!important;margin-inline-start:0!important}.mp-pix-template-subtitle{font-size:14px!important;font-weight:400!important}.mp-terms-and-conditions-text{color:rgba(0,0,0,.55)!important;padding-right:4px!important}.mp-terms-and-conditions-link,.mp-terms-and-conditions-text{font-family:Proxima Nova,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important;font-size:14px!important;font-style:normal!important;font-weight:400!important;line-height:18px!important}.mp-terms-and-conditions-link{color:#7f54b3!important;text-decoration:none!important}.mp-terms-and-conditions-link:hover{color:#7249a5!important;transition:all .3ms!important}.mp-test-mode-card{background:rgb(0 0 0/4%)!important;border-left:4px solid #f73!important;border-radius:6px!important;display:flex!important;flex-direction:column!important;padding:16px!important}.mp-test-mode-badge{align-items:center!important;background:#f73!important;border-radius:12px!important;color:#fff!important;display:flex!important;flex-direction:row!important;height:16px!important;justify-content:center!important;margin-right:16px!important;width:16px!important}.mp-test-mode-title{color:rgba(0,0,0,.9)!important;font-weight:700!important;margin-left:16px!important;padding:0!important}.mp-test-mode-description,.mp-test-mode-title{font-family:Proxima Nova,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important;font-size:14px!important;font-style:normal!important;line-height:120%!important;margin-block-end:0!important;margin-block-start:0!important;margin-inline-end:0!important;margin-inline-start:0!important}.mp-test-mode-description{color:#000!important;font-weight:400!important;padding-left:32px!important;padding-top:4px!important}.mp-test-mode-card-content{align-items:baseline!important;display:flex!important;flex-direction:row!important;justify-content:flex-start!important}.mp-test-mode-link{color:#7f54b3!important;font-family:Proxima Nova,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important;font-size:14px!important;font-style:normal!important;font-weight:400!important;line-height:16px!important;text-decoration:none!important}.mp-test-mode-link:hover{color:#7249a5!important;transition:all .3ms!important}.mp-checkout-pro-terms-and-conditions{align-items:center!important;display:flex!important;justify-content:center!important;padding-top:16px!important;text-align:center!important}.mp-checkout-pro-container{display:flex!important;flex-direction:column!important;justify-content:center!important}.mp-checkout-pro-content{background-color:#fff!important;padding:24px 16px!important}.mp-checkout-pro-test-mode{padding:0 0 25px!important}.mp-checkout-pro-payment-methods{padding-top:24px!important}.mp-checkout-pro-redirect{margin-top:24px!important}.mp-checkout-pro-content{padding:24px 16px 8px!important}.mp-checkout-pro-payment-methods{padding-top:32px!important}.mp-checkout-custom-dual-column-row{align-items:flex-start!important;flex-direction:row!important}.mp-checkout-custom-input-document{padding:0 0 25px!important}.mp-checkout-custom-issuers-container{display:block;padding:0 0 16px!important}.mp-checkout-custom-issuers-container-display-none{display:none;padding:0 0 16px!important}.mp-checkout-custom-installments{display:block;padding:16px 0 0!important}.mp-checkout-custom-installments-display-none{display:none;padding:16px 0 0!important}.mp-checkout-custom-terms-and-conditions{align-items:center!important;display:flex;justify-content:center!important;padding:8px 0 0!important;text-align:center!important}.mp-checkout-custom-left-card-input{margin-right:16px!important}.mp-checkout-custom-info-text{color:rgba(0,0,0,.55)!important;font-family:Proxima Nova,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important;font-size:13px!important;font-style:normal!important;font-weight:400!important;line-height:18px!important;margin-block-end:0!important;margin-block-start:0!important;margin-inline-end:0!important;margin-inline-start:0!important;padding:4px 0 0 6px!important}#mp-checkout-custom-box-input-tax-cft{padding:0 0 16px!important}#mp-checkout-custom-tax-tea-text{font-size:12px!important;line-height:1.29!important}#mp-checkout-custom-tax-cft-text,#mp-checkout-custom-tax-tea-text{color:rgba(0,0,0,.55)!important;font-family:Proxima Nova,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important;font-stretch:normal!important;font-style:normal!important;font-weight:400!important;letter-spacing:normal!important}#mp-checkout-custom-tax-cft-text{font-size:27px!important;line-height:1.25!important}.mp-card-holder-name{margin:0!important;padding-left:14px!important}.mp-checkout-custom-container{background-color:#fff!important;display:flex;flex-direction:column!important;justify-content:center!important;padding:24px 16px!important}.mp-checkout-custom-test-mode{padding-bottom:32px!important}.mp-wallet-button-container{align-items:center;border:1px solid rgba(0,0,0,.1)!important;border-radius:6px!important;display:flex;flex-direction:column!important;height:auto!important;margin-bottom:25px!important;padding:24px 16px!important}.mp-wallet-button-container .mp-wallet-button-title{align-items:center!important;color:rgba(0,0,0,.9)!important;display:flex!important;flex-direction:column!important;font-family:Proxima Nova,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important;font-size:16px!important;font-style:normal!important;font-weight:700!important;line-height:20px!important}.mp-wallet-button-container img{float:none!important;margin:0!important;max-height:100%!important;max-width:100%!important;padding-bottom:16px!important;position:inherit!important}.mp-wallet-button-container .mp-wallet-button-title span{color:#000000e5!important;font-size:16px!important;padding-left:8px!important}.mp-wallet-button-container .mp-wallet-button-description{color:#000!important;display:flex;font-size:16px!important;font-weight:400!important;line-height:18px!important;margin:8px 0 16px!important;text-align:center}.mp-wallet-button-container .mp-wallet-button-button button,.mp-wallet-button-container .mp-wallet-button-description{align-items:center!important;font-family:Proxima Nova,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important;font-style:normal!important}.mp-wallet-button-container .mp-wallet-button-button button{background:#009ee3!important;border:none!important;border-radius:4px!important;color:#fff!important;cursor:pointer!important;display:flex!important;flex-direction:row!important;font-size:14px!important;font-weight:700!important;justify-content:center!important;line-height:16px!important;padding:8px 12px!important;text-align:center!important;transition:all .3ms ease-in-out!important}.mp-wallet-button-container .mp-wallet-button-button button:hover{background-color:#007eb5!important;color:#fff!important;transition:all .3ms ease-in-out!important}.mp-checkout-custom-available-payments{align-items:center!important;display:flex;flex-direction:column!important;padding:0 0 32px!important;width:100%!important}.mp-checkout-custom-available-payments .mp-checkout-custom-available-payments-header{align-items:center!important;cursor:pointer!important;display:flex;justify-content:space-between!important;user-select:none!important;width:100%!important}.mp-checkout-custom-available-payments .mp-checkout-custom-available-payments-header .mp-checkout-custom-available-payments-title{align-items:center!important;color:#7f54b3!important;display:flex;font-family:Proxima Nova,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important;font-size:14px!important;font-style:normal!important;font-weight:700!important;line-height:18px!important;padding:0 4px!important}.mp-checkout-custom-available-payments-text{color:#7f54b3!important;font-size:14px!important}.mp-checkout-custom-available-payments .mp-checkout-custom-available-payments-header img{float:none!important;margin:0!important;max-height:100%!important;max-width:100%!important;position:inherit!important}.mp-checkout-custom-available-payments .mp-checkout-custom-available-payments-header .mp-checkout-custom-available-payments-title p{margin-block-end:0!important;margin-block-start:0!important;margin-inline-end:0!important;margin-inline-start:0!important;padding-left:8px!important}.mp-checkout-custom-available-payments .mp-checkout-custom-available-payments-content{max-height:0!important;overflow:hidden!important;padding:0!important;transition:all .2s ease-out!important;width:100%!important}.mp-checkout-custom-available-payments .mp-checkout-custom-available-payments-content hr{border-color:rgba(0,0,0,.1)!important;border-width:1px!important;margin-block-end:0!important;margin-block-start:0!important;margin-inline-end:0!important;margin-inline-start:0!important;margin-top:8px!important}.mp-checkout-custom-available-payments .mp-checkout-custom-available-payments-content a{color:#7f54b3!important;font-family:Proxima Nova,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important;font-size:14px!important;font-weight:400!important;letter-spacing:0!important;line-height:18px!important;text-align:left!important}.mp-checkout-custom-card-form{display:flex;flex-direction:column!important;justify-content:flex-start!important}form div div .mp-checkout-custom-card-form-title{color:rgba(0,0,0,.9)!important;font-family:Proxima Nova,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important;font-size:16px!important;font-style:normal!important;font-weight:700!important;line-height:20px!important;margin-block-end:0!important;margin-block-start:0!important;margin-inline-end:0!important;margin-inline-start:0!important;padding-bottom:25px!important;padding-left:0!important}.mp-checkout-custom-card-form .mp-checkout-custom-card-row{display:flex;flex-direction:column;justify-content:space-between;padding-bottom:24px}.mp-checkout-custom-card-form .mp-checkout-custom-card-column{display:flex;flex-direction:column;justify-content:center;width:50%}.mp-checkout-custom-card-form .mp-checkout-custom-card-input{background:#fff!important;border:1px solid rgba(0,0,0,.25);border-radius:6px!important;color:#000!important;font-family:Proxima Nova,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important;font-size:16px!important;font-style:normal!important;font-weight:400!important;height:40px!important;line-height:20px!important;outline:0!important}.mp-checkout-custom-card-input-iframe{border:1px solid rgba(0,0,0,.25)!important;border-radius:6px!important}.mp-checkout-custom-load{align-items:center;display:none;justify-content:center}.spinner-card-form{animation:spin 2s linear infinite;border:4px solid rgba(0,0,255,.1)!important;border-radius:50%!important;border-top-color:#009ee3!important;height:40px!important;width:40px!important}.mp-spinner-3ds{animation:spin 2s linear infinite;border:4px solid rgba(0,0,255,.1);border-radius:50%;border-top-color:#009ee3;height:40px;margin:auto;width:40px}.mp-3ds-modal{background-color:rgba(0,0,0,.7);display:none;display:flex;height:100%;left:0;position:fixed;top:0;width:100%;z-index:9999}#mp-3ds-modal-content,.mp-3ds-modal{align-items:center;justify-content:center}#mp-3ds-modal-content{background-color:#fff;border-radius:6px;padding:48px;width:800px}#mp-3ds-modal-content>div{align-items:center;flex-direction:column;justify-content:center;width:100%}#mp-3ds-modal-close{cursor:pointer;float:right}#mp-loading-container-3ds{display:flex;flex-direction:column;gap:12px;height:274px;margin:auto;position:relative;width:704px}.mp-loading-text-3ds{font-family:Proxima Nova,sans-serif;font-size:24px;font-weight:600;padding-top:24px;text-align:center}.mp-loading-text-3ds>p{margin-bottom:12px}#mp-3ds-frame{border:none;display:block;margin:auto;min-height:500px;min-width:600px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.mp-card-info{display:-webkit-inline-box;justify-content:center;margin-bottom:8px}.mp-alert-color-success{background:#009ee3;border-radius:6px 0 0 6px;width:6px}.mp-icon-badge-info{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAA6lBMVEUAAAAAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMBnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuP///9MYiCLAAAATHRSTlMAABJBe7HX7/6wAy9+xgE3nukBHInqG0bLyQRq62sIf/b3+/nhWyAfqQKSjrUH812FQkCE9dXYUhXw1BTTwQq/CcDWr80QPeNFafzKW/JxxwAAAAFiS0dETYBoIGUAAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQfmCwkODC587ENtAAAB+ElEQVRIx5WWaV/iMBDGEwptbcsCCnSphdb7WI/dFcFjVVw8Vs33/zxO2p+CzBO6fV7O5J9jMpmJEDNJrYpVrdmOq5Tr2CtVq5IZBRQ5PD+o68Efcp164HuYIOu3RrOlmFrNxipAyLTW7iioTrvLCDKE35VRvXCBkDJaj9USxf1onpBykKRqqTaSwYyg+ZNNVaDN5HMN2t56WjSe1uh/nIPOGxePp3OEOUDx5PHZ2t7e4rHqaoLuq81c9s7u3o7NzG26QQIa7L46lk4gi9sbGvCabKb9Aw0c7DNH0yPA5/lzmO/1B3O0fAICHo+jY73C8RH3BFJU6tx8cqqB0xPuqVeE5aCQ//z1+ywGDscSVVchpfju3aqoqVKqCRvah+fnQ+gYCQeaxxcX4xHyXAp0hOFYR2mMjuEKNM3VtQau/yAfBG5u9U3f3kAAbeluooHJPdwSOvS9GXBgWJcAf8VKOWAKU8MMUGqg5DMDlHwovc0ApTd6QGYgwE/UCGRPFBQBI5AVAVBmHh51Lj0+LNrzMgMKmfOkgScWv6yQEdHtsT35nuezHeWlEhfj5+n0edEW//us3rK/oQqVvshZg/iPhvKaRPMtaJAUrJEmk69NLurHy8bHL9FiG5Vhzzz+LUSNulumsWfEapmvQ/nPyfz3Z3SZf39q4PvzDpPK5SX4V3wiAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTA5VDE0OjEyOjQyKzAwOjAwxiqBfAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0wOVQxNDoxMjo0MiswMDowMLd3OcAAAAAASUVORK5CYII=) 100% 50% no-repeat transparent;background-size:18px;height:18px;margin:0 12px 0 10px;min-block-size:-webkit-fill-available;width:24px}.mp-card-body-3ds{align-items:flex-start;background:rgba(0,0,0,.04);border-radius:0 6px 6px 0;display:flex;height:30px;padding:5px 0;width:100%}.mp-text-subtitle{font-size:14px;font-weight:400;line-height:18px;vertical-align:middle}#mp-modal-3ds-title,.mp-text-subtitle{font-family:Proxima Nova,sans-serif;font-style:normal}#mp-modal-3ds-title{font-weight:600;margin-bottom:8px;text-align:left}#content-load-3ds{align-self:stretch;display:flex;flex-direction:column;flex-shrink:0;gap:12px;width:704px}.mp-normal-text-3ds{text-align:center}.mp-checkout-pse-container{background-color:#fff!important;display:flex;flex-direction:column!important;padding:24px 16px!important}.mp-checkout-pse-text{color:rgba(0,0,0,.9)!important;font-family:Proxima Nova,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important;font-size:16px!important;font-style:normal!important;font-weight:700!important;line-height:20px!important;padding-bottom:25px!important;padding-left:0!important}.mp-checkout-pix-container{background-color:#fff!important;display:flex;flex-direction:column!important;justify-content:center!important;padding:24px 16px!important}.mp-checkout-pix-test-mode{padding-bottom:32px!important}.mp-checkout-pix-terms-and-conditions{align-items:center!important;display:flex;justify-content:center!important;padding-top:42px!important;text-align:center!important}.mp-checkout-ticket-container{align-items:center!important;background-color:#fff!important;display:flex;flex-direction:column!important;padding:24px 16px!important}.mp-checkout-ticket-content{width:100%!important}.mp-checkout-ticket-input-document,.mp-checkout-ticket-test-mode{padding:0 0 25px!important}div div .mp-checkout-ticket-content .mp-checkout-ticket-text{color:rgba(0,0,0,.9)!important;font-family:Proxima Nova,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important;font-size:16px!important;font-style:normal!important;font-weight:700!important;line-height:20px!important;padding-bottom:25px!important;padding-left:0!important}.mp-checkout-ticket-terms-and-conditions{align-items:center!important;display:flex;justify-content:center!important;padding-top:32px!important;text-align:center!important}.mp-document-select{appearance:auto;cursor:pointer!important;letter-spacing:0!important;margin:0 8px!important;width:25%!important}.mp-document-select,.mp-input-document{background:#fff!important;border:0!important;color:#000!important;font-family:Proxima Nova,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important;font-size:14px!important;font-style:normal!important;font-weight:400!important;line-height:20px!important;outline:0!important}.mp-input-document{border-radius:8px!important;box-shadow:none!important;width:100%!important}.mp-checkout-container a,.mp-checkout-container abbr,.mp-checkout-container acronym,.mp-checkout-container address,.mp-checkout-container applet,.mp-checkout-container article,.mp-checkout-container aside,.mp-checkout-container audio,.mp-checkout-container b,.mp-checkout-container big,.mp-checkout-container blockquote,.mp-checkout-container canvas,.mp-checkout-container caption,.mp-checkout-container center,.mp-checkout-container cite,.mp-checkout-container code,.mp-checkout-container dd,.mp-checkout-container del,.mp-checkout-container details,.mp-checkout-container dfn,.mp-checkout-container div,.mp-checkout-container dl,.mp-checkout-container dt,.mp-checkout-container em,.mp-checkout-container embed,.mp-checkout-container fieldset,.mp-checkout-container figcaption,.mp-checkout-container figure,.mp-checkout-container footer,.mp-checkout-container form,.mp-checkout-container h1,.mp-checkout-container h2,.mp-checkout-container h3,.mp-checkout-container h4,.mp-checkout-container h5,.mp-checkout-container h6,.mp-checkout-container header,.mp-checkout-container hgroup,.mp-checkout-container i,.mp-checkout-container iframe,.mp-checkout-container img,.mp-checkout-container input,.mp-checkout-container ins,.mp-checkout-container kbd,.mp-checkout-container label,.mp-checkout-container legend,.mp-checkout-container li,.mp-checkout-container li input,.mp-checkout-container mark,.mp-checkout-container menu,.mp-checkout-container nav,.mp-checkout-container object,.mp-checkout-container ol,.mp-checkout-container output,.mp-checkout-container p,.mp-checkout-container pre,.mp-checkout-container q,.mp-checkout-container ruby,.mp-checkout-container s,.mp-checkout-container samp,.mp-checkout-container section,.mp-checkout-container select,.mp-checkout-container small,.mp-checkout-container span,.mp-checkout-container strike,.mp-checkout-container strong,.mp-checkout-container sub,.mp-checkout-container summary,.mp-checkout-container sup,.mp-checkout-container table,.mp-checkout-container tbody,.mp-checkout-container td,.mp-checkout-container tfoot,.mp-checkout-container th,.mp-checkout-container thead,.mp-checkout-container time,.mp-checkout-container tr,.mp-checkout-container tt,.mp-checkout-container u,.mp-checkout-container ul,.mp-checkout-container var,.mp-checkout-container video{font:inherit;font-family:Proxima Nova,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:14px;font-style:normal;line-height:16px;margin:0;padding:0;vertical-align:baseline;width:auto}.mp-checkout-container{border:0!important;font:inherit!important;font-size:100%!important;margin:0!important;padding:0!important;vertical-align:baseline!important}.mp-vertical-line{border-left:1px solid rgba(0,0,0,.25)!important;height:36px!important;width:1px!important} \ No newline at end of file diff --git a/assets/css/checkouts/mp-plugins-components.min.css b/assets/css/checkouts/mp-plugins-components.min.css new file mode 100644 index 000000000..d28c82837 --- /dev/null +++ b/assets/css/checkouts/mp-plugins-components.min.css @@ -0,0 +1 @@ +.mp-alert-details-card{background:rgb(0 0 0/4%)!important;border-left:4px solid #f23d4f!important;border-radius:6px!important;display:flex!important;flex-direction:column!important;padding:16px!important}.mp-alert-details-card-content{align-items:baseline!important;display:flex!important;flex-direction:row!important;justify-content:flex-start!important}.mp-alert-details-card-content-left{margin-right:8px!important}.mp-alert-details-card-content-right{margin-left:8px!important}.mp-alert-details-badge{align-items:center!important;background:#f23d4f!important;border-radius:50%!important;color:#fff!important;display:flex!important;flex-direction:row!important;height:16px!important;justify-content:center!important;width:16px!important}.mp-alert-details-title{color:rgba(0,0,0,.9)!important;font-weight:700!important;padding:0!important}.mp-alert-details-description,.mp-alert-details-title{font-family:Proxima Nova,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important;font-size:14px!important;font-style:normal!important;line-height:120%!important;margin-block-end:0!important;margin-block-start:0!important;margin-inline-end:0!important;margin-inline-start:0!important}.mp-alert-details-description{color:#000!important;font-weight:400!important;margin-top:4px!important}.mp-alert-details-retry-button{background-color:#3483fa!important;border:1px solid #3483fa!important;border-radius:4px!important;color:#fff!important;cursor:pointer!important;font-family:Proxima Nova,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important;font-size:14px!important;font-style:normal!important;font-weight:400!important;line-height:32px!important;margin-top:16px!important;outline:0!important;padding:0 12px!important;transition:all .3s ease-in-out!important}.mp-alert-details-retry-button:hover{background-color:#2968c8!important;border:1px solid #2968c8!important}.mp-checkout-benefits-container{display:flex;flex-direction:column!important}.mp-checkout-benefits-container p{padding:0!important}.mp-checkout-benefits-title{color:#1a1a1a!important;font-family:Proxima Nova,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important;font-size:18px!important;font-style:normal!important;font-weight:600!important;line-height:24px!important}.mp-checkout-benefits-list,.mp-checkout-benefits-title{margin-block-end:0!important;margin-block-start:0!important;margin-inline-end:0!important;margin-inline-start:0!important}.mp-checkout-benefits-list{list-style-type:none!important;padding-top:8px!important;padding-inline-start:0!important}.mp-checkout-benefits-item{align-items:center!important;color:rgba(0,0,0,.55)!important;display:flex;font-family:Proxima Nova,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important;font-size:16px!important;justify-content:flex-start!important;line-height:18px!important;padding:16px 4px 0!important}.mp-checkout-benefits-image-list{float:none!important;height:auto!important;margin:0!important;max-height:100%!important;max-width:100%!important;padding:10px!important;position:inherit!important;width:auto!important}.mp-checkout-benefits-image{max-height:32px!important;max-width:32px!important}.mp-checkout-benefits-item b,.mp-checkout-benefits-item span{color:#0000008c!important;font-size:14px!important;line-height:25px!important}.mp-checkout-benefits-item b{font-weight:700}.mp-checkout-benefits-item-title{color:#1a1a1a!important;font-weight:600!important;margin-bottom:6px!important}.mp-checkout-benefits-item-subtitle,.mp-checkout-benefits-item-title{font-family:Proxima Nova,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important;font-size:12px!important;font-style:normal!important;line-height:15px!important}.mp-checkout-benefits-item-subtitle{color:rgba(0,0,0,.55)!important;font-weight:400!important}.mp-checkout-benefits-count-list-item{color:#009ee3!important;font-size:12px!important;font-style:normal!important;font-weight:600!important;line-height:21px!important}.mp-checkout-benefits-count-list-div{background:rgba(71,154,209,.1)!important;border-radius:50%!important;color:#fff!important;font-size:14px!important;height:25px!important;line-height:0!important;margin-right:15px!important;min-width:25px!important;text-align:center!important}.mp-checkout-benefits-tick-mark-container{display:flex}.mp-checkout-benefits-tick-mark{display:inline-block!important;height:14px!important;margin-right:16px!important;position:relative!important;width:14px!important}.mp-checkout-benefits-tick-mark:before{height:50%!important;top:50%!important;width:3px!important}.mp-checkout-benefits-tick-mark:after,.mp-checkout-benefits-tick-mark:before{background-color:#009ee3!important;content:""!important;left:0!important;position:absolute!important;transform:translateX(10px) rotate(-45deg)!important;transform-origin:left bottom!important}.mp-checkout-benefits-tick-mark:after{bottom:0!important;height:3px!important;width:100%!important}.mp-checkout-redirect-v2-container{align-items:center!important;align-self:stretch!important;background:#f5f5f5!important;border-radius:6px!important;display:flex!important;flex:none!important;flex-direction:row!important;flex-grow:0!important;gap:16px!important;height:100%!important;justify-content:center!important;order:2!important;padding:12px!important}.mp-checkout-redirect-v2-image{float:none!important;height:auto!important;margin-left:20px!important;max-height:100%!important;max-width:12px!important;position:inherit!important;width:100%!important}.mp-checkout-redirect-v2-text{align-items:center!important;color:#737373!important;display:flex!important;flex:none;flex-grow:1;font-family:Proxima Nova,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important;font-size:12px!important;font-style:normal!important;font-weight:400!important;line-height:15px!important;order:1;width:85%!important}.mp-checkout-redirect-container{align-items:center!important;background-color:#fff!important;display:flex!important;flex-direction:column!important;justify-content:center!important;padding:24px 32px!important;text-align:center!important}.mp-checkout-redirect-image{float:none!important;height:auto!important;margin:0!important;max-height:100%!important;max-width:172px!important;padding-bottom:24px!important;position:inherit!important;width:100%!important}.mp-checkout-redirect-text{color:rgba(0,0,0,.9)!important;font-family:Proxima Nova,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important;font-size:14px!important;font-style:normal!important;font-weight:700!important;line-height:18px!important;margin-block-end:0!important;margin-block-start:0!important;margin-inline-end:0!important;margin-inline-start:0!important}.mp-input-document .mp-input{align-items:center!important;background:#fff!important;border:1px solid rgba(0,0,0,.25);border-radius:8px!important;display:flex!important;height:48px!important}div .mp-focus{border:1px solid #7f54b3!important}div .mp-error{border:1px solid #f23d4f!important}.mp-input-document .mp-input .mp-document-select{background:#fff!important;border:0!important;color:#000!important;cursor:pointer!important;font-family:Proxima Nova,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important;font-size:16px!important;font-style:normal!important;font-weight:400!important;height:20px!important;letter-spacing:0!important;line-height:20px!important;margin:0 8px!important;min-height:20px!important;min-width:10px!important;outline:0!important;padding:0!important}.mp-input-document .mp-input .mp-vertical-line{border-left:1px solid rgba(0,0,0,.25)!important;height:36px!important;width:1px!important}.mp-input-document .mp-input .mp-document{background:#fff!important;border:0!important;border-radius:8px!important;box-shadow:none!important;color:#000!important;font-size:16px!important;font-style:normal!important;font-weight:400!important;height:20px!important;line-height:20px!important;min-height:38px!important;outline:0!important;padding:0 14px!important;width:80%!important}.mp-input-document .mp-input .mp-document,.mp-input-document .mp-input-document-helper{font-family:Proxima Nova,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important}.mp-input-document .mp-input-document-helper{color:#f23d4f!important;display:flex!important;font-size:13px!important;height:18px!important;left:calc(50% - 154.5px)!important;line-height:18px!important;margin-top:5px!important;position:static!important;top:0!important;width:327px!important}.mp-input-document .mp-input-document-helper .mp-input-document-helper-icon{align-items:center!important;background:#f23d4f!important;border-radius:12px!important;color:#fff!important;display:flex!important;height:15px!important;justify-content:center!important;left:0!important;margin:1px 5px!important;top:3px!important;width:15px!important}.mp-helper{align-items:center;color:#f23d4f;display:none;font-family:Proxima Nova,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important;font-size:13px!important;font-weight:400!important;margin-bottom:10px!important;margin-top:4px!important}.mp-helper .mp-helper-icon{align-items:center;background:#f23d4f;border-radius:12px;color:#fff;display:flex;height:15px;justify-content:center;margin:0 4px;width:15px!important}.mp-input-label{align-items:flex-end!important;color:rgba(0,0,0,.9)!important;display:flex;font-family:Proxima Nova,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important;font-size:14px!important;font-style:normal!important;font-weight:400!important;height:30px;line-height:18px!important;padding-bottom:4px!important;width:100%!important}.mp-input-label b{padding-left:2px!important}.mp-input-radio-container{display:flex;position:relative!important}.mp-input-radio-radio:checked,.mp-input-radio-radio:not(:checked){opacity:0!important}.mp-input-radio-radio:checked+.mp-input-radio-label,.mp-input-radio-radio:not(:checked)+.mp-input-radio-label{color:#666!important;cursor:pointer!important;display:inline-block;line-height:20px!important}.mp-input-radio-radio:checked+.mp-input-radio-label:before,.mp-input-radio-radio:not(:checked)+.mp-input-radio-label:before{background:#fff!important;border:2px solid rgba(0,0,0,.25)!important;border-radius:100%!important;box-sizing:border-box!important;content:""!important;height:16px!important;left:0!important;position:absolute!important;top:0!important;width:16px!important}.mp-input-radio-radio:checked+.mp-input-radio-label:before{border:2px solid #7f54b3!important}.mp-input-radio-radio:checked+.mp-input-radio-label:after,.mp-input-radio-radio:not(:checked)+.mp-input-radio-label:after{background:#7f54b3!important;border-radius:100%!important;box-sizing:border-box!important;content:""!important;height:8px!important;left:4px!important;position:absolute!important;top:4px!important;width:8px!important}.mp-input-radio-radio:not(:checked)+.mp-input-radio-label:after{opacity:0!important}.mp-input-radio-radio:checked+.mp-input-radio-label:after{opacity:1!important}.mp-input-select-input{align-items:center!important;background:#fff!important;border:1px solid rgba(0,0,0,.25)!important;border-radius:8px!important;display:flex!important;height:48px!important}.mp-input-select-select{background:#fff!important;border:0!important;color:#000!important;cursor:pointer!important;font-family:Proxima Nova,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important;font-size:16px!important;font-style:normal!important;font-weight:400!important;height:100%!important;letter-spacing:0!important;line-height:20px!important;margin:0 12px!important;outline:0!important;width:100%!important}.mp-input-table-container{align-items:center!important;justify-content:center!important}.mp-input-table-container,.mp-input-table-list{display:flex!important;flex-direction:column!important;width:100%!important}.mp-input-table-list{border:1px solid rgba(0,0,0,.25)!important;border-radius:6px!important;list-style-type:none!important;margin-left:0!important}.mp-input-table-item{cursor:pointer!important;margin:0 16px!important;padding:0 4px 0 0!important}.mp-input-table-item:not(:first-child){border-top:1px solid rgba(0,0,0,.1)!important}.mp-input-table-label{cursor:pointer!important;justify-content:space-between!important;padding:16px 0!important;width:100%!important}.mp-input-table-label,.mp-input-table-option{align-items:center!important;display:flex!important}.mp-input-table-option{justify-content:flex-start!important}.mp-input-table-row-text{color:rgba(0,0,0,.9)!important}.mp-input-table-row-text,.mp-input-table-row-text-image{font-family:Proxima Nova,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important;font-size:16px!important;font-style:normal!important;font-weight:700!important;line-height:20px!important;padding-left:16px!important}.mp-input-table-row-text-image{align-items:center!important;color:#000000e5!important;display:flex!important;flex-direction:row-reverse!important}.mp-input-table-row-obs{color:rgba(0,0,0,.55)!important;text-align:right!important}.mp-input-table-row-obs,.mp-input-table-row-obs-highlight{font-family:Proxima Nova,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important;font-size:14px!important;font-style:normal!important;font-weight:400!important;line-height:18px!important}.mp-input-table-row-obs-highlight{color:#00a650!important}.mp-input-table-container-link{align-items:center!important;display:flex!important;justify-content:center!important;padding:16px 0 24px!important}.mp-input-table-link{color:#7f54b3!important;cursor:pointer!important;font-family:Proxima Nova,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important;font-size:16px!important;font-style:normal!important;font-weight:400!important;line-height:16px!important;text-decoration:none!important}.mp-input-table-link:hover{color:#7249a5!important;transition:all .3ms!important}.mp-input-table-bank-interest-container{align-items:center!important;display:flex!important;justify-content:flex-start!important;width:100%!important}.mp-input-table-bank-interest-text{color:#737373!important;font-family:Proxima Nova,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important;font-size:13px!important;font-weight:400!important;margin:0!important;margin-block-end:0!important;margin-block-start:0!important;margin-inline-end:0!important;margin-inline-start:0!important;max-width:100%!important;padding:8px 0 0 4px!important;word-break:break-word!important}.mp-payment-method-logo-container,.mp-payment-method-logo-slider-container{align-items:center!important;background:#fff!important;border:1px solid #e5e5e5!important;border-radius:4px!important;box-sizing:border-box!important;display:flex;height:24px!important;justify-content:center!important;padding:4px!important;width:36px!important}.mp-payment-method-logo-image{float:none!important;font-size:10px!important;height:auto!important;margin:0!important;max-height:100%!important;max-width:100%!important;overflow:hidden!important;position:inherit!important;text-overflow:ellipsis!important;width:auto!important}.mp-payment-methods-v2-container,.mp-payment-methods-v2-content{align-items:center!important;display:flex!important;flex-direction:column!important;height:100%!important;justify-content:center!important;width:100%!important}.mp-payment-methods-v2-content{max-width:236px!important}.mp-payment-methods-v2-title{color:rgba(0,0,0,.55)!important;font-family:Proxima Nova,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important;font-size:12px!important;font-style:normal!important;font-weight:600!important;line-height:15px!important;margin-block-end:0!important;margin-block-start:0!important;margin-inline-end:0!important;margin-inline-start:0!important;padding-bottom:20px!important}.mp-payment-methods-v2-list{display:flex!important;flex-wrap:wrap!important;height:100%!important;justify-content:center!important;padding-bottom:16px!important;width:100%!important}.mp-payment-methods-v2-list payment-method-logo{padding:0 1px 4px!important}.mp-payment-methods-container{display:flex;flex-direction:column!important;height:100%!important;width:100%!important}.mp-payment-methods-container p{padding:0!important}.mp-payment-methods-header{align-items:center!important;display:flex;height:100%!important;justify-content:flex-start!important;padding:0 4px 16px!important;width:100%!important}.mp-payment-methods-title{align-items:center!important;color:rgba(0,0,0,.55)!important;display:flex;font-family:Proxima Nova,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important;font-size:14px!important;font-style:normal!important;font-weight:400!important;line-height:18px!important;margin-block-end:0!important;margin-block-start:0!important;margin-inline-end:0!important;margin-inline-start:0!important}.mp-payment-methods-badge{align-items:center!important;background:#00a650!important;border-bottom-right-radius:8px!important;display:flex;justify-content:center!important;margin-left:10px!important;padding:6px 8px 4px!important}.mp-payment-methods-badge-text{align-items:center!important;color:#fff!important;display:flex;font-family:Proxima Nova,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important;font-size:11px!important;font-style:normal!important;font-weight:700!important;line-height:11px!important;text-align:center!important;text-transform:uppercase!important}.mp-payment-method-type-container{display:flex;flex-direction:column!important;height:100%!important;width:100%!important}.mp-payment-methods-content{align-items:center!important;display:flex;flex-wrap:wrap!important;height:100%!important;justify-content:flex-start!important;padding-bottom:16px!important;width:100%!important}.mp-payment-methods-content payment-method-logo{padding:0 4px 8px!important}.mp-payment-methods-link{box-shadow:none!important;color:#7f54b3!important;cursor:pointer!important;font-family:Proxima Nova,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important;font-size:14px!important;font-style:normal!important;font-weight:400!important;line-height:18px!important;text-decoration:none!important;vertical-align:middle!important}.mp-payment-methods-link:hover{color:rgba(0,0,0,.55)!important}.mp-pix-template-container{align-items:center!important;background-color:#fff!important;display:flex!important;flex-direction:column!important;justify-content:center!important;text-align:center!important}.mp-pix-template-image{float:none!important;font-size:10px!important;height:auto!important;margin:0!important;max-height:100%!important;max-width:240px!important;overflow:hidden!important;padding-bottom:42px!important;position:inherit!important;text-overflow:ellipsis!important;width:100%!important}.mp-pix-template-title{font-size:16px!important;font-weight:700!important;padding-bottom:16px!important}.mp-pix-template-subtitle,.mp-pix-template-title{color:rgba(0,0,0,.9)!important;font-family:Proxima Nova,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important;font-style:normal!important;line-height:18px!important;margin-block-end:0!important;margin-block-start:0!important;margin-inline-end:0!important;margin-inline-start:0!important}.mp-pix-template-subtitle{font-size:14px!important;font-weight:400!important}.mp-terms-and-conditions-text{color:rgba(0,0,0,.55)!important;padding-right:4px!important}.mp-terms-and-conditions-link,.mp-terms-and-conditions-text{font-family:Proxima Nova,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important;font-size:14px!important;font-style:normal!important;font-weight:400!important;line-height:18px!important}.mp-terms-and-conditions-link{color:#7f54b3!important;text-decoration:none!important}.mp-terms-and-conditions-link:hover{color:#7249a5!important;transition:all .3ms!important}.mp-test-mode-card{background:rgb(0 0 0/4%)!important;border-left:4px solid #f73!important;border-radius:6px!important;display:flex!important;flex-direction:column!important;padding:16px!important}.mp-test-mode-badge{align-items:center!important;background:#f73!important;border-radius:12px!important;color:#fff!important;display:flex!important;flex-direction:row!important;height:16px!important;justify-content:center!important;margin-right:16px!important;width:16px!important}.mp-test-mode-title{color:rgba(0,0,0,.9)!important;font-weight:700!important;margin-left:16px!important;padding:0!important}.mp-test-mode-description,.mp-test-mode-title{font-family:Proxima Nova,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important;font-size:14px!important;font-style:normal!important;line-height:120%!important;margin-block-end:0!important;margin-block-start:0!important;margin-inline-end:0!important;margin-inline-start:0!important}.mp-test-mode-description{color:#000!important;font-weight:400!important;padding-left:32px!important;padding-top:4px!important}.mp-test-mode-card-content{align-items:baseline!important;display:flex!important;flex-direction:row!important;justify-content:flex-start!important}.mp-test-mode-link{color:#7f54b3!important;font-family:Proxima Nova,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important;font-size:14px!important;font-style:normal!important;font-weight:400!important;line-height:16px!important;text-decoration:none!important}.mp-test-mode-link:hover{color:#7249a5!important;transition:all .3ms!important}.mp-checkout-pro-terms-and-conditions{align-items:center!important;display:flex!important;justify-content:center!important;padding-top:16px!important;text-align:center!important}.mp-checkout-pro-container{display:flex!important;flex-direction:column!important;justify-content:center!important}.mp-checkout-pro-content{background-color:#fff!important;padding:24px 16px!important}.mp-checkout-pro-test-mode{padding:0 0 25px!important}.mp-checkout-pro-payment-methods{padding-top:24px!important}.mp-checkout-pro-redirect{margin-top:24px!important}.mp-checkout-pro-content{padding:24px 16px 8px!important}.mp-checkout-pro-payment-methods{padding-top:32px!important}.mp-checkout-custom-dual-column-row{align-items:flex-start!important;flex-direction:row!important}.mp-checkout-custom-input-document{padding:0 0 25px!important}.mp-checkout-custom-issuers-container{display:block;padding:0 0 16px!important}.mp-checkout-custom-issuers-container-display-none{display:none;padding:0 0 16px!important}.mp-checkout-custom-installments{display:block;padding:16px 0 0!important}.mp-checkout-custom-installments-display-none{display:none;padding:16px 0 0!important}.mp-checkout-custom-terms-and-conditions{align-items:center!important;display:flex;justify-content:center!important;padding:8px 0 0!important;text-align:center!important}.mp-checkout-custom-left-card-input{margin-right:16px!important}.mp-checkout-custom-info-text{color:rgba(0,0,0,.55)!important;font-family:Proxima Nova,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important;font-size:13px!important;font-style:normal!important;font-weight:400!important;line-height:18px!important;margin-block-end:0!important;margin-block-start:0!important;margin-inline-end:0!important;margin-inline-start:0!important;padding:4px 0 0 6px!important}#mp-checkout-custom-box-input-tax-cft{padding:0 0 16px!important}#mp-checkout-custom-tax-tea-text{font-size:12px!important;line-height:1.29!important}#mp-checkout-custom-tax-cft-text,#mp-checkout-custom-tax-tea-text{color:rgba(0,0,0,.55)!important;font-family:Proxima Nova,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important;font-stretch:normal!important;font-style:normal!important;font-weight:400!important;letter-spacing:normal!important}#mp-checkout-custom-tax-cft-text{font-size:27px!important;line-height:1.25!important}.mp-card-holder-name{margin:0!important;padding-left:14px!important}.mp-checkout-custom-container{background-color:#fff!important;display:flex;flex-direction:column!important;justify-content:center!important;padding:24px 16px!important}.mp-checkout-custom-test-mode{padding-bottom:32px!important}.mp-wallet-button-container{align-items:center;border:1px solid rgba(0,0,0,.1)!important;border-radius:6px!important;display:flex;flex-direction:column!important;height:auto!important;margin-bottom:25px!important;padding:24px 16px!important}.mp-wallet-button-container .mp-wallet-button-title{align-items:center!important;color:rgba(0,0,0,.9)!important;display:flex!important;flex-direction:column!important;font-family:Proxima Nova,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important;font-size:16px!important;font-style:normal!important;font-weight:700!important;line-height:20px!important}.mp-wallet-button-container img{float:none!important;margin:0!important;max-height:100%!important;max-width:100%!important;padding-bottom:16px!important;position:inherit!important}.mp-wallet-button-container .mp-wallet-button-title span{color:#000000e5!important;font-size:16px!important;padding-left:8px!important}.mp-wallet-button-container .mp-wallet-button-description{color:#000!important;display:flex;font-size:16px!important;font-weight:400!important;line-height:18px!important;margin:8px 0 16px!important;text-align:center}.mp-wallet-button-container .mp-wallet-button-button button,.mp-wallet-button-container .mp-wallet-button-description{align-items:center!important;font-family:Proxima Nova,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important;font-style:normal!important}.mp-wallet-button-container .mp-wallet-button-button button{background:#009ee3!important;border:none!important;border-radius:4px!important;color:#fff!important;cursor:pointer!important;display:flex!important;flex-direction:row!important;font-size:14px!important;font-weight:700!important;justify-content:center!important;line-height:16px!important;padding:8px 12px!important;text-align:center!important;transition:all .3ms ease-in-out!important}.mp-wallet-button-container .mp-wallet-button-button button:hover{background-color:#007eb5!important;color:#fff!important;transition:all .3ms ease-in-out!important}.mp-checkout-custom-available-payments{align-items:center!important;display:flex;flex-direction:column!important;padding:0 0 32px!important;width:100%!important}.mp-checkout-custom-available-payments .mp-checkout-custom-available-payments-header{align-items:center!important;cursor:pointer!important;display:flex;justify-content:space-between!important;user-select:none!important;width:100%!important}.mp-checkout-custom-available-payments .mp-checkout-custom-available-payments-header .mp-checkout-custom-available-payments-title{align-items:center!important;color:#7f54b3!important;display:flex;font-family:Proxima Nova,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important;font-size:14px!important;font-style:normal!important;font-weight:700!important;line-height:18px!important;padding:0 4px!important}.mp-checkout-custom-available-payments-text{color:#7f54b3!important;font-size:14px!important}.mp-checkout-custom-available-payments .mp-checkout-custom-available-payments-header img{float:none!important;margin:0!important;max-height:100%!important;max-width:100%!important;position:inherit!important}.mp-checkout-custom-available-payments .mp-checkout-custom-available-payments-header .mp-checkout-custom-available-payments-title p{margin-block-end:0!important;margin-block-start:0!important;margin-inline-end:0!important;margin-inline-start:0!important;padding-left:8px!important}.mp-checkout-custom-available-payments .mp-checkout-custom-available-payments-content{max-height:0!important;overflow:hidden!important;padding:0!important;transition:all .2s ease-out!important;width:100%!important}.mp-checkout-custom-available-payments .mp-checkout-custom-available-payments-content hr{border-color:rgba(0,0,0,.1)!important;border-width:1px!important;margin-block-end:0!important;margin-block-start:0!important;margin-inline-end:0!important;margin-inline-start:0!important;margin-top:8px!important}.mp-checkout-custom-available-payments .mp-checkout-custom-available-payments-content a{color:#7f54b3!important;font-family:Proxima Nova,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important;font-size:14px!important;font-weight:400!important;letter-spacing:0!important;line-height:18px!important;text-align:left!important}.mp-checkout-custom-card-form{display:flex;flex-direction:column!important;justify-content:flex-start!important}form div div .mp-checkout-custom-card-form-title{color:rgba(0,0,0,.9)!important;font-family:Proxima Nova,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important;font-size:16px!important;font-style:normal!important;font-weight:700!important;line-height:20px!important;margin-block-end:0!important;margin-block-start:0!important;margin-inline-end:0!important;margin-inline-start:0!important;padding-bottom:25px!important;padding-left:0!important}.mp-checkout-custom-card-form .mp-checkout-custom-card-row{display:flex;flex-direction:column;justify-content:space-between;padding-bottom:24px}.mp-checkout-custom-card-form .mp-checkout-custom-card-column{display:flex;flex-direction:column;justify-content:center;width:50%}.mp-checkout-custom-card-form .mp-checkout-custom-card-input{background:#fff!important;border:1px solid rgba(0,0,0,.25);border-radius:6px!important;color:#000!important;font-family:Proxima Nova,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important;font-size:16px!important;font-style:normal!important;font-weight:400!important;height:40px!important;line-height:20px!important;outline:0!important}.mp-checkout-custom-card-input-iframe{border:1px solid rgba(0,0,0,.25)!important;border-radius:6px!important}.mp-checkout-custom-load{align-items:center;display:none;justify-content:center}.spinner-card-form{animation:spin 2s linear infinite;border:4px solid rgba(0,0,255,.1)!important;border-radius:50%!important;border-top-color:#009ee3!important;height:40px!important;width:40px!important}.mp-spinner-3ds{animation:spin 2s linear infinite;border:4px solid rgba(0,0,255,.1);border-radius:50%;border-top-color:#009ee3;height:40px;margin:auto;width:40px}.mp-3ds-modal{background-color:rgba(0,0,0,.7);display:none;display:flex;height:100%;left:0;position:fixed;top:0;width:100%;z-index:9999}#mp-3ds-modal-content,.mp-3ds-modal{align-items:center;justify-content:center}#mp-3ds-modal-content{background-color:#fff;border-radius:6px;padding:48px;width:800px}#mp-3ds-modal-content>div{align-items:center;flex-direction:column;justify-content:center;width:100%}#mp-3ds-modal-close{cursor:pointer;float:right}#mp-loading-container-3ds{display:flex;flex-direction:column;gap:12px;height:274px;margin:auto;position:relative;width:704px}.mp-loading-text-3ds{font-family:Proxima Nova,sans-serif;font-size:24px;font-weight:600;padding-top:24px;text-align:center}.mp-loading-text-3ds>p{margin-bottom:12px}#mp-3ds-frame{border:none;display:block;margin:auto;min-height:500px;min-width:600px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.mp-card-info{display:-webkit-inline-box;justify-content:center;margin-bottom:8px}.mp-alert-color-success{background:#009ee3;border-radius:6px 0 0 6px;width:6px}.mp-icon-badge-info{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAA6lBMVEUAAAAAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMBnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuMAnuP///9MYiCLAAAATHRSTlMAABJBe7HX7/6wAy9+xgE3nukBHInqG0bLyQRq62sIf/b3+/nhWyAfqQKSjrUH812FQkCE9dXYUhXw1BTTwQq/CcDWr80QPeNFafzKW/JxxwAAAAFiS0dETYBoIGUAAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQfmCwkODC587ENtAAAB+ElEQVRIx5WWaV/iMBDGEwptbcsCCnSphdb7WI/dFcFjVVw8Vs33/zxO2p+CzBO6fV7O5J9jMpmJEDNJrYpVrdmOq5Tr2CtVq5IZBRQ5PD+o68Efcp164HuYIOu3RrOlmFrNxipAyLTW7iioTrvLCDKE35VRvXCBkDJaj9USxf1onpBykKRqqTaSwYyg+ZNNVaDN5HMN2t56WjSe1uh/nIPOGxePp3OEOUDx5PHZ2t7e4rHqaoLuq81c9s7u3o7NzG26QQIa7L46lk4gi9sbGvCabKb9Aw0c7DNH0yPA5/lzmO/1B3O0fAICHo+jY73C8RH3BFJU6tx8cqqB0xPuqVeE5aCQ//z1+ywGDscSVVchpfju3aqoqVKqCRvah+fnQ+gYCQeaxxcX4xHyXAp0hOFYR2mMjuEKNM3VtQau/yAfBG5u9U3f3kAAbeluooHJPdwSOvS9GXBgWJcAf8VKOWAKU8MMUGqg5DMDlHwovc0ApTd6QGYgwE/UCGRPFBQBI5AVAVBmHh51Lj0+LNrzMgMKmfOkgScWv6yQEdHtsT35nuezHeWlEhfj5+n0edEW//us3rK/oQqVvshZg/iPhvKaRPMtaJAUrJEmk69NLurHy8bHL9FiG5Vhzzz+LUSNulumsWfEapmvQ/nPyfz3Z3SZf39q4PvzDpPK5SX4V3wiAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTA5VDE0OjEyOjQyKzAwOjAwxiqBfAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0wOVQxNDoxMjo0MiswMDowMLd3OcAAAAAASUVORK5CYII=) 100% 50% no-repeat transparent;background-size:18px;height:18px;margin:0 12px 0 10px;min-block-size:-webkit-fill-available;width:24px}.mp-card-body-3ds{align-items:flex-start;background:rgba(0,0,0,.04);border-radius:0 6px 6px 0;display:flex;height:30px;padding:5px 0;width:100%}.mp-text-subtitle{font-size:14px;font-weight:400;line-height:18px;vertical-align:middle}#mp-modal-3ds-title,.mp-text-subtitle{font-family:Proxima Nova,sans-serif;font-style:normal}#mp-modal-3ds-title{font-weight:600;margin-bottom:8px;text-align:left}#content-load-3ds{align-self:stretch;display:flex;flex-direction:column;flex-shrink:0;gap:12px;width:704px}.mp-normal-text-3ds{text-align:center}.mp-checkout-pse-container{background-color:#fff!important;display:flex;flex-direction:column!important;padding:24px 16px!important}.mp-checkout-pse-text{color:rgba(0,0,0,.9)!important;font-family:Proxima Nova,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important;font-size:16px!important;font-style:normal!important;font-weight:700!important;line-height:20px!important;padding-bottom:25px!important;padding-left:0!important}.mp-checkout-pix-container{background-color:#fff!important;display:flex;flex-direction:column!important;justify-content:center!important;padding:24px 16px!important}.mp-checkout-pix-test-mode{padding-bottom:32px!important}.mp-checkout-pix-terms-and-conditions{align-items:center!important;display:flex;justify-content:center!important;padding-top:42px!important;text-align:center!important}.mp-checkout-ticket-container{align-items:center!important;background-color:#fff!important;display:flex;flex-direction:column!important;padding:24px 16px!important}.mp-checkout-ticket-content{width:100%!important}.mp-checkout-ticket-input-document,.mp-checkout-ticket-test-mode{padding:0 0 25px!important}div div .mp-checkout-ticket-content .mp-checkout-ticket-text{color:rgba(0,0,0,.9)!important;font-family:Proxima Nova,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important;font-size:16px!important;font-style:normal!important;font-weight:700!important;line-height:20px!important;padding-bottom:25px!important;padding-left:0!important}.mp-checkout-ticket-terms-and-conditions{align-items:center!important;display:flex;justify-content:center!important;padding-top:32px!important;text-align:center!important}.mp-document-select{appearance:auto;cursor:pointer!important;letter-spacing:0!important;margin:0 8px!important;width:25%!important}.mp-document-select,.mp-input-document{background:#fff!important;border:0!important;color:#000!important;font-family:Proxima Nova,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important;font-size:14px!important;font-style:normal!important;font-weight:400!important;line-height:20px!important;outline:0!important}.mp-input-document{border-radius:8px!important;box-shadow:none!important;width:100%!important}.mp-checkout-container a,.mp-checkout-container abbr,.mp-checkout-container acronym,.mp-checkout-container address,.mp-checkout-container applet,.mp-checkout-container article,.mp-checkout-container aside,.mp-checkout-container audio,.mp-checkout-container b,.mp-checkout-container big,.mp-checkout-container blockquote,.mp-checkout-container canvas,.mp-checkout-container caption,.mp-checkout-container center,.mp-checkout-container cite,.mp-checkout-container code,.mp-checkout-container dd,.mp-checkout-container del,.mp-checkout-container details,.mp-checkout-container dfn,.mp-checkout-container div,.mp-checkout-container dl,.mp-checkout-container dt,.mp-checkout-container em,.mp-checkout-container embed,.mp-checkout-container fieldset,.mp-checkout-container figcaption,.mp-checkout-container figure,.mp-checkout-container footer,.mp-checkout-container form,.mp-checkout-container h1,.mp-checkout-container h2,.mp-checkout-container h3,.mp-checkout-container h4,.mp-checkout-container h5,.mp-checkout-container h6,.mp-checkout-container header,.mp-checkout-container hgroup,.mp-checkout-container i,.mp-checkout-container iframe,.mp-checkout-container img,.mp-checkout-container input,.mp-checkout-container ins,.mp-checkout-container kbd,.mp-checkout-container label,.mp-checkout-container legend,.mp-checkout-container li,.mp-checkout-container li input,.mp-checkout-container mark,.mp-checkout-container menu,.mp-checkout-container nav,.mp-checkout-container object,.mp-checkout-container ol,.mp-checkout-container output,.mp-checkout-container p,.mp-checkout-container pre,.mp-checkout-container q,.mp-checkout-container ruby,.mp-checkout-container s,.mp-checkout-container samp,.mp-checkout-container section,.mp-checkout-container select,.mp-checkout-container small,.mp-checkout-container span,.mp-checkout-container strike,.mp-checkout-container strong,.mp-checkout-container sub,.mp-checkout-container summary,.mp-checkout-container sup,.mp-checkout-container table,.mp-checkout-container tbody,.mp-checkout-container td,.mp-checkout-container tfoot,.mp-checkout-container th,.mp-checkout-container thead,.mp-checkout-container time,.mp-checkout-container tr,.mp-checkout-container tt,.mp-checkout-container u,.mp-checkout-container ul,.mp-checkout-container var,.mp-checkout-container video{font:inherit;font-family:Proxima Nova,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:14px;font-style:normal;line-height:16px;margin:0;padding:0;vertical-align:baseline;width:auto}.mp-checkout-container{border:0!important;font:inherit!important;font-size:100%!important;margin:0!important;padding:0!important;vertical-align:baseline!important}.mp-vertical-line{border-left:1px solid rgba(0,0,0,.25)!important;height:36px!important;width:1px!important} \ No newline at end of file diff --git a/assets/css/index.php b/assets/css/index.php index 891711d6d..da8f1da45 100644 --- a/assets/css/index.php +++ b/assets/css/index.php @@ -1,5 +1,13 @@ span>span{ + font-weight: 600; +} + +.mp-credits-banner-link { + max-width: 64px; + text-align: center; + justify-content: center; + padding-left: 8px; + font-style: normal; + font-weight: 600; + font-size: 12px; + line-height: 12px; +} + +.mp-credits-banner-link a { + text-decoration: none; + color: #009EE3 +} + +#mp-credits-modal { + font-family: Proxima Nova, Helvetica Neue, Helvetica, Arial, sans-serif; + visibility: hidden; + position: fixed; + z-index: 9999; + left: 0; + top: 0; + width: 100%; + height: 100%; + overflow: auto; + background-color: rgba(0, 0, 0, 0.3); + color: #000; +} + +#mp-credits-modal .mp-credits-modal-container { + height: 100%; + width: 100%; + position: relative; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; +} +.mp-credits-modal-blue-circle { + width: 16px; + height: 16px; + background-color: rgba(71, 154, 209, 0.10); + border-radius: 50%; + display: flex; + justify-content: center; + align-items: center; + position: absolute; +} + +.check-mark { + color: #009EE3; + font-size: 14px; +} + +.mp-credits-modal-blue-circle-text { + margin-left: 16px; + font-weight: 400; + text-align: left; + transform: translate(0, -12.5%); + font-style: normal; + font-size: 14px; + line-height: 20px; + padding-left: 7px; +} + +.mp-credits-modal-how-to-use { + display: flex; + flex-direction: column; + padding-top: 24px; +} + +.mp-credits-modal-how-to-use>div { + display: flex; + flex-direction: row; + padding-bottom: 16px; +} + +.mp-credits-modal-container-content { + border-radius: 5px; + background-color: #ffff; + max-width: 666px; + display: block; + justify-content: left; + box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; +} + +.mp-credits-modal-content-centralize{ + height: 100%; + display: flex; + align-items: center; +} + +.mp-credits-modal-content { + padding: 30px 35px 50px 35px; +} + +.mp-credits-modal-container-content img { + margin: 0; + padding: 0; +} + +.mp-logo-img { + display: flex; + align-items: center; + justify-content: center; +} + +.mp-credits-modal-titles { + margin: 0; +} + +.mp-credits-modal-titles>div { + padding-top: 30px; + margin: 0 +} + +.mp-credits-modal-titles>div>span { + line-height: 31.2px; + font-style: normal; + font-size: 24px; + text-align: center; +} + +.mp-credits-modal-titles>div+div{ + padding-top: 16px; + text-align: left; +} +.mp-credits-modal-titles>div+div>span { + font-weight: 600; + font-style: normal; + font-size: 16px; + line-height: 20px; +} + +.mp-credits-modal-titles>div>span { + font-weight: 600; +} + +.mp-credits-modal-titles p { + padding-top: 16px; + font-weight: 400; + text-align: center; + font-style: normal; + font-size: 16px; + line-height: 22px; + margin: 0; +} + +.mp-credits-modal-titles h2 { + text-align: left; + padding-top: 8px; + margin: 0; +} + +.mp-credits-modal-FAQ { + font-weight: 400; + padding-top: 16px; + display: flex; + justify-content: center; + font-style: normal; + font-size: 12px; + line-height: 18px; + color: rgba(0, 0, 0, 0.25); +} + +.mp-credits-modal-FAQ>p>a { + text-decoration: none; + font-weight: 600; + color: rgba(0, 0, 0, 0.25); + text-decoration: underline +} + +.mp-credits-modal-FAQ p { + margin: 0; +} + +.mp-credits-modal-close-button { + display: flex; + align-items: flex-start; + justify-content: flex-end; + width: 100%; +} + +.mp-credits-modal-close-button img, #mp-open-modal { + cursor: pointer; +} + +@media screen and (max-width: 768px) { + .mp-credits-modal-container-content{ + max-width: 100%; + position: relative; + transform: translate(0, 100vh); + } + + .mp-mobile{ + transform: translate(0, 0vh); + transition: transform 3s; + } + +} diff --git a/assets/css/products/credits-modal.min.css b/assets/css/products/credits-modal.min.css new file mode 100644 index 000000000..a04fa3f6f --- /dev/null +++ b/assets/css/products/credits-modal.min.css @@ -0,0 +1 @@ +.mp-credits-banner-info{font-family:Proxima Nova,Helvetica Neue,Helvetica,Arial,sans-serif;width:314px;height:64px;background:#e6f5fc;border-radius:32px;text-align:center;padding-right:12px;margin:0 0 15px 0;display:flex;align-items:center}.mp-credits-banner-round-background{position:relative;height:56px;width:56px;background-color:rgba(0,158,227,.1);border-radius:50%;align-items:center;display:flex;justify-content:center}.mp-credits-banner-round-base{height:64px;width:64px;display:flex;justify-content:center;align-items:center}.mp-credits-banner-round-logo{position:relative;border-radius:50%;width:24px;height:16px}.mp-credits-banner-text{max-width:160px;padding-left:6px;font-size:12px;line-height:15px;color:#464545}.mp-credits-banner-text>span>span{font-weight:600}.mp-credits-banner-link{max-width:64px;text-align:center;justify-content:center;padding-left:8px;font-style:normal;font-weight:600;font-size:12px;line-height:12px}.mp-credits-banner-link a{text-decoration:none;color:#009ee3}#mp-credits-modal{font-family:Proxima Nova,Helvetica Neue,Helvetica,Arial,sans-serif;visibility:hidden;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.3);color:#000}#mp-credits-modal .mp-credits-modal-container{height:100%;width:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.mp-credits-modal-blue-circle{width:16px;height:16px;background-color:rgba(71,154,209,.1);border-radius:50%;display:flex;justify-content:center;align-items:center;position:absolute}.check-mark{color:#009ee3;font-size:14px}.mp-credits-modal-blue-circle-text{margin-left:16px;font-weight:400;text-align:left;transform:translate(0,-12.5%);font-style:normal;font-size:14px;line-height:20px;padding-left:7px}.mp-credits-modal-how-to-use{display:flex;flex-direction:column;padding-top:24px}.mp-credits-modal-how-to-use>div{display:flex;flex-direction:row;padding-bottom:16px}.mp-credits-modal-container-content{border-radius:5px;background-color:#ffff;max-width:666px;display:block;justify-content:left;box-shadow:rgba(100,100,111,.2) 0 7px 29px 0}.mp-credits-modal-content-centralize{height:100%;display:flex;align-items:center}.mp-credits-modal-content{padding:30px 35px 50px 35px}.mp-credits-modal-container-content img{margin:0;padding:0}.mp-logo-img{display:flex;align-items:center;justify-content:center}.mp-credits-modal-titles{margin:0}.mp-credits-modal-titles>div{padding-top:30px;margin:0}.mp-credits-modal-titles>div>span{line-height:31.2px;font-style:normal;font-size:24px;text-align:center}.mp-credits-modal-titles>div+div{padding-top:16px;text-align:left}.mp-credits-modal-titles>div+div>span{font-weight:600;font-style:normal;font-size:16px;line-height:20px}.mp-credits-modal-titles>div>span{font-weight:600}.mp-credits-modal-titles p{padding-top:16px;font-weight:400;text-align:center;font-style:normal;font-size:16px;line-height:22px;margin:0}.mp-credits-modal-titles h2{text-align:left;padding-top:8px;margin:0}.mp-credits-modal-FAQ{font-weight:400;padding-top:16px;display:flex;justify-content:center;font-style:normal;font-size:12px;line-height:18px;color:rgba(0,0,0,.25)}.mp-credits-modal-FAQ>p>a{text-decoration:none;font-weight:600;color:rgba(0,0,0,.25);text-decoration:underline}.mp-credits-modal-FAQ p{margin:0}.mp-credits-modal-close-button{display:flex;align-items:flex-start;justify-content:flex-end;width:100%}#mp-open-modal,.mp-credits-modal-close-button img{cursor:pointer}@media screen and (max-width:768px){.mp-credits-modal-container-content{max-width:100%;position:relative;transform:translate(0,100vh)}.mp-mobile{transform:translate(0,0);transition:transform 3s}} \ No newline at end of file diff --git a/assets/css/public/index.php b/assets/css/public/index.php new file mode 100644 index 000000000..da8f1da45 --- /dev/null +++ b/assets/css/public/index.php @@ -0,0 +1,13 @@ + 0) { + verify() + + function verify() { + + if (blueBadgeArr[0].classList.contains('selected')) { + btnFirst.classList.add('credits-info-blue-color') + btnSecond.classList.remove('credits-info-blue-color') + iconImg[0].setAttribute('src', mp_info_admin_credits_script_params.computerBlueIcon) + iconImg[1].setAttribute('src', mp_info_admin_credits_script_params.cellphoneGrayIcon) + gifImg.setAttribute('src', mp_info_admin_credits_script_params.viewDesktop) + exampleFooter.innerHTML = mp_info_admin_credits_script_params.footerDesktop + return + } + if (blueBadgeArr[1].classList.contains('selected')) { + btnSecond.classList.add('credits-info-blue-color') + btnFirst.classList.remove('credits-info-blue-color') + iconImg[1].setAttribute('src', mp_info_admin_credits_script_params.cellphoneBlueIcon) + iconImg[0].setAttribute('src', mp_info_admin_credits_script_params.computerGrayIcon) + gifImg.setAttribute('src', mp_info_admin_credits_script_params.viewMobile) + exampleFooter.innerText = mp_info_admin_credits_script_params.footerCellphone + return + } + } + + + + blueBadgeArr[0].addEventListener('click', () => { + if (blueBadgeArr[0].classList.contains('selected')) { + return + } else { + blueBadgeArr[0].classList.add('selected') + blueBadgeArr[1].classList.remove('selected') + + } + verify() + }) + + blueBadgeArr[1].addEventListener('click', () => { + if (blueBadgeArr[1].classList.contains('selected')) { + return + } else { + blueBadgeArr[1].classList.add('selected') + blueBadgeArr[0].classList.remove('selected') + } + verify() + }) + } +})() diff --git a/assets/js/admin/credits/example-info.min.js b/assets/js/admin/credits/example-info.min.js new file mode 100644 index 000000000..d6ad8aa64 --- /dev/null +++ b/assets/js/admin/credits/example-info.min.js @@ -0,0 +1 @@ +!function(){let e=document.querySelectorAll(".credits-info-example-buttons-child"),t=document.querySelectorAll(".icon-image"),s=document.querySelector("#gif-image"),i=document.querySelector("#credits-info-example-gif-footer"),c=document.querySelector("#btn-first"),r=document.querySelector("#btn-second");if(e.length>0){function o(){return e[0].classList.contains("selected")?(c.classList.add("credits-info-blue-color"),r.classList.remove("credits-info-blue-color"),t[0].setAttribute("src",mp_info_admin_credits_script_params.computerBlueIcon),t[1].setAttribute("src",mp_info_admin_credits_script_params.cellphoneGrayIcon),s.setAttribute("src",mp_info_admin_credits_script_params.viewDesktop),void(i.innerHTML=mp_info_admin_credits_script_params.footerDesktop)):e[1].classList.contains("selected")?(r.classList.add("credits-info-blue-color"),c.classList.remove("credits-info-blue-color"),t[1].setAttribute("src",mp_info_admin_credits_script_params.cellphoneBlueIcon),t[0].setAttribute("src",mp_info_admin_credits_script_params.computerGrayIcon),s.setAttribute("src",mp_info_admin_credits_script_params.viewMobile),void(i.innerText=mp_info_admin_credits_script_params.footerCellphone)):void 0}o(),e[0].addEventListener("click",(()=>{e[0].classList.contains("selected")||(e[0].classList.add("selected"),e[1].classList.remove("selected"),o())})),e[1].addEventListener("click",(()=>{e[1].classList.contains("selected")||(e[1].classList.add("selected"),e[0].classList.remove("selected"),o())}))}}(); \ No newline at end of file diff --git a/assets/js/admin/index.php b/assets/js/admin/index.php new file mode 100644 index 000000000..da8f1da45 --- /dev/null +++ b/assets/js/admin/index.php @@ -0,0 +1,13 @@ + { + element.setAttribute('maxlength', '85'); + }); + } + } + + function setTitleDescriptionStyle() { + const label = document.querySelectorAll('th.titledesc'); + + for (let j = 0; j < label.length; j++) { + label[j].classList.add('mp-field-text-title'); + + if (label[j] && label[j].children[0] && label[j].children[0].children[0]) { + label[j].children[0].children[0].classList.add('mp-field-text-subtitle'); + } + } + } + + function setHide() { + document.querySelector('.wc-admin-breadcrumb').style.display = 'none'; + + if (document.querySelector('.mp-header-logo')) { + document.querySelector('.mp-header-logo').style.display = 'none'; + } else { + const pElement = document.querySelectorAll('#mainform > p:not(.submit)'); + pElement[0] ? (pElement[0].style.display = 'none') : null; + } + + const mainFormH2 = document.querySelector('#mainform > h2'); + mainFormH2.classList.length === 0 ? (mainFormH2.style.display = 'none') : null; + + document.querySelectorAll('.mp-hidden-field-description').forEach((element) => { + element.closest('tr').style.display = 'none'; + }); + } + + function handleMultipleCheckboxes() { + (function ($) { + $('.mp-child').change(function () { + // create var for parent .checkall and group + const group = $(this).data('group'); + const checkall = $('.mp-selectall[data-group="' + group + '"]'); + + // mark selectall as checked if some children are checked + const someChecked = $('.mp-child[data-group="' + group + '"]:checked').length > 0; + checkall.prop("checked", someChecked); + }).change(); + // removing onbeforeunload so wordpress do not prompt confirmation on reload/exit + window.onbeforeunload = ''; + // now adding browser's default prompt if some config was changed + $('input, textarea, select, checkbox').on('change', function () { + window.onbeforeunload = function (e) { + e.preventDefault(); + return true; + } + }); + + // clicking .checkall will check or uncheck all children in the same group + $('.mp-selectall').click(function () { + const group = $(this).data('group'); + $('.mp-child[data-group="' + group + '"]').prop('checked', this.checked).change(); + }); + }(window.jQuery)); + } + + function makeCollapsibleAdvancedConfig() { + const collapseTitle = document.querySelector( + '[id^="woocommerce_woo-mercado-pago"][id$="advanced_configuration_title"]' + ); + + const collapseDescription = document.querySelector( + '[id^="woocommerce_woo-mercado-pago"][id$="advanced_configuration_description"]' + ); + + const collapseTable = document.querySelector( + '[id^="woocommerce_woo-mercado-pago"][id$="advanced_configuration_description"]' + ).nextElementSibling; + + collapseTitle.style.cursor = "pointer"; + collapseDescription.style.display = "none"; + collapseTable.style.display = "none"; + + collapseTitle.innerHTML += makeCollapsibleOptions( + "header_plus", + "header_less" + ); + + const headerPlus = document.querySelector("#header_plus"); + const headerLess = document.querySelector("#header_less"); + + collapseTitle.onclick = function () { + if (collapseTable.style.display === "none") { + collapseTable.style.display = "block"; + collapseDescription.style.display = "block"; + headerLess.style.display = "block"; + headerPlus.style.display = "none"; + } else { + collapseTable.style.display = "none"; + collapseDescription.style.display = "none"; + headerLess.style.display = "none"; + headerPlus.style.display = "block"; + } + }; + } + + function makeCollapsibleOptions(idPlus, idLess) { + return ( + '+\ + ' + ); + } + +})(); diff --git a/assets/js/admin/mp-admin-configs.min.js b/assets/js/admin/mp-admin-configs.min.js new file mode 100644 index 000000000..efa669a89 --- /dev/null +++ b/assets/js/admin/mp-admin-configs.min.js @@ -0,0 +1 @@ +window.addEventListener("load",(function(){var e;!function(){const e=document.querySelector("table.form-table");return e&&e.hasChildNodes()}()?function(){const e=document.querySelector("table.form-table");e?.previousElementSibling.remove(),e?.previousElementSibling.remove(),e?.nextElementSibling.remove()}():(function(){if(document.querySelector(".wc-admin-breadcrumb").style.display="none",document.querySelector(".mp-header-logo"))document.querySelector(".mp-header-logo").style.display="none";else{const e=document.querySelectorAll("#mainform > p:not(.submit)");e[0]&&(e[0].style.display="none")}const e=document.querySelector("#mainform > h2");0===e.classList.length&&(e.style.display="none"),document.querySelectorAll(".mp-hidden-field-description").forEach((e=>{e.closest("tr").style.display="none"}))}(),function(){const e=document.querySelectorAll(".limit-title-max-length");e&&e.forEach((e=>{e.setAttribute("maxlength","85")}))}(),function(){const e=document.querySelectorAll("th.titledesc");for(let o=0;o0;t.prop("checked",n)})).change(),window.onbeforeunload="",e("input, textarea, select, checkbox").on("change",(function(){window.onbeforeunload=function(e){return e.preventDefault(),!0}})),e(".mp-selectall").click((function(){const o=e(this).data("group");e('.mp-child[data-group="'+o+'"]').prop("checked",this.checked).change()})),function(){const e=document.querySelector('[id^="woocommerce_woo-mercado-pago"][id$="advanced_configuration_title"]'),o=document.querySelector('[id^="woocommerce_woo-mercado-pago"][id$="advanced_configuration_description"]'),t=document.querySelector('[id^="woocommerce_woo-mercado-pago"][id$="advanced_configuration_description"]').nextElementSibling;e.style.cursor="pointer",o.style.display="none",t.style.display="none",e.innerHTML+='+ ';const n=document.querySelector("#header_plus"),l=document.querySelector("#header_less");e.onclick=function(){"none"===t.style.display?(t.style.display="block",o.style.display="block",l.style.display="block",n.style.display="none"):(t.style.display="none",o.style.display="none",l.style.display="none",n.style.display="block")}}())})); \ No newline at end of file diff --git a/assets/js/admin/mp-admin-notices.js b/assets/js/admin/mp-admin-notices.js new file mode 100644 index 000000000..e7a9aaecc --- /dev/null +++ b/assets/js/admin/mp-admin-notices.js @@ -0,0 +1,24 @@ +/* globals ajaxurl, woocommerce_mercadopago_admin_notice_js_params */ +jQuery(document).ready(function ($) { + $(document).on('click', '.mp-rating-notice', function () { + $.post(ajaxurl, { + action: 'mp_review_notice_dismiss', + nonce: woocommerce_mercadopago_admin_notice_js_params.nonce, + }); + }); +}); + +jQuery(document).ready(function ($) { + $(document).on('click', '#saved-cards-notice', function () { + $.post(ajaxurl, { + action: 'mp_saved_cards_notice_dismiss', + nonce: woocommerce_mercadopago_admin_notice_js_params.nonce, + }); + }); +}); + +function clearInfo() { + setTimeout(() => { + document.getElementById('message-feedback-info').remove(); + }, 10000); +} diff --git a/assets/js/admin/mp-admin-notices.min.js b/assets/js/admin/mp-admin-notices.min.js new file mode 100644 index 000000000..dbc6f0eac --- /dev/null +++ b/assets/js/admin/mp-admin-notices.min.js @@ -0,0 +1 @@ +function clearInfo(){setTimeout((()=>{document.getElementById("message-feedback-info").remove()}),1e4)}jQuery(document).ready((function(e){e(document).on("click",".mp-rating-notice",(function(){e.post(ajaxurl,{action:"mp_review_notice_dismiss",nonce:woocommerce_mercadopago_admin_notice_js_params.nonce})}))})),jQuery(document).ready((function(e){e(document).on("click","#saved-cards-notice",(function(){e.post(ajaxurl,{action:"mp_saved_cards_notice_dismiss",nonce:woocommerce_mercadopago_admin_notice_js_params.nonce})}))})); \ No newline at end of file diff --git a/assets/js/admin/mp-admin-settings.js b/assets/js/admin/mp-admin-settings.js new file mode 100644 index 000000000..85f7fb8f3 --- /dev/null +++ b/assets/js/admin/mp-admin-settings.js @@ -0,0 +1,782 @@ +/* globals jQuery, ajaxurl, mercadopago_settings_admin_js_params */ + +function clearMessage() { + document.querySelector('.mp-alert').remove(); +} + +function clearElement(element) { + document.getElementById(element).remove(); +} + +function mpMsgElement(element, title, subTitle, link, msgLink, type) { + const cardInfo = document.getElementById(element); + + const classCardInfo = document.createElement('div'); + classCardInfo.className = 'mp-card-info'; + classCardInfo.id = element.concat('-card-info'); + + const cardInfoColor = document.createElement('div'); + cardInfoColor.className = 'mp-alert-color-'.concat(type); + + const cardBodyStyle = document.createElement('div'); + cardBodyStyle.className = 'mp-card-body-payments mp-card-body-size'; + + const cardInfoIcon = document.createElement('div'); + cardInfoIcon.className = 'mp-icon-badge-warning'; + + const titleElement = document.createElement('span'); + titleElement.className = 'mp-text-title'; + titleElement.appendChild(document.createTextNode(title)); + + const subTitleElement = document.createElement('span'); + subTitleElement.className = 'mp-helper-test'; + subTitleElement.appendChild(document.createTextNode(subTitle)); + + const cardInfoBody = document.createElement('div'); + cardInfoBody.appendChild(titleElement); + + if (link !== undefined) { + const linkText = document.createElement('a'); + linkText.href = link; + linkText.className = 'mp-settings-blue-text'; + linkText.appendChild(document.createTextNode(msgLink)); + linkText.setAttribute('target', '_blank'); + subTitleElement.appendChild(linkText); + } + + cardInfo.appendChild(classCardInfo); + cardInfoBody.appendChild(subTitleElement); + cardBodyStyle.appendChild(cardInfoIcon); + cardBodyStyle.appendChild(cardInfoBody); + classCardInfo.appendChild(cardInfoColor); + classCardInfo.appendChild(cardBodyStyle); + + if ('alert' === type) { + setTimeout(clearElement, 10000, classCardInfo.id); + } +} + +function selectTestMode(test) { + const badge = document.getElementById('mp-mode-badge'); + const colorBadge = document.getElementById('mp-orange-badge'); + const iconBadge = document.getElementById('mp-icon-badge'); + const helperTest = document.getElementById('mp-helper-test'); + const helperProd = document.getElementById('mp-helper-prod'); + const titleHelperProd = document.getElementById('mp-title-helper-prod'); + const titleHelperTest = document.getElementById('mp-title-helper-test'); + const badgeTest = document.getElementById('mp-mode-badge-test'); + const badgeProd = document.getElementById('mp-mode-badge-prod'); + + if (test) { + badge.classList.remove('mp-settings-prod-mode-alert'); + badge.classList.add('mp-settings-test-mode-alert'); + + colorBadge.classList.remove('mp-settings-alert-payment-methods-green'); + colorBadge.classList.add('mp-settings-alert-payment-methods-orange'); + + iconBadge.classList.remove('mp-settings-icon-success'); + iconBadge.classList.add('mp-settings-icon-warning'); + + mpVerifyAlertTestMode(); + + helperTest.style.display = 'block'; + helperProd.style.display = 'none'; + + titleHelperTest.style.display = 'block'; + titleHelperProd.style.display = 'none'; + + badgeTest.style.display = 'block'; + badgeProd.style.display = 'none'; + } else { + const red_badge = document.getElementById('mp-red-badge').parentElement; + badge.classList.remove('mp-settings-test-mode-alert'); + badge.classList.add('mp-settings-prod-mode-alert'); + + red_badge.style.display = 'none'; + + colorBadge.classList.remove('mp-settings-alert-payment-methods-orange'); + colorBadge.classList.add('mp-settings-alert-payment-methods-green'); + + iconBadge.classList.remove('mp-settings-icon-warning'); + iconBadge.classList.add('mp-settings-icon-success'); + + helperTest.style.display = 'none'; + helperProd.style.display = 'block'; + + titleHelperTest.style.display = 'none'; + titleHelperProd.style.display = 'block'; + + badgeTest.style.display = 'none'; + badgeProd.style.display = 'block'; + } +} + +function mpVerifyAlertTestMode() { + if ((document.querySelector('input[name="mp-test-prod"]').checked) && ( + document.getElementById('mp-public-key-test').value === '' || + document.getElementById('mp-access-token-test').value === '' + )) { + document.getElementById('mp-red-badge').parentElement.style.display = 'flex'; + return true; + } else { + document.getElementById('mp-red-badge').parentElement.style.display = 'none'; + return false; + } +} + +function mpShowMessage(message, type, block) { + const messageDiv = document.createElement('div'); + + let card = ''; + let heading = ''; + + switch (block) { + case 'credentials': + card = document.querySelector('.mp-message-credentials'); + heading = document.querySelector('.mp-heading-credentials'); + break; + case 'store': + card = document.querySelector('.mp-message-store'); + heading = document.querySelector('.mp-heading-store'); + break; + case 'payment': + card = document.querySelector('.mp-message-payment'); + heading = document.querySelector('.mp-heading-payment'); + break; + case 'test_mode': + card = document.querySelector('.mp-message-test-mode'); + heading = document.querySelector('.mp-heading-test-mode'); + break; + default: + card = ''; + heading = ''; + } + + type === 'error' + ? (messageDiv.className = 'mp-alert mp-alert-danger mp-text-center mp-card-body') + : (messageDiv.className = 'mp-alert mp-alert-success mp-text-center mp-card-body'); + + messageDiv.appendChild(document.createTextNode(message)); + card.insertBefore(messageDiv, heading); + + setTimeout(clearMessage, 3000); +} + +function mpValidateCredentialsTips() { + const iconCredentials = document.getElementById('mp-settings-icon-credentials'); + jQuery + .post( + ajaxurl, + { + action: 'mp_validate_credentials_tips', + nonce: mercadopago_settings_admin_js_params.nonce, + }, + function () { + } + ) + .done(function (response) { + if (response.success) { + iconCredentials.classList.remove('mp-settings-icon-credentials'); + iconCredentials.classList.add('mp-settings-icon-success'); + } else { + iconCredentials.classList.remove('mp-settings-icon-success'); + } + }) + .fail(function () { + iconCredentials.classList.remove('mp-settings-icon-success'); + }); +} + +function mpValidateStoreTips() { + const iconStore = document.getElementById('mp-settings-icon-store'); + jQuery + .post( + ajaxurl, + { + action: 'mp_validate_store_tips', + nonce: mercadopago_settings_admin_js_params.nonce, + }, + function () { + } + ) + .done(function (response) { + if (response.success) { + iconStore.classList.remove('mp-settings-icon-store'); + iconStore.classList.add('mp-settings-icon-success'); + } else { + iconStore.classList.remove('mp-settings-icon-success'); + } + }) + .fail(function () { + iconStore.classList.remove('mp-settings-icon-success'); + }); +} + +function mpValidatePaymentTips() { + const iconPayment = document.getElementById('mp-settings-icon-payment'); + jQuery + .post( + ajaxurl, + { + action: 'mp_validate_payment_tips', + nonce: mercadopago_settings_admin_js_params.nonce, + }, + function () { + } + ) + .done(function (response) { + if (response.success) { + iconPayment.classList.remove('mp-settings-icon-payment'); + iconPayment.classList.add('mp-settings-icon-success'); + } else { + iconPayment.classList.remove('mp-settings-icon-success'); + } + }) + .fail(function () { + iconPayment.classList.remove('mp-settings-icon-success'); + }); +} + +function mpGoToNextStep(actualStep, nextStep, actualArrowId, nextArrowId) { + const actual = document.getElementById(actualStep); + const actualArrow = document.getElementById(actualArrowId); + const next = document.getElementById(nextStep); + const nextArrow = document.getElementById(nextArrowId); + + actual.style.display = 'none'; + next.style.display = 'block'; + actualArrow.classList.remove('mp-arrow-up'); + nextArrow.classList.add('mp-arrow-up'); + + if (window.melidata && window.melidata.client && window.melidata.client.addStoreConfigurationsStepTimer) { + switch (nextStep) { + case 'mp-step-2': + window.melidata.client.addStoreConfigurationsStepTimer({ step: 'business' }); + break; + + case 'mp-step-3': + window.melidata.client.addStoreConfigurationsStepTimer({ step: 'payment_methods', sendOnClose: true }); + break; + + case 'mp-step-4': + window.melidata.client.addStoreConfigurationsStepTimer({ step: 'mode' }); + break; + + default: + break; + } + } +} + +function mpContinueToNextStep() { + document + .getElementById('mp-payment-method-continue') + .addEventListener('click', function () { + mpGoToNextStep('mp-step-3', 'mp-step-4', 'mp-payments-arrow-up', 'mp-modes-arrow-up'); + }); +} + +function mpGetRequirements() { + jQuery.post( + ajaxurl, + { + action: 'mp_get_requirements', + nonce: mercadopago_settings_admin_js_params.nonce, + }, + function (response) { + const requirements = { + ssl: document.getElementById('mp-req-ssl'), + gd_ext: document.getElementById('mp-req-gd'), + curl_ext: document.getElementById('mp-req-curl'), + }; + + for (let i in requirements) { + const requirement = requirements[i]; + requirement.style = ''; + if (!response.data[i]) { + requirement.classList.remove('mp-settings-icon-success'); + requirement.classList.add('mp-settings-icon-warning'); + } + } + }); +} + +function mpGetPaymentMethods() { + jQuery.post( + ajaxurl, + { + action: 'mp_get_payment_methods', + nonce: mercadopago_settings_admin_js_params.nonce, + }, + function (response) { + const payment = document.getElementById('mp-payment'); + + // removes current payment methods + document.querySelectorAll('.mp-settings-payment-block').forEach(element => {element.remove()}) + + response.data.reverse().forEach((gateway) => { + payment.insertAdjacentElement('afterend', createMpPaymentMethodComponent(gateway)); + }); + + // added melidata events on store configuration step three + if (window.melidata && window.melidata.client && window.melidata.client.stepPaymentMethodsCallback) { + window.melidata.client.stepPaymentMethodsCallback(); + } + }); +} + +function createMpPaymentMethodComponent(gateway) { + const payment_active = gateway.enabled === 'yes' ? 'mp-settings-badge-active' : 'mp-settings-badge-inactive'; + const text_payment_active = gateway.enabled === 'yes' ? gateway.badge_translator.yes : gateway.badge_translator.no; + + const container = document.createElement('div'); + container.appendChild(getPaymentMethodComponent(gateway, payment_active, text_payment_active)); + + return container; +} + +function getPaymentMethodComponent(gateway, payment_active, text_payment_active) { + const component = ` + +
+
+
+ mp gateway icon +
+ + + ${gateway.title_gateway} - ${gateway.description} + + + ${text_payment_active} +
+ +
+ Configurar +
+
+
+
+ `; + + return new DOMParser().parseFromString(component, 'text/html').firstChild; +} + +function mpSettingsAccordionStart() { + let i; + const acc = document.getElementsByClassName('mp-settings-title-align'); + + for (i = 0; i < acc.length; i++) { + acc[i].addEventListener('click', function () { + this.classList.toggle('active'); + + if ('mp-settings-margin-left' && 'mp-arrow-up') { + let accordionArrow = null; + + for (let i = 0; i < this.childNodes.length; i++) { + if (this.childNodes[i]?.classList?.contains('mp-settings-margin-left')) { + accordionArrow = this.childNodes[i]; + break; + } + } + + accordionArrow?.childNodes[1]?.classList?.toggle('mp-arrow-up'); + } + + const panel = this.nextElementSibling; + if (panel.style.display === 'block') { + panel.style.display = 'none'; + } else { + panel.style.display = 'block'; + } + }); + } +} + +function mpSettingsAccordionOptions() { + const element = document.getElementById('mp-advanced-options'); + const elementBlock = document.getElementById('block-two'); + + element.addEventListener('click', function () { + this.classList.toggle('active'); + const panel = this.nextElementSibling; + + if (panel.style.display === 'block') { + panel.style.display = 'none'; + } else { + panel.style.display = 'block'; + } + + if (!element.classList.contains('active') && !elementBlock.classList.contains('mp-settings-flex-start')) { + elementBlock.classList.toggle('mp-settings-flex-start'); + element.textContent = mercadopago_settings_admin_js_params.show_advanced_text; + } else { + element.textContent = mercadopago_settings_admin_js_params.hide_advanced_text; + elementBlock.classList.remove('mp-settings-flex-start'); + } + }); +} + +function mpValidateCredentials() { + document + .getElementById('mp-access-token-prod') + .addEventListener('change', function () { + const self = this; + jQuery + .post( + ajaxurl, + { + is_test: false, + access_token: this.value, + action: 'mp_update_access_token', + nonce: mercadopago_settings_admin_js_params.nonce, + }, + function () { + } + ) + .done(function (response) { + if (response.success) { + self.classList.add('mp-credential-feedback-positive'); + self.classList.remove('mp-credential-feedback-negative'); + } else { + self.classList.remove('mp-credential-feedback-positive'); + self.classList.add('mp-credential-feedback-negative'); + } + }) + .fail(function () { + self.classList.remove('mp-credential-feedback-positive'); + self.classList.add('mp-credential-feedback-negative'); + }); + }); + + document + .getElementById('mp-access-token-test') + .addEventListener('change', function () { + const self = this; + if (this.value === '') { + self.classList.remove('mp-credential-feedback-positive'); + self.classList.remove('mp-credential-feedback-negative'); + } else { + jQuery + .post( + ajaxurl, + { + is_test: true, + access_token: this.value, + action: 'mp_update_access_token', + nonce: mercadopago_settings_admin_js_params.nonce, + }, + function () { + } + ) + .done(function (response) { + if (response.success) { + self.classList.add('mp-credential-feedback-positive'); + self.classList.remove('mp-credential-feedback-negative'); + } else { + self.classList.remove('mp-credential-feedback-positive'); + self.classList.add('mp-credential-feedback-negative'); + } + }) + .fail(function () { + self.classList.remove('mp-credential-feedback-positive'); + self.classList.add('mp-credential-feedback-negative'); + }); + } + }); + + document + .getElementById('mp-public-key-prod') + .addEventListener('change', function () { + const self = this; + jQuery + .post( + ajaxurl, + { + is_test: false, + public_key: this.value, + action: 'mp_update_public_key', + nonce: mercadopago_settings_admin_js_params.nonce, + }, + function () { + } + ) + .done(function (response) { + if (response.success) { + self.classList.add('mp-credential-feedback-positive'); + self.classList.remove('mp-credential-feedback-negative'); + } else { + self.classList.remove('mp-credential-feedback-positive'); + self.classList.add('mp-credential-feedback-negative'); + } + }) + .fail(function () { + self.classList.remove('mp-credential-feedback-positive'); + self.classList.add('mp-credential-feedback-negative'); + }); + }); + + document + .getElementById('mp-public-key-test') + .addEventListener('change', function () { + const self = this; + if (this.value === '') { + self.classList.remove('mp-credential-feedback-positive'); + self.classList.remove('mp-credential-feedback-negative'); + } else { + jQuery + .post( + ajaxurl, + { + is_test: true, + public_key: this.value, + action: 'mp_update_public_key', + nonce: mercadopago_settings_admin_js_params.nonce, + }, + function () { + } + ) + .done(function (response) { + if (response.success) { + self.classList.add('mp-credential-feedback-positive'); + self.classList.remove('mp-credential-feedback-negative'); + } else { + self.classList.remove('mp-credential-feedback-positive'); + self.classList.add('mp-credential-feedback-negative'); + } + }) + .fail(function () { + self.classList.remove('mp-credential-feedback-positive'); + self.classList.add('mp-credential-feedback-negative'); + }); + } + }); +} + +function mpUpdateOptionCredentials() { + document + .getElementById('mp-btn-credentials') + .addEventListener('click', function () { + const msgAlert = document.getElementById('msg-info-credentials'); + if (msgAlert.childNodes.length >= 1) { + document.querySelector('.mp-card-info').remove(); + } + + jQuery + .post( + ajaxurl, + { + public_key_prod: document.getElementById('mp-public-key-prod').value, + public_key_test: document.getElementById('mp-public-key-test').value, + access_token_prod: document.getElementById('mp-access-token-prod').value, + access_token_test: document.getElementById('mp-access-token-test').value, + action: 'mp_update_option_credentials', + nonce: mercadopago_settings_admin_js_params.nonce, + }, + function () { + } + ) + .done(function (response) { + mpGetPaymentMethods(); + if (response.success) { + mpVerifyAlertTestMode(); + mpShowMessage(response.data, 'success', 'credentials'); + mpValidateCredentialsTips(); + + setTimeout(() => { + mpGoToNextStep('mp-step-1', 'mp-step-2', 'mp-credentials-arrow-up', 'mp-store-info-arrow-up'); + }, 3000); + } else { + const rad = document.querySelectorAll('input[name="mp-test-prod"]'); + const { message, subtitle, link, linkMsg, type, test_mode } = response?.data; + + mpMsgElement('msg-info-credentials', message, subtitle, link, linkMsg, type); + + if (test_mode === 'no') { + rad[1].checked = true; + selectTestMode(false); + } else { + rad[0].checked = true; + selectTestMode(true); + } + } + }) + .fail(function (error) { + mpShowMessage(error?.data, 'error', 'credentials'); + }); + }); +} + +function mpUpdateStoreInformation() { + document + .getElementById('mp-store-info-save') + .addEventListener('click', function () { + jQuery + .post( + ajaxurl, + { + store_url_ipn: document.querySelector('#mp-store-url-ipn').value, + store_url_ipn_options: document.querySelector('#mp-store-url-ipn-options').checked ? 'yes' : 'no', + store_categories: document.getElementById('mp-store-categories').value, + store_category_id: document.getElementById('mp-store-category-id').value, + store_integrator_id: document.getElementById('mp-store-integrator-id').value, + store_identificator: document.getElementById('mp-store-identification').value, + store_debug_mode: document.querySelector('#mp-store-debug-mode:checked')?.value, + action: 'mp_update_store_information', + nonce: mercadopago_settings_admin_js_params.nonce, + }, + function () { + } + ) + .done(function (response) { + if (response.success) { + mpValidateStoreTips(); + mpShowMessage(response.data, 'success', 'store'); + setTimeout(() => { + mpGoToNextStep('mp-step-2', 'mp-step-3', 'mp-store-info-arrow-up', 'mp-payments-arrow-up'); + }, 3000); + } else { + mpShowMessage(response.data, 'error', 'store'); + } + }) + .fail(function (error) { + mpShowMessage(error?.data, 'error', 'store'); + }); + }); +} + +function mpUpdateTestMode() { + const rad = document.querySelectorAll('input[name="mp-test-prod"]'); + + rad[0].addEventListener('change', function () { + if (rad[0].checked) { + selectTestMode(true); + } + }); + + rad[1].addEventListener('change', function () { + if (rad[1].checked) { + selectTestMode(false); + } + }); + + document + .getElementById('mp-store-mode-save') + .addEventListener('click', function () { + jQuery + .post( + ajaxurl, + { + input_mode_value: document.querySelector('input[name="mp-test-prod"]:checked').value, + input_verify_alert_test_mode: mpVerifyAlertTestMode() ? 'yes' : 'no', + action: 'mp_update_test_mode', + nonce: mercadopago_settings_admin_js_params.nonce, + }, + function () { + } + ) + .done(function (response) { + if (response.success) { + mpShowMessage(response.data, 'success', 'test_mode'); + } else { + if (rad[0].checked) { + document.getElementById('mp-red-badge').parentElement.style.display = 'flex'; + } + mpShowMessage(response.data, 'error', 'test_mode'); + } + }) + .fail(function (error) { + mpShowMessage(error.data, 'error', 'test_mode'); + }); + }); +} + +function mp_settings_screen_load() { + mpGetRequirements(); + mpGetPaymentMethods(); + mpSettingsAccordionStart(); + mpSettingsAccordionOptions(); + mpValidateCredentials(); + mpValidateCredentialsTips(); + mpValidateStoreTips(); + mpValidatePaymentTips(); + mpVerifyAlertTestMode(); + mpUpdateOptionCredentials(); + mpUpdateStoreInformation(); + mpUpdateTestMode(); + mpContinueToNextStep(); +} + +function openSupportModal() { + var modal = document.getElementById('supportModal'); + modal.style.display = 'block'; +} + +function closeSupportModal() { + var modal = document.getElementById('supportModal'); + modal.style.display = 'none'; +} + +// handle with pagination in support modal +document.addEventListener('DOMContentLoaded', function () { + const checkboxes = document.querySelectorAll('input[name="selected_files[]"]'); + const downloadButton = document.getElementById('downloadSelected'); + const itemsPerPage = 8; + let currentPage = 1; + + function updateTableDisplay() { + const startIndex = (currentPage - 1) * itemsPerPage; + const endIndex = startIndex + itemsPerPage; + + checkboxes.forEach((checkbox, index) => { + checkbox.closest('tr').style.display = index >= startIndex && index < endIndex ? 'table-row' : 'none'; + }); + } + + function updatePaginationButtons() { + const totalPages = Math.ceil(checkboxes.length / itemsPerPage); + const paginationElement = document.getElementById('mp-pagination'); + paginationElement.innerHTML = ''; + + for (let i = 1; i <= totalPages; i++) { + const pageSpan = document.createElement('span'); + pageSpan.textContent = i; + pageSpan.classList.add('mp-page-span'); + if (i === currentPage) { + pageSpan.classList.add('active'); + } + pageSpan.addEventListener('click', function () { + currentPage = i; + updateTableDisplay(); + updatePaginationButtons(); + }); + paginationElement.appendChild(pageSpan); + } + } + + updateTableDisplay(); + updatePaginationButtons(); + + checkboxes.forEach((checkbox) => { + checkbox.addEventListener('change', function () { + let atLeastOneChecked = false; + checkboxes.forEach((cb) => { + if (cb.checked) { + atLeastOneChecked = true; + } + }); + downloadButton.disabled = !atLeastOneChecked; + }); + }); + + selectAllCheckbox.addEventListener('change', function () { + checkboxes.forEach((checkbox) => { + checkbox.checked = selectAllCheckbox.checked; + }); + downloadButton.disabled = !selectAllCheckbox.checked; + }); + +}); + + + diff --git a/assets/js/admin/mp-admin-settings.min.js b/assets/js/admin/mp-admin-settings.min.js new file mode 100644 index 000000000..534c06ad1 --- /dev/null +++ b/assets/js/admin/mp-admin-settings.min.js @@ -0,0 +1 @@ +function clearMessage(){document.querySelector(".mp-alert").remove()}function clearElement(e){document.getElementById(e).remove()}function mpMsgElement(e,t,n,s,a,o){const c=document.getElementById(e),i=document.createElement("div");i.className="mp-card-info",i.id=e.concat("-card-info");const d=document.createElement("div");d.className="mp-alert-color-".concat(o);const m=document.createElement("div");m.className="mp-card-body-payments mp-card-body-size";const l=document.createElement("div");l.className="mp-icon-badge-warning";const p=document.createElement("span");p.className="mp-text-title",p.appendChild(document.createTextNode(t));const r=document.createElement("span");r.className="mp-helper-test",r.appendChild(document.createTextNode(n));const u=document.createElement("div");if(u.appendChild(p),void 0!==s){const e=document.createElement("a");e.href=s,e.className="mp-settings-blue-text",e.appendChild(document.createTextNode(a)),e.setAttribute("target","_blank"),r.appendChild(e)}c.appendChild(i),u.appendChild(r),m.appendChild(l),m.appendChild(u),i.appendChild(d),i.appendChild(m),"alert"===o&&setTimeout(clearElement,1e4,i.id)}function selectTestMode(e){const t=document.getElementById("mp-mode-badge"),n=document.getElementById("mp-orange-badge"),s=document.getElementById("mp-icon-badge"),a=document.getElementById("mp-helper-test"),o=document.getElementById("mp-helper-prod"),c=document.getElementById("mp-title-helper-prod"),i=document.getElementById("mp-title-helper-test"),d=document.getElementById("mp-mode-badge-test"),m=document.getElementById("mp-mode-badge-prod");if(e)t.classList.remove("mp-settings-prod-mode-alert"),t.classList.add("mp-settings-test-mode-alert"),n.classList.remove("mp-settings-alert-payment-methods-green"),n.classList.add("mp-settings-alert-payment-methods-orange"),s.classList.remove("mp-settings-icon-success"),s.classList.add("mp-settings-icon-warning"),mpVerifyAlertTestMode(),a.style.display="block",o.style.display="none",i.style.display="block",c.style.display="none",d.style.display="block",m.style.display="none";else{const e=document.getElementById("mp-red-badge").parentElement;t.classList.remove("mp-settings-test-mode-alert"),t.classList.add("mp-settings-prod-mode-alert"),e.style.display="none",n.classList.remove("mp-settings-alert-payment-methods-orange"),n.classList.add("mp-settings-alert-payment-methods-green"),s.classList.remove("mp-settings-icon-warning"),s.classList.add("mp-settings-icon-success"),a.style.display="none",o.style.display="block",i.style.display="none",c.style.display="block",d.style.display="none",m.style.display="block"}}function mpVerifyAlertTestMode(){return!document.querySelector('input[name="mp-test-prod"]').checked||""!==document.getElementById("mp-public-key-test").value&&""!==document.getElementById("mp-access-token-test").value?(document.getElementById("mp-red-badge").parentElement.style.display="none",!1):(document.getElementById("mp-red-badge").parentElement.style.display="flex",!0)}function mpShowMessage(e,t,n){const s=document.createElement("div");let a="",o="";switch(n){case"credentials":a=document.querySelector(".mp-message-credentials"),o=document.querySelector(".mp-heading-credentials");break;case"store":a=document.querySelector(".mp-message-store"),o=document.querySelector(".mp-heading-store");break;case"payment":a=document.querySelector(".mp-message-payment"),o=document.querySelector(".mp-heading-payment");break;case"test_mode":a=document.querySelector(".mp-message-test-mode"),o=document.querySelector(".mp-heading-test-mode");break;default:a="",o=""}s.className="error"===t?"mp-alert mp-alert-danger mp-text-center mp-card-body":"mp-alert mp-alert-success mp-text-center mp-card-body",s.appendChild(document.createTextNode(e)),a.insertBefore(s,o),setTimeout(clearMessage,3e3)}function mpValidateCredentialsTips(){const e=document.getElementById("mp-settings-icon-credentials");jQuery.post(ajaxurl,{action:"mp_validate_credentials_tips",nonce:mercadopago_settings_admin_js_params.nonce},(function(){})).done((function(t){t.success?(e.classList.remove("mp-settings-icon-credentials"),e.classList.add("mp-settings-icon-success")):e.classList.remove("mp-settings-icon-success")})).fail((function(){e.classList.remove("mp-settings-icon-success")}))}function mpValidateStoreTips(){const e=document.getElementById("mp-settings-icon-store");jQuery.post(ajaxurl,{action:"mp_validate_store_tips",nonce:mercadopago_settings_admin_js_params.nonce},(function(){})).done((function(t){t.success?(e.classList.remove("mp-settings-icon-store"),e.classList.add("mp-settings-icon-success")):e.classList.remove("mp-settings-icon-success")})).fail((function(){e.classList.remove("mp-settings-icon-success")}))}function mpValidatePaymentTips(){const e=document.getElementById("mp-settings-icon-payment");jQuery.post(ajaxurl,{action:"mp_validate_payment_tips",nonce:mercadopago_settings_admin_js_params.nonce},(function(){})).done((function(t){t.success?(e.classList.remove("mp-settings-icon-payment"),e.classList.add("mp-settings-icon-success")):e.classList.remove("mp-settings-icon-success")})).fail((function(){e.classList.remove("mp-settings-icon-success")}))}function mpGoToNextStep(e,t,n,s){const a=document.getElementById(e),o=document.getElementById(n),c=document.getElementById(t),i=document.getElementById(s);if(a.style.display="none",c.style.display="block",o.classList.remove("mp-arrow-up"),i.classList.add("mp-arrow-up"),window.melidata&&window.melidata.client&&window.melidata.client.addStoreConfigurationsStepTimer)switch(t){case"mp-step-2":window.melidata.client.addStoreConfigurationsStepTimer({step:"business"});break;case"mp-step-3":window.melidata.client.addStoreConfigurationsStepTimer({step:"payment_methods",sendOnClose:!0});break;case"mp-step-4":window.melidata.client.addStoreConfigurationsStepTimer({step:"mode"})}}function mpContinueToNextStep(){document.getElementById("mp-payment-method-continue").addEventListener("click",(function(){mpGoToNextStep("mp-step-3","mp-step-4","mp-payments-arrow-up","mp-modes-arrow-up")}))}function mpGetRequirements(){jQuery.post(ajaxurl,{action:"mp_get_requirements",nonce:mercadopago_settings_admin_js_params.nonce},(function(e){const t={ssl:document.getElementById("mp-req-ssl"),gd_ext:document.getElementById("mp-req-gd"),curl_ext:document.getElementById("mp-req-curl")};for(let n in t){const s=t[n];s.style="",e.data[n]||(s.classList.remove("mp-settings-icon-success"),s.classList.add("mp-settings-icon-warning"))}}))}function mpGetPaymentMethods(){jQuery.post(ajaxurl,{action:"mp_get_payment_methods",nonce:mercadopago_settings_admin_js_params.nonce},(function(e){const t=document.getElementById("mp-payment");document.querySelectorAll(".mp-settings-payment-block").forEach((e=>{e.remove()})),e.data.reverse().forEach((e=>{t.insertAdjacentElement("afterend",createMpPaymentMethodComponent(e))})),window.melidata&&window.melidata.client&&window.melidata.client.stepPaymentMethodsCallback&&window.melidata.client.stepPaymentMethodsCallback()}))}function createMpPaymentMethodComponent(e){const t="yes"===e.enabled?"mp-settings-badge-active":"mp-settings-badge-inactive",n="yes"===e.enabled?e.badge_translator.yes:e.badge_translator.no,s=document.createElement("div");return s.appendChild(getPaymentMethodComponent(e,t,n)),s}function getPaymentMethodComponent(e,t,n){const s=`\n \n
\n
\n
\n mp gateway icon\n
\n\n \n ${e.title_gateway} - ${e.description}\n \n\n ${n}\n
\n\n
\n Configurar\n
\n
\n
\n
\n `;return(new DOMParser).parseFromString(s,"text/html").firstChild}function mpSettingsAccordionStart(){let e;const t=document.getElementsByClassName("mp-settings-title-align");for(e=0;e=1&&document.querySelector(".mp-card-info").remove(),jQuery.post(ajaxurl,{public_key_prod:document.getElementById("mp-public-key-prod").value,public_key_test:document.getElementById("mp-public-key-test").value,access_token_prod:document.getElementById("mp-access-token-prod").value,access_token_test:document.getElementById("mp-access-token-test").value,action:"mp_update_option_credentials",nonce:mercadopago_settings_admin_js_params.nonce},(function(){})).done((function(e){if(mpGetPaymentMethods(),e.success)mpVerifyAlertTestMode(),mpShowMessage(e.data,"success","credentials"),mpValidateCredentialsTips(),setTimeout((()=>{mpGoToNextStep("mp-step-1","mp-step-2","mp-credentials-arrow-up","mp-store-info-arrow-up")}),3e3);else{const t=document.querySelectorAll('input[name="mp-test-prod"]'),{message:n,subtitle:s,link:a,linkMsg:o,type:c,test_mode:i}=e?.data;mpMsgElement("msg-info-credentials",n,s,a,o,c),"no"===i?(t[1].checked=!0,selectTestMode(!1)):(t[0].checked=!0,selectTestMode(!0))}})).fail((function(e){mpShowMessage(e?.data,"error","credentials")}))}))}function mpUpdateStoreInformation(){document.getElementById("mp-store-info-save").addEventListener("click",(function(){jQuery.post(ajaxurl,{store_url_ipn:document.querySelector("#mp-store-url-ipn").value,store_url_ipn_options:document.querySelector("#mp-store-url-ipn-options").checked?"yes":"no",store_categories:document.getElementById("mp-store-categories").value,store_category_id:document.getElementById("mp-store-category-id").value,store_integrator_id:document.getElementById("mp-store-integrator-id").value,store_identificator:document.getElementById("mp-store-identification").value,store_debug_mode:document.querySelector("#mp-store-debug-mode:checked")?.value,action:"mp_update_store_information",nonce:mercadopago_settings_admin_js_params.nonce},(function(){})).done((function(e){e.success?(mpValidateStoreTips(),mpShowMessage(e.data,"success","store"),setTimeout((()=>{mpGoToNextStep("mp-step-2","mp-step-3","mp-store-info-arrow-up","mp-payments-arrow-up")}),3e3)):mpShowMessage(e.data,"error","store")})).fail((function(e){mpShowMessage(e?.data,"error","store")}))}))}function mpUpdateTestMode(){const e=document.querySelectorAll('input[name="mp-test-prod"]');e[0].addEventListener("change",(function(){e[0].checked&&selectTestMode(!0)})),e[1].addEventListener("change",(function(){e[1].checked&&selectTestMode(!1)})),document.getElementById("mp-store-mode-save").addEventListener("click",(function(){jQuery.post(ajaxurl,{input_mode_value:document.querySelector('input[name="mp-test-prod"]:checked').value,input_verify_alert_test_mode:mpVerifyAlertTestMode()?"yes":"no",action:"mp_update_test_mode",nonce:mercadopago_settings_admin_js_params.nonce},(function(){})).done((function(t){t.success?mpShowMessage(t.data,"success","test_mode"):(e[0].checked&&(document.getElementById("mp-red-badge").parentElement.style.display="flex"),mpShowMessage(t.data,"error","test_mode"))})).fail((function(e){mpShowMessage(e.data,"error","test_mode")}))}))}function mp_settings_screen_load(){mpGetRequirements(),mpGetPaymentMethods(),mpSettingsAccordionStart(),mpSettingsAccordionOptions(),mpValidateCredentials(),mpValidateCredentialsTips(),mpValidateStoreTips(),mpValidatePaymentTips(),mpVerifyAlertTestMode(),mpUpdateOptionCredentials(),mpUpdateStoreInformation(),mpUpdateTestMode(),mpContinueToNextStep()}function openSupportModal(){document.getElementById("supportModal").style.display="block"}function closeSupportModal(){document.getElementById("supportModal").style.display="none"}document.addEventListener("DOMContentLoaded",(function(){const e=document.querySelectorAll('input[name="selected_files[]"]'),t=document.getElementById("downloadSelected"),n=8;let s=1;function a(){const t=(s-1)*n,a=t+n;e.forEach(((e,n)=>{e.closest("tr").style.display=n>=t&&n{n.addEventListener("change",(function(){let n=!1;e.forEach((e=>{e.checked&&(n=!0)})),t.disabled=!n}))})),selectAllCheckbox.addEventListener("change",(function(){e.forEach((e=>{e.checked=selectAllCheckbox.checked})),t.disabled=!selectAllCheckbox.checked}))})); \ No newline at end of file diff --git a/assets/js/admin/order/payment-status-sync.js b/assets/js/admin/order/payment-status-sync.js new file mode 100644 index 000000000..e85a75b68 --- /dev/null +++ b/assets/js/admin/order/payment-status-sync.js @@ -0,0 +1,95 @@ +/* globals jQuery, ajaxurl, mp_payment_status_metabox_vars */ +(function () { + let can_update_order = true; + + window.addEventListener('load', () => { + const syncPaymentStatusButton = document.getElementById('mp-sync-payment-status-button'); + + if (syncPaymentStatusButton) { + syncPaymentStatusButton.onclick = () => update_order(); + } + + const orderDataElement = document.getElementById('woocommerce-order-data'); + const paymentStatusMetaboxElement = document.getElementById('mp_payment_status_sync'); + const paymentStatusMetaboxTitle = document.querySelector('#mp_payment_status_sync > div.postbox-header > h2'); + + if (orderDataElement && paymentStatusMetaboxElement) { + orderDataElement.after(paymentStatusMetaboxElement); + paymentStatusMetaboxTitle.style.fontFamily = '"Lato", sans-serif'; + paymentStatusMetaboxTitle.style.fontSize = '18px'; + } + }); + + function update_order() { + canShowLoader(true); + + if (can_update_order) { + can_update_order = false; + + jQuery + .post( + ajaxurl, + { + action: 'mp_sync_payment_status', + nonce: mp_payment_status_sync_params.nonce, + order_id: mp_payment_status_sync_params.order_id, + }, + function () { + } + ) + .done(function (response) { + show_message(response.data, response.success === false ? 'error' : 'success'); + }) + .fail(function (error) { + show_message(error.responseJSON.data, 'error'); + }); + } + } + + function show_message(message, type) { + const div = document.createElement('div'); + + const container = document.getElementById('mp-payment-status-container'); + const content = document.getElementById('mp-payment-status-content'); + + const isTypeError = type === 'error'; + + isTypeError + ? (div.className = 'mp-alert mp-alert-danger mp-text-center mp-card-body') + : (div.className = 'mp-alert mp-alert-success mp-text-center mp-card-body'); + + div.appendChild(document.createTextNode(message)); + container.insertBefore(div, content); + + if (isTypeError) { + canShowLoader(false); + setTimeout(clearMessage, 3000, type); + can_update_order = true; + return; + } + + location.reload(); + } + + function clearMessage() { + document.querySelector('.mp-alert').remove(); + } + + function canShowLoader(flag) { + const text = document.querySelector('#mp-sync-payment-status-button span'); + const loader = document.querySelector('.mp-status-sync-metabox-small-loader'); + + if (text && loader) { + if (flag) { + text.style.display = 'none'; + loader.style.display = 'block'; + } else { + text.style.display = 'block'; + loader.style.display = 'none'; + } + } + } + + })(); + + \ No newline at end of file diff --git a/assets/js/admin/order/payment-status-sync.min.js b/assets/js/admin/order/payment-status-sync.min.js new file mode 100644 index 000000000..49ec6c096 --- /dev/null +++ b/assets/js/admin/order/payment-status-sync.min.js @@ -0,0 +1 @@ +!function(){let e=!0;function t(t,s){const a=document.createElement("div"),c=document.getElementById("mp-payment-status-container"),m=document.getElementById("mp-payment-status-content"),r="error"===s;if(a.className=r?"mp-alert mp-alert-danger mp-text-center mp-card-body":"mp-alert mp-alert-success mp-text-center mp-card-body",a.appendChild(document.createTextNode(t)),c.insertBefore(a,m),r)return o(!1),setTimeout(n,3e3,s),void(e=!0);location.reload()}function n(){document.querySelector(".mp-alert").remove()}function o(e){const t=document.querySelector("#mp-sync-payment-status-button span"),n=document.querySelector(".mp-status-sync-metabox-small-loader");t&&n&&(e?(t.style.display="none",n.style.display="block"):(t.style.display="block",n.style.display="none"))}window.addEventListener("load",(()=>{const n=document.getElementById("mp-sync-payment-status-button");n&&(n.onclick=()=>(o(!0),void(e&&(e=!1,jQuery.post(ajaxurl,{action:"mp_sync_payment_status",nonce:mp_payment_status_sync_params.nonce,order_id:mp_payment_status_sync_params.order_id},(function(){})).done((function(e){t(e.data,!1===e.success?"error":"success")})).fail((function(e){t(e.responseJSON.data,"error")}))))));const s=document.getElementById("woocommerce-order-data"),a=document.getElementById("mp_payment_status_sync"),c=document.querySelector("#mp_payment_status_sync > div.postbox-header > h2");s&&a&&(s.after(a),c.style.fontFamily='"Lato", sans-serif',c.style.fontSize="18px")}))}(); \ No newline at end of file diff --git a/assets/js/blocks/basic.block.js b/assets/js/blocks/basic.block.js new file mode 100644 index 000000000..e92dea262 --- /dev/null +++ b/assets/js/blocks/basic.block.js @@ -0,0 +1,143 @@ +/* globals wc_mercadopago_basic_blocks_params */ + +import { registerPaymentMethod } from '@woocommerce/blocks-registry'; +import { getSetting } from '@woocommerce/settings'; +import { useEffect } from '@wordpress/element'; +import { decodeEntities } from '@wordpress/html-entities'; +import { addDiscountAndCommission, removeDiscountAndCommission } from './helpers/cart-update.helper'; + +import CheckoutBenefits from './components/CheckoutBenefits'; +import ChoRedirectV2 from './components/ChoRedirectV2'; +import PaymentMethodsV2 from './components/PaymentMethodsV2'; +import TermsAndConditions from './components/TermsAndConditions'; +import TestMode from './components/TestMode'; +import sendMetric from "./helpers/metrics.helper" + +const targetName = "mp_checkout_blocks"; +const paymentMethodName = 'woo-mercado-pago-basic'; + +const settings = getSetting(`woo-mercado-pago-basic_data`, {}); +const defaultLabel = decodeEntities(settings.title) || 'Checkout Pro'; + +const updateCart = (props) => { + const { extensionCartUpdate } = wc.blocksCheckout; + const { eventRegistration, emitResponse } = props; + const { onPaymentSetup, onCheckoutSuccess, onCheckoutFail } = eventRegistration; + + useEffect(() => { + addDiscountAndCommission(extensionCartUpdate, paymentMethodName); + + const unsubscribe = onPaymentSetup(() => { + return { type: emitResponse.responseTypes.SUCCESS }; + }); + + return () => { + removeDiscountAndCommission(extensionCartUpdate, paymentMethodName); + return unsubscribe(); + }; + }, [onPaymentSetup]); + + useEffect(() => { + + const unsubscribe = onCheckoutSuccess(async (checkoutResponse) => { + const processingResponse = checkoutResponse.processingResponse; + sendMetric("MP_BASIC_BLOCKS_SUCCESS", processingResponse.paymentStatus, targetName); + return { type: emitResponse.responseTypes.SUCCESS }; + }); + + return () => unsubscribe(); + }, [onCheckoutSuccess]); + + useEffect(() => { + const unsubscribe = onCheckoutFail(checkoutResponse => { + const processingResponse = checkoutResponse.processingResponse; + sendMetric("MP_BASIC_BLOCKS_ERROR", processingResponse.paymentStatus, targetName); + return { + type: emitResponse.responseTypes.FAIL, + messageContext: emitResponse.noticeContexts.PAYMENTS, + }; + }); + + return () => unsubscribe(); + }, [onCheckoutFail]); + +}; + +const Label = (props) => { + const { PaymentMethodLabel } = props.components; + + const feeTitle = decodeEntities(settings?.params?.fee_title || ''); + const text = `${defaultLabel} ${feeTitle}`; + + return ; +}; + +const Content = (props) => { + updateCart(props); + + const { + test_mode_title, + test_mode_description, + test_mode_link_text, + test_mode_link_src, + checkout_benefits_title, + checkout_benefits_items, + payment_methods_title, + payment_methods_methods, + method, + checkout_redirect_text, + checkout_redirect_src, + checkout_redirect_alt, + terms_and_conditions_description, + terms_and_conditions_link_text, + terms_and_conditions_link_src, + test_mode, + } = settings.params; + + return ( +
+
+
+ {test_mode ? ( + + ) : null} + +
+ +
+ + + + {method === 'redirect' ? ( + + ) : null} +
+
+ + +
+ ); +}; + +const mercadopagoPaymentMethod = { + name: paymentMethodName, + label: