@paypal/checkout-components 5.0.191 → 5.0.192

package/package.json

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

package/src/ui/buttons/buttonDesigns/divideLogoAnimation.jsx

@@ -141,11 +141,6 @@ export function getDivideLogoAnimation(designProps : DivideLogoAnimationProps, c
                 && paypalLabelContainerElement.contains(style)
             ) {
                 paypalLabelContainerElement.removeChild(style);
-            } else if (
-                (designContainer.offsetWidth <= max || designContainer.offsetWidth >= min)
-                && !paypalLabelContainerElement.contains(style)
-            ) {
-                paypalLabelContainerElement.appendChild(style);
             }
         });
     }

package/src/ui/buttons/buttonDesigns/inlineLogoTextDesign.jsx

@@ -90,11 +90,6 @@ export const getInlineLabelTextDesign = function (designProps : InlineLogoTextPr
                 && paypalLabelContainerElement.contains(style)
             ) {
                 paypalLabelContainerElement.removeChild(style);
-            } else if (
-                (designContainer.offsetWidth <= max || designContainer.offsetWidth >= min)
-                && !paypalLabelContainerElement.contains(style)
-            ) {
-                paypalLabelContainerElement.appendChild(style);
             }
         });
     }

package/src/zoid/buttons/component.jsx

@@ -20,7 +20,7 @@ import { isFundingEligible } from '../../funding';
 import { containerTemplate } from './container';
 import { PrerenderedButtons } from './prerender';
 import { applePaySession, determineFlow, isSupportedNativeBrowser, createVenmoExperiment,
-    getVenmoExperiment, createNoPaylaterExperiment, getNoPaylaterExperiment, getRenderedButtons, getButtonSize } from './util';
+    getVenmoExperiment, createNoPaylaterExperiment, getNoPaylaterExperiment, getRenderedButtons } from './util';
 
 export type ButtonsComponent = ZoidComponent<ButtonProps>;
 
@@ -352,15 +352,6 @@ export const getButtonsComponent : () => ButtonsComponent = memoize(() => {
                 required:   false
             },
 
-            buttonSize: {
-                type:       'string',
-                required:   false,
-                value:      ({ props, container }) => {
-                    return getButtonSize(props, container);
-                },
-                queryParam: true
-            },
-
             apiStageHost: {
                 type:       'string',
                 value:      getAPIStageHost,

package/src/zoid/buttons/util.js

@@ -1,14 +1,13 @@
 /* @flow */
-import { supportsPopups as userAgentSupportsPopups, isAndroid, isChrome, isIos, isSafari, isSFVC, type Experiment, isDevice, isTablet, getElement } from 'belter/src';
+import { supportsPopups as userAgentSupportsPopups, isAndroid, isChrome, isIos, isSafari, isSFVC, type Experiment, isDevice, isTablet } from 'belter/src';
 import { FUNDING } from '@paypal/sdk-constants/src';
 import { getEnableFunding, getDisableFunding, createExperiment, getFundingEligibility, getPlatform, getComponents } from '@paypal/sdk-client/src';
 import { getRefinedFundingEligibility } from '@paypal/funding-components/src';
 
 import type { Experiment as EligibilityExperiment } from '../../types';
-import { BUTTON_FLOW, BUTTON_SIZE, BUTTON_LAYOUT } from '../../constants';
+import { BUTTON_FLOW } from '../../constants';
 import type { ApplePaySessionConfigRequest, CreateBillingAgreement, CreateSubscription, ButtonProps } from '../../ui/buttons/props';
 import { determineEligibleFunding } from '../../funding';
-import { BUTTON_SIZE_STYLE } from '../../ui/buttons/config';
 
 type DetermineFlowOptions = {|
     createBillingAgreement : CreateBillingAgreement,
@@ -223,56 +222,3 @@ export function applePaySession() : ?ApplePaySessionConfigRequest {
         return undefined;
     }
 }
-
-export function getButtonSize(props : ButtonProps, container : string | HTMLElement | void) : string | void {
-    if (!container) {
-        return;
-    }
-
-    let containerWidth = 0;
-
-    if (typeof container === 'string') {
-        const containerElement = document.querySelector(container);
-        containerWidth = containerElement?.offsetWidth || 0;
-    } else {
-        containerWidth = getElement(container)?.offsetWidth;
-    }
-
-    const layout = props?.style?.layout || BUTTON_LAYOUT.HORIZONTAL;
-    const numButtonsRendered = props?.renderedButtons?.length || 1;
-    const {
-        tiny,
-        small,
-        medium,
-        large,
-        huge
-    } = BUTTON_SIZE_STYLE;
-
-    if (containerWidth) {
-        let buttonWidth = Math.min(containerWidth, 750);
-        const spaceBetweenHorizontalButtons = 8;
-        if (layout === BUTTON_LAYOUT.HORIZONTAL && numButtonsRendered === 2) {
-            buttonWidth = (buttonWidth - spaceBetweenHorizontalButtons) / 2;
-        }
-
-        if (tiny.minWidth <= buttonWidth && buttonWidth <= tiny.maxWidth) {
-            return BUTTON_SIZE.TINY;
-        }
-
-        if (small.minWidth < buttonWidth && buttonWidth <= small.maxWidth) {
-            return BUTTON_SIZE.SMALL;
-        }
-
-        if (medium.minWidth < buttonWidth && buttonWidth <= medium.maxWidth) {
-            return BUTTON_SIZE.MEDIUM;
-        }
-
-        if (large.minWidth < buttonWidth && buttonWidth <= large.maxWidth) {
-            return BUTTON_SIZE.LARGE;
-        }
-
-        if (huge.minWidth < buttonWidth) {
-            return BUTTON_SIZE.HUGE;
-        }
-    }
-}