@propeller-commerce/propeller-v2-react-ui 0.9.0 → 0.10.0

package/dist/index.d.cts

@@ -3,7 +3,7 @@ import { Services, ShopMode, UserMode, PriceComponentProps, StockComponentProps,
 export * from '@propeller-commerce/propeller-v2-core-ui';
 import * as React$1 from 'react';
 import React__default, { ReactNode, ComponentType } from 'react';
-import { GraphQLClient, Contact, Customer, Cart, CartMainItem, Product, Cluster, AddressType, Gender, YesNo, Address, TransformationsInput, MediaImageProductSearchInput, CartProcessResponse, Crossupsell, CartUpdateAddressInput, CartUpdateInput, CartAddressType, ClusterConfig, Company, CompanyVariables, PurchaseAuthorizationConfigCreateInput, PurchaseAuthorizationConfigUpdateInput, FavoriteList, DateSearchInput, DecimalSearchInput, OrderSortInput, OrderType, OrderSearchFields, Order, ProductTextFilterInput, AttributeFilter, ProductsResponse, Category, SparePart, ProductSortField, SortOrder, SparePartsResponse, SparePartsMachine, CrossupsellType, AttributeResult, RegisterContactInput as RegisterContactInput$1, PurchaseAuthorizationConfig, CartChildItemInput, CartAddress, WarehouseAddress, OrderAddress, CartBaseItem, CartCarrier, CartPaymethod, ClusterOption, ProductInventory, OrderItem, ProductPrice, Bundle, PaginatedMediaDocumentResponse, PaginatedMediaVideoResponse } from '@propeller-commerce/propeller-sdk-v2';
+import { GraphQLClient, Contact, Customer, Cart, CartMainItem, Product, Cluster, AddressType, Gender, YesNo, Address, MagicTokenCreateInput, MagicToken, TransformationsInput, MediaImageProductSearchInput, CartProcessResponse, Crossupsell, CartUpdateAddressInput, CartUpdateInput, CartAddressType, ClusterConfig, Company, CompanyVariables, PurchaseAuthorizationConfigCreateInput, PurchaseAuthorizationConfigUpdateInput, FavoriteList, DateSearchInput, DecimalSearchInput, OrderSortInput, OrderType, OrderSearchFields, Order, ProductTextFilterInput, AttributeFilter, ProductsResponse, Category, SparePart, ProductSortField, SortOrder, SparePartsResponse, SparePartsMachine, CrossupsellType, AttributeResult, RegisterContactInput as RegisterContactInput$1, PurchaseAuthorizationConfig, CartChildItemInput, CartAddress, WarehouseAddress, OrderAddress, CartBaseItem, CartCarrier, CartPaymethod, ClusterOption, ProductInventory, OrderItem, ProductPrice, Bundle, PaginatedMediaDocumentResponse, PaginatedMediaVideoResponse } from '@propeller-commerce/propeller-sdk-v2';
 
 /**
  * Tier 1 — application-wide infrastructure. Bound by `<PropellerDepsProvider>`
@@ -499,6 +499,10 @@ interface UseAuthReturn {
     error: string | null;
     /** Authenticates by email/password; pass `onLoginSubmit` to fully override the SDK login. */
     login: (email: string, password: string, onLoginSubmit?: (email: string, password: string) => Promise<Contact | Customer>) => Promise<Result<AuthSuccess, string>>;
+    /** Passwordless login: exchanges a backend-issued magic token for a session (then loads the viewer). */
+    magicLogin: (token: string) => Promise<Result<AuthSuccess, string>>;
+    /** Issues a magic token for a contact/customer (authenticated); its `id` is embedded in a magic-login link. */
+    createMagicToken: (input: MagicTokenCreateInput) => Promise<Result<MagicToken, string>>;
     /** Registers a B2B contact (and optionally a company + addresses); `autoLogin` keeps the session. */
     registerContact: (input: RegisterContactInput, preferredLanguage?: string, autoLogin?: boolean) => Promise<Result<AuthSuccess, string>>;
     /** Registers a B2C customer (and optionally addresses); `autoLogin` keeps the session. */

package/dist/index.d.ts

@@ -3,7 +3,7 @@ import { Services, ShopMode, UserMode, PriceComponentProps, StockComponentProps,
 export * from '@propeller-commerce/propeller-v2-core-ui';
 import * as React$1 from 'react';
 import React__default, { ReactNode, ComponentType } from 'react';
-import { GraphQLClient, Contact, Customer, Cart, CartMainItem, Product, Cluster, AddressType, Gender, YesNo, Address, TransformationsInput, MediaImageProductSearchInput, CartProcessResponse, Crossupsell, CartUpdateAddressInput, CartUpdateInput, CartAddressType, ClusterConfig, Company, CompanyVariables, PurchaseAuthorizationConfigCreateInput, PurchaseAuthorizationConfigUpdateInput, FavoriteList, DateSearchInput, DecimalSearchInput, OrderSortInput, OrderType, OrderSearchFields, Order, ProductTextFilterInput, AttributeFilter, ProductsResponse, Category, SparePart, ProductSortField, SortOrder, SparePartsResponse, SparePartsMachine, CrossupsellType, AttributeResult, RegisterContactInput as RegisterContactInput$1, PurchaseAuthorizationConfig, CartChildItemInput, CartAddress, WarehouseAddress, OrderAddress, CartBaseItem, CartCarrier, CartPaymethod, ClusterOption, ProductInventory, OrderItem, ProductPrice, Bundle, PaginatedMediaDocumentResponse, PaginatedMediaVideoResponse } from '@propeller-commerce/propeller-sdk-v2';
+import { GraphQLClient, Contact, Customer, Cart, CartMainItem, Product, Cluster, AddressType, Gender, YesNo, Address, MagicTokenCreateInput, MagicToken, TransformationsInput, MediaImageProductSearchInput, CartProcessResponse, Crossupsell, CartUpdateAddressInput, CartUpdateInput, CartAddressType, ClusterConfig, Company, CompanyVariables, PurchaseAuthorizationConfigCreateInput, PurchaseAuthorizationConfigUpdateInput, FavoriteList, DateSearchInput, DecimalSearchInput, OrderSortInput, OrderType, OrderSearchFields, Order, ProductTextFilterInput, AttributeFilter, ProductsResponse, Category, SparePart, ProductSortField, SortOrder, SparePartsResponse, SparePartsMachine, CrossupsellType, AttributeResult, RegisterContactInput as RegisterContactInput$1, PurchaseAuthorizationConfig, CartChildItemInput, CartAddress, WarehouseAddress, OrderAddress, CartBaseItem, CartCarrier, CartPaymethod, ClusterOption, ProductInventory, OrderItem, ProductPrice, Bundle, PaginatedMediaDocumentResponse, PaginatedMediaVideoResponse } from '@propeller-commerce/propeller-sdk-v2';
 
 /**
  * Tier 1 — application-wide infrastructure. Bound by `<PropellerDepsProvider>`
@@ -499,6 +499,10 @@ interface UseAuthReturn {
     error: string | null;
     /** Authenticates by email/password; pass `onLoginSubmit` to fully override the SDK login. */
     login: (email: string, password: string, onLoginSubmit?: (email: string, password: string) => Promise<Contact | Customer>) => Promise<Result<AuthSuccess, string>>;
+    /** Passwordless login: exchanges a backend-issued magic token for a session (then loads the viewer). */
+    magicLogin: (token: string) => Promise<Result<AuthSuccess, string>>;
+    /** Issues a magic token for a contact/customer (authenticated); its `id` is embedded in a magic-login link. */
+    createMagicToken: (input: MagicTokenCreateInput) => Promise<Result<MagicToken, string>>;
     /** Registers a B2B contact (and optionally a company + addresses); `autoLogin` keeps the session. */
     registerContact: (input: RegisterContactInput, preferredLanguage?: string, autoLogin?: boolean) => Promise<Result<AuthSuccess, string>>;
     /** Registers a B2C customer (and optionally addresses); `autoLogin` keeps the session. */

package/dist/index.js

@@ -4,7 +4,7 @@ export * from '@propeller-commerce/propeller-v2-core-ui';
 import * as React6 from 'react';
 import { createContext, useState, useRef, useMemo, useCallback, useContext, useEffect } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { ProductStatus, ProductSortField, SortOrder, PurchaseRole, CrossupsellType, CartStatus, CartAddressType, Gender, YesNo, AddressType, PaymentStatuses, OrderSearchFields, OrderItemClass, ProductSearchableField, machineService, AttributeType, OrderSortField, OrderType, OrderDiscountType, BundleCondition } from '@propeller-commerce/propeller-sdk-v2';
+import { ProductStatus, ProductSortField, SortOrder, PurchaseRole, CrossupsellType, CartStatus, CartAddressType, Gender, YesNo, AddressType, MagicTokenService, PaymentStatuses, OrderSearchFields, OrderItemClass, ProductSearchableField, machineService, AttributeType, OrderSortField, OrderType, OrderDiscountType, BundleCondition } from '@propeller-commerce/propeller-sdk-v2';
 import { User } from 'lucide-react';
 
 // src/index.ts
@@ -287,6 +287,66 @@ function useAuth(options) {
       setLoading(false);
     }
   }, [graphqlClient, language, onAuthHeaderUpdate, configuration]);
+  const magicLogin = useCallback(async (token) => {
+    setLoading(true);
+    setError(null);
+    try {
+      const loginResult = await new MagicTokenService(graphqlClient).magicTokenLogin(token);
+      const session = loginResult?.session;
+      const accessToken = session?.accessToken;
+      const refreshToken = session?.refreshToken;
+      const expiresAt = session?.expirationTime;
+      if (accessToken) {
+        const cfg = graphqlClient.getConfig();
+        graphqlClient.updateConfig({
+          headers: { ...cfg.headers, Authorization: `Bearer ${accessToken}` }
+        });
+        onAuthHeaderUpdate?.(accessToken);
+      }
+      const userService = createServices(graphqlClient).user;
+      const viewerInput = {
+        ...configuration?.contactTrackAttributes?.length && {
+          contactAttributesInput: { attributeDescription: { names: configuration.contactTrackAttributes } }
+        },
+        ...configuration?.customerTrackAttributes?.length && {
+          customerAttributesInput: { attributeDescription: { names: configuration.customerTrackAttributes } }
+        },
+        ...configuration?.companyTrackAttributes?.length && {
+          companyAttributesInput: { attributeDescription: { names: configuration.companyTrackAttributes } }
+        },
+        // See isViewerSearchInput — an empty array `[]` is truthy but 400s the viewer.
+        ...isViewerSearchInput(configuration?.contactPAConfigInput) && {
+          contactPAConfigInput: configuration.contactPAConfigInput
+        },
+        ...isViewerSearchInput(configuration?.contactCompaniesSearchInput) && {
+          contactCompaniesSearchInput: configuration.contactCompaniesSearchInput
+        }
+      };
+      const viewer = await userService.getViewer(viewerInput);
+      const user = viewer;
+      return ok({ user, accessToken, refreshToken, expiresAt });
+    } catch (e) {
+      const msg = e instanceof Error ? e.message : "Magic-token login failed";
+      setError(msg);
+      return err(msg);
+    } finally {
+      setLoading(false);
+    }
+  }, [graphqlClient, onAuthHeaderUpdate, configuration]);
+  const createMagicToken = useCallback(async (input) => {
+    setLoading(true);
+    setError(null);
+    try {
+      const token = await new MagicTokenService(graphqlClient).createMagicToken(input);
+      return ok(token);
+    } catch (e) {
+      const msg = e instanceof Error ? e.message : "Failed to create magic token";
+      setError(msg);
+      return err(msg);
+    } finally {
+      setLoading(false);
+    }
+  }, [graphqlClient]);
   const registerContact = useCallback(async (input, preferredLanguage = language, autoLogin = true) => {
     setLoading(true);
     setError(null);
@@ -533,7 +593,7 @@ function useAuth(options) {
       setLoading(false);
     }
   }, [graphqlClient]);
-  return { loading, error, login, registerContact, registerCustomer, forgotPassword };
+  return { loading, error, login, magicLogin, createMagicToken, registerContact, registerCustomer, forgotPassword };
 }
 async function initCart(config) {
   const {