@primer-io/primer-js 1.0.3 → 1.0.5

package/dist/jsx/index.d.ts

@@ -91,8 +91,6 @@ This is used to control the CSS-only loader visibility */
   /**  */
   vaultManagerController?: VaultManagerController;
   /**  */
-  cardNetworkController?: CardNetworkController;
-  /**  */
   achPaymentEventsController?: AchPaymentEventsController;
   /**  */
   headlessSdkController?: HeadlessSdkController;
@@ -419,6 +417,8 @@ export type PortalDialogComponentProps = {
   /**  */
   showCloseButton?: boolean;
   /**  */
+  darkMode?: boolean;
+  /**  */
   onOpen?: () => void | undefined;
   /**  */
   onContentRendered?: () => void | undefined;
@@ -461,6 +461,8 @@ export type RedirectPaymentComponentProps = {
   sdkState?: SdkStateContextType;
   /**  */
   headlessUtils?: HeadlessUtilsContextType;
+  /**  */
+  clientOptions?: ClientOptionsContextType | undefined;
 };
 
 export type ShowOtherPaymentsComponentProps = {

package/dist/primer-loader.d.ts

@@ -1325,6 +1325,7 @@ export interface HeadlessUniversalCheckoutOptions {
 	}) => void;
 	onPaymentCreationStart?: () => void;
 	onPaymentMethodAction?: (data: "PAYMENT_METHOD_SELECTED" | "PAYMENT_METHOD_UNSELECTED", handler: {
+		payment?: Payment;
 		paymentMethodType: PaymentMethodType | null;
 	}) => void;
 	onClientSessionUpdate?: (clientSession: ClientSession) => void;
@@ -1545,6 +1546,27 @@ export interface PrimerCheckoutOptions {
 			requireShippingMethod?: boolean;
 		};
 	};
+	/**
+	 * Options for using gift cards as a payment method
+	 */
+	giftCard?: {
+		/**
+		 * The source URL of the button logo.
+		 */
+		logoSrc: string;
+		/**
+		 * The background color of the button.
+		 */
+		background: string;
+		/**
+		 * An alternative text for the button logo.
+		 */
+		logoAlt?: string;
+		/**
+		 * The text to display on the button.
+		 */
+		text?: string;
+	};
 	/**
 	 * Configuration options for Google Pay button and payment flow.
 	 *
@@ -1927,37 +1949,14 @@ export interface AssetsConfig {
 	name: string;
 	iconUrl: string;
 }
-export type ReducerCallbacks<State, _Action extends {
-	type: string;
-}> = {
-	[K in keyof State]?: State[K] extends (...args: unknown[]) => unknown ? State[K] : never;
+export type AnalyticsContextType = AnalyticsUtils | null;
+export type EventsContextType = PrimerEventsController | null;
+export type HeadlessUtilsContextType = HeadlessSDKUtilities | null;
+export type ConfigurationContextType = ClientConfiguration | null;
+export type KlarnaCategoriesContextType = {
+	categories: KlarnaPaymentMethodCategory[];
+	isLoading: boolean;
 };
-export type TypedReducer<State, Action extends {
-	type: string;
-}, Callbacks> = (state: State, action: Action, callbacks: Callbacks) => State;
-declare abstract class ReactiveStateController<Host extends ReactiveControllerHost, State, Action extends {
-	type: string;
-}, Callbacks = ReducerCallbacks<State, Action> | null> implements ReactiveController {
-	protected host: Host;
-	protected stateHandler: (state: State) => void;
-	private _dispatcher;
-	constructor(host: Host, initialState: State, reducer: TypedReducer<State, Action, Callbacks>, initialCallbacks: Callbacks, stateHandler?: (state: State) => void);
-	get currentState(): Readonly<State>;
-	protected dispatch(action: Action): void;
-	protected setCallbacks(callbacks: Partial<Callbacks>): void;
-	hostConnected(): void;
-	hostDisconnected(): void;
-}
-declare class CompositeStateController<Host extends ReactiveControllerHost> implements ReactiveController {
-	protected host: Host;
-	private _controllers;
-	constructor(host: Host);
-	addController<State, Action extends {
-		type: string;
-	}, Callbacks = ReducerCallbacks<State, Action> | null>(controller: ReactiveStateController<Host, State, Action, Callbacks>): void;
-	hostConnected(): void;
-	hostDisconnected(): void;
-}
 /**
  * Options for initializing the Vault Manager
  */
@@ -1996,6 +1995,158 @@ export interface VaultManagerItemState {
 	selectedVaultedPaymentMethod: VaultedPaymentMethod | null;
 	setSelectedVaultedPaymentMethod: (paymentMethod: VaultedPaymentMethod | null) => void;
 }
+/**
+ * Context for core vault manager functionality
+ * Contains properties that don't change frequently and relate to vault functionality
+ */
+export type VaultManagerContextType = VaultManagerState | null;
+/**
+ * Context for vault manager CVV-specific state
+ * Contains properties specifically related to CVV input functionality
+ * Further separated to minimize re-renders related to frequently changing CVV input state
+ */
+export type VaultItemContextType = VaultManagerItemState | null;
+declare class SDKContextController implements ReactiveController {
+	host: PrimerCheckoutType;
+	private sdkStateProvider;
+	private paymentMethodsProvider;
+	private paymentManagerProvider;
+	private cardNetworksContext;
+	private vaultManagerProvider;
+	private vaultManagerCvvProvider;
+	private clientOptionsContext;
+	private headlessUtilsProvider;
+	private configurationProvider;
+	private klarnaCategoriesProvider;
+	private computedStylesProvider;
+	private analyticsProvider;
+	private eventsProvider;
+	constructor(host: PrimerCheckoutType);
+	hostConnected(): void;
+	/**
+	 * Updates the SDK state context.
+	 * @param value The new SDK state.
+	 */
+	setSdkState(value: SdkStateContextType): void;
+	/**
+	 * Updates the payment methods context.
+	 * @param value The new payment methods data.
+	 */
+	setPaymentMethods(value: InitializedPaymentMethod[]): void;
+	/**
+	 * Updates the payment manager context.
+	 * @param value The new payment manager mapping.
+	 */
+	setPaymentManagers(value: InitializedManagersMap): void;
+	setCardNetworks(value: CardNetworksContextType): void;
+	setCardNetworksLoadingFalse(): void;
+	setVaultManager(value: VaultManagerContextType): void;
+	setKlarnaCategories(value: KlarnaCategoriesContextType): void;
+	setClientOptions(value: PrimerCheckoutOptions | null): void;
+	setHeadlessUtils(value: HeadlessUtilsContextType): void;
+	setConfiguration(value: ConfigurationContextType): void;
+	setAnalyticsUtils(value: AnalyticsContextType): void;
+	getAnalyticsUtils(): AnalyticsContextType | undefined;
+	setComputedStyles(value: CSSStyleDeclaration): void;
+	setVaultManagerCvv(value: VaultItemContextType): void;
+	/**
+	 * Updates the events context.
+	 * @param value The new events controller.
+	 */
+	setEventsController(value: EventsContextType): void;
+}
+export type ReducerCallbacks<State, _Action extends {
+	type: string;
+}> = {
+	[K in keyof State]?: State[K] extends (...args: unknown[]) => unknown ? State[K] : never;
+};
+export type TypedReducer<State, Action extends {
+	type: string;
+}, Callbacks> = (state: State, action: Action, callbacks: Callbacks) => State;
+declare abstract class ReactiveStateController<Host extends ReactiveControllerHost, State, Action extends {
+	type: string;
+}, Callbacks = ReducerCallbacks<State, Action> | null> implements ReactiveController {
+	protected host: Host;
+	protected stateHandler: (state: State) => void;
+	private _dispatcher;
+	constructor(host: Host, initialState: State, reducer: TypedReducer<State, Action, Callbacks>, initialCallbacks: Callbacks, stateHandler?: (state: State) => void);
+	get currentState(): Readonly<State>;
+	protected dispatch(action: Action): void;
+	protected setCallbacks(callbacks: Partial<Callbacks>): void;
+	hostConnected(): void;
+	hostDisconnected(): void;
+}
+declare class CompositeStateController<Host extends ReactiveControllerHost> implements ReactiveController {
+	protected host: Host;
+	private _controllers;
+	constructor(host: Host);
+	addController<State, Action extends {
+		type: string;
+	}, Callbacks = ReducerCallbacks<State, Action> | null>(controller: ReactiveStateController<Host, State, Action, Callbacks>): void;
+	hostConnected(): void;
+	hostDisconnected(): void;
+}
+export type SdkStateAction = {
+	type: "SET_LOADING";
+	payload: boolean;
+} | {
+	type: "SET_PROCESSING";
+	payload: boolean;
+} | {
+	type: "SET_SUCCESS";
+	payload: boolean;
+} | {
+	type: "SET_PRIMER_JS_ERROR";
+	payload: Error | null;
+} | {
+	type: "SET_PAYMENT_FAILURE";
+	payload: {
+		code: string;
+		message: string;
+		diagnosticsId?: string | null;
+		data?: Record<string, unknown>;
+	} | null;
+} | {
+	type: "COMPLETE_PROCESSING";
+} | {
+	type: "RESET";
+};
+declare class SdkStateController extends ReactiveStateController<PrimerCheckoutType, SdkState, SdkStateAction, null> {
+	constructor(host: PrimerCheckoutType);
+	setLoading(loading: boolean): void;
+	setProcessing(processing: boolean): void;
+	setSuccess(success: boolean): void;
+	setPrimerJsError(error: Error | null): void;
+	setPaymentFailure(failure: {
+		code: string;
+		message: string;
+		diagnosticsId?: string | null;
+		data?: Record<string, unknown>;
+	} | null): void;
+	completeProcessing(): void;
+	reset(): void;
+	startLoading(): void;
+	completeLoading(): void;
+	startProcessing(): void;
+	stopProcessing(): void;
+	resetError(): void;
+	forceCompleteLoading(): void;
+}
+/**
+ * PrimerCheckoutType defines the interface for the primer-checkout component implementation.
+ * This includes both the properties and controllers needed for internal functionality.
+ */
+export interface PrimerCheckoutType extends ReactiveControllerHost, LitElement {
+	requestUpdate: ReactiveControllerHost["requestUpdate"];
+	customStyles: string;
+	clientToken: string;
+	options: PrimerCheckoutOptions;
+	sdkContextController: SDKContextController;
+	sdkStateController: SdkStateController;
+	primerEventsController: PrimerEventsController;
+	vaultManagerController: VaultManagerController;
+	primerJS?: PrimerJS;
+}
 declare class VaultManagerController extends CompositeStateController<PrimerCheckoutType> {
 	private coreController;
 	private itemController;
@@ -2441,6 +2592,7 @@ export interface PrimerEvents {
 		timestamp: number;
 	}>;
 	"primer:payment-cancel": CustomEvent<{
+		payment?: PaymentSummary;
 		paymentMethodType: PaymentMethodType | null;
 		timestamp: number;
 	}>;
@@ -2480,6 +2632,7 @@ declare class PrimerEventsController implements ReactiveController {
 	dispatchFormSubmitErrors(errors: InputValidationError[]): void;
 	dispatchPaymentCancel(data: {
 		paymentMethodType: PaymentMethodType | null;
+		payment?: Payment;
 	}): void;
 	/**
 	 * Handle external card submit events and forward them through the event system.
@@ -2564,157 +2717,6 @@ declare class PrimerEventsController implements ReactiveController {
 	 */
 	dispatchShowOtherPaymentsToggled(expanded: boolean): void;
 }
-export type AnalyticsContextType = AnalyticsUtils | null;
-export type EventsContextType = PrimerEventsController | null;
-export type HeadlessUtilsContextType = HeadlessSDKUtilities | null;
-export type ConfigurationContextType = ClientConfiguration | null;
-export type KlarnaCategoriesContextType = {
-	categories: KlarnaPaymentMethodCategory[];
-	isLoading: boolean;
-};
-/**
- * Context for core vault manager functionality
- * Contains properties that don't change frequently and relate to vault functionality
- */
-export type VaultManagerContextType = VaultManagerState | null;
-/**
- * Context for vault manager CVV-specific state
- * Contains properties specifically related to CVV input functionality
- * Further separated to minimize re-renders related to frequently changing CVV input state
- */
-export type VaultItemContextType = VaultManagerItemState | null;
-declare class SDKContextController implements ReactiveController {
-	host: PrimerCheckoutType;
-	private sdkStateProvider;
-	private paymentMethodsProvider;
-	private paymentManagerProvider;
-	private cardNetworksContext;
-	private vaultManagerProvider;
-	private vaultManagerCvvProvider;
-	private clientOptionsContext;
-	private headlessUtilsProvider;
-	private configurationProvider;
-	private klarnaCategoriesProvider;
-	private computedStylesProvider;
-	private analyticsProvider;
-	private eventsProvider;
-	constructor(host: PrimerCheckoutType);
-	hostConnected(): void;
-	/**
-	 * Updates the SDK state context.
-	 * @param value The new SDK state.
-	 */
-	setSdkState(value: SdkStateContextType): void;
-	/**
-	 * Updates the payment methods context.
-	 * @param value The new payment methods data.
-	 */
-	setPaymentMethods(value: InitializedPaymentMethod[]): void;
-	/**
-	 * Updates the payment manager context.
-	 * @param value The new payment manager mapping.
-	 */
-	setPaymentManagers(value: InitializedManagersMap): void;
-	setCardNetworks(value: CardNetworksContextType): void;
-	setVaultManager(value: VaultManagerContextType): void;
-	setKlarnaCategories(value: KlarnaCategoriesContextType): void;
-	setClientOptions(value: PrimerCheckoutOptions | null): void;
-	setHeadlessUtils(value: HeadlessUtilsContextType): void;
-	setConfiguration(value: ConfigurationContextType): void;
-	setAnalyticsUtils(value: AnalyticsContextType): void;
-	getAnalyticsUtils(): AnalyticsContextType | undefined;
-	setComputedStyles(value: CSSStyleDeclaration): void;
-	setVaultManagerCvv(value: VaultItemContextType): void;
-	/**
-	 * Updates the events context.
-	 * @param value The new events controller.
-	 */
-	setEventsController(value: EventsContextType): void;
-}
-export type SdkStateAction = {
-	type: "SET_LOADING";
-	payload: boolean;
-} | {
-	type: "SET_PROCESSING";
-	payload: boolean;
-} | {
-	type: "SET_SUCCESS";
-	payload: boolean;
-} | {
-	type: "SET_PRIMER_JS_ERROR";
-	payload: Error | null;
-} | {
-	type: "SET_PAYMENT_FAILURE";
-	payload: {
-		code: string;
-		message: string;
-		diagnosticsId?: string | null;
-		data?: Record<string, unknown>;
-	} | null;
-} | {
-	type: "COMPLETE_PROCESSING";
-} | {
-	type: "RESET";
-};
-declare class SdkStateController extends ReactiveStateController<PrimerCheckoutType, SdkState, SdkStateAction, null> {
-	constructor(host: PrimerCheckoutType);
-	setLoading(loading: boolean): void;
-	setProcessing(processing: boolean): void;
-	setSuccess(success: boolean): void;
-	setPrimerJsError(error: Error | null): void;
-	setPaymentFailure(failure: {
-		code: string;
-		message: string;
-		diagnosticsId?: string | null;
-		data?: Record<string, unknown>;
-	} | null): void;
-	completeProcessing(): void;
-	reset(): void;
-	startLoading(): void;
-	completeLoading(): void;
-	startProcessing(): void;
-	stopProcessing(): void;
-	resetError(): void;
-	forceCompleteLoading(): void;
-}
-/**
- * PrimerCheckoutType defines the interface for the primer-checkout component implementation.
- * This includes both the properties and controllers needed for internal functionality.
- */
-export interface PrimerCheckoutType extends ReactiveControllerHost, LitElement {
-	requestUpdate: ReactiveControllerHost["requestUpdate"];
-	customStyles: string;
-	clientToken: string;
-	options: PrimerCheckoutOptions;
-	sdkContextController: SDKContextController;
-	sdkStateController: SdkStateController;
-	primerEventsController: PrimerEventsController;
-	vaultManagerController: VaultManagerController;
-	cardNetworkController: CardNetworkController;
-	primerJS?: PrimerJS;
-}
-declare class CardNetworkController implements ReactiveController {
-	private host;
-	constructor(host: PrimerCheckoutType);
-	hostConnected(): void;
-	/**
-	 * Sets the card networks to loading state
-	 */
-	setCardNetworksLoading(): void;
-	/**
-	 * Updates card networks state and dispatches events
-	 *
-	 * @param cardNetworks - The new card networks context
-	 */
-	private updateCardNetworksState;
-	/**
-	 * Processes a card network change event
-	 *
-	 * @param event - The card network change event
-	 */
-	processCardNetworkChangeEvent(event: CardNetworkChangeEvent): void;
-	processBinDataAvailableEvent(event: BinDataAvailableEvent): void;
-}
 declare class StyleProcessingController implements ReactiveController {
 	host: ReactiveControllerHost & LitElement;
 	private static cssVarCache;
@@ -2863,6 +2865,12 @@ declare class HeadlessSdkController implements ReactiveController {
 		type: PaymentMethodType;
 		manager: IRedirectPaymentMethodManager;
 	} | null>;
+	/**
+	 * Updates card networks state and dispatches events
+	 *
+	 * @param cardNetworks - The new card networks context
+	 */
+	private updateCardNetworksState;
 }
 declare global {
 	interface HTMLElementTagNameMap {
@@ -2912,6 +2920,7 @@ export declare class PrimerCheckoutComponent extends LitElement implements Prime
 	private hasAssignedContent;
 	private _loadingTimeoutId;
 	private _eventListenerController;
+	private _classObserver;
 	locale: LocaleCode;
 	private onSlotChange;
 	sdkContextController: SDKContextController;
@@ -2919,7 +2928,6 @@ export declare class PrimerCheckoutComponent extends LitElement implements Prime
 	primerEventsController: PrimerEventsController;
 	styleProcessingController: StyleProcessingController;
 	vaultManagerController: VaultManagerController;
-	cardNetworkController: CardNetworkController;
 	achPaymentEventsController: AchPaymentEventsController;
 	headlessSdkController: HeadlessSdkController;
 	constructor();
@@ -3866,6 +3874,7 @@ declare class RedirectPaymentComponent extends LitElement {
 	paymentManagers: InitializedManagersMap;
 	sdkState: SdkStateContextType;
 	headlessUtils: HeadlessUtilsContextType;
+	clientOptions: ClientOptionsContextType | undefined;
 	private _paymentMethodManagerTask;
 	/**
 	 * Based on packages/primer-sdk-web/src/payment-methods/Button.tsx
@@ -4044,6 +4053,7 @@ declare class PortalDialogComponent extends LitElement {
 	static styles: import("lit").CSSResult[];
 	size: "flex" | "large";
 	showCloseButton: boolean;
+	darkMode: boolean;
 	onOpen?: () => void;
 	onContentRendered?: () => void;
 	cta?: {
@@ -4820,6 +4830,7 @@ declare class HostedInputController<T extends HostedInputHost> implements Reacti
 	setSubmitted(submitted: boolean): void;
 	hostConnected(): void;
 	hostDisconnected(): void;
+	hostUpdate(): void;
 	/**
 	 * Registers this controller with the card form context for centralized management
 	 */