diff --git a/package-lock.json b/package-lock.json
index db8a24c917..dc5c368b2a 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -177,9 +177,9 @@
       }
     },
     "node_modules/@eslint/js": {
-      "version": "8.40.0",
-      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.40.0.tgz",
-      "integrity": "sha512-ElyB54bJIhXQYVKjDSvCkPO1iU1tSAeVQJbllWJq1XQSmmA4dgFk8CbiBGpiOPxleE48vDogxCtmMYku4HSVLA==",
+      "version": "8.41.0",
+      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.41.0.tgz",
+      "integrity": "sha512-LxcyMGxwmTh2lY9FwHPGWOHmYFCZvbrFCBZL4FzSSsxsRPuhrYUg/49/0KDfW8tnIEaEHtfmn6+NPN+1DqaNmA==",
       "dev": true,
       "peer": true,
       "engines": {
@@ -1074,9 +1074,9 @@
       }
     },
     "node_modules/@npmcli/map-workspaces/node_modules/minimatch": {
-      "version": "9.0.0",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.0.tgz",
-      "integrity": "sha512-0jJj8AvgKqWN05mrwuqi8QYKx1WmYSUoKSxu5Qhs9prezTz10sxAHGNZe9J9cqIJzta8DWsleh2KaVaLl6Ru2w==",
+      "version": "9.0.1",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.1.tgz",
+      "integrity": "sha512-0jWhJpD/MdhPXwPuiRkCbfYfSKp2qnn2eOc279qI7f+osl/l+prKSrvhg157zSYvx/1nmgn2NqdT6k2Z7zSH9w==",
       "dev": true,
       "dependencies": {
         "brace-expansion": "^2.0.1"
@@ -1136,12 +1136,15 @@
       }
     },
     "node_modules/@npmcli/package-json": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/@npmcli/package-json/-/package-json-3.0.0.tgz",
-      "integrity": "sha512-NnuPuM97xfiCpbTEJYtEuKz6CFbpUHtaT0+5via5pQeI25omvQDFbp1GcGJ/c4zvL/WX0qbde6YiLgfZbWFgvg==",
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/@npmcli/package-json/-/package-json-3.1.0.tgz",
+      "integrity": "sha512-qNPy6Yf9ruFST99xcrl5EWAvrb7qFrwgVbwdzcTJlIgxbArKOq5e/bgZ6rTL1X9hDgAdPbvL8RWx/OTLSB0ToA==",
       "dev": true,
       "dependencies": {
-        "json-parse-even-better-errors": "^3.0.0"
+        "glob": "^10.2.2",
+        "json-parse-even-better-errors": "^3.0.0",
+        "normalize-package-data": "^5.0.0",
+        "npm-normalize-package-bin": "^3.0.1"
       },
       "engines": {
         "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
@@ -1442,9 +1445,9 @@
       }
     },
     "node_modules/@octokit/core": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/@octokit/core/-/core-4.2.0.tgz",
-      "integrity": "sha512-AgvDRUg3COpR82P7PBdGZF/NNqGmtMq2NiPqeSsDIeCfYFOZ9gddqWNQHnFdEUf+YwOj4aZYmJnlPp7OXmDIDg==",
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/@octokit/core/-/core-4.2.1.tgz",
+      "integrity": "sha512-tEDxFx8E38zF3gT7sSMDrT1tGumDgsw5yPG6BBh/X+5ClIQfMH/Yqocxz1PnHx6CHyF6pxmovUTOfZAUvQ0Lvw==",
       "dev": true,
       "dependencies": {
         "@octokit/auth-token": "^3.0.0",
@@ -1474,9 +1477,9 @@
       }
     },
     "node_modules/@octokit/graphql": {
-      "version": "5.0.5",
-      "resolved": "https://registry.npmjs.org/@octokit/graphql/-/graphql-5.0.5.tgz",
-      "integrity": "sha512-Qwfvh3xdqKtIznjX9lz2D458r7dJPP8l6r4GQkIdWQouZwHQK0mVT88uwiU2bdTU2OtT1uOlKpRciUWldpG0yQ==",
+      "version": "5.0.6",
+      "resolved": "https://registry.npmjs.org/@octokit/graphql/-/graphql-5.0.6.tgz",
+      "integrity": "sha512-Fxyxdy/JH0MnIB5h+UQ3yCoh1FG4kWXfFKkpWqjZHw/p+Kc8Y44Hu/kCgNBT6nU1shNumEchmW/sUO1JuQnPcw==",
       "dev": true,
       "dependencies": {
         "@octokit/request": "^6.0.0",
@@ -1488,9 +1491,9 @@
       }
     },
     "node_modules/@octokit/openapi-types": {
-      "version": "17.1.2",
-      "resolved": "https://registry.npmjs.org/@octokit/openapi-types/-/openapi-types-17.1.2.tgz",
-      "integrity": "sha512-OaS7Ol4Y+U50PbejfzQflGWRMxO04nYWO5ZBv6JerqMKE2WS/tI9VoVDDPXHBlRMGG2fOdKwtVGlFfc7AVIstw==",
+      "version": "17.2.0",
+      "resolved": "https://registry.npmjs.org/@octokit/openapi-types/-/openapi-types-17.2.0.tgz",
+      "integrity": "sha512-MazrFNx4plbLsGl+LFesMo96eIXkFgEtaKbnNpdh4aQ0VM10aoylFsTYP1AEjkeoRNZiiPe3T6Gl2Hr8dJWdlQ==",
       "dev": true
     },
     "node_modules/@octokit/plugin-enterprise-rest": {
@@ -1570,9 +1573,9 @@
       }
     },
     "node_modules/@octokit/request": {
-      "version": "6.2.3",
-      "resolved": "https://registry.npmjs.org/@octokit/request/-/request-6.2.3.tgz",
-      "integrity": "sha512-TNAodj5yNzrrZ/VxP+H5HiYaZep0H3GU0O7PaF+fhDrt8FPrnkei9Aal/txsN/1P7V3CPiThG0tIvpPDYUsyAA==",
+      "version": "6.2.5",
+      "resolved": "https://registry.npmjs.org/@octokit/request/-/request-6.2.5.tgz",
+      "integrity": "sha512-z83E8UIlPNaJUsXpjD8E0V5o/5f+vJJNbNcBwVZsX3/vC650U41cOkTLjq4PKk9BYonQGOnx7N17gvLyNjgGcQ==",
       "dev": true,
       "dependencies": {
         "@octokit/endpoint": "^7.0.0",
@@ -1616,12 +1619,12 @@
       }
     },
     "node_modules/@octokit/types": {
-      "version": "9.2.2",
-      "resolved": "https://registry.npmjs.org/@octokit/types/-/types-9.2.2.tgz",
-      "integrity": "sha512-9BjDxjgQIvCjNWZsbqyH5QC2Yni16oaE6xL+8SUBMzcYPF4TGQBXGA97Cl3KceK9mwiNMb1mOYCz6FbCCLEL+g==",
+      "version": "9.2.3",
+      "resolved": "https://registry.npmjs.org/@octokit/types/-/types-9.2.3.tgz",
+      "integrity": "sha512-MMeLdHyFIALioycq+LFcA71v0S2xpQUX2cw6pPbHQjaibcHYwLnmK/kMZaWuGfGfjBJZ3wRUq+dOaWsvrPJVvA==",
       "dev": true,
       "dependencies": {
-        "@octokit/openapi-types": "^17.1.2"
+        "@octokit/openapi-types": "^17.2.0"
       }
     },
     "node_modules/@parcel/watcher": {
@@ -1708,9 +1711,9 @@
       }
     },
     "node_modules/@tufjs/models/node_modules/minimatch": {
-      "version": "9.0.0",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.0.tgz",
-      "integrity": "sha512-0jJj8AvgKqWN05mrwuqi8QYKx1WmYSUoKSxu5Qhs9prezTz10sxAHGNZe9J9cqIJzta8DWsleh2KaVaLl6Ru2w==",
+      "version": "9.0.1",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.1.tgz",
+      "integrity": "sha512-0jWhJpD/MdhPXwPuiRkCbfYfSKp2qnn2eOc279qI7f+osl/l+prKSrvhg157zSYvx/1nmgn2NqdT6k2Z7zSH9w==",
       "dev": true,
       "dependencies": {
         "brace-expansion": "^2.0.1"
@@ -1753,9 +1756,9 @@
       "dev": true
     },
     "node_modules/@yarnpkg/parsers": {
-      "version": "3.0.0-rc.43",
-      "resolved": "https://registry.npmjs.org/@yarnpkg/parsers/-/parsers-3.0.0-rc.43.tgz",
-      "integrity": "sha512-AhFF3mIDfA+jEwQv2WMHmiYhOvmdbh2qhUkDVQfiqzQtUwS4BgoWwom5NpSPg4Ix5vOul+w1690Bt21CkVLpgg==",
+      "version": "3.0.0-rc.44",
+      "resolved": "https://registry.npmjs.org/@yarnpkg/parsers/-/parsers-3.0.0-rc.44.tgz",
+      "integrity": "sha512-UVAt9Icc8zfGXioeYJ8XMoSTxOYVmlal2TRNxy9Uh91taS72kQFalK7LpIslcvEBKy4XtarmfIwcFIU3ZY64lw==",
       "dev": true,
       "dependencies": {
         "js-yaml": "^3.10.0",
@@ -2227,9 +2230,9 @@
       }
     },
     "node_modules/cacache": {
-      "version": "17.1.0",
-      "resolved": "https://registry.npmjs.org/cacache/-/cacache-17.1.0.tgz",
-      "integrity": "sha512-hXpFU+Z3AfVmNuiLve1qxWHMq0RSIt5gjCKAHi/M6DktwFwDdAXAtunl1i4WSKaaVcU9IsRvXFg42jTHigcC6Q==",
+      "version": "17.1.3",
+      "resolved": "https://registry.npmjs.org/cacache/-/cacache-17.1.3.tgz",
+      "integrity": "sha512-jAdjGxmPxZh0IipMdR7fK/4sDSrHMLUV0+GvVUsjwyGNKHsh79kW/otg+GkbXwl6Uzvy9wsvHOX4nUoWldeZMg==",
       "dev": true,
       "dependencies": {
         "@npmcli/fs": "^3.1.0",
@@ -2594,6 +2597,45 @@
         "node": ">=10"
       }
     },
+    "node_modules/conventional-changelog-core/node_modules/hosted-git-info": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-4.1.0.tgz",
+      "integrity": "sha512-kyCuEOWjJqZuDbRHzL8V93NzQhwIB71oFWSyzVo+KPZI+pnQPPxucdkrOZvkLRnrf5URsQM+IJ09Dw29cRALIA==",
+      "dev": true,
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/conventional-changelog-core/node_modules/lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "dev": true,
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/conventional-changelog-core/node_modules/normalize-package-data": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-3.0.3.tgz",
+      "integrity": "sha512-p2W1sgqij3zMMyRC067Dg16bfzVH+w7hyegmpIvZ4JNjqtGOVAIvLmjBx3yP7YTe9vKJgkoNOPjwQGogDoMXFA==",
+      "dev": true,
+      "dependencies": {
+        "hosted-git-info": "^4.0.1",
+        "is-core-module": "^2.5.0",
+        "semver": "^7.3.4",
+        "validate-npm-package-license": "^3.0.1"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/conventional-changelog-preset-loader": {
       "version": "2.3.4",
       "resolved": "https://registry.npmjs.org/conventional-changelog-preset-loader/-/conventional-changelog-preset-loader-2.3.4.tgz",
@@ -3096,16 +3138,16 @@
       }
     },
     "node_modules/eslint": {
-      "version": "8.40.0",
-      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.40.0.tgz",
-      "integrity": "sha512-bvR+TsP9EHL3TqNtj9sCNJVAFK3fBN8Q7g5waghxyRsPLIMwL73XSKnZFK0hk/O2ANC+iAoq6PWMQ+IfBAJIiQ==",
+      "version": "8.41.0",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.41.0.tgz",
+      "integrity": "sha512-WQDQpzGBOP5IrXPo4Hc0814r4/v2rrIsB0rhT7jtunIalgg6gYXWhRMOejVO8yH21T/FGaxjmFjBMNqcIlmH1Q==",
       "dev": true,
       "peer": true,
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.2.0",
         "@eslint-community/regexpp": "^4.4.0",
         "@eslint/eslintrc": "^2.0.3",
-        "@eslint/js": "8.40.0",
+        "@eslint/js": "8.41.0",
         "@humanwhocodes/config-array": "^0.11.8",
         "@humanwhocodes/module-importer": "^1.0.1",
         "@nodelib/fs.walk": "^1.2.8",
@@ -3125,13 +3167,12 @@
         "find-up": "^5.0.0",
         "glob-parent": "^6.0.2",
         "globals": "^13.19.0",
-        "grapheme-splitter": "^1.0.4",
+        "graphemer": "^1.4.0",
         "ignore": "^5.2.0",
         "import-fresh": "^3.0.0",
         "imurmurhash": "^0.1.4",
         "is-glob": "^4.0.0",
         "is-path-inside": "^3.0.3",
-        "js-sdsl": "^4.1.4",
         "js-yaml": "^4.1.0",
         "json-stable-stringify-without-jsonify": "^1.0.1",
         "levn": "^0.4.1",
@@ -3870,15 +3911,15 @@
       }
     },
     "node_modules/glob": {
-      "version": "10.2.4",
-      "resolved": "https://registry.npmjs.org/glob/-/glob-10.2.4.tgz",
-      "integrity": "sha512-fDboBse/sl1oXSLhIp0FcCJgzW9KmhC/q8ULTKC82zc+DL3TL7FNb8qlt5qqXN53MsKEUSIcb+7DLmEygOE5Yw==",
+      "version": "10.2.6",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-10.2.6.tgz",
+      "integrity": "sha512-U/rnDpXJGF414QQQZv5uVsabTVxMSwzS5CH0p3DRCIV6ownl4f7PzGnkGmvlum2wB+9RlJWJZ6ACU1INnBqiPA==",
       "dev": true,
       "dependencies": {
         "foreground-child": "^3.1.0",
         "jackspeak": "^2.0.3",
-        "minimatch": "^9.0.0",
-        "minipass": "^5.0.0 || ^6.0.0",
+        "minimatch": "^9.0.1",
+        "minipass": "^5.0.0 || ^6.0.2",
         "path-scurry": "^1.7.0"
       },
       "bin": {
@@ -3914,9 +3955,9 @@
       }
     },
     "node_modules/glob/node_modules/minimatch": {
-      "version": "9.0.0",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.0.tgz",
-      "integrity": "sha512-0jJj8AvgKqWN05mrwuqi8QYKx1WmYSUoKSxu5Qhs9prezTz10sxAHGNZe9J9cqIJzta8DWsleh2KaVaLl6Ru2w==",
+      "version": "9.0.1",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.1.tgz",
+      "integrity": "sha512-0jWhJpD/MdhPXwPuiRkCbfYfSKp2qnn2eOc279qI7f+osl/l+prKSrvhg157zSYvx/1nmgn2NqdT6k2Z7zSH9w==",
       "dev": true,
       "dependencies": {
         "brace-expansion": "^2.0.1"
@@ -3970,10 +4011,10 @@
       "integrity": "sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA==",
       "dev": true
     },
-    "node_modules/grapheme-splitter": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/grapheme-splitter/-/grapheme-splitter-1.0.4.tgz",
-      "integrity": "sha512-bzh50DW9kTPM00T8y4o8vQg89Di9oLJVLW/KaOGIXJWP/iqCN6WKYkbNOF04vFLJhwcpYUh9ydh/+5vpOqV4YQ==",
+    "node_modules/graphemer": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz",
+      "integrity": "sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==",
       "dev": true,
       "peer": true
     },
@@ -4366,9 +4407,9 @@
       }
     },
     "node_modules/is-core-module": {
-      "version": "2.12.0",
-      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.12.0.tgz",
-      "integrity": "sha512-RECHCBCd/viahWmwj6enj19sKbHfJrddi/6cBDsNTKbNq0f7VeaUkBo60BqzvPqo/W54ChS62Z5qyun7cfOMqQ==",
+      "version": "2.12.1",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.12.1.tgz",
+      "integrity": "sha512-Q4ZuBAe2FUsKtyQJoQHlvP8OvBERxO3jEmy1I7hcRXcJBGGHFh/aJBswbXuS9sgrDH2QUO8ilkwNPHvHMd8clg==",
       "dev": true,
       "dependencies": {
         "has": "^1.0.3"
@@ -4567,9 +4608,9 @@
       }
     },
     "node_modules/jackspeak": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-2.2.0.tgz",
-      "integrity": "sha512-r5XBrqIJfwRIjRt/Xr5fv9Wh09qyhHfKnYddDlpM+ibRR20qrYActpCAgU6U+d53EOEjzkvxPMVHSlgR7leXrQ==",
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-2.2.1.tgz",
+      "integrity": "sha512-MXbxovZ/Pm42f6cDIDkl3xpwv1AGwObKwfmjs2nQePiy85tP3fatofl3FC1aBsOtP/6fq5SbtgHwWcMsLP+bDw==",
       "dev": true,
       "dependencies": {
         "@isaacs/cliui": "^8.0.2"
@@ -4602,17 +4643,6 @@
         "node": ">=10"
       }
     },
-    "node_modules/js-sdsl": {
-      "version": "4.4.0",
-      "resolved": "https://registry.npmjs.org/js-sdsl/-/js-sdsl-4.4.0.tgz",
-      "integrity": "sha512-FfVSdx6pJ41Oa+CF7RDaFmTnCaFhua+SNYQX74riGOpl96x+2jQCqEfQ2bnXu/5DPCqlRuiqyvTJM0Qjz26IVg==",
-      "dev": true,
-      "peer": true,
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/js-sdsl"
-      }
-    },
     "node_modules/js-tokens": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
@@ -5088,21 +5118,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/libnpmpublish/node_modules/normalize-package-data": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-5.0.0.tgz",
-      "integrity": "sha512-h9iPVIfrVZ9wVYQnxFgtw1ugSvGEMOlyPWWtm8BMJhnwyEL/FLbYbTY3V3PpjI/BUK67n9PEWDu6eHzu1fB15Q==",
-      "dev": true,
-      "dependencies": {
-        "hosted-git-info": "^6.0.0",
-        "is-core-module": "^2.8.1",
-        "semver": "^7.3.5",
-        "validate-npm-package-license": "^3.0.4"
-      },
-      "engines": {
-        "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
-      }
-    },
     "node_modules/libnpmpublish/node_modules/npm-package-arg": {
       "version": "10.1.0",
       "resolved": "https://registry.npmjs.org/npm-package-arg/-/npm-package-arg-10.1.0.tgz",
@@ -5466,10 +5481,16 @@
       }
     },
     "node_modules/meow/node_modules/hosted-git-info": {
-      "version": "2.8.9",
-      "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.8.9.tgz",
-      "integrity": "sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==",
-      "dev": true
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-4.1.0.tgz",
+      "integrity": "sha512-kyCuEOWjJqZuDbRHzL8V93NzQhwIB71oFWSyzVo+KPZI+pnQPPxucdkrOZvkLRnrf5URsQM+IJ09Dw29cRALIA==",
+      "dev": true,
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
     },
     "node_modules/meow/node_modules/locate-path": {
       "version": "5.0.0",
@@ -5483,6 +5504,33 @@
         "node": ">=8"
       }
     },
+    "node_modules/meow/node_modules/lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "dev": true,
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/meow/node_modules/normalize-package-data": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-3.0.3.tgz",
+      "integrity": "sha512-p2W1sgqij3zMMyRC067Dg16bfzVH+w7hyegmpIvZ4JNjqtGOVAIvLmjBx3yP7YTe9vKJgkoNOPjwQGogDoMXFA==",
+      "dev": true,
+      "dependencies": {
+        "hosted-git-info": "^4.0.1",
+        "is-core-module": "^2.5.0",
+        "semver": "^7.3.4",
+        "validate-npm-package-license": "^3.0.1"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/meow/node_modules/p-limit": {
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
@@ -5551,6 +5599,12 @@
         "node": ">=8"
       }
     },
+    "node_modules/meow/node_modules/read-pkg/node_modules/hosted-git-info": {
+      "version": "2.8.9",
+      "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.8.9.tgz",
+      "integrity": "sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==",
+      "dev": true
+    },
     "node_modules/meow/node_modules/read-pkg/node_modules/normalize-package-data": {
       "version": "2.5.0",
       "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-2.5.0.tgz",
@@ -5563,6 +5617,15 @@
         "validate-npm-package-license": "^3.0.1"
       }
     },
+    "node_modules/meow/node_modules/read-pkg/node_modules/semver": {
+      "version": "5.7.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
+      "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
+      "dev": true,
+      "bin": {
+        "semver": "bin/semver"
+      }
+    },
     "node_modules/meow/node_modules/read-pkg/node_modules/type-fest": {
       "version": "0.6.0",
       "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.6.0.tgz",
@@ -5572,15 +5635,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/meow/node_modules/semver": {
-      "version": "5.7.1",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
-      "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
-      "dev": true,
-      "bin": {
-        "semver": "bin/semver"
-      }
-    },
     "node_modules/meow/node_modules/type-fest": {
       "version": "0.18.1",
       "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.18.1.tgz",
@@ -6091,42 +6145,18 @@
       }
     },
     "node_modules/normalize-package-data": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-3.0.3.tgz",
-      "integrity": "sha512-p2W1sgqij3zMMyRC067Dg16bfzVH+w7hyegmpIvZ4JNjqtGOVAIvLmjBx3yP7YTe9vKJgkoNOPjwQGogDoMXFA==",
-      "dev": true,
-      "dependencies": {
-        "hosted-git-info": "^4.0.1",
-        "is-core-module": "^2.5.0",
-        "semver": "^7.3.4",
-        "validate-npm-package-license": "^3.0.1"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/normalize-package-data/node_modules/hosted-git-info": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-4.1.0.tgz",
-      "integrity": "sha512-kyCuEOWjJqZuDbRHzL8V93NzQhwIB71oFWSyzVo+KPZI+pnQPPxucdkrOZvkLRnrf5URsQM+IJ09Dw29cRALIA==",
-      "dev": true,
-      "dependencies": {
-        "lru-cache": "^6.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/normalize-package-data/node_modules/lru-cache": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
-      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-5.0.0.tgz",
+      "integrity": "sha512-h9iPVIfrVZ9wVYQnxFgtw1ugSvGEMOlyPWWtm8BMJhnwyEL/FLbYbTY3V3PpjI/BUK67n9PEWDu6eHzu1fB15Q==",
       "dev": true,
       "dependencies": {
-        "yallist": "^4.0.0"
+        "hosted-git-info": "^6.0.0",
+        "is-core-module": "^2.8.1",
+        "semver": "^7.3.5",
+        "validate-npm-package-license": "^3.0.4"
       },
       "engines": {
-        "node": ">=10"
+        "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
       }
     },
     "node_modules/npm-bundled": {
@@ -6975,9 +7005,9 @@
       }
     },
     "node_modules/pacote/node_modules/minimatch": {
-      "version": "9.0.0",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.0.tgz",
-      "integrity": "sha512-0jJj8AvgKqWN05mrwuqi8QYKx1WmYSUoKSxu5Qhs9prezTz10sxAHGNZe9J9cqIJzta8DWsleh2KaVaLl6Ru2w==",
+      "version": "9.0.1",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.1.tgz",
+      "integrity": "sha512-0jWhJpD/MdhPXwPuiRkCbfYfSKp2qnn2eOc279qI7f+osl/l+prKSrvhg157zSYvx/1nmgn2NqdT6k2Z7zSH9w==",
       "dev": true,
       "dependencies": {
         "brace-expansion": "^2.0.1"
@@ -6998,21 +7028,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/pacote/node_modules/normalize-package-data": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-5.0.0.tgz",
-      "integrity": "sha512-h9iPVIfrVZ9wVYQnxFgtw1ugSvGEMOlyPWWtm8BMJhnwyEL/FLbYbTY3V3PpjI/BUK67n9PEWDu6eHzu1fB15Q==",
-      "dev": true,
-      "dependencies": {
-        "hosted-git-info": "^6.0.0",
-        "is-core-module": "^2.8.1",
-        "semver": "^7.3.5",
-        "validate-npm-package-license": "^3.0.4"
-      },
-      "engines": {
-        "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
-      }
-    },
     "node_modules/pacote/node_modules/npm-package-arg": {
       "version": "10.1.0",
       "resolved": "https://registry.npmjs.org/npm-package-arg/-/npm-package-arg-10.1.0.tgz",
@@ -7211,13 +7226,13 @@
       "dev": true
     },
     "node_modules/path-scurry": {
-      "version": "1.9.1",
-      "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.9.1.tgz",
-      "integrity": "sha512-UgmoiySyjFxP6tscZDgWGEAgsW5ok8W3F5CJDnnH2pozwSTGE6eH7vwTotMwATWA2r5xqdkKdxYPkwlJjAI/3g==",
+      "version": "1.9.2",
+      "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.9.2.tgz",
+      "integrity": "sha512-qSDLy2aGFPm8i4rsbHd4MNyTcrzHFsLQykrtbuGRknZZCBBVXSv2tSCDN2Cg6Rt/GFRw8GoW9y9Ecw5rIPG1sg==",
       "dev": true,
       "dependencies": {
         "lru-cache": "^9.1.1",
-        "minipass": "^5.0.0 || ^6.0.0"
+        "minipass": "^5.0.0 || ^6.0.2"
       },
       "engines": {
         "node": ">=16 || 14 >=14.17"
@@ -8170,9 +8185,9 @@
       "dev": true
     },
     "node_modules/sigstore": {
-      "version": "1.5.1",
-      "resolved": "https://registry.npmjs.org/sigstore/-/sigstore-1.5.1.tgz",
-      "integrity": "sha512-FIPThk7S1oeFXn8O8yh7gpyiQb6lYXzMIlOBzXhId/f81VvU587xNCHc4jd2lZ9724UkKUYYTuKSYcjhDSRD/Q==",
+      "version": "1.5.2",
+      "resolved": "https://registry.npmjs.org/sigstore/-/sigstore-1.5.2.tgz",
+      "integrity": "sha512-X95v6xAAooVpn7PaB94TDmFeSO5SBfCtB1R23fvzr36WTfjtkiiyOeei979nbTjc8nzh6FSLeltQZuODsm1EjQ==",
       "dev": true,
       "dependencies": {
         "@sigstore/protobuf-specs": "^0.1.0",
@@ -8748,9 +8763,9 @@
       }
     },
     "node_modules/tslib": {
-      "version": "2.5.0",
-      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.5.0.tgz",
-      "integrity": "sha512-336iVw3rtn2BUK7ORdIAHTyxHGRIHVReokCR3XjbckJMK7ms8FysBfhLR8IXnAgy7T0PTPNBWKiH514FOW/WSg==",
+      "version": "2.5.2",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.5.2.tgz",
+      "integrity": "sha512-5svOrSA2w3iGFDs1HibEVBGbDrAY82bFQ3HZ3ixB+88nsbsWQoKqDRb5UBYAUPEzbBn6dAp5gRNXglySbx1MlA==",
       "dev": true
     },
     "node_modules/tuf-js": {
@@ -9395,9 +9410,9 @@
       }
     },
     "@eslint/js": {
-      "version": "8.40.0",
-      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.40.0.tgz",
-      "integrity": "sha512-ElyB54bJIhXQYVKjDSvCkPO1iU1tSAeVQJbllWJq1XQSmmA4dgFk8CbiBGpiOPxleE48vDogxCtmMYku4HSVLA==",
+      "version": "8.41.0",
+      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.41.0.tgz",
+      "integrity": "sha512-LxcyMGxwmTh2lY9FwHPGWOHmYFCZvbrFCBZL4FzSSsxsRPuhrYUg/49/0KDfW8tnIEaEHtfmn6+NPN+1DqaNmA==",
       "dev": true,
       "peer": true
     },
@@ -10093,9 +10108,9 @@
           }
         },
         "minimatch": {
-          "version": "9.0.0",
-          "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.0.tgz",
-          "integrity": "sha512-0jJj8AvgKqWN05mrwuqi8QYKx1WmYSUoKSxu5Qhs9prezTz10sxAHGNZe9J9cqIJzta8DWsleh2KaVaLl6Ru2w==",
+          "version": "9.0.1",
+          "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.1.tgz",
+          "integrity": "sha512-0jWhJpD/MdhPXwPuiRkCbfYfSKp2qnn2eOc279qI7f+osl/l+prKSrvhg157zSYvx/1nmgn2NqdT6k2Z7zSH9w==",
           "dev": true,
           "requires": {
             "brace-expansion": "^2.0.1"
@@ -10138,12 +10153,15 @@
       "dev": true
     },
     "@npmcli/package-json": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/@npmcli/package-json/-/package-json-3.0.0.tgz",
-      "integrity": "sha512-NnuPuM97xfiCpbTEJYtEuKz6CFbpUHtaT0+5via5pQeI25omvQDFbp1GcGJ/c4zvL/WX0qbde6YiLgfZbWFgvg==",
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/@npmcli/package-json/-/package-json-3.1.0.tgz",
+      "integrity": "sha512-qNPy6Yf9ruFST99xcrl5EWAvrb7qFrwgVbwdzcTJlIgxbArKOq5e/bgZ6rTL1X9hDgAdPbvL8RWx/OTLSB0ToA==",
       "dev": true,
       "requires": {
-        "json-parse-even-better-errors": "^3.0.0"
+        "glob": "^10.2.2",
+        "json-parse-even-better-errors": "^3.0.0",
+        "normalize-package-data": "^5.0.0",
+        "npm-normalize-package-bin": "^3.0.1"
       }
     },
     "@npmcli/promise-spawn": {
@@ -10331,9 +10349,9 @@
       }
     },
     "@octokit/core": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/@octokit/core/-/core-4.2.0.tgz",
-      "integrity": "sha512-AgvDRUg3COpR82P7PBdGZF/NNqGmtMq2NiPqeSsDIeCfYFOZ9gddqWNQHnFdEUf+YwOj4aZYmJnlPp7OXmDIDg==",
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/@octokit/core/-/core-4.2.1.tgz",
+      "integrity": "sha512-tEDxFx8E38zF3gT7sSMDrT1tGumDgsw5yPG6BBh/X+5ClIQfMH/Yqocxz1PnHx6CHyF6pxmovUTOfZAUvQ0Lvw==",
       "dev": true,
       "requires": {
         "@octokit/auth-token": "^3.0.0",
@@ -10357,9 +10375,9 @@
       }
     },
     "@octokit/graphql": {
-      "version": "5.0.5",
-      "resolved": "https://registry.npmjs.org/@octokit/graphql/-/graphql-5.0.5.tgz",
-      "integrity": "sha512-Qwfvh3xdqKtIznjX9lz2D458r7dJPP8l6r4GQkIdWQouZwHQK0mVT88uwiU2bdTU2OtT1uOlKpRciUWldpG0yQ==",
+      "version": "5.0.6",
+      "resolved": "https://registry.npmjs.org/@octokit/graphql/-/graphql-5.0.6.tgz",
+      "integrity": "sha512-Fxyxdy/JH0MnIB5h+UQ3yCoh1FG4kWXfFKkpWqjZHw/p+Kc8Y44Hu/kCgNBT6nU1shNumEchmW/sUO1JuQnPcw==",
       "dev": true,
       "requires": {
         "@octokit/request": "^6.0.0",
@@ -10368,9 +10386,9 @@
       }
     },
     "@octokit/openapi-types": {
-      "version": "17.1.2",
-      "resolved": "https://registry.npmjs.org/@octokit/openapi-types/-/openapi-types-17.1.2.tgz",
-      "integrity": "sha512-OaS7Ol4Y+U50PbejfzQflGWRMxO04nYWO5ZBv6JerqMKE2WS/tI9VoVDDPXHBlRMGG2fOdKwtVGlFfc7AVIstw==",
+      "version": "17.2.0",
+      "resolved": "https://registry.npmjs.org/@octokit/openapi-types/-/openapi-types-17.2.0.tgz",
+      "integrity": "sha512-MazrFNx4plbLsGl+LFesMo96eIXkFgEtaKbnNpdh4aQ0VM10aoylFsTYP1AEjkeoRNZiiPe3T6Gl2Hr8dJWdlQ==",
       "dev": true
     },
     "@octokit/plugin-enterprise-rest": {
@@ -10440,9 +10458,9 @@
       }
     },
     "@octokit/request": {
-      "version": "6.2.3",
-      "resolved": "https://registry.npmjs.org/@octokit/request/-/request-6.2.3.tgz",
-      "integrity": "sha512-TNAodj5yNzrrZ/VxP+H5HiYaZep0H3GU0O7PaF+fhDrt8FPrnkei9Aal/txsN/1P7V3CPiThG0tIvpPDYUsyAA==",
+      "version": "6.2.5",
+      "resolved": "https://registry.npmjs.org/@octokit/request/-/request-6.2.5.tgz",
+      "integrity": "sha512-z83E8UIlPNaJUsXpjD8E0V5o/5f+vJJNbNcBwVZsX3/vC650U41cOkTLjq4PKk9BYonQGOnx7N17gvLyNjgGcQ==",
       "dev": true,
       "requires": {
         "@octokit/endpoint": "^7.0.0",
@@ -10477,12 +10495,12 @@
       }
     },
     "@octokit/types": {
-      "version": "9.2.2",
-      "resolved": "https://registry.npmjs.org/@octokit/types/-/types-9.2.2.tgz",
-      "integrity": "sha512-9BjDxjgQIvCjNWZsbqyH5QC2Yni16oaE6xL+8SUBMzcYPF4TGQBXGA97Cl3KceK9mwiNMb1mOYCz6FbCCLEL+g==",
+      "version": "9.2.3",
+      "resolved": "https://registry.npmjs.org/@octokit/types/-/types-9.2.3.tgz",
+      "integrity": "sha512-MMeLdHyFIALioycq+LFcA71v0S2xpQUX2cw6pPbHQjaibcHYwLnmK/kMZaWuGfGfjBJZ3wRUq+dOaWsvrPJVvA==",
       "dev": true,
       "requires": {
-        "@octokit/openapi-types": "^17.1.2"
+        "@octokit/openapi-types": "^17.2.0"
       }
     },
     "@parcel/watcher": {
@@ -10546,9 +10564,9 @@
           }
         },
         "minimatch": {
-          "version": "9.0.0",
-          "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.0.tgz",
-          "integrity": "sha512-0jJj8AvgKqWN05mrwuqi8QYKx1WmYSUoKSxu5Qhs9prezTz10sxAHGNZe9J9cqIJzta8DWsleh2KaVaLl6Ru2w==",
+          "version": "9.0.1",
+          "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.1.tgz",
+          "integrity": "sha512-0jWhJpD/MdhPXwPuiRkCbfYfSKp2qnn2eOc279qI7f+osl/l+prKSrvhg157zSYvx/1nmgn2NqdT6k2Z7zSH9w==",
           "dev": true,
           "requires": {
             "brace-expansion": "^2.0.1"
@@ -10587,9 +10605,9 @@
       "dev": true
     },
     "@yarnpkg/parsers": {
-      "version": "3.0.0-rc.43",
-      "resolved": "https://registry.npmjs.org/@yarnpkg/parsers/-/parsers-3.0.0-rc.43.tgz",
-      "integrity": "sha512-AhFF3mIDfA+jEwQv2WMHmiYhOvmdbh2qhUkDVQfiqzQtUwS4BgoWwom5NpSPg4Ix5vOul+w1690Bt21CkVLpgg==",
+      "version": "3.0.0-rc.44",
+      "resolved": "https://registry.npmjs.org/@yarnpkg/parsers/-/parsers-3.0.0-rc.44.tgz",
+      "integrity": "sha512-UVAt9Icc8zfGXioeYJ8XMoSTxOYVmlal2TRNxy9Uh91taS72kQFalK7LpIslcvEBKy4XtarmfIwcFIU3ZY64lw==",
       "dev": true,
       "requires": {
         "js-yaml": "^3.10.0",
@@ -10940,9 +10958,9 @@
       "dev": true
     },
     "cacache": {
-      "version": "17.1.0",
-      "resolved": "https://registry.npmjs.org/cacache/-/cacache-17.1.0.tgz",
-      "integrity": "sha512-hXpFU+Z3AfVmNuiLve1qxWHMq0RSIt5gjCKAHi/M6DktwFwDdAXAtunl1i4WSKaaVcU9IsRvXFg42jTHigcC6Q==",
+      "version": "17.1.3",
+      "resolved": "https://registry.npmjs.org/cacache/-/cacache-17.1.3.tgz",
+      "integrity": "sha512-jAdjGxmPxZh0IipMdR7fK/4sDSrHMLUV0+GvVUsjwyGNKHsh79kW/otg+GkbXwl6Uzvy9wsvHOX4nUoWldeZMg==",
       "dev": true,
       "requires": {
         "@npmcli/fs": "^3.1.0",
@@ -11233,6 +11251,38 @@
         "read-pkg": "^3.0.0",
         "read-pkg-up": "^3.0.0",
         "through2": "^4.0.0"
+      },
+      "dependencies": {
+        "hosted-git-info": {
+          "version": "4.1.0",
+          "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-4.1.0.tgz",
+          "integrity": "sha512-kyCuEOWjJqZuDbRHzL8V93NzQhwIB71oFWSyzVo+KPZI+pnQPPxucdkrOZvkLRnrf5URsQM+IJ09Dw29cRALIA==",
+          "dev": true,
+          "requires": {
+            "lru-cache": "^6.0.0"
+          }
+        },
+        "lru-cache": {
+          "version": "6.0.0",
+          "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+          "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+          "dev": true,
+          "requires": {
+            "yallist": "^4.0.0"
+          }
+        },
+        "normalize-package-data": {
+          "version": "3.0.3",
+          "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-3.0.3.tgz",
+          "integrity": "sha512-p2W1sgqij3zMMyRC067Dg16bfzVH+w7hyegmpIvZ4JNjqtGOVAIvLmjBx3yP7YTe9vKJgkoNOPjwQGogDoMXFA==",
+          "dev": true,
+          "requires": {
+            "hosted-git-info": "^4.0.1",
+            "is-core-module": "^2.5.0",
+            "semver": "^7.3.4",
+            "validate-npm-package-license": "^3.0.1"
+          }
+        }
       }
     },
     "conventional-changelog-preset-loader": {
@@ -11609,16 +11659,16 @@
       "peer": true
     },
     "eslint": {
-      "version": "8.40.0",
-      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.40.0.tgz",
-      "integrity": "sha512-bvR+TsP9EHL3TqNtj9sCNJVAFK3fBN8Q7g5waghxyRsPLIMwL73XSKnZFK0hk/O2ANC+iAoq6PWMQ+IfBAJIiQ==",
+      "version": "8.41.0",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.41.0.tgz",
+      "integrity": "sha512-WQDQpzGBOP5IrXPo4Hc0814r4/v2rrIsB0rhT7jtunIalgg6gYXWhRMOejVO8yH21T/FGaxjmFjBMNqcIlmH1Q==",
       "dev": true,
       "peer": true,
       "requires": {
         "@eslint-community/eslint-utils": "^4.2.0",
         "@eslint-community/regexpp": "^4.4.0",
         "@eslint/eslintrc": "^2.0.3",
-        "@eslint/js": "8.40.0",
+        "@eslint/js": "8.41.0",
         "@humanwhocodes/config-array": "^0.11.8",
         "@humanwhocodes/module-importer": "^1.0.1",
         "@nodelib/fs.walk": "^1.2.8",
@@ -11638,13 +11688,12 @@
         "find-up": "^5.0.0",
         "glob-parent": "^6.0.2",
         "globals": "^13.19.0",
-        "grapheme-splitter": "^1.0.4",
+        "graphemer": "^1.4.0",
         "ignore": "^5.2.0",
         "import-fresh": "^3.0.0",
         "imurmurhash": "^0.1.4",
         "is-glob": "^4.0.0",
         "is-path-inside": "^3.0.3",
-        "js-sdsl": "^4.1.4",
         "js-yaml": "^4.1.0",
         "json-stable-stringify-without-jsonify": "^1.0.1",
         "levn": "^0.4.1",
@@ -12208,15 +12257,15 @@
       }
     },
     "glob": {
-      "version": "10.2.4",
-      "resolved": "https://registry.npmjs.org/glob/-/glob-10.2.4.tgz",
-      "integrity": "sha512-fDboBse/sl1oXSLhIp0FcCJgzW9KmhC/q8ULTKC82zc+DL3TL7FNb8qlt5qqXN53MsKEUSIcb+7DLmEygOE5Yw==",
+      "version": "10.2.6",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-10.2.6.tgz",
+      "integrity": "sha512-U/rnDpXJGF414QQQZv5uVsabTVxMSwzS5CH0p3DRCIV6ownl4f7PzGnkGmvlum2wB+9RlJWJZ6ACU1INnBqiPA==",
       "dev": true,
       "requires": {
         "foreground-child": "^3.1.0",
         "jackspeak": "^2.0.3",
-        "minimatch": "^9.0.0",
-        "minipass": "^5.0.0 || ^6.0.0",
+        "minimatch": "^9.0.1",
+        "minipass": "^5.0.0 || ^6.0.2",
         "path-scurry": "^1.7.0"
       },
       "dependencies": {
@@ -12230,9 +12279,9 @@
           }
         },
         "minimatch": {
-          "version": "9.0.0",
-          "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.0.tgz",
-          "integrity": "sha512-0jJj8AvgKqWN05mrwuqi8QYKx1WmYSUoKSxu5Qhs9prezTz10sxAHGNZe9J9cqIJzta8DWsleh2KaVaLl6Ru2w==",
+          "version": "9.0.1",
+          "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.1.tgz",
+          "integrity": "sha512-0jWhJpD/MdhPXwPuiRkCbfYfSKp2qnn2eOc279qI7f+osl/l+prKSrvhg157zSYvx/1nmgn2NqdT6k2Z7zSH9w==",
           "dev": true,
           "requires": {
             "brace-expansion": "^2.0.1"
@@ -12280,10 +12329,10 @@
       "integrity": "sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA==",
       "dev": true
     },
-    "grapheme-splitter": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/grapheme-splitter/-/grapheme-splitter-1.0.4.tgz",
-      "integrity": "sha512-bzh50DW9kTPM00T8y4o8vQg89Di9oLJVLW/KaOGIXJWP/iqCN6WKYkbNOF04vFLJhwcpYUh9ydh/+5vpOqV4YQ==",
+    "graphemer": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz",
+      "integrity": "sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==",
       "dev": true,
       "peer": true
     },
@@ -12583,9 +12632,9 @@
       }
     },
     "is-core-module": {
-      "version": "2.12.0",
-      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.12.0.tgz",
-      "integrity": "sha512-RECHCBCd/viahWmwj6enj19sKbHfJrddi/6cBDsNTKbNq0f7VeaUkBo60BqzvPqo/W54ChS62Z5qyun7cfOMqQ==",
+      "version": "2.12.1",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.12.1.tgz",
+      "integrity": "sha512-Q4ZuBAe2FUsKtyQJoQHlvP8OvBERxO3jEmy1I7hcRXcJBGGHFh/aJBswbXuS9sgrDH2QUO8ilkwNPHvHMd8clg==",
       "dev": true,
       "requires": {
         "has": "^1.0.3"
@@ -12724,9 +12773,9 @@
       "dev": true
     },
     "jackspeak": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-2.2.0.tgz",
-      "integrity": "sha512-r5XBrqIJfwRIjRt/Xr5fv9Wh09qyhHfKnYddDlpM+ibRR20qrYActpCAgU6U+d53EOEjzkvxPMVHSlgR7leXrQ==",
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-2.2.1.tgz",
+      "integrity": "sha512-MXbxovZ/Pm42f6cDIDkl3xpwv1AGwObKwfmjs2nQePiy85tP3fatofl3FC1aBsOtP/6fq5SbtgHwWcMsLP+bDw==",
       "dev": true,
       "requires": {
         "@isaacs/cliui": "^8.0.2",
@@ -12745,13 +12794,6 @@
         "minimatch": "^3.1.2"
       }
     },
-    "js-sdsl": {
-      "version": "4.4.0",
-      "resolved": "https://registry.npmjs.org/js-sdsl/-/js-sdsl-4.4.0.tgz",
-      "integrity": "sha512-FfVSdx6pJ41Oa+CF7RDaFmTnCaFhua+SNYQX74riGOpl96x+2jQCqEfQ2bnXu/5DPCqlRuiqyvTJM0Qjz26IVg==",
-      "dev": true,
-      "peer": true
-    },
     "js-tokens": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
@@ -13126,18 +13168,6 @@
           "integrity": "sha512-eXTggHWSooYhq49F2opQhuHWgzucfF2YgODK4e1566GQs5BIfP30B0oenwBJHfWxAs2fyPB1s7Mg949zLf61Yw==",
           "dev": true
         },
-        "normalize-package-data": {
-          "version": "5.0.0",
-          "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-5.0.0.tgz",
-          "integrity": "sha512-h9iPVIfrVZ9wVYQnxFgtw1ugSvGEMOlyPWWtm8BMJhnwyEL/FLbYbTY3V3PpjI/BUK67n9PEWDu6eHzu1fB15Q==",
-          "dev": true,
-          "requires": {
-            "hosted-git-info": "^6.0.0",
-            "is-core-module": "^2.8.1",
-            "semver": "^7.3.5",
-            "validate-npm-package-license": "^3.0.4"
-          }
-        },
         "npm-package-arg": {
           "version": "10.1.0",
           "resolved": "https://registry.npmjs.org/npm-package-arg/-/npm-package-arg-10.1.0.tgz",
@@ -13422,10 +13452,13 @@
           }
         },
         "hosted-git-info": {
-          "version": "2.8.9",
-          "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.8.9.tgz",
-          "integrity": "sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==",
-          "dev": true
+          "version": "4.1.0",
+          "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-4.1.0.tgz",
+          "integrity": "sha512-kyCuEOWjJqZuDbRHzL8V93NzQhwIB71oFWSyzVo+KPZI+pnQPPxucdkrOZvkLRnrf5URsQM+IJ09Dw29cRALIA==",
+          "dev": true,
+          "requires": {
+            "lru-cache": "^6.0.0"
+          }
         },
         "locate-path": {
           "version": "5.0.0",
@@ -13436,6 +13469,27 @@
             "p-locate": "^4.1.0"
           }
         },
+        "lru-cache": {
+          "version": "6.0.0",
+          "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+          "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+          "dev": true,
+          "requires": {
+            "yallist": "^4.0.0"
+          }
+        },
+        "normalize-package-data": {
+          "version": "3.0.3",
+          "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-3.0.3.tgz",
+          "integrity": "sha512-p2W1sgqij3zMMyRC067Dg16bfzVH+w7hyegmpIvZ4JNjqtGOVAIvLmjBx3yP7YTe9vKJgkoNOPjwQGogDoMXFA==",
+          "dev": true,
+          "requires": {
+            "hosted-git-info": "^4.0.1",
+            "is-core-module": "^2.5.0",
+            "semver": "^7.3.4",
+            "validate-npm-package-license": "^3.0.1"
+          }
+        },
         "p-limit": {
           "version": "2.3.0",
           "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
@@ -13466,6 +13520,12 @@
             "type-fest": "^0.6.0"
           },
           "dependencies": {
+            "hosted-git-info": {
+              "version": "2.8.9",
+              "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.8.9.tgz",
+              "integrity": "sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==",
+              "dev": true
+            },
             "normalize-package-data": {
               "version": "2.5.0",
               "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-2.5.0.tgz",
@@ -13478,6 +13538,12 @@
                 "validate-npm-package-license": "^3.0.1"
               }
             },
+            "semver": {
+              "version": "5.7.1",
+              "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
+              "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
+              "dev": true
+            },
             "type-fest": {
               "version": "0.6.0",
               "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.6.0.tgz",
@@ -13505,12 +13571,6 @@
             }
           }
         },
-        "semver": {
-          "version": "5.7.1",
-          "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
-          "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
-          "dev": true
-        },
         "type-fest": {
           "version": "0.18.1",
           "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.18.1.tgz",
@@ -13900,35 +13960,15 @@
       }
     },
     "normalize-package-data": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-3.0.3.tgz",
-      "integrity": "sha512-p2W1sgqij3zMMyRC067Dg16bfzVH+w7hyegmpIvZ4JNjqtGOVAIvLmjBx3yP7YTe9vKJgkoNOPjwQGogDoMXFA==",
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-5.0.0.tgz",
+      "integrity": "sha512-h9iPVIfrVZ9wVYQnxFgtw1ugSvGEMOlyPWWtm8BMJhnwyEL/FLbYbTY3V3PpjI/BUK67n9PEWDu6eHzu1fB15Q==",
       "dev": true,
       "requires": {
-        "hosted-git-info": "^4.0.1",
-        "is-core-module": "^2.5.0",
-        "semver": "^7.3.4",
-        "validate-npm-package-license": "^3.0.1"
-      },
-      "dependencies": {
-        "hosted-git-info": {
-          "version": "4.1.0",
-          "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-4.1.0.tgz",
-          "integrity": "sha512-kyCuEOWjJqZuDbRHzL8V93NzQhwIB71oFWSyzVo+KPZI+pnQPPxucdkrOZvkLRnrf5URsQM+IJ09Dw29cRALIA==",
-          "dev": true,
-          "requires": {
-            "lru-cache": "^6.0.0"
-          }
-        },
-        "lru-cache": {
-          "version": "6.0.0",
-          "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
-          "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
-          "dev": true,
-          "requires": {
-            "yallist": "^4.0.0"
-          }
-        }
+        "hosted-git-info": "^6.0.0",
+        "is-core-module": "^2.8.1",
+        "semver": "^7.3.5",
+        "validate-npm-package-license": "^3.0.4"
       }
     },
     "npm-bundled": {
@@ -14580,9 +14620,9 @@
           }
         },
         "minimatch": {
-          "version": "9.0.0",
-          "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.0.tgz",
-          "integrity": "sha512-0jJj8AvgKqWN05mrwuqi8QYKx1WmYSUoKSxu5Qhs9prezTz10sxAHGNZe9J9cqIJzta8DWsleh2KaVaLl6Ru2w==",
+          "version": "9.0.1",
+          "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.1.tgz",
+          "integrity": "sha512-0jWhJpD/MdhPXwPuiRkCbfYfSKp2qnn2eOc279qI7f+osl/l+prKSrvhg157zSYvx/1nmgn2NqdT6k2Z7zSH9w==",
           "dev": true,
           "requires": {
             "brace-expansion": "^2.0.1"
@@ -14594,18 +14634,6 @@
           "integrity": "sha512-fNzuVyifolSLFL4NzpF+wEF4qrgqaaKX0haXPQEdQ7NKAN+WecoKMHV09YcuL/DHxrUsYQOK3MiuDf7Ip2OXfQ==",
           "dev": true
         },
-        "normalize-package-data": {
-          "version": "5.0.0",
-          "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-5.0.0.tgz",
-          "integrity": "sha512-h9iPVIfrVZ9wVYQnxFgtw1ugSvGEMOlyPWWtm8BMJhnwyEL/FLbYbTY3V3PpjI/BUK67n9PEWDu6eHzu1fB15Q==",
-          "dev": true,
-          "requires": {
-            "hosted-git-info": "^6.0.0",
-            "is-core-module": "^2.8.1",
-            "semver": "^7.3.5",
-            "validate-npm-package-license": "^3.0.4"
-          }
-        },
         "npm-package-arg": {
           "version": "10.1.0",
           "resolved": "https://registry.npmjs.org/npm-package-arg/-/npm-package-arg-10.1.0.tgz",
@@ -14765,13 +14793,13 @@
       "dev": true
     },
     "path-scurry": {
-      "version": "1.9.1",
-      "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.9.1.tgz",
-      "integrity": "sha512-UgmoiySyjFxP6tscZDgWGEAgsW5ok8W3F5CJDnnH2pozwSTGE6eH7vwTotMwATWA2r5xqdkKdxYPkwlJjAI/3g==",
+      "version": "1.9.2",
+      "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.9.2.tgz",
+      "integrity": "sha512-qSDLy2aGFPm8i4rsbHd4MNyTcrzHFsLQykrtbuGRknZZCBBVXSv2tSCDN2Cg6Rt/GFRw8GoW9y9Ecw5rIPG1sg==",
       "dev": true,
       "requires": {
         "lru-cache": "^9.1.1",
-        "minipass": "^5.0.0 || ^6.0.0"
+        "minipass": "^5.0.0 || ^6.0.2"
       },
       "dependencies": {
         "lru-cache": {
@@ -15469,9 +15497,9 @@
       "dev": true
     },
     "sigstore": {
-      "version": "1.5.1",
-      "resolved": "https://registry.npmjs.org/sigstore/-/sigstore-1.5.1.tgz",
-      "integrity": "sha512-FIPThk7S1oeFXn8O8yh7gpyiQb6lYXzMIlOBzXhId/f81VvU587xNCHc4jd2lZ9724UkKUYYTuKSYcjhDSRD/Q==",
+      "version": "1.5.2",
+      "resolved": "https://registry.npmjs.org/sigstore/-/sigstore-1.5.2.tgz",
+      "integrity": "sha512-X95v6xAAooVpn7PaB94TDmFeSO5SBfCtB1R23fvzr36WTfjtkiiyOeei979nbTjc8nzh6FSLeltQZuODsm1EjQ==",
       "dev": true,
       "requires": {
         "@sigstore/protobuf-specs": "^0.1.0",
@@ -15916,9 +15944,9 @@
       }
     },
     "tslib": {
-      "version": "2.5.0",
-      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.5.0.tgz",
-      "integrity": "sha512-336iVw3rtn2BUK7ORdIAHTyxHGRIHVReokCR3XjbckJMK7ms8FysBfhLR8IXnAgy7T0PTPNBWKiH514FOW/WSg==",
+      "version": "2.5.2",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.5.2.tgz",
+      "integrity": "sha512-5svOrSA2w3iGFDs1HibEVBGbDrAY82bFQ3HZ3ixB+88nsbsWQoKqDRb5UBYAUPEzbBn6dAp5gRNXglySbx1MlA==",
       "dev": true
     },
     "tuf-js": {
diff --git a/packages/commerce-sdk-react/package-lock.json b/packages/commerce-sdk-react/package-lock.json
index 7b5684c0de..49f7969873 100644
--- a/packages/commerce-sdk-react/package-lock.json
+++ b/packages/commerce-sdk-react/package-lock.json
@@ -1285,9 +1285,9 @@
       }
     },
     "node_modules/is-core-module": {
-      "version": "2.12.0",
-      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.12.0.tgz",
-      "integrity": "sha512-RECHCBCd/viahWmwj6enj19sKbHfJrddi/6cBDsNTKbNq0f7VeaUkBo60BqzvPqo/W54ChS62Z5qyun7cfOMqQ==",
+      "version": "2.12.1",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.12.1.tgz",
+      "integrity": "sha512-Q4ZuBAe2FUsKtyQJoQHlvP8OvBERxO3jEmy1I7hcRXcJBGGHFh/aJBswbXuS9sgrDH2QUO8ilkwNPHvHMd8clg==",
       "dev": true,
       "dependencies": {
         "has": "^1.0.3"
@@ -2277,9 +2277,9 @@
       }
     },
     "node_modules/react-fast-compare": {
-      "version": "3.2.1",
-      "resolved": "https://registry.npmjs.org/react-fast-compare/-/react-fast-compare-3.2.1.tgz",
-      "integrity": "sha512-xTYf9zFim2pEif/Fw16dBiXpe0hoy5PxcD8+OwBnTtNLfIm3g6WxhKNurY+6OmdH1u6Ta/W/Vl6vjbYP1MFnDg==",
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/react-fast-compare/-/react-fast-compare-3.2.2.tgz",
+      "integrity": "sha512-nsO+KSNgo1SbJqJEYRE9ERzo7YtYbou/OqjSQKxV7jcKox7+usiUVZOAC+XnDOABXggQTno0Y1CpVnuWEc1boQ==",
       "dev": true
     },
     "node_modules/react-helmet": {
@@ -3746,9 +3746,9 @@
       "dev": true
     },
     "is-core-module": {
-      "version": "2.12.0",
-      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.12.0.tgz",
-      "integrity": "sha512-RECHCBCd/viahWmwj6enj19sKbHfJrddi/6cBDsNTKbNq0f7VeaUkBo60BqzvPqo/W54ChS62Z5qyun7cfOMqQ==",
+      "version": "2.12.1",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.12.1.tgz",
+      "integrity": "sha512-Q4ZuBAe2FUsKtyQJoQHlvP8OvBERxO3jEmy1I7hcRXcJBGGHFh/aJBswbXuS9sgrDH2QUO8ilkwNPHvHMd8clg==",
       "dev": true,
       "requires": {
         "has": "^1.0.3"
@@ -4492,9 +4492,9 @@
       }
     },
     "react-fast-compare": {
-      "version": "3.2.1",
-      "resolved": "https://registry.npmjs.org/react-fast-compare/-/react-fast-compare-3.2.1.tgz",
-      "integrity": "sha512-xTYf9zFim2pEif/Fw16dBiXpe0hoy5PxcD8+OwBnTtNLfIm3g6WxhKNurY+6OmdH1u6Ta/W/Vl6vjbYP1MFnDg==",
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/react-fast-compare/-/react-fast-compare-3.2.2.tgz",
+      "integrity": "sha512-nsO+KSNgo1SbJqJEYRE9ERzo7YtYbou/OqjSQKxV7jcKox7+usiUVZOAC+XnDOABXggQTno0Y1CpVnuWEc1boQ==",
       "dev": true
     },
     "react-helmet": {
diff --git a/packages/commerce-sdk-react/setup-jest.js b/packages/commerce-sdk-react/setup-jest.js
index 3ef8530d13..ef2d9df120 100644
--- a/packages/commerce-sdk-react/setup-jest.js
+++ b/packages/commerce-sdk-react/setup-jest.js
@@ -25,6 +25,9 @@ class LocalStorageMock {
     }
 }
 
+/* eslint-disable @typescript-eslint/no-var-requires */
+global.TextDecoder = require('util').TextDecoder
+
 const localStorageMock = new LocalStorageMock()
 
 Object.defineProperty(window, 'localStorage', {
diff --git a/packages/internal-lib-build/package-lock.json b/packages/internal-lib-build/package-lock.json
index ef37296894..658b691fdb 100644
--- a/packages/internal-lib-build/package-lock.json
+++ b/packages/internal-lib-build/package-lock.json
@@ -122,9 +122,9 @@
       }
     },
     "node_modules/@babel/compat-data": {
-      "version": "7.21.7",
-      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.21.7.tgz",
-      "integrity": "sha512-KYMqFYTaenzMK4yUtf4EW9wc4N9ef80FsbMtkwool5zpwl4YrT1SdWYSTRcT94KO4hannogdS+LxY7L+arP3gA==",
+      "version": "7.21.9",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.21.9.tgz",
+      "integrity": "sha512-FUGed8kfhyWvbYug/Un/VPJD41rDIgoVVcR+FuzhzOYyRz5uED+Gd3SLZml0Uw2l2aHFb7ZgdW5mGA3G2cCCnQ==",
       "engines": {
         "node": ">=6.9.0"
       }
@@ -159,9 +159,9 @@
       }
     },
     "node_modules/@babel/generator": {
-      "version": "7.21.5",
-      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.21.5.tgz",
-      "integrity": "sha512-SrKK/sRv8GesIW1bDagf9cCG38IOMYZusoe1dfg0D8aiUe3Amvoj1QtjTPAWcfrZFvIwlleLb0gxzQidL9w14w==",
+      "version": "7.21.9",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.21.9.tgz",
+      "integrity": "sha512-F3fZga2uv09wFdEjEQIJxXALXfz0+JaOb7SabvVMmjHxeVTuGW8wgE8Vp1Hd7O+zMTYtcfEISGRzPkeiaPPsvg==",
       "dependencies": {
         "@babel/types": "^7.21.5",
         "@jridgewell/gen-mapping": "^0.3.2",
@@ -487,9 +487,9 @@
       }
     },
     "node_modules/@babel/parser": {
-      "version": "7.21.8",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.21.8.tgz",
-      "integrity": "sha512-6zavDGdzG3gUqAdWvlLFfk+36RilI+Pwyuuh7HItyeScCWP3k6i8vKclAQ0bM/0y/Kz/xiwvxhMv9MgTJP5gmA==",
+      "version": "7.21.9",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.21.9.tgz",
+      "integrity": "sha512-q5PNg/Bi1OpGgx5jYlvWZwAorZepEudDMCLtj967aeS7WMont7dUZI46M2XwcIQqvUlMxWfdLFu4S/qSxeUu5g==",
       "bin": {
         "parser": "bin/babel-parser.js"
       },
@@ -1762,13 +1762,13 @@
       }
     },
     "node_modules/@babel/template": {
-      "version": "7.20.7",
-      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.20.7.tgz",
-      "integrity": "sha512-8SegXApWe6VoNw0r9JHpSteLKTpTiLZ4rMlGIm9JQ18KiCtyQiAMEazujAHrUS5flrcqYZa75ukev3P6QmUwUw==",
+      "version": "7.21.9",
+      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.21.9.tgz",
+      "integrity": "sha512-MK0X5k8NKOuWRamiEfc3KEJiHMTkGZNUjzMipqCGDDc6ijRl/B7RGSKVGncu4Ro/HdyzzY6cmoXuKI2Gffk7vQ==",
       "dependencies": {
-        "@babel/code-frame": "^7.18.6",
-        "@babel/parser": "^7.20.7",
-        "@babel/types": "^7.20.7"
+        "@babel/code-frame": "^7.21.4",
+        "@babel/parser": "^7.21.9",
+        "@babel/types": "^7.21.5"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -2616,9 +2616,9 @@
       }
     },
     "node_modules/@types/eslint": {
-      "version": "8.37.0",
-      "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-8.37.0.tgz",
-      "integrity": "sha512-Piet7dG2JBuDIfohBngQ3rCt7MgO9xCO4xIMKxBThCq5PNRB91IjlJ10eJVwfoNtvTErmxLzwBZ7rHZtbOMmFQ==",
+      "version": "8.40.0",
+      "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-8.40.0.tgz",
+      "integrity": "sha512-nbq2mvc/tBrK9zQQuItvjJl++GTN5j06DaPtp3hZCpngmG6Q3xoyEmd0TwZI0gAy/G1X0zhGBbr2imsGFdFV0g==",
       "peer": true,
       "dependencies": {
         "@types/estree": "*",
@@ -2681,9 +2681,9 @@
       "integrity": "sha512-s2cfwagOQAS8o06TcwKfr9Wx11dNGbH2E9vJz1cqV+a/LOyhWNLUNd6JSRYNzvB4d29UuJX2M0Dj9vE1T8fRXw=="
     },
     "node_modules/@types/node": {
-      "version": "20.1.4",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.1.4.tgz",
-      "integrity": "sha512-At4pvmIOki8yuwLtd7BNHl3CiWNbtclUbNtScGx4OHfBd4/oWoJC8KRCIxXwkdndzhxOsPXihrsOoydxBjlE9Q=="
+      "version": "20.2.3",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.2.3.tgz",
+      "integrity": "sha512-pg9d0yC4rVNWQzX8U7xb4olIOFuuVL9za3bzMT2pu2SU0SNEi66i2qrvhE2qt0HvkhuCaWJu7pLNOt/Pj8BIrw=="
     },
     "node_modules/@types/normalize-package-data": {
       "version": "2.4.1",
@@ -3589,9 +3589,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001487",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001487.tgz",
-      "integrity": "sha512-83564Z3yWGqXsh2vaH/mhXfEM0wX+NlBCm1jYHOb97TrTWJEmPTccZgeLTPBUUb0PNVo+oomb7wkimZBIERClA==",
+      "version": "1.0.30001489",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001489.tgz",
+      "integrity": "sha512-x1mgZEXK8jHIfAxm+xgdpHpk50IN3z3q3zP261/WS+uvePxW8izXuCu6AHz0lkuYTlATDehiZ/tNyYBdSQsOUQ==",
       "funding": [
         {
           "type": "opencollective",
@@ -4065,9 +4065,9 @@
       }
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.4.395",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.395.tgz",
-      "integrity": "sha512-r8IgVPlJsCs7yezgmuBTaOMuu8lgU0mzg+wcLLo0xVy5s+rpuFTI9tEKhHVaMIPgeJPjxwTDHUZqoBEsNMDbCQ=="
+      "version": "1.4.405",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.405.tgz",
+      "integrity": "sha512-JdDgnwU69FMZURoesf9gNOej2Cms1XJFfLk24y1IBtnAdhTcJY/mXnokmpmxHN59PcykBP4bgUU98vLY44Lhuw=="
     },
     "node_modules/emittery": {
       "version": "0.7.2",
@@ -4981,9 +4981,9 @@
       }
     },
     "node_modules/is-core-module": {
-      "version": "2.12.0",
-      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.12.0.tgz",
-      "integrity": "sha512-RECHCBCd/viahWmwj6enj19sKbHfJrddi/6cBDsNTKbNq0f7VeaUkBo60BqzvPqo/W54ChS62Z5qyun7cfOMqQ==",
+      "version": "2.12.1",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.12.1.tgz",
+      "integrity": "sha512-Q4ZuBAe2FUsKtyQJoQHlvP8OvBERxO3jEmy1I7hcRXcJBGGHFh/aJBswbXuS9sgrDH2QUO8ilkwNPHvHMd8clg==",
       "dependencies": {
         "has": "^1.0.3"
       },
@@ -7215,9 +7215,9 @@
       "optional": true
     },
     "node_modules/node-releases": {
-      "version": "2.0.10",
-      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.10.tgz",
-      "integrity": "sha512-5GFldHPXVG/YZmFzJvKK2zDSzPKhEp0+ZR5SVaoSag9fsL5YgHbUHDfnG5494ISANDcK4KwPXAx2xqVEydmd7w=="
+      "version": "2.0.11",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.11.tgz",
+      "integrity": "sha512-+M0PwXeU80kRohZ3aT4J/OnR+l9/KD2nVLNNoRgFtnf+umQVFdGBAO2N8+nCnEi0xlh/Wk3zOGC+vNNx+uM79Q=="
     },
     "node_modules/normalize-package-data": {
       "version": "2.5.0",
@@ -9136,9 +9136,9 @@
       }
     },
     "node_modules/terser": {
-      "version": "5.17.3",
-      "resolved": "https://registry.npmjs.org/terser/-/terser-5.17.3.tgz",
-      "integrity": "sha512-AudpAZKmZHkG9jueayypz4duuCFJMMNGRMwaPvQKWfxKedh8Z2x3OCoDqIIi1xx5+iwx1u6Au8XQcc9Lke65Yg==",
+      "version": "5.17.6",
+      "resolved": "https://registry.npmjs.org/terser/-/terser-5.17.6.tgz",
+      "integrity": "sha512-V8QHcs8YuyLkLHsJO5ucyff1ykrLVsR4dNnS//L5Y3NiSXpbK1J+WMVUs67eI0KTxs9JtHhgEQpXQVHlHI92DQ==",
       "peer": true,
       "dependencies": {
         "@jridgewell/source-map": "^0.3.2",
@@ -9154,9 +9154,9 @@
       }
     },
     "node_modules/terser-webpack-plugin": {
-      "version": "5.3.8",
-      "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.3.8.tgz",
-      "integrity": "sha512-WiHL3ElchZMsK27P8uIUh4604IgJyAW47LVXGbEoB21DbQcZ+OuMpGjVYnEUaqcWM6dO8uS2qUbA7LSCWqvsbg==",
+      "version": "5.3.9",
+      "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.3.9.tgz",
+      "integrity": "sha512-ZuXsqE07EcggTWQjXUj+Aot/OMcD0bMKGgF63f7UxYcu5/AJF53aIpK1YoP5xR9l6s/Hy2b+t1AM0bLNPRuhwA==",
       "peer": true,
       "dependencies": {
         "@jridgewell/trace-mapping": "^0.3.17",
@@ -9353,9 +9353,9 @@
       }
     },
     "node_modules/tslib": {
-      "version": "2.5.0",
-      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.5.0.tgz",
-      "integrity": "sha512-336iVw3rtn2BUK7ORdIAHTyxHGRIHVReokCR3XjbckJMK7ms8FysBfhLR8IXnAgy7T0PTPNBWKiH514FOW/WSg=="
+      "version": "2.5.2",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.5.2.tgz",
+      "integrity": "sha512-5svOrSA2w3iGFDs1HibEVBGbDrAY82bFQ3HZ3ixB+88nsbsWQoKqDRb5UBYAUPEzbBn6dAp5gRNXglySbx1MlA=="
     },
     "node_modules/type-check": {
       "version": "0.3.2",
@@ -9666,9 +9666,9 @@
       }
     },
     "node_modules/webpack": {
-      "version": "5.82.1",
-      "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.82.1.tgz",
-      "integrity": "sha512-C6uiGQJ+Gt4RyHXXYt+v9f+SN1v83x68URwgxNQ98cvH8kxiuywWGP4XeNZ1paOzZ63aY3cTciCEQJNFUljlLw==",
+      "version": "5.83.1",
+      "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.83.1.tgz",
+      "integrity": "sha512-TNsG9jDScbNuB+Lb/3+vYolPplCS3bbEaJf+Bj0Gw4DhP3ioAflBb1flcRt9zsWITyvOhM96wMQNRWlSX52DgA==",
       "peer": true,
       "dependencies": {
         "@types/eslint-scope": "^3.7.3",
@@ -9972,9 +9972,9 @@
       }
     },
     "@babel/compat-data": {
-      "version": "7.21.7",
-      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.21.7.tgz",
-      "integrity": "sha512-KYMqFYTaenzMK4yUtf4EW9wc4N9ef80FsbMtkwool5zpwl4YrT1SdWYSTRcT94KO4hannogdS+LxY7L+arP3gA=="
+      "version": "7.21.9",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.21.9.tgz",
+      "integrity": "sha512-FUGed8kfhyWvbYug/Un/VPJD41rDIgoVVcR+FuzhzOYyRz5uED+Gd3SLZml0Uw2l2aHFb7ZgdW5mGA3G2cCCnQ=="
     },
     "@babel/core": {
       "version": "7.21.8",
@@ -9999,9 +9999,9 @@
       }
     },
     "@babel/generator": {
-      "version": "7.21.5",
-      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.21.5.tgz",
-      "integrity": "sha512-SrKK/sRv8GesIW1bDagf9cCG38IOMYZusoe1dfg0D8aiUe3Amvoj1QtjTPAWcfrZFvIwlleLb0gxzQidL9w14w==",
+      "version": "7.21.9",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.21.9.tgz",
+      "integrity": "sha512-F3fZga2uv09wFdEjEQIJxXALXfz0+JaOb7SabvVMmjHxeVTuGW8wgE8Vp1Hd7O+zMTYtcfEISGRzPkeiaPPsvg==",
       "requires": {
         "@babel/types": "^7.21.5",
         "@jridgewell/gen-mapping": "^0.3.2",
@@ -10237,9 +10237,9 @@
       }
     },
     "@babel/parser": {
-      "version": "7.21.8",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.21.8.tgz",
-      "integrity": "sha512-6zavDGdzG3gUqAdWvlLFfk+36RilI+Pwyuuh7HItyeScCWP3k6i8vKclAQ0bM/0y/Kz/xiwvxhMv9MgTJP5gmA=="
+      "version": "7.21.9",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.21.9.tgz",
+      "integrity": "sha512-q5PNg/Bi1OpGgx5jYlvWZwAorZepEudDMCLtj967aeS7WMont7dUZI46M2XwcIQqvUlMxWfdLFu4S/qSxeUu5g=="
     },
     "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": {
       "version": "7.18.6",
@@ -11062,13 +11062,13 @@
       }
     },
     "@babel/template": {
-      "version": "7.20.7",
-      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.20.7.tgz",
-      "integrity": "sha512-8SegXApWe6VoNw0r9JHpSteLKTpTiLZ4rMlGIm9JQ18KiCtyQiAMEazujAHrUS5flrcqYZa75ukev3P6QmUwUw==",
+      "version": "7.21.9",
+      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.21.9.tgz",
+      "integrity": "sha512-MK0X5k8NKOuWRamiEfc3KEJiHMTkGZNUjzMipqCGDDc6ijRl/B7RGSKVGncu4Ro/HdyzzY6cmoXuKI2Gffk7vQ==",
       "requires": {
-        "@babel/code-frame": "^7.18.6",
-        "@babel/parser": "^7.20.7",
-        "@babel/types": "^7.20.7"
+        "@babel/code-frame": "^7.21.4",
+        "@babel/parser": "^7.21.9",
+        "@babel/types": "^7.21.5"
       }
     },
     "@babel/traverse": {
@@ -11734,9 +11734,9 @@
       }
     },
     "@types/eslint": {
-      "version": "8.37.0",
-      "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-8.37.0.tgz",
-      "integrity": "sha512-Piet7dG2JBuDIfohBngQ3rCt7MgO9xCO4xIMKxBThCq5PNRB91IjlJ10eJVwfoNtvTErmxLzwBZ7rHZtbOMmFQ==",
+      "version": "8.40.0",
+      "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-8.40.0.tgz",
+      "integrity": "sha512-nbq2mvc/tBrK9zQQuItvjJl++GTN5j06DaPtp3hZCpngmG6Q3xoyEmd0TwZI0gAy/G1X0zhGBbr2imsGFdFV0g==",
       "peer": true,
       "requires": {
         "@types/estree": "*",
@@ -11799,9 +11799,9 @@
       "integrity": "sha512-s2cfwagOQAS8o06TcwKfr9Wx11dNGbH2E9vJz1cqV+a/LOyhWNLUNd6JSRYNzvB4d29UuJX2M0Dj9vE1T8fRXw=="
     },
     "@types/node": {
-      "version": "20.1.4",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.1.4.tgz",
-      "integrity": "sha512-At4pvmIOki8yuwLtd7BNHl3CiWNbtclUbNtScGx4OHfBd4/oWoJC8KRCIxXwkdndzhxOsPXihrsOoydxBjlE9Q=="
+      "version": "20.2.3",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.2.3.tgz",
+      "integrity": "sha512-pg9d0yC4rVNWQzX8U7xb4olIOFuuVL9za3bzMT2pu2SU0SNEi66i2qrvhE2qt0HvkhuCaWJu7pLNOt/Pj8BIrw=="
     },
     "@types/normalize-package-data": {
       "version": "2.4.1",
@@ -12510,9 +12510,9 @@
       "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg=="
     },
     "caniuse-lite": {
-      "version": "1.0.30001487",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001487.tgz",
-      "integrity": "sha512-83564Z3yWGqXsh2vaH/mhXfEM0wX+NlBCm1jYHOb97TrTWJEmPTccZgeLTPBUUb0PNVo+oomb7wkimZBIERClA=="
+      "version": "1.0.30001489",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001489.tgz",
+      "integrity": "sha512-x1mgZEXK8jHIfAxm+xgdpHpk50IN3z3q3zP261/WS+uvePxW8izXuCu6AHz0lkuYTlATDehiZ/tNyYBdSQsOUQ=="
     },
     "capture-exit": {
       "version": "2.0.0",
@@ -12866,9 +12866,9 @@
       }
     },
     "electron-to-chromium": {
-      "version": "1.4.395",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.395.tgz",
-      "integrity": "sha512-r8IgVPlJsCs7yezgmuBTaOMuu8lgU0mzg+wcLLo0xVy5s+rpuFTI9tEKhHVaMIPgeJPjxwTDHUZqoBEsNMDbCQ=="
+      "version": "1.4.405",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.405.tgz",
+      "integrity": "sha512-JdDgnwU69FMZURoesf9gNOej2Cms1XJFfLk24y1IBtnAdhTcJY/mXnokmpmxHN59PcykBP4bgUU98vLY44Lhuw=="
     },
     "emittery": {
       "version": "0.7.2",
@@ -13561,9 +13561,9 @@
       }
     },
     "is-core-module": {
-      "version": "2.12.0",
-      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.12.0.tgz",
-      "integrity": "sha512-RECHCBCd/viahWmwj6enj19sKbHfJrddi/6cBDsNTKbNq0f7VeaUkBo60BqzvPqo/W54ChS62Z5qyun7cfOMqQ==",
+      "version": "2.12.1",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.12.1.tgz",
+      "integrity": "sha512-Q4ZuBAe2FUsKtyQJoQHlvP8OvBERxO3jEmy1I7hcRXcJBGGHFh/aJBswbXuS9sgrDH2QUO8ilkwNPHvHMd8clg==",
       "requires": {
         "has": "^1.0.3"
       }
@@ -15207,9 +15207,9 @@
       }
     },
     "node-releases": {
-      "version": "2.0.10",
-      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.10.tgz",
-      "integrity": "sha512-5GFldHPXVG/YZmFzJvKK2zDSzPKhEp0+ZR5SVaoSag9fsL5YgHbUHDfnG5494ISANDcK4KwPXAx2xqVEydmd7w=="
+      "version": "2.0.11",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.11.tgz",
+      "integrity": "sha512-+M0PwXeU80kRohZ3aT4J/OnR+l9/KD2nVLNNoRgFtnf+umQVFdGBAO2N8+nCnEi0xlh/Wk3zOGC+vNNx+uM79Q=="
     },
     "normalize-package-data": {
       "version": "2.5.0",
@@ -16665,9 +16665,9 @@
       }
     },
     "terser": {
-      "version": "5.17.3",
-      "resolved": "https://registry.npmjs.org/terser/-/terser-5.17.3.tgz",
-      "integrity": "sha512-AudpAZKmZHkG9jueayypz4duuCFJMMNGRMwaPvQKWfxKedh8Z2x3OCoDqIIi1xx5+iwx1u6Au8XQcc9Lke65Yg==",
+      "version": "5.17.6",
+      "resolved": "https://registry.npmjs.org/terser/-/terser-5.17.6.tgz",
+      "integrity": "sha512-V8QHcs8YuyLkLHsJO5ucyff1ykrLVsR4dNnS//L5Y3NiSXpbK1J+WMVUs67eI0KTxs9JtHhgEQpXQVHlHI92DQ==",
       "peer": true,
       "requires": {
         "@jridgewell/source-map": "^0.3.2",
@@ -16685,9 +16685,9 @@
       }
     },
     "terser-webpack-plugin": {
-      "version": "5.3.8",
-      "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.3.8.tgz",
-      "integrity": "sha512-WiHL3ElchZMsK27P8uIUh4604IgJyAW47LVXGbEoB21DbQcZ+OuMpGjVYnEUaqcWM6dO8uS2qUbA7LSCWqvsbg==",
+      "version": "5.3.9",
+      "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.3.9.tgz",
+      "integrity": "sha512-ZuXsqE07EcggTWQjXUj+Aot/OMcD0bMKGgF63f7UxYcu5/AJF53aIpK1YoP5xR9l6s/Hy2b+t1AM0bLNPRuhwA==",
       "peer": true,
       "requires": {
         "@jridgewell/trace-mapping": "^0.3.17",
@@ -16818,9 +16818,9 @@
       }
     },
     "tslib": {
-      "version": "2.5.0",
-      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.5.0.tgz",
-      "integrity": "sha512-336iVw3rtn2BUK7ORdIAHTyxHGRIHVReokCR3XjbckJMK7ms8FysBfhLR8IXnAgy7T0PTPNBWKiH514FOW/WSg=="
+      "version": "2.5.2",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.5.2.tgz",
+      "integrity": "sha512-5svOrSA2w3iGFDs1HibEVBGbDrAY82bFQ3HZ3ixB+88nsbsWQoKqDRb5UBYAUPEzbBn6dAp5gRNXglySbx1MlA=="
     },
     "type-check": {
       "version": "0.3.2",
@@ -17044,9 +17044,9 @@
       "integrity": "sha512-qBIvFLGiBpLjfwmYAaHPXsn+ho5xZnGvyGvsarywGNc8VyQJUMHJ8OBKGGrPER0okBeMDaan4mNBlgBROxuI8w=="
     },
     "webpack": {
-      "version": "5.82.1",
-      "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.82.1.tgz",
-      "integrity": "sha512-C6uiGQJ+Gt4RyHXXYt+v9f+SN1v83x68URwgxNQ98cvH8kxiuywWGP4XeNZ1paOzZ63aY3cTciCEQJNFUljlLw==",
+      "version": "5.83.1",
+      "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.83.1.tgz",
+      "integrity": "sha512-TNsG9jDScbNuB+Lb/3+vYolPplCS3bbEaJf+Bj0Gw4DhP3ioAflBb1flcRt9zsWITyvOhM96wMQNRWlSX52DgA==",
       "peer": true,
       "requires": {
         "@types/eslint-scope": "^3.7.3",
diff --git a/packages/pwa-kit-create-app/package-lock.json b/packages/pwa-kit-create-app/package-lock.json
index eeb37134a2..078e324d76 100644
--- a/packages/pwa-kit-create-app/package-lock.json
+++ b/packages/pwa-kit-create-app/package-lock.json
@@ -1797,9 +1797,9 @@
       }
     },
     "node_modules/is-core-module": {
-      "version": "2.12.0",
-      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.12.0.tgz",
-      "integrity": "sha512-RECHCBCd/viahWmwj6enj19sKbHfJrddi/6cBDsNTKbNq0f7VeaUkBo60BqzvPqo/W54ChS62Z5qyun7cfOMqQ==",
+      "version": "2.12.1",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.12.1.tgz",
+      "integrity": "sha512-Q4ZuBAe2FUsKtyQJoQHlvP8OvBERxO3jEmy1I7hcRXcJBGGHFh/aJBswbXuS9sgrDH2QUO8ilkwNPHvHMd8clg==",
       "dependencies": {
         "has": "^1.0.3"
       },
@@ -3035,9 +3035,9 @@
       }
     },
     "node_modules/tar": {
-      "version": "6.1.14",
-      "resolved": "https://registry.npmjs.org/tar/-/tar-6.1.14.tgz",
-      "integrity": "sha512-piERznXu0U7/pW7cdSn7hjqySIVTYT6F76icmFk7ptU7dDYlXTm5r9A6K04R2vU3olYgoKeo1Cg3eeu5nhftAw==",
+      "version": "6.1.15",
+      "resolved": "https://registry.npmjs.org/tar/-/tar-6.1.15.tgz",
+      "integrity": "sha512-/zKt9UyngnxIT/EAGYuxaMYgOIJiP81ab9ZfkILq4oNLPFX50qyYmu7jRj9qeXoxmJHjGlbH0+cm2uy1WCs10A==",
       "dependencies": {
         "chownr": "^2.0.0",
         "fs-minipass": "^2.0.0",
@@ -4789,9 +4789,9 @@
       "dev": true
     },
     "is-core-module": {
-      "version": "2.12.0",
-      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.12.0.tgz",
-      "integrity": "sha512-RECHCBCd/viahWmwj6enj19sKbHfJrddi/6cBDsNTKbNq0f7VeaUkBo60BqzvPqo/W54ChS62Z5qyun7cfOMqQ==",
+      "version": "2.12.1",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.12.1.tgz",
+      "integrity": "sha512-Q4ZuBAe2FUsKtyQJoQHlvP8OvBERxO3jEmy1I7hcRXcJBGGHFh/aJBswbXuS9sgrDH2QUO8ilkwNPHvHMd8clg==",
       "requires": {
         "has": "^1.0.3"
       }
@@ -5758,9 +5758,9 @@
       "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w=="
     },
     "tar": {
-      "version": "6.1.14",
-      "resolved": "https://registry.npmjs.org/tar/-/tar-6.1.14.tgz",
-      "integrity": "sha512-piERznXu0U7/pW7cdSn7hjqySIVTYT6F76icmFk7ptU7dDYlXTm5r9A6K04R2vU3olYgoKeo1Cg3eeu5nhftAw==",
+      "version": "6.1.15",
+      "resolved": "https://registry.npmjs.org/tar/-/tar-6.1.15.tgz",
+      "integrity": "sha512-/zKt9UyngnxIT/EAGYuxaMYgOIJiP81ab9ZfkILq4oNLPFX50qyYmu7jRj9qeXoxmJHjGlbH0+cm2uy1WCs10A==",
       "requires": {
         "chownr": "^2.0.0",
         "fs-minipass": "^2.0.0",
diff --git a/packages/pwa-kit-dev/bin/pwa-kit-dev.js b/packages/pwa-kit-dev/bin/pwa-kit-dev.js
index 3118fbebbf..21afc8a500 100755
--- a/packages/pwa-kit-dev/bin/pwa-kit-dev.js
+++ b/packages/pwa-kit-dev/bin/pwa-kit-dev.js
@@ -13,6 +13,7 @@ const WebSocket = require('ws')
 const program = require('commander')
 const validator = require('validator')
 const {execSync: _execSync} = require('child_process')
+const projectPkg = require(process.cwd() + '/package.json')
 const {getConfig} = require('pwa-kit-runtime/utils/ssr-config')
 
 // Scripts in ./bin have never gone through babel, so we
@@ -177,6 +178,20 @@ const main = async () => {
             }
         })
 
+    const appSSRpath = p.join(process.cwd(), 'app', 'ssr.js')
+    const appSSRjs = fse.pathExistsSync(appSSRpath)
+    const overrideSSRpath = p.join(
+        process.cwd(),
+        typeof projectPkg?.ccExtensibility?.overridesDir === 'string' &&
+            !projectPkg?.ccExtensibility?.overridesDir?.startsWith(p.sep)
+            ? p.sep + projectPkg?.ccExtensibility?.overridesDir
+            : projectPkg?.ccExtensibility?.overridesDir ?? '',
+        'app',
+        'ssr.js'
+    )
+    const overrideSSRjs = fse.pathExistsSync(overrideSSRpath)
+    const resolvedSSRPath = appSSRjs ? appSSRpath : overrideSSRjs ? overrideSSRpath : null
+
     program
         .command('start')
         .description(`develop your app locally`)
@@ -185,15 +200,12 @@ const main = async () => {
         )
         .addOption(new program.Option('--noHMR', 'disable the client-side hot module replacement'))
         .action(async ({inspect, noHMR}) => {
-            execSync(
-                `node${inspect ? ' --inspect' : ''} ${p.join(process.cwd(), 'app', 'ssr.js')}`,
-                {
-                    env: {
-                        ...process.env,
-                        ...(noHMR ? {HMR: 'false'} : {})
-                    }
+            execSync(`node${inspect ? ' --inspect' : ''} ${resolvedSSRPath}`, {
+                env: {
+                    ...process.env,
+                    ...(noHMR ? {HMR: 'false'} : {})
                 }
-            )
+            })
         })
 
     program
diff --git a/packages/pwa-kit-dev/package-lock.json b/packages/pwa-kit-dev/package-lock.json
index f8b6204038..4151141283 100644
--- a/packages/pwa-kit-dev/package-lock.json
+++ b/packages/pwa-kit-dev/package-lock.json
@@ -90,6 +90,7 @@
         "@types/git-rev-sync": "^2.0.0",
         "@types/node-fetch": "^2.6.3",
         "@types/validator": "^13.7.14",
+        "eslint-plugin-no-relative-import-paths": "^1.5.2",
         "nock": "^13.3.0",
         "nodemon": "^2.0.22",
         "superagent": "^6.1.0",
@@ -173,9 +174,9 @@
       }
     },
     "node_modules/@babel/compat-data": {
-      "version": "7.21.7",
-      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.21.7.tgz",
-      "integrity": "sha512-KYMqFYTaenzMK4yUtf4EW9wc4N9ef80FsbMtkwool5zpwl4YrT1SdWYSTRcT94KO4hannogdS+LxY7L+arP3gA==",
+      "version": "7.21.9",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.21.9.tgz",
+      "integrity": "sha512-FUGed8kfhyWvbYug/Un/VPJD41rDIgoVVcR+FuzhzOYyRz5uED+Gd3SLZml0Uw2l2aHFb7ZgdW5mGA3G2cCCnQ==",
       "engines": {
         "node": ">=6.9.0"
       }
@@ -227,9 +228,9 @@
       }
     },
     "node_modules/@babel/generator": {
-      "version": "7.21.5",
-      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.21.5.tgz",
-      "integrity": "sha512-SrKK/sRv8GesIW1bDagf9cCG38IOMYZusoe1dfg0D8aiUe3Amvoj1QtjTPAWcfrZFvIwlleLb0gxzQidL9w14w==",
+      "version": "7.21.9",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.21.9.tgz",
+      "integrity": "sha512-F3fZga2uv09wFdEjEQIJxXALXfz0+JaOb7SabvVMmjHxeVTuGW8wgE8Vp1Hd7O+zMTYtcfEISGRzPkeiaPPsvg==",
       "dependencies": {
         "@babel/types": "^7.21.5",
         "@jridgewell/gen-mapping": "^0.3.2",
@@ -619,9 +620,9 @@
       }
     },
     "node_modules/@babel/parser": {
-      "version": "7.21.8",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.21.8.tgz",
-      "integrity": "sha512-6zavDGdzG3gUqAdWvlLFfk+36RilI+Pwyuuh7HItyeScCWP3k6i8vKclAQ0bM/0y/Kz/xiwvxhMv9MgTJP5gmA==",
+      "version": "7.21.9",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.21.9.tgz",
+      "integrity": "sha512-q5PNg/Bi1OpGgx5jYlvWZwAorZepEudDMCLtj967aeS7WMont7dUZI46M2XwcIQqvUlMxWfdLFu4S/qSxeUu5g==",
       "bin": {
         "parser": "bin/babel-parser.js"
       },
@@ -1894,13 +1895,13 @@
       }
     },
     "node_modules/@babel/template": {
-      "version": "7.20.7",
-      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.20.7.tgz",
-      "integrity": "sha512-8SegXApWe6VoNw0r9JHpSteLKTpTiLZ4rMlGIm9JQ18KiCtyQiAMEazujAHrUS5flrcqYZa75ukev3P6QmUwUw==",
+      "version": "7.21.9",
+      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.21.9.tgz",
+      "integrity": "sha512-MK0X5k8NKOuWRamiEfc3KEJiHMTkGZNUjzMipqCGDDc6ijRl/B7RGSKVGncu4Ro/HdyzzY6cmoXuKI2Gffk7vQ==",
       "dependencies": {
-        "@babel/code-frame": "^7.18.6",
-        "@babel/parser": "^7.20.7",
-        "@babel/types": "^7.20.7"
+        "@babel/code-frame": "^7.21.4",
+        "@babel/parser": "^7.21.9",
+        "@babel/types": "^7.21.5"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -2064,9 +2065,9 @@
       }
     },
     "node_modules/@eslint/js": {
-      "version": "8.40.0",
-      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.40.0.tgz",
-      "integrity": "sha512-ElyB54bJIhXQYVKjDSvCkPO1iU1tSAeVQJbllWJq1XQSmmA4dgFk8CbiBGpiOPxleE48vDogxCtmMYku4HSVLA==",
+      "version": "8.41.0",
+      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.41.0.tgz",
+      "integrity": "sha512-LxcyMGxwmTh2lY9FwHPGWOHmYFCZvbrFCBZL4FzSSsxsRPuhrYUg/49/0KDfW8tnIEaEHtfmn6+NPN+1DqaNmA==",
       "engines": {
         "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
       }
@@ -2834,9 +2835,9 @@
       }
     },
     "node_modules/@types/eslint": {
-      "version": "8.37.0",
-      "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-8.37.0.tgz",
-      "integrity": "sha512-Piet7dG2JBuDIfohBngQ3rCt7MgO9xCO4xIMKxBThCq5PNRB91IjlJ10eJVwfoNtvTErmxLzwBZ7rHZtbOMmFQ==",
+      "version": "8.40.0",
+      "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-8.40.0.tgz",
+      "integrity": "sha512-nbq2mvc/tBrK9zQQuItvjJl++GTN5j06DaPtp3hZCpngmG6Q3xoyEmd0TwZI0gAy/G1X0zhGBbr2imsGFdFV0g==",
       "dependencies": {
         "@types/estree": "*",
         "@types/json-schema": "*"
@@ -2937,14 +2938,14 @@
       "dev": true
     },
     "node_modules/@types/node": {
-      "version": "20.1.4",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.1.4.tgz",
-      "integrity": "sha512-At4pvmIOki8yuwLtd7BNHl3CiWNbtclUbNtScGx4OHfBd4/oWoJC8KRCIxXwkdndzhxOsPXihrsOoydxBjlE9Q=="
+      "version": "20.2.3",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.2.3.tgz",
+      "integrity": "sha512-pg9d0yC4rVNWQzX8U7xb4olIOFuuVL9za3bzMT2pu2SU0SNEi66i2qrvhE2qt0HvkhuCaWJu7pLNOt/Pj8BIrw=="
     },
     "node_modules/@types/node-fetch": {
-      "version": "2.6.3",
-      "resolved": "https://registry.npmjs.org/@types/node-fetch/-/node-fetch-2.6.3.tgz",
-      "integrity": "sha512-ETTL1mOEdq/sxUtgtOhKjyB2Irra4cjxksvcMUR5Zr4n+PxVhsCD9WS46oPbHL3et9Zde7CNRr+WUNlcHvsX+w==",
+      "version": "2.6.4",
+      "resolved": "https://registry.npmjs.org/@types/node-fetch/-/node-fetch-2.6.4.tgz",
+      "integrity": "sha512-1ZX9fcN4Rvkvgv4E6PAY5WXUFWFcRWxZa3EW83UjycOB9ljJCedb2CupIP4RZMEwF/M3eTcCihbBRgwtGbg5Rg==",
       "dev": true,
       "dependencies": {
         "@types/node": "*",
@@ -2991,14 +2992,14 @@
       "integrity": "sha512-iO9ZQHkZxHn4mSakYV0vFHAVDyEOIJQrV2uZ06HxEPcx+mt8swXoZHIbaaJ2crJYFfErySgktuTZ3BeLz+XmFA=="
     },
     "node_modules/@typescript-eslint/eslint-plugin": {
-      "version": "5.59.6",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.59.6.tgz",
-      "integrity": "sha512-sXtOgJNEuRU5RLwPUb1jxtToZbgvq3M6FPpY4QENxoOggK+UpTxUBpj6tD8+Qh2g46Pi9We87E+eHnUw8YcGsw==",
+      "version": "5.59.7",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.59.7.tgz",
+      "integrity": "sha512-BL+jYxUFIbuYwy+4fF86k5vdT9lT0CNJ6HtwrIvGh0PhH8s0yy5rjaKH2fDCrz5ITHy07WCzVGNvAmjJh4IJFA==",
       "dependencies": {
         "@eslint-community/regexpp": "^4.4.0",
-        "@typescript-eslint/scope-manager": "5.59.6",
-        "@typescript-eslint/type-utils": "5.59.6",
-        "@typescript-eslint/utils": "5.59.6",
+        "@typescript-eslint/scope-manager": "5.59.7",
+        "@typescript-eslint/type-utils": "5.59.7",
+        "@typescript-eslint/utils": "5.59.7",
         "debug": "^4.3.4",
         "grapheme-splitter": "^1.0.4",
         "ignore": "^5.2.0",
@@ -3054,13 +3055,13 @@
       "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A=="
     },
     "node_modules/@typescript-eslint/parser": {
-      "version": "5.59.6",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-5.59.6.tgz",
-      "integrity": "sha512-7pCa6al03Pv1yf/dUg/s1pXz/yGMUBAw5EeWqNTFiSueKvRNonze3hma3lhdsOrQcaOXhbk5gKu2Fludiho9VA==",
+      "version": "5.59.7",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-5.59.7.tgz",
+      "integrity": "sha512-VhpsIEuq/8i5SF+mPg9jSdIwgMBBp0z9XqjiEay+81PYLJuroN+ET1hM5IhkiYMJd9MkTz8iJLt7aaGAgzWUbQ==",
       "dependencies": {
-        "@typescript-eslint/scope-manager": "5.59.6",
-        "@typescript-eslint/types": "5.59.6",
-        "@typescript-eslint/typescript-estree": "5.59.6",
+        "@typescript-eslint/scope-manager": "5.59.7",
+        "@typescript-eslint/types": "5.59.7",
+        "@typescript-eslint/typescript-estree": "5.59.7",
         "debug": "^4.3.4"
       },
       "engines": {
@@ -3080,12 +3081,12 @@
       }
     },
     "node_modules/@typescript-eslint/scope-manager": {
-      "version": "5.59.6",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.59.6.tgz",
-      "integrity": "sha512-gLbY3Le9Dxcb8KdpF0+SJr6EQ+hFGYFl6tVY8VxLPFDfUZC7BHFw+Vq7bM5lE9DwWPfx4vMWWTLGXgpc0mAYyQ==",
+      "version": "5.59.7",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.59.7.tgz",
+      "integrity": "sha512-FL6hkYWK9zBGdxT2wWEd2W8ocXMu3K94i3gvMrjXpx+koFYdYV7KprKfirpgY34vTGzEPPuKoERpP8kD5h7vZQ==",
       "dependencies": {
-        "@typescript-eslint/types": "5.59.6",
-        "@typescript-eslint/visitor-keys": "5.59.6"
+        "@typescript-eslint/types": "5.59.7",
+        "@typescript-eslint/visitor-keys": "5.59.7"
       },
       "engines": {
         "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
@@ -3096,12 +3097,12 @@
       }
     },
     "node_modules/@typescript-eslint/type-utils": {
-      "version": "5.59.6",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-5.59.6.tgz",
-      "integrity": "sha512-A4tms2Mp5yNvLDlySF+kAThV9VTBPCvGf0Rp8nl/eoDX9Okun8byTKoj3fJ52IJitjWOk0fKPNQhXEB++eNozQ==",
+      "version": "5.59.7",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-5.59.7.tgz",
+      "integrity": "sha512-ozuz/GILuYG7osdY5O5yg0QxXUAEoI4Go3Do5xeu+ERH9PorHBPSdvD3Tjp2NN2bNLh1NJQSsQu2TPu/Ly+HaQ==",
       "dependencies": {
-        "@typescript-eslint/typescript-estree": "5.59.6",
-        "@typescript-eslint/utils": "5.59.6",
+        "@typescript-eslint/typescript-estree": "5.59.7",
+        "@typescript-eslint/utils": "5.59.7",
         "debug": "^4.3.4",
         "tsutils": "^3.21.0"
       },
@@ -3122,9 +3123,9 @@
       }
     },
     "node_modules/@typescript-eslint/types": {
-      "version": "5.59.6",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-5.59.6.tgz",
-      "integrity": "sha512-tH5lBXZI7T2MOUgOWFdVNUILsI02shyQvfzG9EJkoONWugCG77NDDa1EeDGw7oJ5IvsTAAGVV8I3Tk2PNu9QfA==",
+      "version": "5.59.7",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-5.59.7.tgz",
+      "integrity": "sha512-UnVS2MRRg6p7xOSATscWkKjlf/NDKuqo5TdbWck6rIRZbmKpVNTLALzNvcjIfHBE7736kZOFc/4Z3VcZwuOM/A==",
       "engines": {
         "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
       },
@@ -3134,12 +3135,12 @@
       }
     },
     "node_modules/@typescript-eslint/typescript-estree": {
-      "version": "5.59.6",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-5.59.6.tgz",
-      "integrity": "sha512-vW6JP3lMAs/Tq4KjdI/RiHaaJSO7IUsbkz17it/Rl9Q+WkQ77EOuOnlbaU8kKfVIOJxMhnRiBG+olE7f3M16DA==",
+      "version": "5.59.7",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-5.59.7.tgz",
+      "integrity": "sha512-4A1NtZ1I3wMN2UGDkU9HMBL+TIQfbrh4uS0WDMMpf3xMRursDbqEf1ahh6vAAe3mObt8k3ZATnezwG4pdtWuUQ==",
       "dependencies": {
-        "@typescript-eslint/types": "5.59.6",
-        "@typescript-eslint/visitor-keys": "5.59.6",
+        "@typescript-eslint/types": "5.59.7",
+        "@typescript-eslint/visitor-keys": "5.59.7",
         "debug": "^4.3.4",
         "globby": "^11.1.0",
         "is-glob": "^4.0.3",
@@ -3190,16 +3191,16 @@
       "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A=="
     },
     "node_modules/@typescript-eslint/utils": {
-      "version": "5.59.6",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-5.59.6.tgz",
-      "integrity": "sha512-vzaaD6EXbTS29cVH0JjXBdzMt6VBlv+hE31XktDRMX1j3462wZCJa7VzO2AxXEXcIl8GQqZPcOPuW/Z1tZVogg==",
+      "version": "5.59.7",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-5.59.7.tgz",
+      "integrity": "sha512-yCX9WpdQKaLufz5luG4aJbOpdXf/fjwGMcLFXZVPUz3QqLirG5QcwwnIHNf8cjLjxK4qtzTO8udUtMQSAToQnQ==",
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.2.0",
         "@types/json-schema": "^7.0.9",
         "@types/semver": "^7.3.12",
-        "@typescript-eslint/scope-manager": "5.59.6",
-        "@typescript-eslint/types": "5.59.6",
-        "@typescript-eslint/typescript-estree": "5.59.6",
+        "@typescript-eslint/scope-manager": "5.59.7",
+        "@typescript-eslint/types": "5.59.7",
+        "@typescript-eslint/typescript-estree": "5.59.7",
         "eslint-scope": "^5.1.1",
         "semver": "^7.3.7"
       },
@@ -3245,11 +3246,11 @@
       "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A=="
     },
     "node_modules/@typescript-eslint/visitor-keys": {
-      "version": "5.59.6",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.59.6.tgz",
-      "integrity": "sha512-zEfbFLzB9ETcEJ4HZEEsCR9HHeNku5/Qw1jSS5McYJv5BR+ftYXwFFAH5Al+xkGaZEqowMwl7uoJjQb1YSPF8Q==",
+      "version": "5.59.7",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.59.7.tgz",
+      "integrity": "sha512-tyN+X2jvMslUszIiYbF0ZleP+RqQsFVpGrKI6e0Eet1w8WmhsAtmzaqm8oM8WJQ1ysLwhnsK/4hYHJjOgJVfQQ==",
       "dependencies": {
-        "@typescript-eslint/types": "5.59.6",
+        "@typescript-eslint/types": "5.59.7",
         "eslint-visitor-keys": "^3.3.0"
       },
       "engines": {
@@ -4485,9 +4486,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001487",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001487.tgz",
-      "integrity": "sha512-83564Z3yWGqXsh2vaH/mhXfEM0wX+NlBCm1jYHOb97TrTWJEmPTccZgeLTPBUUb0PNVo+oomb7wkimZBIERClA==",
+      "version": "1.0.30001489",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001489.tgz",
+      "integrity": "sha512-x1mgZEXK8jHIfAxm+xgdpHpk50IN3z3q3zP261/WS+uvePxW8izXuCu6AHz0lkuYTlATDehiZ/tNyYBdSQsOUQ==",
       "funding": [
         {
           "type": "opencollective",
@@ -5366,9 +5367,9 @@
       "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow=="
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.4.395",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.395.tgz",
-      "integrity": "sha512-r8IgVPlJsCs7yezgmuBTaOMuu8lgU0mzg+wcLLo0xVy5s+rpuFTI9tEKhHVaMIPgeJPjxwTDHUZqoBEsNMDbCQ=="
+      "version": "1.4.405",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.405.tgz",
+      "integrity": "sha512-JdDgnwU69FMZURoesf9gNOej2Cms1XJFfLk24y1IBtnAdhTcJY/mXnokmpmxHN59PcykBP4bgUU98vLY44Lhuw=="
     },
     "node_modules/emittery": {
       "version": "0.7.2",
@@ -5664,14 +5665,14 @@
       }
     },
     "node_modules/eslint": {
-      "version": "8.40.0",
-      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.40.0.tgz",
-      "integrity": "sha512-bvR+TsP9EHL3TqNtj9sCNJVAFK3fBN8Q7g5waghxyRsPLIMwL73XSKnZFK0hk/O2ANC+iAoq6PWMQ+IfBAJIiQ==",
+      "version": "8.41.0",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.41.0.tgz",
+      "integrity": "sha512-WQDQpzGBOP5IrXPo4Hc0814r4/v2rrIsB0rhT7jtunIalgg6gYXWhRMOejVO8yH21T/FGaxjmFjBMNqcIlmH1Q==",
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.2.0",
         "@eslint-community/regexpp": "^4.4.0",
         "@eslint/eslintrc": "^2.0.3",
-        "@eslint/js": "8.40.0",
+        "@eslint/js": "8.41.0",
         "@humanwhocodes/config-array": "^0.11.8",
         "@humanwhocodes/module-importer": "^1.0.1",
         "@nodelib/fs.walk": "^1.2.8",
@@ -5691,13 +5692,12 @@
         "find-up": "^5.0.0",
         "glob-parent": "^6.0.2",
         "globals": "^13.19.0",
-        "grapheme-splitter": "^1.0.4",
+        "graphemer": "^1.4.0",
         "ignore": "^5.2.0",
         "import-fresh": "^3.0.0",
         "imurmurhash": "^0.1.4",
         "is-glob": "^4.0.0",
         "is-path-inside": "^3.0.3",
-        "js-sdsl": "^4.1.4",
         "js-yaml": "^4.1.0",
         "json-stable-stringify-without-jsonify": "^1.0.1",
         "levn": "^0.4.1",
@@ -5782,6 +5782,12 @@
         "eslint": "^3 || ^4 || ^5 || ^6 || ^7 || ^8"
       }
     },
+    "node_modules/eslint-plugin-no-relative-import-paths": {
+      "version": "1.5.2",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-no-relative-import-paths/-/eslint-plugin-no-relative-import-paths-1.5.2.tgz",
+      "integrity": "sha512-wMlL+TVuDhKk1plP+w3L4Hc7+u89vUkrOYq6/0ARjcYqwc9/YaS9uEXNzaqAk+WLoEgakzNL5JgJJw6m4qd5zw==",
+      "dev": true
+    },
     "node_modules/eslint-plugin-prettier": {
       "version": "4.2.1",
       "resolved": "https://registry.npmjs.org/eslint-plugin-prettier/-/eslint-plugin-prettier-4.2.1.tgz",
@@ -6507,9 +6513,9 @@
       "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q=="
     },
     "node_modules/fast-diff": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/fast-diff/-/fast-diff-1.2.0.tgz",
-      "integrity": "sha512-xJuoT5+L99XlZ8twedaRf6Ax2TgQVxvgZOYoPKqZufmJib0tL2tegPBOZb1pVNgIhlqDlA0eO0c3wBvQcmzx4w=="
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/fast-diff/-/fast-diff-1.3.0.tgz",
+      "integrity": "sha512-VxPP4NqbUjj6MaAOafWeUn2cXWLcCtljklUtZf0Ind4XQ+QPtmA0b18zZy0jIQx+ExRVCR/ZQpBmik5lXshNsw=="
     },
     "node_modules/fast-glob": {
       "version": "3.2.12",
@@ -7022,6 +7028,11 @@
       "resolved": "https://registry.npmjs.org/grapheme-splitter/-/grapheme-splitter-1.0.4.tgz",
       "integrity": "sha512-bzh50DW9kTPM00T8y4o8vQg89Di9oLJVLW/KaOGIXJWP/iqCN6WKYkbNOF04vFLJhwcpYUh9ydh/+5vpOqV4YQ=="
     },
+    "node_modules/graphemer": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz",
+      "integrity": "sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag=="
+    },
     "node_modules/growly": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/growly/-/growly-1.3.0.tgz",
@@ -7629,9 +7640,9 @@
       }
     },
     "node_modules/is-core-module": {
-      "version": "2.12.0",
-      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.12.0.tgz",
-      "integrity": "sha512-RECHCBCd/viahWmwj6enj19sKbHfJrddi/6cBDsNTKbNq0f7VeaUkBo60BqzvPqo/W54ChS62Z5qyun7cfOMqQ==",
+      "version": "2.12.1",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.12.1.tgz",
+      "integrity": "sha512-Q4ZuBAe2FUsKtyQJoQHlvP8OvBERxO3jEmy1I7hcRXcJBGGHFh/aJBswbXuS9sgrDH2QUO8ilkwNPHvHMd8clg==",
       "dependencies": {
         "has": "^1.0.3"
       },
@@ -8657,15 +8668,6 @@
       "resolved": "https://registry.npmjs.org/js-base64/-/js-base64-2.6.4.tgz",
       "integrity": "sha512-pZe//GGmwJndub7ZghVHz7vjb2LgC1m8B07Au3eYqeqv9emhESByMXxaEgkUkEqJe87oBbSniGYoQNIBklc7IQ=="
     },
-    "node_modules/js-sdsl": {
-      "version": "4.4.0",
-      "resolved": "https://registry.npmjs.org/js-sdsl/-/js-sdsl-4.4.0.tgz",
-      "integrity": "sha512-FfVSdx6pJ41Oa+CF7RDaFmTnCaFhua+SNYQX74riGOpl96x+2jQCqEfQ2bnXu/5DPCqlRuiqyvTJM0Qjz26IVg==",
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/js-sdsl"
-      }
-    },
     "node_modules/js-tokens": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
@@ -9339,9 +9341,9 @@
       "optional": true
     },
     "node_modules/node-releases": {
-      "version": "2.0.10",
-      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.10.tgz",
-      "integrity": "sha512-5GFldHPXVG/YZmFzJvKK2zDSzPKhEp0+ZR5SVaoSag9fsL5YgHbUHDfnG5494ISANDcK4KwPXAx2xqVEydmd7w=="
+      "version": "2.0.11",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.11.tgz",
+      "integrity": "sha512-+M0PwXeU80kRohZ3aT4J/OnR+l9/KD2nVLNNoRgFtnf+umQVFdGBAO2N8+nCnEi0xlh/Wk3zOGC+vNNx+uM79Q=="
     },
     "node_modules/nodemon": {
       "version": "2.0.22",
@@ -12434,9 +12436,9 @@
       }
     },
     "node_modules/terser": {
-      "version": "5.17.3",
-      "resolved": "https://registry.npmjs.org/terser/-/terser-5.17.3.tgz",
-      "integrity": "sha512-AudpAZKmZHkG9jueayypz4duuCFJMMNGRMwaPvQKWfxKedh8Z2x3OCoDqIIi1xx5+iwx1u6Au8XQcc9Lke65Yg==",
+      "version": "5.17.6",
+      "resolved": "https://registry.npmjs.org/terser/-/terser-5.17.6.tgz",
+      "integrity": "sha512-V8QHcs8YuyLkLHsJO5ucyff1ykrLVsR4dNnS//L5Y3NiSXpbK1J+WMVUs67eI0KTxs9JtHhgEQpXQVHlHI92DQ==",
       "dependencies": {
         "@jridgewell/source-map": "^0.3.2",
         "acorn": "^8.5.0",
@@ -12451,9 +12453,9 @@
       }
     },
     "node_modules/terser-webpack-plugin": {
-      "version": "5.3.8",
-      "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.3.8.tgz",
-      "integrity": "sha512-WiHL3ElchZMsK27P8uIUh4604IgJyAW47LVXGbEoB21DbQcZ+OuMpGjVYnEUaqcWM6dO8uS2qUbA7LSCWqvsbg==",
+      "version": "5.3.9",
+      "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.3.9.tgz",
+      "integrity": "sha512-ZuXsqE07EcggTWQjXUj+Aot/OMcD0bMKGgF63f7UxYcu5/AJF53aIpK1YoP5xR9l6s/Hy2b+t1AM0bLNPRuhwA==",
       "dependencies": {
         "@jridgewell/trace-mapping": "^0.3.17",
         "jest-worker": "^27.4.5",
@@ -12673,9 +12675,9 @@
       }
     },
     "node_modules/tslib": {
-      "version": "2.5.0",
-      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.5.0.tgz",
-      "integrity": "sha512-336iVw3rtn2BUK7ORdIAHTyxHGRIHVReokCR3XjbckJMK7ms8FysBfhLR8IXnAgy7T0PTPNBWKiH514FOW/WSg=="
+      "version": "2.5.2",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.5.2.tgz",
+      "integrity": "sha512-5svOrSA2w3iGFDs1HibEVBGbDrAY82bFQ3HZ3ixB+88nsbsWQoKqDRb5UBYAUPEzbBn6dAp5gRNXglySbx1MlA=="
     },
     "node_modules/tsutils": {
       "version": "3.21.0",
@@ -13106,9 +13108,9 @@
       }
     },
     "node_modules/webpack": {
-      "version": "5.82.1",
-      "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.82.1.tgz",
-      "integrity": "sha512-C6uiGQJ+Gt4RyHXXYt+v9f+SN1v83x68URwgxNQ98cvH8kxiuywWGP4XeNZ1paOzZ63aY3cTciCEQJNFUljlLw==",
+      "version": "5.83.1",
+      "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.83.1.tgz",
+      "integrity": "sha512-TNsG9jDScbNuB+Lb/3+vYolPplCS3bbEaJf+Bj0Gw4DhP3ioAflBb1flcRt9zsWITyvOhM96wMQNRWlSX52DgA==",
       "dependencies": {
         "@types/eslint-scope": "^3.7.3",
         "@types/estree": "^1.0.0",
@@ -13440,9 +13442,9 @@
       }
     },
     "node_modules/webpack-merge": {
-      "version": "5.8.0",
-      "resolved": "https://registry.npmjs.org/webpack-merge/-/webpack-merge-5.8.0.tgz",
-      "integrity": "sha512-/SaI7xY0831XwP6kzuwhKWVKDP9t1QY1h65lAFLbZqMPIuYcD9QAW4u9STIbU9kaJbPBB/geU/gLr1wDjOhQ+Q==",
+      "version": "5.9.0",
+      "resolved": "https://registry.npmjs.org/webpack-merge/-/webpack-merge-5.9.0.tgz",
+      "integrity": "sha512-6NbRQw4+Sy50vYNTw7EyOn41OZItPiXB8GNv3INSoe3PSFaHJEz3SHTrYVaRm2LilNGnFUzh0FAwqPEmU/CwDg==",
       "dependencies": {
         "clone-deep": "^4.0.1",
         "wildcard": "^2.0.0"
@@ -13867,9 +13869,9 @@
       }
     },
     "@babel/compat-data": {
-      "version": "7.21.7",
-      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.21.7.tgz",
-      "integrity": "sha512-KYMqFYTaenzMK4yUtf4EW9wc4N9ef80FsbMtkwool5zpwl4YrT1SdWYSTRcT94KO4hannogdS+LxY7L+arP3gA=="
+      "version": "7.21.9",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.21.9.tgz",
+      "integrity": "sha512-FUGed8kfhyWvbYug/Un/VPJD41rDIgoVVcR+FuzhzOYyRz5uED+Gd3SLZml0Uw2l2aHFb7ZgdW5mGA3G2cCCnQ=="
     },
     "@babel/core": {
       "version": "7.21.8",
@@ -13904,9 +13906,9 @@
       }
     },
     "@babel/generator": {
-      "version": "7.21.5",
-      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.21.5.tgz",
-      "integrity": "sha512-SrKK/sRv8GesIW1bDagf9cCG38IOMYZusoe1dfg0D8aiUe3Amvoj1QtjTPAWcfrZFvIwlleLb0gxzQidL9w14w==",
+      "version": "7.21.9",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.21.9.tgz",
+      "integrity": "sha512-F3fZga2uv09wFdEjEQIJxXALXfz0+JaOb7SabvVMmjHxeVTuGW8wgE8Vp1Hd7O+zMTYtcfEISGRzPkeiaPPsvg==",
       "requires": {
         "@babel/types": "^7.21.5",
         "@jridgewell/gen-mapping": "^0.3.2",
@@ -14193,9 +14195,9 @@
       }
     },
     "@babel/parser": {
-      "version": "7.21.8",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.21.8.tgz",
-      "integrity": "sha512-6zavDGdzG3gUqAdWvlLFfk+36RilI+Pwyuuh7HItyeScCWP3k6i8vKclAQ0bM/0y/Kz/xiwvxhMv9MgTJP5gmA=="
+      "version": "7.21.9",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.21.9.tgz",
+      "integrity": "sha512-q5PNg/Bi1OpGgx5jYlvWZwAorZepEudDMCLtj967aeS7WMont7dUZI46M2XwcIQqvUlMxWfdLFu4S/qSxeUu5g=="
     },
     "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": {
       "version": "7.18.6",
@@ -15018,13 +15020,13 @@
       }
     },
     "@babel/template": {
-      "version": "7.20.7",
-      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.20.7.tgz",
-      "integrity": "sha512-8SegXApWe6VoNw0r9JHpSteLKTpTiLZ4rMlGIm9JQ18KiCtyQiAMEazujAHrUS5flrcqYZa75ukev3P6QmUwUw==",
+      "version": "7.21.9",
+      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.21.9.tgz",
+      "integrity": "sha512-MK0X5k8NKOuWRamiEfc3KEJiHMTkGZNUjzMipqCGDDc6ijRl/B7RGSKVGncu4Ro/HdyzzY6cmoXuKI2Gffk7vQ==",
       "requires": {
-        "@babel/code-frame": "^7.18.6",
-        "@babel/parser": "^7.20.7",
-        "@babel/types": "^7.20.7"
+        "@babel/code-frame": "^7.21.4",
+        "@babel/parser": "^7.21.9",
+        "@babel/types": "^7.21.5"
       }
     },
     "@babel/traverse": {
@@ -15138,9 +15140,9 @@
       }
     },
     "@eslint/js": {
-      "version": "8.40.0",
-      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.40.0.tgz",
-      "integrity": "sha512-ElyB54bJIhXQYVKjDSvCkPO1iU1tSAeVQJbllWJq1XQSmmA4dgFk8CbiBGpiOPxleE48vDogxCtmMYku4HSVLA=="
+      "version": "8.41.0",
+      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.41.0.tgz",
+      "integrity": "sha512-LxcyMGxwmTh2lY9FwHPGWOHmYFCZvbrFCBZL4FzSSsxsRPuhrYUg/49/0KDfW8tnIEaEHtfmn6+NPN+1DqaNmA=="
     },
     "@formatjs/ecma402-abstract": {
       "version": "1.14.3",
@@ -15724,9 +15726,9 @@
       }
     },
     "@types/eslint": {
-      "version": "8.37.0",
-      "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-8.37.0.tgz",
-      "integrity": "sha512-Piet7dG2JBuDIfohBngQ3rCt7MgO9xCO4xIMKxBThCq5PNRB91IjlJ10eJVwfoNtvTErmxLzwBZ7rHZtbOMmFQ==",
+      "version": "8.40.0",
+      "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-8.40.0.tgz",
+      "integrity": "sha512-nbq2mvc/tBrK9zQQuItvjJl++GTN5j06DaPtp3hZCpngmG6Q3xoyEmd0TwZI0gAy/G1X0zhGBbr2imsGFdFV0g==",
       "requires": {
         "@types/estree": "*",
         "@types/json-schema": "*"
@@ -15827,14 +15829,14 @@
       "dev": true
     },
     "@types/node": {
-      "version": "20.1.4",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.1.4.tgz",
-      "integrity": "sha512-At4pvmIOki8yuwLtd7BNHl3CiWNbtclUbNtScGx4OHfBd4/oWoJC8KRCIxXwkdndzhxOsPXihrsOoydxBjlE9Q=="
+      "version": "20.2.3",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.2.3.tgz",
+      "integrity": "sha512-pg9d0yC4rVNWQzX8U7xb4olIOFuuVL9za3bzMT2pu2SU0SNEi66i2qrvhE2qt0HvkhuCaWJu7pLNOt/Pj8BIrw=="
     },
     "@types/node-fetch": {
-      "version": "2.6.3",
-      "resolved": "https://registry.npmjs.org/@types/node-fetch/-/node-fetch-2.6.3.tgz",
-      "integrity": "sha512-ETTL1mOEdq/sxUtgtOhKjyB2Irra4cjxksvcMUR5Zr4n+PxVhsCD9WS46oPbHL3et9Zde7CNRr+WUNlcHvsX+w==",
+      "version": "2.6.4",
+      "resolved": "https://registry.npmjs.org/@types/node-fetch/-/node-fetch-2.6.4.tgz",
+      "integrity": "sha512-1ZX9fcN4Rvkvgv4E6PAY5WXUFWFcRWxZa3EW83UjycOB9ljJCedb2CupIP4RZMEwF/M3eTcCihbBRgwtGbg5Rg==",
       "dev": true,
       "requires": {
         "@types/node": "*",
@@ -15881,14 +15883,14 @@
       "integrity": "sha512-iO9ZQHkZxHn4mSakYV0vFHAVDyEOIJQrV2uZ06HxEPcx+mt8swXoZHIbaaJ2crJYFfErySgktuTZ3BeLz+XmFA=="
     },
     "@typescript-eslint/eslint-plugin": {
-      "version": "5.59.6",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.59.6.tgz",
-      "integrity": "sha512-sXtOgJNEuRU5RLwPUb1jxtToZbgvq3M6FPpY4QENxoOggK+UpTxUBpj6tD8+Qh2g46Pi9We87E+eHnUw8YcGsw==",
+      "version": "5.59.7",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.59.7.tgz",
+      "integrity": "sha512-BL+jYxUFIbuYwy+4fF86k5vdT9lT0CNJ6HtwrIvGh0PhH8s0yy5rjaKH2fDCrz5ITHy07WCzVGNvAmjJh4IJFA==",
       "requires": {
         "@eslint-community/regexpp": "^4.4.0",
-        "@typescript-eslint/scope-manager": "5.59.6",
-        "@typescript-eslint/type-utils": "5.59.6",
-        "@typescript-eslint/utils": "5.59.6",
+        "@typescript-eslint/scope-manager": "5.59.7",
+        "@typescript-eslint/type-utils": "5.59.7",
+        "@typescript-eslint/utils": "5.59.7",
         "debug": "^4.3.4",
         "grapheme-splitter": "^1.0.4",
         "ignore": "^5.2.0",
@@ -15921,48 +15923,48 @@
       }
     },
     "@typescript-eslint/parser": {
-      "version": "5.59.6",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-5.59.6.tgz",
-      "integrity": "sha512-7pCa6al03Pv1yf/dUg/s1pXz/yGMUBAw5EeWqNTFiSueKvRNonze3hma3lhdsOrQcaOXhbk5gKu2Fludiho9VA==",
+      "version": "5.59.7",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-5.59.7.tgz",
+      "integrity": "sha512-VhpsIEuq/8i5SF+mPg9jSdIwgMBBp0z9XqjiEay+81PYLJuroN+ET1hM5IhkiYMJd9MkTz8iJLt7aaGAgzWUbQ==",
       "requires": {
-        "@typescript-eslint/scope-manager": "5.59.6",
-        "@typescript-eslint/types": "5.59.6",
-        "@typescript-eslint/typescript-estree": "5.59.6",
+        "@typescript-eslint/scope-manager": "5.59.7",
+        "@typescript-eslint/types": "5.59.7",
+        "@typescript-eslint/typescript-estree": "5.59.7",
         "debug": "^4.3.4"
       }
     },
     "@typescript-eslint/scope-manager": {
-      "version": "5.59.6",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.59.6.tgz",
-      "integrity": "sha512-gLbY3Le9Dxcb8KdpF0+SJr6EQ+hFGYFl6tVY8VxLPFDfUZC7BHFw+Vq7bM5lE9DwWPfx4vMWWTLGXgpc0mAYyQ==",
+      "version": "5.59.7",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.59.7.tgz",
+      "integrity": "sha512-FL6hkYWK9zBGdxT2wWEd2W8ocXMu3K94i3gvMrjXpx+koFYdYV7KprKfirpgY34vTGzEPPuKoERpP8kD5h7vZQ==",
       "requires": {
-        "@typescript-eslint/types": "5.59.6",
-        "@typescript-eslint/visitor-keys": "5.59.6"
+        "@typescript-eslint/types": "5.59.7",
+        "@typescript-eslint/visitor-keys": "5.59.7"
       }
     },
     "@typescript-eslint/type-utils": {
-      "version": "5.59.6",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-5.59.6.tgz",
-      "integrity": "sha512-A4tms2Mp5yNvLDlySF+kAThV9VTBPCvGf0Rp8nl/eoDX9Okun8byTKoj3fJ52IJitjWOk0fKPNQhXEB++eNozQ==",
+      "version": "5.59.7",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-5.59.7.tgz",
+      "integrity": "sha512-ozuz/GILuYG7osdY5O5yg0QxXUAEoI4Go3Do5xeu+ERH9PorHBPSdvD3Tjp2NN2bNLh1NJQSsQu2TPu/Ly+HaQ==",
       "requires": {
-        "@typescript-eslint/typescript-estree": "5.59.6",
-        "@typescript-eslint/utils": "5.59.6",
+        "@typescript-eslint/typescript-estree": "5.59.7",
+        "@typescript-eslint/utils": "5.59.7",
         "debug": "^4.3.4",
         "tsutils": "^3.21.0"
       }
     },
     "@typescript-eslint/types": {
-      "version": "5.59.6",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-5.59.6.tgz",
-      "integrity": "sha512-tH5lBXZI7T2MOUgOWFdVNUILsI02shyQvfzG9EJkoONWugCG77NDDa1EeDGw7oJ5IvsTAAGVV8I3Tk2PNu9QfA=="
+      "version": "5.59.7",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-5.59.7.tgz",
+      "integrity": "sha512-UnVS2MRRg6p7xOSATscWkKjlf/NDKuqo5TdbWck6rIRZbmKpVNTLALzNvcjIfHBE7736kZOFc/4Z3VcZwuOM/A=="
     },
     "@typescript-eslint/typescript-estree": {
-      "version": "5.59.6",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-5.59.6.tgz",
-      "integrity": "sha512-vW6JP3lMAs/Tq4KjdI/RiHaaJSO7IUsbkz17it/Rl9Q+WkQ77EOuOnlbaU8kKfVIOJxMhnRiBG+olE7f3M16DA==",
+      "version": "5.59.7",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-5.59.7.tgz",
+      "integrity": "sha512-4A1NtZ1I3wMN2UGDkU9HMBL+TIQfbrh4uS0WDMMpf3xMRursDbqEf1ahh6vAAe3mObt8k3ZATnezwG4pdtWuUQ==",
       "requires": {
-        "@typescript-eslint/types": "5.59.6",
-        "@typescript-eslint/visitor-keys": "5.59.6",
+        "@typescript-eslint/types": "5.59.7",
+        "@typescript-eslint/visitor-keys": "5.59.7",
         "debug": "^4.3.4",
         "globby": "^11.1.0",
         "is-glob": "^4.0.3",
@@ -15994,16 +15996,16 @@
       }
     },
     "@typescript-eslint/utils": {
-      "version": "5.59.6",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-5.59.6.tgz",
-      "integrity": "sha512-vzaaD6EXbTS29cVH0JjXBdzMt6VBlv+hE31XktDRMX1j3462wZCJa7VzO2AxXEXcIl8GQqZPcOPuW/Z1tZVogg==",
+      "version": "5.59.7",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-5.59.7.tgz",
+      "integrity": "sha512-yCX9WpdQKaLufz5luG4aJbOpdXf/fjwGMcLFXZVPUz3QqLirG5QcwwnIHNf8cjLjxK4qtzTO8udUtMQSAToQnQ==",
       "requires": {
         "@eslint-community/eslint-utils": "^4.2.0",
         "@types/json-schema": "^7.0.9",
         "@types/semver": "^7.3.12",
-        "@typescript-eslint/scope-manager": "5.59.6",
-        "@typescript-eslint/types": "5.59.6",
-        "@typescript-eslint/typescript-estree": "5.59.6",
+        "@typescript-eslint/scope-manager": "5.59.7",
+        "@typescript-eslint/types": "5.59.7",
+        "@typescript-eslint/typescript-estree": "5.59.7",
         "eslint-scope": "^5.1.1",
         "semver": "^7.3.7"
       },
@@ -16032,11 +16034,11 @@
       }
     },
     "@typescript-eslint/visitor-keys": {
-      "version": "5.59.6",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.59.6.tgz",
-      "integrity": "sha512-zEfbFLzB9ETcEJ4HZEEsCR9HHeNku5/Qw1jSS5McYJv5BR+ftYXwFFAH5Al+xkGaZEqowMwl7uoJjQb1YSPF8Q==",
+      "version": "5.59.7",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.59.7.tgz",
+      "integrity": "sha512-tyN+X2jvMslUszIiYbF0ZleP+RqQsFVpGrKI6e0Eet1w8WmhsAtmzaqm8oM8WJQ1ysLwhnsK/4hYHJjOgJVfQQ==",
       "requires": {
-        "@typescript-eslint/types": "5.59.6",
+        "@typescript-eslint/types": "5.59.7",
         "eslint-visitor-keys": "^3.3.0"
       },
       "dependencies": {
@@ -16971,9 +16973,9 @@
       "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg=="
     },
     "caniuse-lite": {
-      "version": "1.0.30001487",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001487.tgz",
-      "integrity": "sha512-83564Z3yWGqXsh2vaH/mhXfEM0wX+NlBCm1jYHOb97TrTWJEmPTccZgeLTPBUUb0PNVo+oomb7wkimZBIERClA=="
+      "version": "1.0.30001489",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001489.tgz",
+      "integrity": "sha512-x1mgZEXK8jHIfAxm+xgdpHpk50IN3z3q3zP261/WS+uvePxW8izXuCu6AHz0lkuYTlATDehiZ/tNyYBdSQsOUQ=="
     },
     "capture-exit": {
       "version": "2.0.0",
@@ -17632,9 +17634,9 @@
       "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow=="
     },
     "electron-to-chromium": {
-      "version": "1.4.395",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.395.tgz",
-      "integrity": "sha512-r8IgVPlJsCs7yezgmuBTaOMuu8lgU0mzg+wcLLo0xVy5s+rpuFTI9tEKhHVaMIPgeJPjxwTDHUZqoBEsNMDbCQ=="
+      "version": "1.4.405",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.405.tgz",
+      "integrity": "sha512-JdDgnwU69FMZURoesf9gNOej2Cms1XJFfLk24y1IBtnAdhTcJY/mXnokmpmxHN59PcykBP4bgUU98vLY44Lhuw=="
     },
     "emittery": {
       "version": "0.7.2",
@@ -17860,14 +17862,14 @@
       }
     },
     "eslint": {
-      "version": "8.40.0",
-      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.40.0.tgz",
-      "integrity": "sha512-bvR+TsP9EHL3TqNtj9sCNJVAFK3fBN8Q7g5waghxyRsPLIMwL73XSKnZFK0hk/O2ANC+iAoq6PWMQ+IfBAJIiQ==",
+      "version": "8.41.0",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.41.0.tgz",
+      "integrity": "sha512-WQDQpzGBOP5IrXPo4Hc0814r4/v2rrIsB0rhT7jtunIalgg6gYXWhRMOejVO8yH21T/FGaxjmFjBMNqcIlmH1Q==",
       "requires": {
         "@eslint-community/eslint-utils": "^4.2.0",
         "@eslint-community/regexpp": "^4.4.0",
         "@eslint/eslintrc": "^2.0.3",
-        "@eslint/js": "8.40.0",
+        "@eslint/js": "8.41.0",
         "@humanwhocodes/config-array": "^0.11.8",
         "@humanwhocodes/module-importer": "^1.0.1",
         "@nodelib/fs.walk": "^1.2.8",
@@ -17887,13 +17889,12 @@
         "find-up": "^5.0.0",
         "glob-parent": "^6.0.2",
         "globals": "^13.19.0",
-        "grapheme-splitter": "^1.0.4",
+        "graphemer": "^1.4.0",
         "ignore": "^5.2.0",
         "import-fresh": "^3.0.0",
         "imurmurhash": "^0.1.4",
         "is-glob": "^4.0.0",
         "is-path-inside": "^3.0.3",
-        "js-sdsl": "^4.1.4",
         "js-yaml": "^4.1.0",
         "json-stable-stringify-without-jsonify": "^1.0.1",
         "levn": "^0.4.1",
@@ -18029,6 +18030,12 @@
         "semver": "^6.3.0"
       }
     },
+    "eslint-plugin-no-relative-import-paths": {
+      "version": "1.5.2",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-no-relative-import-paths/-/eslint-plugin-no-relative-import-paths-1.5.2.tgz",
+      "integrity": "sha512-wMlL+TVuDhKk1plP+w3L4Hc7+u89vUkrOYq6/0ARjcYqwc9/YaS9uEXNzaqAk+WLoEgakzNL5JgJJw6m4qd5zw==",
+      "dev": true
+    },
     "eslint-plugin-prettier": {
       "version": "4.2.1",
       "resolved": "https://registry.npmjs.org/eslint-plugin-prettier/-/eslint-plugin-prettier-4.2.1.tgz",
@@ -18467,9 +18474,9 @@
       "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q=="
     },
     "fast-diff": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/fast-diff/-/fast-diff-1.2.0.tgz",
-      "integrity": "sha512-xJuoT5+L99XlZ8twedaRf6Ax2TgQVxvgZOYoPKqZufmJib0tL2tegPBOZb1pVNgIhlqDlA0eO0c3wBvQcmzx4w=="
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/fast-diff/-/fast-diff-1.3.0.tgz",
+      "integrity": "sha512-VxPP4NqbUjj6MaAOafWeUn2cXWLcCtljklUtZf0Ind4XQ+QPtmA0b18zZy0jIQx+ExRVCR/ZQpBmik5lXshNsw=="
     },
     "fast-glob": {
       "version": "3.2.12",
@@ -18859,6 +18866,11 @@
       "resolved": "https://registry.npmjs.org/grapheme-splitter/-/grapheme-splitter-1.0.4.tgz",
       "integrity": "sha512-bzh50DW9kTPM00T8y4o8vQg89Di9oLJVLW/KaOGIXJWP/iqCN6WKYkbNOF04vFLJhwcpYUh9ydh/+5vpOqV4YQ=="
     },
+    "graphemer": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz",
+      "integrity": "sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag=="
+    },
     "growly": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/growly/-/growly-1.3.0.tgz",
@@ -19293,9 +19305,9 @@
       }
     },
     "is-core-module": {
-      "version": "2.12.0",
-      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.12.0.tgz",
-      "integrity": "sha512-RECHCBCd/viahWmwj6enj19sKbHfJrddi/6cBDsNTKbNq0f7VeaUkBo60BqzvPqo/W54ChS62Z5qyun7cfOMqQ==",
+      "version": "2.12.1",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.12.1.tgz",
+      "integrity": "sha512-Q4ZuBAe2FUsKtyQJoQHlvP8OvBERxO3jEmy1I7hcRXcJBGGHFh/aJBswbXuS9sgrDH2QUO8ilkwNPHvHMd8clg==",
       "requires": {
         "has": "^1.0.3"
       }
@@ -20055,11 +20067,6 @@
       "resolved": "https://registry.npmjs.org/js-base64/-/js-base64-2.6.4.tgz",
       "integrity": "sha512-pZe//GGmwJndub7ZghVHz7vjb2LgC1m8B07Au3eYqeqv9emhESByMXxaEgkUkEqJe87oBbSniGYoQNIBklc7IQ=="
     },
-    "js-sdsl": {
-      "version": "4.4.0",
-      "resolved": "https://registry.npmjs.org/js-sdsl/-/js-sdsl-4.4.0.tgz",
-      "integrity": "sha512-FfVSdx6pJ41Oa+CF7RDaFmTnCaFhua+SNYQX74riGOpl96x+2jQCqEfQ2bnXu/5DPCqlRuiqyvTJM0Qjz26IVg=="
-    },
     "js-tokens": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
@@ -20568,9 +20575,9 @@
       }
     },
     "node-releases": {
-      "version": "2.0.10",
-      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.10.tgz",
-      "integrity": "sha512-5GFldHPXVG/YZmFzJvKK2zDSzPKhEp0+ZR5SVaoSag9fsL5YgHbUHDfnG5494ISANDcK4KwPXAx2xqVEydmd7w=="
+      "version": "2.0.11",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.11.tgz",
+      "integrity": "sha512-+M0PwXeU80kRohZ3aT4J/OnR+l9/KD2nVLNNoRgFtnf+umQVFdGBAO2N8+nCnEi0xlh/Wk3zOGC+vNNx+uM79Q=="
     },
     "nodemon": {
       "version": "2.0.22",
@@ -22928,9 +22935,9 @@
       }
     },
     "terser": {
-      "version": "5.17.3",
-      "resolved": "https://registry.npmjs.org/terser/-/terser-5.17.3.tgz",
-      "integrity": "sha512-AudpAZKmZHkG9jueayypz4duuCFJMMNGRMwaPvQKWfxKedh8Z2x3OCoDqIIi1xx5+iwx1u6Au8XQcc9Lke65Yg==",
+      "version": "5.17.6",
+      "resolved": "https://registry.npmjs.org/terser/-/terser-5.17.6.tgz",
+      "integrity": "sha512-V8QHcs8YuyLkLHsJO5ucyff1ykrLVsR4dNnS//L5Y3NiSXpbK1J+WMVUs67eI0KTxs9JtHhgEQpXQVHlHI92DQ==",
       "requires": {
         "@jridgewell/source-map": "^0.3.2",
         "acorn": "^8.5.0",
@@ -22946,9 +22953,9 @@
       }
     },
     "terser-webpack-plugin": {
-      "version": "5.3.8",
-      "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.3.8.tgz",
-      "integrity": "sha512-WiHL3ElchZMsK27P8uIUh4604IgJyAW47LVXGbEoB21DbQcZ+OuMpGjVYnEUaqcWM6dO8uS2qUbA7LSCWqvsbg==",
+      "version": "5.3.9",
+      "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.3.9.tgz",
+      "integrity": "sha512-ZuXsqE07EcggTWQjXUj+Aot/OMcD0bMKGgF63f7UxYcu5/AJF53aIpK1YoP5xR9l6s/Hy2b+t1AM0bLNPRuhwA==",
       "requires": {
         "@jridgewell/trace-mapping": "^0.3.17",
         "jest-worker": "^27.4.5",
@@ -23100,9 +23107,9 @@
       "integrity": "sha512-/y956gpUo9ZNCb99YjxG7OaslxZWHfCHAUUfshwqOXmxUIvqLjVO581BT+gM59+QV9tFe6/CGG53tsA1Y7RSdg=="
     },
     "tslib": {
-      "version": "2.5.0",
-      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.5.0.tgz",
-      "integrity": "sha512-336iVw3rtn2BUK7ORdIAHTyxHGRIHVReokCR3XjbckJMK7ms8FysBfhLR8IXnAgy7T0PTPNBWKiH514FOW/WSg=="
+      "version": "2.5.2",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.5.2.tgz",
+      "integrity": "sha512-5svOrSA2w3iGFDs1HibEVBGbDrAY82bFQ3HZ3ixB+88nsbsWQoKqDRb5UBYAUPEzbBn6dAp5gRNXglySbx1MlA=="
     },
     "tsutils": {
       "version": "3.21.0",
@@ -23416,9 +23423,9 @@
       "integrity": "sha512-qBIvFLGiBpLjfwmYAaHPXsn+ho5xZnGvyGvsarywGNc8VyQJUMHJ8OBKGGrPER0okBeMDaan4mNBlgBROxuI8w=="
     },
     "webpack": {
-      "version": "5.82.1",
-      "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.82.1.tgz",
-      "integrity": "sha512-C6uiGQJ+Gt4RyHXXYt+v9f+SN1v83x68URwgxNQ98cvH8kxiuywWGP4XeNZ1paOzZ63aY3cTciCEQJNFUljlLw==",
+      "version": "5.83.1",
+      "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.83.1.tgz",
+      "integrity": "sha512-TNsG9jDScbNuB+Lb/3+vYolPplCS3bbEaJf+Bj0Gw4DhP3ioAflBb1flcRt9zsWITyvOhM96wMQNRWlSX52DgA==",
       "requires": {
         "@types/eslint-scope": "^3.7.3",
         "@types/estree": "^1.0.0",
@@ -23636,9 +23643,9 @@
       }
     },
     "webpack-merge": {
-      "version": "5.8.0",
-      "resolved": "https://registry.npmjs.org/webpack-merge/-/webpack-merge-5.8.0.tgz",
-      "integrity": "sha512-/SaI7xY0831XwP6kzuwhKWVKDP9t1QY1h65lAFLbZqMPIuYcD9QAW4u9STIbU9kaJbPBB/geU/gLr1wDjOhQ+Q==",
+      "version": "5.9.0",
+      "resolved": "https://registry.npmjs.org/webpack-merge/-/webpack-merge-5.9.0.tgz",
+      "integrity": "sha512-6NbRQw4+Sy50vYNTw7EyOn41OZItPiXB8GNv3INSoe3PSFaHJEz3SHTrYVaRm2LilNGnFUzh0FAwqPEmU/CwDg==",
       "requires": {
         "clone-deep": "^4.0.1",
         "wildcard": "^2.0.0"
diff --git a/packages/pwa-kit-dev/package.json b/packages/pwa-kit-dev/package.json
index 41745f9b54..aed9e04f81 100644
--- a/packages/pwa-kit-dev/package.json
+++ b/packages/pwa-kit-dev/package.json
@@ -115,6 +115,7 @@
     "@types/git-rev-sync": "^2.0.0",
     "@types/node-fetch": "^2.6.3",
     "@types/validator": "^13.7.14",
+    "eslint-plugin-no-relative-import-paths": "^1.5.2",
     "internal-lib-build": "^3.0.0-dev",
     "nock": "^13.3.0",
     "nodemon": "^2.0.22",
diff --git a/packages/pwa-kit-dev/src/configs/eslint/partials/react.js b/packages/pwa-kit-dev/src/configs/eslint/partials/react.js
index cd4869363f..fbd03f233e 100644
--- a/packages/pwa-kit-dev/src/configs/eslint/partials/react.js
+++ b/packages/pwa-kit-dev/src/configs/eslint/partials/react.js
@@ -14,6 +14,7 @@ module.exports = {
     },
     extends: ['plugin:react/recommended', 'plugin:jsx-a11y/recommended'],
     plugins: ['jsx-a11y', 'react', 'react-hooks', 'use-effect-no-deps'],
+
     settings: {
         react: {
             version: 'detect'
diff --git a/packages/pwa-kit-dev/src/configs/webpack/config.js b/packages/pwa-kit-dev/src/configs/webpack/config.js
index ddbc799518..5001f64735 100644
--- a/packages/pwa-kit-dev/src/configs/webpack/config.js
+++ b/packages/pwa-kit-dev/src/configs/webpack/config.js
@@ -8,8 +8,8 @@
 /* eslint-env node */
 
 // For more information on these settings, see https://webpack.js.org/configuration
+import path, {resolve} from 'path'
 import fse from 'fs-extra'
-import {resolve} from 'path'
 
 import webpack from 'webpack'
 import WebpackNotifierPlugin from 'webpack-notifier'
@@ -19,11 +19,11 @@ import LoadablePlugin from '@loadable/webpack-plugin'
 import ReactRefreshWebpackPlugin from '@pmmmwh/react-refresh-webpack-plugin'
 import SpeedMeasurePlugin from 'speed-measure-webpack-plugin'
 
-import {createModuleReplacementPlugin} from './plugins'
+import {sdkReplacementPlugin, makeRegExp} from './plugins'
 import {CLIENT, SERVER, CLIENT_OPTIONAL, SSR, REQUEST_PROCESSOR} from './config-names'
+import OverridesResolverPlugin from './overrides-plugin'
 
 const projectDir = process.cwd()
-
 const pkg = fse.readJsonSync(resolve(projectDir, 'package.json'))
 const buildDir = process.env.PWA_KIT_BUILD_DIR
     ? resolve(process.env.PWA_KIT_BUILD_DIR)
@@ -41,6 +41,55 @@ if ([production, development].indexOf(mode) < 0) {
     throw new Error(`Invalid mode "${mode}"`)
 }
 
+// for API convenience, add the leading slash if missing
+export const EXT_OVERRIDES_DIR =
+    typeof pkg?.ccExtensibility?.overridesDir === 'string' &&
+    !pkg?.ccExtensibility?.overridesDir?.startsWith(path.sep)
+        ? path.sep + pkg?.ccExtensibility?.overridesDir
+        : pkg?.ccExtensibility?.overridesDir ?? ''
+export const EXT_OVERRIDES_DIR_NO_SLASH = EXT_OVERRIDES_DIR?.replace(
+    makeRegExp(`^\${path.sep}`),
+    ''
+)
+export const EXT_EXTENDS = pkg?.ccExtensibility?.extends
+export const EXT_EXTENDABLE = pkg?.ccExtensibility?.extendable
+
+// TODO: can these be handled in package.json as peerDependencies?
+// https://salesforce-internal.slack.com/archives/C0DKK1FJS/p1672939909212589
+
+// due to to how the sdks work and the potential of these npm deps coming
+// from multiple places, we need to force them to one place where they're found
+export const DEPS_TO_DEDUPE = [
+    'babel-runtime',
+    '@tanstack/react-query',
+    '@loadable/component',
+    '@loadable/server',
+    '@loadable/webpack-plugin',
+    'svg-sprite-loader',
+    'react',
+    'react-router-dom',
+    'react-dom',
+    'react-helmet',
+    'webpack-hot-middleware',
+    'react-intl',
+    '@chakra-ui/icons',
+    '@chakra-ui/react',
+    '@chakra-ui/skip-nav',
+    '@emotion/react'
+]
+
+if (EXT_EXTENDABLE && EXT_EXTENDS) {
+    const extendsAsArr = Array.isArray(EXT_EXTENDS) ? EXT_EXTENDS : [EXT_EXTENDS]
+    const conflicts = extendsAsArr.filter((x) => EXT_EXTENDABLE?.includes(x))
+    if (conflicts?.length) {
+        throw new Error(
+            `Dependencies in 'extendable' and 'extends' cannot overlap, fix these: ${conflicts.join(
+                ', '
+            )}"`
+        )
+    }
+}
+
 const getBundleAnalyzerPlugin = (name = 'report', pluginOptions) =>
     new BundleAnalyzerPlugin({
         analyzerMode: 'static',
@@ -55,15 +104,23 @@ const getBundleAnalyzerPlugin = (name = 'report', pluginOptions) =>
 
 const entryPointExists = (segments) => {
     for (let ext of ['.js', '.jsx', '.ts', '.tsx']) {
-        const p = resolve(projectDir, ...segments) + ext
-        if (fse.existsSync(p)) {
+        const primary = resolve(projectDir, ...segments) + ext
+        const override = EXT_OVERRIDES_DIR
+            ? resolve(projectDir, EXT_OVERRIDES_DIR_NO_SLASH, ...segments) + ext
+            : null
+
+        if (fse.existsSync(primary) || (override && fse.existsSync(override))) {
             return true
         }
     }
     return false
 }
 
-const findInProjectThenSDK = (pkg) => {
+const getAppEntryPoint = () => {
+    return EXT_OVERRIDES_DIR + '/app/main'
+}
+
+const findDepInStack = (pkg) => {
     // Look for the SDK node_modules in two places because in CI,
     // pwa-kit-dev is published under a 'dist' directory, which
     // changes this file's location relative to the package root.
@@ -85,7 +142,6 @@ const baseConfig = (target) => {
     if (!['web', 'node'].includes(target)) {
         throw Error(`The value "${target}" is not a supported webpack target`)
     }
-
     class Builder {
         constructor() {
             this.config = {
@@ -127,21 +183,42 @@ const baseConfig = (target) => {
                     path: buildDir
                 },
                 resolve: {
+                    ...(EXT_EXTENDS && EXT_OVERRIDES_DIR
+                        ? {
+                              plugins: [
+                                  new OverridesResolverPlugin({
+                                      extends: [EXT_EXTENDS],
+                                      overridesDir: EXT_OVERRIDES_DIR,
+                                      projectDir: process.cwd()
+                                  })
+                              ]
+                          }
+                        : {}),
                     extensions: ['.ts', '.tsx', '.js', '.jsx', '.json'],
                     alias: {
-                        'babel-runtime': findInProjectThenSDK('babel-runtime'),
-                        '@tanstack/react-query': findInProjectThenSDK('@tanstack/react-query'),
-                        '@loadable/component': findInProjectThenSDK('@loadable/component'),
-                        '@loadable/server': findInProjectThenSDK('@loadable/server'),
-                        '@loadable/webpack-plugin': findInProjectThenSDK(
-                            '@loadable/webpack-plugin'
+                        ...Object.assign(
+                            ...DEPS_TO_DEDUPE.map((dep) => ({
+                                [dep]: findDepInStack(dep)
+                            }))
                         ),
-                        'svg-sprite-loader': findInProjectThenSDK('svg-sprite-loader'),
-                        react: findInProjectThenSDK('react'),
-                        'react-router-dom': findInProjectThenSDK('react-router-dom'),
-                        'react-dom': findInProjectThenSDK('react-dom'),
-                        'react-helmet': findInProjectThenSDK('react-helmet'),
-                        'webpack-hot-middleware': findInProjectThenSDK('webpack-hot-middleware')
+                        ...(EXT_OVERRIDES_DIR && EXT_EXTENDS
+                            ? Object.assign(
+                                  // NOTE: when an array of `extends` dirs are accepted, don't coerce here
+                                  ...[EXT_EXTENDS].map((extendTarget) => ({
+                                      [extendTarget]: path.resolve(
+                                          projectDir,
+                                          `node_modules${path.sep}${extendTarget}`
+                                      )
+                                  }))
+                              )
+                            : {}),
+                        ...(EXT_EXTENDABLE
+                            ? Object.assign(
+                                  ...[EXT_EXTENDABLE].map((item) => ({
+                                      [item]: path.resolve(projectDir)
+                                  }))
+                              )
+                            : {})
                     },
                     ...(target === 'web' ? {fallback: {crypto: false}} : {})
                 },
@@ -156,7 +233,7 @@ const baseConfig = (target) => {
 
                     mode === development && new webpack.NoEmitOnErrorsPlugin(),
 
-                    createModuleReplacementPlugin(projectDir),
+                    sdkReplacementPlugin(),
 
                     // Don't chunk if it's a node target – faster Lambda startup.
                     target === 'node' && new webpack.optimize.LimitChunkCountPlugin({maxChunks: 1})
@@ -167,17 +244,17 @@ const baseConfig = (target) => {
                         ruleForBabelLoader(),
                         target === 'node' && {
                             test: /\.svg$/,
-                            loader: findInProjectThenSDK('svg-sprite-loader')
+                            loader: findDepInStack('svg-sprite-loader')
                         },
                         target === 'web' && {
                             test: /\.svg$/,
-                            loader: findInProjectThenSDK('ignore-loader')
+                            loader: findDepInStack('ignore-loader')
                         },
                         {
                             test: /\.html$/,
                             exclude: /node_modules/,
                             use: {
-                                loader: findInProjectThenSDK('html-loader')
+                                loader: findDepInStack('html-loader')
                             }
                         }
                     ].filter(Boolean)
@@ -193,7 +270,6 @@ const baseConfig = (target) => {
         build() {
             // Clean up temporary properties, to be compatible with the config schema
             this.config.module.rules.filter((rule) => rule.id).forEach((rule) => delete rule.id)
-
             return this.config
         }
     }
@@ -218,7 +294,18 @@ const withChunking = (config) => {
                         // 2. The package is one of the monorepo packages.
                         //    This is for local development to ensure the bundle
                         //    composition is the same as a production build
-                        test: /(node_modules)|(packages\/.*\/dist)/,
+                        // 3. If extending another template, don't include the
+                        //    baseline route files in vendor.js
+                        test: (module) => {
+                            if (
+                                EXT_EXTENDS &&
+                                EXT_OVERRIDES_DIR &&
+                                module?.context?.includes(`/${EXT_EXTENDS}/`)
+                            ) {
+                                return false
+                            }
+                            return module?.context?.match?.(/(node_modules)|(packages\/.*\/dist)/)
+                        },
                         name: 'vendor',
                         chunks: 'all'
                     }
@@ -232,10 +319,13 @@ const ruleForBabelLoader = (babelPlugins) => {
     return {
         id: 'babel-loader',
         test: /(\.js(x?)|\.ts(x?))$/,
-        exclude: /node_modules/,
+        ...(EXT_OVERRIDES_DIR && EXT_EXTENDS
+            ? // TODO: handle for array here when that's supported
+              {exclude: makeRegExp(`/node_modules(?!/${EXT_EXTENDS})`)}
+            : {exclude: /node_modules/}),
         use: [
             {
-                loader: findInProjectThenSDK('babel-loader'),
+                loader: findDepInStack('babel-loader'),
                 options: {
                     rootMode: 'upward',
                     cacheDirectory: true,
@@ -273,7 +363,7 @@ const enableReactRefresh = (config) => {
         },
         entry: {
             ...config.entry,
-            main: ['webpack-hot-middleware/client?path=/__mrt/hmr', './app/main']
+            main: ['webpack-hot-middleware/client?path=/__mrt/hmr', getAppEntryPoint()]
         },
         plugins: [
             ...config.plugins,
@@ -290,7 +380,6 @@ const enableReactRefresh = (config) => {
         }
     }
 }
-
 const client =
     entryPointExists(['app', 'main']) &&
     baseConfig('web')
@@ -303,7 +392,7 @@ const client =
                 // use source map to make debugging easier
                 devtool: mode === development ? 'source-map' : false,
                 entry: {
-                    main: './app/main'
+                    main: getAppEntryPoint()
                 },
                 plugins: [
                     ...config.plugins,
@@ -329,8 +418,8 @@ const clientOptional = baseConfig('web')
             ...config,
             name: CLIENT_OPTIONAL,
             entry: {
-                ...optional('loader', './app/loader.js'),
-                ...optional('worker', './worker/main.js'),
+                ...optional('loader', `.${EXT_OVERRIDES_DIR}/app/loader.js`),
+                ...optional('worker', `./worker/main.js`),
                 ...optional('core-polyfill', resolve(projectDir, 'node_modules', 'core-js')),
                 ...optional('fetch-polyfill', resolve(projectDir, 'node_modules', 'whatwg-fetch'))
             },
@@ -378,6 +467,20 @@ const renderer =
                         excludeWarnings: true,
                         skipFirstNotification: true
                     }),
+
+                    // Must only appear on one config – this one is the only mandatory one.
+                    new CopyPlugin({
+                        patterns: [
+                            {
+                                from: `${
+                                    EXT_OVERRIDES_DIR ? EXT_OVERRIDES_DIR_NO_SLASH + '/' : ''
+                                }app/static`,
+                                to: 'static/',
+                                noErrorOnMissing: true
+                            }
+                        ]
+                    }),
+
                     analyzeBundle && getBundleAnalyzerPlugin('server-renderer')
                 ].filter(Boolean)
             }
@@ -393,7 +496,7 @@ const ssr = (() => {
                     ...config,
                     // Must *not* be named "server". See - https://www.npmjs.com/package/webpack-hot-server-middleware#usage
                     name: SSR,
-                    entry: './app/ssr.js',
+                    entry: `.${EXT_OVERRIDES_DIR}/app/ssr.js`,
                     output: {
                         path: buildDir,
                         filename: 'ssr.js',
@@ -403,7 +506,14 @@ const ssr = (() => {
                         ...config.plugins,
                         // This must only appear on one config – this one is the only mandatory one.
                         new CopyPlugin({
-                            patterns: [{from: 'app/static/', to: 'static/'}]
+                            patterns: [
+                                {
+                                    from: `${
+                                        EXT_OVERRIDES_DIR ? EXT_OVERRIDES_DIR_NO_SLASH + '/' : ''
+                                    }app/static`,
+                                    to: 'static/'
+                                }
+                            ]
                         }),
                         analyzeBundle && getBundleAnalyzerPlugin(SSR)
                     ].filter(Boolean)
@@ -422,7 +532,8 @@ const requestProcessor =
             return {
                 ...config,
                 name: REQUEST_PROCESSOR,
-                entry: './app/request-processor.js',
+                // entry: './app/request-processor.js',
+                entry: `.${EXT_OVERRIDES_DIR}/app/request-processor.js`,
                 output: {
                     path: buildDir,
                     filename: 'request-processor.js',
diff --git a/packages/pwa-kit-dev/src/configs/webpack/overrides-plugin.js b/packages/pwa-kit-dev/src/configs/webpack/overrides-plugin.js
new file mode 100644
index 0000000000..478028e79b
--- /dev/null
+++ b/packages/pwa-kit-dev/src/configs/webpack/overrides-plugin.js
@@ -0,0 +1,126 @@
+/*
+ * Copyright (c) 2023, Salesforce, Inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: BSD-3-Clause
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
+ */
+import path from 'path'
+import glob from 'glob'
+
+/**
+ * @class OverridesResolverPlugin
+ *
+ *  This plugin provides the "Overrides" behavior of the Template Extensibility feature,
+ *  allowing third party implementations that depend on an npm module for the base implementation
+ *  and then overriding only specific files
+ */
+class OverridesResolverPlugin {
+    /**
+     *
+     * @param options
+     * @param {string} options.overridesDir path to application base
+     * @param {string[]} options.overrides paths to overrides
+     * @param {string} options.projectDir path to project directory
+     */
+    constructor(options) {
+        this.overridesDir = options.overridesDir || ''
+        this.extends = options.extends || []
+        this.projectDir = options.projectDir
+        this._allSearchDirs = [this.projectDir + this.overridesDir, ...this.extends]
+        this.pkg = require(path.resolve(this.projectDir, 'package.json'))
+        this.extendsHashMap = new Map()
+
+        // everything except directories
+        const globPattern = `${this.pkg?.ccExtensibility?.overridesDir?.replace(/^\//, '')}/**/*.*`
+        const overridesFsRead = glob.sync(globPattern)
+        const overrideReplace = this.pkg?.ccExtensibility?.overridesDir + '/'
+
+        overridesFsRead.forEach((item) => {
+            const end = item.substring(item.lastIndexOf('/index'))
+            const [l, ...rest] = item.split(/(index|\.)/)
+            this.extendsHashMap.set(l?.replace(overrideReplace, '').replace(/\/$/, ''), [end, rest])
+        })
+    }
+
+    /**
+     *
+     * @param requestPath
+     * @param dirs
+     */
+    findFileFromMap(requestPath, dirs) {
+        const fileExt = path.extname(requestPath)
+        for (const dir of dirs) {
+            let base = path.join(dir, requestPath)
+            if (fileExt) {
+                const noExtPath = requestPath.replace(fileExt, '')
+                if (this.extendsHashMap.has(noExtPath)) {
+                    return base
+                }
+            } else {
+                if (this.extendsHashMap.has(requestPath)) {
+                    const end = this.extendsHashMap.get(requestPath)[1]
+                    const isRequestingIndex = end[0] === 'index'
+                    let result = base?.replace(/$\//, '') + end.join('')
+                    if (isRequestingIndex) {
+                        result = path.join(base, this.extendsHashMap.get(requestPath)[1].join(''))
+                    }
+                    return result
+                }
+            }
+        }
+    }
+
+    toOverrideRelative(path) {
+        const override = this.findOverride(path)
+        return path.substring(override.length + 1)
+    }
+
+    findOverride(path) {
+        return this._allSearchDirs.find((override) => {
+            return path.indexOf(override) === 0
+        })
+    }
+
+    isFromExtends(request, path) {
+        // in npm namespaces like `@salesforce/<pkg>` we need to ignore the first slash
+        const basePkgIndex = request?.startsWith('@') ? 1 : 0
+        return (
+            this.extends.includes(request?.split('/')?.[basePkgIndex]) &&
+            // this is very important, to avoid circular imports, check that the
+            // `issuer` (requesting context) isn't the overrides directory
+            !path.match(this.projectDir + this.overridesDir)
+        )
+    }
+
+    handleHook(requestContext, resolveContext, callback, resolver) {
+        let targetFile
+        let overrideRelative
+        if (this.isFromExtends(requestContext.request, requestContext.path)) {
+            overrideRelative = this.toOverrideRelative(requestContext.request)?.replace(/$\//, '')
+            targetFile = this.findFileFromMap(overrideRelative, this._allSearchDirs)
+        }
+        if (targetFile) {
+            const target = resolver.ensureHook('resolved')
+            requestContext.path = targetFile
+            resolver.doResolve(
+                target,
+                requestContext,
+                `${this.constructor.name} found base override file`,
+                resolveContext,
+                callback
+            )
+        } else {
+            return callback()
+        }
+    }
+
+    apply(resolver) {
+        resolver
+            .getHook('resolve')
+            .tapAsync('FeatureResolverPlugin', (requestContext, resolveContext, callback) => {
+                this.handleHook(requestContext, resolveContext, callback, resolver)
+            })
+    }
+}
+
+export default OverridesResolverPlugin
diff --git a/packages/pwa-kit-dev/src/configs/webpack/plugins.js b/packages/pwa-kit-dev/src/configs/webpack/plugins.js
index ddcdf3d685..7f6e9c05c2 100644
--- a/packages/pwa-kit-dev/src/configs/webpack/plugins.js
+++ b/packages/pwa-kit-dev/src/configs/webpack/plugins.js
@@ -4,82 +4,108 @@
  * SPDX-License-Identifier: BSD-3-Clause
  * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
  */
-
 import webpack from 'webpack'
 import path, {resolve} from 'path'
-import fs from 'fs'
+import glob from 'glob'
+import {EXT_OVERRIDES_DIR, EXT_EXTENDS} from './config'
+const projectDir = process.cwd()
+// eslint-disable-next-line @typescript-eslint/no-var-requires
+const pkg = require(resolve(projectDir, 'package.json'))
+
+const OVERRIDES_EXTENSIONS = '.+(js|jsx|ts|tsx)'
+
+const getOverridePath = (relativePath) => {
+    const extendPath = pkg?.ccExtensibility?.extends ? `node_modules/${EXT_EXTENDS}` : ''
+    const overridePath = EXT_OVERRIDES_DIR?.replace(/^\//, '')
+
+    // order matters here, we perform look ups starting in the following order:
+    // pkg.ccExtensibility.overridesDir => pkg.ccExtensibility.extends => current projectDir
+    if (EXT_EXTENDS && EXT_OVERRIDES_DIR) {
+        const filePath = `${resolve(
+            projectDir,
+            overridePath,
+            ...relativePath
+        )}${OVERRIDES_EXTENSIONS}`
+
+        const overrideFile = glob.sync(filePath)
+
+        if (overrideFile?.length) {
+            return overrideFile?.[0]
+        }
+        const extendFile = glob.sync(
+            `${resolve(projectDir, extendPath, ...relativePath)}${OVERRIDES_EXTENSIONS}`
+        )
+        if (extendFile?.length) {
+            return extendFile?.[0]
+        }
+    }
+    const generatedProjectOverride = glob.sync(
+        `${resolve(projectDir, ...relativePath)}${OVERRIDES_EXTENSIONS}`
+    )
+    return generatedProjectOverride?.length
+        ? generatedProjectOverride?.[0]
+        : resolve(
+              'node_modules',
+              'pwa-kit-react-sdk',
+              'ssr',
+              'universal',
+              ...relativePath.filter((item) => item !== 'app')
+          )
+}
+
+export const makeRegExp = (str, sep = path.sep) => {
+    // Replace unix paths with windows if needed and build a RegExp
+    if (sep === '\\') {
+        str = str.replace(/\//g, '\\\\')
+    }
+    return new RegExp(str)
+}
 
 /**
  * Allows users to override special SDK components by placing override
  * files in certain magic locations in a project.
  *
- * @param {string} projectDir - absolute path to the project root.
  * @returns {webpack.NormalModuleReplacementPlugin}
  */
-export const createModuleReplacementPlugin = (projectDir) => {
-    const makeRegExp = (str, sep = path.sep) => {
-        // Replace unix paths with windows if needed and build a RegExp
-        if (sep === '\\') {
-            str = str.replace(/\//g, '\\\\')
-        }
-        return new RegExp(str)
-    }
 
-    // List of overridable paths
-    // path: The RegExp that matches the path to the overridable file
-    // newPath: The corresponding path in the project directory
+export const sdkReplacementPlugin = () => {
     const overridables = [
         {
             path: makeRegExp('pwa-kit-react-sdk(/dist)?/ssr/universal/components/_app-config$'),
-            newPath: resolve(projectDir, 'app', 'components', '_app-config', 'index')
+            newPath: getOverridePath(['app', 'components', '_app-config', 'index'])
         },
         {
             path: makeRegExp('pwa-kit-react-sdk(/dist)?/ssr/universal/components/_document$'),
-            newPath: resolve(projectDir, 'app', 'components', '_document', 'index')
+            newPath: getOverridePath(['app', 'components', '_document', 'index'])
         },
         {
             path: makeRegExp('pwa-kit-react-sdk(/dist)?/ssr/universal/components/_app$'),
-            newPath: resolve(projectDir, 'app', 'components', '_app', 'index')
+            newPath: getOverridePath(['app', 'components', '_app', 'index'])
         },
         {
             path: makeRegExp('pwa-kit-react-sdk(/dist)?/ssr/universal/components/_error$'),
-            newPath: resolve(projectDir, 'app', 'components', '_error', 'index')
+            newPath: getOverridePath(['app', 'components', '_error', 'index'])
         },
         {
             path: makeRegExp('pwa-kit-react-sdk(/dist)?/ssr/universal/routes$'),
-            newPath: resolve(projectDir, 'app', 'routes')
+            newPath: getOverridePath(['app', 'routes'])
         }
     ]
-    const extensions = ['.ts', '.tsx', '.js', '.jsx']
 
-    // Find the replacement for each overridable path by checking if the file exists
-    const replacements = []
-    overridables.forEach(({path, newPath}) => {
-        extensions.forEach((ext) => {
-            const replacement = newPath + ext
-            if (fs.existsSync(replacement)) {
-                replacements.push({path, newPath: replacement})
-            }
-        })
-    })
+    const replacements = overridables?.filter?.((item) => item?.newPath)
 
     return new webpack.NormalModuleReplacementPlugin(/.*/, (resource) => {
+        const resolved = path.resolve(resource.context, resource.request)
+        const replacement = replacements.find(({path}) => resolved.match(path))
+
         const sdkPaths = [
             path.join('packages', 'pwa-kit-react-sdk'),
             path.join('node_modules', 'pwa-kit-react-sdk')
         ]
 
-        if (
-            resource.context.includes('pwa-kit-react-sdk') &&
-            sdkPaths.some((p) => resource.context.includes(p))
-        ) {
-            const resolved = path.resolve(resource.context, resource.request)
-
-            const replacement = replacements.find(({path}) => resolved.match(path))
-
-            if (replacement) {
-                resource.request = replacement.newPath
-            }
+        const requestedFromSDK = sdkPaths.some((p) => resource.context.includes(p))
+        if (requestedFromSDK && replacement) {
+            resource.request = replacement.newPath
         }
     })
 }
diff --git a/packages/pwa-kit-dev/src/ssr/server/build-dev-server.js b/packages/pwa-kit-dev/src/ssr/server/build-dev-server.js
index eabc96453b..24d7232f45 100644
--- a/packages/pwa-kit-dev/src/ssr/server/build-dev-server.js
+++ b/packages/pwa-kit-dev/src/ssr/server/build-dev-server.js
@@ -25,6 +25,7 @@ import {
     CLIENT_OPTIONAL,
     REQUEST_PROCESSOR
 } from '../../configs/webpack/config-names'
+
 import {randomUUID} from 'crypto'
 import chalk from 'chalk'
 
@@ -234,8 +235,16 @@ export const DevServerMixin = {
         // Discussion here:
         //
         // https://salesforce-internal.slack.com/archives/C8YDDMKFZ/p1677793769255659?thread_ts=1677791840.174309&cid=C8YDDMKFZ
+
+        // eslint-disable-next-line @typescript-eslint/no-var-requires
+        const pkg = require(path.resolve(process.cwd(), 'package.json'))
+
         return (req, res) => {
-            const baseDir = path.resolve(req.app.options.projectDir, 'app')
+            const baseDir = path.resolve(
+                req.app.options.projectDir,
+                pkg?.ccExtensibility?.overridesDir?.replace(/^\//, '') ?? '',
+                'app'
+            )
             return this._serveStaticFile(req, res, baseDir, filePath, opts)
         }
     },
diff --git a/packages/pwa-kit-react-sdk/package-lock.json b/packages/pwa-kit-react-sdk/package-lock.json
index 7ec0e77508..88e6ffc794 100644
--- a/packages/pwa-kit-react-sdk/package-lock.json
+++ b/packages/pwa-kit-react-sdk/package-lock.json
@@ -80,9 +80,9 @@
       }
     },
     "node_modules/@babel/compat-data": {
-      "version": "7.21.7",
-      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.21.7.tgz",
-      "integrity": "sha512-KYMqFYTaenzMK4yUtf4EW9wc4N9ef80FsbMtkwool5zpwl4YrT1SdWYSTRcT94KO4hannogdS+LxY7L+arP3gA==",
+      "version": "7.21.9",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.21.9.tgz",
+      "integrity": "sha512-FUGed8kfhyWvbYug/Un/VPJD41rDIgoVVcR+FuzhzOYyRz5uED+Gd3SLZml0Uw2l2aHFb7ZgdW5mGA3G2cCCnQ==",
       "peer": true,
       "engines": {
         "node": ">=6.9.0"
@@ -119,9 +119,9 @@
       }
     },
     "node_modules/@babel/generator": {
-      "version": "7.21.5",
-      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.21.5.tgz",
-      "integrity": "sha512-SrKK/sRv8GesIW1bDagf9cCG38IOMYZusoe1dfg0D8aiUe3Amvoj1QtjTPAWcfrZFvIwlleLb0gxzQidL9w14w==",
+      "version": "7.21.9",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.21.9.tgz",
+      "integrity": "sha512-F3fZga2uv09wFdEjEQIJxXALXfz0+JaOb7SabvVMmjHxeVTuGW8wgE8Vp1Hd7O+zMTYtcfEISGRzPkeiaPPsvg==",
       "peer": true,
       "dependencies": {
         "@babel/types": "^7.21.5",
@@ -303,9 +303,9 @@
       }
     },
     "node_modules/@babel/parser": {
-      "version": "7.21.8",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.21.8.tgz",
-      "integrity": "sha512-6zavDGdzG3gUqAdWvlLFfk+36RilI+Pwyuuh7HItyeScCWP3k6i8vKclAQ0bM/0y/Kz/xiwvxhMv9MgTJP5gmA==",
+      "version": "7.21.9",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.21.9.tgz",
+      "integrity": "sha512-q5PNg/Bi1OpGgx5jYlvWZwAorZepEudDMCLtj967aeS7WMont7dUZI46M2XwcIQqvUlMxWfdLFu4S/qSxeUu5g==",
       "peer": true,
       "bin": {
         "parser": "bin/babel-parser.js"
@@ -337,14 +337,14 @@
       }
     },
     "node_modules/@babel/template": {
-      "version": "7.20.7",
-      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.20.7.tgz",
-      "integrity": "sha512-8SegXApWe6VoNw0r9JHpSteLKTpTiLZ4rMlGIm9JQ18KiCtyQiAMEazujAHrUS5flrcqYZa75ukev3P6QmUwUw==",
+      "version": "7.21.9",
+      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.21.9.tgz",
+      "integrity": "sha512-MK0X5k8NKOuWRamiEfc3KEJiHMTkGZNUjzMipqCGDDc6ijRl/B7RGSKVGncu4Ro/HdyzzY6cmoXuKI2Gffk7vQ==",
       "peer": true,
       "dependencies": {
-        "@babel/code-frame": "^7.18.6",
-        "@babel/parser": "^7.20.7",
-        "@babel/types": "^7.20.7"
+        "@babel/code-frame": "^7.21.4",
+        "@babel/parser": "^7.21.9",
+        "@babel/types": "^7.21.5"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -927,9 +927,9 @@
       "dev": true
     },
     "node_modules/@types/eslint": {
-      "version": "8.37.0",
-      "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-8.37.0.tgz",
-      "integrity": "sha512-Piet7dG2JBuDIfohBngQ3rCt7MgO9xCO4xIMKxBThCq5PNRB91IjlJ10eJVwfoNtvTErmxLzwBZ7rHZtbOMmFQ==",
+      "version": "8.40.0",
+      "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-8.40.0.tgz",
+      "integrity": "sha512-nbq2mvc/tBrK9zQQuItvjJl++GTN5j06DaPtp3hZCpngmG6Q3xoyEmd0TwZI0gAy/G1X0zhGBbr2imsGFdFV0g==",
       "peer": true,
       "dependencies": {
         "@types/estree": "*",
@@ -1025,9 +1025,9 @@
       "peer": true
     },
     "node_modules/@types/node": {
-      "version": "20.1.4",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.1.4.tgz",
-      "integrity": "sha512-At4pvmIOki8yuwLtd7BNHl3CiWNbtclUbNtScGx4OHfBd4/oWoJC8KRCIxXwkdndzhxOsPXihrsOoydxBjlE9Q=="
+      "version": "20.2.3",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.2.3.tgz",
+      "integrity": "sha512-pg9d0yC4rVNWQzX8U7xb4olIOFuuVL9za3bzMT2pu2SU0SNEi66i2qrvhE2qt0HvkhuCaWJu7pLNOt/Pj8BIrw=="
     },
     "node_modules/@types/prop-types": {
       "version": "15.7.5",
@@ -1581,9 +1581,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001487",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001487.tgz",
-      "integrity": "sha512-83564Z3yWGqXsh2vaH/mhXfEM0wX+NlBCm1jYHOb97TrTWJEmPTccZgeLTPBUUb0PNVo+oomb7wkimZBIERClA==",
+      "version": "1.0.30001489",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001489.tgz",
+      "integrity": "sha512-x1mgZEXK8jHIfAxm+xgdpHpk50IN3z3q3zP261/WS+uvePxW8izXuCu6AHz0lkuYTlATDehiZ/tNyYBdSQsOUQ==",
       "funding": [
         {
           "type": "opencollective",
@@ -2112,9 +2112,9 @@
       }
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.4.395",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.395.tgz",
-      "integrity": "sha512-r8IgVPlJsCs7yezgmuBTaOMuu8lgU0mzg+wcLLo0xVy5s+rpuFTI9tEKhHVaMIPgeJPjxwTDHUZqoBEsNMDbCQ==",
+      "version": "1.4.405",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.405.tgz",
+      "integrity": "sha512-JdDgnwU69FMZURoesf9gNOej2Cms1XJFfLk24y1IBtnAdhTcJY/mXnokmpmxHN59PcykBP4bgUU98vLY44Lhuw==",
       "peer": true
     },
     "node_modules/emojis-list": {
@@ -4240,9 +4240,9 @@
       }
     },
     "node_modules/nise/node_modules/@sinonjs/fake-timers": {
-      "version": "10.1.0",
-      "resolved": "https://registry.npmjs.org/@sinonjs/fake-timers/-/fake-timers-10.1.0.tgz",
-      "integrity": "sha512-w1qd368vtrwttm1PRJWPW1QHlbmHrVDGs1eBH/jZvRPUFS4MNXV9Q33EQdjOdeAxZ7O8+3wM7zxztm2nfUSyKw==",
+      "version": "10.2.0",
+      "resolved": "https://registry.npmjs.org/@sinonjs/fake-timers/-/fake-timers-10.2.0.tgz",
+      "integrity": "sha512-OPwQlEdg40HAj5KNF8WW6q2KG4Z+cBCZb3m4ninfTZKaBmbIJodviQsDBoYMPHkOyJJMHnOJo5j2+LKDOhOACg==",
       "dev": true,
       "dependencies": {
         "@sinonjs/commons": "^3.0.0"
@@ -4268,9 +4268,9 @@
       }
     },
     "node_modules/node-releases": {
-      "version": "2.0.10",
-      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.10.tgz",
-      "integrity": "sha512-5GFldHPXVG/YZmFzJvKK2zDSzPKhEp0+ZR5SVaoSag9fsL5YgHbUHDfnG5494ISANDcK4KwPXAx2xqVEydmd7w==",
+      "version": "2.0.11",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.11.tgz",
+      "integrity": "sha512-+M0PwXeU80kRohZ3aT4J/OnR+l9/KD2nVLNNoRgFtnf+umQVFdGBAO2N8+nCnEi0xlh/Wk3zOGC+vNNx+uM79Q==",
       "peer": true
     },
     "node_modules/nodemon": {
@@ -5870,9 +5870,9 @@
       }
     },
     "node_modules/terser": {
-      "version": "5.17.3",
-      "resolved": "https://registry.npmjs.org/terser/-/terser-5.17.3.tgz",
-      "integrity": "sha512-AudpAZKmZHkG9jueayypz4duuCFJMMNGRMwaPvQKWfxKedh8Z2x3OCoDqIIi1xx5+iwx1u6Au8XQcc9Lke65Yg==",
+      "version": "5.17.6",
+      "resolved": "https://registry.npmjs.org/terser/-/terser-5.17.6.tgz",
+      "integrity": "sha512-V8QHcs8YuyLkLHsJO5ucyff1ykrLVsR4dNnS//L5Y3NiSXpbK1J+WMVUs67eI0KTxs9JtHhgEQpXQVHlHI92DQ==",
       "peer": true,
       "dependencies": {
         "@jridgewell/source-map": "^0.3.2",
@@ -5888,9 +5888,9 @@
       }
     },
     "node_modules/terser-webpack-plugin": {
-      "version": "5.3.8",
-      "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.3.8.tgz",
-      "integrity": "sha512-WiHL3ElchZMsK27P8uIUh4604IgJyAW47LVXGbEoB21DbQcZ+OuMpGjVYnEUaqcWM6dO8uS2qUbA7LSCWqvsbg==",
+      "version": "5.3.9",
+      "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.3.9.tgz",
+      "integrity": "sha512-ZuXsqE07EcggTWQjXUj+Aot/OMcD0bMKGgF63f7UxYcu5/AJF53aIpK1YoP5xR9l6s/Hy2b+t1AM0bLNPRuhwA==",
       "peer": true,
       "dependencies": {
         "@jridgewell/trace-mapping": "^0.3.17",
@@ -6054,9 +6054,9 @@
       }
     },
     "node_modules/tslib": {
-      "version": "2.5.0",
-      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.5.0.tgz",
-      "integrity": "sha512-336iVw3rtn2BUK7ORdIAHTyxHGRIHVReokCR3XjbckJMK7ms8FysBfhLR8IXnAgy7T0PTPNBWKiH514FOW/WSg=="
+      "version": "2.5.2",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.5.2.tgz",
+      "integrity": "sha512-5svOrSA2w3iGFDs1HibEVBGbDrAY82bFQ3HZ3ixB+88nsbsWQoKqDRb5UBYAUPEzbBn6dAp5gRNXglySbx1MlA=="
     },
     "node_modules/type": {
       "version": "1.2.0",
@@ -6251,9 +6251,9 @@
       }
     },
     "node_modules/webpack": {
-      "version": "5.82.1",
-      "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.82.1.tgz",
-      "integrity": "sha512-C6uiGQJ+Gt4RyHXXYt+v9f+SN1v83x68URwgxNQ98cvH8kxiuywWGP4XeNZ1paOzZ63aY3cTciCEQJNFUljlLw==",
+      "version": "5.83.1",
+      "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.83.1.tgz",
+      "integrity": "sha512-TNsG9jDScbNuB+Lb/3+vYolPplCS3bbEaJf+Bj0Gw4DhP3ioAflBb1flcRt9zsWITyvOhM96wMQNRWlSX52DgA==",
       "peer": true,
       "dependencies": {
         "@types/eslint-scope": "^3.7.3",
@@ -6401,9 +6401,9 @@
       }
     },
     "@babel/compat-data": {
-      "version": "7.21.7",
-      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.21.7.tgz",
-      "integrity": "sha512-KYMqFYTaenzMK4yUtf4EW9wc4N9ef80FsbMtkwool5zpwl4YrT1SdWYSTRcT94KO4hannogdS+LxY7L+arP3gA==",
+      "version": "7.21.9",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.21.9.tgz",
+      "integrity": "sha512-FUGed8kfhyWvbYug/Un/VPJD41rDIgoVVcR+FuzhzOYyRz5uED+Gd3SLZml0Uw2l2aHFb7ZgdW5mGA3G2cCCnQ==",
       "peer": true
     },
     "@babel/core": {
@@ -6430,9 +6430,9 @@
       }
     },
     "@babel/generator": {
-      "version": "7.21.5",
-      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.21.5.tgz",
-      "integrity": "sha512-SrKK/sRv8GesIW1bDagf9cCG38IOMYZusoe1dfg0D8aiUe3Amvoj1QtjTPAWcfrZFvIwlleLb0gxzQidL9w14w==",
+      "version": "7.21.9",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.21.9.tgz",
+      "integrity": "sha512-F3fZga2uv09wFdEjEQIJxXALXfz0+JaOb7SabvVMmjHxeVTuGW8wgE8Vp1Hd7O+zMTYtcfEISGRzPkeiaPPsvg==",
       "peer": true,
       "requires": {
         "@babel/types": "^7.21.5",
@@ -6566,9 +6566,9 @@
       }
     },
     "@babel/parser": {
-      "version": "7.21.8",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.21.8.tgz",
-      "integrity": "sha512-6zavDGdzG3gUqAdWvlLFfk+36RilI+Pwyuuh7HItyeScCWP3k6i8vKclAQ0bM/0y/Kz/xiwvxhMv9MgTJP5gmA==",
+      "version": "7.21.9",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.21.9.tgz",
+      "integrity": "sha512-q5PNg/Bi1OpGgx5jYlvWZwAorZepEudDMCLtj967aeS7WMont7dUZI46M2XwcIQqvUlMxWfdLFu4S/qSxeUu5g==",
       "peer": true
     },
     "@babel/plugin-syntax-dynamic-import": {
@@ -6588,14 +6588,14 @@
       }
     },
     "@babel/template": {
-      "version": "7.20.7",
-      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.20.7.tgz",
-      "integrity": "sha512-8SegXApWe6VoNw0r9JHpSteLKTpTiLZ4rMlGIm9JQ18KiCtyQiAMEazujAHrUS5flrcqYZa75ukev3P6QmUwUw==",
+      "version": "7.21.9",
+      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.21.9.tgz",
+      "integrity": "sha512-MK0X5k8NKOuWRamiEfc3KEJiHMTkGZNUjzMipqCGDDc6ijRl/B7RGSKVGncu4Ro/HdyzzY6cmoXuKI2Gffk7vQ==",
       "peer": true,
       "requires": {
-        "@babel/code-frame": "^7.18.6",
-        "@babel/parser": "^7.20.7",
-        "@babel/types": "^7.20.7"
+        "@babel/code-frame": "^7.21.4",
+        "@babel/parser": "^7.21.9",
+        "@babel/types": "^7.21.5"
       }
     },
     "@babel/traverse": {
@@ -7016,9 +7016,9 @@
       "dev": true
     },
     "@types/eslint": {
-      "version": "8.37.0",
-      "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-8.37.0.tgz",
-      "integrity": "sha512-Piet7dG2JBuDIfohBngQ3rCt7MgO9xCO4xIMKxBThCq5PNRB91IjlJ10eJVwfoNtvTErmxLzwBZ7rHZtbOMmFQ==",
+      "version": "8.40.0",
+      "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-8.40.0.tgz",
+      "integrity": "sha512-nbq2mvc/tBrK9zQQuItvjJl++GTN5j06DaPtp3hZCpngmG6Q3xoyEmd0TwZI0gAy/G1X0zhGBbr2imsGFdFV0g==",
       "peer": true,
       "requires": {
         "@types/estree": "*",
@@ -7107,9 +7107,9 @@
       "peer": true
     },
     "@types/node": {
-      "version": "20.1.4",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.1.4.tgz",
-      "integrity": "sha512-At4pvmIOki8yuwLtd7BNHl3CiWNbtclUbNtScGx4OHfBd4/oWoJC8KRCIxXwkdndzhxOsPXihrsOoydxBjlE9Q=="
+      "version": "20.2.3",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.2.3.tgz",
+      "integrity": "sha512-pg9d0yC4rVNWQzX8U7xb4olIOFuuVL9za3bzMT2pu2SU0SNEi66i2qrvhE2qt0HvkhuCaWJu7pLNOt/Pj8BIrw=="
     },
     "@types/prop-types": {
       "version": "15.7.5",
@@ -7574,9 +7574,9 @@
       }
     },
     "caniuse-lite": {
-      "version": "1.0.30001487",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001487.tgz",
-      "integrity": "sha512-83564Z3yWGqXsh2vaH/mhXfEM0wX+NlBCm1jYHOb97TrTWJEmPTccZgeLTPBUUb0PNVo+oomb7wkimZBIERClA==",
+      "version": "1.0.30001489",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001489.tgz",
+      "integrity": "sha512-x1mgZEXK8jHIfAxm+xgdpHpk50IN3z3q3zP261/WS+uvePxW8izXuCu6AHz0lkuYTlATDehiZ/tNyYBdSQsOUQ==",
       "peer": true
     },
     "chalk": {
@@ -7962,9 +7962,9 @@
       }
     },
     "electron-to-chromium": {
-      "version": "1.4.395",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.395.tgz",
-      "integrity": "sha512-r8IgVPlJsCs7yezgmuBTaOMuu8lgU0mzg+wcLLo0xVy5s+rpuFTI9tEKhHVaMIPgeJPjxwTDHUZqoBEsNMDbCQ==",
+      "version": "1.4.405",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.405.tgz",
+      "integrity": "sha512-JdDgnwU69FMZURoesf9gNOej2Cms1XJFfLk24y1IBtnAdhTcJY/mXnokmpmxHN59PcykBP4bgUU98vLY44Lhuw==",
       "peer": true
     },
     "emojis-list": {
@@ -9595,9 +9595,9 @@
           }
         },
         "@sinonjs/fake-timers": {
-          "version": "10.1.0",
-          "resolved": "https://registry.npmjs.org/@sinonjs/fake-timers/-/fake-timers-10.1.0.tgz",
-          "integrity": "sha512-w1qd368vtrwttm1PRJWPW1QHlbmHrVDGs1eBH/jZvRPUFS4MNXV9Q33EQdjOdeAxZ7O8+3wM7zxztm2nfUSyKw==",
+          "version": "10.2.0",
+          "resolved": "https://registry.npmjs.org/@sinonjs/fake-timers/-/fake-timers-10.2.0.tgz",
+          "integrity": "sha512-OPwQlEdg40HAj5KNF8WW6q2KG4Z+cBCZb3m4ninfTZKaBmbIJodviQsDBoYMPHkOyJJMHnOJo5j2+LKDOhOACg==",
           "dev": true,
           "requires": {
             "@sinonjs/commons": "^3.0.0"
@@ -9627,9 +9627,9 @@
       }
     },
     "node-releases": {
-      "version": "2.0.10",
-      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.10.tgz",
-      "integrity": "sha512-5GFldHPXVG/YZmFzJvKK2zDSzPKhEp0+ZR5SVaoSag9fsL5YgHbUHDfnG5494ISANDcK4KwPXAx2xqVEydmd7w==",
+      "version": "2.0.11",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.11.tgz",
+      "integrity": "sha512-+M0PwXeU80kRohZ3aT4J/OnR+l9/KD2nVLNNoRgFtnf+umQVFdGBAO2N8+nCnEi0xlh/Wk3zOGC+vNNx+uM79Q==",
       "peer": true
     },
     "nodemon": {
@@ -10901,9 +10901,9 @@
       "peer": true
     },
     "terser": {
-      "version": "5.17.3",
-      "resolved": "https://registry.npmjs.org/terser/-/terser-5.17.3.tgz",
-      "integrity": "sha512-AudpAZKmZHkG9jueayypz4duuCFJMMNGRMwaPvQKWfxKedh8Z2x3OCoDqIIi1xx5+iwx1u6Au8XQcc9Lke65Yg==",
+      "version": "5.17.6",
+      "resolved": "https://registry.npmjs.org/terser/-/terser-5.17.6.tgz",
+      "integrity": "sha512-V8QHcs8YuyLkLHsJO5ucyff1ykrLVsR4dNnS//L5Y3NiSXpbK1J+WMVUs67eI0KTxs9JtHhgEQpXQVHlHI92DQ==",
       "peer": true,
       "requires": {
         "@jridgewell/source-map": "^0.3.2",
@@ -10913,9 +10913,9 @@
       }
     },
     "terser-webpack-plugin": {
-      "version": "5.3.8",
-      "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.3.8.tgz",
-      "integrity": "sha512-WiHL3ElchZMsK27P8uIUh4604IgJyAW47LVXGbEoB21DbQcZ+OuMpGjVYnEUaqcWM6dO8uS2qUbA7LSCWqvsbg==",
+      "version": "5.3.9",
+      "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.3.9.tgz",
+      "integrity": "sha512-ZuXsqE07EcggTWQjXUj+Aot/OMcD0bMKGgF63f7UxYcu5/AJF53aIpK1YoP5xR9l6s/Hy2b+t1AM0bLNPRuhwA==",
       "peer": true,
       "requires": {
         "@jridgewell/trace-mapping": "^0.3.17",
@@ -11029,9 +11029,9 @@
       "integrity": "sha512-/y956gpUo9ZNCb99YjxG7OaslxZWHfCHAUUfshwqOXmxUIvqLjVO581BT+gM59+QV9tFe6/CGG53tsA1Y7RSdg=="
     },
     "tslib": {
-      "version": "2.5.0",
-      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.5.0.tgz",
-      "integrity": "sha512-336iVw3rtn2BUK7ORdIAHTyxHGRIHVReokCR3XjbckJMK7ms8FysBfhLR8IXnAgy7T0PTPNBWKiH514FOW/WSg=="
+      "version": "2.5.2",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.5.2.tgz",
+      "integrity": "sha512-5svOrSA2w3iGFDs1HibEVBGbDrAY82bFQ3HZ3ixB+88nsbsWQoKqDRb5UBYAUPEzbBn6dAp5gRNXglySbx1MlA=="
     },
     "type": {
       "version": "1.2.0",
@@ -11177,9 +11177,9 @@
       }
     },
     "webpack": {
-      "version": "5.82.1",
-      "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.82.1.tgz",
-      "integrity": "sha512-C6uiGQJ+Gt4RyHXXYt+v9f+SN1v83x68URwgxNQ98cvH8kxiuywWGP4XeNZ1paOzZ63aY3cTciCEQJNFUljlLw==",
+      "version": "5.83.1",
+      "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.83.1.tgz",
+      "integrity": "sha512-TNsG9jDScbNuB+Lb/3+vYolPplCS3bbEaJf+Bj0Gw4DhP3ioAflBb1flcRt9zsWITyvOhM96wMQNRWlSX52DgA==",
       "peer": true,
       "requires": {
         "@types/eslint-scope": "^3.7.3",
diff --git a/packages/pwa-kit-runtime/package-lock.json b/packages/pwa-kit-runtime/package-lock.json
index d5a145ad92..e467449c05 100644
--- a/packages/pwa-kit-runtime/package-lock.json
+++ b/packages/pwa-kit-runtime/package-lock.json
@@ -72,9 +72,9 @@
       }
     },
     "node_modules/@babel/compat-data": {
-      "version": "7.21.7",
-      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.21.7.tgz",
-      "integrity": "sha512-KYMqFYTaenzMK4yUtf4EW9wc4N9ef80FsbMtkwool5zpwl4YrT1SdWYSTRcT94KO4hannogdS+LxY7L+arP3gA==",
+      "version": "7.21.9",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.21.9.tgz",
+      "integrity": "sha512-FUGed8kfhyWvbYug/Un/VPJD41rDIgoVVcR+FuzhzOYyRz5uED+Gd3SLZml0Uw2l2aHFb7ZgdW5mGA3G2cCCnQ==",
       "peer": true,
       "engines": {
         "node": ">=6.9.0"
@@ -120,9 +120,9 @@
       }
     },
     "node_modules/@babel/generator": {
-      "version": "7.21.5",
-      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.21.5.tgz",
-      "integrity": "sha512-SrKK/sRv8GesIW1bDagf9cCG38IOMYZusoe1dfg0D8aiUe3Amvoj1QtjTPAWcfrZFvIwlleLb0gxzQidL9w14w==",
+      "version": "7.21.9",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.21.9.tgz",
+      "integrity": "sha512-F3fZga2uv09wFdEjEQIJxXALXfz0+JaOb7SabvVMmjHxeVTuGW8wgE8Vp1Hd7O+zMTYtcfEISGRzPkeiaPPsvg==",
       "peer": true,
       "dependencies": {
         "@babel/types": "^7.21.5",
@@ -313,9 +313,9 @@
       }
     },
     "node_modules/@babel/parser": {
-      "version": "7.21.8",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.21.8.tgz",
-      "integrity": "sha512-6zavDGdzG3gUqAdWvlLFfk+36RilI+Pwyuuh7HItyeScCWP3k6i8vKclAQ0bM/0y/Kz/xiwvxhMv9MgTJP5gmA==",
+      "version": "7.21.9",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.21.9.tgz",
+      "integrity": "sha512-q5PNg/Bi1OpGgx5jYlvWZwAorZepEudDMCLtj967aeS7WMont7dUZI46M2XwcIQqvUlMxWfdLFu4S/qSxeUu5g==",
       "peer": true,
       "bin": {
         "parser": "bin/babel-parser.js"
@@ -348,14 +348,14 @@
       }
     },
     "node_modules/@babel/template": {
-      "version": "7.20.7",
-      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.20.7.tgz",
-      "integrity": "sha512-8SegXApWe6VoNw0r9JHpSteLKTpTiLZ4rMlGIm9JQ18KiCtyQiAMEazujAHrUS5flrcqYZa75ukev3P6QmUwUw==",
+      "version": "7.21.9",
+      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.21.9.tgz",
+      "integrity": "sha512-MK0X5k8NKOuWRamiEfc3KEJiHMTkGZNUjzMipqCGDDc6ijRl/B7RGSKVGncu4Ro/HdyzzY6cmoXuKI2Gffk7vQ==",
       "peer": true,
       "dependencies": {
-        "@babel/code-frame": "^7.18.6",
-        "@babel/parser": "^7.20.7",
-        "@babel/types": "^7.20.7"
+        "@babel/code-frame": "^7.21.4",
+        "@babel/parser": "^7.21.9",
+        "@babel/types": "^7.21.5"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -549,9 +549,9 @@
       "dev": true
     },
     "node_modules/@types/node": {
-      "version": "20.1.4",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.1.4.tgz",
-      "integrity": "sha512-At4pvmIOki8yuwLtd7BNHl3CiWNbtclUbNtScGx4OHfBd4/oWoJC8KRCIxXwkdndzhxOsPXihrsOoydxBjlE9Q=="
+      "version": "20.2.3",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.2.3.tgz",
+      "integrity": "sha512-pg9d0yC4rVNWQzX8U7xb4olIOFuuVL9za3bzMT2pu2SU0SNEi66i2qrvhE2qt0HvkhuCaWJu7pLNOt/Pj8BIrw=="
     },
     "node_modules/@vendia/serverless-express": {
       "version": "3.4.0",
@@ -649,9 +649,9 @@
       }
     },
     "node_modules/aws-sdk": {
-      "version": "2.1378.0",
-      "resolved": "https://registry.npmjs.org/aws-sdk/-/aws-sdk-2.1378.0.tgz",
-      "integrity": "sha512-9ZY11zkc3nMSejrrj08NdL+7hgiY7GZE3Sk7eVhH4VAJeoNqAMAyxc61Sg9yi83Y1i5rRWIcIgX9CYwenokyWQ==",
+      "version": "2.1383.0",
+      "resolved": "https://registry.npmjs.org/aws-sdk/-/aws-sdk-2.1383.0.tgz",
+      "integrity": "sha512-A8sdfcrlGYXqu5x8dpwh1lg9/o354leCx08N/irwH3U4sAwQin0vHsI9DHmaJ0PLNo/TuzeLE3s4dLpI3mWtww==",
       "dependencies": {
         "buffer": "4.9.2",
         "events": "1.1.1",
@@ -868,9 +868,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001487",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001487.tgz",
-      "integrity": "sha512-83564Z3yWGqXsh2vaH/mhXfEM0wX+NlBCm1jYHOb97TrTWJEmPTccZgeLTPBUUb0PNVo+oomb7wkimZBIERClA==",
+      "version": "1.0.30001489",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001489.tgz",
+      "integrity": "sha512-x1mgZEXK8jHIfAxm+xgdpHpk50IN3z3q3zP261/WS+uvePxW8izXuCu6AHz0lkuYTlATDehiZ/tNyYBdSQsOUQ==",
       "funding": [
         {
           "type": "opencollective",
@@ -1126,9 +1126,9 @@
       "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow=="
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.4.395",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.395.tgz",
-      "integrity": "sha512-r8IgVPlJsCs7yezgmuBTaOMuu8lgU0mzg+wcLLo0xVy5s+rpuFTI9tEKhHVaMIPgeJPjxwTDHUZqoBEsNMDbCQ==",
+      "version": "1.4.405",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.405.tgz",
+      "integrity": "sha512-JdDgnwU69FMZURoesf9gNOej2Cms1XJFfLk24y1IBtnAdhTcJY/mXnokmpmxHN59PcykBP4bgUU98vLY44Lhuw==",
       "peer": true
     },
     "node_modules/encodeurl": {
@@ -2020,9 +2020,9 @@
       }
     },
     "node_modules/nise/node_modules/@sinonjs/fake-timers": {
-      "version": "10.1.0",
-      "resolved": "https://registry.npmjs.org/@sinonjs/fake-timers/-/fake-timers-10.1.0.tgz",
-      "integrity": "sha512-w1qd368vtrwttm1PRJWPW1QHlbmHrVDGs1eBH/jZvRPUFS4MNXV9Q33EQdjOdeAxZ7O8+3wM7zxztm2nfUSyKw==",
+      "version": "10.2.0",
+      "resolved": "https://registry.npmjs.org/@sinonjs/fake-timers/-/fake-timers-10.2.0.tgz",
+      "integrity": "sha512-OPwQlEdg40HAj5KNF8WW6q2KG4Z+cBCZb3m4ninfTZKaBmbIJodviQsDBoYMPHkOyJJMHnOJo5j2+LKDOhOACg==",
       "dev": true,
       "dependencies": {
         "@sinonjs/commons": "^3.0.0"
@@ -2076,9 +2076,9 @@
       }
     },
     "node_modules/node-releases": {
-      "version": "2.0.10",
-      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.10.tgz",
-      "integrity": "sha512-5GFldHPXVG/YZmFzJvKK2zDSzPKhEp0+ZR5SVaoSag9fsL5YgHbUHDfnG5494ISANDcK4KwPXAx2xqVEydmd7w==",
+      "version": "2.0.11",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.11.tgz",
+      "integrity": "sha512-+M0PwXeU80kRohZ3aT4J/OnR+l9/KD2nVLNNoRgFtnf+umQVFdGBAO2N8+nCnEi0xlh/Wk3zOGC+vNNx+uM79Q==",
       "peer": true
     },
     "node_modules/nodemon": {
@@ -3032,9 +3032,9 @@
       }
     },
     "@babel/compat-data": {
-      "version": "7.21.7",
-      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.21.7.tgz",
-      "integrity": "sha512-KYMqFYTaenzMK4yUtf4EW9wc4N9ef80FsbMtkwool5zpwl4YrT1SdWYSTRcT94KO4hannogdS+LxY7L+arP3gA==",
+      "version": "7.21.9",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.21.9.tgz",
+      "integrity": "sha512-FUGed8kfhyWvbYug/Un/VPJD41rDIgoVVcR+FuzhzOYyRz5uED+Gd3SLZml0Uw2l2aHFb7ZgdW5mGA3G2cCCnQ==",
       "peer": true
     },
     "@babel/core": {
@@ -3069,9 +3069,9 @@
       }
     },
     "@babel/generator": {
-      "version": "7.21.5",
-      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.21.5.tgz",
-      "integrity": "sha512-SrKK/sRv8GesIW1bDagf9cCG38IOMYZusoe1dfg0D8aiUe3Amvoj1QtjTPAWcfrZFvIwlleLb0gxzQidL9w14w==",
+      "version": "7.21.9",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.21.9.tgz",
+      "integrity": "sha512-F3fZga2uv09wFdEjEQIJxXALXfz0+JaOb7SabvVMmjHxeVTuGW8wgE8Vp1Hd7O+zMTYtcfEISGRzPkeiaPPsvg==",
       "peer": true,
       "requires": {
         "@babel/types": "^7.21.5",
@@ -3213,9 +3213,9 @@
       }
     },
     "@babel/parser": {
-      "version": "7.21.8",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.21.8.tgz",
-      "integrity": "sha512-6zavDGdzG3gUqAdWvlLFfk+36RilI+Pwyuuh7HItyeScCWP3k6i8vKclAQ0bM/0y/Kz/xiwvxhMv9MgTJP5gmA==",
+      "version": "7.21.9",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.21.9.tgz",
+      "integrity": "sha512-q5PNg/Bi1OpGgx5jYlvWZwAorZepEudDMCLtj967aeS7WMont7dUZI46M2XwcIQqvUlMxWfdLFu4S/qSxeUu5g==",
       "peer": true
     },
     "@babel/plugin-syntax-dynamic-import": {
@@ -3236,14 +3236,14 @@
       }
     },
     "@babel/template": {
-      "version": "7.20.7",
-      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.20.7.tgz",
-      "integrity": "sha512-8SegXApWe6VoNw0r9JHpSteLKTpTiLZ4rMlGIm9JQ18KiCtyQiAMEazujAHrUS5flrcqYZa75ukev3P6QmUwUw==",
+      "version": "7.21.9",
+      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.21.9.tgz",
+      "integrity": "sha512-MK0X5k8NKOuWRamiEfc3KEJiHMTkGZNUjzMipqCGDDc6ijRl/B7RGSKVGncu4Ro/HdyzzY6cmoXuKI2Gffk7vQ==",
       "peer": true,
       "requires": {
-        "@babel/code-frame": "^7.18.6",
-        "@babel/parser": "^7.20.7",
-        "@babel/types": "^7.20.7"
+        "@babel/code-frame": "^7.21.4",
+        "@babel/parser": "^7.21.9",
+        "@babel/types": "^7.21.5"
       }
     },
     "@babel/traverse": {
@@ -3401,9 +3401,9 @@
       "dev": true
     },
     "@types/node": {
-      "version": "20.1.4",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.1.4.tgz",
-      "integrity": "sha512-At4pvmIOki8yuwLtd7BNHl3CiWNbtclUbNtScGx4OHfBd4/oWoJC8KRCIxXwkdndzhxOsPXihrsOoydxBjlE9Q=="
+      "version": "20.2.3",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.2.3.tgz",
+      "integrity": "sha512-pg9d0yC4rVNWQzX8U7xb4olIOFuuVL9za3bzMT2pu2SU0SNEi66i2qrvhE2qt0HvkhuCaWJu7pLNOt/Pj8BIrw=="
     },
     "@vendia/serverless-express": {
       "version": "3.4.0",
@@ -3480,9 +3480,9 @@
       }
     },
     "aws-sdk": {
-      "version": "2.1378.0",
-      "resolved": "https://registry.npmjs.org/aws-sdk/-/aws-sdk-2.1378.0.tgz",
-      "integrity": "sha512-9ZY11zkc3nMSejrrj08NdL+7hgiY7GZE3Sk7eVhH4VAJeoNqAMAyxc61Sg9yi83Y1i5rRWIcIgX9CYwenokyWQ==",
+      "version": "2.1383.0",
+      "resolved": "https://registry.npmjs.org/aws-sdk/-/aws-sdk-2.1383.0.tgz",
+      "integrity": "sha512-A8sdfcrlGYXqu5x8dpwh1lg9/o354leCx08N/irwH3U4sAwQin0vHsI9DHmaJ0PLNo/TuzeLE3s4dLpI3mWtww==",
       "requires": {
         "buffer": "4.9.2",
         "events": "1.1.1",
@@ -3644,9 +3644,9 @@
       "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ=="
     },
     "caniuse-lite": {
-      "version": "1.0.30001487",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001487.tgz",
-      "integrity": "sha512-83564Z3yWGqXsh2vaH/mhXfEM0wX+NlBCm1jYHOb97TrTWJEmPTccZgeLTPBUUb0PNVo+oomb7wkimZBIERClA==",
+      "version": "1.0.30001489",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001489.tgz",
+      "integrity": "sha512-x1mgZEXK8jHIfAxm+xgdpHpk50IN3z3q3zP261/WS+uvePxW8izXuCu6AHz0lkuYTlATDehiZ/tNyYBdSQsOUQ==",
       "peer": true
     },
     "chalk": {
@@ -3824,9 +3824,9 @@
       "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow=="
     },
     "electron-to-chromium": {
-      "version": "1.4.395",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.395.tgz",
-      "integrity": "sha512-r8IgVPlJsCs7yezgmuBTaOMuu8lgU0mzg+wcLLo0xVy5s+rpuFTI9tEKhHVaMIPgeJPjxwTDHUZqoBEsNMDbCQ==",
+      "version": "1.4.405",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.405.tgz",
+      "integrity": "sha512-JdDgnwU69FMZURoesf9gNOej2Cms1XJFfLk24y1IBtnAdhTcJY/mXnokmpmxHN59PcykBP4bgUU98vLY44Lhuw==",
       "peer": true
     },
     "encodeurl": {
@@ -4508,9 +4508,9 @@
           }
         },
         "@sinonjs/fake-timers": {
-          "version": "10.1.0",
-          "resolved": "https://registry.npmjs.org/@sinonjs/fake-timers/-/fake-timers-10.1.0.tgz",
-          "integrity": "sha512-w1qd368vtrwttm1PRJWPW1QHlbmHrVDGs1eBH/jZvRPUFS4MNXV9Q33EQdjOdeAxZ7O8+3wM7zxztm2nfUSyKw==",
+          "version": "10.2.0",
+          "resolved": "https://registry.npmjs.org/@sinonjs/fake-timers/-/fake-timers-10.2.0.tgz",
+          "integrity": "sha512-OPwQlEdg40HAj5KNF8WW6q2KG4Z+cBCZb3m4ninfTZKaBmbIJodviQsDBoYMPHkOyJJMHnOJo5j2+LKDOhOACg==",
           "dev": true,
           "requires": {
             "@sinonjs/commons": "^3.0.0"
@@ -4565,9 +4565,9 @@
       }
     },
     "node-releases": {
-      "version": "2.0.10",
-      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.10.tgz",
-      "integrity": "sha512-5GFldHPXVG/YZmFzJvKK2zDSzPKhEp0+ZR5SVaoSag9fsL5YgHbUHDfnG5494ISANDcK4KwPXAx2xqVEydmd7w==",
+      "version": "2.0.11",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.11.tgz",
+      "integrity": "sha512-+M0PwXeU80kRohZ3aT4J/OnR+l9/KD2nVLNNoRgFtnf+umQVFdGBAO2N8+nCnEi0xlh/Wk3zOGC+vNNx+uM79Q==",
       "peer": true
     },
     "nodemon": {
diff --git a/packages/template-retail-react-app/.eslintrc.js b/packages/template-retail-react-app/.eslintrc.js
index 8802a9e9f8..c82561037a 100644
--- a/packages/template-retail-react-app/.eslintrc.js
+++ b/packages/template-retail-react-app/.eslintrc.js
@@ -6,5 +6,20 @@
  */
 
 module.exports = {
-    extends: [require.resolve('pwa-kit-dev/configs/eslint')]
+    extends: [require.resolve('pwa-kit-dev/configs/eslint')],
+    plugins: ['no-relative-import-paths'],
+    rules: {
+        // https://github.com/MelvinVermeer/eslint-plugin-no-relative-import-paths
+        'no-relative-import-paths/no-relative-import-paths': [
+            'error',
+            {
+                allowSameFolder: false,
+                ...(process.cwd().endsWith('template-retail-react-app')
+                    ? {}
+                    : // Otherwise, assumes that the current working directory is the monorepo
+                      {rootDir: 'packages/template-retail-react-app/'}),
+                prefix: 'retail-react-app'
+            }
+        ]
+    }
 }
diff --git a/packages/template-retail-react-app/app/components/_app-config/index.jsx b/packages/template-retail-react-app/app/components/_app-config/index.jsx
index 8b61486fc6..ffdeea9d59 100644
--- a/packages/template-retail-react-app/app/components/_app-config/index.jsx
+++ b/packages/template-retail-react-app/app/components/_app-config/index.jsx
@@ -11,11 +11,11 @@ import {ChakraProvider} from '@chakra-ui/react'
 // Removes focus for non-keyboard interactions for the whole application
 import 'focus-visible/dist/focus-visible'
 
-import theme from '../../theme'
-import {MultiSiteProvider} from '../../contexts'
-import {resolveSiteFromUrl, resolveLocaleFromUrl} from '../../utils/site-utils'
+import theme from 'retail-react-app/app/theme'
+import {MultiSiteProvider} from 'retail-react-app/app/contexts'
+import {resolveSiteFromUrl, resolveLocaleFromUrl} from 'retail-react-app/app/utils/site-utils'
 import {getConfig} from 'pwa-kit-runtime/utils/ssr-config'
-import {createUrlTemplate} from '../../utils/url'
+import {createUrlTemplate} from 'retail-react-app/app/utils/url'
 
 import {CommerceApiProvider} from 'commerce-sdk-react-preview'
 import {withReactQuery} from 'pwa-kit-react-sdk/ssr/universal/components/with-react-query'
@@ -86,6 +86,14 @@ AppConfig.restore = (locals = {}) => {
 
 AppConfig.freeze = () => undefined
 
+AppConfig.extraGetPropsArgs = (locals = {}) => {
+    return {
+        buildUrl: locals.buildUrl,
+        site: locals.site,
+        locale: locals.locale
+    }
+}
+
 AppConfig.propTypes = {
     children: PropTypes.node,
     locals: PropTypes.object
diff --git a/packages/template-retail-react-app/app/components/_app-config/index.test.js b/packages/template-retail-react-app/app/components/_app-config/index.test.js
index 71586679de..3cc42a60fc 100644
--- a/packages/template-retail-react-app/app/components/_app-config/index.test.js
+++ b/packages/template-retail-react-app/app/components/_app-config/index.test.js
@@ -6,15 +6,15 @@
  */
 import React from 'react'
 import {render, waitFor} from '@testing-library/react'
-import AppConfig from './index.jsx'
+import AppConfig from 'retail-react-app/app/components/_app-config/index.jsx'
 
 import {CorrelationIdProvider} from 'pwa-kit-react-sdk/ssr/universal/contexts'
 import {uuidv4} from 'pwa-kit-react-sdk/utils/uuidv4.client'
 import {StaticRouter} from 'react-router-dom'
 
-import mockConfig from '../../../config/mocks/default'
+import mockConfig from 'retail-react-app/config/mocks/default'
 import {rest} from 'msw'
-import {registerUserToken} from '../../utils/test-utils'
+import {registerUserToken} from 'retail-react-app/app/utils/test-utils'
 
 describe('AppConfig', () => {
     beforeAll(() => {
diff --git a/packages/template-retail-react-app/app/components/_app/index.jsx b/packages/template-retail-react-app/app/components/_app/index.jsx
index a5ee1195e6..e39012e76c 100644
--- a/packages/template-retail-react-app/app/components/_app/index.jsx
+++ b/packages/template-retail-react-app/app/components/_app/index.jsx
@@ -26,33 +26,38 @@ import {Box, useDisclosure, useStyleConfig} from '@chakra-ui/react'
 import {SkipNavLink, SkipNavContent} from '@chakra-ui/skip-nav'
 
 // Contexts
-import {CurrencyProvider} from '../../contexts'
+import {CurrencyProvider} from 'retail-react-app/app/contexts'
 
 // Local Project Components
-import Header from '../../components/header'
-import OfflineBanner from '../../components/offline-banner'
-import OfflineBoundary from '../../components/offline-boundary'
-import ScrollToTop from '../../components/scroll-to-top'
-import Footer from '../../components/footer'
-import CheckoutHeader from '../../pages/checkout/partials/checkout-header'
-import CheckoutFooter from '../../pages/checkout/partials/checkout-footer'
-import DrawerMenu from '../drawer-menu'
-import ListMenu from '../list-menu'
-import {HideOnDesktop, HideOnMobile} from '../responsive'
-import AboveHeader from './partials/above-header'
+import Header from 'retail-react-app/app/components/header'
+import OfflineBanner from 'retail-react-app/app/components/offline-banner'
+import OfflineBoundary from 'retail-react-app/app/components/offline-boundary'
+import ScrollToTop from 'retail-react-app/app/components/scroll-to-top'
+import Footer from 'retail-react-app/app/components/footer'
+import CheckoutHeader from 'retail-react-app/app/pages/checkout/partials/checkout-header'
+import CheckoutFooter from 'retail-react-app/app/pages/checkout/partials/checkout-footer'
+import DrawerMenu from 'retail-react-app/app/components/drawer-menu'
+import ListMenu from 'retail-react-app/app/components/list-menu'
+import {HideOnDesktop, HideOnMobile} from 'retail-react-app/app/components/responsive'
+import AboveHeader from 'retail-react-app/app/components/_app/partials/above-header'
 
 // Hooks
-import {AuthModal, useAuthModal} from '../../hooks/use-auth-modal'
-import {AddToCartModalProvider} from '../../hooks/use-add-to-cart-modal'
-import useMultiSite from '../../hooks/use-multi-site'
-import {useCurrentCustomer} from '../../hooks/use-current-customer'
+import {AuthModal, useAuthModal} from 'retail-react-app/app/hooks/use-auth-modal'
+import {AddToCartModalProvider} from 'retail-react-app/app/hooks/use-add-to-cart-modal'
+import useMultiSite from 'retail-react-app/app/hooks/use-multi-site'
+import {useCurrentCustomer} from 'retail-react-app/app/hooks/use-current-customer'
 
 // Localization
 import {IntlProvider} from 'react-intl'
 
 // Others
-import {watchOnlineStatus, flatten, mergeMatchedItems, isServer} from '../../utils/utils'
-import {getTargetLocale, fetchTranslations} from '../../utils/locale'
+import {
+    watchOnlineStatus,
+    flatten,
+    mergeMatchedItems,
+    isServer
+} from 'retail-react-app/app/utils/utils'
+import {getTargetLocale, fetchTranslations} from 'retail-react-app/app/utils/locale'
 import {
     DEFAULT_SITE_TITLE,
     HOME_HREF,
@@ -60,9 +65,9 @@ import {
     CAT_MENU_DEFAULT_NAV_SSR_DEPTH,
     CAT_MENU_DEFAULT_ROOT_CATEGORY,
     DEFAULT_LOCALE
-} from '../../constants'
+} from 'retail-react-app/app/constants'
 
-import Seo from '../seo'
+import Seo from 'retail-react-app/app/components/seo'
 
 const onClient = typeof window !== 'undefined'
 
diff --git a/packages/template-retail-react-app/app/components/_app/index.test.js b/packages/template-retail-react-app/app/components/_app/index.test.js
index 09efdec83f..3a244ed71e 100644
--- a/packages/template-retail-react-app/app/components/_app/index.test.js
+++ b/packages/template-retail-react-app/app/components/_app/index.test.js
@@ -8,12 +8,12 @@ import React from 'react'
 import {screen} from '@testing-library/react'
 import {Helmet} from 'react-helmet'
 
-import App from './index.jsx'
-import {renderWithProviders} from '../../utils/test-utils'
-import {DEFAULT_LOCALE} from '../../utils/test-utils'
-import useMultiSite from '../../hooks/use-multi-site'
-import messages from '../../translations/compiled/en-GB.json'
-import mockConfig from '../../../config/mocks/default'
+import App from 'retail-react-app/app/components/_app/index.jsx'
+import {renderWithProviders} from 'retail-react-app/app/utils/test-utils'
+import {DEFAULT_LOCALE} from 'retail-react-app/app/utils/test-utils'
+import useMultiSite from 'retail-react-app/app/hooks/use-multi-site'
+import messages from 'retail-react-app/app/translations/compiled/en-GB.json'
+import mockConfig from 'retail-react-app/config/mocks/default'
 jest.mock('../../hooks/use-multi-site', () => jest.fn())
 let windowSpy
 beforeAll(() => {
diff --git a/packages/template-retail-react-app/app/components/_error/index.jsx b/packages/template-retail-react-app/app/components/_error/index.jsx
index 9dadf8a835..6b6d975e63 100644
--- a/packages/template-retail-react-app/app/components/_error/index.jsx
+++ b/packages/template-retail-react-app/app/components/_error/index.jsx
@@ -9,7 +9,7 @@ import PropTypes from 'prop-types'
 import {Helmet} from 'react-helmet'
 import {Box, Button, Flex, Heading, IconButton, Stack, Text} from '@chakra-ui/react'
 
-import {BrandLogo, FileIcon} from '../icons'
+import {BrandLogo, FileIcon} from 'retail-react-app/app/components/icons'
 import {useHistory} from 'react-router-dom'
 
 // <Error> is rendered when:
diff --git a/packages/template-retail-react-app/app/components/_error/index.test.js b/packages/template-retail-react-app/app/components/_error/index.test.js
index 2549660f32..5886eedefa 100644
--- a/packages/template-retail-react-app/app/components/_error/index.test.js
+++ b/packages/template-retail-react-app/app/components/_error/index.test.js
@@ -6,8 +6,8 @@
  */
 import React from 'react'
 import {screen} from '@testing-library/react'
-import {renderWithProviders} from '../../utils/test-utils'
-import Error from './index'
+import {renderWithProviders} from 'retail-react-app/app/utils/test-utils'
+import Error from 'retail-react-app/app/components/_error/index'
 
 test('Error renders without errors', () => {
     expect(renderWithProviders(<Error />)).toBeDefined()
diff --git a/packages/template-retail-react-app/app/components/action-card/index.jsx b/packages/template-retail-react-app/app/components/action-card/index.jsx
index 1d810d03d6..282eed8548 100644
--- a/packages/template-retail-react-app/app/components/action-card/index.jsx
+++ b/packages/template-retail-react-app/app/components/action-card/index.jsx
@@ -8,7 +8,7 @@ import React, {useState} from 'react'
 import PropTypes from 'prop-types'
 import {Stack, Box, Button} from '@chakra-ui/react'
 import {FormattedMessage} from 'react-intl'
-import LoadingSpinner from '../loading-spinner'
+import LoadingSpinner from 'retail-react-app/app/components/loading-spinner'
 
 /**
  * Renders a card-style box with optional edit and remove buttons. Used for
diff --git a/packages/template-retail-react-app/app/components/basic-tile/index.jsx b/packages/template-retail-react-app/app/components/basic-tile/index.jsx
index c7798b5399..9ae845d6f3 100644
--- a/packages/template-retail-react-app/app/components/basic-tile/index.jsx
+++ b/packages/template-retail-react-app/app/components/basic-tile/index.jsx
@@ -10,7 +10,7 @@ import PropTypes from 'prop-types'
 import {Box, Img, Text, AspectRatio, useTheme} from '@chakra-ui/react'
 import {Link} from 'react-router-dom'
 
-import {ChevronRightIcon} from '../icons'
+import {ChevronRightIcon} from 'retail-react-app/app/components/icons'
 
 /**
  * BasicTile component is used on content pages like home page.
diff --git a/packages/template-retail-react-app/app/components/basic-tile/index.test.js b/packages/template-retail-react-app/app/components/basic-tile/index.test.js
index c713a5b4ec..50759b82fa 100644
--- a/packages/template-retail-react-app/app/components/basic-tile/index.test.js
+++ b/packages/template-retail-react-app/app/components/basic-tile/index.test.js
@@ -5,8 +5,8 @@
  * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
  */
 import React from 'react'
-import {renderWithProviders} from '../../utils/test-utils'
-import BasicTile from './index'
+import {renderWithProviders} from 'retail-react-app/app/utils/test-utils'
+import BasicTile from 'retail-react-app/app/components/basic-tile/index'
 
 test('BasicTile renders without errors', () => {
     const data = {
diff --git a/packages/template-retail-react-app/app/components/breadcrumb/index.jsx b/packages/template-retail-react-app/app/components/breadcrumb/index.jsx
index df6bb7e0fe..d14178bf14 100644
--- a/packages/template-retail-react-app/app/components/breadcrumb/index.jsx
+++ b/packages/template-retail-react-app/app/components/breadcrumb/index.jsx
@@ -20,10 +20,10 @@ import {
 } from '@chakra-ui/react'
 
 // Icons
-import {ChevronRightIcon} from '../icons'
+import {ChevronRightIcon} from 'retail-react-app/app/components/icons'
 
 // Others
-import {categoryUrlBuilder} from '../../utils/url'
+import {categoryUrlBuilder} from 'retail-react-app/app/utils/url'
 
 /**
  * A simplification of the Chakra `Breadcrumb` component for our project needs. Given
diff --git a/packages/template-retail-react-app/app/components/breadcrumb/index.test.js b/packages/template-retail-react-app/app/components/breadcrumb/index.test.js
index cc9b653e99..fa495908e7 100644
--- a/packages/template-retail-react-app/app/components/breadcrumb/index.test.js
+++ b/packages/template-retail-react-app/app/components/breadcrumb/index.test.js
@@ -5,8 +5,8 @@
  * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
  */
 import React from 'react'
-import Breadcrumb from './index'
-import {renderWithProviders} from '../../utils/test-utils'
+import Breadcrumb from 'retail-react-app/app/components/breadcrumb/index'
+import {renderWithProviders} from 'retail-react-app/app/utils/test-utils'
 
 const mockCategories = [
     {
diff --git a/packages/template-retail-react-app/app/components/confirmation-modal/index.jsx b/packages/template-retail-react-app/app/components/confirmation-modal/index.jsx
index 2e58555129..c4aa19f07a 100644
--- a/packages/template-retail-react-app/app/components/confirmation-modal/index.jsx
+++ b/packages/template-retail-react-app/app/components/confirmation-modal/index.jsx
@@ -5,7 +5,7 @@
  * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
  */
 import React from 'react'
-import {noop} from '../../utils/utils'
+import {noop} from 'retail-react-app/app/utils/utils'
 import {
     Button,
     AlertDialog,
@@ -18,7 +18,7 @@ import {
 } from '@chakra-ui/react'
 
 import PropTypes from 'prop-types'
-import {CONFIRMATION_DIALOG_DEFAULT_CONFIG} from '../../pages/account/constant'
+import {CONFIRMATION_DIALOG_DEFAULT_CONFIG} from 'retail-react-app/app/pages/account/constant'
 import {useIntl} from 'react-intl'
 
 const ConfirmationModal = ({
diff --git a/packages/template-retail-react-app/app/components/confirmation-modal/index.test.js b/packages/template-retail-react-app/app/components/confirmation-modal/index.test.js
index 22ba39a180..d12aa89c77 100644
--- a/packages/template-retail-react-app/app/components/confirmation-modal/index.test.js
+++ b/packages/template-retail-react-app/app/components/confirmation-modal/index.test.js
@@ -5,12 +5,12 @@
  * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
  */
 import React from 'react'
-import ConfirmationModal from './index'
+import ConfirmationModal from 'retail-react-app/app/components/confirmation-modal/index'
 import {Box, useDisclosure} from '@chakra-ui/react'
-import {renderWithProviders} from '../../utils/test-utils'
+import {renderWithProviders} from 'retail-react-app/app/utils/test-utils'
 import userEvent from '@testing-library/user-event'
 import {screen} from '@testing-library/react'
-import {REMOVE_CART_ITEM_CONFIRMATION_DIALOG_CONFIG} from '../../pages/cart/partials/cart-secondary-button-group'
+import {REMOVE_CART_ITEM_CONFIRMATION_DIALOG_CONFIG} from 'retail-react-app/app/pages/cart/partials/cart-secondary-button-group'
 
 const MockedComponent = (props) => {
     const modalProps = useDisclosure()
diff --git a/packages/template-retail-react-app/app/components/drawer-menu/index.jsx b/packages/template-retail-react-app/app/components/drawer-menu/index.jsx
index 02ad3be9b1..868ff8a6e0 100644
--- a/packages/template-retail-react-app/app/components/drawer-menu/index.jsx
+++ b/packages/template-retail-react-app/app/components/drawer-menu/index.jsx
@@ -10,9 +10,9 @@ import PropTypes from 'prop-types'
 import {useIntl} from 'react-intl'
 
 // Project Components
-import LocaleSelector from '../locale-selector'
-import NestedAccordion from '../nested-accordion'
-import SocialIcons from '../social-icons'
+import LocaleSelector from 'retail-react-app/app/components/locale-selector'
+import NestedAccordion from 'retail-react-app/app/components/nested-accordion'
+import SocialIcons from 'retail-react-app/app/components/social-icons'
 // Components
 import {
     Box,
@@ -41,17 +41,17 @@ import {
     useMultiStyleConfig
 } from '@chakra-ui/react'
 import {AuthHelpers, useAuthHelper, useCustomerType} from 'commerce-sdk-react-preview'
-import Link from '../../components/link'
+import Link from 'retail-react-app/app/components/link'
 // Icons
-import {BrandLogo, LocationIcon, SignoutIcon, UserIcon} from '../icons'
+import {BrandLogo, LocationIcon, SignoutIcon, UserIcon} from 'retail-react-app/app/components/icons'
 
 // Others
-import {noop} from '../../utils/utils'
-import {getPathWithLocale, categoryUrlBuilder} from '../../utils/url'
-import LoadingSpinner from '../loading-spinner'
+import {noop} from 'retail-react-app/app/utils/utils'
+import {getPathWithLocale, categoryUrlBuilder} from 'retail-react-app/app/utils/url'
+import LoadingSpinner from 'retail-react-app/app/components/loading-spinner'
 
-import useNavigation from '../../hooks/use-navigation'
-import useMultiSite from '../../hooks/use-multi-site'
+import useNavigation from 'retail-react-app/app/hooks/use-navigation'
+import useMultiSite from 'retail-react-app/app/hooks/use-multi-site'
 
 // The FONT_SIZES and FONT_WEIGHTS constants are used to control the styling for
 // the accordion buttons as their current depth. In the below definition we assign
diff --git a/packages/template-retail-react-app/app/components/drawer-menu/index.test.js b/packages/template-retail-react-app/app/components/drawer-menu/index.test.js
index 2f0352bc1d..9bfb327f3d 100644
--- a/packages/template-retail-react-app/app/components/drawer-menu/index.test.js
+++ b/packages/template-retail-react-app/app/components/drawer-menu/index.test.js
@@ -5,9 +5,9 @@
  * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
  */
 import React from 'react'
-import DrawerMenu from './index'
-import {renderWithProviders} from '../../utils/test-utils'
-import {mockCategories} from '../../mocks/mock-data'
+import DrawerMenu from 'retail-react-app/app/components/drawer-menu/index'
+import {renderWithProviders} from 'retail-react-app/app/utils/test-utils'
+import {mockCategories} from 'retail-react-app/app/mocks/mock-data'
 
 describe('DrawerMenu', () => {
     test('Renders DrawerMenu without errors', async () => {
diff --git a/packages/template-retail-react-app/app/components/dynamic-image/index.jsx b/packages/template-retail-react-app/app/components/dynamic-image/index.jsx
index 197a0a28bc..46c16e3043 100644
--- a/packages/template-retail-react-app/app/components/dynamic-image/index.jsx
+++ b/packages/template-retail-react-app/app/components/dynamic-image/index.jsx
@@ -7,7 +7,7 @@
 import React, {useMemo} from 'react'
 import PropTypes from 'prop-types'
 import {Img, Box, useTheme} from '@chakra-ui/react'
-import {getResponsiveImageAttributes} from '../../utils/responsive-image'
+import {getResponsiveImageAttributes} from 'retail-react-app/app/utils/responsive-image'
 
 /**
  * Quickly create a responsive image using your dynamic image service
diff --git a/packages/template-retail-react-app/app/components/field/index.jsx b/packages/template-retail-react-app/app/components/field/index.jsx
index 931b32e1b6..f90e22d186 100644
--- a/packages/template-retail-react-app/app/components/field/index.jsx
+++ b/packages/template-retail-react-app/app/components/field/index.jsx
@@ -18,7 +18,7 @@ import {
     Select,
     Checkbox
 } from '@chakra-ui/react'
-import {VisibilityIcon, VisibilityOffIcon} from '../icons'
+import {VisibilityIcon, VisibilityOffIcon} from 'retail-react-app/app/components/icons'
 
 const Field = ({
     name,
diff --git a/packages/template-retail-react-app/app/components/footer/index.jsx b/packages/template-retail-react-app/app/components/footer/index.jsx
index 6ce2113c9e..7fc6f112b5 100644
--- a/packages/template-retail-react-app/app/components/footer/index.jsx
+++ b/packages/template-retail-react-app/app/components/footer/index.jsx
@@ -23,12 +23,12 @@ import {
 } from '@chakra-ui/react'
 import {useIntl} from 'react-intl'
 
-import LinksList from '../links-list'
-import SocialIcons from '../social-icons'
-import {HideOnDesktop, HideOnMobile} from '../responsive'
-import {getPathWithLocale} from '../../utils/url'
-import LocaleText from '../locale-text'
-import useMultiSite from '../../hooks/use-multi-site'
+import LinksList from 'retail-react-app/app/components/links-list'
+import SocialIcons from 'retail-react-app/app/components/social-icons'
+import {HideOnDesktop, HideOnMobile} from 'retail-react-app/app/components/responsive'
+import {getPathWithLocale} from 'retail-react-app/app/utils/url'
+import LocaleText from 'retail-react-app/app/components/locale-text'
+import useMultiSite from 'retail-react-app/app/hooks/use-multi-site'
 import styled from '@emotion/styled'
 
 const [StylesProvider, useStyles] = createStylesContext('Footer')
diff --git a/packages/template-retail-react-app/app/components/footer/index.test.js b/packages/template-retail-react-app/app/components/footer/index.test.js
index bee98260a3..4e0da63133 100644
--- a/packages/template-retail-react-app/app/components/footer/index.test.js
+++ b/packages/template-retail-react-app/app/components/footer/index.test.js
@@ -7,8 +7,8 @@
 import React from 'react'
 import {screen} from '@testing-library/react'
 
-import Footer from './index'
-import {renderWithProviders} from '../../utils/test-utils'
+import Footer from 'retail-react-app/app/components/footer/index'
+import {renderWithProviders} from 'retail-react-app/app/utils/test-utils'
 
 test('renders component', () => {
     renderWithProviders(<Footer />)
diff --git a/packages/template-retail-react-app/app/components/forms/address-fields.jsx b/packages/template-retail-react-app/app/components/forms/address-fields.jsx
index beaaaf73fa..a2f3542e8a 100644
--- a/packages/template-retail-react-app/app/components/forms/address-fields.jsx
+++ b/packages/template-retail-react-app/app/components/forms/address-fields.jsx
@@ -7,9 +7,9 @@
 import React from 'react'
 import PropTypes from 'prop-types'
 import {Grid, GridItem, SimpleGrid, Stack} from '@chakra-ui/react'
-import useAddressFields from './useAddressFields'
-import Field from '../field'
-import {useCurrentCustomer} from '../../hooks/use-current-customer'
+import useAddressFields from 'retail-react-app/app/components/forms/useAddressFields'
+import Field from 'retail-react-app/app/components/field'
+import {useCurrentCustomer} from 'retail-react-app/app/hooks/use-current-customer'
 
 const AddressFields = ({form, prefix = ''}) => {
     const {data: customer} = useCurrentCustomer()
diff --git a/packages/template-retail-react-app/app/components/forms/credit-card-fields.jsx b/packages/template-retail-react-app/app/components/forms/credit-card-fields.jsx
index e97060709e..5427702593 100644
--- a/packages/template-retail-react-app/app/components/forms/credit-card-fields.jsx
+++ b/packages/template-retail-react-app/app/components/forms/credit-card-fields.jsx
@@ -9,10 +9,16 @@ import PropTypes from 'prop-types'
 import ccValidator from 'card-validator'
 import {useIntl} from 'react-intl'
 import {Box, Flex, FormLabel, InputRightElement, SimpleGrid, Stack, Tooltip} from '@chakra-ui/react'
-import {formatCreditCardNumber, getCreditCardIcon} from '../../utils/cc-utils'
-import useCreditCardFields from './useCreditCardFields'
-import Field from '../field'
-import {AmexIcon, DiscoverIcon, MastercardIcon, VisaIcon, InfoIcon} from '../icons'
+import {formatCreditCardNumber, getCreditCardIcon} from 'retail-react-app/app/utils/cc-utils'
+import useCreditCardFields from 'retail-react-app/app/components/forms/useCreditCardFields'
+import Field from 'retail-react-app/app/components/field'
+import {
+    AmexIcon,
+    DiscoverIcon,
+    MastercardIcon,
+    VisaIcon,
+    InfoIcon
+} from 'retail-react-app/app/components/icons'
 
 const CreditCardFields = ({form, prefix = ''}) => {
     const {formatMessage} = useIntl()
diff --git a/packages/template-retail-react-app/app/components/forms/form-action-buttons.jsx b/packages/template-retail-react-app/app/components/forms/form-action-buttons.jsx
index 30a31735b7..3c0b110e58 100644
--- a/packages/template-retail-react-app/app/components/forms/form-action-buttons.jsx
+++ b/packages/template-retail-react-app/app/components/forms/form-action-buttons.jsx
@@ -8,7 +8,7 @@ import React from 'react'
 import PropTypes from 'prop-types'
 import {FormattedMessage} from 'react-intl'
 import {Button, Stack} from '@chakra-ui/react'
-import {MESSAGE_PROPTYPE} from '../../utils/locale.js'
+import {MESSAGE_PROPTYPE} from 'retail-react-app/app/utils/locale.js'
 
 /**
  * Renders a form submit button and a cancel button with configurable labels and callbacks
diff --git a/packages/template-retail-react-app/app/components/forms/login-fields.jsx b/packages/template-retail-react-app/app/components/forms/login-fields.jsx
index a9fe65ac34..c673ae4020 100644
--- a/packages/template-retail-react-app/app/components/forms/login-fields.jsx
+++ b/packages/template-retail-react-app/app/components/forms/login-fields.jsx
@@ -7,8 +7,8 @@
 import React from 'react'
 import PropTypes from 'prop-types'
 import {Stack} from '@chakra-ui/react'
-import useLoginFields from './useLoginFields'
-import Field from '../field'
+import useLoginFields from 'retail-react-app/app/components/forms/useLoginFields'
+import Field from 'retail-react-app/app/components/field'
 
 const LoginFields = ({form, prefix = ''}) => {
     const fields = useLoginFields({form, prefix})
diff --git a/packages/template-retail-react-app/app/components/forms/password-requirements.jsx b/packages/template-retail-react-app/app/components/forms/password-requirements.jsx
index 210dad94a8..9010f28695 100644
--- a/packages/template-retail-react-app/app/components/forms/password-requirements.jsx
+++ b/packages/template-retail-react-app/app/components/forms/password-requirements.jsx
@@ -8,8 +8,8 @@ import React from 'react'
 import PropTypes from 'prop-types'
 import {FormattedMessage} from 'react-intl'
 import {Flex, Text, Stack} from '@chakra-ui/react'
-import {CheckCircleIcon} from '../icons'
-import {validatePassword} from '../../utils/password-utils'
+import {CheckCircleIcon} from 'retail-react-app/app/components/icons'
+import {validatePassword} from 'retail-react-app/app/utils/password-utils'
 
 /**
  * UI component for styling password requirement line
diff --git a/packages/template-retail-react-app/app/components/forms/post-checkout-registration-fields.jsx b/packages/template-retail-react-app/app/components/forms/post-checkout-registration-fields.jsx
index 9bbe86473e..cf05ac06c9 100644
--- a/packages/template-retail-react-app/app/components/forms/post-checkout-registration-fields.jsx
+++ b/packages/template-retail-react-app/app/components/forms/post-checkout-registration-fields.jsx
@@ -7,9 +7,9 @@
 import React from 'react'
 import PropTypes from 'prop-types'
 import {Stack, Box} from '@chakra-ui/react'
-import useRegistrationFields from './useRegistrationFields'
-import PasswordRequirements from './password-requirements'
-import Field from '../field'
+import useRegistrationFields from 'retail-react-app/app/components/forms/useRegistrationFields'
+import PasswordRequirements from 'retail-react-app/app/components/forms/password-requirements'
+import Field from 'retail-react-app/app/components/field'
 
 const PostCheckoutRegistrationFields = ({form, prefix = ''}) => {
     const fields = useRegistrationFields({form, prefix})
diff --git a/packages/template-retail-react-app/app/components/forms/profile-fields.jsx b/packages/template-retail-react-app/app/components/forms/profile-fields.jsx
index 8e13b37081..db8d85b93c 100644
--- a/packages/template-retail-react-app/app/components/forms/profile-fields.jsx
+++ b/packages/template-retail-react-app/app/components/forms/profile-fields.jsx
@@ -7,8 +7,8 @@
 import React from 'react'
 import PropTypes from 'prop-types'
 import {SimpleGrid, Stack} from '@chakra-ui/react'
-import useProfileFields from './useProfileFields'
-import Field from '../field'
+import useProfileFields from 'retail-react-app/app/components/forms/useProfileFields'
+import Field from 'retail-react-app/app/components/field'
 
 const ProfileFields = ({form, prefix = ''}) => {
     const fields = useProfileFields({form, prefix})
diff --git a/packages/template-retail-react-app/app/components/forms/promo-code-fields.jsx b/packages/template-retail-react-app/app/components/forms/promo-code-fields.jsx
index 487604d847..9edd2d4299 100644
--- a/packages/template-retail-react-app/app/components/forms/promo-code-fields.jsx
+++ b/packages/template-retail-react-app/app/components/forms/promo-code-fields.jsx
@@ -8,8 +8,8 @@ import React from 'react'
 import PropTypes from 'prop-types'
 import {FormattedMessage} from 'react-intl'
 import {Box, Button} from '@chakra-ui/react'
-import usePromoCodeFields from './usePromoCodeFields'
-import Field from '../field'
+import usePromoCodeFields from 'retail-react-app/app/components/forms/usePromoCodeFields'
+import Field from 'retail-react-app/app/components/field'
 
 const PromoCodeFields = ({form, prefix = '', ...props}) => {
     const fields = usePromoCodeFields({form, prefix})
diff --git a/packages/template-retail-react-app/app/components/forms/registration-fields.jsx b/packages/template-retail-react-app/app/components/forms/registration-fields.jsx
index cfebff9d6c..d0d02deeb9 100644
--- a/packages/template-retail-react-app/app/components/forms/registration-fields.jsx
+++ b/packages/template-retail-react-app/app/components/forms/registration-fields.jsx
@@ -7,9 +7,9 @@
 import React from 'react'
 import PropTypes from 'prop-types'
 import {Stack} from '@chakra-ui/react'
-import useRegistrationFields from './useRegistrationFields'
-import Field from '../field'
-import PasswordRequirements from './password-requirements'
+import useRegistrationFields from 'retail-react-app/app/components/forms/useRegistrationFields'
+import Field from 'retail-react-app/app/components/field'
+import PasswordRequirements from 'retail-react-app/app/components/forms/password-requirements'
 
 const RegistrationFields = ({form, prefix = ''}) => {
     const fields = useRegistrationFields({form, prefix})
diff --git a/packages/template-retail-react-app/app/components/forms/reset-password-fields.jsx b/packages/template-retail-react-app/app/components/forms/reset-password-fields.jsx
index c5a7fe4188..b9dc467ec5 100644
--- a/packages/template-retail-react-app/app/components/forms/reset-password-fields.jsx
+++ b/packages/template-retail-react-app/app/components/forms/reset-password-fields.jsx
@@ -7,8 +7,8 @@
 import React from 'react'
 import PropTypes from 'prop-types'
 import {Box} from '@chakra-ui/react'
-import useResetPasswordFields from './useResetPasswordFields'
-import Field from '../field'
+import useResetPasswordFields from 'retail-react-app/app/components/forms/useResetPasswordFields'
+import Field from 'retail-react-app/app/components/field'
 
 const ResetPasswordFields = ({form, prefix = ''}) => {
     const fields = useResetPasswordFields({form, prefix})
diff --git a/packages/template-retail-react-app/app/components/forms/update-password-fields.jsx b/packages/template-retail-react-app/app/components/forms/update-password-fields.jsx
index 9be68a8cde..523adff927 100644
--- a/packages/template-retail-react-app/app/components/forms/update-password-fields.jsx
+++ b/packages/template-retail-react-app/app/components/forms/update-password-fields.jsx
@@ -8,9 +8,9 @@ import React from 'react'
 import PropTypes from 'prop-types'
 import {FormattedMessage} from 'react-intl'
 import {Box, Button, Stack, StackDivider} from '@chakra-ui/react'
-import useUpdatePasswordFields from './useUpdatePasswordFields'
-import Field from '../field'
-import PasswordRequirements from './password-requirements'
+import useUpdatePasswordFields from 'retail-react-app/app/components/forms/useUpdatePasswordFields'
+import Field from 'retail-react-app/app/components/field'
+import PasswordRequirements from 'retail-react-app/app/components/forms/password-requirements'
 
 const UpdatePasswordFields = ({form, prefix = ''}) => {
     const fields = useUpdatePasswordFields({form, prefix})
diff --git a/packages/template-retail-react-app/app/components/forms/useAddressFields.jsx b/packages/template-retail-react-app/app/components/forms/useAddressFields.jsx
index 5cae01f96e..8ff9686fef 100644
--- a/packages/template-retail-react-app/app/components/forms/useAddressFields.jsx
+++ b/packages/template-retail-react-app/app/components/forms/useAddressFields.jsx
@@ -5,8 +5,11 @@
  * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
  */
 import {useIntl, defineMessages} from 'react-intl'
-import {formatPhoneNumber} from '../../utils/phone-utils'
-import {stateOptions, provinceOptions} from './state-province-options'
+import {formatPhoneNumber} from 'retail-react-app/app/utils/phone-utils'
+import {
+    stateOptions,
+    provinceOptions
+} from 'retail-react-app/app/components/forms/state-province-options'
 
 const messages = defineMessages({
     required: {defaultMessage: 'Required', id: 'use_address_fields.error.required'},
diff --git a/packages/template-retail-react-app/app/components/forms/useProfileFields.jsx b/packages/template-retail-react-app/app/components/forms/useProfileFields.jsx
index 5a873bb64d..f77d2a8d25 100644
--- a/packages/template-retail-react-app/app/components/forms/useProfileFields.jsx
+++ b/packages/template-retail-react-app/app/components/forms/useProfileFields.jsx
@@ -5,7 +5,7 @@
  * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
  */
 import {useIntl} from 'react-intl'
-import {formatPhoneNumber} from '../../utils/phone-utils'
+import {formatPhoneNumber} from 'retail-react-app/app/utils/phone-utils'
 
 export default function useProfileFields({
     form: {
diff --git a/packages/template-retail-react-app/app/components/forms/useRegistrationFields.jsx b/packages/template-retail-react-app/app/components/forms/useRegistrationFields.jsx
index 489061a9f1..29a034e876 100644
--- a/packages/template-retail-react-app/app/components/forms/useRegistrationFields.jsx
+++ b/packages/template-retail-react-app/app/components/forms/useRegistrationFields.jsx
@@ -5,7 +5,7 @@
  * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
  */
 import {useIntl} from 'react-intl'
-import {validatePassword} from '../../utils/password-utils'
+import {validatePassword} from 'retail-react-app/app/utils/password-utils'
 
 export default function useRegistrationFields({
     form: {
diff --git a/packages/template-retail-react-app/app/components/forms/useUpdatePasswordFields.jsx b/packages/template-retail-react-app/app/components/forms/useUpdatePasswordFields.jsx
index eb22396f8b..10b5a9b341 100644
--- a/packages/template-retail-react-app/app/components/forms/useUpdatePasswordFields.jsx
+++ b/packages/template-retail-react-app/app/components/forms/useUpdatePasswordFields.jsx
@@ -5,7 +5,7 @@
  * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
  */
 import {useIntl} from 'react-intl'
-import {validatePassword} from '../../utils/password-utils'
+import {validatePassword} from 'retail-react-app/app/utils/password-utils'
 
 export default function useUpdatePasswordFields({
     form: {
diff --git a/packages/template-retail-react-app/app/components/header/index.jsx b/packages/template-retail-react-app/app/components/header/index.jsx
index d2b2fc762a..b20a2f811f 100644
--- a/packages/template-retail-react-app/app/components/header/index.jsx
+++ b/packages/template-retail-react-app/app/components/header/index.jsx
@@ -29,11 +29,11 @@ import {
 } from '@chakra-ui/react'
 import {AuthHelpers, useAuthHelper, useCustomerType} from 'commerce-sdk-react-preview'
 
-import {useCurrentBasket} from '../../hooks/use-current-basket'
+import {useCurrentBasket} from 'retail-react-app/app/hooks/use-current-basket'
 
-import Link from '../link'
-import Search from '../search'
-import withRegistration from '../with-registration'
+import Link from 'retail-react-app/app/components/link'
+import Search from 'retail-react-app/app/components/search'
+import withRegistration from 'retail-react-app/app/components/with-registration'
 import {
     AccountIcon,
     BrandLogo,
@@ -42,12 +42,12 @@ import {
     ChevronDownIcon,
     HeartIcon,
     SignoutIcon
-} from '../icons'
+} from 'retail-react-app/app/components/icons'
 
-import {isHydrated, noop} from '../../utils/utils'
-import {navLinks, messages} from '../../pages/account/constant'
-import useNavigation from '../../hooks/use-navigation'
-import LoadingSpinner from '../loading-spinner'
+import {navLinks, messages} from 'retail-react-app/app/pages/account/constant'
+import useNavigation from 'retail-react-app/app/hooks/use-navigation'
+import LoadingSpinner from 'retail-react-app/app/components/loading-spinner'
+import {isHydrated, noop} from 'retail-react-app/app/utils/utils'
 
 const ENTER_KEY = 'Enter'
 
diff --git a/packages/template-retail-react-app/app/components/header/index.test.js b/packages/template-retail-react-app/app/components/header/index.test.js
index ede9d61d34..5ce4c63166 100644
--- a/packages/template-retail-react-app/app/components/header/index.test.js
+++ b/packages/template-retail-react-app/app/components/header/index.test.js
@@ -8,11 +8,11 @@ import React from 'react'
 import PropTypes from 'prop-types'
 import userEvent from '@testing-library/user-event'
 import {fireEvent, screen, waitFor, act} from '@testing-library/react'
-import Header from './index'
-import {renderWithProviders, createPathWithDefaults} from '../../utils/test-utils'
+import Header from 'retail-react-app/app/components/header/index'
+import {renderWithProviders, createPathWithDefaults} from 'retail-react-app/app/utils/test-utils'
 import {rest} from 'msw'
 import {createMemoryHistory} from 'history'
-import {mockCustomerBaskets, mockedRegisteredCustomer} from '../../mocks/mock-data'
+import {mockCustomerBaskets, mockedRegisteredCustomer} from 'retail-react-app/app/mocks/mock-data'
 
 jest.mock('@chakra-ui/react', () => {
     const originalModule = jest.requireActual('@chakra-ui/react')
diff --git a/packages/template-retail-react-app/app/components/hero/index.test.js b/packages/template-retail-react-app/app/components/hero/index.test.js
index d1adb3470d..17f7a4824b 100644
--- a/packages/template-retail-react-app/app/components/hero/index.test.js
+++ b/packages/template-retail-react-app/app/components/hero/index.test.js
@@ -6,8 +6,8 @@
  */
 import React from 'react'
 import {fireEvent} from '@testing-library/react'
-import {renderWithProviders} from '../../utils/test-utils'
-import Hero from './index'
+import {renderWithProviders} from 'retail-react-app/app/utils/test-utils'
+import Hero from 'retail-react-app/app/components/hero/index'
 
 test('Hero renders without errors', () => {
     const data = {
diff --git a/packages/template-retail-react-app/app/components/icons/index.jsx b/packages/template-retail-react-app/app/components/icons/index.jsx
index e40eb0b82b..9f49cf2978 100644
--- a/packages/template-retail-react-app/app/components/icons/index.jsx
+++ b/packages/template-retail-react-app/app/components/icons/index.jsx
@@ -12,60 +12,60 @@ import {Icon, useTheme} from '@chakra-ui/react'
 // during SSR.
 // NOTE: Another solution would be to use `require-context.macro` package to accomplish
 // importing icon svg's.
-import '../../assets/svg/alert.svg'
-import '../../assets/svg/account.svg'
-import '../../assets/svg/basket.svg'
-import '../../assets/svg/check.svg'
-import '../../assets/svg/check-circle.svg'
-import '../../assets/svg/chevron-up.svg'
-import '../../assets/svg/chevron-down.svg'
-import '../../assets/svg/chevron-right.svg'
-import '../../assets/svg/chevron-left.svg'
-import '../../assets/svg/chevron-right.svg'
-import '../../assets/svg/chevron-up.svg'
-import '../../assets/svg/dashboard.svg'
-import '../../assets/svg/figma-logo.svg'
-import '../../assets/svg/filter.svg'
-import '../../assets/svg/file.svg'
-import '../../assets/svg/flag-ca.svg'
-import '../../assets/svg/flag-us.svg'
-import '../../assets/svg/flag-gb.svg'
-import '../../assets/svg/flag-fr.svg'
-import '../../assets/svg/flag-it.svg'
-import '../../assets/svg/flag-cn.svg'
-import '../../assets/svg/flag-jp.svg'
-import '../../assets/svg/github-logo.svg'
-import '../../assets/svg/hamburger.svg'
-import '../../assets/svg/info.svg'
-import '../../assets/svg/social-facebook.svg'
-import '../../assets/svg/social-instagram.svg'
-import '../../assets/svg/social-twitter.svg'
-import '../../assets/svg/social-youtube.svg'
-import '../../assets/svg/like.svg'
-import '../../assets/svg/lock.svg'
-import '../../assets/svg/plug.svg'
-import '../../assets/svg/plus.svg'
-import '../../assets/svg/receipt.svg'
-import '../../assets/svg/search.svg'
-import '../../assets/svg/signout.svg'
-import '../../assets/svg/user.svg'
-import '../../assets/svg/visibility.svg'
-import '../../assets/svg/visibility-off.svg'
-import '../../assets/svg/heart.svg'
-import '../../assets/svg/heart-solid.svg'
-import '../../assets/svg/close.svg'
+import 'retail-react-app/app/assets/svg/alert.svg'
+import 'retail-react-app/app/assets/svg/account.svg'
+import 'retail-react-app/app/assets/svg/basket.svg'
+import 'retail-react-app/app/assets/svg/check.svg'
+import 'retail-react-app/app/assets/svg/check-circle.svg'
+import 'retail-react-app/app/assets/svg/chevron-up.svg'
+import 'retail-react-app/app/assets/svg/chevron-down.svg'
+import 'retail-react-app/app/assets/svg/chevron-right.svg'
+import 'retail-react-app/app/assets/svg/chevron-left.svg'
+import 'retail-react-app/app/assets/svg/chevron-right.svg'
+import 'retail-react-app/app/assets/svg/chevron-up.svg'
+import 'retail-react-app/app/assets/svg/dashboard.svg'
+import 'retail-react-app/app/assets/svg/figma-logo.svg'
+import 'retail-react-app/app/assets/svg/filter.svg'
+import 'retail-react-app/app/assets/svg/file.svg'
+import 'retail-react-app/app/assets/svg/flag-ca.svg'
+import 'retail-react-app/app/assets/svg/flag-us.svg'
+import 'retail-react-app/app/assets/svg/flag-gb.svg'
+import 'retail-react-app/app/assets/svg/flag-fr.svg'
+import 'retail-react-app/app/assets/svg/flag-it.svg'
+import 'retail-react-app/app/assets/svg/flag-cn.svg'
+import 'retail-react-app/app/assets/svg/flag-jp.svg'
+import 'retail-react-app/app/assets/svg/github-logo.svg'
+import 'retail-react-app/app/assets/svg/hamburger.svg'
+import 'retail-react-app/app/assets/svg/info.svg'
+import 'retail-react-app/app/assets/svg/social-facebook.svg'
+import 'retail-react-app/app/assets/svg/social-instagram.svg'
+import 'retail-react-app/app/assets/svg/social-twitter.svg'
+import 'retail-react-app/app/assets/svg/social-youtube.svg'
+import 'retail-react-app/app/assets/svg/like.svg'
+import 'retail-react-app/app/assets/svg/lock.svg'
+import 'retail-react-app/app/assets/svg/plug.svg'
+import 'retail-react-app/app/assets/svg/plus.svg'
+import 'retail-react-app/app/assets/svg/receipt.svg'
+import 'retail-react-app/app/assets/svg/search.svg'
+import 'retail-react-app/app/assets/svg/signout.svg'
+import 'retail-react-app/app/assets/svg/user.svg'
+import 'retail-react-app/app/assets/svg/visibility.svg'
+import 'retail-react-app/app/assets/svg/visibility-off.svg'
+import 'retail-react-app/app/assets/svg/heart.svg'
+import 'retail-react-app/app/assets/svg/heart-solid.svg'
+import 'retail-react-app/app/assets/svg/close.svg'
 
 // For non-square SVGs, we can use the symbol data from the import to set the
 // proper viewBox attribute on the Icon wrapper.
-import AmexSymbol from '../../assets/svg/cc-amex.svg'
-import BrandLogoSymbol from '../../assets/svg/brand-logo.svg'
-import CVVSymbol from '../../assets/svg/cc-cvv.svg'
-import DiscoverSymbol from '../../assets/svg/cc-discover.svg'
-import LocationSymbol from '../../assets/svg/location.svg'
-import MastercardSymbol from '../../assets/svg/cc-mastercard.svg'
-import PaypalSymbol from '../../assets/svg/paypal.svg'
-import SocialPinterestSymbol from '../../assets/svg/social-pinterest.svg'
-import VisaSymbol from '../../assets/svg/cc-visa.svg'
+import AmexSymbol from 'retail-react-app/app/assets/svg/cc-amex.svg'
+import BrandLogoSymbol from 'retail-react-app/app/assets/svg/brand-logo.svg'
+import CVVSymbol from 'retail-react-app/app/assets/svg/cc-cvv.svg'
+import DiscoverSymbol from 'retail-react-app/app/assets/svg/cc-discover.svg'
+import LocationSymbol from 'retail-react-app/app/assets/svg/location.svg'
+import MastercardSymbol from 'retail-react-app/app/assets/svg/cc-mastercard.svg'
+import PaypalSymbol from 'retail-react-app/app/assets/svg/paypal.svg'
+import SocialPinterestSymbol from 'retail-react-app/app/assets/svg/social-pinterest.svg'
+import VisaSymbol from 'retail-react-app/app/assets/svg/cc-visa.svg'
 
 // TODO: We're hardcoding the `viewBox` for these imported SVGs temporarily as the
 // SVG loader plugin is not properly providing us the symbol data on the client side.
@@ -91,7 +91,7 @@ const icon = (name, passProps) => {
         .replace(/-/g, '')
     const component = forwardRef((props, ref) => {
         const theme = useTheme()
-        const {baseStyle} = theme.components.Icon
+        const baseStyle = theme?.components?.Icon?.baseStyle
         return (
             <Icon ref={ref} {...baseStyle} {...passProps} {...props}>
                 <use role="presentation" xlinkHref={`#${name}`} />
diff --git a/packages/template-retail-react-app/app/components/icons/index.test.js b/packages/template-retail-react-app/app/components/icons/index.test.js
index 7bcb0fe30c..1dc05e8ba2 100644
--- a/packages/template-retail-react-app/app/components/icons/index.test.js
+++ b/packages/template-retail-react-app/app/components/icons/index.test.js
@@ -6,8 +6,8 @@
  */
 import React from 'react'
 import {within} from '@testing-library/dom'
-import {renderWithProviders} from '../../utils/test-utils'
-import * as Icons from './index'
+import {renderWithProviders} from 'retail-react-app/app/utils/test-utils'
+import * as Icons from 'retail-react-app/app/components/icons/index'
 
 test('renders svg icons with Chakra Icon component', () => {
     renderWithProviders(<Icons.CheckIcon />)
diff --git a/packages/template-retail-react-app/app/components/image-gallery/index.jsx b/packages/template-retail-react-app/app/components/image-gallery/index.jsx
index 21b8c83608..69985c4e90 100644
--- a/packages/template-retail-react-app/app/components/image-gallery/index.jsx
+++ b/packages/template-retail-react-app/app/components/image-gallery/index.jsx
@@ -22,8 +22,8 @@ import {
     List,
     useMultiStyleConfig
 } from '@chakra-ui/react'
-import {findImageGroupBy} from '../../utils/image-groups-utils'
-import DynamicImage from '../dynamic-image'
+import {findImageGroupBy} from 'retail-react-app/app/utils/image-groups-utils'
+import DynamicImage from 'retail-react-app/app/components/dynamic-image'
 
 const EnterKeyNumber = 13
 
diff --git a/packages/template-retail-react-app/app/components/image-gallery/index.test.js b/packages/template-retail-react-app/app/components/image-gallery/index.test.js
index b78d11e303..181cb8614d 100644
--- a/packages/template-retail-react-app/app/components/image-gallery/index.test.js
+++ b/packages/template-retail-react-app/app/components/image-gallery/index.test.js
@@ -8,10 +8,10 @@ import React from 'react'
 import PropTypes from 'prop-types'
 
 import {screen, fireEvent, waitFor} from '@testing-library/react'
-import ImageGallery from './index'
-import {Skeleton as ImageGallerySkeleton} from './index'
+import ImageGallery from 'retail-react-app/app/components/image-gallery/index'
+import {Skeleton as ImageGallerySkeleton} from 'retail-react-app/app/components/image-gallery/index'
 import {createMemoryHistory} from 'history'
-import {renderWithProviders} from '../../utils/test-utils'
+import {renderWithProviders} from 'retail-react-app/app/utils/test-utils'
 
 const MockComponent = ({imageGroups = [], selectedVariationAttributes = {}}) => {
     return !imageGroups.length ? (
diff --git a/packages/template-retail-react-app/app/components/item-variant/item-attributes.jsx b/packages/template-retail-react-app/app/components/item-variant/item-attributes.jsx
index d7cc8f6ed7..f249f43c4f 100644
--- a/packages/template-retail-react-app/app/components/item-variant/item-attributes.jsx
+++ b/packages/template-retail-react-app/app/components/item-variant/item-attributes.jsx
@@ -9,10 +9,10 @@ import React from 'react'
 import PropTypes from 'prop-types'
 import {FormattedMessage, FormattedNumber} from 'react-intl'
 import {Flex, Stack, Text} from '@chakra-ui/react'
-import {useItemVariant} from './'
-import PromoPopover from '../promo-popover'
-import {useCurrency} from '../../hooks'
-import {useCurrentBasket} from '../../hooks/use-current-basket'
+import {useItemVariant} from 'retail-react-app/app/components/item-variant'
+import PromoPopover from 'retail-react-app/app/components/promo-popover'
+import {useCurrency} from 'retail-react-app/app/hooks'
+import {useCurrentBasket} from 'retail-react-app/app/hooks/use-current-basket'
 import {usePromotions} from 'commerce-sdk-react-preview'
 
 /**
diff --git a/packages/template-retail-react-app/app/components/item-variant/item-image.jsx b/packages/template-retail-react-app/app/components/item-variant/item-image.jsx
index 71a0335624..94fcb77e54 100644
--- a/packages/template-retail-react-app/app/components/item-variant/item-image.jsx
+++ b/packages/template-retail-react-app/app/components/item-variant/item-image.jsx
@@ -9,7 +9,7 @@ import PropTypes from 'prop-types'
 import {AspectRatio, Box, Badge, Image} from '@chakra-ui/react'
 import {useItemVariant} from '.'
 import {FormattedMessage} from 'react-intl'
-import {findImageGroupBy} from '../../utils/image-groups-utils'
+import {findImageGroupBy} from 'retail-react-app/app/utils/image-groups-utils'
 
 /**
  * In the context of a cart product item variant, this component renders the item's
diff --git a/packages/template-retail-react-app/app/components/item-variant/item-name.jsx b/packages/template-retail-react-app/app/components/item-variant/item-name.jsx
index eb9de7fb66..52326b4fe5 100644
--- a/packages/template-retail-react-app/app/components/item-variant/item-name.jsx
+++ b/packages/template-retail-react-app/app/components/item-variant/item-name.jsx
@@ -6,7 +6,7 @@
  */
 import React from 'react'
 import {useItemVariant} from '.'
-import Link from '../link'
+import Link from 'retail-react-app/app/components/link'
 
 /**
  * In the context of a cart product item variant, this components simply renders
diff --git a/packages/template-retail-react-app/app/components/item-variant/item-price.jsx b/packages/template-retail-react-app/app/components/item-variant/item-price.jsx
index 04c2fe9624..bfd3edf9a8 100644
--- a/packages/template-retail-react-app/app/components/item-variant/item-price.jsx
+++ b/packages/template-retail-react-app/app/components/item-variant/item-price.jsx
@@ -9,9 +9,9 @@ import PropTypes from 'prop-types'
 import {FormattedMessage, FormattedNumber, useIntl} from 'react-intl'
 import {Stack, Text} from '@chakra-ui/react'
 import {useItemVariant} from '.'
-import {HideOnDesktop, HideOnMobile} from '../responsive'
-import {useCurrency} from '../../hooks'
-import {useCurrentBasket} from '../../hooks/use-current-basket'
+import {HideOnDesktop, HideOnMobile} from 'retail-react-app/app/components/responsive'
+import {useCurrency} from 'retail-react-app/app/hooks'
+import {useCurrentBasket} from 'retail-react-app/app/hooks/use-current-basket'
 
 const PricePerItem = ({currency, basket, basePrice}) => {
     const {currency: activeCurrency} = useCurrency()
diff --git a/packages/template-retail-react-app/app/components/link/index.jsx b/packages/template-retail-react-app/app/components/link/index.jsx
index e5bd8d7da5..640c14fa30 100644
--- a/packages/template-retail-react-app/app/components/link/index.jsx
+++ b/packages/template-retail-react-app/app/components/link/index.jsx
@@ -8,7 +8,7 @@ import React from 'react'
 import PropTypes from 'prop-types'
 import {Link as ChakraLink} from '@chakra-ui/react'
 import {Link as SPALink, NavLink as NavSPALink} from 'react-router-dom'
-import useMultiSite from '../../hooks/use-multi-site'
+import useMultiSite from 'retail-react-app/app/hooks/use-multi-site'
 
 const Link = React.forwardRef(({href, to, useNavLink = false, ...props}, ref) => {
     const _href = to || href
diff --git a/packages/template-retail-react-app/app/components/link/index.test.js b/packages/template-retail-react-app/app/components/link/index.test.js
index c8669a29a0..751781a2e5 100644
--- a/packages/template-retail-react-app/app/components/link/index.test.js
+++ b/packages/template-retail-react-app/app/components/link/index.test.js
@@ -5,9 +5,9 @@
  * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
  */
 import React from 'react'
-import {renderWithProviders} from '../../utils/test-utils'
-import Link from './index'
-import mockConfig from '../../../config/mocks/default'
+import {renderWithProviders} from 'retail-react-app/app/utils/test-utils'
+import Link from 'retail-react-app/app/components/link/index'
+import mockConfig from 'retail-react-app/config/mocks/default'
 import {getConfig} from 'pwa-kit-runtime/utils/ssr-config'
 const originalLocation = window.location
 jest.mock('pwa-kit-runtime/utils/ssr-config', () => {
diff --git a/packages/template-retail-react-app/app/components/links-list/index.jsx b/packages/template-retail-react-app/app/components/links-list/index.jsx
index 08bee8ea0a..cf5e9a4875 100644
--- a/packages/template-retail-react-app/app/components/links-list/index.jsx
+++ b/packages/template-retail-react-app/app/components/links-list/index.jsx
@@ -7,7 +7,7 @@
 import React from 'react'
 import PropTypes from 'prop-types'
 import {Box, List, ListItem, Heading, HStack, useMultiStyleConfig} from '@chakra-ui/react'
-import Link from '../link'
+import Link from 'retail-react-app/app/components/link'
 
 const LinksList = ({
     links = [],
diff --git a/packages/template-retail-react-app/app/components/links-list/index.test.js b/packages/template-retail-react-app/app/components/links-list/index.test.js
index 78a7b26c3b..163fa8b8c2 100644
--- a/packages/template-retail-react-app/app/components/links-list/index.test.js
+++ b/packages/template-retail-react-app/app/components/links-list/index.test.js
@@ -9,8 +9,8 @@ import PropTypes from 'prop-types'
 import {StylesProvider, useMultiStyleConfig} from '@chakra-ui/react'
 import {screen} from '@testing-library/react'
 
-import {renderWithProviders} from '../../utils/test-utils'
-import LinksList from './index'
+import {renderWithProviders} from 'retail-react-app/app/utils/test-utils'
+import LinksList from 'retail-react-app/app/components/links-list/index'
 
 const links = [
     {
diff --git a/packages/template-retail-react-app/app/components/list-menu/index.jsx b/packages/template-retail-react-app/app/components/list-menu/index.jsx
index f90967e67d..94ac04ca71 100644
--- a/packages/template-retail-react-app/app/components/list-menu/index.jsx
+++ b/packages/template-retail-react-app/app/components/list-menu/index.jsx
@@ -11,7 +11,7 @@ import {useIntl} from 'react-intl'
 import {Link as RouteLink} from 'react-router-dom'
 
 // Project Components
-import LinksList from '../links-list'
+import LinksList from 'retail-react-app/app/components/links-list'
 
 // Components
 import {
@@ -32,10 +32,10 @@ import {
     useTheme,
     useDisclosure
 } from '@chakra-ui/react'
-import Link from '../link'
+import Link from 'retail-react-app/app/components/link'
 // Others
-import {categoryUrlBuilder} from '../../utils/url'
-import {ChevronDownIcon} from '../icons'
+import {categoryUrlBuilder} from 'retail-react-app/app/utils/url'
+import {ChevronDownIcon} from 'retail-react-app/app/components/icons'
 
 const MAXIMUM_NUMBER_COLUMNS = 5
 
diff --git a/packages/template-retail-react-app/app/components/list-menu/index.test.js b/packages/template-retail-react-app/app/components/list-menu/index.test.js
index 83d2a702e5..d4a4aa5502 100644
--- a/packages/template-retail-react-app/app/components/list-menu/index.test.js
+++ b/packages/template-retail-react-app/app/components/list-menu/index.test.js
@@ -6,9 +6,9 @@
  */
 import React from 'react'
 import {screen} from '@testing-library/react'
-import ListMenu from './index'
-import {renderWithProviders} from '../../utils/test-utils'
-import {mockCategories} from '../../mocks/mock-data'
+import ListMenu from 'retail-react-app/app/components/list-menu/index'
+import {renderWithProviders} from 'retail-react-app/app/utils/test-utils'
+import {mockCategories} from 'retail-react-app/app/mocks/mock-data'
 import userEvent from '@testing-library/user-event'
 
 describe('ListMenu', () => {
diff --git a/packages/template-retail-react-app/app/components/locale-selector/index.jsx b/packages/template-retail-react-app/app/components/locale-selector/index.jsx
index 97cb7d4205..efa652218a 100644
--- a/packages/template-retail-react-app/app/components/locale-selector/index.jsx
+++ b/packages/template-retail-react-app/app/components/locale-selector/index.jsx
@@ -31,9 +31,9 @@ import {
     FlagITIcon,
     FlagCNIcon,
     FlagJPIcon
-} from '../icons'
+} from 'retail-react-app/app/components/icons'
 
-import LocaleText from '../locale-text'
+import LocaleText from 'retail-react-app/app/components/locale-text'
 
 // NOTE: If you want to have flags shown next to a selectable locale, update this
 // mapping object with the short code as the key for the desired icon.
diff --git a/packages/template-retail-react-app/app/components/locale-selector/index.test.js b/packages/template-retail-react-app/app/components/locale-selector/index.test.js
index 6c8957f687..5b3306fb68 100644
--- a/packages/template-retail-react-app/app/components/locale-selector/index.test.js
+++ b/packages/template-retail-react-app/app/components/locale-selector/index.test.js
@@ -6,8 +6,8 @@
  */
 import React from 'react'
 import {fireEvent} from '@testing-library/react'
-import LocaleSelector from './index'
-import {renderWithProviders} from '../../utils/test-utils'
+import LocaleSelector from 'retail-react-app/app/components/locale-selector/index'
+import {renderWithProviders} from 'retail-react-app/app/utils/test-utils'
 
 const supportedLocales = ['en-GB', 'fr-FR', 'it-IT', 'zh-CN', 'ja-JP']
 
diff --git a/packages/template-retail-react-app/app/components/locale-text/index.test.js b/packages/template-retail-react-app/app/components/locale-text/index.test.js
index 3061f6f2fa..1e6213af9a 100644
--- a/packages/template-retail-react-app/app/components/locale-text/index.test.js
+++ b/packages/template-retail-react-app/app/components/locale-text/index.test.js
@@ -5,8 +5,8 @@
  * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
  */
 import React from 'react'
-import LocaleText from './index'
-import {renderWithProviders} from '../../utils/test-utils'
+import LocaleText from 'retail-react-app/app/components/locale-text/index'
+import {renderWithProviders} from 'retail-react-app/app/utils/test-utils'
 
 test('Renders LocaleText', () => {
     renderWithProviders(
diff --git a/packages/template-retail-react-app/app/components/login/index.jsx b/packages/template-retail-react-app/app/components/login/index.jsx
index e3c503cc82..dfb5de4f5f 100644
--- a/packages/template-retail-react-app/app/components/login/index.jsx
+++ b/packages/template-retail-react-app/app/components/login/index.jsx
@@ -9,9 +9,9 @@ import React, {Fragment} from 'react'
 import PropTypes from 'prop-types'
 import {FormattedMessage} from 'react-intl'
 import {Alert, Box, Button, Stack, Text} from '@chakra-ui/react'
-import {AlertIcon, BrandLogo} from '../icons'
-import LoginFields from '../../components/forms/login-fields'
-import {noop} from '../../utils/utils'
+import {AlertIcon, BrandLogo} from 'retail-react-app/app/components/icons'
+import LoginFields from 'retail-react-app/app/components/forms/login-fields'
+import {noop} from 'retail-react-app/app/utils/utils'
 
 const LoginForm = ({submitForm, clickForgotPassword = noop, clickCreateAccount = noop, form}) => {
     return (
diff --git a/packages/template-retail-react-app/app/components/nested-accordion/index.jsx b/packages/template-retail-react-app/app/components/nested-accordion/index.jsx
index 80f22a72b6..397166f2cc 100644
--- a/packages/template-retail-react-app/app/components/nested-accordion/index.jsx
+++ b/packages/template-retail-react-app/app/components/nested-accordion/index.jsx
@@ -19,9 +19,9 @@ import {
     // Hooks
     useStyleConfig
 } from '@chakra-ui/react'
-import Link from '../link'
+import Link from 'retail-react-app/app/components/link'
 // Icons
-import {ChevronDownIcon, ChevronRightIcon} from '../icons'
+import {ChevronDownIcon, ChevronRightIcon} from 'retail-react-app/app/components/icons'
 
 /**
  * The nested accordion allows you to create, as the name suggest, a nests
diff --git a/packages/template-retail-react-app/app/components/nested-accordion/index.test.js b/packages/template-retail-react-app/app/components/nested-accordion/index.test.js
index 5ef3cacd05..e8bb7954fb 100644
--- a/packages/template-retail-react-app/app/components/nested-accordion/index.test.js
+++ b/packages/template-retail-react-app/app/components/nested-accordion/index.test.js
@@ -5,8 +5,8 @@
  * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
  */
 import React from 'react'
-import NestedAccordion from './index'
-import {renderWithProviders} from '../../utils/test-utils'
+import NestedAccordion from 'retail-react-app/app/components/nested-accordion/index'
+import {renderWithProviders} from 'retail-react-app/app/utils/test-utils'
 
 const mockItem = {
     id: 't1',
diff --git a/packages/template-retail-react-app/app/components/offline-banner/index.jsx b/packages/template-retail-react-app/app/components/offline-banner/index.jsx
index 7311f8eafc..199c04f3e5 100644
--- a/packages/template-retail-react-app/app/components/offline-banner/index.jsx
+++ b/packages/template-retail-react-app/app/components/offline-banner/index.jsx
@@ -18,7 +18,7 @@ import {
 } from '@chakra-ui/react'
 
 // Icons
-import {AlertIcon} from '../icons'
+import {AlertIcon} from 'retail-react-app/app/components/icons'
 
 const OfflineBanner = () => {
     const intl = useIntl()
diff --git a/packages/template-retail-react-app/app/components/offline-banner/index.test.js b/packages/template-retail-react-app/app/components/offline-banner/index.test.js
index a0232604ba..8c5e0c44be 100644
--- a/packages/template-retail-react-app/app/components/offline-banner/index.test.js
+++ b/packages/template-retail-react-app/app/components/offline-banner/index.test.js
@@ -5,8 +5,8 @@
  * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
  */
 import React from 'react'
-import {renderWithProviders} from '../../utils/test-utils'
-import OfflineBanner from './index'
+import {renderWithProviders} from 'retail-react-app/app/utils/test-utils'
+import OfflineBanner from 'retail-react-app/app/components/offline-banner/index'
 import {screen} from '@testing-library/react'
 
 test('OfflineBanner component is rendered appropriately', () => {
diff --git a/packages/template-retail-react-app/app/components/offline-boundary/index.jsx b/packages/template-retail-react-app/app/components/offline-boundary/index.jsx
index 1b5ec7b1c7..8033690c14 100644
--- a/packages/template-retail-react-app/app/components/offline-boundary/index.jsx
+++ b/packages/template-retail-react-app/app/components/offline-boundary/index.jsx
@@ -8,7 +8,7 @@ import React from 'react'
 import PropTypes from 'prop-types'
 import {withRouter} from 'react-router-dom'
 import {Button} from '@chakra-ui/react'
-import {AlertIcon} from '../icons'
+import {AlertIcon} from 'retail-react-app/app/components/icons'
 
 // import Button from 'pwa-kit-react-sdk/components/button'
 // import Icon from 'pwa-kit-react-sdk/components/icon'
diff --git a/packages/template-retail-react-app/app/components/offline-boundary/index.test.js b/packages/template-retail-react-app/app/components/offline-boundary/index.test.js
index b56b74356a..ce0422bd35 100644
--- a/packages/template-retail-react-app/app/components/offline-boundary/index.test.js
+++ b/packages/template-retail-react-app/app/components/offline-boundary/index.test.js
@@ -8,8 +8,8 @@ import React from 'react'
 import {screen} from '@testing-library/react'
 // import userEvent from '@testing-library/user-event'
 
-import OfflineBoundary from './index'
-import {renderWithRouter} from '../../utils/test-utils'
+import OfflineBoundary from 'retail-react-app/app/components/offline-boundary/index'
+import {renderWithRouter} from 'retail-react-app/app/utils/test-utils'
 
 // class ChunkLoadError extends Error {
 //     constructor(...params) {
diff --git a/packages/template-retail-react-app/app/components/order-summary/index.jsx b/packages/template-retail-react-app/app/components/order-summary/index.jsx
index 7acd818c5b..24e06ceb4f 100644
--- a/packages/template-retail-react-app/app/components/order-summary/index.jsx
+++ b/packages/template-retail-react-app/app/components/order-summary/index.jsx
@@ -8,15 +8,15 @@ import React, {useState} from 'react'
 import PropTypes from 'prop-types'
 import {FormattedMessage, FormattedNumber} from 'react-intl'
 import {Box, Flex, Button, Stack, Text, Heading, Divider} from '@chakra-ui/react'
-import {BasketIcon, ChevronDownIcon, ChevronUpIcon} from '../icons'
-import Link from '../link'
-import {PromoCode, usePromoCode} from '../promo-code'
-import ItemVariantProvider from '../item-variant'
-import CartItemVariantImage from '../item-variant/item-image'
-import CartItemVariantName from '../item-variant/item-name'
-import CartItemVariantAttributes from '../item-variant/item-attributes'
-import CartItemVariantPrice from '../item-variant/item-price'
-import PromoPopover from '../promo-popover'
+import {BasketIcon, ChevronDownIcon, ChevronUpIcon} from 'retail-react-app/app/components/icons'
+import Link from 'retail-react-app/app/components/link'
+import {PromoCode, usePromoCode} from 'retail-react-app/app/components/promo-code'
+import ItemVariantProvider from 'retail-react-app/app/components/item-variant'
+import CartItemVariantImage from 'retail-react-app/app/components/item-variant/item-image'
+import CartItemVariantName from 'retail-react-app/app/components/item-variant/item-name'
+import CartItemVariantAttributes from 'retail-react-app/app/components/item-variant/item-attributes'
+import CartItemVariantPrice from 'retail-react-app/app/components/item-variant/item-price'
+import PromoPopover from 'retail-react-app/app/components/promo-popover'
 import {useProducts} from 'commerce-sdk-react-preview'
 
 const CartItems = ({basket}) => {
diff --git a/packages/template-retail-react-app/app/components/page-action-placeholder/index.jsx b/packages/template-retail-react-app/app/components/page-action-placeholder/index.jsx
index fc42bd951b..3f3b3d167e 100644
--- a/packages/template-retail-react-app/app/components/page-action-placeholder/index.jsx
+++ b/packages/template-retail-react-app/app/components/page-action-placeholder/index.jsx
@@ -8,7 +8,7 @@
 import React from 'react'
 import PropTypes from 'prop-types'
 import {Box, Button, Stack, Text} from '@chakra-ui/react'
-import {PlusIcon} from '../../components/icons'
+import {PlusIcon} from 'retail-react-app/app/components/icons'
 
 const PageActionPlaceHolder = ({heading, text, icon, buttonText, buttonProps, onButtonClick}) => {
     return (
diff --git a/packages/template-retail-react-app/app/components/pagination/index.jsx b/packages/template-retail-react-app/app/components/pagination/index.jsx
index 39a838d767..2167e1103e 100644
--- a/packages/template-retail-react-app/app/components/pagination/index.jsx
+++ b/packages/template-retail-react-app/app/components/pagination/index.jsx
@@ -22,7 +22,7 @@ import {
 } from '@chakra-ui/react'
 
 // Icons
-import {ChevronLeftIcon, ChevronRightIcon} from '../icons'
+import {ChevronLeftIcon, ChevronRightIcon} from 'retail-react-app/app/components/icons'
 
 // Constants
 const SELECT_ID = 'pagination'
diff --git a/packages/template-retail-react-app/app/components/pagination/index.test.js b/packages/template-retail-react-app/app/components/pagination/index.test.js
index 2a7ede740a..5c14f50bc7 100644
--- a/packages/template-retail-react-app/app/components/pagination/index.test.js
+++ b/packages/template-retail-react-app/app/components/pagination/index.test.js
@@ -5,8 +5,8 @@
  * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
  */
 import React from 'react'
-import Pagination from './index'
-import {renderWithProviders} from '../../utils/test-utils'
+import Pagination from 'retail-react-app/app/components/pagination/index'
+import {renderWithProviders} from 'retail-react-app/app/utils/test-utils'
 
 const mockUrls = ['/test?offset=0', '/test?offset=25', '/test?offset=50', '/test?offset=75']
 const mockCurrentUrl = '/test?offset=25'
diff --git a/packages/template-retail-react-app/app/components/product-item/index.jsx b/packages/template-retail-react-app/app/components/product-item/index.jsx
index f32454d4a4..b5eff5eff7 100644
--- a/packages/template-retail-react-app/app/components/product-item/index.jsx
+++ b/packages/template-retail-react-app/app/components/product-item/index.jsx
@@ -12,20 +12,20 @@ import {FormattedMessage} from 'react-intl'
 import {Box, Fade, Flex, Stack, Text} from '@chakra-ui/react'
 
 // Project Components
-import {HideOnDesktop, HideOnMobile} from '../responsive'
-import ItemVariantProvider from '../item-variant'
-import CartItemVariantImage from '../item-variant/item-image'
-import CartItemVariantName from '../item-variant/item-name'
-import CartItemVariantAttributes from '../item-variant/item-attributes'
-import CartItemVariantPrice from '../item-variant/item-price'
-import LoadingSpinner from '../loading-spinner'
-import QuantityPicker from '../quantity-picker'
+import {HideOnDesktop, HideOnMobile} from 'retail-react-app/app/components/responsive'
+import ItemVariantProvider from 'retail-react-app/app/components/item-variant'
+import CartItemVariantImage from 'retail-react-app/app/components/item-variant/item-image'
+import CartItemVariantName from 'retail-react-app/app/components/item-variant/item-name'
+import CartItemVariantAttributes from 'retail-react-app/app/components/item-variant/item-attributes'
+import CartItemVariantPrice from 'retail-react-app/app/components/item-variant/item-price'
+import LoadingSpinner from 'retail-react-app/app/components/loading-spinner'
+import QuantityPicker from 'retail-react-app/app/components/quantity-picker'
 
 // Utilities
-import {noop} from '../../utils/utils'
+import {noop} from 'retail-react-app/app/utils/utils'
 
 // Hooks
-import {useDerivedProduct} from '../../hooks'
+import {useDerivedProduct} from 'retail-react-app/app/hooks'
 
 /**
  * Component representing a product item usually in a list with details about the product - name, variant, pricing, etc.
diff --git a/packages/template-retail-react-app/app/components/product-item/index.test.js b/packages/template-retail-react-app/app/components/product-item/index.test.js
index b545c7f758..9dd321617a 100644
--- a/packages/template-retail-react-app/app/components/product-item/index.test.js
+++ b/packages/template-retail-react-app/app/components/product-item/index.test.js
@@ -5,9 +5,9 @@
  * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
  */
 import React from 'react'
-import ProductItem from './index'
-import {mockedCustomerProductListsDetails} from '../../mocks/mock-data'
-import {renderWithProviders} from '../../utils/test-utils'
+import ProductItem from 'retail-react-app/app/components/product-item/index'
+import {mockedCustomerProductListsDetails} from 'retail-react-app/app/mocks/mock-data'
+import {renderWithProviders} from 'retail-react-app/app/utils/test-utils'
 import {screen} from '@testing-library/react'
 
 jest.mock('commerce-sdk-react-preview', () => {
diff --git a/packages/template-retail-react-app/app/components/product-scroller/index.jsx b/packages/template-retail-react-app/app/components/product-scroller/index.jsx
index 1bc7a0d3ef..eed04d9b17 100644
--- a/packages/template-retail-react-app/app/components/product-scroller/index.jsx
+++ b/packages/template-retail-react-app/app/components/product-scroller/index.jsx
@@ -7,8 +7,8 @@
 import React, {forwardRef, useRef} from 'react'
 import PropTypes from 'prop-types'
 import {AspectRatio, Box, Heading, IconButton, Skeleton, Stack} from '@chakra-ui/react'
-import ProductTile from '../../components/product-tile'
-import {ChevronLeftIcon, ChevronRightIcon} from '../icons'
+import ProductTile from 'retail-react-app/app/components/product-tile'
+import {ChevronLeftIcon, ChevronRightIcon} from 'retail-react-app/app/components/icons'
 
 /**
  * Renders a scrollable, horizontal container of products with native scroll
diff --git a/packages/template-retail-react-app/app/components/product-scroller/index.test.js b/packages/template-retail-react-app/app/components/product-scroller/index.test.js
index 114a6632f0..e441070611 100644
--- a/packages/template-retail-react-app/app/components/product-scroller/index.test.js
+++ b/packages/template-retail-react-app/app/components/product-scroller/index.test.js
@@ -6,9 +6,9 @@
  */
 import React from 'react'
 import {screen} from '@testing-library/react'
-import ProductScroller from './index'
-import {renderWithProviders} from '../../utils/test-utils'
 import userEvent from '@testing-library/user-event'
+import ProductScroller from 'retail-react-app/app/components/product-scroller/index'
+import {renderWithProviders} from 'retail-react-app/app/utils/test-utils'
 
 // Our component uses `scrollBy` on an html element, which we need
 // to create ourselves as its not in jsdom by default. Here we make
diff --git a/packages/template-retail-react-app/app/components/product-tile/index.jsx b/packages/template-retail-react-app/app/components/product-tile/index.jsx
index 6736185a1c..5c06a32307 100644
--- a/packages/template-retail-react-app/app/components/product-tile/index.jsx
+++ b/packages/template-retail-react-app/app/components/product-tile/index.jsx
@@ -7,7 +7,7 @@
 
 import React, {useState} from 'react'
 import PropTypes from 'prop-types'
-import {HeartIcon, HeartSolidIcon} from '../icons'
+import {HeartIcon, HeartSolidIcon} from 'retail-react-app/app/components/icons'
 
 // Components
 import {
@@ -19,16 +19,16 @@ import {
     useMultiStyleConfig,
     IconButton
 } from '@chakra-ui/react'
-import DynamicImage from '../dynamic-image'
+import DynamicImage from 'retail-react-app/app/components/dynamic-image'
 
 // Hooks
 import {useIntl} from 'react-intl'
 
 // Other
-import {productUrlBuilder} from '../../utils/url'
-import Link from '../link'
-import withRegistration from '../with-registration'
-import {useCurrency} from '../../hooks'
+import {productUrlBuilder} from 'retail-react-app/app/utils/url'
+import Link from 'retail-react-app/app/components/link'
+import withRegistration from 'retail-react-app/app/components/with-registration'
+import {useCurrency} from 'retail-react-app/app/hooks'
 
 const IconButtonWithRegistration = withRegistration(IconButton)
 
diff --git a/packages/template-retail-react-app/app/components/product-tile/index.test.js b/packages/template-retail-react-app/app/components/product-tile/index.test.js
index 86a3be2091..e26f40f4f7 100644
--- a/packages/template-retail-react-app/app/components/product-tile/index.test.js
+++ b/packages/template-retail-react-app/app/components/product-tile/index.test.js
@@ -5,8 +5,8 @@
  * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
  */
 import React from 'react'
-import ProductTile, {Skeleton} from './index'
-import {renderWithProviders} from '../../utils/test-utils'
+import ProductTile, {Skeleton} from 'retail-react-app/app/components/product-tile/index'
+import {renderWithProviders} from 'retail-react-app/app/utils/test-utils'
 
 const mockProductSearchItem = {
     currency: 'USD',
diff --git a/packages/template-retail-react-app/app/components/product-view-modal/index.jsx b/packages/template-retail-react-app/app/components/product-view-modal/index.jsx
index 08ff4b8dea..178a059f1c 100644
--- a/packages/template-retail-react-app/app/components/product-view-modal/index.jsx
+++ b/packages/template-retail-react-app/app/components/product-view-modal/index.jsx
@@ -8,8 +8,8 @@
 import React from 'react'
 import PropTypes from 'prop-types'
 import {Modal, ModalBody, ModalCloseButton, ModalContent, ModalOverlay} from '@chakra-ui/react'
-import ProductView from '../product-view'
-import {useProductViewModal} from '../../hooks/use-product-view-modal'
+import ProductView from 'retail-react-app/app/components/product-view'
+import {useProductViewModal} from 'retail-react-app/app/hooks/use-product-view-modal'
 
 /**
  * A Modal that contains Product View
diff --git a/packages/template-retail-react-app/app/components/product-view-modal/index.test.js b/packages/template-retail-react-app/app/components/product-view-modal/index.test.js
index ffae8e5262..003d2b1fed 100644
--- a/packages/template-retail-react-app/app/components/product-view-modal/index.test.js
+++ b/packages/template-retail-react-app/app/components/product-view-modal/index.test.js
@@ -7,12 +7,12 @@
 
 import React from 'react'
 import PropTypes from 'prop-types'
-import ProductViewModal from './index'
-import {renderWithProviders} from '../../utils/test-utils'
+import ProductViewModal from 'retail-react-app/app/components/product-view-modal/index'
+import {renderWithProviders} from 'retail-react-app/app/utils/test-utils'
 import {fireEvent, screen} from '@testing-library/react'
 import {useDisclosure} from '@chakra-ui/react'
-import mockProductDetail from '../../mocks/variant-750518699578M'
-import {prependHandlersToServer} from '../../../jest-setup'
+import mockProductDetail from 'retail-react-app/app/mocks/variant-750518699578M'
+import {prependHandlersToServer} from 'retail-react-app/jest-setup'
 
 const MockComponent = ({updateCart}) => {
     const {isOpen, onOpen, onClose} = useDisclosure()
diff --git a/packages/template-retail-react-app/app/components/product-view/index.jsx b/packages/template-retail-react-app/app/components/product-view/index.jsx
index 98aa7d018b..7c0dce0efd 100644
--- a/packages/template-retail-react-app/app/components/product-view/index.jsx
+++ b/packages/template-retail-react-app/app/components/product-view/index.jsx
@@ -11,22 +11,22 @@ import {useHistory, useLocation} from 'react-router-dom'
 import {useIntl} from 'react-intl'
 
 import {Flex, Heading, Button, Skeleton, Box, Text, VStack, Fade, useTheme} from '@chakra-ui/react'
-import {useDerivedProduct} from '../../hooks'
-import {useAddToCartModalContext} from '../../hooks/use-add-to-cart-modal'
+import {useDerivedProduct} from 'retail-react-app/app/hooks'
+import {useAddToCartModalContext} from 'retail-react-app/app/hooks/use-add-to-cart-modal'
 
 // project components
-import SwatchGroup from '../swatch-group'
-import Swatch from '../swatch-group/swatch'
-import ImageGallery from '../image-gallery'
-import Breadcrumb from '../breadcrumb'
-import Link from '../link'
-import withRegistration from '../with-registration'
-import {useCurrency} from '../../hooks'
-import {Skeleton as ImageGallerySkeleton} from '../image-gallery'
-import {HideOnDesktop, HideOnMobile} from '../responsive'
-import QuantityPicker from '../quantity-picker'
-import {useToast} from '../../hooks/use-toast'
-import {API_ERROR_MESSAGE} from '../../constants'
+import SwatchGroup from 'retail-react-app/app/components/swatch-group'
+import Swatch from 'retail-react-app/app/components/swatch-group/swatch'
+import ImageGallery from 'retail-react-app/app/components/image-gallery'
+import Breadcrumb from 'retail-react-app/app/components/breadcrumb'
+import Link from 'retail-react-app/app/components/link'
+import withRegistration from 'retail-react-app/app/components/with-registration'
+import {useCurrency} from 'retail-react-app/app/hooks'
+import {Skeleton as ImageGallerySkeleton} from 'retail-react-app/app/components/image-gallery'
+import {HideOnDesktop, HideOnMobile} from 'retail-react-app/app/components/responsive'
+import QuantityPicker from 'retail-react-app/app/components/quantity-picker'
+import {useToast} from 'retail-react-app/app/hooks/use-toast'
+import {API_ERROR_MESSAGE} from 'retail-react-app/app/constants'
 
 const ProductViewHeader = ({name, price, currency, category, productType}) => {
     const intl = useIntl()
diff --git a/packages/template-retail-react-app/app/components/product-view/index.test.js b/packages/template-retail-react-app/app/components/product-view/index.test.js
index 199d1500f2..4d95de7dbf 100644
--- a/packages/template-retail-react-app/app/components/product-view/index.test.js
+++ b/packages/template-retail-react-app/app/components/product-view/index.test.js
@@ -8,12 +8,12 @@
 import React from 'react'
 import PropTypes from 'prop-types'
 import {fireEvent, screen, waitFor} from '@testing-library/react'
-import mockProductDetail from '../../mocks/variant-750518699578M'
-import mockProductSet from '../../mocks/product-set-winter-lookM'
-import ProductView from './index'
-import {renderWithProviders} from '../../utils/test-utils'
+import mockProductDetail from 'retail-react-app/app/mocks/variant-750518699578M'
+import mockProductSet from 'retail-react-app/app/mocks/product-set-winter-lookM'
+import ProductView from 'retail-react-app/app/components/product-view'
+import {renderWithProviders} from 'retail-react-app/app/utils/test-utils'
 import userEvent from '@testing-library/user-event'
-import {useCurrentCustomer} from '../../hooks/use-current-customer'
+import {useCurrentCustomer} from 'retail-react-app/app/hooks/use-current-customer'
 
 const MockComponent = (props) => {
     const {data: customer} = useCurrentCustomer()
diff --git a/packages/template-retail-react-app/app/components/promo-code/index.jsx b/packages/template-retail-react-app/app/components/promo-code/index.jsx
index aa4cfb1fb4..0731eae069 100644
--- a/packages/template-retail-react-app/app/components/promo-code/index.jsx
+++ b/packages/template-retail-react-app/app/components/promo-code/index.jsx
@@ -17,11 +17,11 @@ import {
     useToast
 } from '@chakra-ui/react'
 import {useForm} from 'react-hook-form'
-import {ChevronDownIcon, ChevronUpIcon} from '../icons'
-import PromoCodeFields from '../../components/forms/promo-code-fields'
-import {API_ERROR_MESSAGE} from '../../constants'
+import {ChevronDownIcon, ChevronUpIcon} from 'retail-react-app/app/components/icons'
+import PromoCodeFields from 'retail-react-app/app/components/forms/promo-code-fields'
+import {API_ERROR_MESSAGE} from 'retail-react-app/app/constants'
 import {useShopperBasketsMutation} from 'commerce-sdk-react-preview'
-import {useCurrentBasket} from '../../hooks/use-current-basket'
+import {useCurrentBasket} from 'retail-react-app/app/hooks/use-current-basket'
 
 export const usePromoCode = () => {
     const {formatMessage} = useIntl()
diff --git a/packages/template-retail-react-app/app/components/promo-popover/index.jsx b/packages/template-retail-react-app/app/components/promo-popover/index.jsx
index 024f8d0f1b..24d6a7980b 100644
--- a/packages/template-retail-react-app/app/components/promo-popover/index.jsx
+++ b/packages/template-retail-react-app/app/components/promo-popover/index.jsx
@@ -19,7 +19,7 @@ import {
     Portal,
     Text
 } from '@chakra-ui/react'
-import {InfoIcon} from '../icons'
+import {InfoIcon} from 'retail-react-app/app/components/icons'
 import {FormattedMessage} from 'react-intl'
 
 /**
diff --git a/packages/template-retail-react-app/app/components/radio-card/index.jsx b/packages/template-retail-react-app/app/components/radio-card/index.jsx
index 2e18c59194..275a0389ea 100644
--- a/packages/template-retail-react-app/app/components/radio-card/index.jsx
+++ b/packages/template-retail-react-app/app/components/radio-card/index.jsx
@@ -7,7 +7,7 @@
 import React from 'react'
 import PropTypes from 'prop-types'
 import {Box, useRadio, useRadioGroup} from '@chakra-ui/react'
-import {CheckIcon} from '../icons'
+import {CheckIcon} from 'retail-react-app/app/components/icons'
 
 const RadioCardGroupContext = React.createContext()
 
diff --git a/packages/template-retail-react-app/app/components/recommended-products/index.jsx b/packages/template-retail-react-app/app/components/recommended-products/index.jsx
index eb82ebdb22..f9ed5c086e 100644
--- a/packages/template-retail-react-app/app/components/recommended-products/index.jsx
+++ b/packages/template-retail-react-app/app/components/recommended-products/index.jsx
@@ -9,20 +9,20 @@ import React, {useEffect, useRef, useState} from 'react'
 import PropTypes from 'prop-types'
 import {useIntl} from 'react-intl'
 import {Button} from '@chakra-ui/react'
-import ProductScroller from '../../components/product-scroller'
-import useEinstein from '../../hooks/use-einstein'
-import {useCurrentCustomer} from '../../hooks/use-current-customer'
-import useIntersectionObserver from '../../hooks/use-intersection-observer'
-import {useWishList} from '../../hooks/use-wish-list'
-
-import {useToast} from '../../hooks/use-toast'
-import useNavigation from '../../hooks/use-navigation'
+import ProductScroller from 'retail-react-app/app/components/product-scroller'
+import useEinstein from 'retail-react-app/app/hooks/use-einstein'
+import {useCurrentCustomer} from 'retail-react-app/app/hooks/use-current-customer'
+import useIntersectionObserver from 'retail-react-app/app/hooks/use-intersection-observer'
+import {useWishList} from 'retail-react-app/app/hooks/use-wish-list'
+
+import {useToast} from 'retail-react-app/app/hooks/use-toast'
+import useNavigation from 'retail-react-app/app/hooks/use-navigation'
 import {
     API_ERROR_MESSAGE,
     TOAST_ACTION_VIEW_WISHLIST,
     TOAST_MESSAGE_ADDED_TO_WISHLIST,
     TOAST_MESSAGE_REMOVED_FROM_WISHLIST
-} from '../../constants'
+} from 'retail-react-app/app/constants'
 import {useShopperCustomersMutation} from 'commerce-sdk-react-preview'
 
 /**
diff --git a/packages/template-retail-react-app/app/components/register/index.jsx b/packages/template-retail-react-app/app/components/register/index.jsx
index bc1bd9707e..e685b7033d 100644
--- a/packages/template-retail-react-app/app/components/register/index.jsx
+++ b/packages/template-retail-react-app/app/components/register/index.jsx
@@ -9,10 +9,10 @@ import React, {Fragment} from 'react'
 import PropTypes from 'prop-types'
 import {FormattedMessage} from 'react-intl'
 import {Alert, Button, Stack, Text, Link as ChakraLink} from '@chakra-ui/react'
-import {AlertIcon, BrandLogo} from '../icons'
-import {noop} from '../../utils/utils'
-import RegistrationFields from '../forms/registration-fields'
-import Link from '../link'
+import {AlertIcon, BrandLogo} from 'retail-react-app/app/components/icons'
+import {noop} from 'retail-react-app/app/utils/utils'
+import RegistrationFields from 'retail-react-app/app/components/forms/registration-fields'
+import Link from 'retail-react-app/app/components/link'
 
 const RegisterForm = ({submitForm, clickSignIn = noop, form}) => {
     return (
diff --git a/packages/template-retail-react-app/app/components/reset-password/index.jsx b/packages/template-retail-react-app/app/components/reset-password/index.jsx
index f259960ac4..b6fe718b08 100644
--- a/packages/template-retail-react-app/app/components/reset-password/index.jsx
+++ b/packages/template-retail-react-app/app/components/reset-password/index.jsx
@@ -9,9 +9,9 @@ import React, {Fragment} from 'react'
 import PropTypes from 'prop-types'
 import {FormattedMessage} from 'react-intl'
 import {Alert, Button, Stack, Text} from '@chakra-ui/react'
-import {AlertIcon, BrandLogo} from '../icons'
-import {noop} from '../../utils/utils'
-import ResetPasswordFields from '../forms/reset-password-fields'
+import {AlertIcon, BrandLogo} from 'retail-react-app/app/components/icons'
+import {noop} from 'retail-react-app/app/utils/utils'
+import ResetPasswordFields from 'retail-react-app/app/components/forms/reset-password-fields'
 
 const ResetPasswordForm = ({submitForm, clickSignIn = noop, form}) => {
     return (
diff --git a/packages/template-retail-react-app/app/components/scroll-to-top/index.test.js b/packages/template-retail-react-app/app/components/scroll-to-top/index.test.js
index 5574574a94..362aad7ecb 100644
--- a/packages/template-retail-react-app/app/components/scroll-to-top/index.test.js
+++ b/packages/template-retail-react-app/app/components/scroll-to-top/index.test.js
@@ -6,7 +6,7 @@
  */
 import React from 'react'
 import {render, waitFor} from '@testing-library/react'
-import ScrollToTop from './index'
+import ScrollToTop from 'retail-react-app/app/components/scroll-to-top/index'
 import {Router} from 'react-router-dom'
 import {createMemoryHistory} from 'history'
 
diff --git a/packages/template-retail-react-app/app/components/search/index.jsx b/packages/template-retail-react-app/app/components/search/index.jsx
index 20502ef377..d5552d56fe 100644
--- a/packages/template-retail-react-app/app/components/search/index.jsx
+++ b/packages/template-retail-react-app/app/components/search/index.jsx
@@ -19,15 +19,28 @@ import {
     HStack,
     Spinner
 } from '@chakra-ui/react'
-import SearchSuggestions from './partials/search-suggestions'
-import {SearchIcon} from '../icons'
-import {capitalize, boldString, getSessionJSONItem, setSessionJSONItem} from '../../utils/utils'
-import useNavigation from '../../hooks/use-navigation'
-import {HideOnDesktop, HideOnMobile} from '../responsive'
+import SearchSuggestions from 'retail-react-app/app/components/search/partials/search-suggestions'
+import {SearchIcon} from 'retail-react-app/app/components/icons'
+import {
+    capitalize,
+    boldString,
+    getSessionJSONItem,
+    setSessionJSONItem
+} from 'retail-react-app/app/utils/utils'
+import useNavigation from 'retail-react-app/app/hooks/use-navigation'
+import {HideOnDesktop, HideOnMobile} from 'retail-react-app/app/components/responsive'
 import {FormattedMessage} from 'react-intl'
 import debounce from 'lodash/debounce'
-import {RECENT_SEARCH_KEY, RECENT_SEARCH_LIMIT, RECENT_SEARCH_MIN_LENGTH} from '../../constants'
-import {productUrlBuilder, searchUrlBuilder, categoryUrlBuilder} from '../../utils/url'
+import {
+    RECENT_SEARCH_KEY,
+    RECENT_SEARCH_LIMIT,
+    RECENT_SEARCH_MIN_LENGTH
+} from 'retail-react-app/app/constants'
+import {
+    productUrlBuilder,
+    searchUrlBuilder,
+    categoryUrlBuilder
+} from 'retail-react-app/app/utils/url'
 
 const formatSuggestions = (searchSuggestions, input) => {
     return {
diff --git a/packages/template-retail-react-app/app/components/search/index.test.js b/packages/template-retail-react-app/app/components/search/index.test.js
index cefcaf5e17..87cb04fac7 100644
--- a/packages/template-retail-react-app/app/components/search/index.test.js
+++ b/packages/template-retail-react-app/app/components/search/index.test.js
@@ -5,17 +5,22 @@
  * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
  */
 import React from 'react'
-import {renderWithProviders, createPathWithDefaults} from '../../utils/test-utils'
+import {renderWithProviders, createPathWithDefaults} from 'retail-react-app/app/utils/test-utils'
 import userEvent from '@testing-library/user-event'
 import {screen, waitFor, within} from '@testing-library/react'
-import SearchInput from './index'
-import Suggestions from './partials/suggestions'
-import {clearSessionJSONItem, getSessionJSONItem, setSessionJSONItem, noop} from '../../utils/utils'
-import {RECENT_SEARCH_KEY, RECENT_SEARCH_LIMIT} from '../../constants'
-import mockSearchResults from '../../mocks/searchResults'
-import mockConfig from '../../../config/mocks/default'
+import SearchInput from 'retail-react-app/app/components/search/index'
+import Suggestions from 'retail-react-app/app/components/search/partials/suggestions'
+import {
+    clearSessionJSONItem,
+    getSessionJSONItem,
+    setSessionJSONItem,
+    noop
+} from 'retail-react-app/app/utils/utils'
+import {RECENT_SEARCH_KEY, RECENT_SEARCH_LIMIT} from 'retail-react-app/app/constants'
+import mockSearchResults from 'retail-react-app/app/mocks/searchResults'
+import mockConfig from 'retail-react-app/config/mocks/default'
 import {rest} from 'msw'
-import {mockCustomerBaskets} from '../../mocks/mock-data'
+import {mockCustomerBaskets} from 'retail-react-app/app/mocks/mock-data'
 
 beforeEach(() => {
     clearSessionJSONItem(RECENT_SEARCH_KEY)
diff --git a/packages/template-retail-react-app/app/components/search/partials/recent-searches.jsx b/packages/template-retail-react-app/app/components/search/partials/recent-searches.jsx
index 30f754c798..640b428f9c 100644
--- a/packages/template-retail-react-app/app/components/search/partials/recent-searches.jsx
+++ b/packages/template-retail-react-app/app/components/search/partials/recent-searches.jsx
@@ -8,11 +8,11 @@ import React from 'react'
 import PropTypes from 'prop-types'
 import {Text, Button, Box} from '@chakra-ui/react'
 
-import {clearSessionJSONItem} from '../../../utils/utils'
-import {RECENT_SEARCH_KEY} from '../../../constants'
+import {clearSessionJSONItem} from 'retail-react-app/app/utils/utils'
+import {RECENT_SEARCH_KEY} from 'retail-react-app/app/constants'
 
 import {FormattedMessage} from 'react-intl'
-import {searchUrlBuilder} from '../../../utils/url'
+import {searchUrlBuilder} from 'retail-react-app/app/utils/url'
 
 const RecentSearches = ({recentSearches, closeAndNavigate}) => {
     const clearSearches = () => {
diff --git a/packages/template-retail-react-app/app/components/search/partials/search-suggestions.jsx b/packages/template-retail-react-app/app/components/search/partials/search-suggestions.jsx
index b7ed673994..e925374c9f 100644
--- a/packages/template-retail-react-app/app/components/search/partials/search-suggestions.jsx
+++ b/packages/template-retail-react-app/app/components/search/partials/search-suggestions.jsx
@@ -7,8 +7,8 @@
 import React, {Fragment} from 'react'
 import PropTypes from 'prop-types'
 import {Stack} from '@chakra-ui/react'
-import RecentSearches from './recent-searches'
-import Suggestions from './suggestions'
+import RecentSearches from 'retail-react-app/app/components/search/partials/recent-searches'
+import Suggestions from 'retail-react-app/app/components/search/partials/suggestions'
 
 const SearchSuggestions = ({recentSearches, searchSuggestions, closeAndNavigate}) => {
     const useSuggestions = searchSuggestions && searchSuggestions?.categorySuggestions?.length
diff --git a/packages/template-retail-react-app/app/components/seo/index.jsx b/packages/template-retail-react-app/app/components/seo/index.jsx
index e061ff5fcb..398a33e484 100644
--- a/packages/template-retail-react-app/app/components/seo/index.jsx
+++ b/packages/template-retail-react-app/app/components/seo/index.jsx
@@ -8,7 +8,7 @@ import React from 'react'
 import PropTypes from 'prop-types'
 import Helmet from 'react-helmet'
 
-import {DEFAULT_SITE_TITLE} from '../../constants'
+import {DEFAULT_SITE_TITLE} from 'retail-react-app/app/constants'
 
 const Seo = ({title, description, noIndex, children, ...props}) => {
     const fullTitle = title ? `${title} | ${DEFAULT_SITE_TITLE}` : DEFAULT_SITE_TITLE
diff --git a/packages/template-retail-react-app/app/components/social-icons/index.jsx b/packages/template-retail-react-app/app/components/social-icons/index.jsx
index 84c31a3069..7ddb0d83e6 100644
--- a/packages/template-retail-react-app/app/components/social-icons/index.jsx
+++ b/packages/template-retail-react-app/app/components/social-icons/index.jsx
@@ -24,7 +24,7 @@ import {
     SocialPinterestIcon,
     SocialTwitterIcon,
     SocialYoutubeIcon
-} from '../../components/icons'
+} from 'retail-react-app/app/components/icons'
 
 /**
  *
diff --git a/packages/template-retail-react-app/app/components/social-icons/index.test.js b/packages/template-retail-react-app/app/components/social-icons/index.test.js
index 9d110c40f7..77bc3ceb5f 100644
--- a/packages/template-retail-react-app/app/components/social-icons/index.test.js
+++ b/packages/template-retail-react-app/app/components/social-icons/index.test.js
@@ -5,8 +5,8 @@
  * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
  */
 import React from 'react'
-import SocialIcons from './index'
-import {renderWithProviders} from '../../utils/test-utils'
+import SocialIcons from 'retail-react-app/app/components/social-icons/index'
+import {renderWithProviders} from 'retail-react-app/app/utils/test-utils'
 import {fireEvent} from '@testing-library/react'
 
 describe('Social Icons Component', () => {
diff --git a/packages/template-retail-react-app/app/components/swatch-group/index.jsx b/packages/template-retail-react-app/app/components/swatch-group/index.jsx
index e05e3dbc42..7161ee5fad 100644
--- a/packages/template-retail-react-app/app/components/swatch-group/index.jsx
+++ b/packages/template-retail-react-app/app/components/swatch-group/index.jsx
@@ -8,7 +8,7 @@
 import React from 'react'
 import PropTypes from 'prop-types'
 import {Flex, Box, HStack, useStyleConfig} from '@chakra-ui/react'
-import {noop} from '../../utils/utils'
+import {noop} from 'retail-react-app/app/utils/utils'
 
 /**
  * SwatchGroup allows you to create a list of swatches
diff --git a/packages/template-retail-react-app/app/components/swatch-group/index.test.js b/packages/template-retail-react-app/app/components/swatch-group/index.test.js
index c30bc2ca28..66ca79dfce 100644
--- a/packages/template-retail-react-app/app/components/swatch-group/index.test.js
+++ b/packages/template-retail-react-app/app/components/swatch-group/index.test.js
@@ -7,9 +7,9 @@
 import React from 'react'
 import {screen, render, fireEvent, waitFor} from '@testing-library/react'
 import {Router, useHistory, useLocation} from 'react-router-dom'
-import SwatchGroup from './index'
+import SwatchGroup from 'retail-react-app/app/components/swatch-group/index'
 import {Box} from '@chakra-ui/react'
-import Swatch from './swatch'
+import Swatch from 'retail-react-app/app/components/swatch-group/swatch'
 import {createMemoryHistory} from 'history'
 
 const data = {
diff --git a/packages/template-retail-react-app/app/components/toggle-card/index.jsx b/packages/template-retail-react-app/app/components/toggle-card/index.jsx
index 4ad138abcb..8201babf11 100644
--- a/packages/template-retail-react-app/app/components/toggle-card/index.jsx
+++ b/packages/template-retail-react-app/app/components/toggle-card/index.jsx
@@ -8,7 +8,7 @@ import React, {useContext, createContext} from 'react'
 import PropTypes from 'prop-types'
 import {FormattedMessage} from 'react-intl'
 import {Box, Button, Flex, Heading, Stack} from '@chakra-ui/react'
-import LoadingSpinner from '../../components/loading-spinner'
+import LoadingSpinner from 'retail-react-app/app/components/loading-spinner'
 
 const ToggleCardContext = createContext()
 
diff --git a/packages/template-retail-react-app/app/components/with-registration/index.jsx b/packages/template-retail-react-app/app/components/with-registration/index.jsx
index 1f36ba9f3e..159e4e503b 100644
--- a/packages/template-retail-react-app/app/components/with-registration/index.jsx
+++ b/packages/template-retail-react-app/app/components/with-registration/index.jsx
@@ -5,13 +5,13 @@
  * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
  */
 import React from 'react'
-import {AuthModal, useAuthModal} from '../../hooks/use-auth-modal'
+import {AuthModal, useAuthModal} from 'retail-react-app/app/hooks/use-auth-modal'
 import PropTypes from 'prop-types'
-import {noop} from '../../utils/utils'
+import {noop} from 'retail-react-app/app/utils/utils'
 import {useIntl} from 'react-intl'
 import {useLocation} from 'react-router-dom'
-import {useToast} from '../../hooks/use-toast'
-import {useCurrentCustomer} from '../../hooks/use-current-customer'
+import {useToast} from 'retail-react-app/app/hooks/use-toast'
+import {useCurrentCustomer} from 'retail-react-app/app/hooks/use-current-customer'
 
 const withRegistration = (Component) => {
     const WrappedComponent = ({onClick = noop, ...passThroughProps}) => {
diff --git a/packages/template-retail-react-app/app/components/with-registration/index.test.js b/packages/template-retail-react-app/app/components/with-registration/index.test.js
index dc8f979de3..21031874cd 100644
--- a/packages/template-retail-react-app/app/components/with-registration/index.test.js
+++ b/packages/template-retail-react-app/app/components/with-registration/index.test.js
@@ -7,11 +7,11 @@
 import React from 'react'
 import {Button} from '@chakra-ui/react'
 import {screen, waitFor} from '@testing-library/react'
-import withRegistration from './index'
-import {renderWithProviders} from '../../utils/test-utils'
+import withRegistration from 'retail-react-app/app/components/with-registration/index'
+import {renderWithProviders} from 'retail-react-app/app/utils/test-utils'
 import userEvent from '@testing-library/user-event'
 import {rest} from 'msw'
-import {mockedGuestCustomer} from '../../mocks/mock-data'
+import {mockedGuestCustomer} from 'retail-react-app/app/mocks/mock-data'
 
 const ButtonWithRegistration = withRegistration(Button)
 
diff --git a/packages/template-retail-react-app/app/hooks/index.js b/packages/template-retail-react-app/app/hooks/index.js
index a7c150700e..252b6b1d76 100644
--- a/packages/template-retail-react-app/app/hooks/index.js
+++ b/packages/template-retail-react-app/app/hooks/index.js
@@ -6,12 +6,12 @@
  */
 
 /* istanbul ignore file */
-export {useSearchParams} from './use-search-params'
-export {useLimitUrls} from './use-limit-urls'
-export {usePageUrls} from './use-page-urls'
-export {useSortUrls} from './use-sort-urls'
-export {useVariant} from './use-variant'
-export {useVariationAttributes} from './use-variation-attributes'
-export {useVariationParams} from './use-variation-params'
-export {useDerivedProduct} from './use-derived-product'
-export {useCurrency} from './use-currency'
+export {useSearchParams} from 'retail-react-app/app/hooks/use-search-params'
+export {useLimitUrls} from 'retail-react-app/app/hooks/use-limit-urls'
+export {usePageUrls} from 'retail-react-app/app/hooks/use-page-urls'
+export {useSortUrls} from 'retail-react-app/app/hooks/use-sort-urls'
+export {useVariant} from 'retail-react-app/app/hooks/use-variant'
+export {useVariationAttributes} from 'retail-react-app/app/hooks/use-variation-attributes'
+export {useVariationParams} from 'retail-react-app/app/hooks/use-variation-params'
+export {useDerivedProduct} from 'retail-react-app/app/hooks/use-derived-product'
+export {useCurrency} from 'retail-react-app/app/hooks/use-currency'
diff --git a/packages/template-retail-react-app/app/hooks/use-add-to-cart-modal.js b/packages/template-retail-react-app/app/hooks/use-add-to-cart-modal.js
index 23251b85e2..a749fc17dd 100644
--- a/packages/template-retail-react-app/app/hooks/use-add-to-cart-modal.js
+++ b/packages/template-retail-react-app/app/hooks/use-add-to-cart-modal.js
@@ -24,13 +24,13 @@ import {
     Stack,
     useBreakpointValue
 } from '@chakra-ui/react'
-import {useCurrentBasket} from './use-current-basket'
-import Link from '../components/link'
-import RecommendedProducts from '../components/recommended-products'
-import {LockIcon} from '../components/icons'
-import {findImageGroupBy} from '../utils/image-groups-utils'
-import {getDisplayVariationValues} from '../utils/product-utils'
-import {EINSTEIN_RECOMMENDERS} from '../constants'
+import {useCurrentBasket} from 'retail-react-app/app/hooks/use-current-basket'
+import Link from 'retail-react-app/app/components/link'
+import RecommendedProducts from 'retail-react-app/app/components/recommended-products'
+import {LockIcon} from 'retail-react-app/app/components/icons'
+import {findImageGroupBy} from 'retail-react-app/app/utils/image-groups-utils'
+import {getDisplayVariationValues} from 'retail-react-app/app/utils/product-utils'
+import {EINSTEIN_RECOMMENDERS} from 'retail-react-app/app/constants'
 
 /**
  * This is the context for managing the AddToCartModal.
diff --git a/packages/template-retail-react-app/app/hooks/use-add-to-cart-modal.test.js b/packages/template-retail-react-app/app/hooks/use-add-to-cart-modal.test.js
index 28c74549de..32f0b414c0 100644
--- a/packages/template-retail-react-app/app/hooks/use-add-to-cart-modal.test.js
+++ b/packages/template-retail-react-app/app/hooks/use-add-to-cart-modal.test.js
@@ -5,11 +5,14 @@
  * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
  */
 import React from 'react'
-import {AddToCartModal, AddToCartModalContext} from './use-add-to-cart-modal'
-import {renderWithProviders} from '../utils/test-utils'
+import {
+    AddToCartModal,
+    AddToCartModalContext
+} from 'retail-react-app/app/hooks/use-add-to-cart-modal'
+import {renderWithProviders} from 'retail-react-app/app/utils/test-utils'
 import {screen} from '@testing-library/react'
 import {rest} from 'msw'
-import {mockCustomerBaskets} from '../mocks/mock-data'
+import {mockCustomerBaskets} from 'retail-react-app/app/mocks/mock-data'
 
 const MOCK_PRODUCT = {
     currency: 'USD',
diff --git a/packages/template-retail-react-app/app/hooks/use-auth-modal.js b/packages/template-retail-react-app/app/hooks/use-auth-modal.js
index 90a40e23f5..e529f3e8da 100644
--- a/packages/template-retail-react-app/app/hooks/use-auth-modal.js
+++ b/packages/template-retail-react-app/app/hooks/use-auth-modal.js
@@ -31,15 +31,15 @@ import {
     useShopperBasketsMutation,
     ShopperCustomersMutations
 } from 'commerce-sdk-react-preview'
-import {BrandLogo} from '../components/icons'
-import LoginForm from '../components/login'
-import ResetPasswordForm from '../components/reset-password'
-import RegisterForm from '../components/register'
-import {noop} from '../utils/utils'
-import {API_ERROR_MESSAGE} from '../constants'
-import useNavigation from './use-navigation'
-import {usePrevious} from './use-previous'
-import {isServer} from '../utils/utils'
+import {BrandLogo} from 'retail-react-app/app/components/icons'
+import LoginForm from 'retail-react-app/app/components/login'
+import ResetPasswordForm from 'retail-react-app/app/components/reset-password'
+import RegisterForm from 'retail-react-app/app/components/register'
+import {noop} from 'retail-react-app/app/utils/utils'
+import {API_ERROR_MESSAGE} from 'retail-react-app/app/constants'
+import useNavigation from 'retail-react-app/app/hooks/use-navigation'
+import {usePrevious} from 'retail-react-app/app/hooks/use-previous'
+import {isServer} from 'retail-react-app/app/utils/utils'
 const LOGIN_VIEW = 'login'
 const REGISTER_VIEW = 'register'
 const PASSWORD_VIEW = 'password'
diff --git a/packages/template-retail-react-app/app/hooks/use-auth-modal.test.js b/packages/template-retail-react-app/app/hooks/use-auth-modal.test.js
index 26e83c4be8..3bb3784240 100644
--- a/packages/template-retail-react-app/app/hooks/use-auth-modal.test.js
+++ b/packages/template-retail-react-app/app/hooks/use-auth-modal.test.js
@@ -8,12 +8,16 @@ import React from 'react'
 import PropTypes from 'prop-types'
 import {screen, within, waitFor} from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
-import {renderWithProviders, createPathWithDefaults, guestToken} from '../utils/test-utils'
-import {AuthModal, useAuthModal} from './use-auth-modal'
+import {
+    renderWithProviders,
+    createPathWithDefaults,
+    guestToken
+} from 'retail-react-app/app/utils/test-utils'
+import {AuthModal, useAuthModal} from 'retail-react-app/app/hooks/use-auth-modal'
 import {BrowserRouter as Router, Route} from 'react-router-dom'
-import Account from '../pages/account'
+import Account from 'retail-react-app/app/pages/account'
 import {rest} from 'msw'
-import {mockedRegisteredCustomer} from '../mocks/mock-data'
+import {mockedRegisteredCustomer} from 'retail-react-app/app/mocks/mock-data'
 
 jest.setTimeout(60000)
 
diff --git a/packages/template-retail-react-app/app/hooks/use-currency.js b/packages/template-retail-react-app/app/hooks/use-currency.js
index 5527d8c6f2..6fb952d4a9 100644
--- a/packages/template-retail-react-app/app/hooks/use-currency.js
+++ b/packages/template-retail-react-app/app/hooks/use-currency.js
@@ -5,7 +5,7 @@
  * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
  */
 import {useContext} from 'react'
-import {CurrencyContext} from '../contexts'
+import {CurrencyContext} from 'retail-react-app/app/contexts'
 
 /**
  * Custom React hook to get the currency for the active locale and to change it to a different currency
diff --git a/packages/template-retail-react-app/app/hooks/use-currency.test.js b/packages/template-retail-react-app/app/hooks/use-currency.test.js
index 7090854f36..ccf6144ab7 100644
--- a/packages/template-retail-react-app/app/hooks/use-currency.test.js
+++ b/packages/template-retail-react-app/app/hooks/use-currency.test.js
@@ -7,9 +7,9 @@
 
 import React from 'react'
 import {renderHook} from '@testing-library/react'
-import {useCurrency} from './use-currency'
-import {CurrencyProvider} from '../contexts'
-import {DEFAULT_CURRENCY} from '../constants'
+import {useCurrency} from 'retail-react-app/app/hooks/use-currency'
+import {CurrencyProvider} from 'retail-react-app/app/contexts'
+import {DEFAULT_CURRENCY} from 'retail-react-app/app/constants'
 
 const wrapper = ({children}) => <CurrencyProvider>{children}</CurrencyProvider>
 
diff --git a/packages/template-retail-react-app/app/hooks/use-current-basket.js b/packages/template-retail-react-app/app/hooks/use-current-basket.js
index 741634346e..7b557a7976 100644
--- a/packages/template-retail-react-app/app/hooks/use-current-basket.js
+++ b/packages/template-retail-react-app/app/hooks/use-current-basket.js
@@ -5,8 +5,8 @@
  * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
  */
 import {useCustomerBaskets} from 'commerce-sdk-react-preview'
-import {useCurrentCustomer} from './use-current-customer'
-import {isServer} from '../utils/utils'
+import {useCurrentCustomer} from 'retail-react-app/app/hooks/use-current-customer'
+import {isServer} from 'retail-react-app/app/utils/utils'
 
 /**
  * This hook combine some commerce-react-sdk hooks to provide more derived data for Retail App baskets
diff --git a/packages/template-retail-react-app/app/hooks/use-derived-product.js b/packages/template-retail-react-app/app/hooks/use-derived-product.js
index e36d3695ba..70abb2a967 100644
--- a/packages/template-retail-react-app/app/hooks/use-derived-product.js
+++ b/packages/template-retail-react-app/app/hooks/use-derived-product.js
@@ -6,10 +6,10 @@
  */
 
 import {useEffect, useState} from 'react'
-import {useVariant} from './use-variant'
+import {useVariant} from 'retail-react-app/app/hooks/use-variant'
 import {useIntl} from 'react-intl'
-import {useVariationParams} from './use-variation-params'
-import {useVariationAttributes} from './use-variation-attributes'
+import {useVariationParams} from 'retail-react-app/app/hooks/use-variation-params'
+import {useVariationAttributes} from 'retail-react-app/app/hooks/use-variation-attributes'
 
 const OUT_OF_STOCK = 'OUT_OF_STOCK'
 const UNFULFILLABLE = 'UNFULFILLABLE'
diff --git a/packages/template-retail-react-app/app/hooks/use-derived-product.test.js b/packages/template-retail-react-app/app/hooks/use-derived-product.test.js
index 56128b1880..094e70b68e 100644
--- a/packages/template-retail-react-app/app/hooks/use-derived-product.test.js
+++ b/packages/template-retail-react-app/app/hooks/use-derived-product.test.js
@@ -10,9 +10,9 @@ import PropTypes from 'prop-types'
 
 import {screen} from '@testing-library/react'
 import {createMemoryHistory} from 'history'
-import {useDerivedProduct} from './use-derived-product'
-import mockProductDetail from '../mocks/variant-750518699578M'
-import {renderWithProviders} from '../utils/test-utils'
+import {useDerivedProduct} from 'retail-react-app/app/hooks/use-derived-product'
+import mockProductDetail from 'retail-react-app/app/mocks/variant-750518699578M'
+import {renderWithProviders} from 'retail-react-app/app/utils/test-utils'
 
 const MockComponent = ({product}) => {
     const {inventoryMessage, quantity, variationParams, variant} = useDerivedProduct(product)
diff --git a/packages/template-retail-react-app/app/hooks/use-einstein.js b/packages/template-retail-react-app/app/hooks/use-einstein.js
index f8de3304e9..eb852f5e70 100644
--- a/packages/template-retail-react-app/app/hooks/use-einstein.js
+++ b/packages/template-retail-react-app/app/hooks/use-einstein.js
@@ -7,7 +7,7 @@
 import {useMemo, useState} from 'react'
 import {getConfig} from 'pwa-kit-runtime/utils/ssr-config'
 import {useCommerceApi, useAccessToken, useUsid, useEncUserId} from 'commerce-sdk-react-preview'
-import {keysToCamel} from '../utils/utils'
+import {keysToCamel} from 'retail-react-app/app/utils/utils'
 
 export class EinsteinAPI {
     constructor({host, einsteinId, userId, cookieId, siteId, isProduction}) {
diff --git a/packages/template-retail-react-app/app/hooks/use-einstein.test.js b/packages/template-retail-react-app/app/hooks/use-einstein.test.js
index 6b77260640..06736ccf86 100644
--- a/packages/template-retail-react-app/app/hooks/use-einstein.test.js
+++ b/packages/template-retail-react-app/app/hooks/use-einstein.test.js
@@ -4,7 +4,7 @@
  * SPDX-License-Identifier: BSD-3-Clause
  * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
  */
-import {EinsteinAPI} from './use-einstein'
+import {EinsteinAPI} from 'retail-react-app/app/hooks/use-einstein'
 import {
     mockAddToCartProduct,
     mockProduct,
@@ -12,7 +12,7 @@ import {
     mockSearchResults,
     mockBasket,
     mockRecommenderDetails
-} from './einstein-mock-data'
+} from 'retail-react-app/app/hooks/einstein-mock-data'
 import fetchMock from 'jest-fetch-mock'
 
 const einsteinApi = new EinsteinAPI({
diff --git a/packages/template-retail-react-app/app/hooks/use-limit-urls.js b/packages/template-retail-react-app/app/hooks/use-limit-urls.js
index d364bff553..4f987f39c9 100644
--- a/packages/template-retail-react-app/app/hooks/use-limit-urls.js
+++ b/packages/template-retail-react-app/app/hooks/use-limit-urls.js
@@ -9,10 +9,10 @@ import {useMemo} from 'react'
 import {useLocation} from 'react-router-dom'
 
 // Constants
-import {DEFAULT_LIMIT_VALUES} from '../constants'
+import {DEFAULT_LIMIT_VALUES} from 'retail-react-app/app/constants'
 
 // Utils
-import {buildUrlSet} from '../utils/url'
+import {buildUrlSet} from 'retail-react-app/app/utils/url'
 
 /*
  * Generate a memoized list of page size urls. Chaning the page size will reset
diff --git a/packages/template-retail-react-app/app/hooks/use-limit-urls.test.js b/packages/template-retail-react-app/app/hooks/use-limit-urls.test.js
index dc4f8afcdd..01e36b72fa 100644
--- a/packages/template-retail-react-app/app/hooks/use-limit-urls.test.js
+++ b/packages/template-retail-react-app/app/hooks/use-limit-urls.test.js
@@ -10,7 +10,7 @@ import {Router} from 'react-router'
 
 import {render} from '@testing-library/react'
 import {createMemoryHistory} from 'history'
-import {useLimitUrls} from './use-limit-urls'
+import {useLimitUrls} from 'retail-react-app/app/hooks/use-limit-urls'
 
 const MockComponent = () => {
     const urls = useLimitUrls()
diff --git a/packages/template-retail-react-app/app/hooks/use-multi-site.js b/packages/template-retail-react-app/app/hooks/use-multi-site.js
index d7ece3893f..54602951ad 100644
--- a/packages/template-retail-react-app/app/hooks/use-multi-site.js
+++ b/packages/template-retail-react-app/app/hooks/use-multi-site.js
@@ -6,7 +6,7 @@
  */
 
 import {useCallback, useContext} from 'react'
-import {MultiSiteContext} from '../contexts'
+import {MultiSiteContext} from 'retail-react-app/app/contexts'
 
 /**
  * Custom React hook to get the function that returns usefule multi-site values, the site, the locale and
diff --git a/packages/template-retail-react-app/app/hooks/use-multi-site.test.js b/packages/template-retail-react-app/app/hooks/use-multi-site.test.js
index 5a6f0ff219..f6bdf98942 100644
--- a/packages/template-retail-react-app/app/hooks/use-multi-site.test.js
+++ b/packages/template-retail-react-app/app/hooks/use-multi-site.test.js
@@ -7,10 +7,10 @@
 
 import React from 'react'
 import {renderHook} from '@testing-library/react'
-import useMultiSite from './use-multi-site'
-import {MultiSiteProvider} from '../contexts'
-import mockConfig from '../../config/mocks/default'
-import {DEFAULT_LOCALE} from '../utils/test-utils'
+import useMultiSite from 'retail-react-app/app/hooks/use-multi-site'
+import {MultiSiteProvider} from 'retail-react-app/app/contexts'
+import mockConfig from 'retail-react-app/config/mocks/default'
+import {DEFAULT_LOCALE} from 'retail-react-app/app/utils/test-utils'
 
 const wrapper = ({children}) => <MultiSiteProvider>{children}</MultiSiteProvider>
 
diff --git a/packages/template-retail-react-app/app/hooks/use-navigation.js b/packages/template-retail-react-app/app/hooks/use-navigation.js
index 5f6d81ad50..82883ca397 100644
--- a/packages/template-retail-react-app/app/hooks/use-navigation.js
+++ b/packages/template-retail-react-app/app/hooks/use-navigation.js
@@ -6,8 +6,8 @@
  */
 import {useCallback} from 'react'
 import {useHistory} from 'react-router'
-import useMultiSite from './use-multi-site'
-import {removeSiteLocaleFromPath} from '../utils/url'
+import useMultiSite from 'retail-react-app/app/hooks/use-multi-site'
+import {removeSiteLocaleFromPath} from 'retail-react-app/app/utils/url'
 
 /**
  * A convenience hook for programmatic navigation uses history's `push` or `replace`. The proper locale
diff --git a/packages/template-retail-react-app/app/hooks/use-navigation.test.js b/packages/template-retail-react-app/app/hooks/use-navigation.test.js
index ccda09610d..4ecc9c6794 100644
--- a/packages/template-retail-react-app/app/hooks/use-navigation.test.js
+++ b/packages/template-retail-react-app/app/hooks/use-navigation.test.js
@@ -6,9 +6,9 @@
  */
 import React from 'react'
 import userEvent from '@testing-library/user-event'
-import useNavigation from './use-navigation'
-import mockConfig from '../../config/mocks/default'
-import {renderWithProviders} from '../utils/test-utils'
+import useNavigation from 'retail-react-app/app/hooks/use-navigation'
+import mockConfig from 'retail-react-app/config/mocks/default'
+import {renderWithProviders} from 'retail-react-app/app/utils/test-utils'
 import {getConfig} from 'pwa-kit-runtime/utils/ssr-config'
 
 jest.mock('pwa-kit-runtime/utils/ssr-config', () => {
diff --git a/packages/template-retail-react-app/app/hooks/use-page-urls.js b/packages/template-retail-react-app/app/hooks/use-page-urls.js
index 9284ce1141..827babca8b 100644
--- a/packages/template-retail-react-app/app/hooks/use-page-urls.js
+++ b/packages/template-retail-react-app/app/hooks/use-page-urls.js
@@ -9,10 +9,10 @@ import {useMemo} from 'react'
 import {useLocation} from 'react-router-dom'
 
 // Utils
-import {buildUrlSet} from '../utils/url'
+import {buildUrlSet} from 'retail-react-app/app/utils/url'
 
 // Hooks
-import {useSearchParams} from './use-search-params'
+import {useSearchParams} from 'retail-react-app/app/hooks/use-search-params'
 
 /*
  * Generate a memoized list of page size urls. Chaning the page size will reset
diff --git a/packages/template-retail-react-app/app/hooks/use-page-urls.test.js b/packages/template-retail-react-app/app/hooks/use-page-urls.test.js
index 61914f747b..89e8005635 100644
--- a/packages/template-retail-react-app/app/hooks/use-page-urls.test.js
+++ b/packages/template-retail-react-app/app/hooks/use-page-urls.test.js
@@ -9,7 +9,7 @@ import {Router} from 'react-router'
 
 import {render} from '@testing-library/react'
 import {createMemoryHistory} from 'history'
-import {usePageUrls} from './use-page-urls'
+import {usePageUrls} from 'retail-react-app/app/hooks/use-page-urls'
 
 const MockComponent = () => {
     const urls = usePageUrls({total: 100})
diff --git a/packages/template-retail-react-app/app/hooks/use-pdp-search-params.test.js b/packages/template-retail-react-app/app/hooks/use-pdp-search-params.test.js
index 67136b08ee..6001cfd1ef 100644
--- a/packages/template-retail-react-app/app/hooks/use-pdp-search-params.test.js
+++ b/packages/template-retail-react-app/app/hooks/use-pdp-search-params.test.js
@@ -8,8 +8,8 @@
 import React from 'react'
 import {screen} from '@testing-library/react'
 import PropTypes from 'prop-types'
-import {usePDPSearchParams} from './use-pdp-search-params'
-import {renderWithProviders} from '../utils/test-utils'
+import {usePDPSearchParams} from 'retail-react-app/app/hooks/use-pdp-search-params'
+import {renderWithProviders} from 'retail-react-app/app/utils/test-utils'
 
 const MockComponent = ({productId} = {}) => {
     const [allParams, productParams] = usePDPSearchParams(productId)
diff --git a/packages/template-retail-react-app/app/hooks/use-product-view-modal.js b/packages/template-retail-react-app/app/hooks/use-product-view-modal.js
index b8ef0576d6..bf0969bb07 100644
--- a/packages/template-retail-react-app/app/hooks/use-product-view-modal.js
+++ b/packages/template-retail-react-app/app/hooks/use-product-view-modal.js
@@ -6,12 +6,12 @@
  */
 
 import {useEffect, useState} from 'react'
-import {rebuildPathWithParams, removeQueryParamsFromPath} from '../utils/url'
+import {rebuildPathWithParams, removeQueryParamsFromPath} from 'retail-react-app/app/utils/url'
 import {useHistory, useLocation} from 'react-router-dom'
-import {useVariant} from './use-variant'
-import {useToast} from './use-toast'
+import {useVariant} from 'retail-react-app/app/hooks/use-variant'
+import {useToast} from 'retail-react-app/app/hooks/use-toast'
 import {useIntl} from 'react-intl'
-import {API_ERROR_MESSAGE} from '../constants'
+import {API_ERROR_MESSAGE} from 'retail-react-app/app/constants'
 import {useProduct} from 'commerce-sdk-react-preview'
 
 /**
diff --git a/packages/template-retail-react-app/app/hooks/use-product-view-modal.test.js b/packages/template-retail-react-app/app/hooks/use-product-view-modal.test.js
index e8df96d5cc..f02fe1e7f8 100644
--- a/packages/template-retail-react-app/app/hooks/use-product-view-modal.test.js
+++ b/packages/template-retail-react-app/app/hooks/use-product-view-modal.test.js
@@ -12,10 +12,10 @@ import {screen, fireEvent, waitFor} from '@testing-library/react'
 import {createMemoryHistory} from 'history'
 import {IntlProvider} from 'react-intl'
 
-import mockProductDetail from '../mocks/variant-750518699578M'
-import {useProductViewModal} from './use-product-view-modal'
-import {DEFAULT_LOCALE, renderWithProviders} from '../utils/test-utils'
-import messages from '../translations/compiled/en-GB.json'
+import mockProductDetail from 'retail-react-app/app/mocks/variant-750518699578M'
+import {useProductViewModal} from 'retail-react-app/app/hooks/use-product-view-modal'
+import {DEFAULT_LOCALE, renderWithProviders} from 'retail-react-app/app/utils/test-utils'
+import messages from 'retail-react-app/app/translations/compiled/en-GB.json'
 import {rest} from 'msw'
 
 jest.mock('commerce-sdk-react-preview', () => {
diff --git a/packages/template-retail-react-app/app/hooks/use-search-params.js b/packages/template-retail-react-app/app/hooks/use-search-params.js
index 497a6f07f2..b4cba6ee64 100644
--- a/packages/template-retail-react-app/app/hooks/use-search-params.js
+++ b/packages/template-retail-react-app/app/hooks/use-search-params.js
@@ -9,7 +9,7 @@ import {useLocation} from 'react-router-dom'
 import queryString from 'query-string'
 
 // Constants
-import {DEFAULT_SEARCH_PARAMS} from '../constants'
+import {DEFAULT_SEARCH_PARAMS} from 'retail-react-app/app/constants'
 
 const PARSE_OPTIONS = {
     parseBooleans: true,
diff --git a/packages/template-retail-react-app/app/hooks/use-search-params.test.js b/packages/template-retail-react-app/app/hooks/use-search-params.test.js
index d57ec7d191..865f5878c2 100644
--- a/packages/template-retail-react-app/app/hooks/use-search-params.test.js
+++ b/packages/template-retail-react-app/app/hooks/use-search-params.test.js
@@ -10,7 +10,7 @@ import {Router} from 'react-router'
 
 import {render} from '@testing-library/react'
 import {createMemoryHistory} from 'history'
-import {useSearchParams, stringify, parse} from './use-search-params'
+import {useSearchParams, stringify, parse} from 'retail-react-app/app/hooks/use-search-params'
 
 const MockComponent = () => {
     const [params] = useSearchParams()
diff --git a/packages/template-retail-react-app/app/hooks/use-sort-urls.js b/packages/template-retail-react-app/app/hooks/use-sort-urls.js
index dc78343806..6d3ff0b966 100644
--- a/packages/template-retail-react-app/app/hooks/use-sort-urls.js
+++ b/packages/template-retail-react-app/app/hooks/use-sort-urls.js
@@ -9,7 +9,7 @@ import {useMemo} from 'react'
 import {useLocation} from 'react-router-dom'
 
 // Utils
-import {buildUrlSet} from '../utils/url'
+import {buildUrlSet} from 'retail-react-app/app/utils/url'
 
 /*
  * Generate a memoized list of page size urls. Chaning the page size will reset
diff --git a/packages/template-retail-react-app/app/hooks/use-sort-urls.test.js b/packages/template-retail-react-app/app/hooks/use-sort-urls.test.js
index 4fd37519ca..c2bb694875 100644
--- a/packages/template-retail-react-app/app/hooks/use-sort-urls.test.js
+++ b/packages/template-retail-react-app/app/hooks/use-sort-urls.test.js
@@ -10,7 +10,7 @@ import {Router} from 'react-router'
 
 import {render} from '@testing-library/react'
 import {createMemoryHistory} from 'history'
-import {useSortUrls} from './use-sort-urls'
+import {useSortUrls} from 'retail-react-app/app/hooks/use-sort-urls'
 
 const MOCK_SORT_OPTIONS = [{id: 'high-to-low'}, {id: 'low-to-high'}]
 
diff --git a/packages/template-retail-react-app/app/hooks/use-toast.test.js b/packages/template-retail-react-app/app/hooks/use-toast.test.js
index 24de0e6368..facded31f7 100644
--- a/packages/template-retail-react-app/app/hooks/use-toast.test.js
+++ b/packages/template-retail-react-app/app/hooks/use-toast.test.js
@@ -5,9 +5,9 @@
  * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
  */
 import React from 'react'
-import {useToast} from './use-toast'
+import {useToast} from 'retail-react-app/app/hooks/use-toast'
 import {Button} from '@chakra-ui/react'
-import {renderWithProviders} from '../utils/test-utils'
+import {renderWithProviders} from 'retail-react-app/app/utils/test-utils'
 import {screen, waitFor} from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
 
diff --git a/packages/template-retail-react-app/app/hooks/use-variant.js b/packages/template-retail-react-app/app/hooks/use-variant.js
index ab4024eab5..964a138393 100644
--- a/packages/template-retail-react-app/app/hooks/use-variant.js
+++ b/packages/template-retail-react-app/app/hooks/use-variant.js
@@ -6,7 +6,7 @@
  */
 
 // Hooks
-import {useVariationParams} from './use-variation-params'
+import {useVariationParams} from 'retail-react-app/app/hooks/use-variation-params'
 
 /**
  * This hook returns the currently selected
diff --git a/packages/template-retail-react-app/app/hooks/use-variant.test.js b/packages/template-retail-react-app/app/hooks/use-variant.test.js
index 6853e5ffdd..36af40ca13 100644
--- a/packages/template-retail-react-app/app/hooks/use-variant.test.js
+++ b/packages/template-retail-react-app/app/hooks/use-variant.test.js
@@ -10,7 +10,7 @@ import {Router} from 'react-router'
 
 import {render} from '@testing-library/react'
 import {createMemoryHistory} from 'history'
-import {useVariant} from './use-variant'
+import {useVariant} from 'retail-react-app/app/hooks/use-variant'
 
 // Below is a partial product used for mocking purposes. Note: only the properties
 // that are used in the hook at defined.
diff --git a/packages/template-retail-react-app/app/hooks/use-variation-attributes.js b/packages/template-retail-react-app/app/hooks/use-variation-attributes.js
index 6370ab04cb..88f2a65061 100644
--- a/packages/template-retail-react-app/app/hooks/use-variation-attributes.js
+++ b/packages/template-retail-react-app/app/hooks/use-variation-attributes.js
@@ -9,11 +9,11 @@ import {useMemo} from 'react'
 import {useLocation} from 'react-router-dom'
 
 // Other Hooks
-import {useVariationParams} from './use-variation-params'
+import {useVariationParams} from 'retail-react-app/app/hooks/use-variation-params'
 
 // Utils
-import {updateSearchParams} from '../utils/url'
-import {usePDPSearchParams} from './use-pdp-search-params'
+import {updateSearchParams} from 'retail-react-app/app/utils/url'
+import {usePDPSearchParams} from 'retail-react-app/app/hooks/use-pdp-search-params'
 
 /**
  * Return the first image in the `swatch` type image group for a given
diff --git a/packages/template-retail-react-app/app/hooks/use-variation-attributes.test.js b/packages/template-retail-react-app/app/hooks/use-variation-attributes.test.js
index 86f89f6276..6bf087a826 100644
--- a/packages/template-retail-react-app/app/hooks/use-variation-attributes.test.js
+++ b/packages/template-retail-react-app/app/hooks/use-variation-attributes.test.js
@@ -10,7 +10,7 @@ import {Router} from 'react-router'
 
 import {render} from '@testing-library/react'
 import {createMemoryHistory} from 'history'
-import {useVariationAttributes} from './use-variation-attributes'
+import {useVariationAttributes} from 'retail-react-app/app/hooks/use-variation-attributes'
 
 // Below is a partial product used for mocking purposes. Note: only the properties
 // that are used in the hook at defined.
diff --git a/packages/template-retail-react-app/app/hooks/use-variation-params.js b/packages/template-retail-react-app/app/hooks/use-variation-params.js
index 630c6dd06b..69ebbde5cd 100644
--- a/packages/template-retail-react-app/app/hooks/use-variation-params.js
+++ b/packages/template-retail-react-app/app/hooks/use-variation-params.js
@@ -5,7 +5,7 @@
  * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
  */
 
-import {usePDPSearchParams} from './use-pdp-search-params'
+import {usePDPSearchParams} from 'retail-react-app/app/hooks/use-pdp-search-params'
 
 /*
  * This hook will return only the params that are also product attributes for the
diff --git a/packages/template-retail-react-app/app/hooks/use-variation-params.test.js b/packages/template-retail-react-app/app/hooks/use-variation-params.test.js
index 261acbf11f..8ad84b3f7b 100644
--- a/packages/template-retail-react-app/app/hooks/use-variation-params.test.js
+++ b/packages/template-retail-react-app/app/hooks/use-variation-params.test.js
@@ -10,7 +10,7 @@ import {Router} from 'react-router'
 
 import {render} from '@testing-library/react'
 import {createMemoryHistory} from 'history'
-import {useVariationParams} from './use-variation-params'
+import {useVariationParams} from 'retail-react-app/app/hooks/use-variation-params'
 
 // Below is a partial product used for mocking purposes. Note: only the properties
 // that are used in the hook at defined.
diff --git a/packages/template-retail-react-app/app/hooks/use-wish-list.js b/packages/template-retail-react-app/app/hooks/use-wish-list.js
index 5cba7a0024..fe054be57a 100644
--- a/packages/template-retail-react-app/app/hooks/use-wish-list.js
+++ b/packages/template-retail-react-app/app/hooks/use-wish-list.js
@@ -6,7 +6,7 @@
  */
 
 import {useCustomerProductLists, useShopperCustomersMutation} from 'commerce-sdk-react-preview'
-import {useCurrentCustomer} from './use-current-customer'
+import {useCurrentCustomer} from 'retail-react-app/app/hooks/use-current-customer'
 const onClient = typeof window !== 'undefined'
 // TODO: remove `listId` input -> use the first list of type wish_list instead
 // (mimic the logic in the other older hook 'use-wishlist.js')
diff --git a/packages/template-retail-react-app/app/mocks/mock-data.js b/packages/template-retail-react-app/app/mocks/mock-data.js
index 7d1e72a1a3..46dd1264c8 100644
--- a/packages/template-retail-react-app/app/mocks/mock-data.js
+++ b/packages/template-retail-react-app/app/mocks/mock-data.js
@@ -3015,12 +3015,8 @@ export const mockProductSearch = {
                 alt: 'Trouser Leg Pant, , large',
                 disBaseLink:
                     'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_001/on/demandware.static/-/Sites-apparel-m-catalog/default/dw56926d5f/images/large/PG.10207088.JJ169XX.PZ.jpg',
-                link: 'https://zzrf-001.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw56926d5f/images/large/PG.10207088.JJ169XX.PZ.jpg',
-                title: 'Trouser Leg Pant, '
+                link: 'https://zzrf-001.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw56926d5f/images/large/PG.10207088.JJ169XX.PZ.jpg'
             },
-            orderable: true,
-            price: 47.99,
-            productId: '25518746M',
             productName: 'Trouser Leg Pant',
             productType: {
                 master: true
@@ -3597,12 +3593,8 @@ export const mockProductSearch = {
                 alt: 'Pleated Skirt With Embroidery., , large',
                 disBaseLink:
                     'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_001/on/demandware.static/-/Sites-apparel-m-catalog/default/dw07b70fb1/images/large/PG.10245262.JJ3WCXX.PZ.jpg',
-                link: 'https://zzrf-001.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw07b70fb1/images/large/PG.10245262.JJ3WCXX.PZ.jpg',
-                title: 'Pleated Skirt With Embroidery., '
+                link: 'https://zzrf-001.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw07b70fb1/images/large/PG.10245262.JJ3WCXX.PZ.jpg'
             },
-            orderable: true,
-            price: 149.0,
-            productId: '25696693M',
             productName: 'Pleated Skirt With Embroidery.',
             productType: {
                 master: true
diff --git a/packages/template-retail-react-app/app/page-designer/assets/image-tile/index.test.js b/packages/template-retail-react-app/app/page-designer/assets/image-tile/index.test.js
index b323371005..d647ffab18 100644
--- a/packages/template-retail-react-app/app/page-designer/assets/image-tile/index.test.js
+++ b/packages/template-retail-react-app/app/page-designer/assets/image-tile/index.test.js
@@ -5,8 +5,8 @@
  * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
  */
 import React from 'react'
-import {renderWithProviders} from '../../../utils/test-utils'
-import ImageTile from './index'
+import {renderWithProviders} from 'retail-react-app/app/utils/test-utils'
+import ImageTile from 'retail-react-app/app/page-designer/assets/image-tile/index'
 import {getAssetUrl} from 'pwa-kit-react-sdk/ssr/universal/utils'
 
 test('ImageTile renders without errors', () => {
diff --git a/packages/template-retail-react-app/app/page-designer/assets/image-with-text/index.jsx b/packages/template-retail-react-app/app/page-designer/assets/image-with-text/index.jsx
index 62d79ef686..b64bb23ef0 100644
--- a/packages/template-retail-react-app/app/page-designer/assets/image-with-text/index.jsx
+++ b/packages/template-retail-react-app/app/page-designer/assets/image-with-text/index.jsx
@@ -7,8 +7,8 @@
 import React from 'react'
 import PropTypes from 'prop-types'
 import {Box, Image, Link as ChakraLink, Text} from '@chakra-ui/react'
-import Link from '../../../components/link'
-import {isAbsoluteURL} from '../../utils'
+import Link from 'retail-react-app/app/components/link'
+import {isAbsoluteURL} from 'retail-react-app/app/page-designer/utils'
 
 /**
  * Image with text component
diff --git a/packages/template-retail-react-app/app/page-designer/assets/image-with-text/index.test.js b/packages/template-retail-react-app/app/page-designer/assets/image-with-text/index.test.js
index 6001d90657..c39e2a0096 100644
--- a/packages/template-retail-react-app/app/page-designer/assets/image-with-text/index.test.js
+++ b/packages/template-retail-react-app/app/page-designer/assets/image-with-text/index.test.js
@@ -5,8 +5,8 @@
  * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
  */
 import React from 'react'
-import ImageWithText from './index'
-import {renderWithProviders} from '../../../utils/test-utils'
+import ImageWithText from 'retail-react-app/app/page-designer/assets/image-with-text/index'
+import {renderWithProviders} from 'retail-react-app/app/utils/test-utils'
 
 const SAMPLE_DATA = {
     ITCLink: 'https://salesforce.com',
diff --git a/packages/template-retail-react-app/app/page-designer/index.js b/packages/template-retail-react-app/app/page-designer/index.js
index ad6361ed4f..973148d14f 100644
--- a/packages/template-retail-react-app/app/page-designer/index.js
+++ b/packages/template-retail-react-app/app/page-designer/index.js
@@ -5,6 +5,6 @@
  * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
  */
 
-import {Page, pageType} from './core'
+import {Page, pageType} from 'retail-react-app/app/page-designer/core'
 
 export {Page, pageType}
diff --git a/packages/template-retail-react-app/app/page-designer/layouts/carousel/index.jsx b/packages/template-retail-react-app/app/page-designer/layouts/carousel/index.jsx
index edc2e9c936..4d60cc52ba 100644
--- a/packages/template-retail-react-app/app/page-designer/layouts/carousel/index.jsx
+++ b/packages/template-retail-react-app/app/page-designer/layouts/carousel/index.jsx
@@ -16,7 +16,7 @@ import {
     useBreakpointValue
 } from '@chakra-ui/react'
 import {Component, regionPropType} from 'commerce-sdk-react-preview/components'
-import {ChevronLeftIcon, ChevronRightIcon} from '../../../components/icons'
+import {ChevronLeftIcon, ChevronRightIcon} from 'retail-react-app/app/components/icons'
 import {useEffect} from 'react'
 
 /**
diff --git a/packages/template-retail-react-app/app/page-designer/layouts/carousel/index.test.js b/packages/template-retail-react-app/app/page-designer/layouts/carousel/index.test.js
index 99dd519608..26252c7e94 100644
--- a/packages/template-retail-react-app/app/page-designer/layouts/carousel/index.test.js
+++ b/packages/template-retail-react-app/app/page-designer/layouts/carousel/index.test.js
@@ -5,8 +5,8 @@
  * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
  */
 import React from 'react'
-import {renderWithProviders, withPageProvider} from '../../../utils/test-utils'
-import Carousel from './index'
+import {renderWithProviders, withPageProvider} from 'retail-react-app/app/utils/test-utils'
+import Carousel from 'retail-react-app/app/page-designer/layouts/carousel/index'
 
 const SAMPLE_REGION = {
     id: 'TEST_REGION',
diff --git a/packages/template-retail-react-app/app/page-designer/layouts/mobileGrid1r1c/index.test.js b/packages/template-retail-react-app/app/page-designer/layouts/mobileGrid1r1c/index.test.js
index 1d21739ea2..d678ca5e99 100644
--- a/packages/template-retail-react-app/app/page-designer/layouts/mobileGrid1r1c/index.test.js
+++ b/packages/template-retail-react-app/app/page-designer/layouts/mobileGrid1r1c/index.test.js
@@ -5,8 +5,8 @@
  * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
  */
 import React from 'react'
-import {renderWithProviders, withPageProvider} from '../../../utils/test-utils'
-import MobileGrid1r1c from './index'
+import {renderWithProviders, withPageProvider} from 'retail-react-app/app/utils/test-utils'
+import MobileGrid1r1c from 'retail-react-app/app/page-designer/layouts/mobileGrid1r1c/index'
 
 test('MobileGrid1r1c renders without errors', () => {
     const MobileGrid1r1cWithPageProvider = withPageProvider(MobileGrid1r1c)
diff --git a/packages/template-retail-react-app/app/page-designer/layouts/mobileGrid2r1c/index.test.js b/packages/template-retail-react-app/app/page-designer/layouts/mobileGrid2r1c/index.test.js
index d711d2fd99..c4585385ba 100644
--- a/packages/template-retail-react-app/app/page-designer/layouts/mobileGrid2r1c/index.test.js
+++ b/packages/template-retail-react-app/app/page-designer/layouts/mobileGrid2r1c/index.test.js
@@ -5,8 +5,8 @@
  * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
  */
 import React from 'react'
-import {renderWithProviders, withPageProvider} from '../../../utils/test-utils'
-import MobileGrid2r1c from './index'
+import {renderWithProviders, withPageProvider} from 'retail-react-app/app/utils/test-utils'
+import MobileGrid2r1c from 'retail-react-app/app/page-designer/layouts/mobileGrid2r1c/index'
 
 test('MobileGrid2r1c renders without errors', () => {
     const MobileGrid2r1cWithPageProvider = withPageProvider(MobileGrid2r1c)
diff --git a/packages/template-retail-react-app/app/page-designer/layouts/mobileGrid2r2c/index.test.js b/packages/template-retail-react-app/app/page-designer/layouts/mobileGrid2r2c/index.test.js
index a58657b15a..5fa8c48f66 100644
--- a/packages/template-retail-react-app/app/page-designer/layouts/mobileGrid2r2c/index.test.js
+++ b/packages/template-retail-react-app/app/page-designer/layouts/mobileGrid2r2c/index.test.js
@@ -5,8 +5,8 @@
  * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
  */
 import React from 'react'
-import {renderWithProviders, withPageProvider} from '../../../utils/test-utils'
-import MobileGrid2r2c from './index'
+import {renderWithProviders, withPageProvider} from 'retail-react-app/app/utils/test-utils'
+import MobileGrid2r2c from 'retail-react-app/app/page-designer/layouts/mobileGrid2r2c/index'
 
 test('MobileGrid2r2c renders without errors', () => {
     const MobileGrid2r2cWithPageProvider = withPageProvider(MobileGrid2r2c)
diff --git a/packages/template-retail-react-app/app/page-designer/layouts/mobileGrid2r3c/index.test.js b/packages/template-retail-react-app/app/page-designer/layouts/mobileGrid2r3c/index.test.js
index 8e015c99d5..f76f077e70 100644
--- a/packages/template-retail-react-app/app/page-designer/layouts/mobileGrid2r3c/index.test.js
+++ b/packages/template-retail-react-app/app/page-designer/layouts/mobileGrid2r3c/index.test.js
@@ -5,8 +5,8 @@
  * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
  */
 import React from 'react'
-import {renderWithProviders, withPageProvider} from '../../../utils/test-utils'
-import MobileGrid2r3c from './index'
+import {renderWithProviders, withPageProvider} from 'retail-react-app/app/utils/test-utils'
+import MobileGrid2r3c from 'retail-react-app/app/page-designer/layouts/mobileGrid2r3c/index'
 
 test('MobileGrid2r3c renders without errors', () => {
     const MobileGrid2r3cWithPageProvider = withPageProvider(MobileGrid2r3c)
diff --git a/packages/template-retail-react-app/app/page-designer/layouts/mobileGrid3r1c/index.test.js b/packages/template-retail-react-app/app/page-designer/layouts/mobileGrid3r1c/index.test.js
index 7e2e8523c7..1a0344a288 100644
--- a/packages/template-retail-react-app/app/page-designer/layouts/mobileGrid3r1c/index.test.js
+++ b/packages/template-retail-react-app/app/page-designer/layouts/mobileGrid3r1c/index.test.js
@@ -5,8 +5,8 @@
  * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
  */
 import React from 'react'
-import {renderWithProviders, withPageProvider} from '../../../utils/test-utils'
-import MobileGrid3r1c from './index'
+import {renderWithProviders, withPageProvider} from 'retail-react-app/app/utils/test-utils'
+import MobileGrid3r1c from 'retail-react-app/app/page-designer/layouts/mobileGrid3r1c/index'
 
 test('MobileGrid3r1c renders without errors', () => {
     const MobileGrid3r1cWithPageProvider = withPageProvider(MobileGrid3r1c)
diff --git a/packages/template-retail-react-app/app/page-designer/layouts/mobileGrid3r2c/index.test.js b/packages/template-retail-react-app/app/page-designer/layouts/mobileGrid3r2c/index.test.js
index a0bbd8b7b0..0a3b29c337 100644
--- a/packages/template-retail-react-app/app/page-designer/layouts/mobileGrid3r2c/index.test.js
+++ b/packages/template-retail-react-app/app/page-designer/layouts/mobileGrid3r2c/index.test.js
@@ -5,8 +5,8 @@
  * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
  */
 import React from 'react'
-import {renderWithProviders, withPageProvider} from '../../../utils/test-utils'
-import MobileGrid3r2c from './index'
+import {renderWithProviders, withPageProvider} from 'retail-react-app/app/utils/test-utils'
+import MobileGrid3r2c from 'retail-react-app/app/page-designer/layouts/mobileGrid3r2c/index'
 
 test('MobileGrid3r2c renders without errors', () => {
     const MobileGrid3r2cWithPageProvider = withPageProvider(MobileGrid3r2c)
diff --git a/packages/template-retail-react-app/app/pages/account/addresses.jsx b/packages/template-retail-react-app/app/pages/account/addresses.jsx
index 5e15f412bd..523d7c614d 100644
--- a/packages/template-retail-react-app/app/pages/account/addresses.jsx
+++ b/packages/template-retail-react-app/app/pages/account/addresses.jsx
@@ -22,20 +22,20 @@ import {
     Stack,
     Text
 } from '@chakra-ui/react'
-import FormActionButtons from '../../components/forms/form-action-buttons'
+import FormActionButtons from 'retail-react-app/app/components/forms/form-action-buttons'
 import {useForm} from 'react-hook-form'
-import {useToast} from '../../hooks/use-toast'
+import {useToast} from 'retail-react-app/app/hooks/use-toast'
 
-import LoadingSpinner from '../../components/loading-spinner'
-import {LocationIcon, PlusIcon} from '../../components/icons'
-import ActionCard from '../../components/action-card'
-import AddressFields from '../../components/forms/address-fields'
-import AddressDisplay from '../../components/address-display'
-import PageActionPlaceHolder from '../../components/page-action-placeholder'
-import {useCurrentCustomer} from '../../hooks/use-current-customer'
+import LoadingSpinner from 'retail-react-app/app/components/loading-spinner'
+import {LocationIcon, PlusIcon} from 'retail-react-app/app/components/icons'
+import ActionCard from 'retail-react-app/app/components/action-card'
+import AddressFields from 'retail-react-app/app/components/forms/address-fields'
+import AddressDisplay from 'retail-react-app/app/components/address-display'
+import PageActionPlaceHolder from 'retail-react-app/app/components/page-action-placeholder'
+import {useCurrentCustomer} from 'retail-react-app/app/hooks/use-current-customer'
 import {useShopperCustomersMutation} from 'commerce-sdk-react-preview'
 import {nanoid} from 'nanoid'
-import {API_ERROR_MESSAGE} from '../../constants'
+import {API_ERROR_MESSAGE} from 'retail-react-app/app/constants'
 
 const DEFAULT_SKELETON_COUNT = 3
 
diff --git a/packages/template-retail-react-app/app/pages/account/addresses.test.js b/packages/template-retail-react-app/app/pages/account/addresses.test.js
index be7c53e4d5..35c20b6216 100644
--- a/packages/template-retail-react-app/app/pages/account/addresses.test.js
+++ b/packages/template-retail-react-app/app/pages/account/addresses.test.js
@@ -6,15 +6,16 @@
  */
 import React from 'react'
 import {screen, waitFor} from '@testing-library/react'
-import {createPathWithDefaults, renderWithProviders} from '../../utils/test-utils'
+import {createPathWithDefaults, renderWithProviders} from 'retail-react-app/app/utils/test-utils'
 import {rest} from 'msw'
-import AccountAddresses from './addresses'
+import AccountAddresses from 'retail-react-app/app/pages/account/addresses'
 import {
     mockedRegisteredCustomerWithNoAddress,
     mockedRegisteredCustomer
-} from '../../mocks/mock-data'
+} from 'retail-react-app/app/mocks/mock-data'
+
 import {Route, Switch} from 'react-router-dom'
-import mockConfig from '../../../config/mocks/default'
+import mockConfig from 'retail-react-app/config/mocks/default'
 
 let mockCustomer = {}
 
diff --git a/packages/template-retail-react-app/app/pages/account/constant.js b/packages/template-retail-react-app/app/pages/account/constant.js
index c953c80eca..2469e20b80 100644
--- a/packages/template-retail-react-app/app/pages/account/constant.js
+++ b/packages/template-retail-react-app/app/pages/account/constant.js
@@ -6,7 +6,12 @@
  */
 
 import {defineMessages} from 'react-intl'
-import {AccountIcon, LocationIcon, ReceiptIcon, HeartIcon} from '../../components/icons'
+import {
+    AccountIcon,
+    LocationIcon,
+    ReceiptIcon,
+    HeartIcon
+} from 'retail-react-app/app/components/icons'
 
 export const messages = defineMessages({
     profile: {defaultMessage: 'Account Details', id: 'global.account.link.account_details'},
diff --git a/packages/template-retail-react-app/app/pages/account/index.jsx b/packages/template-retail-react-app/app/pages/account/index.jsx
index c0d2f599ea..5fed227f66 100644
--- a/packages/template-retail-react-app/app/pages/account/index.jsx
+++ b/packages/template-retail-react-app/app/pages/account/index.jsx
@@ -23,23 +23,23 @@ import {
     Text,
     Divider
 } from '@chakra-ui/react'
-import Seo from '../../components/seo'
-import Link from '../../components/link'
-import {ChevronDownIcon, ChevronUpIcon, SignoutIcon} from '../../components/icons'
-import AccountDetail from './profile'
-import AccountAddresses from './addresses'
-import AccountOrders from './orders'
-import AccountWishlist from './wishlist/index'
+import Seo from 'retail-react-app/app/components/seo'
+import Link from 'retail-react-app/app/components/link'
+import {ChevronDownIcon, ChevronUpIcon, SignoutIcon} from 'retail-react-app/app/components/icons'
+import AccountDetail from 'retail-react-app/app/pages/account/profile'
+import AccountAddresses from 'retail-react-app/app/pages/account/addresses'
+import AccountOrders from 'retail-react-app/app/pages/account/orders'
+import AccountWishlist from 'retail-react-app/app/pages/account/wishlist/index'
 import {useLocation} from 'react-router-dom'
 
-import {messages, navLinks} from './constant'
-import useNavigation from '../../hooks/use-navigation'
-import LoadingSpinner from '../../components/loading-spinner'
-import useMultiSite from '../../hooks/use-multi-site'
-import useEinstein from '../../hooks/use-einstein'
+import {messages, navLinks} from 'retail-react-app/app/pages/account/constant'
+import useNavigation from 'retail-react-app/app/hooks/use-navigation'
+import LoadingSpinner from 'retail-react-app/app/components/loading-spinner'
+import useMultiSite from 'retail-react-app/app/hooks/use-multi-site'
+import useEinstein from 'retail-react-app/app/hooks/use-einstein'
 import {useAuthHelper, AuthHelpers} from 'commerce-sdk-react-preview'
-import {useCurrentCustomer} from '../../hooks/use-current-customer'
-import {isHydrated} from '../../utils/utils'
+import {useCurrentCustomer} from 'retail-react-app/app/hooks/use-current-customer'
+import {isHydrated} from 'retail-react-app/app/utils/utils'
 
 const onClient = typeof window !== 'undefined'
 const LogoutButton = ({onClick}) => {
diff --git a/packages/template-retail-react-app/app/pages/account/index.test.js b/packages/template-retail-react-app/app/pages/account/index.test.js
index b7e22d5b1e..e9159483d9 100644
--- a/packages/template-retail-react-app/app/pages/account/index.test.js
+++ b/packages/template-retail-react-app/app/pages/account/index.test.js
@@ -8,16 +8,16 @@ import React from 'react'
 import {Route, Switch} from 'react-router-dom'
 import {screen, waitFor, within} from '@testing-library/react'
 import {rest} from 'msw'
-import {renderWithProviders, createPathWithDefaults} from '../../utils/test-utils'
+import {renderWithProviders, createPathWithDefaults} from 'retail-react-app/app/utils/test-utils'
 import {
     mockOrderHistory,
     mockedGuestCustomer,
     mockedRegisteredCustomer,
     mockOrderProducts
-} from '../../mocks/mock-data'
-import Account from './index'
-import Login from '../login'
-import mockConfig from '../../../config/mocks/default'
+} from 'retail-react-app/app/mocks/mock-data'
+import Account from 'retail-react-app/app/pages/account/index'
+import Login from 'retail-react-app/app/pages/login'
+import mockConfig from 'retail-react-app/config/mocks/default'
 
 const MockedComponent = () => {
     return (
diff --git a/packages/template-retail-react-app/app/pages/account/order-detail.jsx b/packages/template-retail-react-app/app/pages/account/order-detail.jsx
index 3e7773944b..d5b2ee314c 100644
--- a/packages/template-retail-react-app/app/pages/account/order-detail.jsx
+++ b/packages/template-retail-react-app/app/pages/account/order-detail.jsx
@@ -21,16 +21,16 @@ import {
     SimpleGrid,
     Skeleton
 } from '@chakra-ui/react'
-import {getCreditCardIcon} from '../../utils/cc-utils'
+import {getCreditCardIcon} from 'retail-react-app/app/utils/cc-utils'
 import {useOrder, useProducts} from 'commerce-sdk-react-preview'
-import Link from '../../components/link'
-import {ChevronLeftIcon} from '../../components/icons'
-import OrderSummary from '../../components/order-summary'
-import ItemVariantProvider from '../../components/item-variant'
-import CartItemVariantImage from '../../components/item-variant/item-image'
-import CartItemVariantName from '../../components/item-variant/item-name'
-import CartItemVariantAttributes from '../../components/item-variant/item-attributes'
-import CartItemVariantPrice from '../../components/item-variant/item-price'
+import Link from 'retail-react-app/app/components/link'
+import {ChevronLeftIcon} from 'retail-react-app/app/components/icons'
+import OrderSummary from 'retail-react-app/app/components/order-summary'
+import ItemVariantProvider from 'retail-react-app/app/components/item-variant'
+import CartItemVariantImage from 'retail-react-app/app/components/item-variant/item-image'
+import CartItemVariantName from 'retail-react-app/app/components/item-variant/item-name'
+import CartItemVariantAttributes from 'retail-react-app/app/components/item-variant/item-attributes'
+import CartItemVariantPrice from 'retail-react-app/app/components/item-variant/item-price'
 import PropTypes from 'prop-types'
 const onClient = typeof window !== 'undefined'
 
diff --git a/packages/template-retail-react-app/app/pages/account/order-history.jsx b/packages/template-retail-react-app/app/pages/account/order-history.jsx
index 11d589cf2c..784b34e539 100644
--- a/packages/template-retail-react-app/app/pages/account/order-history.jsx
+++ b/packages/template-retail-react-app/app/pages/account/order-history.jsx
@@ -22,16 +22,16 @@ import {
     Img,
     Skeleton
 } from '@chakra-ui/react'
-import {useCurrentCustomer} from '../../hooks/use-current-customer'
+import {useCurrentCustomer} from 'retail-react-app/app/hooks/use-current-customer'
 import {useCustomerOrders, useProducts} from 'commerce-sdk-react-preview'
-import useNavigation from '../../hooks/use-navigation'
-import {usePageUrls, useSearchParams} from '../../hooks'
-import PageActionPlaceHolder from '../../components/page-action-placeholder'
-import Link from '../../components/link'
-import {ChevronRightIcon, ReceiptIcon} from '../../components/icons'
-import Pagination from '../../components/pagination'
+import useNavigation from 'retail-react-app/app/hooks/use-navigation'
+import {usePageUrls, useSearchParams} from 'retail-react-app/app/hooks'
+import PageActionPlaceHolder from 'retail-react-app/app/components/page-action-placeholder'
+import Link from 'retail-react-app/app/components/link'
+import {ChevronRightIcon, ReceiptIcon} from 'retail-react-app/app/components/icons'
+import Pagination from 'retail-react-app/app/components/pagination'
 import PropTypes from 'prop-types'
-import {DEFAULT_ORDERS_SEARCH_PARAMS} from '../../constants'
+import {DEFAULT_ORDERS_SEARCH_PARAMS} from 'retail-react-app/app/constants'
 
 const OrderProductImages = ({productItems}) => {
     const ids = productItems.map((item) => item.productId).join(',') ?? ''
diff --git a/packages/template-retail-react-app/app/pages/account/orders.jsx b/packages/template-retail-react-app/app/pages/account/orders.jsx
index 687d1efb5e..a8033a77b9 100644
--- a/packages/template-retail-react-app/app/pages/account/orders.jsx
+++ b/packages/template-retail-react-app/app/pages/account/orders.jsx
@@ -7,8 +7,8 @@
 
 import React from 'react'
 import {Route, Switch, useRouteMatch} from 'react-router'
-import OrderHistory from './order-history'
-import OrderDetail from './order-detail'
+import OrderHistory from 'retail-react-app/app/pages/account/order-history'
+import OrderDetail from 'retail-react-app/app/pages/account/order-detail'
 
 const AccountOrders = () => {
     const {path} = useRouteMatch()
diff --git a/packages/template-retail-react-app/app/pages/account/orders.test.js b/packages/template-retail-react-app/app/pages/account/orders.test.js
index 709d43dd66..52ffcd5601 100644
--- a/packages/template-retail-react-app/app/pages/account/orders.test.js
+++ b/packages/template-retail-react-app/app/pages/account/orders.test.js
@@ -8,10 +8,14 @@ import React from 'react'
 import {Route, Switch} from 'react-router-dom'
 import {screen} from '@testing-library/react'
 import {rest} from 'msw'
-import {renderWithProviders, createPathWithDefaults} from '../../utils/test-utils'
-import {mockCustomerBaskets, mockOrderHistory, mockOrderProducts} from '../../mocks/mock-data'
-import Orders from './orders'
-import mockConfig from '../../../config/mocks/default'
+import {renderWithProviders, createPathWithDefaults} from 'retail-react-app/app/utils/test-utils'
+import {
+    mockCustomerBaskets,
+    mockOrderHistory,
+    mockOrderProducts
+} from 'retail-react-app/app/mocks/mock-data'
+import Orders from 'retail-react-app/app/pages/account/orders'
+import mockConfig from 'retail-react-app/config/mocks/default'
 
 const MockedComponent = () => {
     return (
diff --git a/packages/template-retail-react-app/app/pages/account/profile.jsx b/packages/template-retail-react-app/app/pages/account/profile.jsx
index 5fc3ecfbe7..8de9b4d367 100644
--- a/packages/template-retail-react-app/app/pages/account/profile.jsx
+++ b/packages/template-retail-react-app/app/pages/account/profile.jsx
@@ -19,13 +19,17 @@ import {
     useToast
 } from '@chakra-ui/react'
 import {useForm} from 'react-hook-form'
-import {AlertIcon} from '../../components/icons'
-import {ToggleCard, ToggleCardEdit, ToggleCardSummary} from '../../components/toggle-card'
-import ProfileFields from '../../components/forms/profile-fields'
-import UpdatePasswordFields from '../../components/forms/update-password-fields'
-import FormActionButtons from '../../components/forms/form-action-buttons'
+import {AlertIcon} from 'retail-react-app/app/components/icons'
+import {
+    ToggleCard,
+    ToggleCardEdit,
+    ToggleCardSummary
+} from 'retail-react-app/app/components/toggle-card'
+import ProfileFields from 'retail-react-app/app/components/forms/profile-fields'
+import UpdatePasswordFields from 'retail-react-app/app/components/forms/update-password-fields'
+import FormActionButtons from 'retail-react-app/app/components/forms/form-action-buttons'
 import {useShopperCustomersMutation, useAuthHelper, AuthHelpers} from 'commerce-sdk-react-preview'
-import {useCurrentCustomer} from '../../hooks/use-current-customer'
+import {useCurrentCustomer} from 'retail-react-app/app/hooks/use-current-customer'
 
 /**
  * This is a specialized Skeleton component that which uses the customers authtype as the
diff --git a/packages/template-retail-react-app/app/pages/account/wishlist/index.jsx b/packages/template-retail-react-app/app/pages/account/wishlist/index.jsx
index 46d481c22c..95a51465d8 100644
--- a/packages/template-retail-react-app/app/pages/account/wishlist/index.jsx
+++ b/packages/template-retail-react-app/app/pages/account/wishlist/index.jsx
@@ -10,18 +10,18 @@ import {FormattedMessage, useIntl} from 'react-intl'
 import {Box, Flex, Skeleton} from '@chakra-ui/react'
 import {useProducts, useShopperCustomersMutation} from 'commerce-sdk-react-preview'
 
-import useNavigation from '../../../hooks/use-navigation'
-import {useToast} from '../../../hooks/use-toast'
-import {useWishList} from '../../../hooks/use-wish-list'
-
-import PageActionPlaceHolder from '../../../components/page-action-placeholder'
-import {HeartIcon} from '../../../components/icons'
-import ProductItem from '../../../components/product-item/index'
-import WishlistPrimaryAction from './partials/wishlist-primary-action'
-import WishlistSecondaryButtonGroup from './partials/wishlist-secondary-button-group'
-
-import {API_ERROR_MESSAGE} from '../../../constants'
-import {useCurrentCustomer} from '../../../hooks/use-current-customer'
+import useNavigation from 'retail-react-app/app/hooks/use-navigation'
+import {useToast} from 'retail-react-app/app/hooks/use-toast'
+import {useWishList} from 'retail-react-app/app/hooks/use-wish-list'
+
+import PageActionPlaceHolder from 'retail-react-app/app/components/page-action-placeholder'
+import {HeartIcon} from 'retail-react-app/app/components/icons'
+import ProductItem from 'retail-react-app/app/components/product-item/index'
+import WishlistPrimaryAction from 'retail-react-app/app/pages/account/wishlist/partials/wishlist-primary-action'
+import WishlistSecondaryButtonGroup from 'retail-react-app/app/pages/account/wishlist/partials/wishlist-secondary-button-group'
+
+import {API_ERROR_MESSAGE} from 'retail-react-app/app/constants'
+import {useCurrentCustomer} from 'retail-react-app/app/hooks/use-current-customer'
 
 const numberOfSkeletonItems = 3
 
diff --git a/packages/template-retail-react-app/app/pages/account/wishlist/index.test.js b/packages/template-retail-react-app/app/pages/account/wishlist/index.test.js
index 8df74bb79c..1c41323292 100644
--- a/packages/template-retail-react-app/app/pages/account/wishlist/index.test.js
+++ b/packages/template-retail-react-app/app/pages/account/wishlist/index.test.js
@@ -6,10 +6,14 @@
  */
 import React from 'react'
 import AccountWishlist from '.'
-import {renderWithProviders} from '../../../utils/test-utils'
+import {renderWithProviders} from 'retail-react-app/app/utils/test-utils'
 import {screen, waitFor} from '@testing-library/react'
 import {rest} from 'msw'
-import {mockedEmptyWishList, mockedProductLists, mockedWishListProducts} from './index.mock'
+import {
+    mockedEmptyWishList,
+    mockedProductLists,
+    mockedWishListProducts
+} from 'retail-react-app/app/pages/account/wishlist/index.mock'
 
 beforeEach(() => {
     jest.resetModules()
diff --git a/packages/template-retail-react-app/app/pages/account/wishlist/partials/wishlist-primary-action.jsx b/packages/template-retail-react-app/app/pages/account/wishlist/partials/wishlist-primary-action.jsx
index e0f9067ae1..46f2afe3ad 100644
--- a/packages/template-retail-react-app/app/pages/account/wishlist/partials/wishlist-primary-action.jsx
+++ b/packages/template-retail-react-app/app/pages/account/wishlist/partials/wishlist-primary-action.jsx
@@ -8,12 +8,12 @@ import React, {useState} from 'react'
 import {Button, useDisclosure} from '@chakra-ui/react'
 import {useShopperBasketsMutation} from 'commerce-sdk-react-preview'
 import {FormattedMessage, useIntl} from 'react-intl'
-import {useItemVariant} from '../../../../components/item-variant'
-import ProductViewModal from '../../../../components/product-view-modal'
-import {useToast} from '../../../../hooks/use-toast'
-import {API_ERROR_MESSAGE} from '../../../../constants'
-import {useCurrentBasket} from '../../../../hooks/use-current-basket'
-import Link from '../../../../components/link'
+import {useItemVariant} from 'retail-react-app/app/components/item-variant'
+import ProductViewModal from 'retail-react-app/app/components/product-view-modal'
+import {useToast} from 'retail-react-app/app/hooks/use-toast'
+import {API_ERROR_MESSAGE} from 'retail-react-app/app/constants'
+import {useCurrentBasket} from 'retail-react-app/app/hooks/use-current-basket'
+import Link from 'retail-react-app/app/components/link'
 
 /**
  * Renders primary action on a product-item card in the form of a button.
diff --git a/packages/template-retail-react-app/app/pages/account/wishlist/partials/wishlist-primary-action.test.js b/packages/template-retail-react-app/app/pages/account/wishlist/partials/wishlist-primary-action.test.js
index 7c992f1b3c..dca0b83692 100644
--- a/packages/template-retail-react-app/app/pages/account/wishlist/partials/wishlist-primary-action.test.js
+++ b/packages/template-retail-react-app/app/pages/account/wishlist/partials/wishlist-primary-action.test.js
@@ -5,14 +5,14 @@
  * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
  */
 import React from 'react'
-import {mockWishListDetails} from './wishlist-primary-action.mock'
-import ItemVariantProvider from '../../../../components/item-variant'
-import {renderWithProviders} from '../../../../utils/test-utils'
-import WishlistPrimaryAction from './wishlist-primary-action'
+import {mockWishListDetails} from 'retail-react-app/app/pages/account/wishlist/partials/wishlist-primary-action.mock'
+import ItemVariantProvider from 'retail-react-app/app/components/item-variant'
+import {renderWithProviders} from 'retail-react-app/app/utils/test-utils'
+import WishlistPrimaryAction from 'retail-react-app/app/pages/account/wishlist/partials/wishlist-primary-action'
 import {screen, waitFor} from '@testing-library/react'
 import PropTypes from 'prop-types'
 import {rest} from 'msw'
-import {basketWithProductSet} from '../../../product-detail/index.mock'
+import {basketWithProductSet} from 'retail-react-app/app/pages/product-detail/index.mock'
 
 const MockedComponent = ({variant}) => {
     return (
diff --git a/packages/template-retail-react-app/app/pages/account/wishlist/partials/wishlist-secondary-button-group.jsx b/packages/template-retail-react-app/app/pages/account/wishlist/partials/wishlist-secondary-button-group.jsx
index 8e9b3d3749..517e7dbffe 100644
--- a/packages/template-retail-react-app/app/pages/account/wishlist/partials/wishlist-secondary-button-group.jsx
+++ b/packages/template-retail-react-app/app/pages/account/wishlist/partials/wishlist-secondary-button-group.jsx
@@ -10,14 +10,14 @@ import {Button, ButtonGroup, useDisclosure} from '@chakra-ui/react'
 import {useIntl, defineMessage, FormattedMessage} from 'react-intl'
 import {useShopperCustomersMutation} from 'commerce-sdk-react-preview'
 
-import {useToast} from '../../../../hooks/use-toast'
-import {useCurrentCustomer} from '../../../../hooks/use-current-customer'
-import {useWishList} from '../../../../hooks/use-wish-list'
+import {useToast} from 'retail-react-app/app/hooks/use-toast'
+import {useCurrentCustomer} from 'retail-react-app/app/hooks/use-current-customer'
+import {useWishList} from 'retail-react-app/app/hooks/use-wish-list'
 
-import ConfirmationModal from '../../../../components/confirmation-modal/index'
-import {useItemVariant} from '../../../../components/item-variant'
-import {noop} from '../../../../utils/utils'
-import {API_ERROR_MESSAGE} from '../../../../constants'
+import ConfirmationModal from 'retail-react-app/app/components/confirmation-modal/index'
+import {useItemVariant} from 'retail-react-app/app/components/item-variant'
+import {noop} from 'retail-react-app/app/utils/utils'
+import {API_ERROR_MESSAGE} from 'retail-react-app/app/constants'
 
 export const REMOVE_WISHLIST_ITEM_CONFIRMATION_DIALOG_CONFIG = {
     dialogTitle: defineMessage({
diff --git a/packages/template-retail-react-app/app/pages/account/wishlist/partials/wishlist-secondary-button-group.test.js b/packages/template-retail-react-app/app/pages/account/wishlist/partials/wishlist-secondary-button-group.test.js
index 591b78884b..78a4e62b0a 100644
--- a/packages/template-retail-react-app/app/pages/account/wishlist/partials/wishlist-secondary-button-group.test.js
+++ b/packages/template-retail-react-app/app/pages/account/wishlist/partials/wishlist-secondary-button-group.test.js
@@ -5,13 +5,16 @@
  * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
  */
 import React from 'react'
-import ItemVariantProvider from '../../../../components/item-variant'
-import {renderWithProviders} from '../../../../utils/test-utils'
-import WishlistSecondaryButtonGroup from './wishlist-secondary-button-group'
+import ItemVariantProvider from 'retail-react-app/app/components/item-variant'
+import {renderWithProviders} from 'retail-react-app/app/utils/test-utils'
+import WishlistSecondaryButtonGroup from 'retail-react-app/app/pages/account/wishlist/partials/wishlist-secondary-button-group'
 import {screen, waitFor} from '@testing-library/react'
 import user from '@testing-library/user-event'
 import {rest} from 'msw'
-import {mockedProductLists, mockedWishListProducts} from '../index.mock'
+import {
+    mockedProductLists,
+    mockedWishListProducts
+} from 'retail-react-app/app/pages/account/wishlist/index.mock'
 
 const mockData = {
     creationDate: '2021-09-13T23:29:23.396Z',
diff --git a/packages/template-retail-react-app/app/pages/cart/index.jsx b/packages/template-retail-react-app/app/pages/cart/index.jsx
index f8d2aa4ca1..2935ae58a4 100644
--- a/packages/template-retail-react-app/app/pages/cart/index.jsx
+++ b/packages/template-retail-react-app/app/pages/cart/index.jsx
@@ -11,21 +11,21 @@ import {FormattedMessage, useIntl} from 'react-intl'
 import {Box, Stack, Grid, GridItem, Container, useDisclosure, Button} from '@chakra-ui/react'
 
 // Project Components
-import CartCta from './partials/cart-cta'
-import CartSecondaryButtonGroup from './partials/cart-secondary-button-group'
-import CartSkeleton from './partials/cart-skeleton'
-import CartTitle from './partials/cart-title'
-import ConfirmationModal from '../../components/confirmation-modal'
-import EmptyCart from './partials/empty-cart'
-import OrderSummary from '../../components/order-summary'
-import ProductItem from '../../components/product-item/index'
-import ProductViewModal from '../../components/product-view-modal'
-import RecommendedProducts from '../../components/recommended-products'
+import CartCta from 'retail-react-app/app/pages/cart/partials/cart-cta'
+import CartSecondaryButtonGroup from 'retail-react-app/app/pages/cart/partials/cart-secondary-button-group'
+import CartSkeleton from 'retail-react-app/app/pages/cart/partials/cart-skeleton'
+import CartTitle from 'retail-react-app/app/pages/cart/partials/cart-title'
+import ConfirmationModal from 'retail-react-app/app/components/confirmation-modal'
+import EmptyCart from 'retail-react-app/app/pages/cart/partials/empty-cart'
+import OrderSummary from 'retail-react-app/app/components/order-summary'
+import ProductItem from 'retail-react-app/app/components/product-item/index'
+import ProductViewModal from 'retail-react-app/app/components/product-view-modal'
+import RecommendedProducts from 'retail-react-app/app/components/recommended-products'
 
 // Hooks
-import {useToast} from '../../hooks/use-toast'
-import useNavigation from '../../hooks/use-navigation'
-import {useWishList} from '../../hooks/use-wish-list'
+import {useToast} from 'retail-react-app/app/hooks/use-toast'
+import useNavigation from 'retail-react-app/app/hooks/use-navigation'
+import {useWishList} from 'retail-react-app/app/hooks/use-wish-list'
 
 // Constants
 import {
@@ -34,19 +34,19 @@ import {
     TOAST_ACTION_VIEW_WISHLIST,
     TOAST_MESSAGE_ADDED_TO_WISHLIST,
     TOAST_MESSAGE_REMOVED_ITEM_FROM_CART
-} from '../../constants'
-import {REMOVE_CART_ITEM_CONFIRMATION_DIALOG_CONFIG} from './partials/cart-secondary-button-group'
+} from 'retail-react-app/app/constants'
+import {REMOVE_CART_ITEM_CONFIRMATION_DIALOG_CONFIG} from 'retail-react-app/app/pages/cart/partials/cart-secondary-button-group'
 
 // Utilities
 import debounce from 'lodash/debounce'
-import {useCurrentBasket} from '../../hooks/use-current-basket'
+import {useCurrentBasket} from 'retail-react-app/app/hooks/use-current-basket'
 import {
     useShopperBasketsMutation,
     useShippingMethodsForShipment,
     useProducts,
     useShopperCustomersMutation
 } from 'commerce-sdk-react-preview'
-import {useCurrentCustomer} from '../../hooks/use-current-customer'
+import {useCurrentCustomer} from 'retail-react-app/app/hooks/use-current-customer'
 
 const Cart = () => {
     const {data: basket, isLoading} = useCurrentBasket()
diff --git a/packages/template-retail-react-app/app/pages/cart/index.test.js b/packages/template-retail-react-app/app/pages/cart/index.test.js
index 3810c1c293..24de75477a 100644
--- a/packages/template-retail-react-app/app/pages/cart/index.test.js
+++ b/packages/template-retail-react-app/app/pages/cart/index.test.js
@@ -7,16 +7,16 @@
 
 import React from 'react'
 import {screen, within, fireEvent, waitFor, act} from '@testing-library/react'
-import {renderWithProviders} from '../../utils/test-utils'
-import Cart from './index'
+import {renderWithProviders} from 'retail-react-app/app/utils/test-utils'
+import Cart from 'retail-react-app/app/pages/cart/index'
 import {
     mockShippingMethods,
     mockCustomerBaskets,
     mockEmptyBasket,
     mockCartVariant,
     mockedCustomerProductLists
-} from '../../mocks/mock-data'
-import mockVariant from '../../mocks/variant-750518699578M'
+} from 'retail-react-app/app/mocks/mock-data'
+import mockVariant from 'retail-react-app/app/mocks/variant-750518699578M'
 import {rest} from 'msw'
 
 const mockProduct = {
diff --git a/packages/template-retail-react-app/app/pages/cart/partials/cart-cta.jsx b/packages/template-retail-react-app/app/pages/cart/partials/cart-cta.jsx
index 285881b932..15d13e4ce6 100644
--- a/packages/template-retail-react-app/app/pages/cart/partials/cart-cta.jsx
+++ b/packages/template-retail-react-app/app/pages/cart/partials/cart-cta.jsx
@@ -7,8 +7,14 @@
 import React, {Fragment} from 'react'
 import {FormattedMessage} from 'react-intl'
 import {Flex, Button} from '@chakra-ui/react'
-import {AmexIcon, DiscoverIcon, LockIcon, MastercardIcon, VisaIcon} from '../../../components/icons'
-import Link from '../../../components/link'
+import {
+    AmexIcon,
+    DiscoverIcon,
+    LockIcon,
+    MastercardIcon,
+    VisaIcon
+} from 'retail-react-app/app/components/icons'
+import Link from 'retail-react-app/app/components/link'
 
 const CartCta = () => {
     return (
diff --git a/packages/template-retail-react-app/app/pages/cart/partials/cart-secondary-button-group.jsx b/packages/template-retail-react-app/app/pages/cart/partials/cart-secondary-button-group.jsx
index 3d1705f613..9d2d1d4466 100644
--- a/packages/template-retail-react-app/app/pages/cart/partials/cart-secondary-button-group.jsx
+++ b/packages/template-retail-react-app/app/pages/cart/partials/cart-secondary-button-group.jsx
@@ -17,10 +17,10 @@ import {
     useDisclosure
 } from '@chakra-ui/react'
 import {defineMessage, FormattedMessage} from 'react-intl'
-import {useItemVariant} from '../../../components/item-variant'
-import ConfirmationModal from '../../../components/confirmation-modal/index'
-import {noop} from '../../../utils/utils'
-import {useCurrentCustomer} from '../../../hooks/use-current-customer'
+import {useItemVariant} from 'retail-react-app/app/components/item-variant'
+import ConfirmationModal from 'retail-react-app/app/components/confirmation-modal/index'
+import {noop} from 'retail-react-app/app/utils/utils'
+import {useCurrentCustomer} from 'retail-react-app/app/hooks/use-current-customer'
 
 export const REMOVE_CART_ITEM_CONFIRMATION_DIALOG_CONFIG = {
     dialogTitle: defineMessage({
diff --git a/packages/template-retail-react-app/app/pages/cart/partials/cart-secondary-button-group.test.js b/packages/template-retail-react-app/app/pages/cart/partials/cart-secondary-button-group.test.js
index ef02a44ff1..989c069347 100644
--- a/packages/template-retail-react-app/app/pages/cart/partials/cart-secondary-button-group.test.js
+++ b/packages/template-retail-react-app/app/pages/cart/partials/cart-secondary-button-group.test.js
@@ -6,12 +6,12 @@
  */
 import React from 'react'
 import PropTypes from 'prop-types'
-import {mockedCustomerProductListsDetails} from '../../../mocks/mock-data'
-import ItemVariantProvider from '../../../components/item-variant'
-import {renderWithProviders} from '../../../utils/test-utils'
-import CartSecondaryButtonGroup from './cart-secondary-button-group'
+import {mockedCustomerProductListsDetails} from 'retail-react-app/app/mocks/mock-data'
+import ItemVariantProvider from 'retail-react-app/app/components/item-variant'
+import {renderWithProviders} from 'retail-react-app/app/utils/test-utils'
+import CartSecondaryButtonGroup from 'retail-react-app/app/pages/cart/partials/cart-secondary-button-group'
 import {screen, waitFor} from '@testing-library/react'
-import {noop} from '../../../utils/utils'
+import {noop} from 'retail-react-app/app/utils/utils'
 
 const MockedComponent = ({
     onAddToWishlistClick = noop,
diff --git a/packages/template-retail-react-app/app/pages/cart/partials/cart-title.jsx b/packages/template-retail-react-app/app/pages/cart/partials/cart-title.jsx
index e1345eeb62..c826d4d296 100644
--- a/packages/template-retail-react-app/app/pages/cart/partials/cart-title.jsx
+++ b/packages/template-retail-react-app/app/pages/cart/partials/cart-title.jsx
@@ -7,7 +7,7 @@
 import React from 'react'
 import {FormattedMessage} from 'react-intl'
 import {Text} from '@chakra-ui/react'
-import {useCurrentBasket} from '../../../hooks/use-current-basket'
+import {useCurrentBasket} from 'retail-react-app/app/hooks/use-current-basket'
 
 const CartTitle = () => {
     const {
diff --git a/packages/template-retail-react-app/app/pages/cart/partials/empty-cart.jsx b/packages/template-retail-react-app/app/pages/cart/partials/empty-cart.jsx
index 87de810c18..b2ec87ef6a 100644
--- a/packages/template-retail-react-app/app/pages/cart/partials/empty-cart.jsx
+++ b/packages/template-retail-react-app/app/pages/cart/partials/empty-cart.jsx
@@ -8,8 +8,8 @@ import React from 'react'
 import PropTypes from 'prop-types'
 import {FormattedMessage} from 'react-intl'
 import {Box, Button, Stack, Center, Text} from '@chakra-ui/react'
-import {AccountIcon, BasketIcon} from '../../../components/icons'
-import Link from '../../../components/link'
+import {AccountIcon, BasketIcon} from 'retail-react-app/app/components/icons'
+import Link from 'retail-react-app/app/components/link'
 
 const EmptyCart = ({isRegistered}) => {
     return (
diff --git a/packages/template-retail-react-app/app/pages/checkout/confirmation.jsx b/packages/template-retail-react-app/app/pages/checkout/confirmation.jsx
index f8c35cb98d..6399ba0a69 100644
--- a/packages/template-retail-react-app/app/pages/checkout/confirmation.jsx
+++ b/packages/template-retail-react-app/app/pages/checkout/confirmation.jsx
@@ -23,19 +23,19 @@ import {
 import {useForm} from 'react-hook-form'
 import {useParams} from 'react-router-dom'
 import {useOrder, useProducts, useAuthHelper, AuthHelpers} from 'commerce-sdk-react-preview'
-import {getCreditCardIcon} from '../../utils/cc-utils'
-import useNavigation from '../../hooks/use-navigation'
-import Link from '../../components/link'
-import AddressDisplay from '../../components/address-display'
-import PostCheckoutRegistrationFields from '../../components/forms/post-checkout-registration-fields'
-import PromoPopover from '../../components/promo-popover'
-import ItemVariantProvider from '../../components/item-variant'
-import CartItemVariantImage from '../../components/item-variant/item-image'
-import CartItemVariantName from '../../components/item-variant/item-name'
-import CartItemVariantAttributes from '../../components/item-variant/item-attributes'
-import CartItemVariantPrice from '../../components/item-variant/item-price'
-import {useCurrentCustomer} from '../../hooks/use-current-customer'
-import {API_ERROR_MESSAGE} from '../../constants'
+import {getCreditCardIcon} from 'retail-react-app/app/utils/cc-utils'
+import useNavigation from 'retail-react-app/app/hooks/use-navigation'
+import Link from 'retail-react-app/app/components/link'
+import AddressDisplay from 'retail-react-app/app/components/address-display'
+import PostCheckoutRegistrationFields from 'retail-react-app/app/components/forms/post-checkout-registration-fields'
+import PromoPopover from 'retail-react-app/app/components/promo-popover'
+import ItemVariantProvider from 'retail-react-app/app/components/item-variant'
+import CartItemVariantImage from 'retail-react-app/app/components/item-variant/item-image'
+import CartItemVariantName from 'retail-react-app/app/components/item-variant/item-name'
+import CartItemVariantAttributes from 'retail-react-app/app/components/item-variant/item-attributes'
+import CartItemVariantPrice from 'retail-react-app/app/components/item-variant/item-price'
+import {useCurrentCustomer} from 'retail-react-app/app/hooks/use-current-customer'
+import {API_ERROR_MESSAGE} from 'retail-react-app/app/constants'
 
 const onClient = typeof window !== 'undefined'
 
diff --git a/packages/template-retail-react-app/app/pages/checkout/confirmation.test.js b/packages/template-retail-react-app/app/pages/checkout/confirmation.test.js
index 4932b90741..bfaa9695e1 100644
--- a/packages/template-retail-react-app/app/pages/checkout/confirmation.test.js
+++ b/packages/template-retail-react-app/app/pages/checkout/confirmation.test.js
@@ -9,9 +9,9 @@ import React from 'react'
 import {screen, waitFor} from '@testing-library/react'
 import {Route, Switch} from 'react-router-dom'
 import {rest} from 'msw'
-import {renderWithProviders, createPathWithDefaults} from '../../utils/test-utils'
-import Confirmation from './confirmation'
-import {mockOrder, mockProducts} from './confirmation.mock'
+import {renderWithProviders, createPathWithDefaults} from 'retail-react-app/app/utils/test-utils'
+import Confirmation from 'retail-react-app/app/pages/checkout/confirmation'
+import {mockOrder, mockProducts} from 'retail-react-app/app/pages/checkout/confirmation.mock'
 
 const MockedComponent = () => {
     return (
diff --git a/packages/template-retail-react-app/app/pages/checkout/index.jsx b/packages/template-retail-react-app/app/pages/checkout/index.jsx
index 5e3c8dbe89..89e4a9ee3a 100644
--- a/packages/template-retail-react-app/app/pages/checkout/index.jsx
+++ b/packages/template-retail-react-app/app/pages/checkout/index.jsx
@@ -7,16 +7,19 @@
 import React, {useEffect, useState} from 'react'
 import {FormattedMessage, useIntl} from 'react-intl'
 import {Alert, AlertIcon, Box, Button, Container, Grid, GridItem, Stack} from '@chakra-ui/react'
-import useNavigation from '../../hooks/use-navigation'
-import {CheckoutProvider, useCheckout} from './util/checkout-context'
-import ContactInfo from './partials/contact-info'
-import ShippingAddress from './partials/shipping-address'
-import ShippingOptions from './partials/shipping-options'
-import Payment from './partials/payment'
-import OrderSummary from '../../components/order-summary'
-import {useCurrentCustomer} from '../../hooks/use-current-customer'
-import {useCurrentBasket} from '../../hooks/use-current-basket'
-import CheckoutSkeleton from './partials/checkout-skeleton'
+import useNavigation from 'retail-react-app/app/hooks/use-navigation'
+import {
+    CheckoutProvider,
+    useCheckout
+} from 'retail-react-app/app/pages/checkout/util/checkout-context'
+import ContactInfo from 'retail-react-app/app/pages/checkout/partials/contact-info'
+import ShippingAddress from 'retail-react-app/app/pages/checkout/partials/shipping-address'
+import ShippingOptions from 'retail-react-app/app/pages/checkout/partials/shipping-options'
+import Payment from 'retail-react-app/app/pages/checkout/partials/payment'
+import OrderSummary from 'retail-react-app/app/components/order-summary'
+import {useCurrentCustomer} from 'retail-react-app/app/hooks/use-current-customer'
+import {useCurrentBasket} from 'retail-react-app/app/hooks/use-current-basket'
+import CheckoutSkeleton from 'retail-react-app/app/pages/checkout/partials/checkout-skeleton'
 import {useUsid, useShopperOrdersMutation} from 'commerce-sdk-react-preview'
 
 const Checkout = () => {
diff --git a/packages/template-retail-react-app/app/pages/checkout/index.test.js b/packages/template-retail-react-app/app/pages/checkout/index.test.js
index fd662b5993..5c88f368c4 100644
--- a/packages/template-retail-react-app/app/pages/checkout/index.test.js
+++ b/packages/template-retail-react-app/app/pages/checkout/index.test.js
@@ -5,7 +5,7 @@
  * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
  */
 import React from 'react'
-import Checkout from './index'
+import Checkout from 'retail-react-app/app/pages/checkout/index'
 import {Route, Switch} from 'react-router-dom'
 import {screen, waitFor, within} from '@testing-library/react'
 import {rest} from 'msw'
@@ -13,15 +13,16 @@ import {
     renderWithProviders,
     createPathWithDefaults,
     registerUserToken
-} from '../../utils/test-utils'
+} from 'retail-react-app/app/utils/test-utils'
 import {
     scapiBasketWithItem,
     mockShippingMethods,
     mockedRegisteredCustomer,
     mockedCustomerProductLists
-} from '../../mocks/mock-data'
-import mockConfig from '../../../config/mocks/default'
+} from 'retail-react-app/app/mocks/mock-data'
+import mockConfig from 'retail-react-app/config/mocks/default'
 import userEvent from '@testing-library/user-event'
+
 jest.setTimeout(30000)
 
 // Minimal subset of `ocapiOrderResponse` in app/mocks/mock-data.js
diff --git a/packages/template-retail-react-app/app/pages/checkout/partials/cc-radio-group.jsx b/packages/template-retail-react-app/app/pages/checkout/partials/cc-radio-group.jsx
index 060180c576..c0aca02256 100644
--- a/packages/template-retail-react-app/app/pages/checkout/partials/cc-radio-group.jsx
+++ b/packages/template-retail-react-app/app/pages/checkout/partials/cc-radio-group.jsx
@@ -8,10 +8,10 @@ import React from 'react'
 import PropTypes from 'prop-types'
 import {FormattedMessage} from 'react-intl'
 import {Box, Button, Stack, Text, SimpleGrid, FormControl, FormErrorMessage} from '@chakra-ui/react'
-import {PlusIcon} from '../../../components/icons'
-import {RadioCard, RadioCardGroup} from '../../../components/radio-card'
-import {getCreditCardIcon} from '../../../utils/cc-utils'
-import {useCurrentCustomer} from '../../../hooks/use-current-customer'
+import {PlusIcon} from 'retail-react-app/app/components/icons'
+import {RadioCard, RadioCardGroup} from 'retail-react-app/app/components/radio-card'
+import {getCreditCardIcon} from 'retail-react-app/app/utils/cc-utils'
+import {useCurrentCustomer} from 'retail-react-app/app/hooks/use-current-customer'
 
 const CCRadioGroup = ({
     form,
diff --git a/packages/template-retail-react-app/app/pages/checkout/partials/checkout-footer.jsx b/packages/template-retail-react-app/app/pages/checkout/partials/checkout-footer.jsx
index 5b6db3e725..f8df916e78 100644
--- a/packages/template-retail-react-app/app/pages/checkout/partials/checkout-footer.jsx
+++ b/packages/template-retail-react-app/app/pages/checkout/partials/checkout-footer.jsx
@@ -18,9 +18,14 @@ import {
     Spacer,
     useStyles
 } from '@chakra-ui/react'
-import LinksList from '../../../components/links-list'
-import {VisaIcon, MastercardIcon, AmexIcon, DiscoverIcon} from '../../../components/icons'
-import {HideOnDesktop, HideOnMobile} from '../../../components/responsive'
+import LinksList from 'retail-react-app/app/components/links-list'
+import {
+    VisaIcon,
+    MastercardIcon,
+    AmexIcon,
+    DiscoverIcon
+} from 'retail-react-app/app/components/icons'
+import {HideOnDesktop, HideOnMobile} from 'retail-react-app/app/components/responsive'
 
 const CheckoutFooter = ({...otherProps}) => {
     const styles = useMultiStyleConfig('CheckoutFooter')
diff --git a/packages/template-retail-react-app/app/pages/checkout/partials/checkout-footer.test.js b/packages/template-retail-react-app/app/pages/checkout/partials/checkout-footer.test.js
index 024abb0ea6..26b26e6f3a 100644
--- a/packages/template-retail-react-app/app/pages/checkout/partials/checkout-footer.test.js
+++ b/packages/template-retail-react-app/app/pages/checkout/partials/checkout-footer.test.js
@@ -7,8 +7,8 @@
 import React from 'react'
 import {screen} from '@testing-library/react'
 
-import CheckoutFooter from './checkout-footer'
-import {renderWithProviders} from '../../../utils/test-utils'
+import CheckoutFooter from 'retail-react-app/app/pages/checkout/partials/checkout-footer'
+import {renderWithProviders} from 'retail-react-app/app/utils/test-utils'
 
 test('renders component', () => {
     renderWithProviders(<CheckoutFooter />)
diff --git a/packages/template-retail-react-app/app/pages/checkout/partials/checkout-header.jsx b/packages/template-retail-react-app/app/pages/checkout/partials/checkout-header.jsx
index 2b09705c1f..7db4b3f9e4 100644
--- a/packages/template-retail-react-app/app/pages/checkout/partials/checkout-header.jsx
+++ b/packages/template-retail-react-app/app/pages/checkout/partials/checkout-header.jsx
@@ -7,10 +7,10 @@
 import React from 'react'
 import {FormattedMessage} from 'react-intl'
 import {Badge, Box, Button, Flex, Center} from '@chakra-ui/react'
-import Link from '../../../components/link'
-import {BasketIcon, BrandLogo} from '../../../components/icons'
-import {HOME_HREF} from '../../../constants'
-import {useCurrentBasket} from '../../../hooks/use-current-basket'
+import Link from 'retail-react-app/app/components/link'
+import {BasketIcon, BrandLogo} from 'retail-react-app/app/components/icons'
+import {HOME_HREF} from 'retail-react-app/app/constants'
+import {useCurrentBasket} from 'retail-react-app/app/hooks/use-current-basket'
 
 const CheckoutHeader = () => {
     const {
diff --git a/packages/template-retail-react-app/app/pages/checkout/partials/checkout-header.test.js b/packages/template-retail-react-app/app/pages/checkout/partials/checkout-header.test.js
index 3544a41d0e..5ba3b3d6a7 100644
--- a/packages/template-retail-react-app/app/pages/checkout/partials/checkout-header.test.js
+++ b/packages/template-retail-react-app/app/pages/checkout/partials/checkout-header.test.js
@@ -7,8 +7,8 @@
 import React from 'react'
 import {screen} from '@testing-library/react'
 
-import CheckoutHeader from './checkout-header'
-import {renderWithProviders} from '../../../utils/test-utils'
+import CheckoutHeader from 'retail-react-app/app/pages/checkout/partials/checkout-header'
+import {renderWithProviders} from 'retail-react-app/app/utils/test-utils'
 
 test('renders component', () => {
     renderWithProviders(<CheckoutHeader />)
diff --git a/packages/template-retail-react-app/app/pages/checkout/partials/contact-info.jsx b/packages/template-retail-react-app/app/pages/checkout/partials/contact-info.jsx
index 3ecdab3272..6c75c448b9 100644
--- a/packages/template-retail-react-app/app/pages/checkout/partials/contact-info.jsx
+++ b/packages/template-retail-react-app/app/pages/checkout/partials/contact-info.jsx
@@ -23,14 +23,18 @@ import {
 } from '@chakra-ui/react'
 import {useForm} from 'react-hook-form'
 import {FormattedMessage, useIntl} from 'react-intl'
-import {useCheckout} from '../util/checkout-context'
-import useLoginFields from '../../../components/forms/useLoginFields'
-import {ToggleCard, ToggleCardEdit, ToggleCardSummary} from '../../../components/toggle-card'
-import Field from '../../../components/field'
-import {AuthModal, useAuthModal} from '../../../hooks/use-auth-modal'
-import useNavigation from '../../../hooks/use-navigation'
-import {useCurrentCustomer} from '../../../hooks/use-current-customer'
-import {useCurrentBasket} from '../../../hooks/use-current-basket'
+import {useCheckout} from 'retail-react-app/app/pages/checkout/util/checkout-context'
+import useLoginFields from 'retail-react-app/app/components/forms/useLoginFields'
+import {
+    ToggleCard,
+    ToggleCardEdit,
+    ToggleCardSummary
+} from 'retail-react-app/app/components/toggle-card'
+import Field from 'retail-react-app/app/components/field'
+import {AuthModal, useAuthModal} from 'retail-react-app/app/hooks/use-auth-modal'
+import useNavigation from 'retail-react-app/app/hooks/use-navigation'
+import {useCurrentCustomer} from 'retail-react-app/app/hooks/use-current-customer'
+import {useCurrentBasket} from 'retail-react-app/app/hooks/use-current-basket'
 import {AuthHelpers, useAuthHelper, useShopperBasketsMutation} from 'commerce-sdk-react-preview'
 
 const ContactInfo = () => {
diff --git a/packages/template-retail-react-app/app/pages/checkout/partials/contact-info.test.js b/packages/template-retail-react-app/app/pages/checkout/partials/contact-info.test.js
index 07d92fa1ea..55b3a7ced0 100644
--- a/packages/template-retail-react-app/app/pages/checkout/partials/contact-info.test.js
+++ b/packages/template-retail-react-app/app/pages/checkout/partials/contact-info.test.js
@@ -6,8 +6,8 @@
  */
 import React from 'react'
 import {screen, within} from '@testing-library/react'
-import ContactInfo from './contact-info'
-import {renderWithProviders} from '../../../utils/test-utils'
+import ContactInfo from 'retail-react-app/app/pages/checkout/partials/contact-info'
+import {renderWithProviders} from 'retail-react-app/app/utils/test-utils'
 
 jest.mock('../util/checkout-context', () => {
     return {
diff --git a/packages/template-retail-react-app/app/pages/checkout/partials/payment-form.jsx b/packages/template-retail-react-app/app/pages/checkout/partials/payment-form.jsx
index cb78cb44f7..0972a7d39a 100644
--- a/packages/template-retail-react-app/app/pages/checkout/partials/payment-form.jsx
+++ b/packages/template-retail-react-app/app/pages/checkout/partials/payment-form.jsx
@@ -8,10 +8,10 @@ import React from 'react'
 import {FormattedMessage, FormattedNumber, useIntl} from 'react-intl'
 import PropTypes from 'prop-types'
 import {Box, Flex, Radio, RadioGroup, Stack, Text, Tooltip} from '@chakra-ui/react'
-import {useCurrentBasket} from '../../../hooks/use-current-basket'
-import {LockIcon, PaypalIcon} from '../../../components/icons'
-import CreditCardFields from '../../../components/forms/credit-card-fields'
-import {useCurrency} from '../../../hooks'
+import {useCurrentBasket} from 'retail-react-app/app/hooks/use-current-basket'
+import {LockIcon, PaypalIcon} from 'retail-react-app/app/components/icons'
+import CreditCardFields from 'retail-react-app/app/components/forms/credit-card-fields'
+import {useCurrency} from 'retail-react-app/app/hooks'
 
 const PaymentForm = ({form, onSubmit}) => {
     const {formatMessage} = useIntl()
diff --git a/packages/template-retail-react-app/app/pages/checkout/partials/payment.jsx b/packages/template-retail-react-app/app/pages/checkout/partials/payment.jsx
index 6ce5579a84..ea0fc8a9a7 100644
--- a/packages/template-retail-react-app/app/pages/checkout/partials/payment.jsx
+++ b/packages/template-retail-react-app/app/pages/checkout/partials/payment.jsx
@@ -9,17 +9,21 @@ import PropTypes from 'prop-types'
 import {FormattedMessage, useIntl} from 'react-intl'
 import {Box, Button, Checkbox, Container, Heading, Stack, Text, Divider} from '@chakra-ui/react'
 import {useForm} from 'react-hook-form'
-import {useToast} from '../../../hooks/use-toast'
+import {useToast} from 'retail-react-app/app/hooks/use-toast'
 import {useShopperBasketsMutation} from 'commerce-sdk-react-preview'
-import {useCurrentBasket} from '../../../hooks/use-current-basket'
-import {useCheckout} from '../util/checkout-context'
-import {getPaymentInstrumentCardType, getCreditCardIcon} from '../../../utils/cc-utils'
-import {ToggleCard, ToggleCardEdit, ToggleCardSummary} from '../../../components/toggle-card'
-import PaymentForm from './payment-form'
-import ShippingAddressSelection from './shipping-address-selection'
-import AddressDisplay from '../../../components/address-display'
-import {PromoCode, usePromoCode} from '../../../components/promo-code'
-import {API_ERROR_MESSAGE} from '../../../constants'
+import {useCurrentBasket} from 'retail-react-app/app/hooks/use-current-basket'
+import {useCheckout} from 'retail-react-app/app/pages/checkout/util/checkout-context'
+import {getPaymentInstrumentCardType, getCreditCardIcon} from 'retail-react-app/app/utils/cc-utils'
+import {
+    ToggleCard,
+    ToggleCardEdit,
+    ToggleCardSummary
+} from 'retail-react-app/app/components/toggle-card'
+import PaymentForm from 'retail-react-app/app/pages/checkout/partials/payment-form'
+import ShippingAddressSelection from 'retail-react-app/app/pages/checkout/partials/shipping-address-selection'
+import AddressDisplay from 'retail-react-app/app/components/address-display'
+import {PromoCode, usePromoCode} from 'retail-react-app/app/components/promo-code'
+import {API_ERROR_MESSAGE} from 'retail-react-app/app/constants'
 
 const Payment = () => {
     const {formatMessage} = useIntl()
diff --git a/packages/template-retail-react-app/app/pages/checkout/partials/shipping-address-selection.jsx b/packages/template-retail-react-app/app/pages/checkout/partials/shipping-address-selection.jsx
index 57f8f24ac0..d872a93e21 100644
--- a/packages/template-retail-react-app/app/pages/checkout/partials/shipping-address-selection.jsx
+++ b/packages/template-retail-react-app/app/pages/checkout/partials/shipping-address-selection.jsx
@@ -9,15 +9,15 @@ import PropTypes from 'prop-types'
 import {defineMessage, FormattedMessage, useIntl} from 'react-intl'
 import {Box, Button, Container, Heading, SimpleGrid, Stack} from '@chakra-ui/react'
 import {useForm, Controller} from 'react-hook-form'
-import {shallowEquals} from '../../../utils/utils'
-import {RadioCard, RadioCardGroup} from '../../../components/radio-card'
-import ActionCard from '../../../components/action-card'
-import {PlusIcon} from '../../../components/icons'
-import AddressDisplay from '../../../components/address-display'
-import AddressFields from '../../../components/forms/address-fields'
-import FormActionButtons from '../../../components/forms/form-action-buttons'
-import {MESSAGE_PROPTYPE} from '../../../utils/locale'
-import {useCurrentCustomer} from '../../../hooks/use-current-customer'
+import {shallowEquals} from 'retail-react-app/app/utils/utils'
+import {RadioCard, RadioCardGroup} from 'retail-react-app/app/components/radio-card'
+import ActionCard from 'retail-react-app/app/components/action-card'
+import {PlusIcon} from 'retail-react-app/app/components/icons'
+import AddressDisplay from 'retail-react-app/app/components/address-display'
+import AddressFields from 'retail-react-app/app/components/forms/address-fields'
+import FormActionButtons from 'retail-react-app/app/components/forms/form-action-buttons'
+import {MESSAGE_PROPTYPE} from 'retail-react-app/app/utils/locale'
+import {useCurrentCustomer} from 'retail-react-app/app/hooks/use-current-customer'
 import {useShopperCustomersMutation} from 'commerce-sdk-react-preview'
 
 const saveButtonMessage = defineMessage({
diff --git a/packages/template-retail-react-app/app/pages/checkout/partials/shipping-address.jsx b/packages/template-retail-react-app/app/pages/checkout/partials/shipping-address.jsx
index 49e051302f..21b66205ab 100644
--- a/packages/template-retail-react-app/app/pages/checkout/partials/shipping-address.jsx
+++ b/packages/template-retail-react-app/app/pages/checkout/partials/shipping-address.jsx
@@ -7,13 +7,17 @@
 import React, {useState} from 'react'
 import {nanoid} from 'nanoid'
 import {defineMessage, useIntl} from 'react-intl'
-import {useCheckout} from '../util/checkout-context'
-import {ToggleCard, ToggleCardEdit, ToggleCardSummary} from '../../../components/toggle-card'
-import ShippingAddressSelection from './shipping-address-selection'
-import AddressDisplay from '../../../components/address-display'
+import {useCheckout} from 'retail-react-app/app/pages/checkout/util/checkout-context'
+import {
+    ToggleCard,
+    ToggleCardEdit,
+    ToggleCardSummary
+} from 'retail-react-app/app/components/toggle-card'
+import ShippingAddressSelection from 'retail-react-app/app/pages/checkout/partials/shipping-address-selection'
+import AddressDisplay from 'retail-react-app/app/components/address-display'
 import {useShopperCustomersMutation, useShopperBasketsMutation} from 'commerce-sdk-react-preview'
-import {useCurrentCustomer} from '../../../hooks/use-current-customer'
-import {useCurrentBasket} from '../../../hooks/use-current-basket'
+import {useCurrentCustomer} from 'retail-react-app/app/hooks/use-current-customer'
+import {useCurrentBasket} from 'retail-react-app/app/hooks/use-current-basket'
 
 const submitButtonMessage = defineMessage({
     defaultMessage: 'Continue to Shipping Method',
diff --git a/packages/template-retail-react-app/app/pages/checkout/partials/shipping-options.jsx b/packages/template-retail-react-app/app/pages/checkout/partials/shipping-options.jsx
index 238124677e..24b4c0feaa 100644
--- a/packages/template-retail-react-app/app/pages/checkout/partials/shipping-options.jsx
+++ b/packages/template-retail-react-app/app/pages/checkout/partials/shipping-options.jsx
@@ -8,12 +8,16 @@ import React, {useEffect} from 'react'
 import {FormattedMessage, FormattedNumber, useIntl} from 'react-intl'
 import {Box, Button, Container, Flex, Radio, RadioGroup, Stack, Text} from '@chakra-ui/react'
 import {useForm, Controller} from 'react-hook-form'
-import {useCheckout} from '../util/checkout-context'
-import {ChevronDownIcon} from '../../../components/icons'
-import {ToggleCard, ToggleCardEdit, ToggleCardSummary} from '../../../components/toggle-card'
+import {useCheckout} from 'retail-react-app/app/pages/checkout/util/checkout-context'
+import {ChevronDownIcon} from 'retail-react-app/app/components/icons'
+import {
+    ToggleCard,
+    ToggleCardEdit,
+    ToggleCardSummary
+} from 'retail-react-app/app/components/toggle-card'
 import {useShippingMethodsForShipment, useShopperBasketsMutation} from 'commerce-sdk-react-preview'
-import {useCurrentBasket} from '../../../hooks/use-current-basket'
-import {useCurrency} from '../../../hooks'
+import {useCurrentBasket} from 'retail-react-app/app/hooks/use-current-basket'
+import {useCurrency} from 'retail-react-app/app/hooks'
 
 export default function ShippingOptions() {
     const {formatMessage} = useIntl()
diff --git a/packages/template-retail-react-app/app/pages/checkout/util/checkout-context.js b/packages/template-retail-react-app/app/pages/checkout/util/checkout-context.js
index b0c0b201e5..7b3b67a1ac 100644
--- a/packages/template-retail-react-app/app/pages/checkout/util/checkout-context.js
+++ b/packages/template-retail-react-app/app/pages/checkout/util/checkout-context.js
@@ -6,9 +6,9 @@
  */
 import React, {useEffect, useState} from 'react'
 import PropTypes from 'prop-types'
-import useEinstein from '../../../hooks/use-einstein'
-import {useCurrentCustomer} from '../../../hooks/use-current-customer'
-import {useCurrentBasket} from '../../../hooks/use-current-basket'
+import useEinstein from 'retail-react-app/app/hooks/use-einstein'
+import {useCurrentCustomer} from 'retail-react-app/app/hooks/use-current-customer'
+import {useCurrentBasket} from 'retail-react-app/app/hooks/use-current-basket'
 
 const CheckoutContext = React.createContext()
 
diff --git a/packages/template-retail-react-app/app/pages/home/data.js b/packages/template-retail-react-app/app/pages/home/data.js
index ddf4ae7001..f3b7d68a86 100644
--- a/packages/template-retail-react-app/app/pages/home/data.js
+++ b/packages/template-retail-react-app/app/pages/home/data.js
@@ -23,7 +23,7 @@ import {
     HeartIcon,
     LikeIcon,
     PlugIcon
-} from '../../components/icons'
+} from 'retail-react-app/app/components/icons'
 
 export const heroFeatures = [
     {
diff --git a/packages/template-retail-react-app/app/pages/home/index.jsx b/packages/template-retail-react-app/app/pages/home/index.jsx
index 508fbae397..3048589634 100644
--- a/packages/template-retail-react-app/app/pages/home/index.jsx
+++ b/packages/template-retail-react-app/app/pages/home/index.jsx
@@ -24,24 +24,24 @@ import {
 } from '@chakra-ui/react'
 
 // Project Components
-import Hero from '../../components/hero'
-import Seo from '../../components/seo'
-import Section from '../../components/section'
-import ProductScroller from '../../components/product-scroller'
+import Hero from 'retail-react-app/app/components/hero'
+import Seo from 'retail-react-app/app/components/seo'
+import Section from 'retail-react-app/app/components/section'
+import ProductScroller from 'retail-react-app/app/components/product-scroller'
 
 // Others
 import {getAssetUrl} from 'pwa-kit-react-sdk/ssr/universal/utils'
-import {heroFeatures, features} from './data'
+import {heroFeatures, features} from 'retail-react-app/app/pages/home/data'
 
 //Hooks
-import useEinstein from '../../hooks/use-einstein'
+import useEinstein from 'retail-react-app/app/hooks/use-einstein'
 
 // Constants
 import {
     MAX_CACHE_AGE,
     HOME_SHOP_PRODUCTS_CATEGORY_ID,
     HOME_SHOP_PRODUCTS_LIMIT
-} from '../../constants'
+} from 'retail-react-app/app/constants'
 import {useServerContext} from 'pwa-kit-react-sdk/ssr/universal/hooks'
 import {useProductSearch} from 'commerce-sdk-react-preview'
 
diff --git a/packages/template-retail-react-app/app/pages/home/index.test.js b/packages/template-retail-react-app/app/pages/home/index.test.js
index efef9576eb..b5a2cbb52c 100644
--- a/packages/template-retail-react-app/app/pages/home/index.test.js
+++ b/packages/template-retail-react-app/app/pages/home/index.test.js
@@ -5,10 +5,10 @@
  * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
  */
 import React from 'react'
-import {renderWithProviders} from '../../utils/test-utils'
-import HomePage from './index'
+import {renderWithProviders} from 'retail-react-app/app/utils/test-utils'
+import HomePage from 'retail-react-app/app/pages/home'
 import {rest} from 'msw'
-import {mockProductSearch} from '../../mocks/mock-data'
+import {mockProductSearch} from 'retail-react-app/app/mocks/mock-data'
 
 test('Home Page renders without errors', async () => {
     global.server.use(
diff --git a/packages/template-retail-react-app/app/pages/login-redirect/index.test.js b/packages/template-retail-react-app/app/pages/login-redirect/index.test.js
index 26bde71b37..bd58b927c5 100644
--- a/packages/template-retail-react-app/app/pages/login-redirect/index.test.js
+++ b/packages/template-retail-react-app/app/pages/login-redirect/index.test.js
@@ -5,8 +5,8 @@
  * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
  */
 import React from 'react'
-import {renderWithReactIntl} from '../../utils/test-utils'
-import LoginRedirect from './index'
+import {renderWithReactIntl} from 'retail-react-app/app/utils/test-utils'
+import LoginRedirect from 'retail-react-app/app/pages/login-redirect/index'
 
 test('Login Redirect renders without errors', () => {
     const {getByRole} = renderWithReactIntl(<LoginRedirect />)
diff --git a/packages/template-retail-react-app/app/pages/login/index.jsx b/packages/template-retail-react-app/app/pages/login/index.jsx
index cbcf3ab5e4..3e6f440af4 100644
--- a/packages/template-retail-react-app/app/pages/login/index.jsx
+++ b/packages/template-retail-react-app/app/pages/login/index.jsx
@@ -17,15 +17,15 @@ import {
     useCustomerType,
     useShopperBasketsMutation
 } from 'commerce-sdk-react-preview'
-import useNavigation from '../../hooks/use-navigation'
-import Seo from '../../components/seo'
+import useNavigation from 'retail-react-app/app/hooks/use-navigation'
+import Seo from 'retail-react-app/app/components/seo'
 import {useForm} from 'react-hook-form'
 import {useLocation} from 'react-router-dom'
-import useEinstein from '../../hooks/use-einstein'
-import LoginForm from '../../components/login'
-import {API_ERROR_MESSAGE} from '../../constants'
-import {usePrevious} from '../../hooks/use-previous'
-import {isServer} from '../../utils/utils'
+import useEinstein from 'retail-react-app/app/hooks/use-einstein'
+import LoginForm from 'retail-react-app/app/components/login'
+import {API_ERROR_MESSAGE} from 'retail-react-app/app/constants'
+import {usePrevious} from 'retail-react-app/app/hooks/use-previous'
+import {isServer} from 'retail-react-app/app/utils/utils'
 const LOGIN_ERROR_MESSAGE = defineMessage({
     defaultMessage: 'Incorrect username or password, please try again.',
     id: 'login_page.error.incorrect_username_or_password'
diff --git a/packages/template-retail-react-app/app/pages/login/index.test.js b/packages/template-retail-react-app/app/pages/login/index.test.js
index 91bd9388ee..922e180bf8 100644
--- a/packages/template-retail-react-app/app/pages/login/index.test.js
+++ b/packages/template-retail-react-app/app/pages/login/index.test.js
@@ -7,14 +7,18 @@
 import React from 'react'
 import {screen, waitFor} from '@testing-library/react'
 import {rest} from 'msw'
-import {renderWithProviders, createPathWithDefaults, guestToken} from '../../utils/test-utils'
+import {
+    renderWithProviders,
+    createPathWithDefaults,
+    guestToken
+} from 'retail-react-app/app/utils/test-utils'
 import Login from '.'
 import {BrowserRouter as Router, Route} from 'react-router-dom'
-import Account from '../account'
-import Registration from '../registration'
-import ResetPassword from '../reset-password'
-import mockConfig from '../../../config/mocks/default'
-import {mockedRegisteredCustomer} from '../../mocks/mock-data'
+import Account from 'retail-react-app/app/pages/account'
+import Registration from 'retail-react-app/app/pages/registration'
+import ResetPassword from 'retail-react-app/app/pages/reset-password'
+import mockConfig from 'retail-react-app/config/mocks/default'
+import {mockedRegisteredCustomer} from 'retail-react-app/app/mocks/mock-data'
 const mockMergedBasket = {
     basketId: 'a10ff320829cb0eef93ca5310a',
     currency: 'USD',
diff --git a/packages/template-retail-react-app/app/pages/page-not-found/index.jsx b/packages/template-retail-react-app/app/pages/page-not-found/index.jsx
index bcce64328d..09563f29e3 100644
--- a/packages/template-retail-react-app/app/pages/page-not-found/index.jsx
+++ b/packages/template-retail-react-app/app/pages/page-not-found/index.jsx
@@ -10,9 +10,9 @@ import {Box, Heading, Flex, Button, Stack, Text} from '@chakra-ui/react'
 import {Helmet} from 'react-helmet'
 import {useIntl} from 'react-intl'
 import {useServerContext} from 'pwa-kit-react-sdk/ssr/universal/hooks'
-import {SearchIcon} from '../../components/icons'
+import {SearchIcon} from 'retail-react-app/app/components/icons'
 import {useHistory} from 'react-router-dom'
-import Link from '../../components/link'
+import Link from 'retail-react-app/app/components/link'
 
 const PageNotFound = () => {
     const intl = useIntl()
diff --git a/packages/template-retail-react-app/app/pages/page-not-found/index.test.js b/packages/template-retail-react-app/app/pages/page-not-found/index.test.js
index 0691693e0d..17cd9a4888 100644
--- a/packages/template-retail-react-app/app/pages/page-not-found/index.test.js
+++ b/packages/template-retail-react-app/app/pages/page-not-found/index.test.js
@@ -5,8 +5,8 @@
  * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
  */
 import React from 'react'
-import PageNotFound from './index'
-import {renderWithProviders} from '../../utils/test-utils'
+import PageNotFound from 'retail-react-app/app/pages/page-not-found/index'
+import {renderWithProviders} from 'retail-react-app/app/utils/test-utils'
 import {screen} from '@testing-library/react'
 
 // Set up and clean up
diff --git a/packages/template-retail-react-app/app/pages/product-detail/index.jsx b/packages/template-retail-react-app/app/pages/product-detail/index.jsx
index 8fa46ccfd3..1eb2eea0d1 100644
--- a/packages/template-retail-react-app/app/pages/product-detail/index.jsx
+++ b/packages/template-retail-react-app/app/pages/product-detail/index.jsx
@@ -21,15 +21,15 @@ import {
 } from 'commerce-sdk-react-preview'
 
 // Hooks
-import {useCurrentBasket} from '../../hooks/use-current-basket'
-import {useVariant} from '../../hooks'
-import useNavigation from '../../hooks/use-navigation'
-import useEinstein from '../../hooks/use-einstein'
+import {useCurrentBasket} from 'retail-react-app/app/hooks/use-current-basket'
+import {useVariant} from 'retail-react-app/app/hooks'
+import useNavigation from 'retail-react-app/app/hooks/use-navigation'
+import useEinstein from 'retail-react-app/app/hooks/use-einstein'
 import {useServerContext} from 'pwa-kit-react-sdk/ssr/universal/hooks'
 // Project Components
-import RecommendedProducts from '../../components/recommended-products'
-import ProductView from '../../components/product-view'
-import InformationAccordion from './partials/information-accordion'
+import RecommendedProducts from 'retail-react-app/app/components/recommended-products'
+import ProductView from 'retail-react-app/app/components/product-view'
+import InformationAccordion from 'retail-react-app/app/pages/product-detail/partials/information-accordion'
 
 // constant
 import {
@@ -38,11 +38,11 @@ import {
     MAX_CACHE_AGE,
     TOAST_ACTION_VIEW_WISHLIST,
     TOAST_MESSAGE_ADDED_TO_WISHLIST
-} from '../../constants'
-import {rebuildPathWithParams} from '../../utils/url'
+} from 'retail-react-app/app/constants'
+import {rebuildPathWithParams} from 'retail-react-app/app/utils/url'
 import {useHistory, useLocation, useParams} from 'react-router-dom'
-import {useToast} from '../../hooks/use-toast'
-import {useWishList} from '../../hooks/use-wish-list'
+import {useToast} from 'retail-react-app/app/hooks/use-toast'
+import {useWishList} from 'retail-react-app/app/hooks/use-wish-list'
 
 const ProductDetail = () => {
     const {formatMessage} = useIntl()
diff --git a/packages/template-retail-react-app/app/pages/product-detail/index.test.js b/packages/template-retail-react-app/app/pages/product-detail/index.test.js
index 2fb2d298cd..af1f84243c 100644
--- a/packages/template-retail-react-app/app/pages/product-detail/index.test.js
+++ b/packages/template-retail-react-app/app/pages/product-detail/index.test.js
@@ -10,13 +10,13 @@ import {
     mockCustomerBaskets,
     mockedCustomerProductLists,
     productsResponse
-} from '../../mocks/mock-data'
+} from 'retail-react-app/app/mocks/mock-data'
 import {Route, Switch} from 'react-router-dom'
 import {rest} from 'msw'
 import ProductDetail from '.'
-import {renderWithProviders} from '../../utils/test-utils'
-import {basketWithProductSet} from './index.mock'
-import mockedProductSet from '../../mocks/product-set-winter-lookM'
+import {renderWithProviders} from 'retail-react-app/app/utils/test-utils'
+import {basketWithProductSet} from 'retail-react-app/app/pages/product-detail/index.mock'
+import mockedProductSet from 'retail-react-app/app/mocks/product-set-winter-lookM'
 
 jest.setTimeout(60000)
 
diff --git a/packages/template-retail-react-app/app/pages/product-list/index.jsx b/packages/template-retail-react-app/app/pages/product-list/index.jsx
index 2e1b39693c..5ed0ae8cb5 100644
--- a/packages/template-retail-react-app/app/pages/product-list/index.jsx
+++ b/packages/template-retail-react-app/app/pages/product-list/index.jsx
@@ -46,23 +46,25 @@ import {
 } from '@chakra-ui/react'
 
 // Project Components
-import Pagination from '../../components/pagination'
-import ProductTile, {Skeleton as ProductTileSkeleton} from '../../components/product-tile'
-import {HideOnDesktop} from '../../components/responsive'
-import Refinements from './partials/refinements'
-import SelectedRefinements from './partials/selected-refinements'
-import EmptySearchResults from './partials/empty-results'
-import PageHeader from './partials/page-header'
-import AbovePageHeader from './partials/above-page-header'
+import Pagination from 'retail-react-app/app/components/pagination'
+import ProductTile, {
+    Skeleton as ProductTileSkeleton
+} from 'retail-react-app/app/components/product-tile'
+import {HideOnDesktop} from 'retail-react-app/app/components/responsive'
+import Refinements from 'retail-react-app/app/pages/product-list/partials/refinements'
+import SelectedRefinements from 'retail-react-app/app/pages/product-list/partials/selected-refinements'
+import EmptySearchResults from 'retail-react-app/app/pages/product-list/partials/empty-results'
+import PageHeader from 'retail-react-app/app/pages/product-list/partials/page-header'
+import AbovePageHeader from 'retail-react-app/app/pages/product-list/partials/above-page-header'
 
 // Icons
-import {FilterIcon, ChevronDownIcon} from '../../components/icons'
+import {FilterIcon, ChevronDownIcon} from 'retail-react-app/app/components/icons'
 
 // Hooks
-import {useLimitUrls, usePageUrls, useSortUrls, useSearchParams} from '../../hooks'
-import {useToast} from '../../hooks/use-toast'
+import {useLimitUrls, usePageUrls, useSortUrls, useSearchParams} from 'retail-react-app/app/hooks'
+import {useToast} from 'retail-react-app/app/hooks/use-toast'
 // import {parse as parseSearchParams} from '../../hooks/use-search-params'
-import useEinstein from '../../hooks/use-einstein'
+import useEinstein from 'retail-react-app/app/hooks/use-einstein'
 
 // Others
 import {HTTPNotFound, HTTPError} from 'pwa-kit-react-sdk/ssr/universal/errors'
@@ -75,10 +77,10 @@ import {
     TOAST_ACTION_VIEW_WISHLIST,
     TOAST_MESSAGE_ADDED_TO_WISHLIST,
     TOAST_MESSAGE_REMOVED_FROM_WISHLIST
-} from '../../constants'
-import useNavigation from '../../hooks/use-navigation'
-import LoadingSpinner from '../../components/loading-spinner'
-import {useWishList} from '../../hooks/use-wish-list'
+} from 'retail-react-app/app/constants'
+import useNavigation from 'retail-react-app/app/hooks/use-navigation'
+import LoadingSpinner from 'retail-react-app/app/components/loading-spinner'
+import {useWishList} from 'retail-react-app/app/hooks/use-wish-list'
 
 // NOTE: You can ignore certain refinements on a template level by updating the below
 // list of ignored refinements.
diff --git a/packages/template-retail-react-app/app/pages/product-list/index.test.js b/packages/template-retail-react-app/app/pages/product-list/index.test.js
index 4c8ac4e0f4..b5e1a5ee97 100644
--- a/packages/template-retail-react-app/app/pages/product-list/index.test.js
+++ b/packages/template-retail-react-app/app/pages/product-list/index.test.js
@@ -8,12 +8,15 @@ import React from 'react'
 import PropTypes from 'prop-types'
 
 import {rest} from 'msw'
-import {mockProductSearch, mockedEmptyCustomerProductList} from '../../mocks/mock-data'
+import {
+    mockProductSearch,
+    mockedEmptyCustomerProductList
+} from 'retail-react-app/app/mocks/mock-data'
 import {screen, waitFor} from '@testing-library/react'
 import {Route, Switch} from 'react-router-dom'
-import {createPathWithDefaults, renderWithProviders} from '../../utils/test-utils'
+import {createPathWithDefaults, renderWithProviders} from 'retail-react-app/app/utils/test-utils'
 import ProductList from '.'
-import EmptySearchResults from './partials/empty-results'
+import EmptySearchResults from 'retail-react-app/app/pages/product-list/partials/empty-results'
 
 jest.setTimeout(60000)
 let mockProductListSearchResponse = mockProductSearch
diff --git a/packages/template-retail-react-app/app/pages/product-list/partials/checkbox-refinements.test.js b/packages/template-retail-react-app/app/pages/product-list/partials/checkbox-refinements.test.js
index 2ae35edbc9..a62fab6764 100644
--- a/packages/template-retail-react-app/app/pages/product-list/partials/checkbox-refinements.test.js
+++ b/packages/template-retail-react-app/app/pages/product-list/partials/checkbox-refinements.test.js
@@ -8,8 +8,8 @@
 import React from 'react'
 import {screen} from '@testing-library/react'
 
-import {renderWithProviders} from '../../../utils/test-utils'
-import CheckboxRefinements from './checkbox-refinements'
+import {renderWithProviders} from 'retail-react-app/app/utils/test-utils'
+import CheckboxRefinements from 'retail-react-app/app/pages/product-list/partials/checkbox-refinements'
 
 const data = {
     attributeId: 'c_refinementColor',
diff --git a/packages/template-retail-react-app/app/pages/product-list/partials/color-refinements.jsx b/packages/template-retail-react-app/app/pages/product-list/partials/color-refinements.jsx
index 4eeb31c82f..a952821dac 100644
--- a/packages/template-retail-react-app/app/pages/product-list/partials/color-refinements.jsx
+++ b/packages/template-retail-react-app/app/pages/product-list/partials/color-refinements.jsx
@@ -8,7 +8,7 @@
 import React from 'react'
 import {Box, SimpleGrid, HStack, Text, Button, Center, useMultiStyleConfig} from '@chakra-ui/react'
 import PropTypes from 'prop-types'
-import {cssColorGroups} from '../../../constants'
+import {cssColorGroups} from 'retail-react-app/app/constants'
 
 const ColorRefinements = ({filter, toggleFilter, selectedFilters}) => {
     const styles = useMultiStyleConfig('SwatchGroup', {
diff --git a/packages/template-retail-react-app/app/pages/product-list/partials/empty-results.jsx b/packages/template-retail-react-app/app/pages/product-list/partials/empty-results.jsx
index e6885c6030..bf2810499f 100644
--- a/packages/template-retail-react-app/app/pages/product-list/partials/empty-results.jsx
+++ b/packages/template-retail-react-app/app/pages/product-list/partials/empty-results.jsx
@@ -10,9 +10,9 @@ import {Button, Text, Flex, Stack, Link} from '@chakra-ui/react'
 import PropTypes from 'prop-types'
 import {Link as RouteLink} from 'react-router-dom'
 import {defineMessage, FormattedMessage, useIntl} from 'react-intl'
-import {SearchIcon} from '../../../components/icons'
-import RecommendedProducts from '../../../components/recommended-products'
-import {EINSTEIN_RECOMMENDERS} from '../../../constants'
+import {SearchIcon} from 'retail-react-app/app/components/icons'
+import RecommendedProducts from 'retail-react-app/app/components/recommended-products'
+import {EINSTEIN_RECOMMENDERS} from 'retail-react-app/app/constants'
 
 const contactUsMessage = defineMessage({
     id: 'empty_search_results.link.contact_us',
diff --git a/packages/template-retail-react-app/app/pages/product-list/partials/link-refinements.jsx b/packages/template-retail-react-app/app/pages/product-list/partials/link-refinements.jsx
index 9ff771ee64..297692f407 100644
--- a/packages/template-retail-react-app/app/pages/product-list/partials/link-refinements.jsx
+++ b/packages/template-retail-react-app/app/pages/product-list/partials/link-refinements.jsx
@@ -8,7 +8,7 @@
 import React from 'react'
 import {Stack, Text} from '@chakra-ui/react'
 import PropTypes from 'prop-types'
-import Link from '../../../components/link'
+import Link from 'retail-react-app/app/components/link'
 
 const LinkRefinements = ({filter}) => {
     return (
diff --git a/packages/template-retail-react-app/app/pages/product-list/partials/page-header.jsx b/packages/template-retail-react-app/app/pages/product-list/partials/page-header.jsx
index df25af8ca2..3339066059 100644
--- a/packages/template-retail-react-app/app/pages/product-list/partials/page-header.jsx
+++ b/packages/template-retail-react-app/app/pages/product-list/partials/page-header.jsx
@@ -11,7 +11,7 @@ import PropTypes from 'prop-types'
 import {Box, Heading, Flex, Text, Fade} from '@chakra-ui/react'
 
 // Project Components
-import Breadcrumb from '../../../components/breadcrumb'
+import Breadcrumb from 'retail-react-app/app/components/breadcrumb'
 
 const PageHeader = ({category, productSearchResult, isLoading, searchQuery, ...otherProps}) => {
     return (
diff --git a/packages/template-retail-react-app/app/pages/product-list/partials/refinements.jsx b/packages/template-retail-react-app/app/pages/product-list/partials/refinements.jsx
index 359319ac84..a80054597d 100644
--- a/packages/template-retail-react-app/app/pages/product-list/partials/refinements.jsx
+++ b/packages/template-retail-react-app/app/pages/product-list/partials/refinements.jsx
@@ -17,13 +17,13 @@ import {
     AccordionIcon
 } from '@chakra-ui/react'
 import PropTypes from 'prop-types'
-import ColorRefinements from './color-refinements'
-import SizeRefinements from './size-refinements'
-import RadioRefinements from './radio-refinements'
-import CheckboxRefinements from './checkbox-refinements'
-import LinkRefinements from './link-refinements'
-import {isServer} from '../../../utils/utils'
-import {FILTER_ACCORDION_SATE} from '../../../constants'
+import ColorRefinements from 'retail-react-app/app/pages/product-list/partials/color-refinements'
+import SizeRefinements from 'retail-react-app/app/pages/product-list/partials/size-refinements'
+import RadioRefinements from 'retail-react-app/app/pages/product-list/partials/radio-refinements'
+import CheckboxRefinements from 'retail-react-app/app/pages/product-list/partials/checkbox-refinements'
+import LinkRefinements from 'retail-react-app/app/pages/product-list/partials/link-refinements'
+import {isServer} from 'retail-react-app/app/utils/utils'
+import {FILTER_ACCORDION_SATE} from 'retail-react-app/app/constants'
 
 const componentMap = {
     cgid: LinkRefinements,
diff --git a/packages/template-retail-react-app/app/pages/product-list/partials/selected-refinements.jsx b/packages/template-retail-react-app/app/pages/product-list/partials/selected-refinements.jsx
index a68f9f0a35..5b36b5f3b1 100644
--- a/packages/template-retail-react-app/app/pages/product-list/partials/selected-refinements.jsx
+++ b/packages/template-retail-react-app/app/pages/product-list/partials/selected-refinements.jsx
@@ -8,7 +8,7 @@
 import React from 'react'
 import {Box, Button, Wrap, WrapItem} from '@chakra-ui/react'
 import PropTypes from 'prop-types'
-import {CloseIcon} from '../../../components/icons'
+import {CloseIcon} from 'retail-react-app/app/components/icons'
 
 import {FormattedMessage} from 'react-intl'
 
diff --git a/packages/template-retail-react-app/app/pages/registration/index.jsx b/packages/template-retail-react-app/app/pages/registration/index.jsx
index 0c7ce4b254..1fcb851964 100644
--- a/packages/template-retail-react-app/app/pages/registration/index.jsx
+++ b/packages/template-retail-react-app/app/pages/registration/index.jsx
@@ -12,11 +12,11 @@ import {Box, Container} from '@chakra-ui/react'
 import {AuthHelpers, useAuthHelper, useCustomerType} from 'commerce-sdk-react-preview'
 import {useForm} from 'react-hook-form'
 import {useLocation} from 'react-router-dom'
-import Seo from '../../components/seo'
-import RegisterForm from '../../components/register'
-import useNavigation from '../../hooks/use-navigation'
-import useEinstein from '../../hooks/use-einstein'
-import {API_ERROR_MESSAGE} from '../../constants'
+import Seo from 'retail-react-app/app/components/seo'
+import RegisterForm from 'retail-react-app/app/components/register'
+import useNavigation from 'retail-react-app/app/hooks/use-navigation'
+import useEinstein from 'retail-react-app/app/hooks/use-einstein'
+import {API_ERROR_MESSAGE} from 'retail-react-app/app/constants'
 
 const Registration = () => {
     const {formatMessage} = useIntl()
diff --git a/packages/template-retail-react-app/app/pages/registration/index.test.jsx b/packages/template-retail-react-app/app/pages/registration/index.test.jsx
index 004d644ee1..14a58e4e99 100644
--- a/packages/template-retail-react-app/app/pages/registration/index.test.jsx
+++ b/packages/template-retail-react-app/app/pages/registration/index.test.jsx
@@ -6,13 +6,17 @@
  */
 import React from 'react'
 import {screen, within, waitFor} from '@testing-library/react'
-import {guestToken, registerUserToken, renderWithProviders} from '../../utils/test-utils'
+import {
+    guestToken,
+    registerUserToken,
+    renderWithProviders
+} from 'retail-react-app/app/utils/test-utils'
 import Registration from '.'
 import {BrowserRouter as Router, Route} from 'react-router-dom'
-import Account from '../account'
-import mockConfig from '../../../config/mocks/default'
+import Account from 'retail-react-app/app/pages/account'
+import mockConfig from 'retail-react-app/config/mocks/default'
 import {rest} from 'msw'
-import {mockedRegisteredCustomer} from '../../mocks/mock-data'
+import {mockedRegisteredCustomer} from 'retail-react-app/app/mocks/mock-data'
 
 const MockedComponent = () => {
     const match = {
diff --git a/packages/template-retail-react-app/app/pages/reset-password/index.jsx b/packages/template-retail-react-app/app/pages/reset-password/index.jsx
index b4c6e28c41..ae12be2b24 100644
--- a/packages/template-retail-react-app/app/pages/reset-password/index.jsx
+++ b/packages/template-retail-react-app/app/pages/reset-password/index.jsx
@@ -11,11 +11,11 @@ import {FormattedMessage} from 'react-intl'
 import {Box, Button, Container, Stack, Text} from '@chakra-ui/react'
 import {useForm} from 'react-hook-form'
 import {useShopperCustomersMutation, ShopperCustomersMutations} from 'commerce-sdk-react-preview'
-import Seo from '../../components/seo'
-import ResetPasswordForm from '../../components/reset-password'
-import {BrandLogo} from '../../components/icons'
-import useNavigation from '../../hooks/use-navigation'
-import useEinstein from '../../hooks/use-einstein'
+import Seo from 'retail-react-app/app/components/seo'
+import ResetPasswordForm from 'retail-react-app/app/components/reset-password'
+import {BrandLogo} from 'retail-react-app/app/components/icons'
+import useNavigation from 'retail-react-app/app/hooks/use-navigation'
+import useEinstein from 'retail-react-app/app/hooks/use-einstein'
 import {useLocation} from 'react-router-dom'
 
 const ResetPassword = () => {
diff --git a/packages/template-retail-react-app/app/pages/reset-password/index.test.jsx b/packages/template-retail-react-app/app/pages/reset-password/index.test.jsx
index 7dd52ab84e..c7bad5e3c0 100644
--- a/packages/template-retail-react-app/app/pages/reset-password/index.test.jsx
+++ b/packages/template-retail-react-app/app/pages/reset-password/index.test.jsx
@@ -7,9 +7,9 @@
 import React from 'react'
 import {screen, waitFor, within} from '@testing-library/react'
 import {rest} from 'msw'
-import {createPathWithDefaults, renderWithProviders} from '../../utils/test-utils'
+import {createPathWithDefaults, renderWithProviders} from 'retail-react-app/app/utils/test-utils'
 import ResetPassword from '.'
-import mockConfig from '../../../config/mocks/default'
+import mockConfig from 'retail-react-app/config/mocks/default'
 
 const mockRegisteredCustomer = {
     authType: 'registered',
diff --git a/packages/template-retail-react-app/app/request-processor.test.js b/packages/template-retail-react-app/app/request-processor.test.js
index 4a6ebaee07..6e92f63efb 100644
--- a/packages/template-retail-react-app/app/request-processor.test.js
+++ b/packages/template-retail-react-app/app/request-processor.test.js
@@ -4,7 +4,7 @@
  * SPDX-License-Identifier: BSD-3-Clause
  * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
  */
-import {processRequest} from './request-processor'
+import {processRequest} from 'retail-react-app/app/request-processor'
 
 describe('processRequest', () => {
     test('returns valid values', () => {
diff --git a/packages/template-retail-react-app/app/routes.jsx b/packages/template-retail-react-app/app/routes.jsx
index 145be2f65b..2669af0359 100644
--- a/packages/template-retail-react-app/app/routes.jsx
+++ b/packages/template-retail-react-app/app/routes.jsx
@@ -18,7 +18,7 @@ import {getConfig} from 'pwa-kit-runtime/utils/ssr-config'
 
 // Components
 import {Skeleton} from '@chakra-ui/react'
-import {configureRoutes} from './utils/routes-utils'
+import {configureRoutes} from 'retail-react-app/app/utils/routes-utils'
 
 const fallback = <Skeleton height="75vh" width="100%" />
 
@@ -37,7 +37,7 @@ const ProductList = loadable(() => import('./pages/product-list'), {fallback})
 const Wishlist = loadable(() => import('./pages/account/wishlist'), {fallback})
 const PageNotFound = loadable(() => import('./pages/page-not-found'))
 
-const routes = [
+export const routes = [
     {
         path: '/',
         component: Home,
diff --git a/packages/template-retail-react-app/app/routes.test.js b/packages/template-retail-react-app/app/routes.test.js
index 34da7dec4f..1de9ce246c 100644
--- a/packages/template-retail-react-app/app/routes.test.js
+++ b/packages/template-retail-react-app/app/routes.test.js
@@ -4,7 +4,7 @@
  * SPDX-License-Identifier: BSD-3-Clause
  * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
  */
-import routes from './routes'
+import routes from 'retail-react-app/app/routes'
 
 describe('Routes', () => {
     test('exports a valid react-router configuration', () => {
diff --git a/packages/template-retail-react-app/app/theme/components/project/checkout-footer.js b/packages/template-retail-react-app/app/theme/components/project/checkout-footer.js
index 1c7fcb6680..08ed45c80c 100644
--- a/packages/template-retail-react-app/app/theme/components/project/checkout-footer.js
+++ b/packages/template-retail-react-app/app/theme/components/project/checkout-footer.js
@@ -4,7 +4,7 @@
  * SPDX-License-Identifier: BSD-3-Clause
  * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
  */
-import Footer from './footer'
+import Footer from 'retail-react-app/app/theme/components/project/footer'
 
 const {baseStyle} = Footer
 
diff --git a/packages/template-retail-react-app/app/theme/index.js b/packages/template-retail-react-app/app/theme/index.js
index 505401ee00..005afc62b4 100644
--- a/packages/template-retail-react-app/app/theme/index.js
+++ b/packages/template-retail-react-app/app/theme/index.js
@@ -7,54 +7,54 @@
 import {extendTheme} from '@chakra-ui/react'
 
 // Foundational style overrides
-import styles from './foundations/styles'
-import colors from './foundations/colors'
-import gradients from './foundations/gradients'
-import sizes from './foundations/sizes'
-import space from './foundations/space'
-import layerStyles from './foundations/layerStyles'
-import shadows from './foundations/shadows'
+import styles from 'retail-react-app/app/theme/foundations/styles'
+import colors from 'retail-react-app/app/theme/foundations/colors'
+import gradients from 'retail-react-app/app/theme/foundations/gradients'
+import sizes from 'retail-react-app/app/theme/foundations/sizes'
+import space from 'retail-react-app/app/theme/foundations/space'
+import layerStyles from 'retail-react-app/app/theme/foundations/layerStyles'
+import shadows from 'retail-react-app/app/theme/foundations/shadows'
 
 // Base component style overrides
-import Alert from './components/base/alert'
-import Accordion from './components/base/accordion'
-import Badge from './components/base/badge'
-import Button from './components/base/button'
-import Checkbox from './components/base/checkbox'
-import Container from './components/base/container'
-import Drawer from './components/base/drawer'
-import FormLabel from './components/base/formLabel'
-import Icon from './components/base/icon'
-import Input from './components/base/input'
-import Modal from './components/base/modal'
-import Radio from './components/base/radio'
-import Select from './components/base/select'
-import Skeleton from './components/base/skeleton'
-import Tooltip from './components/base/tooltip'
-import Popover from './components/base/popover'
+import Alert from 'retail-react-app/app/theme/components/base/alert'
+import Accordion from 'retail-react-app/app/theme/components/base/accordion'
+import Badge from 'retail-react-app/app/theme/components/base/badge'
+import Button from 'retail-react-app/app/theme/components/base/button'
+import Checkbox from 'retail-react-app/app/theme/components/base/checkbox'
+import Container from 'retail-react-app/app/theme/components/base/container'
+import Drawer from 'retail-react-app/app/theme/components/base/drawer'
+import FormLabel from 'retail-react-app/app/theme/components/base/formLabel'
+import Icon from 'retail-react-app/app/theme/components/base/icon'
+import Input from 'retail-react-app/app/theme/components/base/input'
+import Modal from 'retail-react-app/app/theme/components/base/modal'
+import Radio from 'retail-react-app/app/theme/components/base/radio'
+import Select from 'retail-react-app/app/theme/components/base/select'
+import Skeleton from 'retail-react-app/app/theme/components/base/skeleton'
+import Tooltip from 'retail-react-app/app/theme/components/base/tooltip'
+import Popover from 'retail-react-app/app/theme/components/base/popover'
 
 // Project Component style overrides
-import App from './components/project/_app'
-import Breadcrumb from './components/project/breadcrumb'
-import Header from './components/project/header'
-import ListMenu from './components/project/list-menu'
-import Footer from './components/project/footer'
-import CheckoutFooter from './components/project/checkout-footer'
-import LinksList from './components/project/links-list'
-import DrawerMenu from './components/project/drawer-menu'
-import NestedAccordion from './components/project/nested-accordion'
-import LocaleSelector from './components/project/locale-selector'
-import OfflineBanner from './components/project/offline-banner'
-import Pagination from './components/project/pagination'
-import ProductTile from './components/project/product-tile'
-import SocialIcons from './components/project/social-icons'
-import SwatchGroup from './components/project/swatch-group'
-import ImageGallery from './components/project/image-gallery'
+import App from 'retail-react-app/app/theme/components/project/_app'
+import Breadcrumb from 'retail-react-app/app/theme/components/project/breadcrumb'
+import Header from 'retail-react-app/app/theme/components/project/header'
+import ListMenu from 'retail-react-app/app/theme/components/project/list-menu'
+import Footer from 'retail-react-app/app/theme/components/project/footer'
+import CheckoutFooter from 'retail-react-app/app/theme/components/project/checkout-footer'
+import LinksList from 'retail-react-app/app/theme/components/project/links-list'
+import DrawerMenu from 'retail-react-app/app/theme/components/project/drawer-menu'
+import NestedAccordion from 'retail-react-app/app/theme/components/project/nested-accordion'
+import LocaleSelector from 'retail-react-app/app/theme/components/project/locale-selector'
+import OfflineBanner from 'retail-react-app/app/theme/components/project/offline-banner'
+import Pagination from 'retail-react-app/app/theme/components/project/pagination'
+import ProductTile from 'retail-react-app/app/theme/components/project/product-tile'
+import SocialIcons from 'retail-react-app/app/theme/components/project/social-icons'
+import SwatchGroup from 'retail-react-app/app/theme/components/project/swatch-group'
+import ImageGallery from 'retail-react-app/app/theme/components/project/image-gallery'
 
 // Please refer to the Chakra-Ui theme customization docs found
 // here https://chakra-ui.com/docs/theming/customize-theme to learn
 // more about extending and overriding themes for your project.
-const overrides = {
+export const overrides = {
     styles,
     layerStyles,
     colors,
diff --git a/packages/template-retail-react-app/app/utils/cc-utils.js b/packages/template-retail-react-app/app/utils/cc-utils.js
index e40d3939ee..4f5eced45e 100644
--- a/packages/template-retail-react-app/app/utils/cc-utils.js
+++ b/packages/template-retail-react-app/app/utils/cc-utils.js
@@ -4,7 +4,12 @@
  * SPDX-License-Identifier: BSD-3-Clause
  * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
  */
-import {AmexIcon, DiscoverIcon, MastercardIcon, VisaIcon} from '../components/icons'
+import {
+    AmexIcon,
+    DiscoverIcon,
+    MastercardIcon,
+    VisaIcon
+} from 'retail-react-app/app/components/icons'
 
 /**
  * Formats a credit card number against given criteria
diff --git a/packages/template-retail-react-app/app/utils/cc-utils.test.js b/packages/template-retail-react-app/app/utils/cc-utils.test.js
index fd203c5bf9..80124e1153 100644
--- a/packages/template-retail-react-app/app/utils/cc-utils.test.js
+++ b/packages/template-retail-react-app/app/utils/cc-utils.test.js
@@ -4,7 +4,7 @@
  * SPDX-License-Identifier: BSD-3-Clause
  * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
  */
-import * as utils from './cc-utils'
+import * as utils from 'retail-react-app/app/utils/cc-utils'
 
 test('formatCreditCardNumber returns number with proper spaces', () => {
     const opts = {
diff --git a/packages/template-retail-react-app/app/utils/image-groups-utils.test.js b/packages/template-retail-react-app/app/utils/image-groups-utils.test.js
index a49be8b1da..c6984a16b8 100644
--- a/packages/template-retail-react-app/app/utils/image-groups-utils.test.js
+++ b/packages/template-retail-react-app/app/utils/image-groups-utils.test.js
@@ -5,7 +5,7 @@
  * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
  */
 
-import {findImageGroupBy} from './image-groups-utils'
+import {findImageGroupBy} from 'retail-react-app/app/utils/image-groups-utils'
 
 it.each([undefined, []])('returns undefined', (groups) => {
     expect(findImageGroupBy(groups, {})).toBeUndefined()
diff --git a/packages/template-retail-react-app/app/utils/locale.js b/packages/template-retail-react-app/app/utils/locale.js
index 94ff26e957..00bb9a243e 100644
--- a/packages/template-retail-react-app/app/utils/locale.js
+++ b/packages/template-retail-react-app/app/utils/locale.js
@@ -23,7 +23,7 @@ export const fetchTranslations = async (locale) => {
 
     let module
     try {
-        module = await import(`../translations/compiled/${targetLocale}.json`)
+        module = await import(`retail-react-app/app/translations/compiled/${targetLocale}.json`)
     } catch (err) {
         console.error(err)
         console.log(
diff --git a/packages/template-retail-react-app/app/utils/locale.test.js b/packages/template-retail-react-app/app/utils/locale.test.js
index 130af4ac57..c784082c4a 100644
--- a/packages/template-retail-react-app/app/utils/locale.test.js
+++ b/packages/template-retail-react-app/app/utils/locale.test.js
@@ -7,9 +7,13 @@
 
 // CAUTION: This test file relies on config values that may get changed in generated projects
 
-import {determineTargetLocale, fetchTranslations, getTargetLocale} from './locale'
+import {
+    determineTargetLocale,
+    fetchTranslations,
+    getTargetLocale
+} from 'retail-react-app/app/utils/locale'
 
-import {DEFAULT_LOCALE, SUPPORTED_LOCALES} from './test-utils'
+import {DEFAULT_LOCALE, SUPPORTED_LOCALES} from 'retail-react-app/app/utils/test-utils'
 
 const supportedLocales = SUPPORTED_LOCALES.map((locale) => locale.id)
 const isMultiLocales = supportedLocales.length > 1
diff --git a/packages/template-retail-react-app/app/utils/phone-utils.test.js b/packages/template-retail-react-app/app/utils/phone-utils.test.js
index 809cda37b1..ecb69fc8c1 100644
--- a/packages/template-retail-react-app/app/utils/phone-utils.test.js
+++ b/packages/template-retail-react-app/app/utils/phone-utils.test.js
@@ -4,7 +4,7 @@
  * SPDX-License-Identifier: BSD-3-Clause
  * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
  */
-import * as utils from './phone-utils'
+import * as utils from 'retail-react-app/app/utils/phone-utils'
 
 test('formats a phone number', () => {
     expect(utils.formatPhoneNumber()).toBeUndefined()
diff --git a/packages/template-retail-react-app/app/utils/product-utils.test.js b/packages/template-retail-react-app/app/utils/product-utils.test.js
index 896087e5f7..02c4b4c661 100644
--- a/packages/template-retail-react-app/app/utils/product-utils.test.js
+++ b/packages/template-retail-react-app/app/utils/product-utils.test.js
@@ -5,7 +5,7 @@
  * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
  */
 
-import {getDisplayVariationValues} from './product-utils'
+import {getDisplayVariationValues} from 'retail-react-app/app/utils/product-utils'
 
 const variationAttributes = [
     {
diff --git a/packages/template-retail-react-app/app/utils/responsive-image.test.js b/packages/template-retail-react-app/app/utils/responsive-image.test.js
index 6eb67df07e..f8412b9564 100644
--- a/packages/template-retail-react-app/app/utils/responsive-image.test.js
+++ b/packages/template-retail-react-app/app/utils/responsive-image.test.js
@@ -5,7 +5,7 @@
  * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
  */
 
-import {getResponsiveImageAttributes, getSrc} from './responsive-image'
+import {getResponsiveImageAttributes, getSrc} from 'retail-react-app/app/utils/responsive-image'
 
 const disImageURL = {
     withOptionalParams:
diff --git a/packages/template-retail-react-app/app/utils/routes-utils.js b/packages/template-retail-react-app/app/utils/routes-utils.js
index 619865276e..e02e5e9caf 100644
--- a/packages/template-retail-react-app/app/utils/routes-utils.js
+++ b/packages/template-retail-react-app/app/utils/routes-utils.js
@@ -5,8 +5,8 @@
  * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
  */
 
-import {getSites} from './site-utils'
-import {urlPartPositions} from '../constants'
+import {getSites} from 'retail-react-app/app/utils/site-utils'
+import {urlPartPositions} from 'retail-react-app/app/constants'
 
 /**
  * Construct literal routes based on url config
diff --git a/packages/template-retail-react-app/app/utils/routes-utils.test.js b/packages/template-retail-react-app/app/utils/routes-utils.test.js
index 4e03cd5d33..db9229516f 100644
--- a/packages/template-retail-react-app/app/utils/routes-utils.test.js
+++ b/packages/template-retail-react-app/app/utils/routes-utils.test.js
@@ -5,7 +5,7 @@
  * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
  */
 import React from 'react'
-import {configureRoutes} from './routes-utils'
+import {configureRoutes} from 'retail-react-app/app/utils/routes-utils'
 
 describe('configureRoutes', function () {
     const cases = [
diff --git a/packages/template-retail-react-app/app/utils/site-utils.js b/packages/template-retail-react-app/app/utils/site-utils.js
index 8e09cc5bdc..0ec6c7a97c 100644
--- a/packages/template-retail-react-app/app/utils/site-utils.js
+++ b/packages/template-retail-react-app/app/utils/site-utils.js
@@ -6,7 +6,7 @@
  */
 
 import {getConfig} from 'pwa-kit-runtime/utils/ssr-config'
-import {absoluteUrl} from './url'
+import {absoluteUrl} from 'retail-react-app/app/utils/url'
 
 /**
  * This functions takes an url and returns a site object,
diff --git a/packages/template-retail-react-app/app/utils/site-utils.test.js b/packages/template-retail-react-app/app/utils/site-utils.test.js
index 155e4600ee..c59dca91c8 100644
--- a/packages/template-retail-react-app/app/utils/site-utils.test.js
+++ b/packages/template-retail-react-app/app/utils/site-utils.test.js
@@ -5,11 +5,11 @@
  * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
  */
 
-import {getDefaultSite, getSites, resolveSiteFromUrl} from './site-utils'
+import {getDefaultSite, getSites, resolveSiteFromUrl} from 'retail-react-app/app/utils/site-utils'
 import {getConfig} from 'pwa-kit-runtime/utils/ssr-config'
 
-import mockConfig from '../../config/mocks/default'
-import {getParamsFromPath, resolveLocaleFromUrl} from './site-utils'
+import mockConfig from 'retail-react-app/config/mocks/default'
+import {getParamsFromPath, resolveLocaleFromUrl} from 'retail-react-app/app/utils/site-utils'
 jest.mock('pwa-kit-runtime/utils/ssr-config', () => {
     const origin = jest.requireActual('pwa-kit-react-sdk/ssr/universal/utils')
     return {
diff --git a/packages/template-retail-react-app/app/utils/test-utils.js b/packages/template-retail-react-app/app/utils/test-utils.js
index 2c1d5ec9b1..25338fd186 100644
--- a/packages/template-retail-react-app/app/utils/test-utils.js
+++ b/packages/template-retail-react-app/app/utils/test-utils.js
@@ -10,20 +10,20 @@ import {BrowserRouter as Router} from 'react-router-dom'
 import {ChakraProvider} from '@chakra-ui/react'
 import PropTypes from 'prop-types'
 
-import theme from '../theme'
-import {AddToCartModalProvider} from '../hooks/use-add-to-cart-modal'
+import theme from 'retail-react-app/app/theme'
+import {AddToCartModalProvider} from 'retail-react-app/app/hooks/use-add-to-cart-modal'
 import {ServerContext} from 'pwa-kit-react-sdk/ssr/universal/contexts'
 import {IntlProvider} from 'react-intl'
 import {CommerceApiProvider} from 'commerce-sdk-react-preview'
 import {PageContext, Region} from 'commerce-sdk-react-preview/components'
 import {withReactQuery} from 'pwa-kit-react-sdk/ssr/universal/components/with-react-query'
-import fallbackMessages from '../translations/compiled/en-GB.json'
-import mockConfig from '../../config/mocks/default'
+import fallbackMessages from 'retail-react-app/app/translations/compiled/en-GB.json'
+import mockConfig from 'retail-react-app/config/mocks/default'
 // Contexts
-import {CurrencyProvider, MultiSiteProvider} from '../contexts'
+import {CurrencyProvider, MultiSiteProvider} from 'retail-react-app/app/contexts'
 
-import {createUrlTemplate} from './url'
-import {getSiteByReference} from './site-utils'
+import {createUrlTemplate} from 'retail-react-app/app/utils/url'
+import {getSiteByReference} from 'retail-react-app/app/utils/site-utils'
 import jwt from 'jsonwebtoken'
 import userEvent from '@testing-library/user-event'
 // This JWT's payload is special
diff --git a/packages/template-retail-react-app/app/utils/url.js b/packages/template-retail-react-app/app/utils/url.js
index d9ef3496fe..735b9ed6a3 100644
--- a/packages/template-retail-react-app/app/utils/url.js
+++ b/packages/template-retail-react-app/app/utils/url.js
@@ -11,8 +11,8 @@ import {
     getParamsFromPath,
     getDefaultSite,
     getSiteByReference
-} from './site-utils'
-import {HOME_HREF, urlPartPositions} from '../constants'
+} from 'retail-react-app/app/utils/site-utils'
+import {HOME_HREF, urlPartPositions} from 'retail-react-app/app/constants'
 
 /**
  * A function that takes a path and qualifies it with the current host and protocol.
diff --git a/packages/template-retail-react-app/app/utils/url.test.js b/packages/template-retail-react-app/app/utils/url.test.js
index 5f6af74241..9ad37c01e8 100644
--- a/packages/template-retail-react-app/app/utils/url.test.js
+++ b/packages/template-retail-react-app/app/utils/url.test.js
@@ -16,9 +16,9 @@ import {
     absoluteUrl,
     createUrlTemplate,
     removeSiteLocaleFromPath
-} from './url'
-import {getUrlConfig} from './site-utils'
-import mockConfig from '../../config/mocks/default'
+} from 'retail-react-app/app/utils/url'
+import {getUrlConfig} from 'retail-react-app/app/utils/site-utils'
+import mockConfig from 'retail-react-app/config/mocks/default'
 
 afterEach(() => {
     jest.clearAllMocks()
diff --git a/packages/template-retail-react-app/app/utils/utils.test.js b/packages/template-retail-react-app/app/utils/utils.test.js
index e8625f911c..a887f43a23 100644
--- a/packages/template-retail-react-app/app/utils/utils.test.js
+++ b/packages/template-retail-react-app/app/utils/utils.test.js
@@ -4,9 +4,9 @@
  * SPDX-License-Identifier: BSD-3-Clause
  * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
  */
-import * as utils from './utils'
+import * as utils from 'retail-react-app/app/utils/utils'
 import EventEmitter from 'events'
-import {flatten, shallowEquals} from './utils'
+import {flatten, shallowEquals} from 'retail-react-app/app/utils/utils'
 
 afterEach(() => {
     jest.clearAllMocks()
diff --git a/packages/template-retail-react-app/jest.config.js b/packages/template-retail-react-app/jest.config.js
index 16f350c374..febf9e08ea 100644
--- a/packages/template-retail-react-app/jest.config.js
+++ b/packages/template-retail-react-app/jest.config.js
@@ -14,7 +14,10 @@ module.exports = {
         ...base.moduleNameMapper,
         '^react$': '<rootDir>/node_modules/react/index.js',
         '^react-router-dom(.*)$': '<rootDir>/node_modules/react-router-dom/index.js',
-        '^@tanstack/react-query$': '<rootDir>/node_modules/@tanstack/react-query/build/lib/index.js'
+        '^retail-react-app(.*)$': '<rootDir>$1',
+        '^@tanstack/react-query$': '<rootDir>/node_modules/@tanstack/react-query/build/lib/index.js',
+        '^is-what$': '<rootDir>/node_modules/is-what/dist/cjs/index.cjs',
+        '^copy-anything$': '<rootDir>/node_modules/copy-anything/dist/cjs/index.cjs'
     },
     setupFilesAfterEnv: [path.join(__dirname, 'jest-setup.js')],
     collectCoverageFrom: [
diff --git a/packages/template-retail-react-app/jsconfig.json b/packages/template-retail-react-app/jsconfig.json
new file mode 100644
index 0000000000..91d29f6ca0
--- /dev/null
+++ b/packages/template-retail-react-app/jsconfig.json
@@ -0,0 +1,13 @@
+// for development convenience, this file helps IDE's find relative paths prefixed with
+// the self-reference (to this package) 'retail-react-app'
+
+// jsconfig.json
+{
+    "compilerOptions": {
+        "target": "ES6",
+        "baseUrl": "./",
+        "paths": {
+            "retail-react-app/*": ["./*"]
+        }
+    }
+}
diff --git a/packages/template-retail-react-app/package-lock.json b/packages/template-retail-react-app/package-lock.json
index 9e22377c67..0276ba1972 100644
--- a/packages/template-retail-react-app/package-lock.json
+++ b/packages/template-retail-react-app/package-lock.json
@@ -55,9 +55,6 @@
       "engines": {
         "node": "^16.11.0 || ^18.0.0",
         "npm": "^8.0.0 || ^9.0.0"
-      },
-      "peerDependencies": {
-        "@chakra-ui/system": "^2.5.6"
       }
     },
     "node_modules/@adobe/css-tools": {
@@ -2247,9 +2244,9 @@
       "dev": true
     },
     "node_modules/@types/debug": {
-      "version": "4.1.7",
-      "resolved": "https://registry.npmjs.org/@types/debug/-/debug-4.1.7.tgz",
-      "integrity": "sha512-9AonUzyTjXXhEOa0DnqpzZi6VHlqKMswga9EXjpXnnqxwLtdvPPtlO8evrI5D9S6asFRCQ6v+wpiUKbw+vKqyg==",
+      "version": "4.1.8",
+      "resolved": "https://registry.npmjs.org/@types/debug/-/debug-4.1.8.tgz",
+      "integrity": "sha512-/vPO1EPOs306Cvhwv7KfVfYvOJqA/S/AXjaHQiJboCZzcNDb+TIJFN9/2C9DZ//ijSKWioNyUxD792QmDJ+HKQ==",
       "dev": true,
       "dependencies": {
         "@types/ms": "*"
@@ -2359,9 +2356,9 @@
       "dev": true
     },
     "node_modules/@types/node": {
-      "version": "20.1.4",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.1.4.tgz",
-      "integrity": "sha512-At4pvmIOki8yuwLtd7BNHl3CiWNbtclUbNtScGx4OHfBd4/oWoJC8KRCIxXwkdndzhxOsPXihrsOoydxBjlE9Q==",
+      "version": "20.2.3",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.2.3.tgz",
+      "integrity": "sha512-pg9d0yC4rVNWQzX8U7xb4olIOFuuVL9za3bzMT2pu2SU0SNEi66i2qrvhE2qt0HvkhuCaWJu7pLNOt/Pj8BIrw==",
       "dev": true
     },
     "node_modules/@types/parse-json": {
@@ -3339,9 +3336,9 @@
       "dev": true
     },
     "node_modules/copy-anything": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/copy-anything/-/copy-anything-3.0.4.tgz",
-      "integrity": "sha512-MaQ9FwzlZ/KLeVCLhzI3rZw0EhrIryfZa3AyT4agVybR0DjlkDHA8898lamLD6kfkf9MMn8D+zDAUR4+GxaymQ==",
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/copy-anything/-/copy-anything-3.0.5.tgz",
+      "integrity": "sha512-yCEafptTtb4bk7GLEQoM8KVJpxAfdBJYaXyzQEgQQQgYrZiDp8SJmGKlYza6CYjEDNstAdNdKA3UuoULlEbS6w==",
       "dev": true,
       "dependencies": {
         "is-what": "^4.1.8"
@@ -4068,9 +4065,9 @@
       }
     },
     "node_modules/framer-motion": {
-      "version": "10.12.11",
-      "resolved": "https://registry.npmjs.org/framer-motion/-/framer-motion-10.12.11.tgz",
-      "integrity": "sha512-uNsJAc/BQZ9V7tYgzRBXSrEdB+YrdJTtRvgn+8lNAQucGKaINJBL8I4aqXxXdw+HzwJZb/uR955jnOrxBy5sTA==",
+      "version": "10.12.14",
+      "resolved": "https://registry.npmjs.org/framer-motion/-/framer-motion-10.12.14.tgz",
+      "integrity": "sha512-fOl7yuJJyI5Ed7OT/ZieQefhCDFklfvKyIiXFm3TGcLKx0pUBtfRycAdHguAuCNtW/+hq0Mtp82XMVWFifY9Eg==",
       "dev": true,
       "dependencies": {
         "tslib": "^2.4.0"
@@ -4802,9 +4799,9 @@
       }
     },
     "node_modules/is-core-module": {
-      "version": "2.12.0",
-      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.12.0.tgz",
-      "integrity": "sha512-RECHCBCd/viahWmwj6enj19sKbHfJrddi/6cBDsNTKbNq0f7VeaUkBo60BqzvPqo/W54ChS62Z5qyun7cfOMqQ==",
+      "version": "2.12.1",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.12.1.tgz",
+      "integrity": "sha512-Q4ZuBAe2FUsKtyQJoQHlvP8OvBERxO3jEmy1I7hcRXcJBGGHFh/aJBswbXuS9sgrDH2QUO8ilkwNPHvHMd8clg==",
       "dev": true,
       "dependencies": {
         "has": "^1.0.3"
@@ -5081,9 +5078,9 @@
       }
     },
     "node_modules/is-what": {
-      "version": "4.1.9",
-      "resolved": "https://registry.npmjs.org/is-what/-/is-what-4.1.9.tgz",
-      "integrity": "sha512-I3FU0rkVvwhgLLEs6iITwZ/JaLXe7tQcHyzupXky8jigt1vu4KM0UOqDr963j36JRvJ835EATVIm6MnGz/i1/g==",
+      "version": "4.1.11",
+      "resolved": "https://registry.npmjs.org/is-what/-/is-what-4.1.11.tgz",
+      "integrity": "sha512-gr9+qDrJvdwT4+N2TAACsZQIB4Ow9j2eefqlh3m9JUV41M1LoKhcE+/j+IVni/r6U8Jnc1PwhjdjVJr+Xmtb0A==",
       "dev": true,
       "engines": {
         "node": ">=12.13"
@@ -5555,9 +5552,9 @@
       }
     },
     "node_modules/lighthouse/node_modules/lighthouse-logger": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/lighthouse-logger/-/lighthouse-logger-1.3.0.tgz",
-      "integrity": "sha512-BbqAKApLb9ywUli+0a+PcV04SyJ/N1q/8qgCNe6U97KbPCS1BTksEuHFLYdvc8DltuhfxIUBqDZsC0bBGtl3lA==",
+      "version": "1.4.2",
+      "resolved": "https://registry.npmjs.org/lighthouse-logger/-/lighthouse-logger-1.4.2.tgz",
+      "integrity": "sha512-gPWxznF6TKmUHrOQjlVo2UbaL2EJ71mb2CCeRs/2qBpi4L/g4LUVc9+3lKQ6DTUZwJswfM7ainGrLO1+fOqa2g==",
       "dev": true,
       "dependencies": {
         "debug": "^2.6.9",
@@ -7985,9 +7982,9 @@
       }
     },
     "node_modules/tslib": {
-      "version": "2.5.0",
-      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.5.0.tgz",
-      "integrity": "sha512-336iVw3rtn2BUK7ORdIAHTyxHGRIHVReokCR3XjbckJMK7ms8FysBfhLR8IXnAgy7T0PTPNBWKiH514FOW/WSg==",
+      "version": "2.5.2",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.5.2.tgz",
+      "integrity": "sha512-5svOrSA2w3iGFDs1HibEVBGbDrAY82bFQ3HZ3ixB+88nsbsWQoKqDRb5UBYAUPEzbBn6dAp5gRNXglySbx1MlA==",
       "dev": true
     },
     "node_modules/type-fest": {
@@ -10225,9 +10222,9 @@
       "dev": true
     },
     "@types/debug": {
-      "version": "4.1.7",
-      "resolved": "https://registry.npmjs.org/@types/debug/-/debug-4.1.7.tgz",
-      "integrity": "sha512-9AonUzyTjXXhEOa0DnqpzZi6VHlqKMswga9EXjpXnnqxwLtdvPPtlO8evrI5D9S6asFRCQ6v+wpiUKbw+vKqyg==",
+      "version": "4.1.8",
+      "resolved": "https://registry.npmjs.org/@types/debug/-/debug-4.1.8.tgz",
+      "integrity": "sha512-/vPO1EPOs306Cvhwv7KfVfYvOJqA/S/AXjaHQiJboCZzcNDb+TIJFN9/2C9DZ//ijSKWioNyUxD792QmDJ+HKQ==",
       "dev": true,
       "requires": {
         "@types/ms": "*"
@@ -10330,9 +10327,9 @@
       "dev": true
     },
     "@types/node": {
-      "version": "20.1.4",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.1.4.tgz",
-      "integrity": "sha512-At4pvmIOki8yuwLtd7BNHl3CiWNbtclUbNtScGx4OHfBd4/oWoJC8KRCIxXwkdndzhxOsPXihrsOoydxBjlE9Q==",
+      "version": "20.2.3",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.2.3.tgz",
+      "integrity": "sha512-pg9d0yC4rVNWQzX8U7xb4olIOFuuVL9za3bzMT2pu2SU0SNEi66i2qrvhE2qt0HvkhuCaWJu7pLNOt/Pj8BIrw==",
       "dev": true
     },
     "@types/parse-json": {
@@ -11101,9 +11098,9 @@
       "dev": true
     },
     "copy-anything": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/copy-anything/-/copy-anything-3.0.4.tgz",
-      "integrity": "sha512-MaQ9FwzlZ/KLeVCLhzI3rZw0EhrIryfZa3AyT4agVybR0DjlkDHA8898lamLD6kfkf9MMn8D+zDAUR4+GxaymQ==",
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/copy-anything/-/copy-anything-3.0.5.tgz",
+      "integrity": "sha512-yCEafptTtb4bk7GLEQoM8KVJpxAfdBJYaXyzQEgQQQgYrZiDp8SJmGKlYza6CYjEDNstAdNdKA3UuoULlEbS6w==",
       "dev": true,
       "requires": {
         "is-what": "^4.1.8"
@@ -11684,9 +11681,9 @@
       "dev": true
     },
     "framer-motion": {
-      "version": "10.12.11",
-      "resolved": "https://registry.npmjs.org/framer-motion/-/framer-motion-10.12.11.tgz",
-      "integrity": "sha512-uNsJAc/BQZ9V7tYgzRBXSrEdB+YrdJTtRvgn+8lNAQucGKaINJBL8I4aqXxXdw+HzwJZb/uR955jnOrxBy5sTA==",
+      "version": "10.12.14",
+      "resolved": "https://registry.npmjs.org/framer-motion/-/framer-motion-10.12.14.tgz",
+      "integrity": "sha512-fOl7yuJJyI5Ed7OT/ZieQefhCDFklfvKyIiXFm3TGcLKx0pUBtfRycAdHguAuCNtW/+hq0Mtp82XMVWFifY9Eg==",
       "dev": true,
       "requires": {
         "@emotion/is-prop-valid": "^0.8.2",
@@ -12233,9 +12230,9 @@
       "dev": true
     },
     "is-core-module": {
-      "version": "2.12.0",
-      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.12.0.tgz",
-      "integrity": "sha512-RECHCBCd/viahWmwj6enj19sKbHfJrddi/6cBDsNTKbNq0f7VeaUkBo60BqzvPqo/W54ChS62Z5qyun7cfOMqQ==",
+      "version": "2.12.1",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.12.1.tgz",
+      "integrity": "sha512-Q4ZuBAe2FUsKtyQJoQHlvP8OvBERxO3jEmy1I7hcRXcJBGGHFh/aJBswbXuS9sgrDH2QUO8ilkwNPHvHMd8clg==",
       "dev": true,
       "requires": {
         "has": "^1.0.3"
@@ -12416,9 +12413,9 @@
       }
     },
     "is-what": {
-      "version": "4.1.9",
-      "resolved": "https://registry.npmjs.org/is-what/-/is-what-4.1.9.tgz",
-      "integrity": "sha512-I3FU0rkVvwhgLLEs6iITwZ/JaLXe7tQcHyzupXky8jigt1vu4KM0UOqDr963j36JRvJ835EATVIm6MnGz/i1/g==",
+      "version": "4.1.11",
+      "resolved": "https://registry.npmjs.org/is-what/-/is-what-4.1.11.tgz",
+      "integrity": "sha512-gr9+qDrJvdwT4+N2TAACsZQIB4Ow9j2eefqlh3m9JUV41M1LoKhcE+/j+IVni/r6U8Jnc1PwhjdjVJr+Xmtb0A==",
       "dev": true
     },
     "is-wsl": {
@@ -12774,9 +12771,9 @@
           "dev": true
         },
         "lighthouse-logger": {
-          "version": "1.3.0",
-          "resolved": "https://registry.npmjs.org/lighthouse-logger/-/lighthouse-logger-1.3.0.tgz",
-          "integrity": "sha512-BbqAKApLb9ywUli+0a+PcV04SyJ/N1q/8qgCNe6U97KbPCS1BTksEuHFLYdvc8DltuhfxIUBqDZsC0bBGtl3lA==",
+          "version": "1.4.2",
+          "resolved": "https://registry.npmjs.org/lighthouse-logger/-/lighthouse-logger-1.4.2.tgz",
+          "integrity": "sha512-gPWxznF6TKmUHrOQjlVo2UbaL2EJ71mb2CCeRs/2qBpi4L/g4LUVc9+3lKQ6DTUZwJswfM7ainGrLO1+fOqa2g==",
           "dev": true,
           "requires": {
             "debug": "^2.6.9",
@@ -14629,9 +14626,9 @@
       "dev": true
     },
     "tslib": {
-      "version": "2.5.0",
-      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.5.0.tgz",
-      "integrity": "sha512-336iVw3rtn2BUK7ORdIAHTyxHGRIHVReokCR3XjbckJMK7ms8FysBfhLR8IXnAgy7T0PTPNBWKiH514FOW/WSg==",
+      "version": "2.5.2",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.5.2.tgz",
+      "integrity": "sha512-5svOrSA2w3iGFDs1HibEVBGbDrAY82bFQ3HZ3ixB+88nsbsWQoKqDRb5UBYAUPEzbBn6dAp5gRNXglySbx1MlA==",
       "dev": true
     },
     "type-fest": {
diff --git a/packages/template-retail-react-app/package.json b/packages/template-retail-react-app/package.json
index c8d9d394a9..5c25083218 100644
--- a/packages/template-retail-react-app/package.json
+++ b/packages/template-retail-react-app/package.json
@@ -3,6 +3,9 @@
   "version": "3.0.0-dev",
   "private": true,
   "license": "See license in LICENSE",
+  "ccExtensibility": {
+    "extendable": ["retail-react-app"]
+  },
   "scripts": {
     "analyze-build": "cross-env MOBIFY_ANALYZE=true npm run build",
     "build": "npm run build-translations && pwa-kit-dev build",
diff --git a/packages/template-typescript-minimal/package-lock.json b/packages/template-typescript-minimal/package-lock.json
index 8aa09e2459..a91eac0c6a 100644
--- a/packages/template-typescript-minimal/package-lock.json
+++ b/packages/template-typescript-minimal/package-lock.json
@@ -243,9 +243,9 @@
       }
     },
     "node_modules/react-fast-compare": {
-      "version": "3.2.1",
-      "resolved": "https://registry.npmjs.org/react-fast-compare/-/react-fast-compare-3.2.1.tgz",
-      "integrity": "sha512-xTYf9zFim2pEif/Fw16dBiXpe0hoy5PxcD8+OwBnTtNLfIm3g6WxhKNurY+6OmdH1u6Ta/W/Vl6vjbYP1MFnDg==",
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/react-fast-compare/-/react-fast-compare-3.2.2.tgz",
+      "integrity": "sha512-nsO+KSNgo1SbJqJEYRE9ERzo7YtYbou/OqjSQKxV7jcKox7+usiUVZOAC+XnDOABXggQTno0Y1CpVnuWEc1boQ==",
       "dev": true
     },
     "node_modules/react-helmet": {
@@ -552,9 +552,9 @@
       }
     },
     "react-fast-compare": {
-      "version": "3.2.1",
-      "resolved": "https://registry.npmjs.org/react-fast-compare/-/react-fast-compare-3.2.1.tgz",
-      "integrity": "sha512-xTYf9zFim2pEif/Fw16dBiXpe0hoy5PxcD8+OwBnTtNLfIm3g6WxhKNurY+6OmdH1u6Ta/W/Vl6vjbYP1MFnDg==",
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/react-fast-compare/-/react-fast-compare-3.2.2.tgz",
+      "integrity": "sha512-nsO+KSNgo1SbJqJEYRE9ERzo7YtYbou/OqjSQKxV7jcKox7+usiUVZOAC+XnDOABXggQTno0Y1CpVnuWEc1boQ==",
       "dev": true
     },
     "react-helmet": {
diff --git a/packages/test-commerce-sdk-react/package-lock.json b/packages/test-commerce-sdk-react/package-lock.json
index b6e66fb009..9dc1429498 100644
--- a/packages/test-commerce-sdk-react/package-lock.json
+++ b/packages/test-commerce-sdk-react/package-lock.json
@@ -271,9 +271,9 @@
       }
     },
     "node_modules/react-fast-compare": {
-      "version": "3.2.1",
-      "resolved": "https://registry.npmjs.org/react-fast-compare/-/react-fast-compare-3.2.1.tgz",
-      "integrity": "sha512-xTYf9zFim2pEif/Fw16dBiXpe0hoy5PxcD8+OwBnTtNLfIm3g6WxhKNurY+6OmdH1u6Ta/W/Vl6vjbYP1MFnDg==",
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/react-fast-compare/-/react-fast-compare-3.2.2.tgz",
+      "integrity": "sha512-nsO+KSNgo1SbJqJEYRE9ERzo7YtYbou/OqjSQKxV7jcKox7+usiUVZOAC+XnDOABXggQTno0Y1CpVnuWEc1boQ==",
       "dev": true
     },
     "node_modules/react-helmet": {
@@ -607,9 +607,9 @@
       }
     },
     "react-fast-compare": {
-      "version": "3.2.1",
-      "resolved": "https://registry.npmjs.org/react-fast-compare/-/react-fast-compare-3.2.1.tgz",
-      "integrity": "sha512-xTYf9zFim2pEif/Fw16dBiXpe0hoy5PxcD8+OwBnTtNLfIm3g6WxhKNurY+6OmdH1u6Ta/W/Vl6vjbYP1MFnDg==",
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/react-fast-compare/-/react-fast-compare-3.2.2.tgz",
+      "integrity": "sha512-nsO+KSNgo1SbJqJEYRE9ERzo7YtYbou/OqjSQKxV7jcKox7+usiUVZOAC+XnDOABXggQTno0Y1CpVnuWEc1boQ==",
       "dev": true
     },
     "react-helmet": {