@stytch/react 0.0.0-rc.2 → 0.0.2-0

package/dist/index.d.ts

@@ -29,4 +29,5 @@ type StytchProviderProps = {
     children?: React.ReactNode;
 };
 declare const StytchProvider: ({ stytch, children }: StytchProviderProps) => JSX.Element;
-export { Stytch, useStytchUser, useStytchSession, useStytch, withStytch, withStytchUser, withStytchSession, StytchProviderProps, StytchProvider };
+export { Stytch, StytchProvider, useStytch, useStytchSession, useStytchUser, withStytch, withStytchSession, withStytchUser };
+export type { StytchProviderProps };

package/dist/index.esm.d.ts

@@ -29,4 +29,5 @@ type StytchProviderProps = {
     children?: React.ReactNode;
 };
 declare const StytchProvider: ({ stytch, children }: StytchProviderProps) => JSX.Element;
-export { Stytch, useStytchUser, useStytchSession, useStytch, withStytch, withStytchUser, withStytchSession, StytchProviderProps, StytchProvider };
+export { Stytch, StytchProvider, useStytch, useStytchSession, useStytchUser, withStytch, withStytchSession, withStytchUser };
+export type { StytchProviderProps };

package/dist/index.esm.js

@@ -1,9 +1,11 @@
 import * as React from 'react';
-import { StytchUIClient } from '@stytch/vanilla-js';
 
 const StytchUserContext = React.createContext(null);
 const StytchSessionContext = React.createContext(null);
 const StytchContext = React.createContext({});
+const isUIClient = (client) => {
+    return client.mount !== undefined;
+};
 const useStytchUser = () => {
     return React.useContext(StytchUserContext);
 };
@@ -76,7 +78,7 @@ const Stytch = ({ config, styles }) => {
         if (!stytchClient || !elementId) {
             return;
         }
-        if (!(stytchClient instanceof StytchUIClient)) {
+        if (!isUIClient(stytchClient)) {
             throw Error(`Tried to create a Stytch Login UI element using the Stytch Headless SDK.
 You must use the UI SDK to use UI elements.
 Please make sure you are importing from @stytch/vanilla-js and not from the @stytch/vanilla-js/headless.

package/dist/index.js

@@ -3,7 +3,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var vanillaJs = require('@stytch/vanilla-js');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -28,6 +27,9 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
 const StytchUserContext = React__namespace.createContext(null);
 const StytchSessionContext = React__namespace.createContext(null);
 const StytchContext = React__namespace.createContext({});
+const isUIClient = (client) => {
+    return client.mount !== undefined;
+};
 const useStytchUser = () => {
     return React__namespace.useContext(StytchUserContext);
 };
@@ -100,7 +102,7 @@ const Stytch = ({ config, styles }) => {
         if (!stytchClient || !elementId) {
             return;
         }
-        if (!(stytchClient instanceof vanillaJs.StytchUIClient)) {
+        if (!isUIClient(stytchClient)) {
             throw Error(`Tried to create a Stytch Login UI element using the Stytch Headless SDK.
 You must use the UI SDK to use UI elements.
 Please make sure you are importing from @stytch/vanilla-js and not from the @stytch/vanilla-js/headless.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stytch/react",
-  "version": "0.0.0-rc.2",
+  "version": "0.0.2-0",
   "description": "Stytch's official React Library",
   "main": "./dist/index.js",
   "module": "./dist/index.esm.js",
@@ -18,15 +18,15 @@
   "author": "Stytch",
   "devDependencies": {
     "@babel/runtime": "^7.18.6",
-    "@stytch/vanilla-js": "0.0.0-rc.3",
+    "@stytch/vanilla-js": "0.0.1",
     "eslint-config-custom": "0.0.0",
     "rollup": "^2.56.3",
     "typescript": "^4.5.3"
   },
   "peerDependencies": {
-    "@stytch/vanilla-js": "workspace:^0.0.0",
+    "@stytch/vanilla-js": "^0.0.1",
     "react": ">= 17.0.2",
     "react-dom": ">= 17.0.2"
   },
-  "stableVersion": "0.0.0"
+  "stableVersion": "0.0.1"
 }