@primer-io/primer-js 1.5.1 → 1.6.0

package/dist/jsx/index.d.ts

@@ -367,6 +367,17 @@ export type PrimerKlarnaComponentProps = {
   primerContext?: ContextType | undefined;
 };
 
+export type NativePaymentComponentProps = {
+  /**  */
+  type?: PaymentMethodType | undefined;
+  /**  */
+  paymentMethod?: NativePaymentMethod | undefined;
+  /**  */
+  disabled?: boolean;
+  /**  */
+  primerContext?: ContextType | undefined;
+};
+
 export type PaymentMethodComponentProps = {
   /**  */
   type?: PaymentMethodType | undefined;
@@ -386,6 +397,9 @@ export type PaymentMethodAccordionComponentProps = {
   /** When true, suppresses auto-collapse on window blur.
 Used when payment flows open external popups (e.g. Klarna). */
   "suppress-blur-collapse"?: boolean;
+  /** When true, the accordion ignores every collapse trigger (button toggle,
+outside click, window blur). */
+  loading?: boolean;
 
   /**  */
   "onexpanded-change"?: (e: CustomEvent<CustomEvent>) => void;
@@ -448,6 +462,15 @@ export type PrimerMainComponentProps = {
   primerContext?: ContextType | undefined;
 };
 
+export type QRCodeComponentProps = {
+  /**  */
+  paymentMethod?: QRCodePaymentMethod | undefined;
+  /**  */
+  disabled?: boolean;
+  /**  */
+  primerContext?: ContextType | undefined;
+};
+
 export type RedirectPaymentComponentProps = {
   /**  */
   paymentMethod?: RedirectPaymentMethod | undefined;
@@ -582,33 +605,6 @@ Falls back to localized default if not explicitly set. */
   primerContext?: ContextType | undefined;
 };
 
-export type ApplePayComponentProps = {
-  /**  */
-  paymentMethod?: NativePaymentMethod | undefined;
-  /**  */
-  disabled?: boolean;
-  /**  */
-  primerContext?: ContextType | undefined;
-};
-
-export type GooglePayComponentProps = {
-  /**  */
-  paymentMethod?: NativePaymentMethod | undefined;
-  /**  */
-  disabled?: boolean;
-  /**  */
-  primerContext?: ContextType | undefined;
-};
-
-export type PayPalComponentProps = {
-  /**  */
-  paymentMethod?: NativePaymentMethod | undefined;
-  /**  */
-  disabled?: boolean;
-  /**  */
-  primerContext?: ContextType | undefined;
-};
-
 export type PaymentMethodContentComponentProps = {
   /** The asset configuration containing icon and display data */
   assetConfig?: AssetConfig | null;
@@ -988,6 +984,13 @@ export type CustomElements = {
    */
   "primer-klarna": Partial<PrimerKlarnaComponentProps & BaseProps & BaseEvents>;
 
+  /**
+   *
+   * ---
+   *
+   */
+  "primer-native-payment": Partial<NativePaymentComponentProps & BaseProps & BaseEvents>;
+
   /**
    *
    * ---
@@ -1054,6 +1057,13 @@ export type CustomElements = {
    */
   "primer-main": Partial<PrimerMainComponentProps & BaseProps & BaseEvents>;
 
+  /**
+   *
+   * ---
+   *
+   */
+  "primer-qrcode": Partial<QRCodeComponentProps & BaseProps & BaseEvents>;
+
   /**
    *
    * ---
@@ -1182,45 +1192,6 @@ export type CustomElements = {
    */
   "primer-input-cvv": Partial<InputCvvComponentProps & BaseProps & BaseEvents>;
 
-  /**
-   * Apple Pay component with standard button container rendering.
-   *
-   * Apple Pay uses the standard button container approach:
-   * - Renders to a button container div (not shadow root)
-   * - Passes buttonHeight in render options
-   * - Uses updateOverlayForContainer for disabled state
-   * - Simpler than Google Pay's shadow root approach
-   * ---
-   *
-   */
-  "primer-apple-pay": Partial<ApplePayComponentProps & BaseProps & BaseEvents>;
-
-  /**
-   * Google Pay component with shadow root rendering for full-width button support.
-   *
-   * Google Pay requires special rendering logic:
-   * - Renders directly to shadow root (not button container)
-   * - Does NOT render .native-button-container div
-   * - Passes shadowRoot: true in render options
-   * - Requires retry logic for async button rendering
-   * ---
-   *
-   */
-  "primer-google-pay": Partial<GooglePayComponentProps & BaseProps & BaseEvents>;
-
-  /**
-   * PayPal component with standard button container rendering.
-   *
-   * PayPal uses the standard button container approach:
-   * - Renders to a button container div (not shadow root)
-   * - Passes buttonHeight in render options (sdk-core constrains to 25-55px)
-   * - Uses updateOverlayForContainer for disabled state
-   * - Height is calculated from CSS (PAYMENT_METHOD_LINE_HEIGHT + padding)
-   * ---
-   *
-   */
-  "primer-paypal": Partial<PayPalComponentProps & BaseProps & BaseEvents>;
-
   /**
    * PaymentMethodContentComponent - renders payment method information with icon and details
    * This component encapsulates the display logic and styles for payment method content