@stytch/vanilla-js 2.2.2 → 3.0.0

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @stytch/vanilla-js
 
+## 3.0.0
+
+### Major Changes
+
+- 5dd9d24: Change export of B2B Headless Client to separate subpackage to improve tree-shaking performance
+
+  ```javascript
+  import { StytchB2BHeadlessClient } from '@stytch/vanilla-js/b2b';
+  ```
+
+  Is now updated to
+
+  ```javascript
+  import { StytchB2BHeadlessClient } from '@stytch/vanilla-js/b2b/headless';
+  ```
+
 ## 2.2.2
 
 ### Patch Changes

package/README.md

@@ -12,7 +12,7 @@ npm install @stytch/vanilla-js
 
 The vanilla Stytch Javascript SDK is built on open web standards and is compatible with all Javascript frameworks.
 
-### `StytchUIClient`
+### **B2C** `StytchUIClient`
 
 The Stytch UI Client provides methods for interacting with the Stytch API from a browser environment, along with prebuilt UI components such as our login form.
 
@@ -45,9 +45,9 @@ stytch.mountLogin({
 });
 ```
 
-### `StytchHeadlessClient`
+### **B2C** `StytchHeadlessClient`
 
-Developers that don't use Stytch UI elements can use the `StytchHeadlessClient` instead, which is _significantly_ smaller (sub-20kb gzipped!)
+Developers that don't use Stytch UI elements can use the `StytchHeadlessClient` instead, which is _significantly_ smaller!
 
 ```js
 import { StytchHeadlessClient } from '@stytch/vanilla-js/headless';
@@ -58,6 +58,58 @@ const stytch = new StytchHeadlessClient('public-token-test-xxxxxxxx-xxxx-xxxx-xx
 stytch.magicLinks.email.loginOrCreate('charles.babbage@example.com');
 ```
 
+### **B2B** `StytchB2BUIClient`
+
+The Stytch UI Client provides methods for interacting with the Stytch API from a browser environment, along with prebuilt UI components such as our login form.
+
+```js
+import { StytchB2BUIClient } from '@stytch/vanilla-js/b2b';
+
+const stytch = new StytchB2BUIClient('public-token-test-xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx');
+
+// Call Stytch APIs from the browser
+stytch.magicLinks.email.loginOrSignup({
+  email_address: 'charles.babbage@example.com',
+  organization_id: 'organization-test-07971b06-ac8b-4cdb-9c15-63b17e653931',
+});
+
+// Render prebuilt UI
+stytch.mountLogin({
+  elementId: '#magic-link',
+  config: {
+    products: ['emailMagicLinks', 'oauth'],
+    emailMagicLinksOptions: {
+      loginRedirectURL: 'https://example.com/authenticate',
+      loginExpirationMinutes: 30,
+      signupRedirectURL: 'https://example.com/authenticate',
+      signupExpirationMinutes: 30,
+      createUserAsPending: true,
+    },
+    oauthOptions: {
+      providers: [{ type: 'google' }, { type: 'microsoft' }],
+      loginRedirectURL: 'https://example.com/authenticate',
+      signupRedirectURL: 'https://example.com/authenticate',
+    },
+  },
+});
+```
+
+### **B2C** `StytchB2BHeadlessClient`
+
+Developers that don't use Stytch UI elements can use the `StytchB2BHeadlessClient` instead, which is _significantly_ smaller!
+
+```js
+import { StytchB2BHeadlessClient } from '@stytch/vanilla-js/b2b/headless';
+
+const stytch = new StytchB2BHeadlessClient('public-token-test-xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx');
+
+// Call Stytch APIs from the browser
+stytch.magicLinks.email.loginOrSignup({
+  email_address: 'charles.babbage@example.com',
+  organization_id: 'organization-test-07971b06-ac8b-4cdb-9c15-63b17e653931',
+});
+```
+
 For more information on how to use the Stytch SDK, please refer to the
 [docs](https://stytch.com/docs/javascript-sdk).
 

package/b2b/headless/package.json

@@ -0,0 +1,6 @@
+{
+  "internal": true,
+  "main": "../../dist/b2b/index.headless.js",
+  "module": "../../dist/b2b/index.headless.esm.js",
+  "types": "../../dist/b2b/index.headless.d.ts"
+}

package/dist/b2b/index.d.ts

@@ -671,5 +671,5 @@ declare class StytchB2BUIClient extends StytchB2BHeadlessClient {
         config: StytchB2BUIConfig$0;
     }): void;
 }
-export { StytchB2BHeadlessClient, StytchB2BUIClient };
+export { StytchB2BUIClient };
 export * from '@stytch/core/public';

package/dist/b2b/index.esm.d.ts

@@ -671,5 +671,5 @@ declare class StytchB2BUIClient extends StytchB2BHeadlessClient {
         config: StytchB2BUIConfig$0;
     }): void;
 }
-export { StytchB2BHeadlessClient, StytchB2BUIClient };
+export { StytchB2BUIClient };
 export * from '@stytch/core/public';

package/dist/b2b/index.esm.js

@@ -2887,7 +2887,7 @@ var Re = /*#__PURE__*/function () {
         },
         sdk: {
           identifier: "Stytch.js Javascript SDK",
-          version: "2.2.2"
+          version: "3.0.0"
         }
       });
     }
@@ -15600,4 +15600,4 @@ var KA = /*#__PURE__*/function (_Xe) {
   }]);
   return KA;
 }(Xe);
-export { em as AuthFlowType, tm as B2BOAuthProviders, Xh as B2BProducts, Zh as BiometricsErrors, Lh as OAuthProviders, zh as OTPMethods, Dh as OneTapPositions, Rh as Products, nm as SDKAPIUnreachableError, Xe as StytchB2BHeadlessClient, KA as StytchB2BUIClient, Nh as StytchEventType, im as StytchSDKAPIError, am as StytchSDKNativeError, om as StytchSDKSchemaError, rm as StytchSDKUsageError, sm as UNRECOVERABLE_ERROR_TYPES, Mh as Wallets };
+export { em as AuthFlowType, tm as B2BOAuthProviders, Xh as B2BProducts, Zh as BiometricsErrors, Lh as OAuthProviders, zh as OTPMethods, Dh as OneTapPositions, Rh as Products, nm as SDKAPIUnreachableError, KA as StytchB2BUIClient, Nh as StytchEventType, im as StytchSDKAPIError, am as StytchSDKNativeError, om as StytchSDKSchemaError, rm as StytchSDKUsageError, sm as UNRECOVERABLE_ERROR_TYPES, Mh as Wallets };