diff --git a/src/components/DxpProductIdentifier.vue b/src/components/DxpProductIdentifier.vue
index d568bdd..01347d6 100644
--- a/src/components/DxpProductIdentifier.vue
+++ b/src/components/DxpProductIdentifier.vue
@@ -11,12 +11,12 @@
       {{ 'Choosing a product identifier allows you to view products with your preferred identifiers.' }}
     </ion-card-content>
 
-    <ion-item>
+    <ion-item :disabled="!appContext.hasPermission(appContext.Actions.APP_PRODUCT_IDENTIFIER_UPDATE)">
       <ion-select :label="$t('Primary')" interface="popover" :placeholder="'primary identifier'" :value="productIdentificationPref.primaryId" @ionChange="setProductIdentificationPref($event.detail.value, 'primaryId')">
         <ion-select-option v-for="identification in productIdentificationOptions" :key="identification" :value="identification" >{{ identification }}</ion-select-option>
       </ion-select>
     </ion-item>
-    <ion-item lines="none">
+    <ion-item lines="none" :disabled="!appContext.hasPermission(appContext.Actions.APP_PRODUCT_IDENTIFIER_UPDATE)">
       <ion-select :label="$t('Secondary')" interface="popover" :placeholder="'secondary identifier'" :value="productIdentificationPref.secondaryId" @ionChange="setProductIdentificationPref($event.detail.value, 'secondaryId')">
         <ion-select-option v-for="identification in productIdentificationOptions" :key="identification" :value="identification" >{{ identification }}</ion-select-option>
         <ion-select-option value="">{{ "None" }}</ion-select-option>
diff --git a/src/index.ts b/src/index.ts
index 74f8185..dfdae45 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -109,6 +109,9 @@ export let dxpComponents = {
     loginContext.getConfig = options.getConfig
     loginContext.initialise = options.initialise
 
+    appContext.Actions = options.Actions
+    appContext.hasPermission = options.hasPermission
+
     // set a default locale in the state
     i18n.global.locale.value = useUserStore().getLocale