@paypal/checkout-components 5.0.402 → 5.0.404-alpha-e012ebc.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@paypal/checkout-components",
-  "version": "5.0.402",
+  "version": "5.0.404-alpha-e012ebc.0",
   "description": "PayPal Checkout components, for integrating checkout products.",
   "main": "index.js",
   "scripts": {

package/src/constants/class.js

@@ -54,6 +54,4 @@ export const CLASS = {
 
   BUTTON_MESSAGE_RESERVE:
     ("paypal-button-message-reserved": "paypal-button-message-reserved"),
-
-  DISABLED: ("paypal-button-disabled": "paypal-button-disabled"),
 };

package/src/funding/paylater/config.jsx

@@ -37,6 +37,13 @@ function getLabelText(
     labelText = "Später Bezahlen";
   }
 
+  if (
+    paylater?.products?.paylater?.eligible &&
+    paylater?.products?.paylater?.variant === "AT"
+  ) {
+    labelText = "Später Bezahlen";
+  }
+
   if (
     (paylater?.products?.payIn3?.eligible &&
       paylater?.products?.payIn3?.variant === "ES") ||

package/src/ui/buttons/button.jsx

@@ -72,7 +72,6 @@ type IndividualButtonProps = {|
   instrument: ?WalletInstrument,
   showPayLabel: boolean,
   showLoadingSpinner?: boolean,
-  disabled?: boolean,
 |};
 
 export function Button({
@@ -98,7 +97,6 @@ export function Button({
   userIDToken,
   vault,
   showLoadingSpinner = false,
-  disabled = false,
 }: IndividualButtonProps): ElementNode {
   const { layout, shape, borderRadius } = style;
 
@@ -313,7 +311,6 @@ export function Button({
           CLASS.BUTTON,
           `${shouldApplyRebrandedStyles ? CLASS.BUTTON_REBRAND : ""}`,
           `${showLoadingSpinner ? CLASS.LOADING : ""}`,
-          `${disabled ? CLASS.DISABLED : ""}`,
           `${CLASS.NUMBER}-${i}`,
           `${CLASS.LAYOUT}-${layout}`,
           `${CLASS.NUMBER}-${
@@ -329,8 +326,7 @@ export function Button({
         onClick={clickHandler}
         onRender={onButtonRender}
         onKeyPress={keypressHandler}
-        tabindex={showLoadingSpinner || disabled ? "-1" : "0"}
-        aria-disabled={showLoadingSpinner || disabled ? "true" : "false"}
+        tabindex="0"
         aria-label={labelText}
       >
         <div class={CLASS.BUTTON_LABEL} aria-hidden="true">

package/src/ui/buttons/buttons.jsx

@@ -128,7 +128,6 @@ type ButtonsProps = ButtonPropsInputs & {|
   onClick?: Function,
   wallet?: ?Wallet,
   showLoadingSpinner?: boolean,
-  disabled?: boolean,
 |};
 
 export function validateButtonProps(props: ButtonPropsInputs) {
@@ -136,11 +135,7 @@ export function validateButtonProps(props: ButtonPropsInputs) {
 }
 
 export function Buttons(props: ButtonsProps): ElementNode {
-  const {
-    onClick = noop,
-    showLoadingSpinner = false,
-    disabled = false,
-  } = props;
+  const { onClick = noop, showLoadingSpinner = false } = props;
   const {
     applePaySupport,
     buyerCountry,
@@ -301,7 +296,6 @@ export function Buttons(props: ButtonsProps): ElementNode {
           instrument={instruments[source]}
           showPayLabel={showPayLabel}
           showLoadingSpinner={showLoadingSpinner}
-          disabled={disabled}
         />
       ))}
 

package/src/ui/buttons/props.js

@@ -568,10 +568,6 @@ type ThrowErrorForInvalidButtonColorArgs = {|
 export type ButtonProps = {|
   // app switch properties
   appSwitchWhenAvailable: boolean,
-
-  // Disabled state
-  disabled?: boolean,
-
   preferences?: {|
     appSwitchWhenAvailable?: boolean,
     launchAppSwitchIn?: "newTab" | "sameTab",

package/src/ui/buttons/styles/button.js

@@ -35,13 +35,6 @@ export const buttonStyle = `
         overflow: hidden;
     }
 
-
-    .${CLASS.BUTTON}.${CLASS.DISABLED} {
-        pointer-events: none !important;
-        cursor: not-allowed !important;
-        opacity: 0.6 !important;
-    }
-
     .${CLASS.BUTTON} * {
         cursor: pointer;
     }

package/src/ui/buttons/styles/styleUtils.js

@@ -124,6 +124,7 @@ export function getResponsiveStyleVariables({
 
   const shouldResizeLabel =
     paylater?.products?.paylater?.variant === "DE" ||
+    paylater?.products?.paylater?.variant === "AT" ||
     paylater?.products?.payIn3?.variant === "IT" ||
     paylater?.products?.paylater?.variant === "IT" ||
     paylater?.products?.payIn3?.variant === "ES" ||
@@ -225,6 +226,7 @@ export function getDisableMaxHeightResponsiveStyleVariables({
 
   const shouldResizeLabel =
     paylater?.products?.paylater?.variant === "DE" ||
+    paylater?.products?.paylater?.variant === "AT" ||
     paylater?.products?.payIn3?.variant === "IT" ||
     paylater?.products?.paylater?.variant === "IT" ||
     paylater?.products?.payIn3?.variant === "ES" ||