From 7a18e047540886e5530d4e0eeb15f140827033d5 Mon Sep 17 00:00:00 2001
From: Sanskar Soni <sonisanskar223@gmail.com>
Date: Thu, 20 Jul 2023 11:10:34 +0530
Subject: [PATCH 01/12] Implemented: Product Identifier in settings usisng
 dxp-compoenent and called getIdentification function of dxp in login,
 setFacility and aap.vue

---
 package-lock.json                 | 492 +++++++++++++++++-------------
 package.json                      |   1 +
 src/App.vue                       |  43 ++-
 src/main.ts                       |  11 +-
 src/store/modules/user/actions.ts |  69 +++--
 src/views/Login.vue               |  13 +-
 src/views/Settings.vue            |  44 ++-
 7 files changed, 419 insertions(+), 254 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index f9644f51..b2570a13 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -13,6 +13,7 @@
         "@casl/ability": "^6.0.0",
         "@hotwax/app-version-info": "^1.0.0",
         "@hotwax/apps-theme": "^1.1.0",
+        "@hotwax/dxp-components": "^1.3.2",
         "@hotwax/oms-api": "^1.6.0",
         "@ionic/core": "6.7.5",
         "@ionic/vue": "6.7.5",
@@ -515,9 +516,9 @@
       }
     },
     "node_modules/@babel/parser": {
-      "version": "7.20.15",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.20.15.tgz",
-      "integrity": "sha512-DI4a1oZuf8wC+oAJA9RW6ga3Zbe8RZFt7kD9i4qAspz3I/yHet1VvC3DiSy/fsUvv5pvJuNPh0LPOdCcqinDPg==",
+      "version": "7.22.7",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.22.7.tgz",
+      "integrity": "sha512-7NF8pOkHP5o2vpmGgNGcfAeCvOYhGLyA3Z4eBQkT1RJlWu47n63bCs93QfJ2hIAFCil7L5P2IWhs1oToVgrL0Q==",
       "bin": {
         "parser": "bin/babel-parser.js"
       },
@@ -2188,10 +2189,22 @@
       "resolved": "https://registry.npmjs.org/@hotwax/apps-theme/-/apps-theme-1.1.0.tgz",
       "integrity": "sha512-yokhlpG+eUEao19vaUtCOC5YwcYTb5sf5joGVH17mbb5B1hM4G+P4ZiGiFw2AMmZBKgu94DtHwSyjtdsf4bHug=="
     },
+    "node_modules/@hotwax/dxp-components": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/@hotwax/dxp-components/-/dxp-components-1.3.2.tgz",
+      "integrity": "sha512-017g1HoQ/JC6a2wD6AH/AoMxREu9rkIwWzBhMJ7ch6xNZ3JvpCEFO7nvjFBOq9ZOfT/sjw1WqAhhkoQ+NCS6Ug==",
+      "dependencies": {
+        "@hotwax/oms-api": "^1.8.1",
+        "luxon": "^3.3.0",
+        "pinia": "2.0.36",
+        "pinia-plugin-persistedstate": "^3.1.0",
+        "vue": "^3.3.4"
+      }
+    },
     "node_modules/@hotwax/oms-api": {
-      "version": "1.6.0",
-      "resolved": "https://registry.npmjs.org/@hotwax/oms-api/-/oms-api-1.6.0.tgz",
-      "integrity": "sha512-sPT3FkHKg/bOPzyDgx1p8+iWROZWPhpUedgXHCdbx73A7eUatoFUVDt3tI/LNs2Y5pAS69PivRTHgTLS4X4YCw==",
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/@hotwax/oms-api/-/oms-api-1.8.1.tgz",
+      "integrity": "sha512-pVceiuaOSkRZM3i87+TCEu6uBMDG01JGTG92mCpDUXWmA6nd0BL7QiK1Qr8a9lDTib0M24RVBDCGc/cX6nlxgg==",
       "dependencies": {
         "@types/node-json-transform": "^1.0.0",
         "axios": "^0.21.1",
@@ -6380,13 +6393,6 @@
         "wrap-ansi": "^5.1.0"
       }
     },
-    "node_modules/@vue/cli-plugin-unit-jest/node_modules/csstype": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.1.tgz",
-      "integrity": "sha512-DJR/VvkAvSZW9bTouZue2sSxDwdTN92uHjqeKVm+0dAqdfNykRzQ95tay8aXMBAAPpUiq4Qcug2L7neoRh2Egw==",
-      "dev": true,
-      "peer": true
-    },
     "node_modules/@vue/cli-plugin-unit-jest/node_modules/detect-newline": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/detect-newline/-/detect-newline-2.1.0.tgz",
@@ -8067,40 +8073,40 @@
       }
     },
     "node_modules/@vue/compiler-core": {
-      "version": "3.2.47",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.2.47.tgz",
-      "integrity": "sha512-p4D7FDnQb7+YJmO2iPEv0SQNeNzcbHdGByJDsT4lynf63AFkOTFN07HsiRSvjGo0QrxR/o3d0hUyNCUnBU2Tig==",
+      "version": "3.3.4",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.3.4.tgz",
+      "integrity": "sha512-cquyDNvZ6jTbf/+x+AgM2Arrp6G4Dzbb0R64jiG804HRMfRiFXWI6kqUVqZ6ZR0bQhIoQjB4+2bhNtVwndW15g==",
       "dependencies": {
-        "@babel/parser": "^7.16.4",
-        "@vue/shared": "3.2.47",
+        "@babel/parser": "^7.21.3",
+        "@vue/shared": "3.3.4",
         "estree-walker": "^2.0.2",
-        "source-map": "^0.6.1"
+        "source-map-js": "^1.0.2"
       }
     },
     "node_modules/@vue/compiler-dom": {
-      "version": "3.2.47",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.2.47.tgz",
-      "integrity": "sha512-dBBnEHEPoftUiS03a4ggEig74J2YBZ2UIeyfpcRM2tavgMWo4bsEfgCGsu+uJIL/vax9S+JztH8NmQerUo7shQ==",
+      "version": "3.3.4",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.3.4.tgz",
+      "integrity": "sha512-wyM+OjOVpuUukIq6p5+nwHYtj9cFroz9cwkfmP9O1nzH68BenTTv0u7/ndggT8cIQlnBeOo6sUT/gvHcIkLA5w==",
       "dependencies": {
-        "@vue/compiler-core": "3.2.47",
-        "@vue/shared": "3.2.47"
+        "@vue/compiler-core": "3.3.4",
+        "@vue/shared": "3.3.4"
       }
     },
     "node_modules/@vue/compiler-sfc": {
-      "version": "3.2.47",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.2.47.tgz",
-      "integrity": "sha512-rog05W+2IFfxjMcFw10tM9+f7i/+FFpZJJ5XHX72NP9eC2uRD+42M3pYcQqDXVYoj74kHMSEdQ/WmCjt8JFksQ==",
-      "dependencies": {
-        "@babel/parser": "^7.16.4",
-        "@vue/compiler-core": "3.2.47",
-        "@vue/compiler-dom": "3.2.47",
-        "@vue/compiler-ssr": "3.2.47",
-        "@vue/reactivity-transform": "3.2.47",
-        "@vue/shared": "3.2.47",
+      "version": "3.3.4",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.3.4.tgz",
+      "integrity": "sha512-6y/d8uw+5TkCuzBkgLS0v3lSM3hJDntFEiUORM11pQ/hKvkhSKZrXW6i69UyXlJQisJxuUEJKAWEqWbWsLeNKQ==",
+      "dependencies": {
+        "@babel/parser": "^7.20.15",
+        "@vue/compiler-core": "3.3.4",
+        "@vue/compiler-dom": "3.3.4",
+        "@vue/compiler-ssr": "3.3.4",
+        "@vue/reactivity-transform": "3.3.4",
+        "@vue/shared": "3.3.4",
         "estree-walker": "^2.0.2",
-        "magic-string": "^0.25.7",
+        "magic-string": "^0.30.0",
         "postcss": "^8.1.10",
-        "source-map": "^0.6.1"
+        "source-map-js": "^1.0.2"
       }
     },
     "node_modules/@vue/compiler-sfc/node_modules/picocolors": {
@@ -8132,12 +8138,12 @@
       }
     },
     "node_modules/@vue/compiler-ssr": {
-      "version": "3.2.47",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.2.47.tgz",
-      "integrity": "sha512-wVXC+gszhulcMD8wpxMsqSOpvDZ6xKXSVWkf50Guf/S+28hTAXPDYRTbLQ3EDkOP5Xz/+SY37YiwDquKbJOgZw==",
+      "version": "3.3.4",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.3.4.tgz",
+      "integrity": "sha512-m0v6oKpup2nMSehwA6Uuu+j+wEwcy7QmwMkVNVfrV9P2qE5KshC6RwOCq8fjGS/Eak/uNb8AaWekfiXxbBB6gQ==",
       "dependencies": {
-        "@vue/compiler-dom": "3.2.47",
-        "@vue/shared": "3.2.47"
+        "@vue/compiler-dom": "3.3.4",
+        "@vue/shared": "3.3.4"
       }
     },
     "node_modules/@vue/component-compiler-utils": {
@@ -8218,60 +8224,60 @@
       }
     },
     "node_modules/@vue/reactivity": {
-      "version": "3.2.47",
-      "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.2.47.tgz",
-      "integrity": "sha512-7khqQ/75oyyg+N/e+iwV6lpy1f5wq759NdlS1fpAhFXa8VeAIKGgk2E/C4VF59lx5b+Ezs5fpp/5WsRYXQiKxQ==",
+      "version": "3.3.4",
+      "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.3.4.tgz",
+      "integrity": "sha512-kLTDLwd0B1jG08NBF3R5rqULtv/f8x3rOFByTDz4J53ttIQEDmALqKqXY0J+XQeN0aV2FBxY8nJDf88yvOPAqQ==",
       "dependencies": {
-        "@vue/shared": "3.2.47"
+        "@vue/shared": "3.3.4"
       }
     },
     "node_modules/@vue/reactivity-transform": {
-      "version": "3.2.47",
-      "resolved": "https://registry.npmjs.org/@vue/reactivity-transform/-/reactivity-transform-3.2.47.tgz",
-      "integrity": "sha512-m8lGXw8rdnPVVIdIFhf0LeQ/ixyHkH5plYuS83yop5n7ggVJU+z5v0zecwEnX7fa7HNLBhh2qngJJkxpwEEmYA==",
+      "version": "3.3.4",
+      "resolved": "https://registry.npmjs.org/@vue/reactivity-transform/-/reactivity-transform-3.3.4.tgz",
+      "integrity": "sha512-MXgwjako4nu5WFLAjpBnCj/ieqcjE2aJBINUNQzkZQfzIZA4xn+0fV1tIYBJvvva3N3OvKGofRLvQIwEQPpaXw==",
       "dependencies": {
-        "@babel/parser": "^7.16.4",
-        "@vue/compiler-core": "3.2.47",
-        "@vue/shared": "3.2.47",
+        "@babel/parser": "^7.20.15",
+        "@vue/compiler-core": "3.3.4",
+        "@vue/shared": "3.3.4",
         "estree-walker": "^2.0.2",
-        "magic-string": "^0.25.7"
+        "magic-string": "^0.30.0"
       }
     },
     "node_modules/@vue/runtime-core": {
-      "version": "3.2.47",
-      "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.2.47.tgz",
-      "integrity": "sha512-RZxbLQIRB/K0ev0K9FXhNbBzT32H9iRtYbaXb0ZIz2usLms/D55dJR2t6cIEUn6vyhS3ALNvNthI+Q95C+NOpA==",
+      "version": "3.3.4",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.3.4.tgz",
+      "integrity": "sha512-R+bqxMN6pWO7zGI4OMlmvePOdP2c93GsHFM/siJI7O2nxFRzj55pLwkpCedEY+bTMgp5miZ8CxfIZo3S+gFqvA==",
       "dependencies": {
-        "@vue/reactivity": "3.2.47",
-        "@vue/shared": "3.2.47"
+        "@vue/reactivity": "3.3.4",
+        "@vue/shared": "3.3.4"
       }
     },
     "node_modules/@vue/runtime-dom": {
-      "version": "3.2.47",
-      "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.2.47.tgz",
-      "integrity": "sha512-ArXrFTjS6TsDei4qwNvgrdmHtD930KgSKGhS5M+j8QxXrDJYLqYw4RRcDy1bz1m1wMmb6j+zGLifdVHtkXA7gA==",
+      "version": "3.3.4",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.3.4.tgz",
+      "integrity": "sha512-Aj5bTJ3u5sFsUckRghsNjVTtxZQ1OyMWCr5dZRAPijF/0Vy4xEoRCwLyHXcj4D0UFbJ4lbx3gPTgg06K/GnPnQ==",
       "dependencies": {
-        "@vue/runtime-core": "3.2.47",
-        "@vue/shared": "3.2.47",
-        "csstype": "^2.6.8"
+        "@vue/runtime-core": "3.3.4",
+        "@vue/shared": "3.3.4",
+        "csstype": "^3.1.1"
       }
     },
     "node_modules/@vue/server-renderer": {
-      "version": "3.2.47",
-      "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.2.47.tgz",
-      "integrity": "sha512-dN9gc1i8EvmP9RCzvneONXsKfBRgqFeFZLurmHOveL7oH6HiFXJw5OGu294n1nHc/HMgTy6LulU/tv5/A7f/LA==",
+      "version": "3.3.4",
+      "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.3.4.tgz",
+      "integrity": "sha512-Q6jDDzR23ViIb67v+vM1Dqntu+HUexQcsWKhhQa4ARVzxOY2HbC7QRW/ggkDBd5BU+uM1sV6XOAP0b216o34JQ==",
       "dependencies": {
-        "@vue/compiler-ssr": "3.2.47",
-        "@vue/shared": "3.2.47"
+        "@vue/compiler-ssr": "3.3.4",
+        "@vue/shared": "3.3.4"
       },
       "peerDependencies": {
-        "vue": "3.2.47"
+        "vue": "3.3.4"
       }
     },
     "node_modules/@vue/shared": {
-      "version": "3.2.47",
-      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.2.47.tgz",
-      "integrity": "sha512-BHGyyGN3Q97EZx0taMQ+OLNuZcW3d37ZEVmEAyeoA9ERdGvm9Irc/0Fua8SNyOtV1w6BS4q25wbMzJujO9HIfQ=="
+      "version": "3.3.4",
+      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.3.4.tgz",
+      "integrity": "sha512-7OjdcV8vQ74eiz1TZLzZP4JwqM5fA94K6yntPS5Z25r9HDuGNzaGdgvwKYq6S+MxwF0TFRwe50fIR/MYnakdkQ=="
     },
     "node_modules/@vue/test-utils": {
       "version": "2.2.10",
@@ -11847,9 +11853,9 @@
       "dev": true
     },
     "node_modules/csstype": {
-      "version": "2.6.21",
-      "resolved": "https://registry.npmjs.org/csstype/-/csstype-2.6.21.tgz",
-      "integrity": "sha512-Z1PhmomIfypOpoMjRQB70jfvy/wxT50qW08YXO5lMIJkrdq4yOTR+AW7FqutScmB9NkLwxo+jU+kZLbofZZq/w=="
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz",
+      "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ=="
     },
     "node_modules/cyclist": {
       "version": "1.0.1",
@@ -23804,21 +23810,29 @@
       }
     },
     "node_modules/luxon": {
-      "version": "3.2.1",
-      "resolved": "https://registry.npmjs.org/luxon/-/luxon-3.2.1.tgz",
-      "integrity": "sha512-QrwPArQCNLAKGO/C+ZIilgIuDnEnKx5QYODdDtbFaxzsbZcc/a7WFq7MhsVYgRlwawLtvOUESTlfJ+hc/USqPg==",
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/luxon/-/luxon-3.3.0.tgz",
+      "integrity": "sha512-An0UCfG/rSiqtAIiBPO0Y9/zAnHUZxAMiCpTd5h2smgsj7GGmcenvrvww2cqNA8/4A5ZrD1gJpHN2mIHZQF+Mg==",
       "engines": {
         "node": ">=12"
       }
     },
     "node_modules/magic-string": {
-      "version": "0.25.9",
-      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.25.9.tgz",
-      "integrity": "sha512-RmF0AsMzgt25qzqqLc1+MbHmhdx0ojF2Fvs4XnOqz2ZOBXzzkEwc/dJQZCYHAn7v1jbVOjAZfK8msRn4BxO4VQ==",
+      "version": "0.30.1",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.1.tgz",
+      "integrity": "sha512-mbVKXPmS0z0G4XqFDCTllmDQ6coZzn94aMlb0o/A4HEHJCKcanlDZwYJgwnkmgD3jyWhUgj9VsPrfd972yPffA==",
       "dependencies": {
-        "sourcemap-codec": "^1.4.8"
+        "@jridgewell/sourcemap-codec": "^1.4.15"
+      },
+      "engines": {
+        "node": ">=12"
       }
     },
+    "node_modules/magic-string/node_modules/@jridgewell/sourcemap-codec": {
+      "version": "1.4.15",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz",
+      "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg=="
+    },
     "node_modules/make-dir": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-3.1.0.tgz",
@@ -25478,6 +25492,64 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/pinia": {
+      "version": "2.0.36",
+      "resolved": "https://registry.npmjs.org/pinia/-/pinia-2.0.36.tgz",
+      "integrity": "sha512-4UKApwjlmJH+VuHKgA+zQMddcCb3ezYnyewQ9NVrsDqZ/j9dMv5+rh+1r48whKNdpFkZAWVxhBp5ewYaYX9JcQ==",
+      "dependencies": {
+        "@vue/devtools-api": "^6.5.0",
+        "vue-demi": "*"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/posva"
+      },
+      "peerDependencies": {
+        "@vue/composition-api": "^1.4.0",
+        "typescript": ">=4.4.4",
+        "vue": "^2.6.14 || ^3.2.0"
+      },
+      "peerDependenciesMeta": {
+        "@vue/composition-api": {
+          "optional": true
+        },
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/pinia-plugin-persistedstate": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/pinia-plugin-persistedstate/-/pinia-plugin-persistedstate-3.1.0.tgz",
+      "integrity": "sha512-8UN+vYMEPBdgNLwceY08mi5olI0wkYaEb8b6hD6xW7SnBRuPydWHlEhZvUWgNb/ibuf4PvufpvtS+dmhYjJQOw==",
+      "peerDependencies": {
+        "pinia": "^2.0.0"
+      }
+    },
+    "node_modules/pinia/node_modules/vue-demi": {
+      "version": "0.14.5",
+      "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.14.5.tgz",
+      "integrity": "sha512-o9NUVpl/YlsGJ7t+xuqJKx8EBGf1quRhCiT6D/J0pfwmk9zUwYkC7yrF4SZCe6fETvSM3UNL2edcbYrSyc4QHA==",
+      "hasInstallScript": true,
+      "bin": {
+        "vue-demi-fix": "bin/vue-demi-fix.js",
+        "vue-demi-switch": "bin/vue-demi-switch.js"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      },
+      "peerDependencies": {
+        "@vue/composition-api": "^1.0.0-rc.1",
+        "vue": "^3.0.0-0 || ^2.6.0"
+      },
+      "peerDependenciesMeta": {
+        "@vue/composition-api": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/pinkie": {
       "version": "2.0.4",
       "resolved": "https://registry.npmjs.org/pinkie/-/pinkie-2.0.4.tgz",
@@ -28284,12 +28356,6 @@
       "deprecated": "See https://github.com/lydell/source-map-url#deprecated",
       "dev": true
     },
-    "node_modules/sourcemap-codec": {
-      "version": "1.4.8",
-      "resolved": "https://registry.npmjs.org/sourcemap-codec/-/sourcemap-codec-1.4.8.tgz",
-      "integrity": "sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==",
-      "deprecated": "Please use @jridgewell/sourcemap-codec instead"
-    },
     "node_modules/spdx-correct": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.1.1.tgz",
@@ -29941,7 +30007,7 @@
       "version": "4.7.4",
       "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.7.4.tgz",
       "integrity": "sha512-C0WQT0gezHuw6AdY1M2jxUO83Rjf0HP7Sk1DtXj6j1EwkQNZrHAg2XPWlq62oqEhYvONq5pkC2Y9oPljWToLmQ==",
-      "dev": true,
+      "devOptional": true,
       "bin": {
         "tsc": "bin/tsc",
         "tsserver": "bin/tsserver"
@@ -30432,15 +30498,15 @@
       "dev": true
     },
     "node_modules/vue": {
-      "version": "3.2.47",
-      "resolved": "https://registry.npmjs.org/vue/-/vue-3.2.47.tgz",
-      "integrity": "sha512-60188y/9Dc9WVrAZeUVSDxRQOZ+z+y5nO2ts9jWXSTkMvayiWxCWOWtBQoYjLeccfXkiiPZWAHcV+WTPhkqJHQ==",
+      "version": "3.3.4",
+      "resolved": "https://registry.npmjs.org/vue/-/vue-3.3.4.tgz",
+      "integrity": "sha512-VTyEYn3yvIeY1Py0WaYGZsXnz3y5UnGi62GjVEqvEGPl6nxbOrCXbVOTQWBEJUqAyTUk2uJ5JLVnYJ6ZzGbrSw==",
       "dependencies": {
-        "@vue/compiler-dom": "3.2.47",
-        "@vue/compiler-sfc": "3.2.47",
-        "@vue/runtime-dom": "3.2.47",
-        "@vue/server-renderer": "3.2.47",
-        "@vue/shared": "3.2.47"
+        "@vue/compiler-dom": "3.3.4",
+        "@vue/compiler-sfc": "3.3.4",
+        "@vue/runtime-dom": "3.3.4",
+        "@vue/server-renderer": "3.3.4",
+        "@vue/shared": "3.3.4"
       }
     },
     "node_modules/vue-barcode-reader": {
@@ -30478,12 +30544,6 @@
         "source-map": "^0.6.1"
       }
     },
-    "node_modules/vue-cli-plugin-i18n/node_modules/csstype": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.1.tgz",
-      "integrity": "sha512-DJR/VvkAvSZW9bTouZue2sSxDwdTN92uHjqeKVm+0dAqdfNykRzQ95tay8aXMBAAPpUiq4Qcug2L7neoRh2Egw==",
-      "dev": true
-    },
     "node_modules/vue-cli-plugin-i18n/node_modules/picocolors": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
@@ -33670,9 +33730,9 @@
       }
     },
     "@babel/parser": {
-      "version": "7.20.15",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.20.15.tgz",
-      "integrity": "sha512-DI4a1oZuf8wC+oAJA9RW6ga3Zbe8RZFt7kD9i4qAspz3I/yHet1VvC3DiSy/fsUvv5pvJuNPh0LPOdCcqinDPg=="
+      "version": "7.22.7",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.22.7.tgz",
+      "integrity": "sha512-7NF8pOkHP5o2vpmGgNGcfAeCvOYhGLyA3Z4eBQkT1RJlWu47n63bCs93QfJ2hIAFCil7L5P2IWhs1oToVgrL0Q=="
     },
     "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": {
       "version": "7.18.6",
@@ -34844,10 +34904,22 @@
       "resolved": "https://registry.npmjs.org/@hotwax/apps-theme/-/apps-theme-1.1.0.tgz",
       "integrity": "sha512-yokhlpG+eUEao19vaUtCOC5YwcYTb5sf5joGVH17mbb5B1hM4G+P4ZiGiFw2AMmZBKgu94DtHwSyjtdsf4bHug=="
     },
+    "@hotwax/dxp-components": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/@hotwax/dxp-components/-/dxp-components-1.3.2.tgz",
+      "integrity": "sha512-017g1HoQ/JC6a2wD6AH/AoMxREu9rkIwWzBhMJ7ch6xNZ3JvpCEFO7nvjFBOq9ZOfT/sjw1WqAhhkoQ+NCS6Ug==",
+      "requires": {
+        "@hotwax/oms-api": "^1.8.1",
+        "luxon": "^3.3.0",
+        "pinia": "2.0.36",
+        "pinia-plugin-persistedstate": "^3.1.0",
+        "vue": "^3.3.4"
+      }
+    },
     "@hotwax/oms-api": {
-      "version": "1.6.0",
-      "resolved": "https://registry.npmjs.org/@hotwax/oms-api/-/oms-api-1.6.0.tgz",
-      "integrity": "sha512-sPT3FkHKg/bOPzyDgx1p8+iWROZWPhpUedgXHCdbx73A7eUatoFUVDt3tI/LNs2Y5pAS69PivRTHgTLS4X4YCw==",
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/@hotwax/oms-api/-/oms-api-1.8.1.tgz",
+      "integrity": "sha512-pVceiuaOSkRZM3i87+TCEu6uBMDG01JGTG92mCpDUXWmA6nd0BL7QiK1Qr8a9lDTib0M24RVBDCGc/cX6nlxgg==",
       "requires": {
         "@types/node-json-transform": "^1.0.0",
         "axios": "^0.21.1",
@@ -38213,13 +38285,6 @@
             "wrap-ansi": "^5.1.0"
           }
         },
-        "csstype": {
-          "version": "3.1.1",
-          "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.1.tgz",
-          "integrity": "sha512-DJR/VvkAvSZW9bTouZue2sSxDwdTN92uHjqeKVm+0dAqdfNykRzQ95tay8aXMBAAPpUiq4Qcug2L7neoRh2Egw==",
-          "dev": true,
-          "peer": true
-        },
         "detect-newline": {
           "version": "2.1.0",
           "resolved": "https://registry.npmjs.org/detect-newline/-/detect-newline-2.1.0.tgz",
@@ -39543,40 +39608,40 @@
       }
     },
     "@vue/compiler-core": {
-      "version": "3.2.47",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.2.47.tgz",
-      "integrity": "sha512-p4D7FDnQb7+YJmO2iPEv0SQNeNzcbHdGByJDsT4lynf63AFkOTFN07HsiRSvjGo0QrxR/o3d0hUyNCUnBU2Tig==",
+      "version": "3.3.4",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.3.4.tgz",
+      "integrity": "sha512-cquyDNvZ6jTbf/+x+AgM2Arrp6G4Dzbb0R64jiG804HRMfRiFXWI6kqUVqZ6ZR0bQhIoQjB4+2bhNtVwndW15g==",
       "requires": {
-        "@babel/parser": "^7.16.4",
-        "@vue/shared": "3.2.47",
+        "@babel/parser": "^7.21.3",
+        "@vue/shared": "3.3.4",
         "estree-walker": "^2.0.2",
-        "source-map": "^0.6.1"
+        "source-map-js": "^1.0.2"
       }
     },
     "@vue/compiler-dom": {
-      "version": "3.2.47",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.2.47.tgz",
-      "integrity": "sha512-dBBnEHEPoftUiS03a4ggEig74J2YBZ2UIeyfpcRM2tavgMWo4bsEfgCGsu+uJIL/vax9S+JztH8NmQerUo7shQ==",
+      "version": "3.3.4",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.3.4.tgz",
+      "integrity": "sha512-wyM+OjOVpuUukIq6p5+nwHYtj9cFroz9cwkfmP9O1nzH68BenTTv0u7/ndggT8cIQlnBeOo6sUT/gvHcIkLA5w==",
       "requires": {
-        "@vue/compiler-core": "3.2.47",
-        "@vue/shared": "3.2.47"
+        "@vue/compiler-core": "3.3.4",
+        "@vue/shared": "3.3.4"
       }
     },
     "@vue/compiler-sfc": {
-      "version": "3.2.47",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.2.47.tgz",
-      "integrity": "sha512-rog05W+2IFfxjMcFw10tM9+f7i/+FFpZJJ5XHX72NP9eC2uRD+42M3pYcQqDXVYoj74kHMSEdQ/WmCjt8JFksQ==",
-      "requires": {
-        "@babel/parser": "^7.16.4",
-        "@vue/compiler-core": "3.2.47",
-        "@vue/compiler-dom": "3.2.47",
-        "@vue/compiler-ssr": "3.2.47",
-        "@vue/reactivity-transform": "3.2.47",
-        "@vue/shared": "3.2.47",
+      "version": "3.3.4",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.3.4.tgz",
+      "integrity": "sha512-6y/d8uw+5TkCuzBkgLS0v3lSM3hJDntFEiUORM11pQ/hKvkhSKZrXW6i69UyXlJQisJxuUEJKAWEqWbWsLeNKQ==",
+      "requires": {
+        "@babel/parser": "^7.20.15",
+        "@vue/compiler-core": "3.3.4",
+        "@vue/compiler-dom": "3.3.4",
+        "@vue/compiler-ssr": "3.3.4",
+        "@vue/reactivity-transform": "3.3.4",
+        "@vue/shared": "3.3.4",
         "estree-walker": "^2.0.2",
-        "magic-string": "^0.25.7",
+        "magic-string": "^0.30.0",
         "postcss": "^8.1.10",
-        "source-map": "^0.6.1"
+        "source-map-js": "^1.0.2"
       },
       "dependencies": {
         "picocolors": {
@@ -39597,12 +39662,12 @@
       }
     },
     "@vue/compiler-ssr": {
-      "version": "3.2.47",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.2.47.tgz",
-      "integrity": "sha512-wVXC+gszhulcMD8wpxMsqSOpvDZ6xKXSVWkf50Guf/S+28hTAXPDYRTbLQ3EDkOP5Xz/+SY37YiwDquKbJOgZw==",
+      "version": "3.3.4",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.3.4.tgz",
+      "integrity": "sha512-m0v6oKpup2nMSehwA6Uuu+j+wEwcy7QmwMkVNVfrV9P2qE5KshC6RwOCq8fjGS/Eak/uNb8AaWekfiXxbBB6gQ==",
       "requires": {
-        "@vue/compiler-dom": "3.2.47",
-        "@vue/shared": "3.2.47"
+        "@vue/compiler-dom": "3.3.4",
+        "@vue/shared": "3.3.4"
       }
     },
     "@vue/component-compiler-utils": {
@@ -39668,57 +39733,57 @@
       "requires": {}
     },
     "@vue/reactivity": {
-      "version": "3.2.47",
-      "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.2.47.tgz",
-      "integrity": "sha512-7khqQ/75oyyg+N/e+iwV6lpy1f5wq759NdlS1fpAhFXa8VeAIKGgk2E/C4VF59lx5b+Ezs5fpp/5WsRYXQiKxQ==",
+      "version": "3.3.4",
+      "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.3.4.tgz",
+      "integrity": "sha512-kLTDLwd0B1jG08NBF3R5rqULtv/f8x3rOFByTDz4J53ttIQEDmALqKqXY0J+XQeN0aV2FBxY8nJDf88yvOPAqQ==",
       "requires": {
-        "@vue/shared": "3.2.47"
+        "@vue/shared": "3.3.4"
       }
     },
     "@vue/reactivity-transform": {
-      "version": "3.2.47",
-      "resolved": "https://registry.npmjs.org/@vue/reactivity-transform/-/reactivity-transform-3.2.47.tgz",
-      "integrity": "sha512-m8lGXw8rdnPVVIdIFhf0LeQ/ixyHkH5plYuS83yop5n7ggVJU+z5v0zecwEnX7fa7HNLBhh2qngJJkxpwEEmYA==",
+      "version": "3.3.4",
+      "resolved": "https://registry.npmjs.org/@vue/reactivity-transform/-/reactivity-transform-3.3.4.tgz",
+      "integrity": "sha512-MXgwjako4nu5WFLAjpBnCj/ieqcjE2aJBINUNQzkZQfzIZA4xn+0fV1tIYBJvvva3N3OvKGofRLvQIwEQPpaXw==",
       "requires": {
-        "@babel/parser": "^7.16.4",
-        "@vue/compiler-core": "3.2.47",
-        "@vue/shared": "3.2.47",
+        "@babel/parser": "^7.20.15",
+        "@vue/compiler-core": "3.3.4",
+        "@vue/shared": "3.3.4",
         "estree-walker": "^2.0.2",
-        "magic-string": "^0.25.7"
+        "magic-string": "^0.30.0"
       }
     },
     "@vue/runtime-core": {
-      "version": "3.2.47",
-      "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.2.47.tgz",
-      "integrity": "sha512-RZxbLQIRB/K0ev0K9FXhNbBzT32H9iRtYbaXb0ZIz2usLms/D55dJR2t6cIEUn6vyhS3ALNvNthI+Q95C+NOpA==",
+      "version": "3.3.4",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.3.4.tgz",
+      "integrity": "sha512-R+bqxMN6pWO7zGI4OMlmvePOdP2c93GsHFM/siJI7O2nxFRzj55pLwkpCedEY+bTMgp5miZ8CxfIZo3S+gFqvA==",
       "requires": {
-        "@vue/reactivity": "3.2.47",
-        "@vue/shared": "3.2.47"
+        "@vue/reactivity": "3.3.4",
+        "@vue/shared": "3.3.4"
       }
     },
     "@vue/runtime-dom": {
-      "version": "3.2.47",
-      "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.2.47.tgz",
-      "integrity": "sha512-ArXrFTjS6TsDei4qwNvgrdmHtD930KgSKGhS5M+j8QxXrDJYLqYw4RRcDy1bz1m1wMmb6j+zGLifdVHtkXA7gA==",
+      "version": "3.3.4",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.3.4.tgz",
+      "integrity": "sha512-Aj5bTJ3u5sFsUckRghsNjVTtxZQ1OyMWCr5dZRAPijF/0Vy4xEoRCwLyHXcj4D0UFbJ4lbx3gPTgg06K/GnPnQ==",
       "requires": {
-        "@vue/runtime-core": "3.2.47",
-        "@vue/shared": "3.2.47",
-        "csstype": "^2.6.8"
+        "@vue/runtime-core": "3.3.4",
+        "@vue/shared": "3.3.4",
+        "csstype": "^3.1.1"
       }
     },
     "@vue/server-renderer": {
-      "version": "3.2.47",
-      "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.2.47.tgz",
-      "integrity": "sha512-dN9gc1i8EvmP9RCzvneONXsKfBRgqFeFZLurmHOveL7oH6HiFXJw5OGu294n1nHc/HMgTy6LulU/tv5/A7f/LA==",
+      "version": "3.3.4",
+      "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.3.4.tgz",
+      "integrity": "sha512-Q6jDDzR23ViIb67v+vM1Dqntu+HUexQcsWKhhQa4ARVzxOY2HbC7QRW/ggkDBd5BU+uM1sV6XOAP0b216o34JQ==",
       "requires": {
-        "@vue/compiler-ssr": "3.2.47",
-        "@vue/shared": "3.2.47"
+        "@vue/compiler-ssr": "3.3.4",
+        "@vue/shared": "3.3.4"
       }
     },
     "@vue/shared": {
-      "version": "3.2.47",
-      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.2.47.tgz",
-      "integrity": "sha512-BHGyyGN3Q97EZx0taMQ+OLNuZcW3d37ZEVmEAyeoA9ERdGvm9Irc/0Fua8SNyOtV1w6BS4q25wbMzJujO9HIfQ=="
+      "version": "3.3.4",
+      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.3.4.tgz",
+      "integrity": "sha512-7OjdcV8vQ74eiz1TZLzZP4JwqM5fA94K6yntPS5Z25r9HDuGNzaGdgvwKYq6S+MxwF0TFRwe50fIR/MYnakdkQ=="
     },
     "@vue/test-utils": {
       "version": "2.2.10",
@@ -42618,9 +42683,9 @@
       }
     },
     "csstype": {
-      "version": "2.6.21",
-      "resolved": "https://registry.npmjs.org/csstype/-/csstype-2.6.21.tgz",
-      "integrity": "sha512-Z1PhmomIfypOpoMjRQB70jfvy/wxT50qW08YXO5lMIJkrdq4yOTR+AW7FqutScmB9NkLwxo+jU+kZLbofZZq/w=="
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz",
+      "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ=="
     },
     "cyclist": {
       "version": "1.0.1",
@@ -51911,16 +51976,23 @@
       }
     },
     "luxon": {
-      "version": "3.2.1",
-      "resolved": "https://registry.npmjs.org/luxon/-/luxon-3.2.1.tgz",
-      "integrity": "sha512-QrwPArQCNLAKGO/C+ZIilgIuDnEnKx5QYODdDtbFaxzsbZcc/a7WFq7MhsVYgRlwawLtvOUESTlfJ+hc/USqPg=="
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/luxon/-/luxon-3.3.0.tgz",
+      "integrity": "sha512-An0UCfG/rSiqtAIiBPO0Y9/zAnHUZxAMiCpTd5h2smgsj7GGmcenvrvww2cqNA8/4A5ZrD1gJpHN2mIHZQF+Mg=="
     },
     "magic-string": {
-      "version": "0.25.9",
-      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.25.9.tgz",
-      "integrity": "sha512-RmF0AsMzgt25qzqqLc1+MbHmhdx0ojF2Fvs4XnOqz2ZOBXzzkEwc/dJQZCYHAn7v1jbVOjAZfK8msRn4BxO4VQ==",
+      "version": "0.30.1",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.1.tgz",
+      "integrity": "sha512-mbVKXPmS0z0G4XqFDCTllmDQ6coZzn94aMlb0o/A4HEHJCKcanlDZwYJgwnkmgD3jyWhUgj9VsPrfd972yPffA==",
       "requires": {
-        "sourcemap-codec": "^1.4.8"
+        "@jridgewell/sourcemap-codec": "^1.4.15"
+      },
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": {
+          "version": "1.4.15",
+          "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz",
+          "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg=="
+        }
       }
     },
     "make-dir": {
@@ -53259,6 +53331,29 @@
       "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==",
       "dev": true
     },
+    "pinia": {
+      "version": "2.0.36",
+      "resolved": "https://registry.npmjs.org/pinia/-/pinia-2.0.36.tgz",
+      "integrity": "sha512-4UKApwjlmJH+VuHKgA+zQMddcCb3ezYnyewQ9NVrsDqZ/j9dMv5+rh+1r48whKNdpFkZAWVxhBp5ewYaYX9JcQ==",
+      "requires": {
+        "@vue/devtools-api": "^6.5.0",
+        "vue-demi": "*"
+      },
+      "dependencies": {
+        "vue-demi": {
+          "version": "0.14.5",
+          "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.14.5.tgz",
+          "integrity": "sha512-o9NUVpl/YlsGJ7t+xuqJKx8EBGf1quRhCiT6D/J0pfwmk9zUwYkC7yrF4SZCe6fETvSM3UNL2edcbYrSyc4QHA==",
+          "requires": {}
+        }
+      }
+    },
+    "pinia-plugin-persistedstate": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/pinia-plugin-persistedstate/-/pinia-plugin-persistedstate-3.1.0.tgz",
+      "integrity": "sha512-8UN+vYMEPBdgNLwceY08mi5olI0wkYaEb8b6hD6xW7SnBRuPydWHlEhZvUWgNb/ibuf4PvufpvtS+dmhYjJQOw==",
+      "requires": {}
+    },
     "pinkie": {
       "version": "2.0.4",
       "resolved": "https://registry.npmjs.org/pinkie/-/pinkie-2.0.4.tgz",
@@ -55559,11 +55654,6 @@
       "integrity": "sha512-cPiFOTLUKvJFIg4SKVScy4ilPPW6rFgMgfuZJPNoDuMs3nC1HbMUycBoJw77xFIp6z1UJQJOfx6C9GMH80DiTw==",
       "dev": true
     },
-    "sourcemap-codec": {
-      "version": "1.4.8",
-      "resolved": "https://registry.npmjs.org/sourcemap-codec/-/sourcemap-codec-1.4.8.tgz",
-      "integrity": "sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA=="
-    },
     "spdx-correct": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.1.1.tgz",
@@ -56866,7 +56956,7 @@
       "version": "4.7.4",
       "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.7.4.tgz",
       "integrity": "sha512-C0WQT0gezHuw6AdY1M2jxUO83Rjf0HP7Sk1DtXj6j1EwkQNZrHAg2XPWlq62oqEhYvONq5pkC2Y9oPljWToLmQ==",
-      "dev": true
+      "devOptional": true
     },
     "uglify-js": {
       "version": "3.4.10",
@@ -57260,15 +57350,15 @@
       "dev": true
     },
     "vue": {
-      "version": "3.2.47",
-      "resolved": "https://registry.npmjs.org/vue/-/vue-3.2.47.tgz",
-      "integrity": "sha512-60188y/9Dc9WVrAZeUVSDxRQOZ+z+y5nO2ts9jWXSTkMvayiWxCWOWtBQoYjLeccfXkiiPZWAHcV+WTPhkqJHQ==",
+      "version": "3.3.4",
+      "resolved": "https://registry.npmjs.org/vue/-/vue-3.3.4.tgz",
+      "integrity": "sha512-VTyEYn3yvIeY1Py0WaYGZsXnz3y5UnGi62GjVEqvEGPl6nxbOrCXbVOTQWBEJUqAyTUk2uJ5JLVnYJ6ZzGbrSw==",
       "requires": {
-        "@vue/compiler-dom": "3.2.47",
-        "@vue/compiler-sfc": "3.2.47",
-        "@vue/runtime-dom": "3.2.47",
-        "@vue/server-renderer": "3.2.47",
-        "@vue/shared": "3.2.47"
+        "@vue/compiler-dom": "3.3.4",
+        "@vue/compiler-sfc": "3.3.4",
+        "@vue/runtime-dom": "3.3.4",
+        "@vue/server-renderer": "3.3.4",
+        "@vue/shared": "3.3.4"
       }
     },
     "vue-barcode-reader": {
@@ -57306,12 +57396,6 @@
             "source-map": "^0.6.1"
           }
         },
-        "csstype": {
-          "version": "3.1.1",
-          "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.1.tgz",
-          "integrity": "sha512-DJR/VvkAvSZW9bTouZue2sSxDwdTN92uHjqeKVm+0dAqdfNykRzQ95tay8aXMBAAPpUiq4Qcug2L7neoRh2Egw==",
-          "dev": true
-        },
         "picocolors": {
           "version": "1.0.0",
           "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
diff --git a/package.json b/package.json
index 9c701e5e..7c3a3f29 100644
--- a/package.json
+++ b/package.json
@@ -17,6 +17,7 @@
     "@casl/ability": "^6.0.0",
     "@hotwax/app-version-info": "^1.0.0",
     "@hotwax/apps-theme": "^1.1.0",
+    "@hotwax/dxp-components": "^1.3.2",
     "@hotwax/oms-api": "^1.6.0",
     "@ionic/core": "6.7.5",
     "@ionic/vue": "6.7.5",
diff --git a/src/App.vue b/src/App.vue
index 3cd1f35f..3c235233 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -10,13 +10,15 @@
 <script lang="ts">
 import { IonApp, IonRouterOutlet, IonSplitPane } from '@ionic/vue';
 import Menu from '@/components/Menu.vue';
-import { defineComponent } from 'vue';
+import { defineComponent, provide, ref } from 'vue';
 import { loadingController } from '@ionic/vue';
 import emitter from "@/event-bus"
 import { mapGetters, useStore } from "vuex";
 import { Settings } from 'luxon';
 import { initialise, resetConfig } from '@/adapter'
 import { useRouter } from 'vue-router';
+import { useProductIdentificationStore } from '@hotwax/dxp-components';
+import { showToast } from './utils';
 
 export default defineComponent({
   name: 'App',
@@ -103,6 +105,12 @@ export default defineComponent({
     if (this.userProfile && this.userProfile.userTimeZone) {
       Settings.defaultZone = this.userProfile.userTimeZone;
     }
+
+    // Get product identification from api using dxp-component and set the state if eComStore is defined
+    if (this.currentEComStore.productStoreId) {
+      await useProductIdentificationStore().getIdentificationPref(this.currentEComStore.productStoreId)
+        .catch((error) => console.log(error));
+    }
   },
   unmounted() {
     emitter.off('presentLoader', this.presentLoader);
@@ -113,6 +121,39 @@ export default defineComponent({
     const store = useStore();
     const router = useRouter();
 
+    /* Start Product Identifier */
+
+    const productIdentificationStore = useProductIdentificationStore();
+
+    // Reactive state for productIdentificationPref
+    let productIdentificationPref = ref(
+      productIdentificationStore.$state.productIdentificationPref
+    );
+
+    // Providing productIdentificationPref to child components
+    provide('productIdentificationPref', productIdentificationPref);
+
+    // Subscribing to productIdentificationStore state change and changing value productIdentificationPref 
+    // to store state based on condition
+    productIdentificationStore.$subscribe((mutation: any, state) => {
+
+      // If primaryId is '' then api call not changed the state, so not changing the productIdentificationPref
+      if (state.productIdentificationPref.primaryId != "") {
+
+        // If old state value is same as the new state value then not changing the preference
+        if (mutation.events.oldValue.primaryId != state.productIdentificationPref.primaryId || mutation.events.oldValue.secondaryId != state.productIdentificationPref.secondaryId) {
+          productIdentificationPref.value = state.productIdentificationPref;
+
+          // If primary and secondary preference is '' then it was initial state value before api call show don't show toast
+          if (mutation.events.oldValue.primaryId != "" && mutation.events.oldValue.secondaryId != "") {
+            showToast("Product identifier preference updated");
+          }
+        }
+      }
+    });
+
+    /* End Product Identifier */
+
     return {
       router,
       store
diff --git a/src/main.ts b/src/main.ts
index daff6b0e..ec1983ea 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -32,6 +32,8 @@ import store from './store'
 import permissionPlugin from '@/authorization';
 import permissionRules from '@/authorization/Rules';
 import permissionActions from '@/authorization/Actions';
+import { dxpComponents } from '@hotwax/dxp-components';
+import { setProductIdentificationPref, getProductIdentificationPref } from '@hotwax/oms-api';
 
 const app = createApp(App)
   .use(IonicVue, {
@@ -43,12 +45,17 @@ const app = createApp(App)
   .use(permissionPlugin, {
     rules: permissionRules,
     actions: permissionActions
+  })
+  .use(dxpComponents, {
+    defaultImgUrl: require("@/assets/images/defaultImage.png"),
+    setProductIdentificationPref,
+    getProductIdentificationPref
   });
 
 // Filters are removed in Vue 3 and global filter introduced https://v3.vuejs.org/guide/migration/filters.html#global-filters
 app.config.globalProperties.$filters = {
   formatDate(value: any, inFormat?: string, outFormat?: string) {
-    if(inFormat){
+    if (inFormat) {
       return DateTime.fromFormat(value, inFormat).toFormat(outFormat ? outFormat : 'MM-DD-YYYY');
     }
     return DateTime.fromISO(value).toFormat(outFormat ? outFormat : 'MM-DD-YYYY');
@@ -61,7 +68,7 @@ app.config.globalProperties.$filters = {
     return DateTime.fromISO(value, { zone: "utc" }).setZone(userProfile.userTimeZone).toFormat(outFormat ? outFormat : 'MM-dd-yyyy')
   },
   getFeature(featureHierarchy: any, featureKey: string) {
-    let  featureValue = ''
+    let featureValue = ''
     if (featureHierarchy) {
       const feature = featureHierarchy.find((featureItem: any) => featureItem.startsWith(featureKey))
       const featureSplit = feature ? feature.split('/') : [];
diff --git a/src/store/modules/user/actions.ts b/src/store/modules/user/actions.ts
index c612288d..6b44700f 100644
--- a/src/store/modules/user/actions.ts
+++ b/src/store/modules/user/actions.ts
@@ -13,13 +13,14 @@ import {
   resetPermissions,
   setPermissions
 } from '@/authorization'
+import { useProductIdentificationStore } from '@hotwax/dxp-components'
 
 const actions: ActionTree<UserState, RootState> = {
 
   /**
  * Login user and return token
  */
-  async login ({ commit, dispatch }, { username, password }) {
+  async login({ commit, dispatch }, { username, password }) {
     try {
       const resp = await UserService.login(username, password);
       // Further we will have only response having 2xx status
@@ -59,7 +60,7 @@ const actions: ActionTree<UserState, RootState> = {
       if (permissionId) {
         // As the token is not yet set in the state passing token headers explicitly
         // TODO Abstract this out, how token is handled should be part of the method not the callee
-        const hasPermission = appPermissions.some((appPermissionId: any) => appPermissionId === permissionId );
+        const hasPermission = appPermissions.some((appPermissionId: any) => appPermissionId === permissionId);
         // If there are any errors or permission check fails do not allow user to login
         if (hasPermission) {
           const permissionError = 'You do not have permission to access the app.';
@@ -73,7 +74,7 @@ const actions: ActionTree<UserState, RootState> = {
 
       // Getting unique facilities
       userProfile.facilities.reduce((uniqueFacilities: any, facility: any, index: number) => {
-        if(uniqueFacilities.includes(facility.facilityId)) userProfile.facilities.splice(index, 1);
+        if (uniqueFacilities.includes(facility.facilityId)) userProfile.facilities.splice(index, 1);
         else uniqueFacilities.push(facility.facilityId);
         return uniqueFacilities
       }, []);
@@ -81,10 +82,10 @@ const actions: ActionTree<UserState, RootState> = {
       // TODO Use a separate API for getting facilities, this should handle user like admin accessing the app
       const currentFacility = userProfile.facilities[0];
       userProfile.stores = await UserService.getEComStores(token, currentFacility.facilityId);
-      
+
       let preferredStore = userProfile.stores[0];
 
-      const preferredStoreId =  await UserService.getPreferredStore(token);
+      const preferredStoreId = await UserService.getPreferredStore(token);
       if (preferredStoreId) {
         const store = userProfile.stores.find((store: any) => store.productStoreId === preferredStoreId);
         store && (preferredStore = store)
@@ -109,7 +110,7 @@ const actions: ActionTree<UserState, RootState> = {
       dispatch('getProductIdentificationPref', preferredStore.productStoreId);
       // Handling case for warnings like password may expire in few days
       if (resp.data._EVENT_MESSAGE_ && resp.data._EVENT_MESSAGE_.startsWith("Alert:")) {
-      // TODO Internationalise text
+        // TODO Internationalise text
         showToast(translate(resp.data._EVENT_MESSAGE_));
       }
 
@@ -125,7 +126,7 @@ const actions: ActionTree<UserState, RootState> = {
   /**
    * Logout user
    */
-  async logout ({ commit }) {
+  async logout({ commit }) {
     // TODO add any other tasks if need
     commit(types.USER_END_SESSION)
     this.dispatch('util/setProductIdentifications', [])
@@ -149,13 +150,13 @@ const actions: ActionTree<UserState, RootState> = {
   /**
    * update current facility information
    */
-  async setFacility ({ commit, dispatch, state }, payload) {
+  async setFacility({ commit, dispatch, state }, payload) {
     const userProfile = JSON.parse(JSON.stringify(state.current));
     userProfile.stores = await UserService.getEComStores(undefined, payload.facility.facilityId);
 
     let preferredStore = userProfile.stores[0];
 
-    const preferredStoreId =  await UserService.getPreferredStore(undefined);
+    const preferredStoreId = await UserService.getPreferredStore(undefined);
     if (preferredStoreId) {
       const store = userProfile.stores.find((store: any) => store.productStoreId === preferredStoreId);
       store && (preferredStore = store)
@@ -163,13 +164,19 @@ const actions: ActionTree<UserState, RootState> = {
     commit(types.USER_INFO_UPDATED, userProfile);
     commit(types.USER_CURRENT_ECOM_STORE_UPDATED, preferredStore);
     commit(types.USER_CURRENT_FACILITY_UPDATED, payload.facility);
-    await dispatch('getFacilityLocations', payload.facility.facilityId)
+    await dispatch('getFacilityLocations', payload.facility.facilityId);
+
+    // Get product identification from api using dxp-component and set the state if eComStore is defined
+    if (preferredStore.productStoreId) {
+      await useProductIdentificationStore().getIdentificationPref(preferredStore.productStoreId)
+        .catch((error) => console.log(error));
+    }
   },
-  
+
   /**
    * Update user timeZone
    */
-  async setUserTimeZone ( { state, commit }, payload) {
+  async setUserTimeZone({ state, commit }, payload) {
     const resp = await UserService.setUserTimeZone(payload)
     if (resp.status === 200 && !hasError(resp)) {
       const current: any = state.current;
@@ -181,14 +188,14 @@ const actions: ActionTree<UserState, RootState> = {
   },
 
   // Set User Instance Url
-  setUserInstanceUrl ({ commit }, payload){
+  setUserInstanceUrl({ commit }, payload) {
     commit(types.USER_INSTANCE_URL_UPDATED, payload)
     updateInstanceUrl(payload)
   },
 
-  async getFacilityLocations( { commit }, facilityId ) {
+  async getFacilityLocations({ commit }, facilityId) {
     const facilityLocations = this.state.user.facilityLocationsByFacilityId[facilityId];
-    if(facilityLocations){
+    if (facilityLocations) {
       return facilityLocations;
     }
     let resp;
@@ -203,9 +210,9 @@ const actions: ActionTree<UserState, RootState> = {
       "distinct": "Y",
       "noConditionFind": "Y"
     }
-    try{
+    try {
       resp = await UserService.getFacilityLocations(payload);
-      if(resp.status === 200 && !hasError(resp) && resp.data?.count > 0) {
+      if (resp.status === 200 && !hasError(resp) && resp.data?.count > 0) {
         let facilityLocations = resp.data.docs
 
         facilityLocations = facilityLocations.map((location: any) => {
@@ -221,12 +228,12 @@ const actions: ActionTree<UserState, RootState> = {
         console.error(resp);
         return [];
       }
-    } catch(err) {
+    } catch (err) {
       console.error(err);
       return [];
     }
   },
-     
+
   async setProductIdentificationPref({ commit, state }, payload) {
     let prefValue = JSON.parse(JSON.stringify(state.productIdentificationPref))
     const eComStoreId = (state.currentEComStore as any).productStoreId
@@ -244,15 +251,15 @@ const actions: ActionTree<UserState, RootState> = {
         "fieldList": ["fromDate"],
         "viewSize": 1
       }) as any
-      if(resp.status == 200 && resp.data.count > 0) {
+      if (resp.status == 200 && resp.data.count > 0) {
         fromDate = resp.data.docs[0].fromDate
       }
-    } catch(err) {
+    } catch (err) {
       console.error(err)
     }
 
     // when selecting none as ecom store, not updating the pref as it's not possible to save pref with empty productStoreId
-    if(!(state.currentEComStore as any).productStoreId || !fromDate) {
+    if (!(state.currentEComStore as any).productStoreId || !fromDate) {
       showToast(translate('Unable to update product identifier preference'))
       commit(types.USER_PREF_PRODUCT_IDENT_CHANGED, prefValue)
       return;
@@ -270,13 +277,13 @@ const actions: ActionTree<UserState, RootState> = {
     try {
       const resp = await UserService.updateProductIdentificationPref(params) as any
 
-      if(resp.status == 200) {
+      if (resp.status == 200) {
         showToast(translate('Product identifier preference updated'))
       } else {
         showToast(translate('Failed to update product identifier preference'))
         prefValue = JSON.parse(JSON.stringify(state.productIdentificationPref))
       }
-    } catch(err) {
+    } catch (err) {
       showToast(translate('Failed to update product identifier preference'))
       prefValue = JSON.parse(JSON.stringify(state.productIdentificationPref))
       console.error(err)
@@ -299,7 +306,7 @@ const actions: ActionTree<UserState, RootState> = {
 
     try {
       await UserService.createProductIdentificationPref(params) as any
-    } catch(err) {
+    } catch (err) {
       console.error(err)
     }
 
@@ -311,8 +318,8 @@ const actions: ActionTree<UserState, RootState> = {
   async getProductIdentificationPref({ commit, dispatch }, eComStoreId) {
 
     // when selecting none as ecom store, not fetching the pref as it returns all the entries with the pref id
-    if(!eComStoreId) {
-      commit(types.USER_PREF_PRODUCT_IDENT_CHANGED, {'primaryId': 'productId', 'secondaryId': ''})
+    if (!eComStoreId) {
+      commit(types.USER_PREF_PRODUCT_IDENT_CHANGED, { 'primaryId': 'productId', 'secondaryId': '' })
       return;
     }
 
@@ -329,13 +336,13 @@ const actions: ActionTree<UserState, RootState> = {
 
     try {
       const resp = await UserService.getProductIdentificationPref(payload) as any
-      if(resp.status == 200 && resp.data.count > 0) {
+      if (resp.status == 200 && resp.data.count > 0) {
         const respValue = JSON.parse(resp.data.docs[0].settingValue)
-        commit(types.USER_PREF_PRODUCT_IDENT_CHANGED, {'primaryId': respValue['primaryId'], 'secondaryId': respValue['secondaryId']})
-      } else if(resp.status == 200 && resp.data.error) {
+        commit(types.USER_PREF_PRODUCT_IDENT_CHANGED, { 'primaryId': respValue['primaryId'], 'secondaryId': respValue['secondaryId'] })
+      } else if (resp.status == 200 && resp.data.error) {
         dispatch('createProductIdentificationPref')
       }
-    } catch(err) {
+    } catch (err) {
       console.error(err)
     }
   }
diff --git a/src/views/Login.vue b/src/views/Login.vue
index 5258a6a3..e041ce81 100644
--- a/src/views/Login.vue
+++ b/src/views/Login.vue
@@ -40,6 +40,7 @@ import { useRouter } from "vue-router";
 import { useStore } from "@/store";
 import { mapGetters } from 'vuex';
 import Logo from '@/components/Logo.vue';
+import { useProductIdentificationStore } from "@hotwax/dxp-components";
 
 export default defineComponent({
   name: "Login",
@@ -63,7 +64,8 @@ export default defineComponent({
   },
   computed: {
     ...mapGetters({
-      currentInstanceUrl: 'user/getInstanceUrl'
+      currentInstanceUrl: 'user/getInstanceUrl',
+      currentEComStore: 'user/getCurrentEComStore'
     })
   },
   mounted() {
@@ -74,10 +76,17 @@ export default defineComponent({
       const instanceURL = this.instanceUrl.trim().toLowerCase();
       if(!this.baseURL) this.store.dispatch("user/setUserInstanceUrl", this.alias[instanceURL] ? this.alias[instanceURL] : instanceURL);
       const { username, password } = this;
-      this.store.dispatch("user/login", { username: username.trim(), password }).then(() => {
+      this.store.dispatch("user/login", { username: username.trim(), password }).then(async () => {
         // All the failure cases are handled in action, if then block is executing, login is successful
         this.username = ''
         this.password = ''
+
+        // Get product identification from api using dxp-component and set the state if eComStore is defined
+        if(this.currentEComStore.productStoreId){
+          await useProductIdentificationStore().getIdentificationPref(this.currentEComStore.productStoreId)
+          .catch((error) => console.log(error));
+        }
+
         this.$router.push('/')
       })
     }
diff --git a/src/views/Settings.vue b/src/views/Settings.vue
index 0ca959a5..3e164cd2 100644
--- a/src/views/Settings.vue
+++ b/src/views/Settings.vue
@@ -98,6 +98,8 @@
         <p class="overline">{{ "Built: " + getDateTime(appInfo.builtTime) }}</p>
       </div>
       <section>
+
+        <!-- Product Identifier -->
         <ion-card>
           <ion-card-header>
             <ion-card-title>
@@ -112,13 +114,13 @@
           <ion-item>
             <ion-label>{{ $t("Primary Product Identifier") }}</ion-label>
             <ion-select interface="popover" :placeholder="$t('primary identifier')" :value="productIdentificationPref.primaryId" @ionChange="setProductIdentificationPref($event.detail.value, 'primaryId')">
-              <ion-select-option v-for="identification in productIdentifications" :key="identification" :value="identification" >{{ identification }}</ion-select-option>
+              <ion-select-option v-for="identification in productIdentificationOptions" :key="identification" :value="identification" >{{ identification }}</ion-select-option>
             </ion-select>
           </ion-item>
           <ion-item>
             <ion-label>{{ $t("Secondary Product Identifier") }}</ion-label>
             <ion-select interface="popover" :placeholder="$t('secondary identifier')" :value="productIdentificationPref.secondaryId" @ionChange="setProductIdentificationPref($event.detail.value, 'secondaryId')">
-              <ion-select-option v-for="identification in productIdentifications" :key="identification" :value="identification" >{{ identification }}</ion-select-option>
+              <ion-select-option v-for="identification in productIdentificationOptions" :key="identification" :value="identification" >{{ identification }}</ion-select-option>
               <ion-select-option value="">{{ $t("None") }}</ion-select-option>
             </ion-select>
           </ion-item>
@@ -144,13 +146,14 @@
 
 <script lang="ts">
 import { alertController, IonAvatar, IonButton, IonCard, IonCardContent, IonCardHeader, IonCardSubtitle, IonCardTitle, IonContent, IonHeader,IonIcon, IonItem, IonLabel, IonMenuButton, IonPage, IonSelect, IonSelectOption, IonTitle, IonToolbar, modalController } from '@ionic/vue';
-import { defineComponent } from 'vue';
+import { defineComponent, inject } from 'vue';
 import { codeWorkingOutline, ellipsisVertical, openOutline, saveOutline, globeOutline, personCircleOutline, storefrontOutline} from 'ionicons/icons'
 import { mapGetters, useStore } from 'vuex';
 import { useRouter } from 'vue-router';
 import Image from '@/components/Image.vue';
 import { DateTime } from 'luxon';
 import TimeZoneModal from '@/views/TimezoneModal.vue';
+import { useProductIdentificationStore } from '@hotwax/dxp-components';
 
 export default defineComponent({
   name: 'Settings',
@@ -188,9 +191,7 @@ export default defineComponent({
       userProfile: 'user/getUserProfile',
       currentFacility: 'user/getCurrentFacility',
       currentEComStore: 'user/getCurrentEComStore',
-      instanceUrl: 'user/getInstanceUrl',
-      productIdentifications: 'util/getProductIdentifications',
-      productIdentificationPref: 'user/getProductIdentificationPref'
+      instanceUrl: 'user/getInstanceUrl'
     })
   },
   mounted() {
@@ -248,13 +249,6 @@ export default defineComponent({
         this.router.push('/login');
       })
     },
-    setProductIdentificationPref(value: string, id: string) {
-      // Not dispatching an action if the value for id is same as saved in state
-      if(this.productIdentificationPref[id] == value) {
-        return;
-      }
-      this.store.dispatch('user/setProductIdentificationPref', { id, value })
-    },
     goToOms(){
       window.open(this.instanceUrl.startsWith('http') ? this.instanceUrl.replace('api/', "") : `https://${this.instanceUrl}.hotwax.io/`, '_blank', 'noopener, noreferrer');
     },
@@ -266,6 +260,25 @@ export default defineComponent({
     const store = useStore();
     const router = useRouter();
 
+    /* Start Product Identifier */
+
+    const productIdentificationStore = useProductIdentificationStore();
+    const productIdentificationOptions = productIdentificationStore.getProductIdentificationOptions;
+
+    // Injecting identifier preference from app.view
+    const productIdentificationPref: any  = inject("productIdentificationPref");
+
+    // Function to set the value of productIdentificationPref using dxp-component
+    const setProductIdentificationPref = (value: string, id: string) =>  {   
+      const eComStore = store.getters['user/getCurrentEComStore'];
+      if(eComStore.productStoreId){
+        productIdentificationStore.setProductIdentificationPref(id, value, eComStore.productStoreId)
+          .catch(error => console.log(error)); 
+      } 
+    }
+
+    /* End Product Identifier */
+
     return {
       codeWorkingOutline,
       ellipsisVertical,
@@ -275,7 +288,10 @@ export default defineComponent({
       saveOutline,
       storefrontOutline,
       store,
-      router
+      router,
+      productIdentificationPref,
+      setProductIdentificationPref,
+      productIdentificationOptions
     }
   }
 });

From 09d13dd1dabe676b9d21388d09941795342d63f4 Mon Sep 17 00:00:00 2001
From: Sanskar Soni <sonisanskar223@gmail.com>
Date: Thu, 20 Jul 2023 11:14:28 +0530
Subject: [PATCH 02/12] Implemented: Shifted getProductIdentificationValue
 function from utils/product/index.ts to utils/index.ts

---
 src/utils/index.ts         | 24 ++++++++++++++++++++++--
 src/utils/product/index.ts | 22 ----------------------
 2 files changed, 22 insertions(+), 24 deletions(-)
 delete mode 100644 src/utils/product/index.ts

diff --git a/src/utils/index.ts b/src/utils/index.ts
index f3a2bc87..71b6c83a 100644
--- a/src/utils/index.ts
+++ b/src/utils/index.ts
@@ -1,7 +1,6 @@
 import { toastController } from '@ionic/vue';
 import { translate } from '@/i18n'
 import { Plugins } from '@capacitor/core';
-import productHelpers from './product'
 import { DateTime } from "luxon";
 
 // TODO Use separate files for specific utilities
@@ -39,4 +38,25 @@ const handleDateTimeInput = (dateTimeValue: any) => {
   return DateTime.fromISO(dateTime).toMillis()
 }
 
-export { handleDateTimeInput, showToast, hasError, copyToClipboard, productHelpers }
+const getProductIdentificationValue = (productIdentifier: string, product: any) => {
+
+  // handled this case as on page load initially the data is not available, so not to execute furthur code
+  // untill product are not available
+  if (!Object.keys(product).length) {
+    return;
+  }
+
+  let value = product[productIdentifier]
+
+  // considered that the goodIdentification will always have values in the format "productIdentifier/value" and there will be no entry like "productIdentifier/"
+  const identification = product['goodIdentifications'].find((identification: string) => identification.startsWith(productIdentifier + "/"))
+
+  if (identification) {
+    const goodIdentification = identification.split('/')
+    value = goodIdentification[1]
+  }
+
+  return value;
+}
+
+export { handleDateTimeInput, showToast, hasError, copyToClipboard, getProductIdentificationValue }
diff --git a/src/utils/product/index.ts b/src/utils/product/index.ts
deleted file mode 100644
index 04015d8f..00000000
--- a/src/utils/product/index.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-const getProductIdentificationValue = (productIdentifier: string, product: any) => {
-
-  // handled this case as on page load initially the data is not available, so not to execute furthur code
-  // untill product are not available
-  if(!Object.keys(product).length) {
-    return;
-  }
-
-  let value = product[productIdentifier]
-
-  // considered that the goodIdentification will always have values in the format "productIdentifier/value" and there will be no entry like "productIdentifier/"
-  const identification = product['goodIdentifications'].find((identification: string) => identification.startsWith(productIdentifier + "/"))
-
-  if(identification) {
-    const goodIdentification = identification.split('/')
-    value = goodIdentification[1]
-  }
-
-  return value;
-}
-
-export default { getProductIdentificationValue }
\ No newline at end of file

From 70e2e3bee83cf2776298cc7a3229c2f59e4131ad Mon Sep 17 00:00:00 2001
From: Sanskar Soni <sonisanskar223@gmail.com>
Date: Thu, 20 Jul 2023 11:25:11 +0530
Subject: [PATCH 03/12] Implemented: Showing product identifier in views
 injected from app.vue

---
 src/views/PurchaseOrderDetail.vue | 19 +++++++++++--------
 src/views/ReturnDetails.vue       | 19 +++++++++++--------
 src/views/ShipmentDetails.vue     | 19 +++++++++++--------
 3 files changed, 33 insertions(+), 24 deletions(-)

diff --git a/src/views/PurchaseOrderDetail.vue b/src/views/PurchaseOrderDetail.vue
index d5f4f550..35bd97b2 100644
--- a/src/views/PurchaseOrderDetail.vue
+++ b/src/views/PurchaseOrderDetail.vue
@@ -48,8 +48,8 @@
                   <Image :src="getProduct(item.productId).mainImageUrl" />
                 </ion-thumbnail>
                 <ion-label class="ion-text-wrap">
-                  <h2>{{ productHelpers.getProductIdentificationValue(productIdentificationPref.primaryId, getProduct(item.productId)) }}</h2>
-                  <p>{{ productHelpers.getProductIdentificationValue(productIdentificationPref.secondaryId, getProduct(item.productId)) }}</p>
+                  <h2>{{ getProductIdentificationValue(productIdentificationPref.primaryId, getProduct(item.productId)) }}</h2>
+                  <p>{{ getProductIdentificationValue(productIdentificationPref.secondaryId, getProduct(item.productId)) }}</p>
                 </ion-label>
               </ion-item>
             </div>
@@ -125,7 +125,7 @@ import {
   modalController,
   alertController,
 } from '@ionic/vue';
-import { defineComponent } from 'vue';
+import { defineComponent, inject } from 'vue';
 import { addOutline, cameraOutline, checkmarkDone, saveOutline, timeOutline, copyOutline } from 'ionicons/icons';
 import ReceivingHistoryModal from '@/views/ReceivingHistoryModal.vue'
 import Image from "@/components/Image.vue";
@@ -135,7 +135,7 @@ import Scanner from "@/components/Scanner.vue"
 import AddProductToPOModal from '@/views/AddProductToPOModal.vue'
 import LocationPopover from '@/components/LocationPopover.vue'
 import ImageModal from '@/components/ImageModal.vue';
-import { copyToClipboard, hasError, productHelpers } from '@/utils';
+import { copyToClipboard, hasError, getProductIdentificationValue } from '@/utils';
 import { Actions, hasPermission } from '@/authorization'
 
 export default defineComponent({
@@ -174,8 +174,7 @@ export default defineComponent({
       getProduct: 'product/getProduct',
       getPOItemAccepted: 'order/getPOItemAccepted',
       facilityLocationsByFacilityId: 'user/getFacilityLocationsByFacilityId',
-      currentFacility: 'user/getCurrentFacility',
-      productIdentificationPref: 'user/getProductIdentificationPref'
+      currentFacility: 'user/getCurrentFacility'
     })
   },
   methods: {
@@ -271,6 +270,9 @@ export default defineComponent({
     const store = useStore();
     const router = useRouter();
 
+    // Injecting identifier preference from app.view
+    const productIdentificationPref: any  = inject("productIdentificationPref");
+
     return {
       Actions,
       addOutline,
@@ -279,11 +281,12 @@ export default defineComponent({
       copyOutline,
       copyToClipboard,
       hasPermission,
-      productHelpers,
+      getProductIdentificationValue,
       router,
       saveOutline,
       store,
-      timeOutline
+      timeOutline,
+      productIdentificationPref
     };
   },
 });
diff --git a/src/views/ReturnDetails.vue b/src/views/ReturnDetails.vue
index f39f9bcc..4c03c9d3 100644
--- a/src/views/ReturnDetails.vue
+++ b/src/views/ReturnDetails.vue
@@ -42,8 +42,8 @@
                   <Image :src="getProduct(item.productId).mainImageUrl" />
                 </ion-thumbnail>
                 <ion-label class="ion-text-wrap">
-                  <h2>{{ productHelpers.getProductIdentificationValue(productIdentificationPref.primaryId, getProduct(item.productId)) }}</h2>
-                  <p>{{ productHelpers.getProductIdentificationValue(productIdentificationPref.secondaryId, getProduct(item.productId)) }}</p>
+                  <h2>{{ getProductIdentificationValue(productIdentificationPref.primaryId, getProduct(item.productId)) }}</h2>
+                  <p>{{ getProductIdentificationValue(productIdentificationPref.secondaryId, getProduct(item.productId)) }}</p>
                 </ion-label>
               </ion-item>
             </div>
@@ -108,7 +108,7 @@ import {
   modalController,
   alertController,
 } from '@ionic/vue';
-import { defineComponent } from 'vue';
+import { defineComponent, inject } from 'vue';
 import { checkmarkDone, barcodeOutline, locationOutline } from 'ionicons/icons';
 import { mapGetters, useStore } from "vuex";
 import AddProductModal from '@/views/AddProductModal.vue'
@@ -117,7 +117,7 @@ import { useRouter } from 'vue-router';
 import Scanner from "@/components/Scanner.vue";
 import ImageModal from '@/components/ImageModal.vue';
 import { hasError } from '@/utils';
-import { showToast, productHelpers } from '@/utils'
+import { showToast, getProductIdentificationValue } from '@/utils'
 import { translate } from '@/i18n'
 import { Actions, hasPermission } from '@/authorization'
 
@@ -172,8 +172,7 @@ export default defineComponent({
       facilityLocationsByFacilityId: 'user/getFacilityLocationsByFacilityId',
       returns: 'return/getReturns',
       validStatusChange: 'return/isReturnReceivable',
-      isReturnReceivable: 'return/isReturnReceivable',
-      productIdentificationPref: 'user/getProductIdentificationPref'
+      isReturnReceivable: 'return/isReturnReceivable'
     }),
   },
   methods: {
@@ -269,6 +268,9 @@ export default defineComponent({
     const store = useStore(); 
     const router = useRouter();
 
+    // Injecting identifier preference from app.view
+    const productIdentificationPref: any  = inject("productIdentificationPref");
+
     return {
       Actions,
       barcodeOutline,
@@ -276,8 +278,9 @@ export default defineComponent({
       hasPermission,
       locationOutline,
       store,
-      productHelpers,
-      router
+      getProductIdentificationValue,
+      router,
+      productIdentificationPref
     };
   },
 });
diff --git a/src/views/ShipmentDetails.vue b/src/views/ShipmentDetails.vue
index 6f0a87a5..8853cee0 100644
--- a/src/views/ShipmentDetails.vue
+++ b/src/views/ShipmentDetails.vue
@@ -36,8 +36,8 @@
                   <Image :src="getProduct(item.productId).mainImageUrl" />
                 </ion-thumbnail>
                 <ion-label class="ion-text-wrap">
-                  <h2>{{ productHelpers.getProductIdentificationValue(productIdentificationPref.primaryId, getProduct(item.productId)) }}</h2>
-                  <p>{{ productHelpers.getProductIdentificationValue(productIdentificationPref.secondaryId, getProduct(item.productId)) }}</p>
+                  <h2>{{ getProductIdentificationValue(productIdentificationPref.primaryId, getProduct(item.productId)) }}</h2>
+                  <p>{{ getProductIdentificationValue(productIdentificationPref.secondaryId, getProduct(item.productId)) }}</p>
                 </ion-label>
               </ion-item>
             </div>
@@ -97,7 +97,7 @@ import {
   modalController,
   alertController,
 } from '@ionic/vue';
-import { defineComponent } from 'vue';
+import { defineComponent, inject } from 'vue';
 import { add, checkmarkDone, barcodeOutline } from 'ionicons/icons';
 import { mapGetters, useStore } from "vuex";
 import AddProductModal from '@/views/AddProductModal.vue'
@@ -106,7 +106,7 @@ import { useRouter } from 'vue-router';
 import Scanner from "@/components/Scanner.vue";
 import LocationPopover from '@/components/LocationPopover.vue'
 import ImageModal from '@/components/ImageModal.vue';
-import { hasError, productHelpers } from '@/utils'
+import { hasError, getProductIdentificationValue } from '@/utils'
 import { Actions, hasPermission } from '@/authorization'
 
 export default defineComponent({
@@ -147,8 +147,7 @@ export default defineComponent({
       user: 'user/getCurrentFacility',
       getProduct: 'product/getProduct',
       facilityLocationsByFacilityId: 'user/getFacilityLocationsByFacilityId',
-      currentFacility: 'user/getCurrentFacility',
-      productIdentificationPref: 'user/getProductIdentificationPref'
+      currentFacility: 'user/getCurrentFacility'
     }),
   },
   methods: {
@@ -241,6 +240,9 @@ export default defineComponent({
     const store = useStore(); 
     const router = useRouter();
 
+    // Injecting identifier preference from app.view
+    const productIdentificationPref: any  = inject("productIdentificationPref");
+
     return {
       Actions,
       add,
@@ -248,8 +250,9 @@ export default defineComponent({
       checkmarkDone,
       hasPermission,
       store,
-      productHelpers,
-      router
+      getProductIdentificationValue,
+      router,
+      productIdentificationPref
     };
   },
 });

From e522d9bd7c4942bd143c4062a6e59857d2f0a32b Mon Sep 17 00:00:00 2001
From: Sanskar Soni <sonisanskar223@gmail.com>
Date: Thu, 20 Jul 2023 11:42:33 +0530
Subject: [PATCH 04/12] Implemented: Injected product identifier from App.vue
 in modals to show identifier based on selection

---
 src/views/AddProductModal.vue     | 10 +++++++---
 src/views/AddProductToPOModal.vue | 10 +++++++---
 2 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/src/views/AddProductModal.vue b/src/views/AddProductModal.vue
index 58cdd12c..a8804ba6 100644
--- a/src/views/AddProductModal.vue
+++ b/src/views/AddProductModal.vue
@@ -51,7 +51,7 @@ import {
   IonToolbar,
   modalController,
 } from '@ionic/vue';
-import { defineComponent } from 'vue';
+import { defineComponent, inject } from 'vue';
 import { closeOutline, checkmarkCircle } from 'ionicons/icons';
 import { mapGetters } from 'vuex'
 import { useStore } from "@/store";
@@ -87,8 +87,7 @@ export default defineComponent({
     ...mapGetters({
       products: 'product/getProducts',
       isScrollable: 'product/isScrollable',
-      isProductAvailableInShipment: 'product/isProductAvailableInShipment',
-      productIdentificationPref: 'user/getProductIdentificationPref'
+      isProductAvailableInShipment: 'product/isProductAvailableInShipment'
     })
   },
   methods: {
@@ -129,10 +128,15 @@ export default defineComponent({
   },
   setup() {
     const store = useStore();
+
+    // Injecting identifier preference from app.view
+    const productIdentificationPref: any  = inject("productIdentificationPref");
+
     return {
       closeOutline,
       checkmarkCircle,
       store,
+      productIdentificationPref
     };
   },
 });
diff --git a/src/views/AddProductToPOModal.vue b/src/views/AddProductToPOModal.vue
index 3221987d..806e38d8 100644
--- a/src/views/AddProductToPOModal.vue
+++ b/src/views/AddProductToPOModal.vue
@@ -51,7 +51,7 @@ import {
   IonToolbar,
   modalController,
 } from '@ionic/vue';
-import { defineComponent } from 'vue';
+import { defineComponent, inject } from 'vue';
 import { closeOutline, checkmarkCircle } from 'ionicons/icons';
 import { mapGetters } from 'vuex'
 import { useStore } from "@/store";
@@ -87,8 +87,7 @@ export default defineComponent({
     ...mapGetters({
       products: 'product/getProducts',
       isScrollable: 'product/isScrollable',
-      isProductAvailableInOrder: 'order/isProductAvailableInOrder',
-      productIdentificationPref: 'user/getProductIdentificationPref'
+      isProductAvailableInOrder: 'order/isProductAvailableInOrder'
     })
   },
   methods: {
@@ -129,10 +128,15 @@ export default defineComponent({
   },
   setup() {
     const store = useStore();
+
+    // Injecting identifier preference from app.view
+    const productIdentificationPref: any  = inject("productIdentificationPref");
+
     return {
       closeOutline,
       checkmarkCircle,
       store,
+      productIdentificationPref
     };
   },
 });

From da53dbc3a1f266132baf2198e50d68b561c385de Mon Sep 17 00:00:00 2001
From: Sanskar Soni <sonisanskar223@gmail.com>
Date: Thu, 20 Jul 2023 11:51:41 +0530
Subject: [PATCH 05/12] Reverted: changes for implenting product identifier
 without using dxp component

---
 src/App.vue                         |   4 -
 src/services/UserService.ts         |  29 -------
 src/store/modules/user/UserState.ts |   1 -
 src/store/modules/user/actions.ts   | 118 +---------------------------
 src/store/modules/user/getters.ts   |   3 -
 src/store/modules/user/index.ts     |   6 +-
 src/store/modules/user/mutations.ts |   3 -
 7 files changed, 2 insertions(+), 162 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 3c235233..a06b0431 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -96,10 +96,6 @@ export default defineComponent({
       // TODO: fetch product identifications from enumeration instead of storing it in env
       this.store.dispatch('util/setProductIdentifications', process.env.VUE_APP_PRDT_IDENT ? JSON.parse(process.env.VUE_APP_PRDT_IDENT) : [])
     }
-
-    if(this.userProfile) {
-      this.store.dispatch('user/getProductIdentificationPref', this.currentEComStore.productStoreId);
-    }
     // Handles case when user resumes or reloads the app
     // Luxon timezzone should be set with the user's selected timezone
     if (this.userProfile && this.userProfile.userTimeZone) {
diff --git a/src/services/UserService.ts b/src/services/UserService.ts
index 1c960868..ab5695a7 100644
--- a/src/services/UserService.ts
+++ b/src/services/UserService.ts
@@ -132,32 +132,6 @@ const getPreferredStore = async (token: any): Promise<any> => {
   }
 }
 
-const updateProductIdentificationPref = async (payload: any): Promise<any> => {
-  return api({
-    url: "service/updateProductStoreSetting",
-    method: "post",
-    data: payload
-  });
-}
-
-const createProductIdentificationPref = async (payload: any): Promise<any> => {
-  return api({
-    url: "service/createProductStoreSetting",
-    method: "post",
-    data: payload
-  });
-}
-
-const getProductIdentificationPref = async (payload: any): Promise<any> => {
-  return api({
-    url: "performFind",
-    //TODO Due to security reasons service model OMS 1.0 does not support sending parameters in get request that's why we use post here
-    method: "post",
-    data: payload,
-    cache: true
-  });
-}
-
 const getUserPermissions = async (payload: any, token: any): Promise<any> => {
   const baseURL = store.getters['user/getBaseUrl'];
   let serverPermissions = [] as any;
@@ -255,9 +229,6 @@ export const UserService = {
     setUserTimeZone,
     getFacilityLocations,
     getEComStores,
-    getProductIdentificationPref,
-    createProductIdentificationPref,
-    updateProductIdentificationPref,
     setUserPreference,
     getPreferredStore,
     checkPermission
diff --git a/src/store/modules/user/UserState.ts b/src/store/modules/user/UserState.ts
index f99eaa68..bcbbbd1a 100644
--- a/src/store/modules/user/UserState.ts
+++ b/src/store/modules/user/UserState.ts
@@ -5,6 +5,5 @@ export default interface UserState {
     currentEComStore: object;
     instanceUrl: string;
     facilityLocationsByFacilityId: any;
-    productIdentificationPref: any;
     permissions: any;
 }
\ No newline at end of file
diff --git a/src/store/modules/user/actions.ts b/src/store/modules/user/actions.ts
index 6b44700f..f7b143ce 100644
--- a/src/store/modules/user/actions.ts
+++ b/src/store/modules/user/actions.ts
@@ -105,9 +105,7 @@ const actions: ActionTree<UserState, RootState> = {
       commit(types.USER_TOKEN_CHANGED, { newToken: token })
       // Get facility location of selected facility
       dispatch('getFacilityLocations', currentFacility.facilityId);
-      // TODO: fetch product identifications from enumeration instead of storing it in env
-      this.dispatch('util/setProductIdentifications', process.env.VUE_APP_PRDT_IDENT ? JSON.parse(process.env.VUE_APP_PRDT_IDENT) : [])
-      dispatch('getProductIdentificationPref', preferredStore.productStoreId);
+
       // Handling case for warnings like password may expire in few days
       if (resp.data._EVENT_MESSAGE_ && resp.data._EVENT_MESSAGE_.startsWith("Alert:")) {
         // TODO Internationalise text
@@ -144,7 +142,6 @@ const actions: ActionTree<UserState, RootState> = {
       'userPrefTypeId': 'SELECTED_BRAND',
       'userPrefValue': payload.eComStore.productStoreId
     });
-    await dispatch('getProductIdentificationPref', payload.eComStore.productStoreId);
   },
 
   /**
@@ -232,119 +229,6 @@ const actions: ActionTree<UserState, RootState> = {
       console.error(err);
       return [];
     }
-  },
-
-  async setProductIdentificationPref({ commit, state }, payload) {
-    let prefValue = JSON.parse(JSON.stringify(state.productIdentificationPref))
-    const eComStoreId = (state.currentEComStore as any).productStoreId
-
-    let fromDate;
-
-    try {
-      const resp = await UserService.getProductIdentificationPref({
-        "inputFields": {
-          "productStoreId": eComStoreId,
-          "settingTypeEnumId": "PRDT_IDEN_PREF"
-        },
-        "filterByDate": 'Y',
-        "entityName": "ProductStoreSetting",
-        "fieldList": ["fromDate"],
-        "viewSize": 1
-      }) as any
-      if (resp.status == 200 && resp.data.count > 0) {
-        fromDate = resp.data.docs[0].fromDate
-      }
-    } catch (err) {
-      console.error(err)
-    }
-
-    // when selecting none as ecom store, not updating the pref as it's not possible to save pref with empty productStoreId
-    if (!(state.currentEComStore as any).productStoreId || !fromDate) {
-      showToast(translate('Unable to update product identifier preference'))
-      commit(types.USER_PREF_PRODUCT_IDENT_CHANGED, prefValue)
-      return;
-    }
-
-    prefValue[payload.id] = payload.value
-
-    const params = {
-      "fromDate": fromDate,
-      "productStoreId": eComStoreId,
-      "settingTypeEnumId": "PRDT_IDEN_PREF",
-      "settingValue": JSON.stringify(prefValue)
-    }
-
-    try {
-      const resp = await UserService.updateProductIdentificationPref(params) as any
-
-      if (resp.status == 200) {
-        showToast(translate('Product identifier preference updated'))
-      } else {
-        showToast(translate('Failed to update product identifier preference'))
-        prefValue = JSON.parse(JSON.stringify(state.productIdentificationPref))
-      }
-    } catch (err) {
-      showToast(translate('Failed to update product identifier preference'))
-      prefValue = JSON.parse(JSON.stringify(state.productIdentificationPref))
-      console.error(err)
-    }
-    commit(types.USER_PREF_PRODUCT_IDENT_CHANGED, prefValue)
-  },
-
-  async createProductIdentificationPref({ commit, state }) {
-    const prefValue = {
-      primaryId: 'productId',
-      secondaryId: ''
-    }
-
-    const params = {
-      "fromDate": Date.now(),
-      "productStoreId": (state.currentEComStore as any).productStoreId,
-      "settingTypeEnumId": "PRDT_IDEN_PREF",
-      "settingValue": JSON.stringify(prefValue)
-    }
-
-    try {
-      await UserService.createProductIdentificationPref(params) as any
-    } catch (err) {
-      console.error(err)
-    }
-
-    // not checking for resp success and fail case as every time we need to update the state with the
-    // default value when creating a pref
-    commit(types.USER_PREF_PRODUCT_IDENT_CHANGED, prefValue)
-  },
-
-  async getProductIdentificationPref({ commit, dispatch }, eComStoreId) {
-
-    // when selecting none as ecom store, not fetching the pref as it returns all the entries with the pref id
-    if (!eComStoreId) {
-      commit(types.USER_PREF_PRODUCT_IDENT_CHANGED, { 'primaryId': 'productId', 'secondaryId': '' })
-      return;
-    }
-
-    const payload = {
-      "inputFields": {
-        "productStoreId": eComStoreId,
-        "settingTypeEnumId": "PRDT_IDEN_PREF"
-      },
-      "filterByDate": 'Y',
-      "entityName": "ProductStoreSetting",
-      "fieldList": ["settingValue", "fromDate"],
-      "viewSize": 1
-    }
-
-    try {
-      const resp = await UserService.getProductIdentificationPref(payload) as any
-      if (resp.status == 200 && resp.data.count > 0) {
-        const respValue = JSON.parse(resp.data.docs[0].settingValue)
-        commit(types.USER_PREF_PRODUCT_IDENT_CHANGED, { 'primaryId': respValue['primaryId'], 'secondaryId': respValue['secondaryId'] })
-      } else if (resp.status == 200 && resp.data.error) {
-        dispatch('createProductIdentificationPref')
-      }
-    } catch (err) {
-      console.error(err)
-    }
   }
 }
 
diff --git a/src/store/modules/user/getters.ts b/src/store/modules/user/getters.ts
index cab45d09..66806e39 100644
--- a/src/store/modules/user/getters.ts
+++ b/src/store/modules/user/getters.ts
@@ -35,9 +35,6 @@ const getters: GetterTree <UserState, RootState> = {
     },
     getFacilityLocationsByFacilityId: (state) => (facilityId: string) => {
         return state.facilityLocationsByFacilityId[facilityId];
-    },
-    getProductIdentificationPref: (state) => {
-        return state.productIdentificationPref;
     }
 }
 export default getters;
\ No newline at end of file
diff --git a/src/store/modules/user/index.ts b/src/store/modules/user/index.ts
index bb2c8058..86987c39 100644
--- a/src/store/modules/user/index.ts
+++ b/src/store/modules/user/index.ts
@@ -14,11 +14,7 @@ const userModule: Module<UserState, RootState> = {
       currentEComStore: {},
       permissions: [],
       instanceUrl: '',
-      facilityLocationsByFacilityId: {},
-      productIdentificationPref: {
-        primaryId: 'productId',
-        secondaryId: ''
-      }
+      facilityLocationsByFacilityId: {}
     },
     getters,
     actions,
diff --git a/src/store/modules/user/mutations.ts b/src/store/modules/user/mutations.ts
index 21f80965..259232ab 100644
--- a/src/store/modules/user/mutations.ts
+++ b/src/store/modules/user/mutations.ts
@@ -28,9 +28,6 @@ const mutations: MutationTree <UserState> = {
     [types.USER_FACILITY_LOCATIONS_BY_FACILITY_ID] (state, payload) {
         state.facilityLocationsByFacilityId[payload.facilityId] = payload.facilityLocations;
     },
-    [types.USER_PREF_PRODUCT_IDENT_CHANGED](state, payload) {
-        state.productIdentificationPref = payload
-    },
     [types.USER_PERMISSIONS_UPDATED] (state, payload) {
         state.permissions = payload
     }

From 7281d15c96667523552119b2f57a6c2db0f802d4 Mon Sep 17 00:00:00 2001
From: Sanskar Soni <sonisanskar223@gmail.com>
Date: Fri, 21 Jul 2023 12:05:06 +0530
Subject: [PATCH 06/12] Improved: Ressolved issue of toast appearing on
 settings page refresh

---
 src/App.vue            | 18 ++----------------
 src/views/Settings.vue | 12 +++++++++---
 2 files changed, 11 insertions(+), 19 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index a06b0431..1cd244cf 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -130,23 +130,9 @@ export default defineComponent({
     provide('productIdentificationPref', productIdentificationPref);
 
     // Subscribing to productIdentificationStore state change and changing value productIdentificationPref 
-    // to store state based on condition
     productIdentificationStore.$subscribe((mutation: any, state) => {
-
-      // If primaryId is '' then api call not changed the state, so not changing the productIdentificationPref
-      if (state.productIdentificationPref.primaryId != "") {
-
-        // If old state value is same as the new state value then not changing the preference
-        if (mutation.events.oldValue.primaryId != state.productIdentificationPref.primaryId || mutation.events.oldValue.secondaryId != state.productIdentificationPref.secondaryId) {
-          productIdentificationPref.value = state.productIdentificationPref;
-
-          // If primary and secondary preference is '' then it was initial state value before api call show don't show toast
-          if (mutation.events.oldValue.primaryId != "" && mutation.events.oldValue.secondaryId != "") {
-            showToast("Product identifier preference updated");
-          }
-        }
-      }
-    });
+        productIdentificationPref.value = state.productIdentificationPref;
+    }, {detached: true});
 
     /* End Product Identifier */
 
diff --git a/src/views/Settings.vue b/src/views/Settings.vue
index 3e164cd2..89eac680 100644
--- a/src/views/Settings.vue
+++ b/src/views/Settings.vue
@@ -154,6 +154,7 @@ import Image from '@/components/Image.vue';
 import { DateTime } from 'luxon';
 import TimeZoneModal from '@/views/TimezoneModal.vue';
 import { useProductIdentificationStore } from '@hotwax/dxp-components';
+import { showToast } from '@/utils';
 
 export default defineComponent({
   name: 'Settings',
@@ -269,10 +270,15 @@ export default defineComponent({
     const productIdentificationPref: any  = inject("productIdentificationPref");
 
     // Function to set the value of productIdentificationPref using dxp-component
-    const setProductIdentificationPref = (value: string, id: string) =>  {   
-      const eComStore = store.getters['user/getCurrentEComStore'];
-      if(eComStore.productStoreId){
+    const setProductIdentificationPref = (value: string, id: string) =>  {
+      const eComStore = store.getters['user/getCurrentEComStore']; 
+
+      // If productPreference value is same as ion change value then not calling the set function as there is no cahnge 
+      if(eComStore.productStoreId && (productIdentificationPref.value[id] !== value)){
         productIdentificationStore.setProductIdentificationPref(id, value, eComStore.productStoreId)
+          .then(() => {
+            showToast("Product identifier preference updated");
+          })
           .catch(error => console.log(error)); 
       } 
     }

From dcdf7877f2c72fc68e01576409110c3e47e572f9 Mon Sep 17 00:00:00 2001
From: Sanskar Soni <sonisanskar223@gmail.com>
Date: Fri, 21 Jul 2023 17:53:57 +0530
Subject: [PATCH 07/12] Implemented: getIdentificationValue function call on
 setEcomStore and reverted detached true in store subscription

---
 src/App.vue                       |  2 +-
 src/store/modules/user/actions.ts | 12 ++++++------
 src/views/Settings.vue            | 28 ++++++++++++++--------------
 3 files changed, 21 insertions(+), 21 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 1cd244cf..78aae790 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -132,7 +132,7 @@ export default defineComponent({
     // Subscribing to productIdentificationStore state change and changing value productIdentificationPref 
     productIdentificationStore.$subscribe((mutation: any, state) => {
         productIdentificationPref.value = state.productIdentificationPref;
-    }, {detached: true});
+    });
 
     /* End Product Identifier */
 
diff --git a/src/store/modules/user/actions.ts b/src/store/modules/user/actions.ts
index f7b143ce..7357dd01 100644
--- a/src/store/modules/user/actions.ts
+++ b/src/store/modules/user/actions.ts
@@ -142,6 +142,12 @@ const actions: ActionTree<UserState, RootState> = {
       'userPrefTypeId': 'SELECTED_BRAND',
       'userPrefValue': payload.eComStore.productStoreId
     });
+
+    // Get product identification from api using dxp-component and set the state if eComStore is defined
+    if (payload.eComStore.productStoreId) {
+      await useProductIdentificationStore().getIdentificationPref(payload.eComStore.productStoreId)
+        .catch((error) => console.log(error));
+    }
   },
 
   /**
@@ -162,12 +168,6 @@ const actions: ActionTree<UserState, RootState> = {
     commit(types.USER_CURRENT_ECOM_STORE_UPDATED, preferredStore);
     commit(types.USER_CURRENT_FACILITY_UPDATED, payload.facility);
     await dispatch('getFacilityLocations', payload.facility.facilityId);
-
-    // Get product identification from api using dxp-component and set the state if eComStore is defined
-    if (preferredStore.productStoreId) {
-      await useProductIdentificationStore().getIdentificationPref(preferredStore.productStoreId)
-        .catch((error) => console.log(error));
-    }
   },
 
   /**
diff --git a/src/views/Settings.vue b/src/views/Settings.vue
index 89eac680..6dbbe84c 100644
--- a/src/views/Settings.vue
+++ b/src/views/Settings.vue
@@ -98,6 +98,20 @@
         <p class="overline">{{ "Built: " + getDateTime(appInfo.builtTime) }}</p>
       </div>
       <section>
+        <ion-card>
+          <ion-card-header>
+            <ion-card-title>
+              {{ $t('Timezone') }}
+            </ion-card-title>
+          </ion-card-header>
+          <ion-card-content>
+            {{ $t('The timezone you select is used to ensure automations you schedule are always accurate to the time you select.') }}
+          </ion-card-content>
+          <ion-item lines="none">
+            <ion-label> {{ userProfile && userProfile.userTimeZone ? userProfile.userTimeZone : '-' }} </ion-label>
+            <ion-button @click="changeTimeZone()" slot="end" fill="outline" color="dark">{{ $t("Change") }}</ion-button>
+          </ion-item>
+        </ion-card>
 
         <!-- Product Identifier -->
         <ion-card>
@@ -125,20 +139,6 @@
             </ion-select>
           </ion-item>
         </ion-card>
-        <ion-card>
-          <ion-card-header>
-            <ion-card-title>
-              {{ $t('Timezone') }}
-            </ion-card-title>
-          </ion-card-header>
-          <ion-card-content>
-            {{ $t('The timezone you select is used to ensure automations you schedule are always accurate to the time you select.') }}
-          </ion-card-content>
-          <ion-item lines="none">
-            <ion-label> {{ userProfile && userProfile.userTimeZone ? userProfile.userTimeZone : '-' }} </ion-label>
-            <ion-button @click="changeTimeZone()" slot="end" fill="outline" color="dark">{{ $t("Change") }}</ion-button>
-          </ion-item>
-        </ion-card>
       </section>
     </ion-content>
   </ion-page>

From 0a96163f8a6e7426970942ef14b78d71ba693496 Mon Sep 17 00:00:00 2001
From: Sanskar Soni <sonisanskar223@gmail.com>
Date: Fri, 21 Jul 2023 18:59:21 +0530
Subject: [PATCH 08/12] Implemented: call getIdentification function in login
 action instead of login function in login view

---
 src/store/modules/user/actions.ts | 5 +++++
 src/views/Login.vue               | 9 +--------
 2 files changed, 6 insertions(+), 8 deletions(-)

diff --git a/src/store/modules/user/actions.ts b/src/store/modules/user/actions.ts
index 7357dd01..05467605 100644
--- a/src/store/modules/user/actions.ts
+++ b/src/store/modules/user/actions.ts
@@ -112,6 +112,11 @@ const actions: ActionTree<UserState, RootState> = {
         showToast(translate(resp.data._EVENT_MESSAGE_));
       }
 
+      // Get product identification from api using dxp-component and set the state if eComStore is defined
+      if(preferredStore.productStoreId){
+        await useProductIdentificationStore().getIdentificationPref(preferredStore.productStoreId)
+        .catch((error) => console.log(error));
+      }
     } catch (err: any) {
       // If any of the API call in try block has status code other than 2xx it will be handled in common catch block.
       // TODO Check if handling of specific status codes is required.
diff --git a/src/views/Login.vue b/src/views/Login.vue
index e041ce81..0d03e820 100644
--- a/src/views/Login.vue
+++ b/src/views/Login.vue
@@ -76,17 +76,10 @@ export default defineComponent({
       const instanceURL = this.instanceUrl.trim().toLowerCase();
       if(!this.baseURL) this.store.dispatch("user/setUserInstanceUrl", this.alias[instanceURL] ? this.alias[instanceURL] : instanceURL);
       const { username, password } = this;
-      this.store.dispatch("user/login", { username: username.trim(), password }).then(async () => {
+      this.store.dispatch("user/login", { username: username.trim(), password }).then(() => {
         // All the failure cases are handled in action, if then block is executing, login is successful
         this.username = ''
         this.password = ''
-
-        // Get product identification from api using dxp-component and set the state if eComStore is defined
-        if(this.currentEComStore.productStoreId){
-          await useProductIdentificationStore().getIdentificationPref(this.currentEComStore.productStoreId)
-          .catch((error) => console.log(error));
-        }
-
         this.$router.push('/')
       })
     }

From 5602fee98aa2945e7ad03920072fbfb731de938b Mon Sep 17 00:00:00 2001
From: Sanskar Soni <sonisanskar223@gmail.com>
Date: Mon, 24 Jul 2023 16:05:13 +0530
Subject: [PATCH 09/12] Implemeted: added logger plugin in app and used logger
 instead of console.log wherever required

---
 package-lock.json                 | 11 +++++
 package.json                      |  1 +
 src/App.vue                       |  4 +-
 src/logger/index.ts               | 69 +++++++++++++++++++++++++++++++
 src/main.ts                       |  4 ++
 src/store/modules/user/actions.ts |  5 ++-
 6 files changed, 90 insertions(+), 4 deletions(-)
 create mode 100644 src/logger/index.ts

diff --git a/package-lock.json b/package-lock.json
index b2570a13..77bd4eba 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -27,6 +27,7 @@
         "vue": "^3.2.26",
         "vue-barcode-reader": "^1.0.1",
         "vue-i18n": "~9.1.6",
+        "vue-logger-plugin": "^2.2.3",
         "vue-router": "^4.0.12",
         "vuex": "^4.0.1",
         "vuex-persistedstate": "^4.0.0-beta.3"
@@ -31241,6 +31242,11 @@
         "node": ">=4.0.0"
       }
     },
+    "node_modules/vue-logger-plugin": {
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/vue-logger-plugin/-/vue-logger-plugin-2.2.3.tgz",
+      "integrity": "sha512-PGGwFarWpReyJc8XONuNBb86mpfLqYO6+MWjkFnCDWcagjM2BLY7rskLTgn3eT3skq0qu+2K2roiIAgiXJDXSQ=="
+    },
     "node_modules/vue-router": {
       "version": "4.1.6",
       "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-4.1.6.tgz",
@@ -57927,6 +57933,11 @@
         }
       }
     },
+    "vue-logger-plugin": {
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/vue-logger-plugin/-/vue-logger-plugin-2.2.3.tgz",
+      "integrity": "sha512-PGGwFarWpReyJc8XONuNBb86mpfLqYO6+MWjkFnCDWcagjM2BLY7rskLTgn3eT3skq0qu+2K2roiIAgiXJDXSQ=="
+    },
     "vue-router": {
       "version": "4.1.6",
       "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-4.1.6.tgz",
diff --git a/package.json b/package.json
index 7c3a3f29..e92f3890 100644
--- a/package.json
+++ b/package.json
@@ -31,6 +31,7 @@
     "vue": "^3.2.26",
     "vue-barcode-reader": "^1.0.1",
     "vue-i18n": "~9.1.6",
+    "vue-logger-plugin": "^2.2.3",
     "vue-router": "^4.0.12",
     "vuex": "^4.0.1",
     "vuex-persistedstate": "^4.0.0-beta.3"
diff --git a/src/App.vue b/src/App.vue
index 78aae790..c15b6b85 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -18,7 +18,7 @@ import { Settings } from 'luxon';
 import { initialise, resetConfig } from '@/adapter'
 import { useRouter } from 'vue-router';
 import { useProductIdentificationStore } from '@hotwax/dxp-components';
-import { showToast } from './utils';
+import logger from './logger';
 
 export default defineComponent({
   name: 'App',
@@ -105,7 +105,7 @@ export default defineComponent({
     // Get product identification from api using dxp-component and set the state if eComStore is defined
     if (this.currentEComStore.productStoreId) {
       await useProductIdentificationStore().getIdentificationPref(this.currentEComStore.productStoreId)
-        .catch((error) => console.log(error));
+        .catch((error) => logger.error('Failed to fetch product identification preference', error));
     }
   },
   unmounted() {
diff --git a/src/logger/index.ts b/src/logger/index.ts
new file mode 100644
index 00000000..13c7d2e2
--- /dev/null
+++ b/src/logger/index.ts
@@ -0,0 +1,69 @@
+import { createLogger, StringifyObjectsHook } from 'vue-logger-plugin'
+
+// TODO Implement logic to send logs to server
+// https://github.com/dev-tavern/vue-logger-plugin#sample-custom-hook---leveraging-axios-to-send-logs-to-server
+
+// https://github.com/dev-tavern/vue-logger-plugin#levels
+// Log levels (one of: debug, info, warn, error, log)
+// log <-- error <-- warn <-- info <-- debug
+// (from left to right: least inclusive to most inclusive)
+// const level = (process.env.VUE_APP_DEFAULT_LOG_LEVEL ? process.env.VUE_APP_DEFAULT_LOG_LEVEL : "error") as any;
+
+// Using StringifyObjectsHook as the objects are references and values may change during the code execution
+// https://github.com/dev-tavern/vue-logger-plugin#built-in-hooks
+// StringifyObjectsHook Applies JSON.stringify on all objects provided as arguments to a logging method.
+// StringifyAndParseObjectsHook Applies JSON.stringify and JSON.parse on all objects provided as arguments to a logging method.
+
+// enabled vs consoleEnabled
+// Setting enabled to false will disable all logger functionality (console output + hook invocations).
+// Setting consoleEnabled to false will disable just the console output but will still invoke the hooks.
+
+const logger = createLogger({
+  enabled: true,
+  beforeHooks: [ StringifyObjectsHook ]
+});
+
+function getStack(error: any) {
+  // Handling incompatibilities
+  // Non-standard: This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. 
+  // There may also be large incompatibilities between implementations and the behavior may change in the future.
+  // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Error/stack
+  try {
+    return error.stack;
+  } catch (err) {
+    logger.warn("Error stack is not supported");
+  }
+  return error;
+}
+
+export default {
+  install(app: any, options: any) {
+
+    app.config.errorHandler = (error: any, instance: any, info: any) => {
+      // TODO Improve code to add more information related to code failed
+      logger.error("Global handler:" + getStack(error));
+    }
+    const level = options.level ? options.level : "error"
+
+    logger.apply({
+      level
+    })
+
+    logger.install(app);
+  },
+  debug(...args: any): void {
+    logger.debug(...args)
+  },
+  info(...args: any): void {
+    logger.info(...args)
+  },
+  warn(...args: any): void {
+    logger.warn(...args)
+  },
+  error(...args: any): void {
+    logger.error(...args)
+  },
+  log(...args: any): void {
+    logger.log(...args)
+  }
+}
\ No newline at end of file
diff --git a/src/main.ts b/src/main.ts
index ec1983ea..8bcb0594 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -34,11 +34,15 @@ import permissionRules from '@/authorization/Rules';
 import permissionActions from '@/authorization/Actions';
 import { dxpComponents } from '@hotwax/dxp-components';
 import { setProductIdentificationPref, getProductIdentificationPref } from '@hotwax/oms-api';
+import logger from './logger';
 
 const app = createApp(App)
   .use(IonicVue, {
     mode: 'md'
   })
+  .use(logger, {
+    level: process.env.VUE_APP_DEFAULT_LOG_LEVEL
+  })
   .use(router)
   .use(i18n)
   .use(store)
diff --git a/src/store/modules/user/actions.ts b/src/store/modules/user/actions.ts
index 05467605..4f7c0764 100644
--- a/src/store/modules/user/actions.ts
+++ b/src/store/modules/user/actions.ts
@@ -14,6 +14,7 @@ import {
   setPermissions
 } from '@/authorization'
 import { useProductIdentificationStore } from '@hotwax/dxp-components'
+import logger from '@/logger'
 
 const actions: ActionTree<UserState, RootState> = {
 
@@ -115,7 +116,7 @@ const actions: ActionTree<UserState, RootState> = {
       // Get product identification from api using dxp-component and set the state if eComStore is defined
       if(preferredStore.productStoreId){
         await useProductIdentificationStore().getIdentificationPref(preferredStore.productStoreId)
-        .catch((error) => console.log(error));
+        .catch((error) => logger.error('Failed to fetch product identification preference', error));
       }
     } catch (err: any) {
       // If any of the API call in try block has status code other than 2xx it will be handled in common catch block.
@@ -151,7 +152,7 @@ const actions: ActionTree<UserState, RootState> = {
     // Get product identification from api using dxp-component and set the state if eComStore is defined
     if (payload.eComStore.productStoreId) {
       await useProductIdentificationStore().getIdentificationPref(payload.eComStore.productStoreId)
-        .catch((error) => console.log(error));
+        .catch((error) => logger.error('Failed to fetch product identification preference', error));
     }
   },
 

From ba82a634fed1a4326b0d2914779f508732251cdc Mon Sep 17 00:00:00 2001
From: Sanskar Soni <sonisanskar223@gmail.com>
Date: Mon, 24 Jul 2023 16:17:16 +0530
Subject: [PATCH 10/12] Reverted: use of logger

---
 package-lock.json                 | 11 -----
 package.json                      |  1 -
 src/App.vue                       |  4 +-
 src/logger/index.ts               | 69 -------------------------------
 src/main.ts                       |  4 --
 src/store/modules/user/actions.ts |  5 +--
 6 files changed, 4 insertions(+), 90 deletions(-)
 delete mode 100644 src/logger/index.ts

diff --git a/package-lock.json b/package-lock.json
index 77bd4eba..b2570a13 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -27,7 +27,6 @@
         "vue": "^3.2.26",
         "vue-barcode-reader": "^1.0.1",
         "vue-i18n": "~9.1.6",
-        "vue-logger-plugin": "^2.2.3",
         "vue-router": "^4.0.12",
         "vuex": "^4.0.1",
         "vuex-persistedstate": "^4.0.0-beta.3"
@@ -31242,11 +31241,6 @@
         "node": ">=4.0.0"
       }
     },
-    "node_modules/vue-logger-plugin": {
-      "version": "2.2.3",
-      "resolved": "https://registry.npmjs.org/vue-logger-plugin/-/vue-logger-plugin-2.2.3.tgz",
-      "integrity": "sha512-PGGwFarWpReyJc8XONuNBb86mpfLqYO6+MWjkFnCDWcagjM2BLY7rskLTgn3eT3skq0qu+2K2roiIAgiXJDXSQ=="
-    },
     "node_modules/vue-router": {
       "version": "4.1.6",
       "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-4.1.6.tgz",
@@ -57933,11 +57927,6 @@
         }
       }
     },
-    "vue-logger-plugin": {
-      "version": "2.2.3",
-      "resolved": "https://registry.npmjs.org/vue-logger-plugin/-/vue-logger-plugin-2.2.3.tgz",
-      "integrity": "sha512-PGGwFarWpReyJc8XONuNBb86mpfLqYO6+MWjkFnCDWcagjM2BLY7rskLTgn3eT3skq0qu+2K2roiIAgiXJDXSQ=="
-    },
     "vue-router": {
       "version": "4.1.6",
       "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-4.1.6.tgz",
diff --git a/package.json b/package.json
index e92f3890..7c3a3f29 100644
--- a/package.json
+++ b/package.json
@@ -31,7 +31,6 @@
     "vue": "^3.2.26",
     "vue-barcode-reader": "^1.0.1",
     "vue-i18n": "~9.1.6",
-    "vue-logger-plugin": "^2.2.3",
     "vue-router": "^4.0.12",
     "vuex": "^4.0.1",
     "vuex-persistedstate": "^4.0.0-beta.3"
diff --git a/src/App.vue b/src/App.vue
index c15b6b85..78aae790 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -18,7 +18,7 @@ import { Settings } from 'luxon';
 import { initialise, resetConfig } from '@/adapter'
 import { useRouter } from 'vue-router';
 import { useProductIdentificationStore } from '@hotwax/dxp-components';
-import logger from './logger';
+import { showToast } from './utils';
 
 export default defineComponent({
   name: 'App',
@@ -105,7 +105,7 @@ export default defineComponent({
     // Get product identification from api using dxp-component and set the state if eComStore is defined
     if (this.currentEComStore.productStoreId) {
       await useProductIdentificationStore().getIdentificationPref(this.currentEComStore.productStoreId)
-        .catch((error) => logger.error('Failed to fetch product identification preference', error));
+        .catch((error) => console.log(error));
     }
   },
   unmounted() {
diff --git a/src/logger/index.ts b/src/logger/index.ts
deleted file mode 100644
index 13c7d2e2..00000000
--- a/src/logger/index.ts
+++ /dev/null
@@ -1,69 +0,0 @@
-import { createLogger, StringifyObjectsHook } from 'vue-logger-plugin'
-
-// TODO Implement logic to send logs to server
-// https://github.com/dev-tavern/vue-logger-plugin#sample-custom-hook---leveraging-axios-to-send-logs-to-server
-
-// https://github.com/dev-tavern/vue-logger-plugin#levels
-// Log levels (one of: debug, info, warn, error, log)
-// log <-- error <-- warn <-- info <-- debug
-// (from left to right: least inclusive to most inclusive)
-// const level = (process.env.VUE_APP_DEFAULT_LOG_LEVEL ? process.env.VUE_APP_DEFAULT_LOG_LEVEL : "error") as any;
-
-// Using StringifyObjectsHook as the objects are references and values may change during the code execution
-// https://github.com/dev-tavern/vue-logger-plugin#built-in-hooks
-// StringifyObjectsHook Applies JSON.stringify on all objects provided as arguments to a logging method.
-// StringifyAndParseObjectsHook Applies JSON.stringify and JSON.parse on all objects provided as arguments to a logging method.
-
-// enabled vs consoleEnabled
-// Setting enabled to false will disable all logger functionality (console output + hook invocations).
-// Setting consoleEnabled to false will disable just the console output but will still invoke the hooks.
-
-const logger = createLogger({
-  enabled: true,
-  beforeHooks: [ StringifyObjectsHook ]
-});
-
-function getStack(error: any) {
-  // Handling incompatibilities
-  // Non-standard: This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. 
-  // There may also be large incompatibilities between implementations and the behavior may change in the future.
-  // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Error/stack
-  try {
-    return error.stack;
-  } catch (err) {
-    logger.warn("Error stack is not supported");
-  }
-  return error;
-}
-
-export default {
-  install(app: any, options: any) {
-
-    app.config.errorHandler = (error: any, instance: any, info: any) => {
-      // TODO Improve code to add more information related to code failed
-      logger.error("Global handler:" + getStack(error));
-    }
-    const level = options.level ? options.level : "error"
-
-    logger.apply({
-      level
-    })
-
-    logger.install(app);
-  },
-  debug(...args: any): void {
-    logger.debug(...args)
-  },
-  info(...args: any): void {
-    logger.info(...args)
-  },
-  warn(...args: any): void {
-    logger.warn(...args)
-  },
-  error(...args: any): void {
-    logger.error(...args)
-  },
-  log(...args: any): void {
-    logger.log(...args)
-  }
-}
\ No newline at end of file
diff --git a/src/main.ts b/src/main.ts
index 8bcb0594..ec1983ea 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -34,15 +34,11 @@ import permissionRules from '@/authorization/Rules';
 import permissionActions from '@/authorization/Actions';
 import { dxpComponents } from '@hotwax/dxp-components';
 import { setProductIdentificationPref, getProductIdentificationPref } from '@hotwax/oms-api';
-import logger from './logger';
 
 const app = createApp(App)
   .use(IonicVue, {
     mode: 'md'
   })
-  .use(logger, {
-    level: process.env.VUE_APP_DEFAULT_LOG_LEVEL
-  })
   .use(router)
   .use(i18n)
   .use(store)
diff --git a/src/store/modules/user/actions.ts b/src/store/modules/user/actions.ts
index 4f7c0764..05467605 100644
--- a/src/store/modules/user/actions.ts
+++ b/src/store/modules/user/actions.ts
@@ -14,7 +14,6 @@ import {
   setPermissions
 } from '@/authorization'
 import { useProductIdentificationStore } from '@hotwax/dxp-components'
-import logger from '@/logger'
 
 const actions: ActionTree<UserState, RootState> = {
 
@@ -116,7 +115,7 @@ const actions: ActionTree<UserState, RootState> = {
       // Get product identification from api using dxp-component and set the state if eComStore is defined
       if(preferredStore.productStoreId){
         await useProductIdentificationStore().getIdentificationPref(preferredStore.productStoreId)
-        .catch((error) => logger.error('Failed to fetch product identification preference', error));
+        .catch((error) => console.log(error));
       }
     } catch (err: any) {
       // If any of the API call in try block has status code other than 2xx it will be handled in common catch block.
@@ -152,7 +151,7 @@ const actions: ActionTree<UserState, RootState> = {
     // Get product identification from api using dxp-component and set the state if eComStore is defined
     if (payload.eComStore.productStoreId) {
       await useProductIdentificationStore().getIdentificationPref(payload.eComStore.productStoreId)
-        .catch((error) => logger.error('Failed to fetch product identification preference', error));
+        .catch((error) => console.log(error));
     }
   },
 

From 4d1ab1069c0201a27c928a5b60276000b82a3f59 Mon Sep 17 00:00:00 2001
From: Sanskar Soni <sonisanskar223@gmail.com>
Date: Mon, 24 Jul 2023 16:30:49 +0530
Subject: [PATCH 11/12] Improved: used console.error instead of console.log

---
 src/App.vue                       | 2 +-
 src/store/modules/user/actions.ts | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 78aae790..22b5fe5c 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -105,7 +105,7 @@ export default defineComponent({
     // Get product identification from api using dxp-component and set the state if eComStore is defined
     if (this.currentEComStore.productStoreId) {
       await useProductIdentificationStore().getIdentificationPref(this.currentEComStore.productStoreId)
-        .catch((error) => console.log(error));
+        .catch((error) => console.error(error));
     }
   },
   unmounted() {
diff --git a/src/store/modules/user/actions.ts b/src/store/modules/user/actions.ts
index 05467605..add90384 100644
--- a/src/store/modules/user/actions.ts
+++ b/src/store/modules/user/actions.ts
@@ -115,7 +115,7 @@ const actions: ActionTree<UserState, RootState> = {
       // Get product identification from api using dxp-component and set the state if eComStore is defined
       if(preferredStore.productStoreId){
         await useProductIdentificationStore().getIdentificationPref(preferredStore.productStoreId)
-        .catch((error) => console.log(error));
+        .catch((error) => console.error(error));
       }
     } catch (err: any) {
       // If any of the API call in try block has status code other than 2xx it will be handled in common catch block.
@@ -151,7 +151,7 @@ const actions: ActionTree<UserState, RootState> = {
     // Get product identification from api using dxp-component and set the state if eComStore is defined
     if (payload.eComStore.productStoreId) {
       await useProductIdentificationStore().getIdentificationPref(payload.eComStore.productStoreId)
-        .catch((error) => console.log(error));
+        .catch((error) => console.error(error));
     }
   },
 

From 9ab874dfb5716e4781d92ca88ca5801f0215b3da Mon Sep 17 00:00:00 2001
From: Sanskar Soni <sonisanskar223@gmail.com>
Date: Wed, 2 Aug 2023 18:20:12 +0530
Subject: [PATCH 12/12] Improved: removed unsed imports

---
 src/App.vue         | 1 -
 src/views/Login.vue | 1 -
 2 files changed, 2 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 22b5fe5c..94bcc7a2 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -18,7 +18,6 @@ import { Settings } from 'luxon';
 import { initialise, resetConfig } from '@/adapter'
 import { useRouter } from 'vue-router';
 import { useProductIdentificationStore } from '@hotwax/dxp-components';
-import { showToast } from './utils';
 
 export default defineComponent({
   name: 'App',
diff --git a/src/views/Login.vue b/src/views/Login.vue
index 0d03e820..966fcd9c 100644
--- a/src/views/Login.vue
+++ b/src/views/Login.vue
@@ -40,7 +40,6 @@ import { useRouter } from "vue-router";
 import { useStore } from "@/store";
 import { mapGetters } from 'vuex';
 import Logo from '@/components/Logo.vue';
-import { useProductIdentificationStore } from "@hotwax/dxp-components";
 
 export default defineComponent({
   name: "Login",