@paypal/checkout-components 5.0.265 → 5.0.267

package/src/zoid/buttons/prerender.jsx

@@ -17,7 +17,6 @@ import { getLogger } from "@paypal/sdk-client/src";
 import type { ZoidProps } from "@krakenjs/zoid/src";
 
 import { DEFAULT_POPUP_SIZE } from "../checkout";
-import { EXPERIENCE } from "../../constants";
 import { Buttons } from "../../ui";
 import { type ButtonProps } from "../../ui/buttons/props";
 
@@ -59,11 +58,7 @@ export function PrerenderedButtons({
       })
       .flush();
 
-    if (
-      fundingSource === FUNDING.VENMO ||
-      fundingSource === FUNDING.APPLEPAY ||
-      (fundingSource === FUNDING.CARD && props.experience === EXPERIENCE.INLINE)
-    ) {
+    if (fundingSource === FUNDING.VENMO || fundingSource === FUNDING.APPLEPAY) {
       // wait for button to load
     } else if (supportsPopups() && !props.merchantRequestedPopupsDisabled) {
       // remember the popup window to prevent showing a new popup window on every click in the prerender state

package/src/zoid/buttons/util.js

@@ -15,7 +15,7 @@ import {
   isStandAlone,
   once,
 } from "@krakenjs/belter/src";
-import { CURRENCY, ENV, FUNDING } from "@paypal/sdk-constants/src";
+import { ENV, FUNDING } from "@paypal/sdk-constants/src";
 import {
   getEnableFunding,
   getLogger,
@@ -24,7 +24,6 @@ import {
   getPlatform,
   getComponents,
   getEnv,
-  type FundingEligibilityType,
 } from "@paypal/sdk-client/src";
 import { getRefinedFundingEligibility } from "@paypal/funding-components/src";
 
@@ -374,52 +373,3 @@ export function getButtonSize(
     }
   }
 }
-
-type InlineCheckoutEligibilityProps = {|
-  commit: boolean,
-  createBillingAgreement?: Function,
-  currency: string,
-  disableFunding: $ReadOnlyArray<$Values<typeof FUNDING>>,
-  fundingEligibility: FundingEligibilityType,
-  layout: $Values<typeof BUTTON_LAYOUT>,
-  merchantID?: $ReadOnlyArray<string>,
-  onComplete: Function,
-  custom?: ?{|
-    css?: {|
-      [string]: string,
-    |},
-    label?: string,
-  |},
-  vault: boolean,
-|};
-
-export function isInlineXOEligible({
-  props,
-}: {|
-  props: InlineCheckoutEligibilityProps,
-|}): boolean {
-  const {
-    commit,
-    currency,
-    custom,
-    createBillingAgreement,
-    disableFunding,
-    fundingEligibility,
-    layout,
-    onComplete,
-    vault,
-  } = props;
-
-  const isEligible =
-    (custom?.label && custom.label.length > 0,
-    onComplete &&
-      commit === true &&
-      !createBillingAgreement &&
-      currency === CURRENCY.USD &&
-      disableFunding?.indexOf(FUNDING.CARD) === -1 &&
-      (fundingEligibility?.card?.eligible || false) &&
-      layout === BUTTON_LAYOUT.VERTICAL &&
-      vault === false);
-
-  return isEligible;
-}

package/src/zoid/checkout/component.jsx

@@ -75,7 +75,6 @@ export function getCheckoutComponent(): CheckoutComponent {
         const {
           nonce,
           locale: { lang },
-          inlinexo,
         } = props;
         const content = containerContent[lang];
         return (
@@ -88,7 +87,6 @@ export function getCheckoutComponent(): CheckoutComponent {
             prerenderFrame={prerenderFrame}
             content={content}
             nonce={nonce}
-            fullScreen={inlinexo === true}
           />
         ).render(dom({ doc }));
       },
@@ -279,13 +277,6 @@ export function getCheckoutComponent(): CheckoutComponent {
           default: () => window.__test__ || { action: "checkout" },
         },
 
-        inlinexo: {
-          type: "boolean",
-          required: false,
-          queryParam: true,
-          allowDelegate: true,
-        },
-
         smokeHash: {
           type: "string",
           required: false,

package/src/zoid/checkout/props.js

@@ -39,5 +39,4 @@ export type CheckoutPropsType = {|
   csp: {|
     nonce: string,
   |},
-  inlinexo: boolean,
 |};

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

@@ -1,37 +0,0 @@
-/* @flow */
-
-import type { CustomStyle } from "../../../types";
-import { CLASS } from "../../../constants";
-
-export const customStyle = ({
-  custom,
-}: {|
-  custom?: ?CustomStyle,
-|}): string => {
-  const { css } = custom || {};
-
-  if (!css) {
-    return "";
-  }
-
-  let heightStyle = "";
-  let marginStyle = "";
-  let style = Object.keys(css).reduce((acc, key) => {
-    if (key === "height") {
-      heightStyle = `
-                    height: ${css[key]};
-                    max-height: ${css[key]};
-            `;
-    } else if (key.indexOf("margin") !== -1) {
-      marginStyle = `${key}: ${css[key]};`;
-    }
-
-    acc += `${key}: ${css[key]};`;
-    return acc;
-  }, "");
-  style = `.${CLASS.BUTTON}.${CLASS.CUSTOM} { ${style} } .${CLASS.BUTTON_ROW}.${
-    CLASS.CUSTOM
-  } { ${heightStyle + marginStyle}}`;
-
-  return style;
-};