From 714906e0a456f0b2e13b92406c906926e6cec681 Mon Sep 17 00:00:00 2001
From: Thanik Bhongbhibhat <mail@thanik.me>
Date: Thu, 14 Sep 2023 08:12:31 +0700
Subject: [PATCH] chore: cra-demo uses repo default dependencies (#58)

---
 examples/cra-demo/.eslintrc.yml |  9 +++++++++
 examples/cra-demo/package.json  | 17 +++--------------
 examples/cra-demo/src/App.tsx   |  1 +
 examples/cra-demo/src/index.css |  9 ++++++++-
 yarn.lock                       | 28 +++++++++-------------------
 5 files changed, 30 insertions(+), 34 deletions(-)
 create mode 100644 examples/cra-demo/.eslintrc.yml

diff --git a/examples/cra-demo/.eslintrc.yml b/examples/cra-demo/.eslintrc.yml
new file mode 100644
index 0000000..dce6542
--- /dev/null
+++ b/examples/cra-demo/.eslintrc.yml
@@ -0,0 +1,9 @@
+root: true
+extends:
+  - '../../.eslintrc.yml'
+ignorePatterns:
+  - jest.config.js
+  - jest.setup.js
+  - dist/
+parserOptions:
+  project: './tsconfig.json'
diff --git a/examples/cra-demo/package.json b/examples/cra-demo/package.json
index cb45de2..a4675a7 100644
--- a/examples/cra-demo/package.json
+++ b/examples/cra-demo/package.json
@@ -21,12 +21,6 @@
       "last 1 safari version"
     ]
   },
-  "eslintConfig": {
-    "extends": [
-      "react-app",
-      "react-app/jest"
-    ]
-  },
   "dependencies": {
     "@formspree/react": "*",
     "react": "^18.2.0",
@@ -34,16 +28,11 @@
     "react-dom": "^18.2.0",
     "react-google-recaptcha-v3": "^1.10.1",
     "react-scripts": "5.0.1",
-    "web-vitals": "^2.1.4"
+    "web-vitals": "^3.4.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.22.1",
-    "@babel/plugin-syntax-flow": "^7.21.4",
-    "@babel/plugin-transform-react-jsx": "^7.22.0",
-    "@types/node": "^16.11.42",
-    "@types/react": "^18.0.14",
+    "@types/react": "^18.0.15",
     "@types/react-copy-to-clipboard": "^5.0.3",
-    "@types/react-dom": "^18.0.5",
-    "typescript": "^4.7.4"
+    "@types/react-dom": "^18.0.6"
   }
 }
diff --git a/examples/cra-demo/src/App.tsx b/examples/cra-demo/src/App.tsx
index 776ef2f..0860b3b 100644
--- a/examples/cra-demo/src/App.tsx
+++ b/examples/cra-demo/src/App.tsx
@@ -28,6 +28,7 @@ const App = () => {
           <button
             type="button"
             className={`tab ${tab === 'stripe' && 'active'}`}
+            disabled={!process.env.REACT_APP_STRIPE_PUBLISHABLE_KEY}
             onClick={() => setTab('stripe')}
           >
             Stripe form
diff --git a/examples/cra-demo/src/index.css b/examples/cra-demo/src/index.css
index 4f237d9..64e6a78 100644
--- a/examples/cra-demo/src/index.css
+++ b/examples/cra-demo/src/index.css
@@ -82,6 +82,13 @@ button {
   -webkit-transition: all 150ms ease;
   transition: all 150ms ease;
   margin-top: 10px;
+  user-select: none;
+}
+
+button:disabled {
+  box-shadow: none;
+  opacity: 0.5;
+  pointer-events: none;
 }
 
 button:hover {
@@ -187,4 +194,4 @@ input:focus,
   color: #fff;
   padding: 0.3rem 0.5rem;
   border-radius: 5px;
-}
+}
\ No newline at end of file
diff --git a/yarn.lock b/yarn.lock
index f325ce9..fb6b26b 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -48,7 +48,7 @@
   resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.22.5.tgz#b1f6c86a02d85d2dd3368a2b67c09add8cd0c255"
   integrity sha512-4Jc/YuIaYqKnDDz892kPIledykKg12Aw1PYX5i/TY28anJtacvM1Rrr8wbieB9GfEJwlzqT0hUEao0CxEebiDA==
 
-"@babel/core@^7.1.0", "@babel/core@^7.11.1", "@babel/core@^7.12.3", "@babel/core@^7.16.0", "@babel/core@^7.22.1", "@babel/core@^7.7.2", "@babel/core@^7.8.0":
+"@babel/core@^7.1.0", "@babel/core@^7.11.1", "@babel/core@^7.12.3", "@babel/core@^7.16.0", "@babel/core@^7.7.2", "@babel/core@^7.8.0":
   version "7.22.1"
   resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.22.1.tgz#5de51c5206f4c6f5533562838337a603c1033cfd"
   integrity sha512-Hkqu7J4ynysSXxmAahpN1jjRwVJ+NdpraFLIWflgjpVob3KNyK3/tIUc7Q7szed8WMp0JNa7Qtd1E9Oo22F9gA==
@@ -687,7 +687,7 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.8.3"
 
-"@babel/plugin-syntax-flow@^7.18.6", "@babel/plugin-syntax-flow@^7.21.4":
+"@babel/plugin-syntax-flow@^7.18.6":
   version "7.21.4"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-flow/-/plugin-syntax-flow-7.21.4.tgz#3e37fca4f06d93567c1cd9b75156422e90a67107"
   integrity sha512-l9xd3N+XG4fZRxEP3vXdK6RW7vN1Uf5dxzRC/09wV86wqZ/YYQooBIGNsiRdfNR3/q2/5pPzV4B54J/9ctX5jw==
@@ -1483,7 +1483,7 @@
   dependencies:
     "@babel/plugin-transform-react-jsx" "^7.22.5"
 
-"@babel/plugin-transform-react-jsx@^7.18.6", "@babel/plugin-transform-react-jsx@^7.22.0", "@babel/plugin-transform-react-jsx@^7.22.3":
+"@babel/plugin-transform-react-jsx@^7.18.6", "@babel/plugin-transform-react-jsx@^7.22.3":
   version "7.22.3"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx/-/plugin-transform-react-jsx-7.22.3.tgz#5a1f380df3703ba92eb1a930a539c6d88836f690"
   integrity sha512-JEulRWG2f04a7L8VWaOngWiK6p+JOSpB+DAtwfJgOaej1qdbNxqtK7MwTBHjUA10NeFcszlFNqCdbRcirzh2uQ==
@@ -3597,11 +3597,6 @@
   resolved "https://registry.yarnpkg.com/@types/node/-/node-12.20.55.tgz#c329cbd434c42164f846b909bd6f85b5537f6240"
   integrity sha512-J8xLz7q2OFulZ2cyGTLE1TbbZcjpno7FaN6zdJNrgAdrJ+DZzh/uFR6YrTb4C+nXakvud8Q4+rbhoIWlYQbUFQ==
 
-"@types/node@^16.11.42":
-  version "16.18.34"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-16.18.34.tgz#62d2099b30339dec4b1b04a14c96266459d7c8b2"
-  integrity sha512-VmVm7gXwhkUimRfBwVI1CHhwp86jDWR04B5FGebMMyxV90SlCmFujwUHrxTD4oO+SOYU86SoxvhgeRQJY7iXFg==
-
 "@types/normalize-package-data@^2.4.0":
   version "2.4.1"
   resolved "https://registry.yarnpkg.com/@types/normalize-package-data/-/normalize-package-data-2.4.1.tgz#d3357479a0fdfdd5907fe67e17e0a85c906e1301"
@@ -3644,14 +3639,14 @@
   dependencies:
     "@types/react" "*"
 
-"@types/react-dom@^18.0.0", "@types/react-dom@^18.0.5", "@types/react-dom@^18.0.6":
+"@types/react-dom@^18.0.0", "@types/react-dom@^18.0.6":
   version "18.2.4"
   resolved "https://registry.yarnpkg.com/@types/react-dom/-/react-dom-18.2.4.tgz#13f25bfbf4e404d26f62ac6e406591451acba9e0"
   integrity sha512-G2mHoTMTL4yoydITgOGwWdWMVd8sNgyEP85xVmMKAPUBwQWm9wBPQUmvbeF4V3WBY1P7mmL4BkjQ0SqUpf1snw==
   dependencies:
     "@types/react" "*"
 
-"@types/react@*", "@types/react@^18.0.14", "@types/react@^18.0.15":
+"@types/react@*", "@types/react@^18.0.15":
   version "18.2.7"
   resolved "https://registry.yarnpkg.com/@types/react/-/react-18.2.7.tgz#dfb4518042a3117a045b8c222316f83414a783b3"
   integrity sha512-ojrXpSH2XFCmHm7Jy3q44nXDyN54+EYKP2lBhJ2bqfyPj6cIUW/FZW/Csdia34NQgq7KYcAlHi5184m4X88+yw==
@@ -11987,11 +11982,6 @@ typedarray-to-buffer@^3.1.5:
   dependencies:
     is-typedarray "^1.0.0"
 
-typescript@^4.7.4:
-  version "4.9.5"
-  resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.9.5.tgz#095979f9bcc0d09da324d58d03ce8f8374cbe65a"
-  integrity sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g==
-
 typescript@^5.1.3:
   version "5.1.3"
   resolved "https://registry.yarnpkg.com/typescript/-/typescript-5.1.3.tgz#8d84219244a6b40b6fb2b33cc1c062f715b9e826"
@@ -12201,10 +12191,10 @@ wcwidth@^1.0.1:
   dependencies:
     defaults "^1.0.3"
 
-web-vitals@^2.1.4:
-  version "2.1.4"
-  resolved "https://registry.yarnpkg.com/web-vitals/-/web-vitals-2.1.4.tgz#76563175a475a5e835264d373704f9dde718290c"
-  integrity sha512-sVWcwhU5mX6crfI5Vd2dC4qchyTqxV8URinzt25XqVh+bHEPGH4C3NPrNionCP7Obx59wrYEbNlw4Z8sjALzZg==
+web-vitals@^3.4.0:
+  version "3.4.0"
+  resolved "https://registry.yarnpkg.com/web-vitals/-/web-vitals-3.4.0.tgz#45ed33a3a2e029dc38d36547eb5d71d1c7e2552d"
+  integrity sha512-n9fZ5/bG1oeDkyxLWyep0eahrNcPDF6bFqoyispt7xkW0xhDzpUBTgyDKqWDi1twT0MgH4HvvqzpUyh0ZxZV4A==
 
 webidl-conversions@^3.0.0:
   version "3.0.1"