@paypal/checkout-components 5.0.225 → 5.0.228

package/CHANGELOG.md

@@ -1,3 +1,21 @@
+## <small>5.0.228 (2022-06-22)</small>
+
+* Inline XO: Experiment (#1955) ([86f0b47](https://github.com/paypal/paypal-checkout-components/commit/86f0b47)), closes [#1955](https://github.com/paypal/paypal-checkout-components/issues/1955)
+
+
+
+## <small>5.0.227 (2022-06-10)</small>
+
+* chore: log screen information for SFVC path (#1951) ([6eb2270](https://github.com/paypal/paypal-checkout-components/commit/6eb2270)), closes [#1951](https://github.com/paypal/paypal-checkout-components/issues/1951)
+
+
+
+## <small>5.0.226 (2022-06-06)</small>
+
+* Inline XO: Fix production eligibility logic ([ad8b0d0](https://github.com/paypal/paypal-checkout-components/commit/ad8b0d0))
+
+
+
 ## <small>5.0.225 (2022-06-02)</small>
 
 * Inline XO: Force Eligibility ([3f56a06](https://github.com/paypal/paypal-checkout-components/commit/3f56a06))

package/package.json

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

package/src/zoid/buttons/component.jsx

@@ -5,7 +5,8 @@
 import { getLogger, getLocale, getClientID, getEnv, getIntent, getCommit, getVault, getDisableFunding, getDisableCard,
     getMerchantID, getPayPalDomainRegex, getCurrency, getSDKMeta, getCSPNonce, getBuyerCountry, getClientAccessToken, getPlatform,
     getPartnerAttributionID, getCorrelationID, getEnableThreeDomainSecure, getDebug, getComponents, getStageHost, getAPIStageHost, getPayPalDomain,
-    getUserIDToken, getClientMetadataID, getAmount, getEnableFunding, getStorageID, getUserExperienceFlow, getMerchantRequestedPopupsDisabled, getVersion } from '@paypal/sdk-client/src';
+    getUserIDToken, getClientMetadataID, getAmount, getEnableFunding, getStorageID, getUserExperienceFlow, getMerchantRequestedPopupsDisabled,
+    createExperiment, getVersion } from '@paypal/sdk-client/src';
 import { rememberFunding, getRememberedFunding, getRefinedFundingEligibility } from '@paypal/funding-components/src';
 import { ZalgoPromise } from '@krakenjs/zalgo-promise/src';
 import { create, EVENT, type ZoidComponent } from '@krakenjs/zoid/src';
@@ -705,11 +706,13 @@ export const getButtonsComponent : () => ButtonsComponent = memoize(() => {
                             return acc && validMerchantIDs.indexOf(id) !== -1;
                         }, true);
 
-                        alphaEligible = clientID === 'AT2hsh6PFa_pvqYVni64Ik2Ojaluh_l9DU3KwXuHb-sgj8q9zZrmob2TUsmvu4rjJ869oHUAlIAqJf9R'
-                            && eligibleMerchantID;
+                        if (clientID === 'AT2hsh6PFa_pvqYVni64Ik2Ojaluh_l9DU3KwXuHb-sgj8q9zZrmob2TUsmvu4rjJ869oHUAlIAqJf9R') {
+                            alphaEligible = eligibleMerchantID;
+
+                        }
                     }
 
-                    return inlineCheckoutEligibility &&  inlineCheckoutEligibility.eligible && alphaEligible && isInlineXOEligible({ props: {
+                    const eligible = inlineCheckoutEligibility && inlineCheckoutEligibility.eligible && alphaEligible && isInlineXOEligible({ props: {
                         commit,
                         createBillingAgreement,
                         currency,
@@ -718,7 +721,32 @@ export const getButtonsComponent : () => ButtonsComponent = memoize(() => {
                         layout,
                         locale,
                         vault
-                    } }) ? EXPERIENCE.INLINE : '';
+                    } });
+                    
+                    const logger = getLogger();
+
+                    logger
+                        .info('isInlineXOEligible props', { props: JSON.stringify(props) })
+                        .info('isInlineXOEligible eligible', { eligible: String(eligible) })
+                        .track({
+                            [ FPTI_KEY.TRANSITION ]: `inline_xo_eligibility_${ String(eligible) }`
+                        }).flush();
+
+                    if (eligible) {
+                        const inlinexoExperiment = createExperiment('inlinexo', 50, logger);
+                        const treatment = inlinexoExperiment.getTreatment();
+
+                        logger
+                            .info(treatment)
+                            .track({
+                                [FPTI_KEY.EXPERIMENT_NAME]: 'inlinexo',
+                                [FPTI_KEY.TREATMENT_NAME]:  treatment
+                            }).flush();
+
+                        return inlinexoExperiment.isEnabled() ? EXPERIENCE.INLINE : '';
+                    }
+
+                    return '';
                 }
             },
 

package/src/zoid/buttons/util.js

@@ -1,6 +1,6 @@
 /* @flow */
-import { supportsPopups as userAgentSupportsPopups, isAndroid, isChrome, isIos, isSafari, isSFVC, type Experiment, isDevice, isTablet, getElement, isLocalStorageEnabled } from '@krakenjs/belter/src';
-import { COUNTRY, CURRENCY, ENV, FPTI_KEY, FUNDING, type LocaleType } from '@paypal/sdk-constants/src';
+import { supportsPopups as userAgentSupportsPopups, isAndroid, isChrome, isIos, isIOS14, isSafari, isSFVC, type Experiment, isDevice, isTablet, getElement, isLocalStorageEnabled, isStandAlone, once } from '@krakenjs/belter/src';
+import { COUNTRY, CURRENCY, ENV, FUNDING, type LocaleType } from '@paypal/sdk-constants/src';
 import { getEnableFunding, getDisableFunding, getLogger, createExperiment, getFundingEligibility, getPlatform, getComponents, getEnv, type FundingEligibilityType } from '@paypal/sdk-client/src';
 import { getRefinedFundingEligibility } from '@paypal/funding-components/src';
 
@@ -15,6 +15,28 @@ type DetermineFlowOptions = {|
     createSubscription : CreateSubscription
 |};
 
+/**
+ * log information about screen to debug. currently in use to test if sfvc logic triggers
+ *
+ * @param {string} key for logging
+ */
+const logNativeScreenInformation = once((key = 'screenInformation') => {
+  if (window) {
+    const height = window.innerHeight;
+    const outerHeight = window.outerHeight;
+    const scale = Math.round(window.screen.width / window.innerWidth * 100) / 100;
+    const computedHeight = Math.round(height * scale);
+    const ios14 = isIOS14();
+    const standAlone = isStandAlone();
+
+    const screenInformation = { computedHeight, height, ios14, outerHeight, scale, standAlone };
+
+    getLogger()
+      // $FlowFixMe - object is mixed values when this expects all of the same value types
+      .info(key, screenInformation)
+  }
+});
+
 export function determineFlow(props : DetermineFlowOptions) : $Values<typeof BUTTON_FLOW> {
 
     if (props.createBillingAgreement) {
@@ -36,6 +58,7 @@ export function isSupportedNativeBrowser() : boolean {
     }
 
     if (isSFVC()) {
+        logNativeScreenInformation('sfvcScreenInformation');
         return false;
     }
 
@@ -324,12 +347,5 @@ export function isInlineXOEligible({ props } : {| props : InlineCheckoutEligibil
         vault === false
     );
 
-    getLogger()
-        .info('isInlineXOEligible props', { props: JSON.stringify(props) })
-        .info('isInlineXOEligible eligible', { eligible: String(isEligible) })
-        .track({
-            [ FPTI_KEY.TRANSITION ]: `inline_xo_eligibility_${ String(isEligible) }`
-        }).flush();
-
     return isEligible;
 }