@paypal/checkout-components 5.0.256 → 5.0.258

package/src/zoid/wallet/component.jsx

@@ -2,269 +2,307 @@
 /** @jsx node */
 /* eslint max-lines: 0 */
 
-import { node, dom } from '@krakenjs/jsx-pragmatic/src';
+import { node, dom } from "@krakenjs/jsx-pragmatic/src";
 import {
-    getLogger, getPayPalDomainRegex, getSDKMeta, getPayPalDomain, getClientID, getUserAccessToken,
-    getClientAccessToken, getUserIDToken, getLocale, getPartnerAttributionID, getCorrelationID, getSessionID,
-    getEnv, getStageHost, getAPIStageHost, getPlatform, getCurrency, getIntent, getBuyerCountry, getCommit, getVault,
-    getMerchantID, getCSPNonce, getDebug, getMerchantRequestedPopupsDisabled
-} from '@paypal/sdk-client/src';
-import { create, type ZoidComponent } from '@krakenjs/zoid/src';
-import { inlineMemoize, memoize, uniqueID } from '@krakenjs/belter/src';
-import { ZalgoPromise } from '@krakenjs/zalgo-promise/src';
-import { FUNDING } from '@paypal/sdk-constants/src';
-import { getRefinedFundingEligibility, rememberFunding } from '@paypal/funding-components/src';
-
-import { type WalletProps } from './props';
-import { WalletPrerender } from './prerender';
-import { WalletContainer } from './container';
+  getLogger,
+  getPayPalDomainRegex,
+  getSDKMeta,
+  getPayPalDomain,
+  getClientID,
+  getUserAccessToken,
+  getClientAccessToken,
+  getUserIDToken,
+  getLocale,
+  getPartnerAttributionID,
+  getCorrelationID,
+  getSessionID,
+  getEnv,
+  getStageHost,
+  getAPIStageHost,
+  getPlatform,
+  getCurrency,
+  getIntent,
+  getBuyerCountry,
+  getCommit,
+  getVault,
+  getMerchantID,
+  getCSPNonce,
+  getDebug,
+  getMerchantRequestedPopupsDisabled,
+} from "@paypal/sdk-client/src";
+import { create, type ZoidComponent } from "@krakenjs/zoid/src";
+import { inlineMemoize, memoize, uniqueID } from "@krakenjs/belter/src";
+import { ZalgoPromise } from "@krakenjs/zalgo-promise/src";
+import { FUNDING } from "@paypal/sdk-constants/src";
+import {
+  getRefinedFundingEligibility,
+  rememberFunding,
+} from "@paypal/funding-components/src";
+
+import { type WalletProps } from "./props";
+import { WalletPrerender } from "./prerender";
+import { WalletContainer } from "./container";
 
 export type WalletComponent = ZoidComponent<WalletProps>;
 
-export function getWalletComponent() : WalletComponent {
-    return inlineMemoize(getWalletComponent, () => {
-        return create({
-            tag:    'paypal-wallet',
-            url:    () => `${ getPayPalDomain() }${ __PAYPAL_CHECKOUT__.__URI__.__WALLET__ }`,
-            domain: getPayPalDomainRegex(),
-            
-            autoResize: {
-                width:  false,
-                height: true
-            },
-
-            dimensions: {
-                width:  '100%',
-                height: '150px'
-            },
-
-            logger: getLogger(),
-
-            containerTemplate: ({ props, doc, uid, frame, prerenderFrame, event }) => {
-                return (
-                    <WalletContainer uid={ uid } frame={ frame } prerenderFrame={ prerenderFrame } event={ event } nonce={ props.nonce } />
-                ).render(dom({ doc }));
-            },
-
-            prerenderTemplate: ({ props, doc }) => {
-                return (
-                    <WalletPrerender nonce={ props.nonce } />
-                ).render(dom({ doc }));
-            },
-
-            attributes: {
-                iframe: {
-                    scrolling: 'no'
-                }
-            },
-
-            props: {
-                sdkMeta: {
-                    type:        'string',
-                    queryParam:  true,
-                    sendToChild: false,
-                    value:       getSDKMeta
-                },
-                
-                clientID: {
-                    type:       'string',
-                    queryParam: true,
-                    value:      getClientID
-                },
-                
-                clientAccessToken: {
-                    type:       'string',
-                    required:   false,
-                    queryParam: true,
-                    value:      getClientAccessToken
-                },
-
-                buyerAccessToken: {
-                    type:       'string',
-                    queryParam: true,
-                    required:   false,
-                    value:      getUserAccessToken
-                },
-
-                fundingSource: {
-                    type:       'string',
-                    queryParam: true,
-                    default:    () => FUNDING.PAYPAL
-                },
-
-                style: {
-                    type:     'object',
-                    required: false
-                },
-
-                setupListeners: {
-                    type:     'function',
-                    required: false
-                },
-
-                createOrder: {
-                    type:       'function',
-                    queryParam: 'orderID',
-                    // $FlowFixMe
-                    queryValue: ({ value }) => ZalgoPromise.try(value),
-                    // $FlowFixMe
-                    decorate:   ({ value }) => memoize(value)
-                },
-
-                onApprove: {
-                    type: 'function'
-                },
-
-                userIDToken: {
-                    type:       'string',
-                    value:      getUserIDToken,
-                    required:   false,
-                    queryParam: true
-                },
-
-                locale: {
-                    type:       'object',
-                    queryParam: true,
-                    value:      getLocale
-                },
-
-                partnerAttributionID: {
-                    type:       'string',
-                    required:   false,
-                    value:     getPartnerAttributionID
-                },
-
-                merchantRequestedPopupsDisabled: {
-                    type:       'boolean',
-                    required:   false,
-                    value:      getMerchantRequestedPopupsDisabled
-                },
-
-                correlationID: {
-                    type:       'string',
-                    required:   false,
-                    value:      getCorrelationID
-                },
-
-                sessionID: {
-                    type:       'string',
-                    value:      getSessionID,
-                    queryParam: true
-                },
-
-                walletSessionID: {
-                    type:       'string',
-                    value:      uniqueID,
-                    queryParam: true
-                },
-
-                env: {
-                    type:       'string',
-                    queryParam: true,
-                    value:      getEnv
-                },
-
-                stageHost: {
-                    type:       'string',
-                    value:      getStageHost,
-                    required:   false
-                },
-
-                apiStageHost: {
-                    type:       'string',
-                    value:      getAPIStageHost,
-                    required:   false
-                },
-
-                fundingEligibility: {
-                    type:          'object',
-                    value:         getRefinedFundingEligibility,
-                    queryParam:    true,
-                    serialization: 'base64'
-                },
-
-                platform: {
-                    type:       'string',
-                    queryParam: true,
-                    value:      getPlatform
-                },
-
-                remember: {
-                    type:  'function',
-                    value: () => {
-                        return (fundingSources : $ReadOnlyArray<$Values<typeof FUNDING>>) => {
-                            rememberFunding(fundingSources, { cookie: false });
-                        };
-                    }
-                },
-
-                currency: {
-                    type:       'string',
-                    queryParam: true,
-                    value:      getCurrency
-                },
-
-                intent: {
-                    type:       'string',
-                    queryParam: true,
-                    value:      getIntent
-                },
-
-                buyerCountry: {
-                    type:       'string',
-                    queryParam: true,
-                    required:   false,
-                    value:      getBuyerCountry
-                },
-
-                commit: {
-                    type:       'boolean',
-                    queryParam: true,
-                    value:      getCommit
-                },
-
-                vault: {
-                    type:       'boolean',
-                    queryParam: true,
-                    value:      getVault
-                },
-            
-                merchantID: {
-                    type:       'array',
-                    queryParam: true,
-                    value:      getMerchantID
-                },
-
-                csp: {
-                    type:     'object',
-                    required: false,
-                    value:    () => {
-                        return {
-                            nonce: getCSPNonce()
-                        };
-                    }
-                },
-            
-                getPageUrl: {
-                    type:  'function',
-                    value: () => {
-                        return () => window.location.href;
-                    }
-                },
-
-                debug: {
-                    type:       'boolean',
-                    value:      getDebug,
-                    queryParam: true
-                },
-
-                allowBillingPayments: {
-                    type:       'boolean',
-                    queryParam: true,
-                    required:   false,
-                    default:    () => true
-                }
-            }
-        });
+export function getWalletComponent(): WalletComponent {
+  return inlineMemoize(getWalletComponent, () => {
+    return create({
+      tag: "paypal-wallet",
+      url: () =>
+        `${getPayPalDomain()}${__PAYPAL_CHECKOUT__.__URI__.__WALLET__}`,
+      domain: getPayPalDomainRegex(),
+
+      autoResize: {
+        width: false,
+        height: true,
+      },
+
+      dimensions: {
+        width: "100%",
+        height: "150px",
+      },
+
+      logger: getLogger(),
+
+      containerTemplate: ({
+        props,
+        doc,
+        uid,
+        frame,
+        prerenderFrame,
+        event,
+      }) => {
+        return (
+          <WalletContainer
+            uid={uid}
+            frame={frame}
+            prerenderFrame={prerenderFrame}
+            event={event}
+            nonce={props.nonce}
+          />
+        ).render(dom({ doc }));
+      },
+
+      prerenderTemplate: ({ props, doc }) => {
+        return (<WalletPrerender nonce={props.nonce} />).render(dom({ doc }));
+      },
+
+      attributes: {
+        iframe: {
+          scrolling: "no",
+        },
+      },
+
+      props: {
+        sdkMeta: {
+          type: "string",
+          queryParam: true,
+          sendToChild: false,
+          value: getSDKMeta,
+        },
+
+        clientID: {
+          type: "string",
+          queryParam: true,
+          value: getClientID,
+        },
+
+        clientAccessToken: {
+          type: "string",
+          required: false,
+          queryParam: true,
+          value: getClientAccessToken,
+        },
+
+        buyerAccessToken: {
+          type: "string",
+          queryParam: true,
+          required: false,
+          value: getUserAccessToken,
+        },
+
+        fundingSource: {
+          type: "string",
+          queryParam: true,
+          default: () => FUNDING.PAYPAL,
+        },
+
+        style: {
+          type: "object",
+          required: false,
+        },
+
+        setupListeners: {
+          type: "function",
+          required: false,
+        },
+
+        createOrder: {
+          type: "function",
+          queryParam: "orderID",
+          // $FlowFixMe
+          queryValue: ({ value }) => ZalgoPromise.try(value),
+          // $FlowFixMe
+          decorate: ({ value }) => memoize(value),
+        },
+
+        onApprove: {
+          type: "function",
+        },
+
+        userIDToken: {
+          type: "string",
+          value: getUserIDToken,
+          required: false,
+          queryParam: true,
+        },
+
+        locale: {
+          type: "object",
+          queryParam: true,
+          value: getLocale,
+        },
+
+        partnerAttributionID: {
+          type: "string",
+          required: false,
+          value: getPartnerAttributionID,
+        },
+
+        merchantRequestedPopupsDisabled: {
+          type: "boolean",
+          required: false,
+          value: getMerchantRequestedPopupsDisabled,
+        },
+
+        correlationID: {
+          type: "string",
+          required: false,
+          value: getCorrelationID,
+        },
+
+        sessionID: {
+          type: "string",
+          value: getSessionID,
+          queryParam: true,
+        },
+
+        walletSessionID: {
+          type: "string",
+          value: uniqueID,
+          queryParam: true,
+        },
+
+        env: {
+          type: "string",
+          queryParam: true,
+          value: getEnv,
+        },
+
+        stageHost: {
+          type: "string",
+          value: getStageHost,
+          required: false,
+        },
+
+        apiStageHost: {
+          type: "string",
+          value: getAPIStageHost,
+          required: false,
+        },
+
+        fundingEligibility: {
+          type: "object",
+          value: getRefinedFundingEligibility,
+          queryParam: true,
+          serialization: "base64",
+        },
+
+        platform: {
+          type: "string",
+          queryParam: true,
+          value: getPlatform,
+        },
+
+        remember: {
+          type: "function",
+          value: () => {
+            return (
+              fundingSources: $ReadOnlyArray<$Values<typeof FUNDING>>
+            ) => {
+              rememberFunding(fundingSources, { cookie: false });
+            };
+          },
+        },
+
+        currency: {
+          type: "string",
+          queryParam: true,
+          value: getCurrency,
+        },
+
+        intent: {
+          type: "string",
+          queryParam: true,
+          value: getIntent,
+        },
+
+        buyerCountry: {
+          type: "string",
+          queryParam: true,
+          required: false,
+          value: getBuyerCountry,
+        },
+
+        commit: {
+          type: "boolean",
+          queryParam: true,
+          value: getCommit,
+        },
+
+        vault: {
+          type: "boolean",
+          queryParam: true,
+          value: getVault,
+        },
+
+        merchantID: {
+          type: "array",
+          queryParam: true,
+          value: getMerchantID,
+        },
+
+        csp: {
+          type: "object",
+          required: false,
+          value: () => {
+            return {
+              nonce: getCSPNonce(),
+            };
+          },
+        },
+
+        getPageUrl: {
+          type: "function",
+          value: () => {
+            return () => window.location.href;
+          },
+        },
+
+        debug: {
+          type: "boolean",
+          value: getDebug,
+          queryParam: true,
+        },
+
+        allowBillingPayments: {
+          type: "boolean",
+          queryParam: true,
+          required: false,
+          default: () => true,
+        },
+      },
     });
+  });
 }