Improved: Fetched product identifier options dynamically (#345).

hotwax · Oct 25, 2024 · 8549bd6 · 8549bd6
1 parent 1d09f6c
commit 8549bd6
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 2 deletions.
diff --git a/src/components/DxpProductIdentifier.vue b/src/components/DxpProductIdentifier.vue
@@ -36,9 +36,10 @@ const productIdentificationStore = useProductIdentificationStore();
 const appState = appContext.config.globalProperties.$store
 const eComStore = computed(() => appState.getters['user/getCurrentEComStore'])
 const productIdentificationPref = computed(() => productIdentificationStore.getProductIdentificationPref);
-const productIdentificationOptions = productIdentificationStore.getProductIdentificationOptions;
+const productIdentificationOptions = computed(() => productIdentificationStore.getProductIdentificationOptions);
 
 onMounted(() => {
+  productIdentificationStore.prepareProductIdentifierOptions();
   productIdentificationStore.getIdentificationPref(eComStore.value.productStoreId);
 })
 

diff --git a/src/index.ts b/src/index.ts
@@ -96,6 +96,7 @@ export let dxpComponents = {
 
     productIdentificationContext.getProductIdentificationPref = options.getProductIdentificationPref
     productIdentificationContext.setProductIdentificationPref = options.setProductIdentificationPref
+    productIdentificationContext.fetchGoodIdentificationTypes = options.fetchGoodIdentificationTypes
 
     notificationContext.addNotification = options.addNotification
     notificationContext.appFirebaseConfig = options.appFirebaseConfig

diff --git a/src/store/productIdentification.ts b/src/store/productIdentification.ts
@@ -8,7 +8,7 @@ export const useProductIdentificationStore = defineStore('productIdentification'
         primaryId: '',
         secondaryId: ''
       },
-      productIdentificationOptions: ["productId", "groupId", "groupName", "internalName", "parentProductName", "primaryProductCategoryName", "sku", "title", "SHOPIFY_PROD_SKU", "upc"]
+      productIdentificationOptions: []
     }
   },
   getters: {
@@ -44,6 +44,17 @@ export const useProductIdentificationStore = defineStore('productIdentification'
       }
 
       this.productIdentificationPref = await productIdentificationContext.getProductIdentificationPref(eComStoreId)
+    },
+    async prepareProductIdentifierOptions() {
+      //static identifications 
+      const productIdentificationOptions = ["productId", "groupId", "groupName", "internalName", "parentProductName", "primaryProductCategoryName", "title"];
+
+      //good identification types
+      const fetchedGoodIdentificationTypes = await productIdentificationContext.fetchGoodIdentificationTypes("HC_GOOD_ID_TYPE");
+      const fetchedGoodIdentificationOptions = fetchedGoodIdentificationTypes?.map((fetchedGoodIdentificationType: any) => fetchedGoodIdentificationType.goodIdentificationTypeId) || [];
+
+      // Merge the arrays and remove duplicates
+      this.productIdentificationOptions = Array.from(new Set([...productIdentificationOptions, ...fetchedGoodIdentificationOptions])).sort();
     }
   }
 })