Improved: version of Dxp package to latest release(#187)

package.json

@@ -17,7 +17,7 @@
     "@capacitor/ios": "^2.5.0",
     "@hotwax/app-version-info": "^1.0.0",
     "@hotwax/apps-theme": "^1.2.6",
-    "@hotwax/dxp-components": "^1.11.0",
+    "@hotwax/dxp-components": "^1.12.0",
     "@hotwax/oms-api": "^1.10.0",
     "@ionic/core": "~7.6.0",
     "@ionic/vue": "~7.6.0",

src/components/Picklist-detail-item.vue

@@ -1,7 +1,7 @@
 <template>
   <ion-item :id="picklistItem.id" :class="picklistItem.id === lastScannedId ? 'scanned-item' : '' " :key="picklistItem.id" v-for="picklistItem in picklistItems"  @click="picklistItem.isChecked = !picklistItem.isChecked" lines="none" >
     <ion-thumbnail slot="start">
-      <ShopifyImg :src="getProduct(picklistItem.productId).mainImageUrl" size="small" />
+      <DxpShopifyImg :src="getProduct(picklistItem.productId).mainImageUrl" size="small" />
     </ion-thumbnail>  
     <ion-checkbox v-if="picklistItem.statusId !== 'PICKLIST_COMPLETED' && picklistItem.statusId !== 'PICKLIST_PICKED'" :modelValue="picklistItem.isChecked">
       <ion-label>
@@ -19,7 +19,7 @@
 import { IonCheckbox, IonItem, IonLabel, IonThumbnail } from '@ionic/vue';
 import { computed, defineComponent } from 'vue';
 import { mapGetters, useStore } from 'vuex';
-import { getProductIdentificationValue, ShopifyImg, useProductIdentificationStore } from '@hotwax/dxp-components';
+import { getProductIdentificationValue, DxpShopifyImg, useProductIdentificationStore } from '@hotwax/dxp-components';
 
 export default defineComponent({
   name: 'PicklistDetailItem',
@@ -28,7 +28,7 @@ export default defineComponent({
     IonItem, 
     IonLabel,
     IonThumbnail,
-    ShopifyImg
+    DxpShopifyImg
   },
   props: ['picklistItems', 'lastScannedId'],
   computed: {

src/locales/en.json

@@ -44,13 +44,15 @@
   "Picklists": "Picklists",
   "Please allow camera access in your settings": "Please allow camera access in your settings",
   "product barcode": "product barcode",
+  "Primary": "Primary",
   "Product name": "Product name",
   "Product not found": "Product not found",
   "Product not found in remaining items": "Product not found in remaining items",
   "Reason:": "Reason:",
   "Scan": "Scan",
-  "Select all" : "Select all",
   "Search time zones": "Search time zones",
+  "Secondary": "Secondary",
+  "Select all" : "Select all",
   "Select time zone": "Select time zone",
   "Select facility": "Select facility",
   "Settings": "Settings",

src/views/Settings.vue

@@ -33,7 +33,7 @@
         <h1>{{ $t('OMS') }}</h1>
       </div>
       <section>
-        <OmsInstanceNavigator />
+        <DxpOmsInstanceNavigator />
 
         <ion-card>
           <ion-card-header>
@@ -60,7 +60,7 @@
         <p class="overline">{{ "Built: " + getDateTime(appInfo.builtTime) }}</p>
       </div>
       <section>
-        <ProductIdentifier />
+        <DxpProductIdentifier />
 
         <ion-card>
           <ion-card-header>