@paypal/checkout-components 5.0.202 → 5.0.203

package/package.json

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

package/src/ui/buttons/props.js

@@ -262,7 +262,7 @@ export type RenderButtonProps = {|
     applePaySupport : boolean,
     supportsPopups : boolean,
     supportedNativeBrowser : boolean,
-    inlinexo : boolean | void
+    inline : boolean | void
 |};
 
 export type PrerenderDetails = {|
@@ -311,7 +311,7 @@ export type ButtonProps = {|
     applePay : ApplePaySessionConfigRequest,
     meta : {||},
     renderedButtons : $ReadOnlyArray<$Values<typeof FUNDING>>,
-    inlinexo : boolean | void
+    inline : boolean | void
 |};
 
 // eslint-disable-next-line flowtype/require-exact-type
@@ -349,7 +349,7 @@ export type ButtonPropsInputs = {
     applePaySupport : boolean,
     supportsPopups : boolean,
     supportedNativeBrowser : boolean,
-    inlinexo : boolean | void
+    inline : boolean | void
 };
 
 export const DEFAULT_STYLE = {
@@ -494,7 +494,7 @@ export function normalizeButtonProps(props : ?ButtonPropsInputs) : RenderButtonP
         applePaySupport = false,
         supportsPopups = false,
         supportedNativeBrowser = false,
-        inlinexo = false
+        inline = false
     } = props;
 
     const { country, lang } = locale;
@@ -537,5 +537,5 @@ export function normalizeButtonProps(props : ?ButtonPropsInputs) : RenderButtonP
 
     return { clientID, fundingSource, style, locale, remembered, env, fundingEligibility, platform, clientAccessToken,
         buttonSessionID, commit, sessionID, nonce, components, onShippingChange, personalization, content, wallet, flow,
-        experiment, vault, userIDToken, applePay, applePaySupport, supportsPopups, supportedNativeBrowser, inlinexo };
+        experiment, vault, userIDToken, applePay, applePaySupport, supportsPopups, supportedNativeBrowser, inline };
 }

package/src/zoid/buttons/component.jsx

@@ -597,7 +597,7 @@ export const getButtonsComponent : () => ButtonsComponent = memoize(() => {
                 value:      applePaySession
             },
 
-            inlinexo: {
+            inline: {
                 queryParam: true,
                 required:   false,
                 type:       'boolean'

package/src/zoid/checkout/component.jsx

@@ -50,7 +50,7 @@ export function getCheckoutComponent() : CheckoutComponent {
             },
 
             containerTemplate: ({ context, close, focus, doc, event, frame, prerenderFrame, props }) => {
-                const { nonce, locale: { lang } } = props;
+                const { nonce, locale: { lang }, inline } = props;
                 const content = containerContent[lang];
                 return (
                     <Overlay
@@ -62,6 +62,7 @@ export function getCheckoutComponent() : CheckoutComponent {
                         prerenderFrame={ prerenderFrame }
                         content={ content }
                         nonce={ nonce }
+                        fullScreen={ inline === true }
                     />
                 ).render(dom({ doc }));
             },
@@ -230,10 +231,12 @@ export function getCheckoutComponent() : CheckoutComponent {
                     type:    'object',
                     default: () => (window.__test__ || { action: 'checkout' })
                 },
-                inlinexo: {
-                    type:       'boolean',
-                    required:   false,
-                    queryParam: true
+
+                inline: {
+                    type:           'boolean',
+                    required:       false,
+                    queryParam:     true,
+                    allowDelegate:  true
                 }
             },
         

package/src/zoid/checkout/props.js

@@ -38,5 +38,6 @@ export type CheckoutPropsType = {|
     nonce : string,
     csp : {|
         nonce : string
-    |}
+    |},
+    inline : boolean
 |};