@finsweet/webflow-apps-utils 1.0.1

package/dist/utils/api/getFinsweetComponentsEnvironment.js

@@ -0,0 +1,70 @@
+import { getLocalStorage } from '../browser-storage';
+import { COMPONENTS_CORE_SCRIPT, COMPONENTS_CORE_SCRIPT_LOCAL, COMPONENTS_SERVER_DEV_ENDPOINT, COMPONENTS_SERVER_DEV_ENDPOINT_LOCAL, COMPONENTS_SERVER_PROD_ENDPOINT } from '../constants';
+const DEV_MODE_KEY = 'fsComponentsDevMode';
+const DEV_MODE_SCRIPT_KEY = 'fsComponentsDevModeScript';
+const DEV_MODE_API_KEY = 'fsComponentsDevModeApi';
+const URL_DEV_MODE_KEY = 'dev';
+const URL_DEV_MODE_SCRIPT_KEY = 'script';
+const URL_DEV_MODE_API_KEY = 'api';
+let lastLogTime = 0;
+const LOG_THROTTLE_MS = 3000;
+/**
+ * Gets a parameter value from the URL search params
+ * @param key The key to search for in URL parameters
+ * @returns The value of the parameter or null if not found
+ */
+const getUrlParam = (key) => {
+    if (typeof window === 'undefined')
+        return null;
+    try {
+        const urlParams = new URLSearchParams(window.location.search);
+        return urlParams.get(key);
+    }
+    catch (e) {
+        console.error('Error getting URL parameter:', e);
+        return null;
+    }
+};
+/**
+ * Simple throttled console log that only logs once within the throttle interval
+ */
+const throttledLog = (message, data) => {
+    const now = Date.now();
+    if (now - lastLogTime >= LOG_THROTTLE_MS) {
+        console.log(message, data || '');
+        lastLogTime = now;
+    }
+};
+/**
+ * Get the Finsweet components environment.
+ * @returns
+ */
+export const getFinsweetComponentsEnvironment = () => {
+    const devFromUrl = getUrlParam(URL_DEV_MODE_KEY);
+    const scriptFromUrl = getUrlParam(URL_DEV_MODE_SCRIPT_KEY);
+    const apiFromUrl = getUrlParam(URL_DEV_MODE_API_KEY);
+    const dev = devFromUrl !== null ? devFromUrl === 'true' : getLocalStorage(DEV_MODE_KEY) === 'true';
+    let script = scriptFromUrl || getLocalStorage(DEV_MODE_SCRIPT_KEY) || COMPONENTS_CORE_SCRIPT;
+    let api = dev
+        ? apiFromUrl || getLocalStorage(DEV_MODE_API_KEY) || COMPONENTS_SERVER_DEV_ENDPOINT
+        : COMPONENTS_SERVER_PROD_ENDPOINT;
+    const isBrowser = typeof window !== 'undefined';
+    const isLocalhost = isBrowser && window?.location?.hostname?.includes('localhost');
+    //if localhost then use local scripts
+    if (isLocalhost) {
+        script = COMPONENTS_CORE_SCRIPT_LOCAL;
+        api = COMPONENTS_SERVER_DEV_ENDPOINT_LOCAL;
+    }
+    const development = !!dev || isLocalhost;
+    if (development) {
+        throttledLog(`\n\nFinsweet Components Environment: 
+      - API: ${api}
+      - Core script: ${script}
+      - Development mode: ${development ? 'Yes' : 'No'}\n\n`);
+    }
+    return {
+        development,
+        coreScript: script,
+        api
+    };
+};

package/dist/utils/api/index.d.ts

@@ -0,0 +1,6 @@
+export * from './checkIfAppModeIsDesign';
+export * from './clipboard';
+export * from './copyPaste';
+export * from './getAllAssets';
+export * from './getFinsweetComponentsEnvironment';
+export * from './insertWithXSCP';

package/dist/utils/api/index.js

@@ -0,0 +1,6 @@
+export * from './checkIfAppModeIsDesign';
+export * from './clipboard';
+export * from './copyPaste';
+export * from './getAllAssets';
+export * from './getFinsweetComponentsEnvironment';
+export * from './insertWithXSCP';

package/dist/utils/api/insertWithXSCP.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Insert a template into the Designer Canvas using XSCP APIs
+ * @param template - the template to insert, should be a string
+ */
+export declare const insertWithXSCP: (template: string) => Promise<void>;

package/dist/utils/api/insertWithXSCP.js

@@ -0,0 +1,13 @@
+/**
+ * Insert a template into the Designer Canvas using XSCP APIs
+ * @param template - the template to insert, should be a string
+ */
+export const insertWithXSCP = async (template) => {
+    try {
+        // @ts-expect-error - typings not available for xscp
+        await webflow._internal.xscp(template);
+    }
+    catch (error) {
+        throw new Error(`Failed to insert template with XSCP: ${error}`);
+    }
+};

package/dist/utils/auth/crossWindowLogin.d.ts

@@ -0,0 +1,2 @@
+import type { FinsweetAuth } from '../../types';
+export declare const crossWindowLogin: () => Promise<FinsweetAuth>;

package/dist/utils/auth/crossWindowLogin.js

@@ -0,0 +1,49 @@
+import { AUTH0_AUDIENCE, AUTH0_CLIENT_ID, AUTH0_LOGIN_URL, AUTH0_REDIRECT_URL, AUTH0_SCOPE, PROD_FINSWEEET_ACCOUNTS_ORIGIN } from '../constants';
+export const crossWindowLogin = () => {
+    return new Promise((resolve, reject) => {
+        const timeout = setTimeout(() => {
+            window.removeEventListener('message', handleMessage);
+            reject(new Error('Login timed out'));
+        }, 30000);
+        const handleMessage = (e) => {
+            if (e.origin !== PROD_FINSWEEET_ACCOUNTS_ORIGIN) {
+                return;
+            }
+            clearTimeout(timeout);
+            window.removeEventListener('message', handleMessage);
+            if (e.data && e.data.access_token) {
+                resolve(e.data);
+            }
+            else {
+                reject(new Error('Invalid data received'));
+            }
+        };
+        window.addEventListener('message', handleMessage);
+        // Open popup
+        const { outerWidth, outerHeight, screenX, screenY } = window;
+        const width = 512;
+        const height = outerHeight / 2;
+        const left = screenX + (outerWidth - width) / 2;
+        const top = screenY + (outerHeight - height) / 2;
+        const finsweetUrl = new URL(AUTH0_LOGIN_URL);
+        finsweetUrl.searchParams.set('response_type', 'code');
+        finsweetUrl.searchParams.set('client_id', AUTH0_CLIENT_ID);
+        finsweetUrl.searchParams.set('redirect_uri', AUTH0_REDIRECT_URL);
+        finsweetUrl.searchParams.set('scope', AUTH0_SCOPE);
+        finsweetUrl.searchParams.set('audience', AUTH0_AUDIENCE);
+        const popup = window.open(finsweetUrl.toString(), 'Finsweet Account', `width=${width},height=${height},left=${left},top=${top}`);
+        if (!popup) {
+            clearTimeout(timeout);
+            reject(new Error('Failed to open popup'));
+        }
+        // Check if popup is closed
+        const checkPopupClosed = setInterval(() => {
+            if (popup?.closed) {
+                clearInterval(checkPopupClosed);
+                clearTimeout(timeout);
+                window.removeEventListener('message', handleMessage);
+                reject(new Error('Login popup was closed'));
+            }
+        }, 1000);
+    });
+};

package/dist/utils/auth/index.d.ts

@@ -0,0 +1,61 @@
+import type { FinsweetAuth } from '../../types';
+/**
+ * Store for the Finsweet user data.
+ */
+export declare const finsweetUser: import("svelte/store").Writable<FinsweetAuth | null>;
+export declare const isLoggingIn: import("svelte/store").Writable<boolean>;
+/**
+ * Fetches subscriptions from the server.
+ * @param token
+ * @returns
+ */
+export declare const getSubscriptions: (token: string) => Promise<any>;
+/**
+ * Fetches user data from the server.
+ * @param token
+ * @returns
+ */
+export declare const getUser: (token: string) => Promise<FinsweetAuth["user"]>;
+/**
+ * Handles login
+ * @returns void
+ */
+export declare const handleLogin: () => Promise<void>;
+/**
+ * Handles logout
+ */
+export declare const handleLogout: () => Promise<void>;
+/**
+ * Checks if the user is logged in by checking the cookie for a valid token.
+ */
+export declare const checkInitialLoginState: () => Promise<void>;
+/**
+ * Sets a cookie
+ * @param {string} name - Name of the cookie
+ * @param {string} value - Value of the cookie
+ * @param {Object} options - Options for the cookie (expires, path, etc.)
+ */
+export declare const setCookie: (name: string, value: string, options?: {}) => void;
+/**
+ * Gets a cookie
+ * @param {string} name - Name of the cookie to retrieve
+ * @returns {string | undefined} - Value of the cookie, if found
+ */
+export declare const getCookie: (name: string) => string | undefined;
+/**
+ * Deletes a cookie
+ * @param {string} name - Name of the cookie to delete
+ * @param {Object} options - Options for the cookie (path, etc.)
+ */
+export declare const deleteCookie: (name: string, options?: {}) => void;
+/**
+ * Checks if the user has access to a feature
+ * @param loggedIn
+ * @param access
+ * @param required
+ * @returns
+ */
+export declare const canAccessFeature: (loggedIn: boolean, access: FinsweetAuth["user"]["libraryAccess"] | null | undefined, required: FinsweetAuth["user"]["libraryAccess"]) => {
+    granted: boolean;
+    message: string;
+};

package/dist/utils/auth/index.js

@@ -0,0 +1,196 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
+import Cookies from 'js-cookie';
+import { get, writable } from 'svelte/store';
+import { getFinsweetComponentsEnvironment } from '../api';
+import { getLocalStorage, removeLocalStorage, setLocalStorage } from '../browser-storage';
+import { FINSWEET_SUBSCRIPTIONS_ENDPOINT, FINSWEET_SUBSCRIPTIONS_ENDPOINT_STAGING } from '../constants';
+import { getLogger } from '../logger';
+import { crossWindowLogin } from './crossWindowLogin';
+const logger = getLogger('webflow-apps-ui-utils');
+/**
+ * Store for the Finsweet user data.
+ */
+export const finsweetUser = writable();
+export const isLoggingIn = writable();
+const checkLibraryAccess = (user, subscriptions) => {
+    // const fullAccess: FinsweetAuth['user']['libraryAccess'] = ['canFavourite', 'canManageLibrary'];
+    // if (user.admin || user.role === 'agency') {
+    //   return fullAccess;
+    // }
+    // // cutoff date timestamp for June 5, 2024 00:00:00 UTC
+    // const JUNE_5_2025 = 1749081600000;
+    // if (subscriptions && subscriptions.length > 0) {
+    //   const hasFullAccess = subscriptions.some((subscription) => {
+    //     return (
+    //       subscription.status === 'active' &&
+    //       subscription.current_period_start &&
+    //       // subscription started must be before June 5, 2025 for full access
+    //       subscription.current_period_start * 1000 < JUNE_5_2025
+    //     );
+    //   });
+    //   if (hasFullAccess) return fullAccess;
+    // }
+    //TODO: Enable when RBAC is ready
+    return ['canFavourite'];
+};
+/**
+ * Fetches subscriptions from the server.
+ * @param token
+ * @returns
+ */
+export const getSubscriptions = async (token) => {
+    try {
+        const { development } = getFinsweetComponentsEnvironment();
+        const endpoint = development
+            ? FINSWEET_SUBSCRIPTIONS_ENDPOINT_STAGING
+            : FINSWEET_SUBSCRIPTIONS_ENDPOINT;
+        const response = await fetch(endpoint, {
+            headers: {
+                Authorization: `Bearer ${token}`
+            }
+        });
+        const data = await response.json();
+        return data;
+    }
+    catch (error) {
+        logger.error({}, 'Failed to fetch subscriptions', error);
+        return [];
+    }
+};
+/**
+ * Fetches user data from the server.
+ * @param token
+ * @returns
+ */
+export const getUser = async (token) => {
+    const response = await fetch('/auth0/verify', {
+        headers: {
+            Authorization: `Bearer ${token}`,
+            'Content-Type': 'application/json'
+        }
+    });
+    const data = await response.json();
+    return data;
+};
+/**
+ * Handles login
+ * @returns void
+ */
+export const handleLogin = async () => {
+    if (get(isLoggingIn))
+        return;
+    try {
+        isLoggingIn.set(true);
+        const response = await crossWindowLogin();
+        const [user, subscriptions] = await Promise.all([
+            getUser(response.access_token),
+            getSubscriptions(response.access_token)
+        ]);
+        if (user?.userId) {
+            const libraryAccess = checkLibraryAccess(user, subscriptions);
+            finsweetUser.set({ ...response, user: { ...user, libraryAccess }, subscriptions });
+            setLocalStorage('finsweetComponentsAuth', JSON.stringify(response));
+            setLocalStorage('finsweetComponentsAuthToken', response.access_token);
+            //dispatch login event
+            const event = new CustomEvent('finsweetLoginUpdate', { detail: { user } });
+            document.dispatchEvent(event);
+            return;
+        }
+        throw new Error('User data is invalid');
+    }
+    catch (error) {
+        const err = error;
+        logger.error({}, 'Login failed:', err.message);
+        finsweetUser.set(null);
+        webflow.notify({
+            type: 'Error',
+            message: 'Login failed. Please try again or contact support.'
+        });
+    }
+    finally {
+        isLoggingIn.set(false);
+    }
+};
+/**
+ * Handles logout
+ */
+export const handleLogout = async () => {
+    removeLocalStorage('finsweetComponentsAuth');
+    removeLocalStorage('finsweetComponentsAuthToken');
+    finsweetUser.set(null);
+    //dispatch login event
+    const event = new CustomEvent('finsweetLogoutUpdate', { detail: { user: null } });
+    document.dispatchEvent(event);
+    await new Promise((resolve) => setTimeout(resolve, 1000));
+};
+/**
+ * Checks if the user is logged in by checking the cookie for a valid token.
+ */
+export const checkInitialLoginState = async () => {
+    const session = getLocalStorage('finsweetComponentsAuth');
+    if (session) {
+        const parsedSession = JSON.parse(session);
+        // Check if the current time is greater than the expiration time
+        if (Date.now() > parsedSession.expires) {
+            await handleLogout();
+            return;
+        }
+        const [user, subscriptions] = await Promise.all([
+            getUser(parsedSession.access_token),
+            getSubscriptions(parsedSession.access_token)
+        ]);
+        if (user?.userId) {
+            const libraryAccess = checkLibraryAccess(user, subscriptions);
+            finsweetUser.set({ ...parsedSession, user: { ...user, libraryAccess }, subscriptions });
+            return;
+        }
+        await handleLogout();
+        return;
+    }
+    await handleLogout();
+};
+/**
+ * Sets a cookie
+ * @param {string} name - Name of the cookie
+ * @param {string} value - Value of the cookie
+ * @param {Object} options - Options for the cookie (expires, path, etc.)
+ */
+export const setCookie = (name, value, options = {}) => {
+    Cookies.set(name, value, { sameSite: 'None', secure: true, ...options });
+};
+/**
+ * Gets a cookie
+ * @param {string} name - Name of the cookie to retrieve
+ * @returns {string | undefined} - Value of the cookie, if found
+ */
+export const getCookie = (name) => {
+    return Cookies.get(name);
+};
+/**
+ * Deletes a cookie
+ * @param {string} name - Name of the cookie to delete
+ * @param {Object} options - Options for the cookie (path, etc.)
+ */
+export const deleteCookie = (name, options = {}) => {
+    Cookies.remove(name, options);
+};
+/**
+ * Checks if the user has access to a feature
+ * @param loggedIn
+ * @param access
+ * @param required
+ * @returns
+ */
+export const canAccessFeature = (loggedIn, access, required) => {
+    if (!loggedIn) {
+        return {
+            granted: false,
+            message: "This feature is available only when you're logged in."
+        };
+    }
+    if (required && required.every((r) => access?.includes(r))) {
+        return { granted: true, message: '' };
+    }
+    // no message for logged in users, so tooltips are not shown
+    return { granted: false, message: '' };
+};

package/dist/utils/browser-storage/index.d.ts

@@ -0,0 +1,2 @@
+export * from './localStorage';
+export * from './sessionStorage';

package/dist/utils/browser-storage/index.js

@@ -0,0 +1,2 @@
+export * from './localStorage';
+export * from './sessionStorage';

package/dist/utils/browser-storage/localStorage.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Check if localStorage is available in the current environment.
+ * @returns {boolean} True if localStorage is accessible, false otherwise.
+ */
+export declare const isLocalStorageAvailable: () => boolean;
+/**
+ * A utility function for getting a value from localStorage.
+ * @param {string} key - The key to retrieve the value for.
+ * @returns {string | null} The value associated with the key, or null if not found or localStorage is not available.
+ */
+export declare const getLocalStorage: (key: string) => string | null;
+/**
+ * A utility function for setting a value in localStorage.
+ * @param {string} key - The key to set the value for.
+ * @param {string} value - The value to be stored.
+ * @returns {boolean} True if the operation succeeded, false otherwise (or if localStorage is not available).
+ */
+export declare const setLocalStorage: (key: string, value: string) => boolean;
+/**
+ * A utility function for removing a value from localStorage.
+ * @param key - The key to remove the value for.
+ * @returns {boolean} True if the operation succeeded, false otherwise (or if localStorage is not available).
+ */
+export declare const removeLocalStorage: (key: string) => boolean;

package/dist/utils/browser-storage/localStorage.js

@@ -0,0 +1,56 @@
+/**
+ * Check if localStorage is available in the current environment.
+ * @returns {boolean} True if localStorage is accessible, false otherwise.
+ */
+export const isLocalStorageAvailable = () => {
+    if (typeof window === 'undefined')
+        return false;
+    try {
+        // Attempt to access localStorage
+        const testKey = '__localStorage_test__';
+        localStorage.setItem(testKey, '1');
+        localStorage.removeItem(testKey);
+        return true;
+    }
+    catch (e) {
+        console.error('Error! window.localStorage is not available in this browser setting, please check if you have disabled third party cookies and/or site data.', e);
+        return false;
+    }
+};
+/**
+ * A utility function for getting a value from localStorage.
+ * @param {string} key - The key to retrieve the value for.
+ * @returns {string | null} The value associated with the key, or null if not found or localStorage is not available.
+ */
+export const getLocalStorage = (key) => {
+    if (isLocalStorageAvailable()) {
+        const value = localStorage.getItem(key);
+        return value !== null ? value : null;
+    }
+    return null;
+};
+/**
+ * A utility function for setting a value in localStorage.
+ * @param {string} key - The key to set the value for.
+ * @param {string} value - The value to be stored.
+ * @returns {boolean} True if the operation succeeded, false otherwise (or if localStorage is not available).
+ */
+export const setLocalStorage = (key, value) => {
+    if (isLocalStorageAvailable()) {
+        localStorage.setItem(key, value);
+        return true;
+    }
+    return false;
+};
+/**
+ * A utility function for removing a value from localStorage.
+ * @param key - The key to remove the value for.
+ * @returns {boolean} True if the operation succeeded, false otherwise (or if localStorage is not available).
+ */
+export const removeLocalStorage = (key) => {
+    if (isLocalStorageAvailable()) {
+        localStorage.removeItem(key);
+        return true;
+    }
+    return false;
+};

package/dist/utils/browser-storage/sessionStorage.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Check if sessionStorage is available in the current environment.
+ * @returns {boolean} True if sessionStorage is accessible, false otherwise.
+ */
+export declare const isSessionStorageAvailable: () => boolean;
+/**
+ * A utility function for getting a value from sessionStorage.
+ * @param {string} key - The key to retrieve the value for.
+ * @returns {string | null} The value associated with the key, or null if not found or sessionStorage is not available.
+ */
+export declare const getSessionStorage: (key: string) => string | null;
+/**
+ * A utility function for setting a value in sessionStorage.
+ * @param {string} key - The key to set the value for.
+ * @param {string} value - The value to be stored.
+ * @returns {boolean} True if the operation succeeded, false otherwise (or if sessionStorage is not available).
+ */
+export declare const setSessionStorage: (key: string, value: string) => boolean;
+/**
+ * A utility function for removing a value from sessionStorage.
+ * @param key - The key to remove the value for.
+ * @returns {boolean} True if the operation succeeded, false otherwise (or if sessionStorage is not available).
+ */
+export declare const removeSessionStorage: (key: string) => boolean;

package/dist/utils/browser-storage/sessionStorage.js

@@ -0,0 +1,56 @@
+/**
+ * Check if sessionStorage is available in the current environment.
+ * @returns {boolean} True if sessionStorage is accessible, false otherwise.
+ */
+import { getLogger } from '../logger';
+const logger = getLogger('webflow-apps-ui-utils');
+export const isSessionStorageAvailable = () => {
+    try {
+        // Attempt to access sessionStorage
+        const testKey = '__sessionStorage_test__';
+        sessionStorage.setItem(testKey, '1');
+        sessionStorage.removeItem(testKey);
+        return true;
+    }
+    catch (e) {
+        logger.error({}, 'Error! window.sessionStorage is not available your browser setting, please check if you have disabled third party cookies and/or site data.', e);
+        return false;
+    }
+};
+/**
+ * A utility function for getting a value from sessionStorage.
+ * @param {string} key - The key to retrieve the value for.
+ * @returns {string | null} The value associated with the key, or null if not found or sessionStorage is not available.
+ */
+export const getSessionStorage = (key) => {
+    if (isSessionStorageAvailable()) {
+        const value = sessionStorage.getItem(key);
+        return value !== null ? value : null;
+    }
+    return null;
+};
+/**
+ * A utility function for setting a value in sessionStorage.
+ * @param {string} key - The key to set the value for.
+ * @param {string} value - The value to be stored.
+ * @returns {boolean} True if the operation succeeded, false otherwise (or if sessionStorage is not available).
+ */
+export const setSessionStorage = (key, value) => {
+    if (isSessionStorageAvailable()) {
+        sessionStorage.setItem(key, value);
+        return true;
+    }
+    return false;
+};
+/**
+ * A utility function for removing a value from sessionStorage.
+ * @param key - The key to remove the value for.
+ * @returns {boolean} True if the operation succeeded, false otherwise (or if sessionStorage is not available).
+ */
+export const removeSessionStorage = (key) => {
+    if (isSessionStorageAvailable()) {
+        sessionStorage.removeItem(key);
+        return true;
+    }
+    return false;
+};

package/dist/utils/constants.d.ts

@@ -0,0 +1,61 @@
+/**
+ * Wized
+ */
+export declare const WIZED = "wized";
+export declare const WIZED_LEGACY = "w-el";
+export declare const WIZED_ELEMENTS_SITEMAPS = "wized-elements-sitemaps";
+export declare const WIZED_ATTRIBUTES_ENDPOINT = "https://server.wized.com/v2/site/attributes";
+export declare const WIZED_ATTRIBUTES_ENDPOINT_STAGING = "https://ss.wized.com/v2/site/attributes";
+export declare const WIZED_REVERSE_PROXY_URL = "https://server.wized.com/v2/page/proxy?url=";
+export declare const FINSWEET_REVERSE_PROXY_URL = "https://api.finsweet.com/cors?url=";
+export declare const WIZED_V2_SITE_CONFIGURATION_ENDPOINT = "https://server.wized.com/v2/extensions/configuration";
+export declare const WIZED_V2_SITE_CONFIGURATION_ENDPOINT_STAGING = "https://ss.wized.com/v2/extensions/configuration";
+export declare const FINSWEET_SUBSCRIPTIONS_ENDPOINT = "https://accounts.finsweet.com/v1/subscriptions";
+export declare const FINSWEET_SUBSCRIPTIONS_ENDPOINT_STAGING = "https://test-accounts.finsweet.com/v1/subscriptions";
+export declare const WIZED_PROD_SUBSCRIPTIONS_API = "http://accounts.finsweet.com";
+export declare const WIZED_DEV_SUBSCRIPTIONS_API = "http://test-accounts.finsweet.com";
+export declare const WIZED_PROD_SUBSCRIPTION_PAGE_URL = "https://my.finsweet.com/subscriptions/create?product=finsweet-community";
+export declare const WIZED_APP_CONFIGURATOR_STAGING = "https://sa.wized.com/configurator";
+export declare const WIZED_APP_CONFIGURATOR_PROD = "https://app.wized.com/configurator";
+/**
+ * Finsweet Components
+ */
+export declare const ACCOUNTS_API_PRODUCTION = "https://accounts.finsweet.com/v1/components/verify?";
+export declare const ACCOUNTS_API_DEV = "https://test-accounts.finsweet.com/v1/components/verify?";
+export declare const COMPONENTS_SUBSCRIPTIONS_ENDPOINT_DEV = "https://test-my.finsweet.com/subscriptions/create";
+export declare const COMPONENTS_SUBSCRIPTIONS_ENDPOINT_PROD = "https://my.finsweet.com/subscriptions/create";
+export declare const PROD_FINSWEEET_ACCOUNTS_ORIGIN = "https://accounts.finsweet.com";
+export declare const AUTH0_DOMAIN = "finsweet.auth0.com";
+export declare const AUTH0_CLIENT_ID = "5xTAnXb3mwUby3YGJRKJpVaNCMWqXtb1";
+export declare const AUTH0_REDIRECT_URL = "https://accounts.finsweet.com/v1/auth0/oauth2/fs-components";
+export declare const AUTH0_SCOPE = "openid profile email offline_access";
+export declare const AUTH0_AUDIENCE = "https://sso.finsweet.com";
+export declare const AUTH0_LOGIN_URL = "https://sso.finsweet.com/authorize";
+/**
+ * Finsweet Components Server
+ */
+export declare const COMPONENTS_SERVER_DEV_ENDPOINT = "https://fs-components-api-dev.finsweet.workers.dev/v1/";
+export declare const COMPONENTS_SERVER_PROD_ENDPOINT = "https://fs-components-api-prod.finsweet.workers.dev/v1/";
+export declare const COMPONENTS_CORE_SCRIPT = "https://cdn.jsdelivr.net/npm/@finsweet/fs-components@2/fs-components.js";
+/**
+ * Finsweet Components Local
+ */
+export declare const COMPONENTS_SERVER_DEV_ENDPOINT_LOCAL = "http://localhost:8787/v1/";
+export declare const COMPONENTS_CORE_SCRIPT_LOCAL = "http://localhost:3000/fs-components.js";
+/**
+ * Finsweet Components Brand
+ */
+export declare const BRAND: {
+    FINSWEET: string;
+    COMPONENT: string;
+    COMPONENTS: string;
+    FULL: {
+        SINGULAR: string;
+        PLURAL: string;
+    };
+};
+/**
+ * Webflow App Origins
+ */
+export declare const FINSWEET_COMPONENTS_WEBFLOW_APP_ORIGINS: string[];
+export declare const ACCEPTED_WEBFLOW_ELEMENTS_FOR_INSERTION: string[];