@builder.io/sdk-react-nextjs 0.5.8 → 0.6.0

package/dist/functions/is-editing.js

@@ -1,5 +0,0 @@
-import { TARGET } from '../constants/target.js';
-import { isIframe } from './is-iframe.js';
-export function isEditing() {
-    return isIframe() && (TARGET === 'reactNative' || window.location.search.indexOf('builder.frameEditing=') !== -1);
-}

package/dist/functions/is-iframe.js

@@ -1,4 +0,0 @@
-import { isBrowser } from './is-browser.js';
-export function isIframe() {
-    return isBrowser() && window.self !== window.top;
-}

package/dist/functions/is-non-node-server.d.ts

@@ -1,4 +0,0 @@
-/**
- * Identifies non-node server runtimes (edge, workers, serverless, etc.)
- */
-export declare function isNonNodeServer(): boolean;

package/dist/functions/is-non-node-server.js

@@ -1,8 +0,0 @@
-import { isBrowser } from './is-browser.js';
-/**
- * Identifies non-node server runtimes (edge, workers, serverless, etc.)
- */
-export function isNonNodeServer() {
-    const hasNode = () => typeof process !== 'undefined' && process?.versions?.node;
-    return !isBrowser() && !hasNode();
-}

package/dist/functions/is-previewing.js

@@ -1,11 +0,0 @@
-import { isBrowser } from './is-browser.js';
-import { isEditing } from './is-editing.js';
-export function isPreviewing() {
-    if (!isBrowser()) {
-        return false;
-    }
-    if (isEditing()) {
-        return false;
-    }
-    return Boolean(location.search.indexOf('builder.preview=') !== -1);
-}

package/dist/functions/register-component.js

@@ -1,38 +0,0 @@
-import { fastClone } from './fast-clone.js';
-/**
- * @deprecated.  Use the `customComponents` prop in RenderContent instead to provide your custom components to the builder SDK.
- */
-export const components = [];
-/**
- * @deprecated.  Use the `customComponents` prop in RenderContent instead to provide your custom components to the builder SDK.
- */
-export function registerComponent(component, info) {
-    components.push({
-        component,
-        ...info
-    });
-    console.warn('registerComponent is deprecated. Use the `customComponents` prop in RenderContent instead to provide your custom components to the builder SDK.');
-    return component;
-}
-export const createRegisterComponentMessage = (info) => ({
-    type: 'builder.registerComponent',
-    data: serializeComponentInfo(info)
-});
-// eslint-disable-next-line @typescript-eslint/ban-types
-const serializeFn = (fnValue) => {
-    const fnStr = fnValue.toString().trim();
-    // we need to account for a few different fn syntaxes:
-    // 1. `function name(args) => {code}`
-    // 2. `name(args) => {code}`
-    // 3. `(args) => {}`
-    const appendFunction = !fnStr.startsWith('function') && !fnStr.startsWith('(');
-    return `return (${appendFunction ? 'function ' : ''}${fnStr}).apply(this, arguments)`;
-};
-const serializeValue = (value) => typeof value === 'function' ? serializeFn(value) : fastClone(value);
-export const serializeComponentInfo = ({ inputs, ...info }) => ({
-    ...fastClone(info),
-    inputs: inputs?.map(input => Object.entries(input).reduce((acc, [key, value]) => ({
-        ...acc,
-        [key]: serializeValue(value)
-    }), {}))
-});

package/dist/functions/register.js

@@ -1,27 +0,0 @@
-import { isBrowser } from './is-browser.js';
-const registry = {};
-export function register(type, info) {
-    let typeList = registry[type];
-    if (!typeList) {
-        typeList = registry[type] = [];
-    }
-    typeList.push(info);
-    if (isBrowser()) {
-        const message = {
-            type: 'builder.register',
-            data: {
-                type,
-                info
-            }
-        };
-        try {
-            parent.postMessage(message, '*');
-            if (parent !== window) {
-                window.postMessage(message, '*');
-            }
-        }
-        catch (err) {
-            console.debug('Could not postmessage', err);
-        }
-    }
-}

package/dist/functions/sanitize-react-native-block-styles.js

@@ -1,61 +0,0 @@
-const propertiesThatMustBeNumber = new Set(['lineHeight']);
-const displayValues = new Set(['flex', 'none']);
-const SHOW_WARNINGS = false;
-const normalizeNumber = (value) => {
-    if (Number.isNaN(value)) {
-        return undefined;
-    }
-    else if (value < 0) {
-        // TODO: why are negative values not allowed?
-        return 0;
-    }
-    else {
-        return value;
-    }
-};
-export const sanitizeReactNativeBlockStyles = (styles) => {
-    return Object.keys(styles).reduce((acc, key) => {
-        const propertyValue = styles[key];
-        if (key === 'display' && !displayValues.has(propertyValue)) {
-            if (SHOW_WARNINGS) {
-                console.warn(`Style value for key "display" must be "flex" or "none" but had ${propertyValue}`);
-            }
-            return acc;
-        }
-        if (propertiesThatMustBeNumber.has(key) && typeof propertyValue !== 'number') {
-            if (SHOW_WARNINGS) {
-                console.warn(`Style key ${key} must be a number, but had value \`${styles[key]}\``);
-            }
-            return acc;
-        }
-        if (typeof propertyValue === 'string') {
-            // `px` units need to be stripped and replaced with numbers
-            // https://regexr.com/6ualn
-            const isPixelUnit = propertyValue.match(/^-?(\d*)(\.?)(\d*)*px$/);
-            if (isPixelUnit) {
-                const newValue = parseFloat(propertyValue);
-                const normalizedValue = normalizeNumber(newValue);
-                if (normalizedValue) {
-                    return {
-                        ...acc,
-                        [key]: normalizedValue
-                    };
-                }
-                else {
-                    return acc;
-                }
-            }
-            else if (propertyValue === '0') {
-                // 0 edge case needs to be handled
-                return {
-                    ...acc,
-                    [key]: 0
-                };
-            }
-        }
-        return {
-            ...acc,
-            [key]: propertyValue
-        };
-    }, {});
-};

package/dist/functions/set-editor-settings.js

@@ -1,12 +0,0 @@
-import { isBrowser } from './is-browser.js';
-const settings = {};
-export function setEditorSettings(newSettings) {
-    if (isBrowser()) {
-        Object.assign(settings, newSettings);
-        const message = {
-            type: 'builder.settingsChange',
-            data: settings
-        };
-        parent.postMessage(message, '*');
-    }
-}

package/dist/functions/set.js

@@ -1,14 +0,0 @@
-/**
- * Minimal implementation of lodash's _.set
- * https://lodash.com/docs/4.17.15#set
- *
- * See ./set.test.ts for usage examples
- */
-export const set = (obj, _path, value) => {
-    if (Object(obj) !== obj) {
-        return obj;
-    }
-    const path = Array.isArray(_path) ? _path : _path.toString().match(/[^.[\]]+/g);
-    path.slice(0, -1).reduce((a, c, i) => Object(a[c]) === a[c] ? a[c] : a[c] = Math.abs(Number(path[i + 1])) >> 0 === +path[i + 1] ? [] : {}, obj)[path[path.length - 1]] = value;
-    return obj;
-};

package/dist/functions/track/helpers.js

@@ -1,51 +0,0 @@
-import { TARGET } from '../../constants/target.js';
-import { isBrowser } from '../is-browser.js';
-const getLocation = () => {
-    if (TARGET === 'reactNative') {
-        return null;
-    }
-    else if (isBrowser()) {
-        const parsedLocation = new URL(location.href);
-        // IE11 bug with parsed path being empty string
-        // causes issues with our user targeting
-        if (parsedLocation.pathname === '') {
-            parsedLocation.pathname = '/';
-        }
-        return parsedLocation;
-    }
-    else {
-        console.warn('Cannot get location for tracking in non-browser environment');
-        return null;
-    }
-};
-const getUserAgent = () => typeof navigator === 'object' && navigator.userAgent || '';
-export const getUserAttributes = () => {
-    const userAgent = getUserAgent();
-    const isMobile = {
-        Android() {
-            return userAgent.match(/Android/i);
-        },
-        BlackBerry() {
-            return userAgent.match(/BlackBerry/i);
-        },
-        iOS() {
-            return userAgent.match(/iPhone|iPod/i);
-        },
-        Opera() {
-            return userAgent.match(/Opera Mini/i);
-        },
-        Windows() {
-            return userAgent.match(/IEMobile/i) || userAgent.match(/WPDesktop/i);
-        },
-        any() {
-            return isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Opera() || isMobile.Windows() || TARGET === 'reactNative';
-        }
-    };
-    const isTablet = userAgent.match(/Tablet|iPad/i);
-    const url = getLocation();
-    return {
-        urlPath: url?.pathname,
-        host: url?.host || url?.hostname,
-        device: isTablet ? 'tablet' : isMobile.any() ? 'mobile' : 'desktop'
-    };
-};

package/dist/functions/track/index.js

@@ -1,71 +0,0 @@
-import { TARGET } from '../../constants/target.js';
-import { logger } from '../../helpers/logger.js';
-import { getSessionId } from '../../helpers/sessionId.js';
-import { getVisitorId } from '../../helpers/visitorId.js';
-import { isBrowser } from '../is-browser.js';
-import { isEditing } from '../is-editing.js';
-import { getUserAttributes } from './helpers.js';
-const getTrackingEventData = async ({ canTrack }) => {
-    if (!canTrack) {
-        return {
-            visitorId: undefined,
-            sessionId: undefined
-        };
-    }
-    const sessionId = await getSessionId({
-        canTrack
-    });
-    const visitorId = getVisitorId({
-        canTrack
-    });
-    return {
-        sessionId,
-        visitorId
-    };
-};
-const createEvent = async ({ type: eventType, canTrack, apiKey, metadata, ...properties }) => ({
-    type: eventType,
-    data: {
-        ...properties,
-        metadata: {
-            url: location.href,
-            ...metadata
-        },
-        ...(await getTrackingEventData({
-            canTrack
-        })),
-        userAttributes: getUserAttributes(),
-        ownerId: apiKey
-    }
-});
-export async function _track(eventProps) {
-    if (!eventProps.apiKey) {
-        logger.error('Missing API key for track call. Please provide your API key.');
-        return;
-    }
-    if (!eventProps.canTrack) {
-        return;
-    }
-    if (isEditing()) {
-        return;
-    }
-    if (!(isBrowser() || TARGET === 'reactNative')) {
-        return;
-    }
-    return fetch(`https://cdn.builder.io/api/v1/track`, {
-        method: 'POST',
-        body: JSON.stringify({
-            events: [await createEvent(eventProps)]
-        }),
-        headers: {
-            'content-type': 'application/json'
-        },
-        mode: 'cors'
-    }).catch(err => {
-        console.error('Failed to track: ', err);
-    });
-}
-export const track = (args) => _track({
-    ...args,
-    canTrack: true
-});

package/dist/functions/track/interaction.js

@@ -1,53 +0,0 @@
-function round(num) {
-    return Math.round(num * 1000) / 1000;
-}
-const findParentElement = (target, callback, checkElement = true) => {
-    if (!(target instanceof HTMLElement)) {
-        return null;
-    }
-    let parent = checkElement ? target : target.parentElement;
-    do {
-        if (!parent) {
-            return null;
-        }
-        const matches = callback(parent);
-        if (matches) {
-            return parent;
-        }
-    } while (parent = parent.parentElement);
-    return null;
-};
-const findBuilderParent = (target) => findParentElement(target, el => {
-    const id = el.getAttribute('builder-id') || el.id;
-    return Boolean(id?.indexOf('builder-') === 0);
-});
-const computeOffset = ({ event, target }) => {
-    const targetRect = target.getBoundingClientRect();
-    const xOffset = event.clientX - targetRect.left;
-    const yOffset = event.clientY - targetRect.top;
-    const xRatio = round(xOffset / targetRect.width);
-    const yRatio = round(yOffset / targetRect.height);
-    return {
-        x: xRatio,
-        y: yRatio
-    };
-};
-export const getInteractionPropertiesForEvent = (event) => {
-    const target = event.target;
-    const targetBuilderElement = target && findBuilderParent(target);
-    const builderId = targetBuilderElement?.getAttribute('builder-id') || targetBuilderElement?.id;
-    return {
-        targetBuilderElement: builderId || undefined,
-        metadata: {
-            targetOffset: target ? computeOffset({
-                event,
-                target
-            }) : undefined,
-            builderTargetOffset: targetBuilderElement ? computeOffset({
-                event,
-                target: targetBuilderElement
-            }) : undefined,
-            builderElementIndex: targetBuilderElement && builderId ? [].slice.call(document.getElementsByClassName(builderId)).indexOf(targetBuilderElement) : undefined
-        }
-    };
-};

package/dist/functions/transform-block-properties.js

@@ -1,5 +0,0 @@
-export function transformBlockProperties(properties) {
-    properties.className = properties.class;
-    delete properties.class;
-    return properties;
-}

package/dist/functions/transform-block.js

@@ -1,4 +0,0 @@
-// Noope way for targets to make modifications to the block object if/as needed
-export function transformBlock(block) {
-    return block;
-}

package/dist/helpers/ab-tests.js

@@ -1,122 +0,0 @@
-import { getCookie, getCookieSync, setCookie } from './cookie.js';
-import { checkIsDefined } from '../helpers/nullable.js';
-import { logger } from './logger.js';
-import { TARGET } from '../constants/target.js';
-const BUILDER_STORE_PREFIX = 'builder.tests';
-const getContentTestKey = (id) => `${BUILDER_STORE_PREFIX}.${id}`;
-const getContentVariationCookie = ({ contentId }) => getCookie({
-    name: getContentTestKey(contentId),
-    canTrack: true
-});
-const getContentVariationCookieSync = ({ contentId }) => getCookieSync({
-    name: getContentTestKey(contentId),
-    canTrack: true
-});
-const setContentVariationCookie = ({ contentId, value }) => setCookie({
-    name: getContentTestKey(contentId),
-    value,
-    canTrack: true
-});
-const checkIsBuilderContentWithVariations = (item) => checkIsDefined(item.id) && checkIsDefined(item.variations) && Object.keys(item.variations).length > 0;
-/**
- * Randomly assign a variation to a user
- */
-const getRandomVariationId = ({ id, variations }) => {
-    let n = 0;
-    const random = Math.random();
-    // loop over variations test ratios, incrementing a counter,
-    // until we find the variation that this user should be assigned to
-    for (const id in variations) {
-        const testRatio = variations[id]?.testRatio;
-        n += testRatio;
-        if (random < n) {
-            return id;
-        }
-    }
-    // the variations array does not include the default variation.
-    // if we arrive here, then it means that the random number fits in the default variation bucket.
-    return id;
-};
-const getAndSetVariantId = (args) => {
-    // if variation not found in storage, assign a random variation to this user
-    const randomVariationId = getRandomVariationId(args);
-    // store variation in cookies/storage
-    setContentVariationCookie({
-        contentId: args.id,
-        value: randomVariationId
-    }).catch(err => {
-        logger.error('could not store A/B test variation: ', err);
-    });
-    return randomVariationId;
-};
-const getTestFields = ({ item, testGroupId }) => {
-    const variationValue = item.variations[testGroupId];
-    if (testGroupId === item.id ||
-        // handle edge-case where `testGroupId` points to non-existing variation
-        !variationValue) {
-        return {
-            testVariationId: item.id,
-            testVariationName: 'Default'
-        };
-    }
-    else {
-        return {
-            data: variationValue.data,
-            testVariationId: variationValue.id,
-            testVariationName: variationValue.name || (variationValue.id === item.id ? 'Default' : '')
-        };
-    }
-};
-export const handleABTestingSync = ({ item, canTrack }) => {
-    /**
-     * We cannot SSR in React-Native.
-     */
-    if (TARGET === 'reactNative')
-        return item;
-    if (!canTrack) {
-        return item;
-    }
-    if (!item) {
-        return undefined;
-    }
-    if (!checkIsBuilderContentWithVariations(item)) {
-        return item;
-    }
-    const testGroupId = getContentVariationCookieSync({
-        contentId: item.id
-    }) || getAndSetVariantId({
-        variations: item.variations,
-        id: item.id
-    });
-    const variationValue = getTestFields({
-        item,
-        testGroupId
-    });
-    return {
-        ...item,
-        ...variationValue
-    };
-};
-export const handleABTesting = async ({ item, canTrack }) => {
-    if (!canTrack) {
-        return item;
-    }
-    if (!checkIsBuilderContentWithVariations(item)) {
-        return item;
-    }
-    const cookieValue = await getContentVariationCookie({
-        contentId: item.id
-    });
-    const testGroupId = cookieValue || getAndSetVariantId({
-        variations: item.variations,
-        id: item.id
-    });
-    const variationValue = getTestFields({
-        item,
-        testGroupId
-    });
-    return {
-        ...item,
-        ...variationValue
-    };
-};

package/dist/helpers/canTrack.js

@@ -1,2 +0,0 @@
-import { checkIsDefined } from './nullable.js';
-export const getDefaultCanTrack = (canTrack) => checkIsDefined(canTrack) ? canTrack : true;

package/dist/helpers/cookie.js

@@ -1,55 +0,0 @@
-import { isBrowser } from '../functions/is-browser.js';
-import { logger } from './logger.js';
-import { checkIsDefined } from './nullable.js';
-import { getTopLevelDomain } from './url.js';
-export const getCookieSync = ({ name, canTrack }) => {
-    try {
-        if (!canTrack) {
-            return undefined;
-        }
-        /**
-         * Extracted from MDN docs
-         * https://developer.mozilla.org/en-US/docs/Web/API/Document/cookie#example_2_get_a_sample_cookie_named_test2
-         */
-        return document.cookie.split('; ').find(row => row.startsWith(`${name}=`))?.split('=')[1];
-    }
-    catch (err) {
-        logger.warn('[COOKIE] GET error: ', err?.message || err);
-        return undefined;
-    }
-};
-/**
- * NOTE: This function is `async` because its react-native override is async. Do not remove the `async` keyword!
- * The sync version is only safe to use in code blocks that `react-native` is guaranteed not to not run.
- */
-export const getCookie = async (args) => getCookieSync(args);
-const stringifyCookie = (cookie) => cookie.map(([key, value]) => value ? `${key}=${value}` : key).filter(checkIsDefined).join('; ');
-const SECURE_CONFIG = [['secure', ''], ['SameSite', 'None']];
-const createCookieString = ({ name, value, expires }) => {
-    const secure = isBrowser() ? location.protocol === 'https:' : true;
-    const secureObj = secure ? SECURE_CONFIG : [[]];
-    // TODO: need to know if secure server side
-    const expiresObj = expires ? [['expires', expires.toUTCString()]] : [[]];
-    const cookieValue = [[name, value], ...expiresObj, ['path', '/'], ['domain', getTopLevelDomain(window.location.hostname)], ...secureObj];
-    const cookie = stringifyCookie(cookieValue);
-    return cookie;
-};
-/**
- * NOTE: This function is `async` because its react-native override is async. Do not remove the `async` keyword!
- */
-export const setCookie = async ({ name, value, expires, canTrack }) => {
-    try {
-        if (!canTrack) {
-            return;
-        }
-        const cookie = createCookieString({
-            name,
-            value,
-            expires
-        });
-        document.cookie = cookie;
-    }
-    catch (err) {
-        logger.warn('[COOKIE] SET error: ', err?.message || err);
-    }
-};

package/dist/helpers/css.js

@@ -1,27 +0,0 @@
-import { camelToKebabCase } from '../functions/camel-to-kebab-case.js';
-import { checkIsDefined } from './nullable.js';
-export const convertStyleMapToCSSArray = (style) => {
-    const cssProps = Object.entries(style).map(([key, value]) => {
-        if (typeof value === 'string') {
-            return `${camelToKebabCase(key)}: ${value};`;
-        }
-        else {
-            return undefined;
-        }
-    });
-    return cssProps.filter(checkIsDefined);
-};
-export const convertStyleMapToCSS = (style) => convertStyleMapToCSSArray(style).join('\n');
-export const createCssClass = ({ mediaQuery, className, styles }) => {
-    const cssClass = `.${className} {
-    ${convertStyleMapToCSS(styles)}
-  }`;
-    if (mediaQuery) {
-        return `${mediaQuery} {
-      ${cssClass}
-    }`;
-    }
-    else {
-        return cssClass;
-    }
-};

package/dist/helpers/flatten.js

@@ -1,19 +0,0 @@
-/**
- * Convert deep object to a flat object with dots
- *
- * { foo: { bar: 'baz' }} -> { 'foo.bar': 'baz' }
- */
-export function flatten(object, path = null, separator = '.') {
-    return Object.keys(object).reduce((acc, key) => {
-        const value = object[key];
-        const newPath = [path, key].filter(Boolean).join(separator);
-        const isObject = [typeof value === 'object', value !== null, !(Array.isArray(value) && value.length === 0)].every(Boolean);
-        return isObject ? {
-            ...acc,
-            ...flatten(value, newPath, separator)
-        } : {
-            ...acc,
-            [newPath]: value
-        };
-    }, {});
-}

package/dist/helpers/localStorage.js

@@ -1,24 +0,0 @@
-import { isBrowser } from '../functions/is-browser.js';
-const getLocalStorage = () => isBrowser() && typeof localStorage !== 'undefined' ? localStorage : undefined;
-export const getLocalStorageItem = ({ key, canTrack }) => {
-    try {
-        if (canTrack) {
-            return getLocalStorage()?.getItem(key);
-        }
-        return undefined;
-    }
-    catch (err) {
-        console.debug('[LocalStorage] GET error: ', err);
-        return undefined;
-    }
-};
-export const setLocalStorageItem = ({ key, canTrack, value }) => {
-    try {
-        if (canTrack) {
-            getLocalStorage()?.setItem(key, value);
-        }
-    }
-    catch (err) {
-        console.debug('[LocalStorage] SET error: ', err);
-    }
-};

package/dist/helpers/logger.js

@@ -1,7 +0,0 @@
-const MSG_PREFIX = '[Builder.io]: ';
-export const logger = {
-    log: (...message) => console.log(MSG_PREFIX, ...message),
-    error: (...message) => console.error(MSG_PREFIX, ...message),
-    warn: (...message) => console.warn(MSG_PREFIX, ...message),
-    debug: (...message) => console.debug(MSG_PREFIX, ...message)
-};

package/dist/helpers/nullable.js

@@ -1 +0,0 @@
-export const checkIsDefined = (maybeT) => maybeT !== null && maybeT !== undefined;

package/dist/helpers/preview-lru-cache/get.js

@@ -1,9 +0,0 @@
-import { getIdFromSearchParams } from './helpers';
-import { init } from './init';
-export function getPreviewContent(searchParams) {
-    init();
-    const id = getIdFromSearchParams(searchParams);
-    return typeof id === 'string'
-        ? globalThis._BUILDER_PREVIEW_LRU_CACHE.get(id)
-        : undefined;
-}