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.

github paypal / paypal-checkout-components / test / integration / windows / button / index.jsx View on Github external
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;
    });
}
github paypal / paypal-checkout-components / src / zoid / checkout / component.jsx View on Github external
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 }) => {
github paypal / paypal-checkout-components / src / checkout / template / containerStyle.js View on Github external
#${ 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;
github paypal / paypal-card-components / src / contingency-flow.js View on Github external
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;
          }