Merge pull request #72 from bc-chaz/update-npm-packages

feat(common): updates npm, packages, and tests

Author: bc-chaz

README.md

@@ -8,7 +8,7 @@ This demo includes all of the files necessary to get started with a basic, hello
 
 To get the app running locally, follow these instructions:
 
-1. [Use Node 10+](https://docs.npmjs.com/downloading-and-installing-node-js-and-npm#checking-your-version-of-npm-and-node-js)
+1. [Use Node 10+ and NPM 7+](https://docs.npmjs.com/downloading-and-installing-node-js-and-npm#checking-your-version-of-npm-and-node-js)
 2. Install npm packages
     - `npm install`
 3. [Add and start ngrok.](https://www.npmjs.com/package/ngrok#usage) Note: use port 3000 to match Next's server.

next-env.d.ts

@@ -1,2 +1,6 @@
 /// <reference types="next" />
 /// <reference types="next/types/global" />
+/// <reference types="next/image-types/global" />
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/basic-features/typescript for more information.

package-lock.json

@@ -14,17 +14,21 @@
   "keywords": [],
   "author": "",
   "license": "ISC",
+  "engines": {
+    "node": ">=10.13.0 <17",
+    "npm": ">=7.20.x <8.1.4"
+  },
   "dependencies": {
-    "@bigcommerce/big-design": "^0.27.0",
+    "@bigcommerce/big-design": "^0.30.2",
     "@bigcommerce/big-design-theme": "^0.13.1",
     "firebase": "^8.2.6",
     "jsonwebtoken": "^8.5.1",
     "mysql": "^2.18.1",
-    "next": "^10.2.3",
-    "node-bigcommerce": "bigcommerce/node-bigcommerce",
+    "next": "^11.1.1",
+    "node-bigcommerce": "github:bigcommerce/node-bigcommerce",
     "react": "^17.0.1",
     "react-dom": "^17.0.1",
-    "styled-components": "^4.4.1",
+    "styled-components": "^5.3.3",
     "swr": "^0.4.1"
   },
   "devDependencies": {
@@ -33,7 +37,7 @@
     "@types/jest": "^26.0.20",
     "@types/node": "^14.14.22",
     "@types/react": "^17.0.0",
-    "@types/styled-components": "^5.1.7",
+    "@types/styled-components": "^5.1.15",
     "@typescript-eslint/eslint-plugin": "^4.16.1",
     "@typescript-eslint/parser": "^4.16.1",
     "babel-jest": "^26.6.3",

package.json

@@ -2,58 +2,58 @@
 
 exports[`Homepage renders correctly 1`] = `
 <div
-  class="styled__StyledBox-sj5f1m-0 htmbUi styled__StyledPanel-sc-1h6ef3q-0 jooDHr"
+  class="styled__StyledBox-sc-sj5f1m-0 enCgpJ styled__StyledPanel-sc-1h6ef3q-0 ckPgGY"
 >
   <div
-    class="styled__StyledBox-sj5f1m-0 jvmRZj styled__StyledFlex-hcvk8l-0 kObzyk"
+    class="styled__StyledBox-sc-sj5f1m-0 gpwFUN styled__StyledFlex-sc-hcvk8l-0 dLyzVq"
   >
     <h2
-      class="styled__StyledH2-tqnj75-2 styled__StyledH2-sc-1h6ef3q-1 fJTAEy"
+      class="styled__StyledH2-sc-tqnj75-2 styled__StyledH2-sc-1h6ef3q-1 knwcSP ctLPEl"
     >
       Homepage
     </h2>
   </div>
   <div
-    class="styled__StyledBox-sj5f1m-0 jvmRZj styled__StyledFlex-hcvk8l-0 cyJYsQ"
+    class="styled__StyledBox-sc-sj5f1m-0 gpwFUN styled__StyledFlex-sc-hcvk8l-0 ehkSnw"
   >
     <div
-      class="styled__StyledBox-sj5f1m-0 cqnBsC pages__StyledBox-jwwna7-0 hLZLBD"
+      class="styled__StyledBox-sc-sj5f1m-0 eIgohU pages__StyledBox-sc-jwwna7-0 NXloA"
     >
       <h4
-        class="styled__StyledH4-tqnj75-4 clKqyF"
+        class="styled__StyledH4-sc-tqnj75-4 XWDyH"
       >
         Inventory count
       </h4>
       <h1
-        class="styled__StyledH1-tqnj75-1 kOjopT"
+        class="styled__StyledH1-sc-tqnj75-1 gMdvEW"
       >
         3
       </h1>
     </div>
     <div
-      class="styled__StyledBox-sj5f1m-0 cqnBsC pages__StyledBox-jwwna7-0 hLZLBD"
+      class="styled__StyledBox-sc-sj5f1m-0 eIgohU pages__StyledBox-sc-jwwna7-0 NXloA"
     >
       <h4
-        class="styled__StyledH4-tqnj75-4 clKqyF"
+        class="styled__StyledH4-sc-tqnj75-4 XWDyH"
       >
         Variant count
       </h4>
       <h1
-        class="styled__StyledH1-tqnj75-1 kOjopT"
+        class="styled__StyledH1-sc-tqnj75-1 gMdvEW"
       >
         2
       </h1>
     </div>
     <div
-      class="styled__StyledBox-sj5f1m-0 goqkha pages__StyledBox-jwwna7-0 hLZLBD"
+      class="styled__StyledBox-sc-sj5f1m-0 USQGy pages__StyledBox-sc-jwwna7-0 NXloA"
     >
       <h4
-        class="styled__StyledH4-tqnj75-4 clKqyF"
+        class="styled__StyledH4-sc-tqnj75-4 XWDyH"
       >
         Primary category
       </h4>
       <h1
-        class="styled__StyledH1-tqnj75-1 kOjopT"
+        class="styled__StyledH1-sc-tqnj75-1 gMdvEW"
       >
         widgets
       </h1>