paypal-checkout/src/lib/script.js

PayPal Checkout components, for integrating checkout products.

/* @flow */

import { debug } from 'beaver-logger/client';
import { getDomain } from 'cross-domain-utils/src';
import { PAGE_TYPES, SDK_SETTINGS } from '@paypal/sdk-constants/src';
import { values } from 'belter/src';

import { config } from '../config';
import { ENV } from '../constants';

import { memoize, domainMatches } from './util';

export const getCurrentScript = memoize(() : ?HTMLScriptElement => {
    const localSDKUrl = config.localSDKUrl;

    const scripts = Array.prototype.slice.call(document.getElementsByTagName('script'));

    for (const script of scripts) {
        if (script.src && (script.src.replace(/^https?:/, '').split('?')[0] === config.scriptUrl || script.hasAttribute('data-paypal-checkout'))) {
            return script;
        }

        if (script.src && (script.src.indexOf('paypal.checkout.v4.js') !== -1)) {
            return script;
        }

        if (config.env === ENV.LOCAL && localSDKUrl && script.src === localSDKUrl) {
            return script;
        }
    }

    if (document.currentScript) {
        debug(`current_script_not_recognized`, { src: document.currentScript.src });
    }
});

export function isPayPalObjects() : boolean {
    return Boolean(getCurrentScript());
}

export function getScriptVersion() : string {
    if (__PAYPAL_CHECKOUT__.__MAJOR__ && isPayPalObjects()) {
        return __MIN__ ? 'min' : __PAYPAL_CHECKOUT__.__MAJOR_VERSION__;
    } else {
        return __MIN__ ? `${ __PAYPAL_CHECKOUT__.__MINOR_VERSION__ }.min` : __PAYPAL_CHECKOUT__.__MINOR_VERSION__;
    }
}

export function getCurrentScriptUrl() : string {
    const script = getCurrentScript();

    if (script && typeof script.src === 'string') {
        let scriptUrl = script.src;

        if (scriptUrl.indexOf('http://www.paypalobjects.com') === 0) {
            scriptUrl = scriptUrl.replace('http://', 'https://');
        }

        if (scriptUrl.indexOf('//www.paypalobjects.com') === 0) {
            scriptUrl = `https:${ scriptUrl }`;
        }

        return scriptUrl;
    }

    return `https://www.paypalobjects.com/api/checkout.${ __PAYPAL_CHECKOUT__.__MINOR_VERSION__ }${ __MIN__ ? '.min' : '' }.js`;
}

export function getDomainSetting<T : mixed>(name : string, def : ?T) : ?T {

    const hostname = window.xchild
        ? window.xchild.getParentDomain()
        : getDomain();

    if (config.domain_settings) {
        for (const domain of Object.keys(config.domain_settings)) {
            if (domainMatches(hostname, domain)) {
                return config.domain_settings[domain][name];
            }
        }
    }

    return def;
}

export function getPageType() : string {
    const script = getCurrentScript();
    if (script && script.hasAttribute(SDK_SETTINGS.PAGE_TYPE)) {
        // $FlowFixMe we know that pageType will be set from hasAttribute
        const pageType = script.getAttribute(SDK_SETTINGS.PAGE_TYPE).toLowerCase();
        const validPageType = values(PAGE_TYPES).indexOf(pageType) !== -1;

        if (!validPageType && pageType.length) {
            throw new Error(`Invalid page type, '${ pageType }'`);
        }
        return pageType;
    }

    return '';
}