How to resolve the issue of shipping costs not updating when Residential address is changed

When a customer changes the residential address value from the address book, based on the address, shipping costs are calculated, but the cost is not updated when the address is changed. We can use this solution in this scenario.

/*
	© 2020 NetSuite Inc.
	User may not copy, modify, distribute, or re-bundle or otherwise make available this code;
	provided, however, if you are an authorized user with a NetSuite account or log-in, you
	may use this code subject to the terms that govern your access and use.
*/

// @module Address
/// <amd-module name="Address.Edit.View"/>

import * as _ from 'underscore';

import * as address_edit_tpl from 'address_edit.tpl';
import { Loggers } from '../../Loggers/JavaScript/Loggers';
import * as Utils from '../../Utilities/JavaScript/Utils';
import * as jQuery from '../../Core/JavaScript/jQuery';

import BackboneView = require('../../BackboneExtras/JavaScript/Backbone.View');
import Backbone = require('../../Utilities/JavaScript/backbone.custom');
import AddressEditFieldView = require('../JavaScript/Address.Edit.Fields.View');
import BackboneFormView = require('../../Backbone.FormView/JavaScript/Backbone.FormView');
import ProfileModel = require('../../Profile/JavaScript/Profile.Model');
import AddressModel = require('../../Address/JavaScript/Address.Model');
import Configuration = require('../../Utilities/JavaScript/SC.Configuration');

// @class Address.Edit.View @extend Backbone.View
const AddressEditView: any = BackboneView.extend({
    template: address_edit_tpl,

    attributes: {
        id: 'AddressEdit',
        class: 'AddressListView'
    },

    events: {
        'submit form': 'saveForm'
    },

    bindings: {
        '[name="fullname"]': 'fullname',
        '[name="company"]': 'company',
        '[name="addr1"]': 'addr1',
        '[name="city"]': 'city',
        '[name="country"]': 'country',
        '[name="zip"]': 'zip',
        '[name="phone"]': 'phone'
    },

    initialize: function (options: any) {
        
        this.profileModel = ProfileModel.getInstance();
        this.collection = options.collection || this.profileModel.get('addresses');
        this.manage = options.manage;
        this.application = options.application;

        const id =
            (options.routerArguments &&
                options.routerArguments.length &&
                options.routerArguments[0]) ||
            '';

        if (id && id !== 'new') {
            this.model = this.collection.get(id);

            this.model.on(
                'reset destroy change add',
                function() {
                    if (this.inModal && this.$containerModal) {
                        this.$containerModal
                            .removeClass('fade')
                            .modal('hide')
                            .data('bs.modal', null);
                        this.destroy();
                    } else {
                        Backbone.history.navigate('#addressbook', { trigger: true });
                    }
                },
                this
            );
        } else if (options.model) {
            this.model = options.model;
        } else {
            this.model = new AddressModel();

            this.model.on(
                'change',
                function(model) {
                    this.collection.add(model);

                    if (this.inModal && this.$containerModal) {
                        this.$containerModal
                            .removeClass('fade')
                            .modal('hide')
                            .data('bs.modal', null);
                        this.destroy();
                    } else {
                        Backbone.history.navigate('#addressbook', { trigger: true });
                    }
                },
                this
            );
        }

        const addNewAddresLabel = Utils.translate('Add New Address');
        const editAddressLabel = Utils.translate('Edit Address');
        this.title = this.model.isNew() ? addNewAddresLabel : editAddressLabel;
        this.page_header = this.title;
        this.countries = Configuration.get('siteSettings.countries');
        this.selectedCountry =
            this.model.get('country') || Configuration.get('siteSettings.defaultshipcountry');

        if (!this.selectedCountry && _.size(this.countries) === 1) {
            this.selectedCountry = _.first(_.keys(this.countries));
        }

        if (this.selectedCountry) {
            this.model.set({ country: this.selectedCountry }, { silent: true });
        }

        BackboneFormView.add(this);

        this.saveForm = function saveForm() {
            const loggers = Loggers.getLogger();
            const actionId = loggers.start('Save Address');

            const promise = BackboneFormView.saveForm.apply(this, arguments);

            if (promise) {
                promise.done(() => {
                    loggers.end(actionId, {
                        operationIds: this.model.getOperationIds(),
                        status: 'success'
                    });
                });
            }
            _.defer(function() {
                Backbone.history.location.reload()
            })
            return promise;
        };
    },

    destroy: function destroy() {
        this.model.off(null, null, this);

        this._destroy();
    },

    beforeShowContent: function beforeShowContent() {
        const promise = jQuery.Deferred();

        if (this.profileModel.get('isLoggedIn') !== 'T') {
            promise.reject();
            this.application.getLayout().notFound();
        } else {
            promise.resolve();
        }

        return promise;
    },

    // @method getSelectedMenu
    getSelectedMenu: function() {
        return 'addressbook';
    },

    // @method getBreadcrumbPages
    getBreadcrumbPages: function() {
        return [
            {
                text: Utils.translate('Address Book'),
                href: '/addressbook'
            },
            {
                text: this.title,
                href: '/addressbook/new'
            }
        ];
    },

    render: function() {
        BackboneView.prototype.render.apply(this, arguments);

        this.$('[rel="tooltip"]')
            .tooltip({
                placement: 'right'
            })
            .on('hide', function(e: any) {
                e.preventDefault();
                jQuery(e.target)
                    .next('.tooltip')
                    .hide();
            });
    },

    childViews: {
        'Address.Edit.Fields': function() {
            return new AddressEditFieldView({
                model: this.model,
                countries: this.countries,
                selectedCountry: this.selectedCountry,
                hideDefaults: Configuration.get('currentTouchpoint') !== 'customercenter',
                application: this.options.application,
                manage: this.manage
            });
        }
    },

    // @method getContext @return Address.Edit.View.Context
    getContext: function() {
        // @class Address.Edit.View.Context
        return {
            // @property {Address.Model} model
            model: this.model,
            // @property {Boolean} isAddressNew
            isAddressNew: this.model.isNew(),
            // @property {Boolean} isCollectionEmpty
            isCollectionEmpty: !this.collection.length,
            // @property {Boolean} isInModal
            isInModal: this.inModal,
            // @property {Boolean} isInModalOrHideHeader
            isInModalOrHideHeader: this.inModal || !!this.options.hideHeader,
            // @property {Boolean} showFooter
            showFooter: !this.options.hideFooter,
            // @property {Boolean} isInModalOrCollectionNotEmpty
            isInModalOrCollectionNotEmpty: !!(this.inModal || this.collection.length)
        };
    }
});

export = AddressEditView;

Update the saveform function as in here in Address.Edit.View file.