@turnkey/sdk-react 1.1.1 → 2.0.0

package/dist/styles.esm.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Auth.module.css","OtpVerification.module.css","PhoneInput.css","Export.module.css","Import.module.css","theme.css","Socials.module.css"],"names":[],"mappings":"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","file":"styles.esm.css","sourcesContent":[".authCardLoading {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  max-width: 450px;\n  min-width: 375px;\n  height: 200px;\n  margin: 0 auto;\n  padding: 20px;\n  background: var(--card-bg);\n  border: 1px solid var(--card-border);\n  border-radius: var(--card-radius);\n  box-shadow: var(--card-shadow);\n  position: relative;\n}\n\n.verifyingText {\n  font-weight: bold;\n  font-size: 18px;\n  color: var(--text-primary);\n  margin-bottom: 20px;\n  text-align: center;\n}\n\n.loadingWrapper {\n  position: relative;\n  width: 100px;\n  height: 100px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-bottom: 8px;\n}\n\n.defaultLoader {\n  max-width: 450px;\n  min-width: 375px;\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  z-index: 1000;\n  width: 100%;\n}\n\n.circularProgress {\n  position: absolute;\n  color: var(--loader-color);\n}\n\n.oauthIcon {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 60px;\n  height: 60px;\n}\n\n.authCard {\n  position: relative;\n  width: 100%;\n  max-width: 450px;\n  min-width: 375px;\n  margin: 0 auto;\n  padding: 20px;\n  background: var(--card-bg);\n  border: 1px solid var(--card-border);\n  border-radius: var(--card-radius);\n  box-shadow: var(--card-shadow);\n}\n\n.authCard h2 {\n  font-size: 20px;\n  font-weight: 700;\n  line-height: 26px;\n  letter-spacing: -0.01em;\n  text-align: center;\n  font-size: 1.5rem;\n  margin-bottom: 16px;\n}\n\n/* Form */\n.authForm {\n  margin-bottom: 16px;\n}\n\n.inputGroup {\n  margin-bottom: 12px;\n}\n\n.authButton {\n  font-family: \"Inter\";\n  padding: 10px 16px;\n  gap: 8px;\n  color: var(--button-text);\n  width: 100%;\n  font-size: 1rem;\n  letter-spacing: -0.01em;\n  background: var(--button-bg);\n  border: 1px solid var(--button-border);\n  border-radius: 8px;\n  cursor: pointer;\n  text-align: center;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: background-color 0.2s ease;\n}\n\n.authButton:hover {\n  background-color: var(--button-hover-bg);\n  color: var(--button-hover-text);\n}\n\n.authButton:disabled {\n  color: var(--button-disabled-text);\n  background: var(--button-disabled-bg);\n  border-color: var(--button-disabled-border);\n  cursor: default;\n}\n\n/* Separator */\n.separator {\n  text-align: center;\n  margin: 16px 0;\n  position: relative;\n}\n\n.separator span {\n  color: var(--text-secondary);\n  padding: 0 10px;\n  position: relative;\n  z-index: 0;\n  font-size: 0.75rem;\n  background: var(--card-bg);\n}\n\n.separator::before {\n  content: \"\";\n  display: block;\n  position: absolute;\n  top: 50%;\n  left: 0;\n  right: 0;\n  height: 1px;\n  background: var(--card-border);\n  z-index: 0;\n}\n\n.tos {\n  font-size: 12px;\n  font-weight: 400;\n  line-height: 16px;\n  letter-spacing: -0.01em;\n  text-align: center;\n  color: var(--text-secondary);\n  margin-top: 20px;\n}\n\n.resendCode {\n  font-size: 12px;\n  line-height: 16px;\n  letter-spacing: -0.01em;\n  text-align: center;\n  color: var(--text-secondary);\n}\n\n.resendCodeBold {\n  color: var(--text-primary);\n  font-weight: 700;\n  cursor: pointer;\n}\n\n.tosBold {\n  color: var(--text-primary);\n  font-weight: 700;\n  cursor: pointer;\n  text-decoration: none;\n}\n\n.socialButtonContainer {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  text-align: center;\n}\n\n.poweredBy {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 2px;\n  font-size: 12px;\n  font-weight: 400;\n  line-height: 16px;\n  letter-spacing: -0.01em;\n  color: var(--text-secondary);\n  margin-top: 16px;\n  cursor: pointer;\n}\n\n.poweredBy span {\n  position: relative;\n}\n\n.phoneInput {\n  margin-top: 12px;\n  margin-bottom: 12px;\n}\n\n.errorText {\n  min-height: 16px;\n  text-align: center;\n  margin-top: 12px;\n  color: var(--error-color);\n  font-size: 12px;\n}\n\n.passkeyIconContainer {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 8px;\n  margin: 16px 0;\n}\n\n.rowsContainer {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  gap: 8px;\n  margin-top: 16px;\n  width: 95%;\n  margin-left: auto;\n  margin-right: auto;\n  margin-bottom: 32px;\n}\n\n.row {\n  display: flex;\n  align-items: center;\n}\n\n.rowIcon {\n  padding-right: 8px;\n}\n\n.noPasskeyLink {\n  letter-spacing: -0.01em;\n  color: var(--accent-color);\n  font-size: 1rem;\n  margin-top: 8px;\n  cursor: pointer;\n  align-items: center;\n  text-align: center;\n  display: inline-block;\n  transition: color 0.2s ease;\n}\n\n.noPasskeyLink:hover {\n  color: var(--text-primary);\n}\n\n.passkeyContainer {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 8px;\n  margin-top: 16px;\n}\n\n.socialButtonContainerInline {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 12px;\n}\n\n.socialButtonContainerStacked {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  text-align: center;\n}\n\n.primaryText {\n  color: var(--text-primary);\n}\n\n.secondaryText {\n  color: var(--text-secondary);\n}\n",".verifyingText {\n  font-weight: bold;\n  font-size: 18px;\n  color: var(--text-primary);\n  margin-bottom: 20px;\n  text-align: center;\n}\n\n.verification {\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 16px;\n  letter-spacing: -0.01em;\n  text-align: center;\n  color: var(--text-secondary);\n  margin-top: 16px;\n  height: 244px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  box-sizing: border-box;\n  max-width: 400px;\n  padding: 8px;\n  margin: 0 auto;\n  background-color: var(--card-bg);\n  border-radius: 8px;\n}\n\n.contentWrapper {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n}\n\n.otpInputWrapper {\n  width: 100%;\n}\n\n.loadingWrapper {\n  position: absolute;\n  width: 100px;\n  height: 100px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  z-index: 2;\n}\n\n.errorText {\n  min-height: 16px;\n  text-align: center;\n  margin-top: 8px;\n  color: var(--error-color);\n  font-size: 14px;\n  margin-bottom: 8px;\n  max-width: 320px;\n  word-wrap: break-word;\n}\n\n.verificationText {\n  font-size: 18px;\n  color: var(--text-primary);\n  font-weight: 500;\n}\n\n.verificationBold {\n  color: var(--text-primary);\n  font-weight: 600;\n  display: block;\n  margin-top: 8px;\n}\n\n.verificationIcon {\n  display: flex;\n  justify-content: center;\n  margin-bottom: 8px;\n}\n\n.circularProgress {\n  position: absolute;\n  color: var(--loader-color);\n}\n.resendCode {\n  font-size: 14px;\n  letter-spacing: -0.01em;\n  text-align: center;\n  color: var(--text-secondary);\n}\n\n.resendCodeBold {\n  color: var(--text-primary);\n  font-weight: 600;\n  cursor: pointer;\n}\n","@import \"react-international-phone/style.css\";\n",".exportModalTitle {\n  font-size: 18px;\n  line-height: 24px;\n  font-weight: 600;\n  letter-spacing: -0.01em;\n  text-align: left;\n  color: var(--text-primary);\n}\n\n.exportCard {\n  font-family: Inter;\n  position: relative;\n  width: 100%;\n  max-width: 450px;\n  min-width: 375px;\n  margin: 0 auto;\n  padding: 20px;\n  background: var(--card-bg);\n  border: 1px solid var(--card-border);\n  border-radius: var(--card-radius);\n  box-shadow: var(--card-shadow);\n}\n\n.exportCard h2 {\n  font-size: 20px;\n  font-weight: 700;\n  line-height: 26px;\n  letter-spacing: -0.01em;\n  text-align: center;\n  font-size: 1.5rem;\n  margin-bottom: 16px;\n  color: var(--text-primary);\n}\n\n.doneButtonContainer {\n  margin-top: 12px;\n}\n\n.exportButton {\n  letter-spacing: -0.01em;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: 10px 16px;\n  gap: 8px;\n  color: var(--button-text);\n  width: 100%;\n  font-size: 1rem;\n  background: var(--button-bg);\n  border: 1px solid var(--button-border);\n  border-radius: 8px;\n  cursor: pointer;\n  transition: background-color 0.3s ease;\n}\n\n.exportButton:hover {\n  background-color: var(--button-hover-bg);\n}\n\n.exportButton:disabled {\n  color: var(--button-disabled-text);\n  background: var(--button-disabled-bg);\n  border-color: var(--button-disabled-border);\n  cursor: default;\n}\n\n.rowsContainer {\n  font-family: Inter;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  gap: 16px;\n  margin-top: 16px;\n  width: 95%;\n  margin-right: auto;\n  margin-bottom: 32px;\n  color: var(--text-primary);\n}\n\n.row {\n  display: flex;\n  align-items: center;\n}\n\n.rowIcon {\n  padding-right: 8px;\n}\n\n.poweredBy {\n  font-family: Inter;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 2px;\n  font-size: 12px;\n  font-weight: 400;\n  line-height: 16px;\n  letter-spacing: -0.01em;\n  color: var(--text-secondary);\n  margin-top: 16px;\n  cursor: pointer;\n}\n\n.poweredBy span {\n  position: relative;\n}\n\niframe {\n  box-sizing: border-box;\n  border: 0 solid var(--border-default);\n}\n",".importModalTitle {\n  font-size: 18px;\n  line-height: 24px;\n  font-weight: 600;\n  letter-spacing: -0.01em;\n  text-align: left;\n  color: var(--text-primary);\n}\n\n.importCard {\n  font-family: Inter;\n  position: relative;\n  width: 100%;\n  max-width: 450px;\n  min-width: 375px;\n  margin: 0 auto;\n  padding: 20px;\n  background: var(--card-bg);\n  border: 1px solid var(--card-border);\n  border-radius: var(--card-radius);\n  box-shadow: var(--card-shadow);\n}\n\n.importCard h2 {\n  font-size: 20px;\n  font-weight: 700;\n  line-height: 26px;\n  letter-spacing: -0.01em;\n  text-align: center;\n  font-size: 1.5rem;\n  margin-bottom: 16px;\n  color: var(--text-primary);\n}\n\n.importButton {\n  letter-spacing: -0.01em;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: 10px 16px;\n  gap: 8px;\n  color: var(--button-text);\n  width: 100%;\n  font-size: 1rem;\n  background: var(--button-bg);\n  border: 1px solid var(--button-border);\n  border-radius: 8px;\n  cursor: pointer;\n  transition: background-color 0.3s ease;\n}\n\n.importButton:hover {\n  background-color: var(--button-hover-bg);\n}\n\n.importButton:disabled {\n  color: var(--button-disabled-text);\n  background: var(--button-disabled-bg);\n  border-color: var(--button-disabled-border);\n  cursor: default;\n}\n\n.poweredBy {\n  font-family: Inter;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 2px;\n  font-size: 12px;\n  font-weight: 400;\n  line-height: 16px;\n  letter-spacing: -0.01em;\n  color: var(--text-secondary);\n  margin-top: 16px;\n  cursor: pointer;\n}\n\n.poweredBy span {\n  position: relative;\n}\n\niframe {\n  box-sizing: border-box;\n  border: 0 solid var(--border-default);\n  width: 100%;\n  height: 100%;\n}\n","/* Define the font-face rules */\n@font-face {\n  font-family: \"Inter\";\n  font-style: normal;\n  font-weight: 400;\n  font-display: swap;\n  src: url(\"./assets/fonts/Inter-Regular.woff2\") format(\"woff2\");\n}\n\n@font-face {\n  font-family: \"Inter\";\n  font-style: normal;\n  font-weight: 600;\n  font-display: swap;\n  src: url(\"./assets/fonts/Inter-SemiBold.woff2?v=3.19\") format(\"woff2\");\n}\n\n:root {\n  font-family: \"Inter\";\n  /* Button Colors */\n  --button-bg: #ffffff; /* Default button background */\n  --button-text: var(--Greyscale-900, #2b2f33); /* Default button text */\n  --button-border: var(--Greyscale-400, #a2a7ae); /* Default button border */\n  --button-hover-bg: #f5f5f5; /* Hover button background */\n  --button-hover-text: var(--Greyscale-900, #2b2f33); /* Hover button text */\n  --button-disabled-bg: #ffffff; /* Disabled button background */\n  --button-disabled-text: var(\n    --Greyscale-700,\n    #a2a7ae\n  ); /* Disabled button text */\n  --button-disabled-border: var(\n    --Greyscale-100,\n    #f5f7fb\n  ); /* Disabled button border */\n\n  /* Input Field Colors */\n  --input-bg: #ffffff; /* Input field background */\n  --input-text: var(--Greyscale-900, #2b2f33); /* Input text color */\n  --input-border: var(--Greyscale-400, #d0d5dd); /* Input border color */\n  --input-hover-border: var(\n    --Greyscale-500,\n    #868c95\n  ); /* Input border on hover */\n  --input-focus-border: var(\n    --Greyscale-900,\n    #2b2f33\n  ); /* Input border on focus */\n\n  /* Text Colors */\n  --text-primary: var(--Greyscale-900, #2b2f33); /* Primary text */\n  --text-secondary: var(--Greyscale-500, #868c95); /* Secondary text */\n  --text-disabled: var(--Greyscale-700, #a2a7ae); /* Disabled text */\n\n  /* Border Colors */\n  --border-default: var(--Greyscale-400, #a2a7ae); /* Default border */\n  --border-hover: var(--Greyscale-500, #868c95); /* Hover border */\n  --border-disabled: var(--Greyscale-100, #f5f7fb); /* Disabled border */\n\n  /* Card Colors */\n  --card-bg: var(--Greyscale-20, #f5f7fb); /* Default auth-card background */\n  --card-border: var(--Greyscale-100, #ebedf2); /* Default auth-card border */\n  --card-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); /* Default auth-card shadow */\n  --card-radius: 15px; /* Default auth-card border radius */\n\n  /* Misc Colors */\n  --accent-color: var(--Blue-500, #4c48ff);\n  --loader-color: var(--Blue-500, #4c48ff);\n  --icon-color: var(--Greyscale-900, #2b2f33);\n  --error-color: #ff4c4c;\n}\n",".socialButton {\n  letter-spacing: -0.01em;\n  font-family: \"Inter\";\n  padding: 10px 16px;\n  gap: 8px;\n  color: var(--button-text);\n  width: 100%;\n  font-size: 1rem;\n  background: var(--button-bg);\n  border: 1px solid var(--button-border);\n  border-radius: 8px;\n  cursor: pointer;\n  text-align: center;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: background-color 0.2s ease;\n}\n\n.iconButton {\n  padding: 10px 16px;\n  gap: 8px;\n  color: var(--button-text);\n  width: 100%;\n  font-size: 1rem;\n  background: var(--button-bg);\n  border: 1px solid var(--button-border);\n  border-radius: 8px;\n  cursor: pointer;\n  text-align: center;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: background-color 0.2s ease;\n}\n\n.socialButton:hover {\n  background-color: var(--button-hover-bg);\n}\n\n.iconButton:hover {\n  background-color: var(--button-hover-bg);\n}\n\n.iconSmall {\n  width: 20px;\n  height: 20px;\n  margin-right: 4px;\n}\n\n.iconLarge {\n  width: 24px;\n  height: 24px;\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@turnkey/sdk-react",
-  "version": "1.1.1",
+  "version": "2.0.0",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "exports": {
@@ -9,6 +9,11 @@
       "import": "./dist/index.mjs",
       "require": "./dist/index.js",
       "default": "./dist/index.mjs"
+    },
+    "./styles": {
+      "import": "./dist/styles.esm.css",
+      "require": "./dist/styles.cjs.css",
+      "default": "./dist/styles.esm.css"
     }
   },
   "types": "./dist/index.d.ts",
@@ -38,9 +43,22 @@
     "access": "public"
   },
   "dependencies": {
+    "@emotion/react": "^11.13.3",
+    "@emotion/styled": "^11.13.0",
+    "@icons-pack/react-simple-icons": "^10.1.0",
+    "@mui/icons-material": "^6.1.5",
+    "@mui/material": "^6.1.5",
+    "@noble/hashes": "1.4.0",
+    "@react-oauth/google": "^0.12.1",
     "usehooks-ts": "^3.1.0",
-    "@turnkey/sdk-browser": "1.10.1",
-    "@turnkey/wallet-stamper": "1.0.0"
+    "libphonenumber-js": "^1.11.14",
+    "next": "^15.0.2",
+    "react-apple-login": "^1.1.6",
+    "react-international-phone": "^4.3.0",
+    "@turnkey/crypto": "2.3.0",
+    "@turnkey/wallet-stamper": "1.0.2",
+    "@turnkey/sdk-browser": "1.11.0",
+    "@turnkey/sdk-server": "1.7.1"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0"