@paypal/checkout-components 5.0.263 → 5.0.265

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@paypal/checkout-components",
-  "version": "5.0.263",
+  "version": "5.0.265",
   "description": "PayPal Checkout components, for integrating checkout products.",
   "main": "index.js",
   "scripts": {

package/src/funding/card/config.jsx

@@ -33,62 +33,16 @@ import { getJCBConfig } from "./jcb";
 
 function getVendorConfig(): { [$Values<typeof CARD>]: ?CardConfig } {
   return {
-    [CARD.VISA]:
-      !__TREE_SHAKE__ ||
-      (__FUNDING_ELIGIBILITY__.card &&
-        __FUNDING_ELIGIBILITY__.card.vendors &&
-        __FUNDING_ELIGIBILITY__.card.vendors.visa &&
-        __FUNDING_ELIGIBILITY__.card.vendors.visa.eligible)
-        ? getVisaConfig()
-        : null,
-    [CARD.AMEX]:
-      !__TREE_SHAKE__ ||
-      (__FUNDING_ELIGIBILITY__.card &&
-        __FUNDING_ELIGIBILITY__.card.vendors &&
-        __FUNDING_ELIGIBILITY__.card.vendors.amex &&
-        __FUNDING_ELIGIBILITY__.card.vendors.amex.eligible)
-        ? getAmexConfig()
-        : null,
-    [CARD.MASTERCARD]:
-      !__TREE_SHAKE__ ||
-      (__FUNDING_ELIGIBILITY__.card &&
-        __FUNDING_ELIGIBILITY__.card.vendors &&
-        __FUNDING_ELIGIBILITY__.card.vendors.mastercard &&
-        __FUNDING_ELIGIBILITY__.card.vendors.mastercard.eligible)
-        ? getMastercardConfig()
-        : null,
-    [CARD.DISCOVER]:
-      !__TREE_SHAKE__ ||
-      (__FUNDING_ELIGIBILITY__.card &&
-        __FUNDING_ELIGIBILITY__.card.vendors &&
-        __FUNDING_ELIGIBILITY__.card.vendors.discover &&
-        __FUNDING_ELIGIBILITY__.card.vendors.discover.eligible)
-        ? getDiscoverConfig()
-        : null,
-    [CARD.JCB]:
-      !__TREE_SHAKE__ ||
-      (__FUNDING_ELIGIBILITY__.card &&
-        __FUNDING_ELIGIBILITY__.card.vendors &&
-        __FUNDING_ELIGIBILITY__.card.vendors.jcb &&
-        __FUNDING_ELIGIBILITY__.card.vendors.jcb.eligible)
-        ? getJCBConfig()
-        : null,
-    [CARD.ELO]:
-      !__TREE_SHAKE__ ||
-      (__FUNDING_ELIGIBILITY__.card &&
-        __FUNDING_ELIGIBILITY__.card.vendors &&
-        __FUNDING_ELIGIBILITY__.card.vendors.elo &&
-        __FUNDING_ELIGIBILITY__.card.vendors.elo.eligible)
-        ? getEloConfig()
-        : null,
-    [CARD.HIPER]:
-      !__TREE_SHAKE__ ||
-      (__FUNDING_ELIGIBILITY__.card &&
-        __FUNDING_ELIGIBILITY__.card.vendors &&
-        __FUNDING_ELIGIBILITY__.card.vendors.hiper &&
-        __FUNDING_ELIGIBILITY__.card.vendors.hiper.eligible)
-        ? getHiperConfig()
-        : null,
+    [CARD.VISA]: getVisaConfig(),
+
+    [CARD.AMEX]: getAmexConfig(),
+
+    [CARD.MASTERCARD]: getMastercardConfig(),
+
+    [CARD.DISCOVER]: getDiscoverConfig(),
+    [CARD.JCB]: getJCBConfig(),
+    [CARD.ELO]: getEloConfig(),
+    [CARD.HIPER]: getHiperConfig(),
   };
 }
 

package/src/funding/config.js

@@ -19,15 +19,12 @@ import { getSofortConfig } from "./sofort";
 import { getEpsConfig } from "./eps";
 import { getMybankConfig } from "./mybank";
 import { getP24Config } from "./p24";
-import { getZimplerConfig } from "./zimpler";
 import { getWechatpayConfig } from "./wechatpay";
 import { getPayuConfig } from "./payu";
-import { getVerkkopankkiConfig } from "./verkkopankki";
 import { getBlikConfig } from "./blik";
 import { getTrustlyConfig } from "./trustly";
 import { getOxxoConfig } from "./oxxo";
 import { getBoletoConfig } from "./boleto";
-import { getMaximaConfig } from "./maxima";
 import { getMercadopagoConfig } from "./mercadopago";
 import { getMultibancoConfig } from "./multibanco";
 import { getSatispayConfig } from "./satispay";
@@ -38,180 +35,32 @@ export function getFundingConfig(): {
 } {
   return inlineMemoize(getFundingConfig, () => {
     return {
-      [FUNDING.PAYPAL]:
-        !__TREE_SHAKE__ ||
-        (typeof __FUNDING_ELIGIBILITY__.paypal !== "undefined" &&
-          __FUNDING_ELIGIBILITY__.paypal.eligible)
-          ? getPayPalConfig()
-          : null,
-      [FUNDING.VENMO]:
-        !__TREE_SHAKE__ ||
-        (typeof __FUNDING_ELIGIBILITY__.venmo !== "undefined" &&
-          __FUNDING_ELIGIBILITY__.venmo.eligible)
-          ? getVenmoConfig()
-          : null,
-      [FUNDING.APPLEPAY]:
-        !__TREE_SHAKE__ ||
-        (typeof __FUNDING_ELIGIBILITY__.applepay !== "undefined" &&
-          __FUNDING_ELIGIBILITY__.applepay.eligible)
-          ? getApplePayConfig()
-          : null,
-      [FUNDING.ITAU]:
-        !__TREE_SHAKE__ ||
-        (typeof __FUNDING_ELIGIBILITY__.itau !== "undefined" &&
-          __FUNDING_ELIGIBILITY__.itau.eligible)
-          ? getItauConfig()
-          : null,
-      [FUNDING.CREDIT]:
-        !__TREE_SHAKE__ ||
-        (typeof __FUNDING_ELIGIBILITY__.credit !== "undefined" &&
-          __FUNDING_ELIGIBILITY__.credit.eligible)
-          ? getCreditConfig()
-          : null,
-      [FUNDING.PAYLATER]:
-        !__TREE_SHAKE__ ||
-        (typeof __FUNDING_ELIGIBILITY__.paylater !== "undefined" &&
-          __FUNDING_ELIGIBILITY__.paylater.eligible)
-          ? getPaylaterConfig()
-          : null,
-      [FUNDING.CARD]:
-        !__TREE_SHAKE__ ||
-        (typeof __FUNDING_ELIGIBILITY__.card !== "undefined" &&
-          __FUNDING_ELIGIBILITY__.card.eligible)
-          ? getCardConfig()
-          : null,
-      [FUNDING.IDEAL]:
-        !__TREE_SHAKE__ ||
-        (typeof __FUNDING_ELIGIBILITY__.ideal !== "undefined" &&
-          __FUNDING_ELIGIBILITY__.ideal.eligible)
-          ? getIdealConfig()
-          : null,
-      [FUNDING.SEPA]:
-        !__TREE_SHAKE__ ||
-        (typeof __FUNDING_ELIGIBILITY__.sepa !== "undefined" &&
-          __FUNDING_ELIGIBILITY__.sepa.eligible)
-          ? getSepaConfig()
-          : null,
-      [FUNDING.BANCONTACT]:
-        !__TREE_SHAKE__ ||
-        (typeof __FUNDING_ELIGIBILITY__.bancontact !== "undefined" &&
-          __FUNDING_ELIGIBILITY__.bancontact.eligible)
-          ? getBancontactConfig()
-          : null,
-      [FUNDING.GIROPAY]:
-        !__TREE_SHAKE__ ||
-        (typeof __FUNDING_ELIGIBILITY__.giropay !== "undefined" &&
-          __FUNDING_ELIGIBILITY__.giropay.eligible)
-          ? getGiropayConfig()
-          : null,
-      [FUNDING.SOFORT]:
-        !__TREE_SHAKE__ ||
-        (typeof __FUNDING_ELIGIBILITY__.sofort !== "undefined" &&
-          __FUNDING_ELIGIBILITY__.sofort.eligible)
-          ? getSofortConfig()
-          : null,
-      [FUNDING.EPS]:
-        !__TREE_SHAKE__ ||
-        (typeof __FUNDING_ELIGIBILITY__.eps !== "undefined" &&
-          __FUNDING_ELIGIBILITY__.eps.eligible)
-          ? getEpsConfig()
-          : null,
-      [FUNDING.MYBANK]:
-        !__TREE_SHAKE__ ||
-        (typeof __FUNDING_ELIGIBILITY__.mybank !== "undefined" &&
-          __FUNDING_ELIGIBILITY__.mybank.eligible)
-          ? getMybankConfig()
-          : null,
-      [FUNDING.P24]:
-        !__TREE_SHAKE__ ||
-        (typeof __FUNDING_ELIGIBILITY__.p24 !== "undefined" &&
-          __FUNDING_ELIGIBILITY__.p24.eligible)
-          ? getP24Config()
-          : null,
-      [FUNDING.PAYU]:
-        !__TREE_SHAKE__ ||
-        (typeof __FUNDING_ELIGIBILITY__.payu !== "undefined" &&
-          __FUNDING_ELIGIBILITY__.payu.eligible)
-          ? getPayuConfig()
-          : null,
-      [FUNDING.VERKKOPANKKI]:
-        !__TREE_SHAKE__ ||
-        (typeof __FUNDING_ELIGIBILITY__.verkkopankki !== "undefined" &&
-          __FUNDING_ELIGIBILITY__.verkkopankki.eligible)
-          ? getVerkkopankkiConfig()
-          : null,
-      [FUNDING.BLIK]:
-        !__TREE_SHAKE__ ||
-        (typeof __FUNDING_ELIGIBILITY__.blik !== "undefined" &&
-          __FUNDING_ELIGIBILITY__.blik.eligible)
-          ? getBlikConfig()
-          : null,
-      [FUNDING.TRUSTLY]:
-        !__TREE_SHAKE__ ||
-        (typeof __FUNDING_ELIGIBILITY__.trustly !== "undefined" &&
-          __FUNDING_ELIGIBILITY__.trustly.eligible)
-          ? getTrustlyConfig()
-          : null,
-      [FUNDING.ZIMPLER]:
-        !__TREE_SHAKE__ ||
-        (typeof __FUNDING_ELIGIBILITY__.zimpler !== "undefined" &&
-          __FUNDING_ELIGIBILITY__.zimpler.eligible)
-          ? getZimplerConfig()
-          : null,
-      [FUNDING.WECHATPAY]:
-        !__TREE_SHAKE__ ||
-        (typeof __FUNDING_ELIGIBILITY__.wechatpay !== "undefined" &&
-          __FUNDING_ELIGIBILITY__.wechatpay.eligible)
-          ? getWechatpayConfig()
-          : null,
-      [FUNDING.OXXO]:
-        !__TREE_SHAKE__ ||
-        (typeof __FUNDING_ELIGIBILITY__.oxxo !== "undefined" &&
-          __FUNDING_ELIGIBILITY__.oxxo.eligible)
-          ? getOxxoConfig()
-          : null,
-      [FUNDING.BOLETO]:
-        !__TREE_SHAKE__ ||
-        (typeof __FUNDING_ELIGIBILITY__.boleto !== "undefined" &&
-          __FUNDING_ELIGIBILITY__.boleto.eligible)
-          ? getBoletoConfig()
-          : null,
-      [FUNDING.BOLETOBANCARIO]:
-        !__TREE_SHAKE__ ||
-        (typeof __FUNDING_ELIGIBILITY__.boletobancario !== "undefined" &&
-          __FUNDING_ELIGIBILITY__.boletobancario.eligible)
-          ? getBoletoConfig()
-          : null,
-      [FUNDING.MAXIMA]:
-        !__TREE_SHAKE__ ||
-        (typeof __FUNDING_ELIGIBILITY__.maxima !== "undefined" &&
-          __FUNDING_ELIGIBILITY__.maxima.eligible)
-          ? getMaximaConfig()
-          : null,
-      [FUNDING.MERCADOPAGO]:
-        !__TREE_SHAKE__ ||
-        (typeof __FUNDING_ELIGIBILITY__.mercadopago !== "undefined" &&
-          __FUNDING_ELIGIBILITY__.mercadopago.eligible)
-          ? getMercadopagoConfig()
-          : null,
-      [FUNDING.MULTIBANCO]:
-        !__TREE_SHAKE__ ||
-        (typeof __FUNDING_ELIGIBILITY__.multibanco !== "undefined" &&
-          __FUNDING_ELIGIBILITY__.multibanco.eligible)
-          ? getMultibancoConfig()
-          : null,
-      [FUNDING.SATISPAY]:
-        !__TREE_SHAKE__ ||
-        (typeof __FUNDING_ELIGIBILITY__.satispay !== "undefined" &&
-          __FUNDING_ELIGIBILITY__.satispay.eligible)
-          ? getSatispayConfig()
-          : null,
-      [FUNDING.PAIDY]:
-        !__TREE_SHAKE__ ||
-        (typeof __FUNDING_ELIGIBILITY__.paidy !== "undefined" &&
-          __FUNDING_ELIGIBILITY__.paidy.eligible)
-          ? getPaidyConfig()
-          : null,
+      [FUNDING.PAYPAL]: getPayPalConfig(),
+      [FUNDING.VENMO]: getVenmoConfig(),
+      [FUNDING.APPLEPAY]: getApplePayConfig(),
+      [FUNDING.ITAU]: getItauConfig(),
+      [FUNDING.CREDIT]: getCreditConfig(),
+      [FUNDING.PAYLATER]: getPaylaterConfig(),
+      [FUNDING.CARD]: getCardConfig(),
+      [FUNDING.IDEAL]: getIdealConfig(),
+      [FUNDING.SEPA]: getSepaConfig(),
+      [FUNDING.BANCONTACT]: getBancontactConfig(),
+      [FUNDING.GIROPAY]: getGiropayConfig(),
+      [FUNDING.SOFORT]: getSofortConfig(),
+      [FUNDING.EPS]: getEpsConfig(),
+      [FUNDING.MYBANK]: getMybankConfig(),
+      [FUNDING.P24]: getP24Config(),
+      [FUNDING.PAYU]: getPayuConfig(),
+      [FUNDING.BLIK]: getBlikConfig(),
+      [FUNDING.TRUSTLY]: getTrustlyConfig(),
+      [FUNDING.WECHATPAY]: getWechatpayConfig(),
+      [FUNDING.OXXO]: getOxxoConfig(),
+      [FUNDING.BOLETO]: getBoletoConfig(),
+      [FUNDING.BOLETOBANCARIO]: getBoletoConfig(),
+      [FUNDING.MERCADOPAGO]: getMercadopagoConfig(),
+      [FUNDING.MULTIBANCO]: getMultibancoConfig(),
+      [FUNDING.SATISPAY]: getSatispayConfig(),
+      [FUNDING.PAIDY]: getPaidyConfig(),
     };
   });
 }

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

@@ -123,9 +123,6 @@ export const buttonColorStyle = `
         background: #003140;
     }
 
-    .${CLASS.BUTTON}[${ATTRIBUTE.FUNDING_SOURCE}=${FUNDING.VERKKOPANKKI}].${CLASS.COLOR}-${BUTTON_COLOR.DEFAULT} {
-        background: #005596;
-    }
 
     .${CLASS.BUTTON}[${ATTRIBUTE.FUNDING_SOURCE}=${FUNDING.WECHATPAY}].${CLASS.COLOR}-${BUTTON_COLOR.DEFAULT} {
         background: #4D4D4D;
@@ -154,7 +151,6 @@ export const buttonColorStyle = `
     .${CLASS.BUTTON}[${ATTRIBUTE.FUNDING_SOURCE}=${FUNDING.P24}].${CLASS.COLOR}-${BUTTON_COLOR.DEFAULT}:hover,
     .${CLASS.BUTTON}[${ATTRIBUTE.FUNDING_SOURCE}=${FUNDING.SOFORT}].${CLASS.COLOR}-${BUTTON_COLOR.DEFAULT}:hover,
     .${CLASS.BUTTON}[${ATTRIBUTE.FUNDING_SOURCE}=${FUNDING.TRUSTLY}].${CLASS.COLOR}-${BUTTON_COLOR.DEFAULT}:hover,
-    .${CLASS.BUTTON}[${ATTRIBUTE.FUNDING_SOURCE}=${FUNDING.VERKKOPANKKI}].${CLASS.COLOR}-${BUTTON_COLOR.DEFAULT}:hover,
     .${CLASS.BUTTON}[${ATTRIBUTE.FUNDING_SOURCE}=${FUNDING.PAYU}].${CLASS.COLOR}-${BUTTON_COLOR.DEFAULT}:hover,
     .${CLASS.BUTTON}[${ATTRIBUTE.FUNDING_SOURCE}=${FUNDING.SATISPAY}].${CLASS.COLOR}-${BUTTON_COLOR.DEFAULT}:hover,
     .${CLASS.BUTTON}[${ATTRIBUTE.FUNDING_SOURCE}=${FUNDING.PAIDY}].${CLASS.COLOR}-${BUTTON_COLOR.DEFAULT}:hover,
@@ -177,7 +173,6 @@ export const buttonColorStyle = `
     .${CLASS.BUTTON}[${ATTRIBUTE.FUNDING_SOURCE}=${FUNDING.P24}].${CLASS.COLOR}-${BUTTON_COLOR.DEFAULT}:focus,
     .${CLASS.BUTTON}[${ATTRIBUTE.FUNDING_SOURCE}=${FUNDING.SOFORT}].${CLASS.COLOR}-${BUTTON_COLOR.DEFAULT}:focus,
     .${CLASS.BUTTON}[${ATTRIBUTE.FUNDING_SOURCE}=${FUNDING.TRUSTLY}].${CLASS.COLOR}-${BUTTON_COLOR.DEFAULT}:focus,
-    .${CLASS.BUTTON}[${ATTRIBUTE.FUNDING_SOURCE}=${FUNDING.VERKKOPANKKI}].${CLASS.COLOR}-${BUTTON_COLOR.DEFAULT}:focus,
     .${CLASS.BUTTON}[${ATTRIBUTE.FUNDING_SOURCE}=${FUNDING.PAYU}].${CLASS.COLOR}-${BUTTON_COLOR.DEFAULT}:focus,
     .${CLASS.BUTTON}[${ATTRIBUTE.FUNDING_SOURCE}=${FUNDING.SATISPAY}].${CLASS.COLOR}-${BUTTON_COLOR.DEFAULT}:focus,
     .${CLASS.BUTTON}[${ATTRIBUTE.FUNDING_SOURCE}=${FUNDING.PAIDY}].${CLASS.COLOR}-${BUTTON_COLOR.DEFAULT}:focus,
@@ -200,7 +195,6 @@ export const buttonColorStyle = `
     .${CLASS.BUTTON}[${ATTRIBUTE.FUNDING_SOURCE}=${FUNDING.P24}].${CLASS.COLOR}-${BUTTON_COLOR.DEFAULT}:focus::after,
     .${CLASS.BUTTON}[${ATTRIBUTE.FUNDING_SOURCE}=${FUNDING.SOFORT}].${CLASS.COLOR}-${BUTTON_COLOR.DEFAULT}:focus::after,
     .${CLASS.BUTTON}[${ATTRIBUTE.FUNDING_SOURCE}=${FUNDING.TRUSTLY}].${CLASS.COLOR}-${BUTTON_COLOR.DEFAULT}:focus::after,
-    .${CLASS.BUTTON}[${ATTRIBUTE.FUNDING_SOURCE}=${FUNDING.VERKKOPANKKI}].${CLASS.COLOR}-${BUTTON_COLOR.DEFAULT}:focus::after,
     .${CLASS.BUTTON}[${ATTRIBUTE.FUNDING_SOURCE}=${FUNDING.PAYU}].${CLASS.COLOR}-${BUTTON_COLOR.DEFAULT}:focus::after,
     .${CLASS.BUTTON}[${ATTRIBUTE.FUNDING_SOURCE}=${FUNDING.SATISPAY}].${CLASS.COLOR}-${BUTTON_COLOR.DEFAULT}:focus::after,
     .${CLASS.BUTTON}[${ATTRIBUTE.FUNDING_SOURCE}=${FUNDING.PAIDY}].${CLASS.COLOR}-${BUTTON_COLOR.DEFAULT}:focus::after,

package/src/funding/maxima/config.jsx

@@ -1,35 +0,0 @@
-/* @flow */
-/** @jsx node */
-
-import {
-  MaximaLogoInlineSVG,
-  MaximaLogoExternalImage,
-} from "@paypal/sdk-logos/src";
-
-import { BUTTON_COLOR, BUTTON_LAYOUT } from "../../constants";
-import { DEFAULT_FUNDING_CONFIG, type FundingSourceConfig } from "../common";
-
-export function getMaximaConfig(): FundingSourceConfig {
-  return {
-    ...DEFAULT_FUNDING_CONFIG,
-
-    shippingChange: false,
-
-    layouts: [BUTTON_LAYOUT.VERTICAL],
-
-    Logo: ({ logoColor, optional }) => {
-      if (__WEB__) {
-        return MaximaLogoExternalImage({ logoColor, optional });
-      }
-
-      return MaximaLogoInlineSVG({ logoColor, optional });
-    },
-
-    colors: [
-      BUTTON_COLOR.DEFAULT,
-      BUTTON_COLOR.SILVER,
-      BUTTON_COLOR.WHITE,
-      BUTTON_COLOR.BLACK,
-    ],
-  };
-}

package/src/funding/maxima/index.js

@@ -1,3 +0,0 @@
-/* @flow */
-
-export * from "./config";

package/src/funding/verkkopankki/config.jsx

@@ -1,54 +0,0 @@
-/* @flow */
-/** @jsx node */
-
-import {
-  VerkkopankkiLogoInlineSVG,
-  VerkkopankkiLogoExternalImage,
-} from "@paypal/sdk-logos/src";
-import { Fragment, node } from "@krakenjs/jsx-pragmatic/src";
-
-import { BUTTON_LAYOUT } from "../../constants";
-import {
-  DEFAULT_APM_FUNDING_CONFIG,
-  type FundingSourceConfig,
-  BasicLabel,
-} from "../common";
-import { Text, Space } from "../../ui/text";
-
-export function getVerkkopankkiConfig(): FundingSourceConfig {
-  return {
-    ...DEFAULT_APM_FUNDING_CONFIG,
-
-    automatic: false,
-
-    layouts: [BUTTON_LAYOUT.VERTICAL],
-
-    shippingChange: false,
-
-    Logo: ({ logoColor, optional }) => {
-      if (__WEB__) {
-        return VerkkopankkiLogoExternalImage({ logoColor, optional });
-      }
-
-      return VerkkopankkiLogoInlineSVG({ logoColor, optional });
-    },
-
-    Label: ({ logo, ...opts }) => {
-      if (__WEB__) {
-        return logo;
-      }
-
-      const apmLogo = (
-        <Fragment>
-          {logo}
-          <Space />
-          <Text animate optional>
-            Verkkopankki
-          </Text>
-        </Fragment>
-      );
-
-      return <BasicLabel {...opts} logo={apmLogo} />;
-    },
-  };
-}

package/src/funding/verkkopankki/index.js

@@ -1,3 +0,0 @@
-/* @flow */
-
-export * from "./config";

package/src/funding/zimpler/config.jsx

@@ -1,28 +0,0 @@
-/* @flow */
-/** @jsx node */
-
-import {
-  ZimplerLogoInlineSVG,
-  ZimplerLogoExternalImage,
-} from "@paypal/sdk-logos/src";
-
-import { BUTTON_LAYOUT } from "../../constants";
-import { DEFAULT_FUNDING_CONFIG, type FundingSourceConfig } from "../common";
-
-export function getZimplerConfig(): FundingSourceConfig {
-  return {
-    ...DEFAULT_FUNDING_CONFIG,
-
-    shippingChange: false,
-
-    layouts: [BUTTON_LAYOUT.VERTICAL],
-
-    Logo: ({ logoColor, optional }) => {
-      if (__WEB__) {
-        return ZimplerLogoExternalImage({ logoColor, optional });
-      }
-
-      return ZimplerLogoInlineSVG({ logoColor, optional });
-    },
-  };
-}

package/src/funding/zimpler/index.js

@@ -1,3 +0,0 @@
-/* @flow */
-
-export * from "./config";