# woo-vipps/6.2.2/payment/js/vipps-checkout-widgets.js

Pay with Vipps and MobilePay for WooCommerce, version 6.2.2. 151 lines.

- Page: https://pluginprobe.com/plugins/woo-vipps/6.2.2/code/payment/js/vipps-checkout-widgets.js
- Raw: https://pluginprobe.com/plugins/woo-vipps/6.2.2/raw/payment/js/vipps-checkout-widgets.js
- Modified: 2025-05-19T08:04:46+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/woo-vipps/6.2.2/code/payment/js/vipps-checkout-widgets.js#L10-L20`.

```javascript
// Custom initialization for default widgets IOK 2025-05-13
jQuery('body').on('woo-vipps-checkout-widgets-loaded', function () {
    if (jQuery('#vipps_checkout_widget_coupon_active_codes_container_codes').children().length > 0) {
        jQuery('#vipps_checkout_widget_coupon_active_codes_container').show();
    }

    // Coupon code widget submit. LP 2025-05-08
    jQuery('#vipps_checkout_widget_coupon_form').on('submit', function(e) {
        e.preventDefault();
        const formdata = new FormData(this);
        let code = formdata.get('code').trim();

        const error = jQuery('#vipps_checkout_widget_coupon_error');
        const success = jQuery('#vipps_checkout_widget_coupon_success');
        const input = jQuery('#vipps_checkout_widget_coupon_code');
        const activeCodesContainer = jQuery('#vipps_checkout_widget_coupon_active_codes_container');
        const activeCodes = jQuery('#vipps_checkout_widget_coupon_active_codes_container_codes');
        function showError() {
            error.show();
            success.hide();
            if (!input.hasClass('error')) input.addClass('error');
            if (input.hasClass('success')) input.removeClass('success');
        }

        function showSuccess() {
            error.hide();
            success.show();
            if (input.hasClass('error')) input.removeClass('error');
            if (!input.hasClass('success')) input.addClass('success');
            input.val('').blur();
            const newCode = jQuery(`
                            <div class="vipps_checkout_widget_coupon_active_code_box" id="vipps_checkout_widget_coupon_active_code_${code}">
                                <span class="vipps_checkout_widget_coupon_active_code">${code}</span>
                            </div>
            `);
            const newCodeDelete = jQuery('<span class="vipps_checkout_widget_coupon_delete">✕</span>');
            newCodeDelete.on('click', deleteActiveCouponCode);
            newCode.append(newCodeDelete);
            activeCodes.append(newCode);
            activeCodesContainer.show();
        }

        if (code) {
            const args = { lock_held: true, data: { 'code': code }   }; 
            args['error'] = function (result) {
                console.log("Problem: " + result['error']);
                showError();
            }
            args['success'] = function (result) {
                console.log("Success: %j", result); 
                if (result['msg'] && result['msg'] == 1) {
                    showSuccess();
                    return;
                }
                showError();
            }

            wooVippsCheckoutCallback( 'submitcoupon', args );
        }
    });

    // Coupon code widget remove active coupon code. LP 2025-05-09
    function deleteActiveCouponCode() {
        const el = jQuery(this);
        const code = el.prev().text();

        const error = jQuery('#vipps_checkout_widget_coupon_error');
        const success = jQuery('#vipps_checkout_widget_coupon_success');
        const input = jQuery('#vipps_checkout_widget_coupon_code');
        const deleteError = jQuery('#vipps_checkout_widget_coupon_delete_error');
        function showError() {
            success.hide();
            error.hide();
            deleteError.show();
            if (input.hasClass('error')) input.removeClass('error');
            if (input.hasClass('success')) input.removeClass('success');
        }

        function showSuccess() {
            el.parent().remove();
            success.hide();
            error.hide();
            deleteError.hide();
            if (jQuery('#vipps_checkout_widget_coupon_active_codes_container_codes').children().length < 1) {
                jQuery('#vipps_checkout_widget_coupon_active_codes_container').hide();
            }
            if (input.hasClass('error')) input.removeClass('error');
            if (input.hasClass('success')) input.removeClass('success');
        }

        if (code) {
            const args = { lock_held: true, data: { 'code': code }   }; 
            args['error'] = function (result) {
                console.log("Problem: " + result['error']);
                showError();
            }
            args['success'] = function (result) {
                console.log("Success: %j", result); 
                if (result['msg'] && result['msg'] == 1) {
                    showSuccess();
                    return;
                }
                showError();
            }

            wooVippsCheckoutCallback( 'removecoupon', args );
        }
    };
    jQuery('.vipps_checkout_widget_coupon_delete').on('click', deleteActiveCouponCode);

    // Order notes widget submit. LP 2025-05-12
    jQuery('#vipps_checkout_widget_ordernotes_form').on('submit', function(e) {
        e.preventDefault();
        const formdata = new FormData(this);
        let notes = formdata.get('notes').trim();

        const error = jQuery('#vipps_checkout_widget_ordernotes_error');
        const success = jQuery('#vipps_checkout_widget_ordernotes_success');
        const input = jQuery('#vipps_checkout_widget_ordernotes_input');

        const args = { lock_held: true, data: { 'notes': notes }   }; 
        args['error'] = function (result) {
            console.log("Problem: " + result['error']);
            error.show();
            success.hide();
            if (!input.hasClass('error')) input.addClass('error');
            if (input.hasClass('success')) input.removeClass('success');
        }
        args['success'] = function (result) {
            console.log("Success: %j", result); 
            error.hide();
            success.show();
            if (input.hasClass('error')) input.removeClass('error');
            if (!input.hasClass('success')) input.addClass('success');
        }
        wooVippsCheckoutCallback( "submitnotes", args );
    });

    jQuery('#vipps_checkout_widget_ordernotes_input').on('input', function() {
        const success = jQuery('#vipps_checkout_widget_ordernotes_success');
        const input = jQuery('#vipps_checkout_widget_ordernotes_input');
        const error = jQuery('#vipps_checkout_widget_ordernotes_error');
        if (input.hasClass('error')) input.removeClass('error');
        if (input.hasClass('success')) input.removeClass('success');
        success.hide();
        error.hide();
    });

});


```