@paypal/checkout-components 5.0.256 → 5.0.258

package/src/funding/payu/config.jsx

@@ -1,43 +1,54 @@
 /* @flow */
 /** @jsx node */
 
-import { PayuLogo } 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';
-import { enableLogoCDNExperiment } from '../../lib/getLogoCDNExperiment';
-
-export function getPayuConfig() : FundingSourceConfig {
-    return {
-        ...DEFAULT_APM_FUNDING_CONFIG,
-
-        automatic: false,
-
-        layouts: [
-            BUTTON_LAYOUT.VERTICAL
-        ],
-
-        shippingChange: false,
-    
-        Logo: ({ logoColor, optional }) => enableLogoCDNExperiment(PayuLogo, { logoColor, optional }),
-
-        Label: ({ logo, ...opts }) => {
-            if (__WEB__) {
-                return logo;
-            }
-
-            const apmLogo = (
-                <Fragment>
-                    { logo }<Space /><Text animate optional>PayU</Text>
-                </Fragment>
-            );
-
-            return (<BasicLabel
-                { ...opts }
-                logo={ apmLogo }
-            />);
-        }
-    };
+import {
+  PayuLogoInlineSVG,
+  PayuLogoExternalImage,
+} 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 getPayuConfig(): FundingSourceConfig {
+  return {
+    ...DEFAULT_APM_FUNDING_CONFIG,
+
+    automatic: false,
+
+    layouts: [BUTTON_LAYOUT.VERTICAL],
+
+    shippingChange: false,
+
+    Logo: ({ logoColor, optional }) => {
+      if (__WEB__) {
+        return PayuLogoExternalImage({ logoColor, optional });
+      }
+
+      return PayuLogoInlineSVG({ logoColor, optional });
+    },
+
+    Label: ({ logo, ...opts }) => {
+      if (__WEB__) {
+        return logo;
+      }
+
+      const apmLogo = (
+        <Fragment>
+          {logo}
+          <Space />
+          <Text animate optional>
+            PayU
+          </Text>
+        </Fragment>
+      );
+
+      return <BasicLabel {...opts} logo={apmLogo} />;
+    },
+  };
 }

package/src/funding/payu/index.js

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

package/src/funding/satispay/config.jsx

@@ -1,43 +1,54 @@
 /* @flow */
 /** @jsx node */
 
-import { SatispayLogo } 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';
-import { enableLogoCDNExperiment } from '../../lib/getLogoCDNExperiment';
-
-export function getSatispayConfig() : FundingSourceConfig {
-    return {
-        ...DEFAULT_APM_FUNDING_CONFIG,
-
-        automatic: false,
-
-        shippingChange: false,
-    
-        layouts: [
-            BUTTON_LAYOUT.VERTICAL
-        ],
-    
-        Logo: ({ logoColor, optional }) => enableLogoCDNExperiment(SatispayLogo, { logoColor, optional }),
-
-        Label: ({ logo, ...opts }) => {
-            if (__WEB__) {
-                return logo;
-            }
-
-            const apmLogo = (
-                <Fragment>
-                    { logo }<Space /><Text animate optional>Satispay</Text>
-                </Fragment>
-            );
-
-            return (<BasicLabel
-                { ...opts }
-                logo={ apmLogo }
-            />);
-        }
-    };
+import {
+  SatispayLogoInlineSVG,
+  SatispayLogoExternalImage,
+} 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 getSatispayConfig(): FundingSourceConfig {
+  return {
+    ...DEFAULT_APM_FUNDING_CONFIG,
+
+    automatic: false,
+
+    shippingChange: false,
+
+    layouts: [BUTTON_LAYOUT.VERTICAL],
+
+    Logo: ({ logoColor, optional }) => {
+      if (__WEB__) {
+        return SatispayLogoExternalImage({ logoColor, optional });
+      }
+
+      return SatispayLogoInlineSVG({ logoColor, optional });
+    },
+
+    Label: ({ logo, ...opts }) => {
+      if (__WEB__) {
+        return logo;
+      }
+
+      const apmLogo = (
+        <Fragment>
+          {logo}
+          <Space />
+          <Text animate optional>
+            Satispay
+          </Text>
+        </Fragment>
+      );
+
+      return <BasicLabel {...opts} logo={apmLogo} />;
+    },
+  };
 }

package/src/funding/satispay/index.js

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

package/src/funding/sepa/config.jsx

@@ -1,20 +1,26 @@
 /* @flow */
 /** @jsx node */
 
-import { SepaLogo } from '@paypal/sdk-logos/src';
+import {
+  SepaLogoInlineSVG,
+  SepaLogoExternalImage,
+} from "@paypal/sdk-logos/src";
 
-import { BUTTON_LAYOUT } from '../../constants';
-import { enableLogoCDNExperiment } from '../../lib/getLogoCDNExperiment';
-import { DEFAULT_FUNDING_CONFIG, type FundingSourceConfig } from '../common';
+import { BUTTON_LAYOUT } from "../../constants";
+import { DEFAULT_FUNDING_CONFIG, type FundingSourceConfig } from "../common";
 
-export function getSepaConfig() : FundingSourceConfig {
-    return {
-        ...DEFAULT_FUNDING_CONFIG,
+export function getSepaConfig(): FundingSourceConfig {
+  return {
+    ...DEFAULT_FUNDING_CONFIG,
 
-        layouts: [
-            BUTTON_LAYOUT.VERTICAL
-        ],
-    
-        Logo: ({ logoColor, optional }) => enableLogoCDNExperiment(SepaLogo, { logoColor, optional })
-    };
+    layouts: [BUTTON_LAYOUT.VERTICAL],
+
+    Logo: ({ logoColor, optional }) => {
+      if (__WEB__) {
+        return SepaLogoExternalImage({ logoColor, optional });
+      }
+
+      return SepaLogoInlineSVG({ logoColor, optional });
+    },
+  };
 }

package/src/funding/sepa/index.js

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

package/src/funding/sofort/config.jsx

@@ -1,41 +1,52 @@
 /* @flow */
 /** @jsx node */
 
-import { SofortLogo } 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';
-import { enableLogoCDNExperiment } from '../../lib/getLogoCDNExperiment';
-
-export function getSofortConfig() : FundingSourceConfig {
-    return {
-        ...DEFAULT_APM_FUNDING_CONFIG,
-
-        shippingChange: false,
-
-        layouts: [
-            BUTTON_LAYOUT.VERTICAL
-        ],
-    
-        Logo: ({ logoColor, optional }) => enableLogoCDNExperiment(SofortLogo, { logoColor, optional }),
-
-        Label: ({ logo, ...opts }) => {
-            if (__WEB__) {
-                return logo;
-            }
-
-            const apmLogo = (
-                <Fragment>
-                    { logo }<Space /><Text animate optional>SOFORT</Text>
-                </Fragment>
-            );
-
-            return (<BasicLabel
-                { ...opts }
-                logo={ apmLogo }
-            />);
-        }
-    };
+import {
+  SofortLogoInlineSVG,
+  SofortLogoExternalImage,
+} 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 getSofortConfig(): FundingSourceConfig {
+  return {
+    ...DEFAULT_APM_FUNDING_CONFIG,
+
+    shippingChange: false,
+
+    layouts: [BUTTON_LAYOUT.VERTICAL],
+
+    Logo: ({ logoColor, optional }) => {
+      if (__WEB__) {
+        return SofortLogoExternalImage({ logoColor, optional });
+      }
+
+      return SofortLogoInlineSVG({ logoColor, optional });
+    },
+
+    Label: ({ logo, ...opts }) => {
+      if (__WEB__) {
+        return logo;
+      }
+
+      const apmLogo = (
+        <Fragment>
+          {logo}
+          <Space />
+          <Text animate optional>
+            SOFORT
+          </Text>
+        </Fragment>
+      );
+
+      return <BasicLabel {...opts} logo={apmLogo} />;
+    },
+  };
 }

package/src/funding/sofort/index.js

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

package/src/funding/trustly/config.jsx

@@ -1,43 +1,54 @@
 /* @flow */
 /** @jsx node */
 
-import { TrustlyLogo } 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';
-import { enableLogoCDNExperiment } from '../../lib/getLogoCDNExperiment';
-
-export function getTrustlyConfig() : FundingSourceConfig {
-    return {
-        ...DEFAULT_APM_FUNDING_CONFIG,
-
-        automatic: false,
-        
-        shippingChange: false,
-    
-        layouts: [
-            BUTTON_LAYOUT.VERTICAL
-        ],
-
-        Logo: ({ logoColor, optional }) => enableLogoCDNExperiment(TrustlyLogo, { logoColor, optional }),
-
-        Label: ({ logo, ...opts }) => {
-            if (__WEB__) {
-                return logo;
-            }
-
-            const apmLogo = (
-                <Fragment>
-                    { logo }<Space /><Text animate optional>Trustly</Text>
-                </Fragment>
-            );
-
-            return (<BasicLabel
-                { ...opts }
-                logo={ apmLogo }
-            />);
-        }
-    };
+import {
+  TrustlyLogoInlineSVG,
+  TrustlyLogoExternalImage,
+} 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 getTrustlyConfig(): FundingSourceConfig {
+  return {
+    ...DEFAULT_APM_FUNDING_CONFIG,
+
+    automatic: false,
+
+    shippingChange: false,
+
+    layouts: [BUTTON_LAYOUT.VERTICAL],
+
+    Logo: ({ logoColor, optional }) => {
+      if (__WEB__) {
+        return TrustlyLogoExternalImage({ logoColor, optional });
+      }
+
+      return TrustlyLogoInlineSVG({ logoColor, optional });
+    },
+
+    Label: ({ logo, ...opts }) => {
+      if (__WEB__) {
+        return logo;
+      }
+
+      const apmLogo = (
+        <Fragment>
+          {logo}
+          <Space />
+          <Text animate optional>
+            Trustly
+          </Text>
+        </Fragment>
+      );
+
+      return <BasicLabel {...opts} logo={apmLogo} />;
+    },
+  };
 }

package/src/funding/trustly/index.js

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

package/src/funding/venmo/config.jsx

@@ -1,79 +1,84 @@
 /* @flow */
 /** @jsx node */
 
-import { VenmoLogo, LOGO_COLOR } from '@paypal/sdk-logos/src';
-import { PLATFORM } from '@paypal/sdk-constants/src';
-
-import { BUTTON_COLOR, BUTTON_LAYOUT } from '../../constants';
-import { DEFAULT_FUNDING_CONFIG, type FundingSourceConfig } from '../common';
-import { enableLogoCDNExperiment } from '../../lib/getLogoCDNExperiment';
-
-import { WalletLabel, Label, AppLabel } from './template';
-
-
-export function getVenmoConfig() : FundingSourceConfig {
-    return {
-        ...DEFAULT_FUNDING_CONFIG,
-
-        shippingChange: false,
-
-        layouts: [
-            BUTTON_LAYOUT.HORIZONTAL,
-            BUTTON_LAYOUT.VERTICAL
-        ],
-        
-        eligible: ({ experiment }) => {
-            if (experiment && experiment.enableVenmo === false) {
-                return false;
-            }
-
-            return true;
-        },
-
-        requires: ({ platform }) => {
-            if (platform === PLATFORM.MOBILE) {
-                return {
-                    native: true,
-                    popup:  true
-                };
-            }
-
-            return {};
-        },
-
-        Logo:  ({ logoColor, optional }) => enableLogoCDNExperiment(VenmoLogo, { logoColor, optional }),
-        
-        Label: ({ ...props }) => {
-            if (props.experiment && props.experiment.enableVenmoAppLabel) {
-                return AppLabel(props);
-            }
-            return Label(props);
-        },
-
-        WalletLabel: (...props) => WalletLabel(...props),
-
-        showWalletMenu: () => false,
-
-        colors: [
-            BUTTON_COLOR.BLUE,
-            BUTTON_COLOR.SILVER,
-            BUTTON_COLOR.BLACK,
-            BUTTON_COLOR.WHITE
-        ],
-
-        logoColors:  {
-            [ BUTTON_COLOR.BLUE ]:   LOGO_COLOR.WHITE,
-            [ BUTTON_COLOR.SILVER ]: LOGO_COLOR.BLUE,
-            [ BUTTON_COLOR.BLACK ]:  LOGO_COLOR.WHITE,
-            [ BUTTON_COLOR.WHITE ]:  LOGO_COLOR.BLUE
-        },
-
-        secondaryColors: {
-            ...DEFAULT_FUNDING_CONFIG.secondaryColors,
-
-            [ BUTTON_COLOR.GOLD ]:   BUTTON_COLOR.BLUE,
-            [ BUTTON_COLOR.BLUE ]:   BUTTON_COLOR.SILVER,
-            [ BUTTON_COLOR.SILVER ]: BUTTON_COLOR.BLUE
-        }
-    };
+import {
+  VenmoLogoExternalImage,
+  VenmoLogoInlineSVG,
+  LOGO_COLOR,
+} from "@paypal/sdk-logos/src";
+import { PLATFORM } from "@paypal/sdk-constants/src";
+
+import { BUTTON_COLOR, BUTTON_LAYOUT } from "../../constants";
+import { DEFAULT_FUNDING_CONFIG, type FundingSourceConfig } from "../common";
+
+import { WalletLabel, Label, AppLabel } from "./template";
+
+export function getVenmoConfig(): FundingSourceConfig {
+  return {
+    ...DEFAULT_FUNDING_CONFIG,
+
+    shippingChange: false,
+
+    layouts: [BUTTON_LAYOUT.HORIZONTAL, BUTTON_LAYOUT.VERTICAL],
+
+    eligible: ({ experiment }) => {
+      if (experiment && experiment.enableVenmo === false) {
+        return false;
+      }
+
+      return true;
+    },
+
+    requires: ({ platform }) => {
+      if (platform === PLATFORM.MOBILE) {
+        return {
+          native: true,
+          popup: true,
+        };
+      }
+
+      return {};
+    },
+
+    Logo: ({ logoColor, optional }) => {
+      if (__WEB__) {
+        return VenmoLogoExternalImage({ logoColor, optional });
+      }
+
+      return VenmoLogoInlineSVG({ logoColor, optional });
+    },
+
+    Label: ({ ...props }) => {
+      if (props.experiment && props.experiment.enableVenmoAppLabel) {
+        return AppLabel(props);
+      }
+      return Label(props);
+    },
+
+    WalletLabel: (...props) => WalletLabel(...props),
+
+    showWalletMenu: () => false,
+
+    colors: [
+      BUTTON_COLOR.BLUE,
+      BUTTON_COLOR.SILVER,
+      BUTTON_COLOR.BLACK,
+      BUTTON_COLOR.WHITE,
+    ],
+
+    logoColors: {
+      [BUTTON_COLOR.BLUE]: LOGO_COLOR.WHITE,
+      [BUTTON_COLOR.SILVER]: LOGO_COLOR.BLUE,
+      [BUTTON_COLOR.BLACK]: LOGO_COLOR.WHITE,
+      [BUTTON_COLOR.WHITE]: LOGO_COLOR.BLUE,
+    },
+
+    secondaryColors: {
+      ...DEFAULT_FUNDING_CONFIG.secondaryColors,
+
+      [BUTTON_COLOR.GOLD]: BUTTON_COLOR.BLUE,
+      [BUTTON_COLOR.BLUE]: BUTTON_COLOR.SILVER,
+      [BUTTON_COLOR.SILVER]: BUTTON_COLOR.BLUE,
+    },
+  };
 }

package/src/funding/venmo/index.js

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