How to use the zoid/src.CONTEXT.IFRAME function in zoid
To help you get started, we’ve selected a few zoid examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
paypal / paypal-checkout-components / test / integration / windows / button / index.jsx View on Github 
return window.xprops.onCancel();
}
},
onCancel: window.xprops.onCancel,
onError: window.xprops.onError,
commit: window.xprops.commit,
locale: window.xprops.locale,
test: {
action: action || 'checkout',
type,
...checkout
},
...props
}).renderTo(window.parent, 'body', supportsPopups() ? context : CONTEXT.IFRAME).catch(err => {
if (err instanceof window.paypal.PopupOpenError) {
return renderCheckout(props);
}
throw err;
});
} restart: () => renderCheckout(props, CONTEXT.IFRAME)
};return inlineMemoize(getCheckoutComponent, () => {
const component = create({
tag: 'paypal-checkout',
attributes: {
iframe: {
scrolling: 'yes'
}
},
defaultContext: supportsPopups() ? CONTEXT.POPUP : CONTEXT.IFRAME,
url: getCheckoutUrl,
domain: getPayPalDomainRegex(),
logger: getLogger(),
prerenderTemplate: ({ doc, props }) => {
return (
).render(dom({ doc }));
},
containerTemplate: ({ props, context, close, focus, doc, event, frame, prerenderFrame }) => {#${ uid } .paypal-checkout-modal .paypal-checkout-logo img {
height: 36px;
}
#${ uid } .paypal-checkout-modal .paypal-checkout-logo img.paypal-checkout-logo-pp {
margin-right: 10px;
}
#${ uid } .paypal-checkout-modal .paypal-checkout-message {
font-size: 15px;
line-height: 1.5;
padding: 10px 0;
}
#${ uid }.${ tag }-context-${ CONTEXT.IFRAME } .paypal-checkout-message, #${ uid }.${ tag }-context-${ CONTEXT.IFRAME } .paypal-checkout-continue {
display: none;
}
#${ uid } .paypal-checkout-modal .paypal-checkout-continue {
font-size: 15px;
line-height: 1.35;
padding: 10px 0;
font-weight: bold;
}
#${ uid } .paypal-checkout-modal .paypal-checkout-continue a {
border-bottom: 1px solid white;
}
#${ uid } .paypal-checkout-close {
position: absolute;node('style', null, `
#${ uid } {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.6);
z-index: 999;
}
#${ uid }.${ tag }-context-${ CONTEXT.POPUP } {
cursor: pointer;
}
#${ uid }.${ tag }-context-${ CONTEXT.IFRAME } .${ CLASS.OUTLET } {
box-shadow: 2px 2px 10px 3px rgba(0, 0, 0, 0.4);
position: fixed;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0);
-webkit-transform: translate3d(-50%, -50%, 0);
-moz-transform: translate3d(-50%, -50%, 0);
-o-transform: translate3d(-50%, -50%, 0);
-ms-transform: translate3d(-50%, -50%, 0);
}
#${ uid }.${ tag }-context-${ CONTEXT.IFRAME } .${ CLASS.OUTLET } {
height: 510px;
width: 450px;
}
