Fix examples (#47)

stripe · Apr 20, 2020 · 80f3800 · 80f3800
1 parent 685d92f
commit 80f3800
Show file tree

Hide file tree

Showing 9 changed files with 62 additions and 933 deletions.
diff --git a/examples/parcel/package.json b/examples/parcel/package.json
@@ -23,5 +23,8 @@
     "@babel/preset-env": "^7.7.7",
     "@babel/runtime": "^7.7.7",
     "parcel-bundler": "^1.12.4"
+  },
+  "dependencies": {
+    "@stripe/stripe-js": "^1.4.0"
   }
 }
diff --git a/examples/parcel/src/index.js b/examples/parcel/src/index.js
@@ -1,5 +1,6 @@
+import {loadStripe} from '@stripe/stripe-js';
+
 import './styles.css';
-import {loadStripe} from '../../../src';
 
 (async () => {
   // setup DOM
@@ -13,11 +14,10 @@ import {loadStripe} from '../../../src';
   rootNode.appendChild(form);
 
   // setup Stripe.js and Elements
-  const Stripe = await loadStripe();
-  const stripe = Stripe('pk_test_TYooMQauvdEDq54NiTphI7jx');
+  const stripe = await loadStripe('pk_test_TYooMQauvdEDq54NiTphI7jx');
   const elements = stripe.elements();
 
-  // setup Card Element
+  // setup card Element
   const cardElement = elements.create('card', {});
   cardElement.mount(cardWrapper);
 

diff --git a/examples/parcel/yarn.lock b/examples/parcel/yarn.lock
@@ -765,6 +765,11 @@
     "@parcel/utils" "^1.11.0"
     physical-cpu-count "^2.0.0"
 
+"@stripe/stripe-js@^1.4.0":
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/@stripe/stripe-js/-/stripe-js-1.4.0.tgz#287b0fb653d9a34321dfa8b52f8c99b7983f2eda"
+  integrity sha512-ZvrD4s0T2VcZLXIll0eO9YO/Gnr2sgHgycqvSVN5A3ok/USesD9SL6j1vX9wTy7DVbm0vvQQE01Jap6PjP1IVw==
+
 "@types/q@^1.5.1":
   version "1.5.2"
   resolved "https://registry.yarnpkg.com/@types/q/-/q-1.5.2.tgz#690a1475b84f2a884fd07cd797c00f5f31356ea8"

diff --git a/examples/rollup/package.json b/examples/rollup/package.json
@@ -18,6 +18,7 @@
     ]
   },
   "dependencies": {
+    "@stripe/stripe-js": "^1.4.0",
     "express": "^4.17.1"
   },
   "devDependencies": {

diff --git a/examples/rollup/src/index.js b/examples/rollup/src/index.js
@@ -1,4 +1,4 @@
-import {loadStripe} from '../../../src';
+import {loadStripe} from '@stripe/stripe-js';
 
 (async () => {
   // setup DOM
@@ -12,11 +12,10 @@ import {loadStripe} from '../../../src';
   rootNode.appendChild(form);
 
   // setup Stripe.js and Elements
-  const Stripe = await loadStripe();
-  const stripe = Stripe('pk_test_TYooMQauvdEDq54NiTphI7jx');
+  const stripe = await loadStripe('pk_test_TYooMQauvdEDq54NiTphI7jx');
   const elements = stripe.elements();
 
-  // setup Card Element
+  // setup card Element
   const cardElement = elements.create('card', {});
   cardElement.mount(cardWrapper);
 

diff --git a/examples/rollup/yarn.lock b/examples/rollup/yarn.lock
@@ -696,6 +696,11 @@
   dependencies:
     estree-walker "^0.6.1"
 
+"@stripe/stripe-js@^1.4.0":
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/@stripe/stripe-js/-/stripe-js-1.4.0.tgz#287b0fb653d9a34321dfa8b52f8c99b7983f2eda"
+  integrity sha512-ZvrD4s0T2VcZLXIll0eO9YO/Gnr2sgHgycqvSVN5A3ok/USesD9SL6j1vX9wTy7DVbm0vvQQE01Jap6PjP1IVw==
+
 "@types/estree@*":
   version "0.0.41"
   resolved "https://registry.yarnpkg.com/@types/estree/-/estree-0.0.41.tgz#fd90754150b57432b72bf560530500597ff04421"

diff --git a/examples/webpack/package.json b/examples/webpack/package.json
@@ -33,5 +33,8 @@
     "webpack": "^4.41.0",
     "webpack-cli": "^3.3.9",
     "webpack-dev-server": "^3.8.1"
+  },
+  "dependencies": {
+    "@stripe/stripe-js": "^1.4.0"
   }
 }
diff --git a/examples/webpack/src/index.js b/examples/webpack/src/index.js
@@ -1,5 +1,6 @@
+import {loadStripe} from '@stripe/stripe-js';
+
 import './styles.css';
-import {loadStripe} from '../../../src';
 
 (async () => {
   // setup DOM
@@ -13,11 +14,10 @@ import {loadStripe} from '../../../src';
   rootNode.appendChild(form);
 
   // setup Stripe.js and Elements
-  const Stripe = await loadStripe();
-  const stripe = Stripe('pk_test_TYooMQauvdEDq54NiTphI7jx');
+  const stripe = await loadStripe('pk_test_TYooMQauvdEDq54NiTphI7jx');
   const elements = stripe.elements();
 
-  // setup Card Element
+  // setup card Element
   const cardElement = elements.create('card', {});
   cardElement.mount(cardWrapper);