Rename to Product and Payment, also remove Payment Method

Author: seeker25

auth-web/src/util/constants.ts

@@ -442,7 +442,7 @@ export enum Permission {
     VIEW_ACCOUNT = 'VIEW_ACCOUNT',
     TRANSACTION_HISTORY = 'TRANSACTION_HISTORY',
     MANAGE_STATEMENTS = 'MANAGE_STATEMENTS',
-    VIEW_PAYMENT_METHODS = 'VIEW_PAYMENT_METHODS',
+    VIEW_PAYMENT_METHODS = 'VIEW_PAYMENT_METHODS', // TODO merge with product Packages?
     VIEW_ADMIN_CONTACT = 'VIEW_ADMIN_CONTACT',
     RESET_OTP = 'RESET_OTP',
     MAKE_PAYMENT = 'MAKE_PAYMENT',
@@ -451,7 +451,7 @@ export enum Permission {
     CHANGE_AUTH_OPTIONS = 'CHANGE_AUTH_OPTIONS',
     EDIT_REQUEST_PRODUCT_PACKAGE = 'EDIT_REQUEST_PRODUCT_PACKAGE',
     VIEW_ACTIVITYLOG = 'VIEW_ACTIVITYLOG',
-    VIEW_REQUEST_PRODUCT_PACKAGE='VIEW_REQUEST_PRODUCT_PACKAGE',
+    VIEW_REQUEST_PRODUCT_PACKAGE='VIEW_REQUEST_PRODUCT_PACKAGE',  // TODO merge with product Packages?
     DEACTIVATE_ACCOUNT='DEACTIVATE_ACCOUNT',
     VIEW_USER_LOGINSOURCE='VIEW_USER_LOGINSOURCE',
     EDIT_BUSINESS_INFO = 'EDIT_BUSINESS_INFO',

auth-web/src/views/auth/AccountSettings.vue

@@ -191,30 +191,11 @@
                 </v-list-item-icon>
                 <v-list-item-title>Authentication</v-list-item-title>
               </v-list-item>
-              <v-list-item
-                v-can:VIEW_PAYMENT_METHODS.hide
-                dense
-                class="py-1 px-4"
-                aria-label="Payment Methods"
-                role="listitem"
-                :to="getUrl('payment-option')"
-                data-test="user-auth-nav-item"
-              >
-                <v-list-item-icon>
-                  <v-icon
-                    color="link"
-                    left
-                  >
-                    mdi-currency-usd
-                  </v-icon>
-                </v-list-item-icon>
-                <v-list-item-title>Payment Methods</v-list-item-title>
-              </v-list-item>
               <v-list-item
                 v-can:VIEW_REQUEST_PRODUCT_PACKAGE.hide
                 dense
                 class="py-1 px-4"
-                aria-label="Products and Services"
+                aria-label="Products and Payment"
                 role="listitem"
                 :to="getUrl('product-settings')"
                 data-test="user-auth-nav-item"
@@ -227,7 +208,7 @@
                     mdi-apps
                   </v-icon>
                 </v-list-item-icon>
-                <v-list-item-title>Products and Services</v-list-item-title>
+                <v-list-item-title>Products and Payment</v-list-item-title>
               </v-list-item>
             </v-list-item-group>
           </v-list>

auth-web/src/views/auth/create-account/AccountSetupView.vue

@@ -156,7 +156,7 @@ export default class AccountSetupView extends Vue {
   private stepperConfig: Array<StepConfiguration> =
     [
       {
-        title: 'Select Products and Services',
+        title: 'Select Products and Payment',
         stepName: 'Products and Payment',
         component: SelectProductService,
         componentProps: {

auth-web/src/views/auth/create-account/GovmAccountSetupView.vue

@@ -101,8 +101,8 @@ export default class GovmAccountSetupView extends Vue {
         }
       },
       {
-        title: 'Products and Services',
-        stepName: 'Products and Services',
+        title: 'Products and Payment',
+        stepName: 'Products and Payment',
         component: SelectProductService,
         componentProps: {
           isStepperView: true