@stytch/react 0.3.3 → 0.4.5

package/CHANGELOG.md

@@ -0,0 +1,15 @@
+# @stytch/react
+
+## 0.4.5
+
+### Patch Changes
+
+- Reset Password component doc fixes
+
+## 0.4.4
+
+### Patch Changes
+
+- Send methods in the SDK
+- Updated dependencies
+  - @stytch/vanilla-js@0.4.4

package/dist/index.d.ts

@@ -113,7 +113,32 @@ interface StytchResetPasswordProps extends StytchProps {
  * and {@link https://storybook.stytch.com interactive examples} for more.
  *
  * @example
- * TODO
+ * <StytchPasswordReset
+ *   config={{
+ *     products: ['emailMagicLinks', 'oauth'],
+ *     emailMagicLinksOptions: {
+ *       loginRedirectURL: 'https://example.com/authenticate',
+ *       signupRedirectURL: 'https://example.com/authenticate',
+ *     },
+ *     oauthOptions: {
+ *      providers: [{ type: OAuthProviders.Google }, { type: OAuthProviders.Microsoft }],
+ *    },
+ *   }}
+ *   passwordResetToken="PvC5UudZ7TPZbELt95yXAQ-8MeEUCRob8bUQ-g52fIJs"
+ *   styles={{
+ *     fontFamily: '"Helvetica New", Helvetica, sans-serif',
+ *     primaryColor: '#0577CA',
+ *     width: '321px',
+ *   }}
+ *   callbacks={{
+ *     onEvent: (event) => console.log(event)
+ *   }}
+ * />
+ *
+ * @param config - A {@link StytchLoginConfig} object
+ * @param passwordResetToken - A Stytch password reset token
+ * @param styles - An optional {@link StyleConfig} to customize the look and feel of the screen.
+ * @param callbacks - An optional {@link Callbacks} object
  */
 declare const StytchPasswordReset: ({ config, styles, callbacks, passwordResetToken }: StytchResetPasswordProps) => JSX.Element;
 /**

package/dist/index.esm.d.ts

@@ -113,7 +113,32 @@ interface StytchResetPasswordProps extends StytchProps {
  * and {@link https://storybook.stytch.com interactive examples} for more.
  *
  * @example
- * TODO
+ * <StytchPasswordReset
+ *   config={{
+ *     products: ['emailMagicLinks', 'oauth'],
+ *     emailMagicLinksOptions: {
+ *       loginRedirectURL: 'https://example.com/authenticate',
+ *       signupRedirectURL: 'https://example.com/authenticate',
+ *     },
+ *     oauthOptions: {
+ *      providers: [{ type: OAuthProviders.Google }, { type: OAuthProviders.Microsoft }],
+ *    },
+ *   }}
+ *   passwordResetToken="PvC5UudZ7TPZbELt95yXAQ-8MeEUCRob8bUQ-g52fIJs"
+ *   styles={{
+ *     fontFamily: '"Helvetica New", Helvetica, sans-serif',
+ *     primaryColor: '#0577CA',
+ *     width: '321px',
+ *   }}
+ *   callbacks={{
+ *     onEvent: (event) => console.log(event)
+ *   }}
+ * />
+ *
+ * @param config - A {@link StytchLoginConfig} object
+ * @param passwordResetToken - A Stytch password reset token
+ * @param styles - An optional {@link StyleConfig} to customize the look and feel of the screen.
+ * @param callbacks - An optional {@link Callbacks} object
  */
 declare const StytchPasswordReset: ({ config, styles, callbacks, passwordResetToken }: StytchResetPasswordProps) => JSX.Element;
 /**

package/dist/index.esm.js

@@ -225,7 +225,32 @@ const StytchLogin = ({ config, styles, callbacks }) => {
  * and {@link https://storybook.stytch.com interactive examples} for more.
  *
  * @example
- * TODO
+ * <StytchPasswordReset
+ *   config={{
+ *     products: ['emailMagicLinks', 'oauth'],
+ *     emailMagicLinksOptions: {
+ *       loginRedirectURL: 'https://example.com/authenticate',
+ *       signupRedirectURL: 'https://example.com/authenticate',
+ *     },
+ *     oauthOptions: {
+ *      providers: [{ type: OAuthProviders.Google }, { type: OAuthProviders.Microsoft }],
+ *    },
+ *   }}
+ *   passwordResetToken="PvC5UudZ7TPZbELt95yXAQ-8MeEUCRob8bUQ-g52fIJs"
+ *   styles={{
+ *     fontFamily: '"Helvetica New", Helvetica, sans-serif',
+ *     primaryColor: '#0577CA',
+ *     width: '321px',
+ *   }}
+ *   callbacks={{
+ *     onEvent: (event) => console.log(event)
+ *   }}
+ * />
+ *
+ * @param config - A {@link StytchLoginConfig} object
+ * @param passwordResetToken - A Stytch password reset token
+ * @param styles - An optional {@link StyleConfig} to customize the look and feel of the screen.
+ * @param callbacks - An optional {@link Callbacks} object
  */
 const StytchPasswordReset = ({ config, styles, callbacks, passwordResetToken }) => {
     invariant(useIsMounted__INTERNAL(), noProviderError('<StytchResetPassword />'));

package/dist/index.js

@@ -100,7 +100,7 @@ const useStytch = () => {
 const withStytch = (Component) => {
     const WithStytch = (props) => {
         invariant(useIsMounted__INTERNAL(), noProviderError('withStytch'));
-        return React__default["default"].createElement(Component, Object.assign({}, props, { stytch: useStytch() }));
+        return React__default['default'].createElement(Component, Object.assign({}, props, { stytch: useStytch() }));
     };
     WithStytch.displayName = `withStytch(${Component.displayName || Component.name || 'Component'})`;
     return WithStytch;
@@ -109,7 +109,7 @@ const withStytchUser = (Component) => {
     const WithStytchUser = (props) => {
         invariant(useIsMounted__INTERNAL(), noProviderError('withStytchUser'));
         const { user, fromCache } = useStytchUser();
-        return React__default["default"].createElement(Component, Object.assign({}, props, { stytchUser: user, stytchUserIsFromCache: fromCache }));
+        return React__default['default'].createElement(Component, Object.assign({}, props, { stytchUser: user, stytchUserIsFromCache: fromCache }));
     };
     WithStytchUser.displayName = `withStytchUser(${Component.displayName || Component.name || 'Component'})`;
     return WithStytchUser;
@@ -118,7 +118,7 @@ const withStytchSession = (Component) => {
     const WithStytchSession = (props) => {
         invariant(useIsMounted__INTERNAL(), noProviderError('withStytchSession'));
         const { session, fromCache } = useStytchSession();
-        return React__default["default"].createElement(Component, Object.assign({}, props, { stytchSession: session, stytchSessionIsFromCache: fromCache }));
+        return React__default['default'].createElement(Component, Object.assign({}, props, { stytchSession: session, stytchSessionIsFromCache: fromCache }));
     };
     WithStytchSession.displayName = `withStytchSession(${Component.displayName || Component.name || 'Component'})`;
     return WithStytchSession;
@@ -164,9 +164,9 @@ const StytchProvider = ({ stytch, children }) => {
     }, [stytch, setUser, setSession]);
     const finalSess = !!session.session === !!user.user ? session : initialSession;
     const finalUser = !!session.session === !!user.user ? user : initialUser;
-    return (React__default["default"].createElement(StytchContext.Provider, { value: ctx },
-        React__default["default"].createElement(StytchUserContext.Provider, { value: finalUser },
-            React__default["default"].createElement(StytchSessionContext.Provider, { value: finalSess }, children))));
+    return (React__default['default'].createElement(StytchContext.Provider, { value: ctx },
+        React__default['default'].createElement(StytchUserContext.Provider, { value: finalUser },
+            React__default['default'].createElement(StytchSessionContext.Provider, { value: finalSess }, children))));
 };
 
 /**
@@ -222,7 +222,7 @@ const StytchLogin = ({ config, styles, callbacks }) => {
             styles,
         });
     }, [stytchClient, config, styles, callbacks]);
-    return React__default["default"].createElement("div", { ref: containerEl });
+    return React__default['default'].createElement("div", { ref: containerEl });
 };
 /**
  * The Stytch Reset Password component.
@@ -233,7 +233,32 @@ const StytchLogin = ({ config, styles, callbacks }) => {
  * and {@link https://storybook.stytch.com interactive examples} for more.
  *
  * @example
- * TODO
+ * <StytchPasswordReset
+ *   config={{
+ *     products: ['emailMagicLinks', 'oauth'],
+ *     emailMagicLinksOptions: {
+ *       loginRedirectURL: 'https://example.com/authenticate',
+ *       signupRedirectURL: 'https://example.com/authenticate',
+ *     },
+ *     oauthOptions: {
+ *      providers: [{ type: OAuthProviders.Google }, { type: OAuthProviders.Microsoft }],
+ *    },
+ *   }}
+ *   passwordResetToken="PvC5UudZ7TPZbELt95yXAQ-8MeEUCRob8bUQ-g52fIJs"
+ *   styles={{
+ *     fontFamily: '"Helvetica New", Helvetica, sans-serif',
+ *     primaryColor: '#0577CA',
+ *     width: '321px',
+ *   }}
+ *   callbacks={{
+ *     onEvent: (event) => console.log(event)
+ *   }}
+ * />
+ *
+ * @param config - A {@link StytchLoginConfig} object
+ * @param passwordResetToken - A Stytch password reset token
+ * @param styles - An optional {@link StyleConfig} to customize the look and feel of the screen.
+ * @param callbacks - An optional {@link Callbacks} object
  */
 const StytchPasswordReset = ({ config, styles, callbacks, passwordResetToken }) => {
     invariant(useIsMounted__INTERNAL(), noProviderError('<StytchResetPassword />'));
@@ -260,7 +285,7 @@ const StytchPasswordReset = ({ config, styles, callbacks, passwordResetToken })
             });
         }
     }, [stytchClient, config, styles, callbacks, passwordResetToken]);
-    return React__default["default"].createElement("div", { ref: containerEl });
+    return React__default['default'].createElement("div", { ref: containerEl });
 };
 
 exports.StytchLogin = StytchLogin;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stytch/react",
-  "version": "0.3.3",
+  "version": "0.4.5",
   "description": "Stytch's official React Library",
   "main": "./dist/index.js",
   "module": "./dist/index.esm.js",
@@ -30,15 +30,15 @@
     "user"
   ],
   "devDependencies": {
-    "@babel/runtime": "^7.18.6",
-    "@stytch/vanilla-js": "0.3.3",
+    "@babel/runtime": "7.18.6",
+    "@stytch/vanilla-js": "0.4.4",
     "eslint-config-custom": "0.0.0",
-    "rollup": "^2.56.3",
+    "rollup": "2.56.3",
     "typescript": "4.7.4"
   },
   "peerDependencies": {
-    "@stytch/vanilla-js": "^0.3.3",
+    "@stytch/vanilla-js": "^0.4.4",
     "react": ">= 17.0.2",
     "react-dom": ">= 17.0.2"
   }
-}
+}