@finsweet/webflow-apps-utils 1.0.19 → 1.0.21

package/dist/types/index.d.ts

@@ -1,4 +1,3 @@
-export * from './auth';
 export * from './dom';
 export * from './customCode';
 export * from './license';

package/dist/types/index.js

@@ -1,4 +1,3 @@
-export * from './auth';
 export * from './dom';
 export * from './customCode';
 export * from './license';

package/dist/ui/components/copy-text/CopyText.svelte

@@ -199,7 +199,7 @@
 	}
 
 	.copy-button:hover:not(.copy-button--disabled) {
-		cursor: copy;
+		cursor: pointer;
 	}
 
 	.copy-button:focus-visible {

package/dist/ui/components/iframe/Iframe.svelte

@@ -61,6 +61,9 @@
 	{src}
 	{width}
 	{height}
+	sandbox="allow-scripts allow-same-origin"
+	loading="lazy"
+	referrerpolicy="no-referrer"
 	class={iframeClasses}
 	onload={handleLoad}
 	{...restProps}

package/dist/ui/components/layout/common/EditModeMessage.svelte

@@ -1,7 +1,6 @@
 <script lang="ts">
 	import { Pencil, WarningTriangleOutlineIcon } from '../../../icons';
 	import { useAppContext } from '../../../providers';
-	import { BRAND } from '../../../../utils';
 
 	import { Notification } from '../../notification';
 
@@ -26,7 +25,7 @@
 	<div class="edit-mode">
 		<Notification
 			variant="warning"
-			title="You are in edit mode for {title} {BRAND.COMPONENT}."
+			title="You are in edit mode for {title} Component."
 			message={`Make your edits and click on the "Update ${title}" button. You can review and confirm all changes before we proceed with the updates.`}
 			richTextMessage={true}
 			icon={Pencil}
@@ -40,7 +39,7 @@
 		<Notification
 			variant="warning"
 			title="Component instance not found"
-			message="We have detected {BRAND.COMPONENT} as valid, but we couldn't find the associated configurations. This may be a {BRAND.COMPONENT} from another project. Click the 'Repair' button to fix it."
+			message="We have detected Component as valid, but we couldn't find the associated configurations. This may be a Component from another project. Click the 'Repair' button to fix it."
 			icon={WarningTriangleOutlineIcon}
 			showCloseButton={false}
 		/>

package/dist/ui/components/section/Section.svelte

@@ -4,8 +4,6 @@
 	import type { PartialOptions } from 'overlayscrollbars';
 	import { OverlayScrollbarsComponent } from 'overlayscrollbars-svelte';
 
-	import { BRAND } from '../../../utils';
-
 	import { WarningCircleOutlineIcon } from '../../icons';
 	import { Tooltip } from '../tooltip';
 	import type { SectionProps } from './types.js';
@@ -128,7 +126,7 @@
 	// Default disabled message
 	let defaultDisabledMessage = $derived(
 		disabledMessage ||
-			`This option is disabled in edit mode. If you want to change it, please generate a new ${BRAND.COMPONENT}.`
+			`This option is disabled in edit mode. If you want to change it, please generate a new Component.`
 	);
 
 	// OverlayScrollbars options

package/dist/ui/providers/GlobalProvider.svelte

@@ -1,6 +1,4 @@
 <script lang="ts">
-	import { getFinsweetComponentsEnvironment } from '../../utils/index.js';
-
 	import { createGlobalContext, setGlobalContext } from './globalContext.svelte';
 	import type { GlobalProviderProps } from './types';
 
@@ -41,14 +39,6 @@
 	// Create and set the global context
 	const globalContext = createGlobalContext(mergedContexts, debug);
 	setGlobalContext(globalContext);
-	const { development } = getFinsweetComponentsEnvironment();
-
-	// Development mode debugging
-	if (development && typeof window !== 'undefined') {
-		globalContext.subscribe((event) => {
-			console.log('🌍 Global Context Event:', event);
-		});
-	}
 </script>
 
 {#if children}{@render children()}{/if}

package/dist/ui/router/router.svelte.js

@@ -200,7 +200,7 @@ export class Router {
                 pathname: '/',
                 search: '',
                 hash: '',
-                url: new URL('http://localhost/'),
+                url: new URL('https://finsweet.com/'),
                 params: {},
                 query: new URLSearchParams()
             };
@@ -233,7 +233,7 @@ export class Router {
     /** Create a URL object from a pathname */
     #createURL(pathname) {
         if (!browser)
-            return new URL('http://localhost/');
+            return new URL('https://finsweet.com/');
         const baseURL = window.location.origin;
         let fullPath = pathname;
         // Handle base path

package/dist/ui/stores/siteInfo.d.ts

@@ -4,6 +4,8 @@ export declare const siteInfo: import("svelte/store").Writable<{
     shortName: string;
     isPasswordProtected: boolean;
     isPrivateStaging: boolean;
+    workspaceId: string;
+    workspaceSlug: string;
     domains: Array<{
         url: string;
         lastPublished: string | null;

package/dist/ui/utils/api/clipboard/handlePaste.js

@@ -1,5 +1,3 @@
-import { getLogger } from '../../../../utils/logger';
-const logger = getLogger('webflow-apps-ui-utils');
 /**
  * Processes pasted component data to validate Finsweet components.
  */
@@ -38,7 +36,7 @@ export const handlePasteXSCP = (e, component) => {
             });
         }
         catch (error) {
-            logger.error({}, 'handlePasteXSCP', error);
+            console.error({}, 'handlePasteXSCP failed with error', error);
             webflow.notify({
                 type: 'Error',
                 message: 'Invalid! You can only paste valid Finsweet Components.'

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

@@ -1,5 +1,4 @@
 export * from './checkIfAppModeIsDesign';
 export * from './clipboard';
 export * from './getAllAssets';
-export * from './getFinsweetComponentsEnvironment';
 export * from './insertWithXSCP';

package/dist/ui/utils/api/index.js

@@ -1,5 +1,4 @@
 export * from './checkIfAppModeIsDesign';
 export * from './clipboard';
 export * from './getAllAssets';
-export * from './getFinsweetComponentsEnvironment';
 export * from './insertWithXSCP';

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

@@ -1,4 +1,3 @@
-export * from './auth';
 export * from './diff-mapper';
 export * from './helpers';
 export * from './color-utils';

package/dist/ui/utils/index.js

@@ -1,4 +1,3 @@
-export * from './auth';
 export * from './diff-mapper';
 export * from './helpers';
 export * from './color-utils';

package/dist/utils/api/clipboard/handlePaste.js

@@ -1,5 +1,3 @@
-import { getLogger } from '../../logger';
-const logger = getLogger('webflow-apps-ui-utils');
 /**
  * Processes pasted component data to validate Finsweet components.
  */
@@ -38,7 +36,7 @@ export const handlePasteXSCP = (e, component) => {
             });
         }
         catch (error) {
-            logger.error({}, 'handlePasteXSCP', error);
+            console.error({}, 'handlePasteXSCP failed with error', error);
             webflow.notify({
                 type: 'Error',
                 message: 'Invalid! You can only paste valid Finsweet Components.'

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

@@ -1,5 +1,4 @@
 export * from './checkIfAppModeIsDesign';
 export * from './clipboard';
 export * from './getAllAssets';
-export * from './getFinsweetComponentsEnvironment';
 export * from './insertWithXSCP';

package/dist/utils/api/index.js

@@ -1,5 +1,4 @@
 export * from './checkIfAppModeIsDesign';
 export * from './clipboard';
 export * from './getAllAssets';
-export * from './getFinsweetComponentsEnvironment';
 export * from './insertWithXSCP';

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

@@ -1,8 +1,6 @@
 /**
  * Checks if sessionStorage is available in the current environment.
  */
-import { getLogger } from '../logger';
-const logger = getLogger('webflow-apps-ui-utils');
 export const isSessionStorageAvailable = () => {
     try {
         // Attempt to access sessionStorage
@@ -12,7 +10,7 @@ export const isSessionStorageAvailable = () => {
         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);
+        console.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;
     }
 };

package/dist/utils/constants.d.ts

@@ -1,66 +1 @@
-/**
- * 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[];
-/**
- * List of domains that are considered staging.
- */
-export declare const STAGING_DOMAINS: string[];
-export declare const FINSWEET_LOGO_URL = "https://cdn.prod.website-files.com/61819aaca0e7ac73f85a2d54/6865d68f194e84da9c6452e5_Components%20White%20Logo.svg";

package/dist/utils/constants.js

@@ -1,84 +1 @@
-/**
- * Wized
- */
-export const WIZED = 'wized';
-export const WIZED_LEGACY = 'w-el';
-export const WIZED_ELEMENTS_SITEMAPS = 'wized-elements-sitemaps';
-export const WIZED_ATTRIBUTES_ENDPOINT = 'https://server.wized.com/v2/site/attributes';
-export const WIZED_ATTRIBUTES_ENDPOINT_STAGING = 'https://ss.wized.com/v2/site/attributes';
-export const WIZED_REVERSE_PROXY_URL = 'https://server.wized.com/v2/page/proxy?url=';
 export const FINSWEET_REVERSE_PROXY_URL = 'https://api.finsweet.com/cors?url=';
-export const WIZED_V2_SITE_CONFIGURATION_ENDPOINT = 'https://server.wized.com/v2/extensions/configuration';
-export const WIZED_V2_SITE_CONFIGURATION_ENDPOINT_STAGING = 'https://ss.wized.com/v2/extensions/configuration';
-export const FINSWEET_SUBSCRIPTIONS_ENDPOINT = 'https://accounts.finsweet.com/v1/subscriptions';
-export const FINSWEET_SUBSCRIPTIONS_ENDPOINT_STAGING = 'https://test-accounts.finsweet.com/v1/subscriptions';
-export const WIZED_PROD_SUBSCRIPTIONS_API = 'http://accounts.finsweet.com';
-export const WIZED_DEV_SUBSCRIPTIONS_API = 'http://test-accounts.finsweet.com';
-export const WIZED_PROD_SUBSCRIPTION_PAGE_URL = 'https://my.finsweet.com/subscriptions/create?product=finsweet-community';
-export const WIZED_APP_CONFIGURATOR_STAGING = 'https://sa.wized.com/configurator';
-export const WIZED_APP_CONFIGURATOR_PROD = 'https://app.wized.com/configurator';
-/**
- * Finsweet Components
- */
-export const ACCOUNTS_API_PRODUCTION = 'https://accounts.finsweet.com/v1/components/verify?';
-export const ACCOUNTS_API_DEV = 'https://test-accounts.finsweet.com/v1/components/verify?';
-export const COMPONENTS_SUBSCRIPTIONS_ENDPOINT_DEV = 'https://test-my.finsweet.com/subscriptions/create';
-export const COMPONENTS_SUBSCRIPTIONS_ENDPOINT_PROD = 'https://my.finsweet.com/subscriptions/create';
-export const PROD_FINSWEEET_ACCOUNTS_ORIGIN = 'https://accounts.finsweet.com';
-export const AUTH0_DOMAIN = 'finsweet.auth0.com';
-export const AUTH0_CLIENT_ID = '5xTAnXb3mwUby3YGJRKJpVaNCMWqXtb1';
-export const AUTH0_REDIRECT_URL = 'https://accounts.finsweet.com/v1/auth0/oauth2/fs-components';
-export const AUTH0_SCOPE = 'openid profile email offline_access';
-export const AUTH0_AUDIENCE = 'https://sso.finsweet.com';
-export const AUTH0_LOGIN_URL = 'https://sso.finsweet.com/authorize';
-/**
- * Finsweet Components Server
- */
-export const COMPONENTS_SERVER_DEV_ENDPOINT = 'https://fs-components-api-dev.finsweet.workers.dev/v1/';
-export const COMPONENTS_SERVER_PROD_ENDPOINT = 'https://fs-components-api-prod.finsweet.workers.dev/v1/';
-export const COMPONENTS_CORE_SCRIPT = 'https://cdn.jsdelivr.net/npm/@finsweet/fs-components@2/fs-components.js';
-/**
- * Finsweet Components Local
- */
-export const COMPONENTS_SERVER_DEV_ENDPOINT_LOCAL = 'http://localhost:8787/v1/';
-export const COMPONENTS_CORE_SCRIPT_LOCAL = 'http://localhost:3000/fs-components.js';
-/**
- * Finsweet Components Brand
- */
-export const BRAND = {
-    FINSWEET: 'Finsweet',
-    COMPONENT: 'Component',
-    COMPONENTS: 'Components',
-    FULL: {
-        SINGULAR: 'Finsweet Component',
-        PLURAL: 'Finsweet Components'
-    }
-};
-/**
- * Webflow App Origins
- */
-export const FINSWEET_COMPONENTS_WEBFLOW_APP_ORIGINS = [
-    'http://localhost:1337',
-    'https://6544eda5f000985a163a8687.webflow-ext.com',
-    'https://64b2e4cfe025c96ef1c8baf4.webflow-ext.com',
-    'https://654d8ce9d9b49c7fd929a451.webflow-ext.com'
-];
-export const ACCEPTED_WEBFLOW_ELEMENTS_FOR_INSERTION = [
-    'Body',
-    'Block',
-    'DOM',
-    'Section',
-    'Container',
-    'BlockContainer'
-];
-/**
- * List of domains that are considered staging.
- */
-export const STAGING_DOMAINS = [
-    'webflow.io',
-    'webflow-ext.com',
-    'localhost',
-    'canvas.webflow.com',
-    'server.wized.com'
-];
-export const FINSWEET_LOGO_URL = 'https://cdn.prod.website-files.com/61819aaca0e7ac73f85a2d54/6865d68f194e84da9c6452e5_Components%20White%20Logo.svg';

package/dist/utils/index.d.ts

@@ -4,7 +4,6 @@ export * from './browser-storage';
 export * from './custom-code';
 export * from './constants';
 export * from './helpers';
-export * from './logger';
 export * from './webflow';
 export * from './webflow-canvas';
 export type * from '../types';

package/dist/utils/index.js

@@ -4,6 +4,5 @@ export * from './browser-storage';
 export * from './custom-code';
 export * from './constants';
 export * from './helpers';
-export * from './logger';
 export * from './webflow';
 export * from './webflow-canvas';

package/dist/utils/webflow-canvas/attributes/getAllWebflowElementAttributes.js

@@ -1,5 +1,3 @@
-import { getLogger } from '../../logger';
-const logger = getLogger('webflow-apps-ui-utils');
 /**
  * Gets all custom attributes from a Webflow element.
  */
@@ -11,7 +9,7 @@ export const getAllWebflowElementAttributes = async (element) => {
         return null;
     }
     catch (error) {
-        logger.error({}, 'Error in getAllWebflowElementAttributes:', error);
+        console.error({}, 'Error in getAllWebflowElementAttributes:', error);
         return null;
     }
 };

package/dist/utils/webflow-canvas/attributes/getWebflowElementAttribute.js

@@ -1,5 +1,3 @@
-import { getLogger } from '../../logger';
-const logger = getLogger('webflow-apps-ui-utils');
 /**
  * Gets the value of a custom attribute from a Webflow element.
  */
@@ -16,7 +14,7 @@ export const getWebflowElementAttribute = async (element, attributeName) => {
         return null;
     }
     catch (error) {
-        logger.error({}, 'Error in getWebflowElementAttribute:', error);
+        console.error({}, 'Error in getWebflowElementAttribute:', error);
         return null;
     }
 };

package/dist/utils/webflow-canvas/attributes/removeWebflowElementAttribute.js

@@ -1,5 +1,3 @@
-import { getLogger } from '../../logger';
-const logger = getLogger('webflow-apps-ui-utils');
 /**
  * Removes a custom attribute from a Webflow element.
  */
@@ -28,7 +26,7 @@ export const removeWebflowElementAttribute = async (element, attributeName, noti
         return;
     }
     catch (error) {
-        logger.error({}, 'Error in removeWebflowElementAttribute:', error);
+        console.error('Error in removeWebflowElementAttribute:', error);
         return null;
     }
 };

package/dist/utils/webflow-canvas/attributes/setWebflowElementAttribute.js

@@ -1,6 +1,4 @@
-import { getLogger } from '../../logger';
 import { getWebflowElementAttribute } from './getWebflowElementAttribute';
-const logger = getLogger('webflow-apps-ui-utils');
 /**
  * Sets a custom attribute value on a Webflow element.
  */
@@ -8,7 +6,7 @@ export const setWebflowElementAttribute = async (element, attributeName, attribu
     try {
         const attributeExists = await checkAttribute(element, attributeName, attributeValue);
         if (attributeExists) {
-            logger.error({}, `Attribute ${attributeName}="${attributeValue}" already exists on the element. Exiting`);
+            console.error(`Attribute ${attributeName}="${attributeValue}" already exists on the element. Exiting`);
             return;
         }
         if (element?.customAttributes) {
@@ -34,7 +32,7 @@ export const setWebflowElementAttribute = async (element, attributeName, attribu
         return;
     }
     catch (error) {
-        logger.error({}, 'Error in setWebflowElementAttribute:', error);
+        console.error('Error in setWebflowElementAttribute:', error);
         return;
     }
 };

package/dist/utils/webflow-canvas/findInstanceElement.js

@@ -1,7 +1,5 @@
 import { noop } from '../helpers';
-import { getLogger } from '../logger';
 import { getWebflowElementAttribute } from './attributes';
-const logger = getLogger('utils');
 /**
  * Exits the current component context.
  */
@@ -132,7 +130,7 @@ export const findInstanceElement = async ({ targetIndex, instance, component, al
         return null;
     }
     catch (error) {
-        logger.error({}, 'Error in findInstanceInsideOrOutsideComponent:', error);
+        console.error({}, 'Error in findInstanceInsideOrOutsideComponent:', error);
         throw error;
     }
 };

package/dist/utils/webflow-canvas/getAllPages.js

@@ -1,5 +1,3 @@
-import { getLogger } from '../logger';
-const logger = getLogger('webflow-apps-ui-utils');
 let pageStagingUrl;
 /**
  * Generates a slug for a page or folder.
@@ -80,7 +78,7 @@ export const getAllPages = async (pagesAndFolders, kind) => {
         return pagesOnly;
     }
     catch (error) {
-        logger.error({}, 'getAllPages failed with an error:', error);
+        console.error({}, 'getAllPages failed with an error:', error);
         return [];
     }
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@finsweet/webflow-apps-utils",
-  "version": "1.0.19",
+  "version": "1.0.21",
   "description": "Shared utilities for Webflow apps",
   "homepage": "https://github.com/finsweet/webflow-apps-utils",
   "repository": {
@@ -62,7 +62,7 @@
     "@types/node": "^22",
     "@vitest/browser": "3.2.3",
     "@vitest/coverage-v8": "3.2.3",
-    "@webflow/designer-extension-typings": "^2.0.12",
+    "@webflow/designer-extension-typings": "latest",
     "eslint": "^9.18.0",
     "eslint-config-prettier": "^10.0.1",
     "eslint-plugin-simple-import-sort": "^12.1.1",

package/dist/types/auth.d.ts

@@ -1,40 +0,0 @@
-export interface Subscription {
-    id: string;
-    product_id: string;
-    price_id: string;
-    status: string;
-    canceled_at: number | null;
-    current_period_end: number | null;
-    current_period_start: number | null;
-    metadata: SubscriptionMetadata;
-}
-export interface SubscriptionMetadata {
-    siteId: string;
-    rewardful: string;
-    siteUrl: string;
-    siteHostname: string;
-}
-export interface FinsweetAuth {
-    access_token: string;
-    expires_in: number;
-    id_token: string;
-    refresh_token: string;
-    scope: string;
-    token_type: string;
-    expires: number;
-    user: {
-        userId: string;
-        firstname: string;
-        admin: boolean;
-        auth0Id: string;
-        premium: boolean;
-        role: string;
-        libraryAccess: ('canFavourite' | 'canManageLibrary')[] | null;
-        folders: {
-            favourites: number;
-            configs: number;
-            savedComponents: number;
-        };
-    };
-    subscriptions: Subscription[];
-}

package/dist/types/auth.js

@@ -1 +0,0 @@
-export {};

package/dist/ui/utils/api/getFinsweetComponentsEnvironment.d.ts

@@ -1,8 +0,0 @@
-/**
- * Gets the Finsweet components environment configuration.
- */
-export declare const getFinsweetComponentsEnvironment: () => {
-    development: boolean;
-    coreScript: string;
-    api: string;
-};

package/dist/ui/utils/api/getFinsweetComponentsEnvironment.js

@@ -1,66 +0,0 @@
-import { COMPONENTS_CORE_SCRIPT, COMPONENTS_CORE_SCRIPT_LOCAL, COMPONENTS_SERVER_DEV_ENDPOINT, COMPONENTS_SERVER_DEV_ENDPOINT_LOCAL, COMPONENTS_SERVER_PROD_ENDPOINT, getLocalStorage } from '../../../utils';
-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.
- */
-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;
-    }
-};
-/**
- * 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;
-    }
-};
-/**
- * Gets the Finsweet components environment configuration.
- */
-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/ui/utils/auth/crossWindowLogin.d.ts

@@ -1,5 +0,0 @@
-import type { FinsweetAuth } from '../../../types';
-/**
- * Opens a popup window for cross-window authentication with Auth0.
- */
-export declare const crossWindowLogin: () => Promise<FinsweetAuth>;

package/dist/ui/utils/auth/crossWindowLogin.js

@@ -1,52 +0,0 @@
-import { AUTH0_AUDIENCE, AUTH0_CLIENT_ID, AUTH0_LOGIN_URL, AUTH0_REDIRECT_URL, AUTH0_SCOPE, PROD_FINSWEEET_ACCOUNTS_ORIGIN } from '../../../utils/constants';
-/**
- * Opens a popup window for cross-window authentication with Auth0.
- */
-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/ui/utils/auth/index.d.ts

@@ -1,45 +0,0 @@
-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 user subscriptions from the server.
- */
-export declare const getSubscriptions: (token: string) => Promise<any>;
-/**
- * Fetches user data from the authentication server.
- */
-export declare const getUser: (token: string) => Promise<FinsweetAuth["user"]>;
-/**
- * Handles user login authentication flow.
- */
-export declare const handleLogin: () => Promise<void>;
-/**
- * Handles user logout and cleanup.
- */
-export declare const handleLogout: () => Promise<void>;
-/**
- * Checks if the user is logged in by validating stored session.
- */
-export declare const checkInitialLoginState: () => Promise<void>;
-/**
- * Sets a cookie with security options.
- */
-export declare const setCookie: (name: string, value: string, options?: {}) => void;
-/**
- * Gets a cookie value by name.
- */
-export declare const getCookie: (name: string) => string | undefined;
-/**
- * Deletes a cookie by name.
- */
-export declare const deleteCookie: (name: string, options?: {}) => void;
-/**
- * Checks if the user has access to a specific feature.
- */
-export declare const canAccessFeature: (loggedIn: boolean, access: FinsweetAuth["user"]["libraryAccess"] | null | undefined, required: FinsweetAuth["user"]["libraryAccess"]) => {
-    granted: boolean;
-    message: string;
-};

package/dist/ui/utils/auth/index.js

@@ -1,178 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
-import Cookies from 'js-cookie';
-import { get, writable } from 'svelte/store';
-import { getLocalStorage, removeLocalStorage, setLocalStorage } from '../../../utils';
-import { FINSWEET_SUBSCRIPTIONS_ENDPOINT, FINSWEET_SUBSCRIPTIONS_ENDPOINT_STAGING } from '../../../utils/constants';
-import { getFinsweetComponentsEnvironment } from '../api';
-import { crossWindowLogin } from './crossWindowLogin';
-/**
- * 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 user subscriptions from the server.
- */
-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) {
-        console.error('Failed to fetch subscriptions', error);
-        return [];
-    }
-};
-/**
- * Fetches user data from the authentication server.
- */
-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 user login authentication flow.
- */
-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;
-        console.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 user logout and cleanup.
- */
-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 validating stored session.
- */
-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 with security options.
- */
-export const setCookie = (name, value, options = {}) => {
-    Cookies.set(name, value, { sameSite: 'None', secure: true, ...options });
-};
-/**
- * Gets a cookie value by name.
- */
-export const getCookie = (name) => {
-    return Cookies.get(name);
-};
-/**
- * Deletes a cookie by name.
- */
-export const deleteCookie = (name, options = {}) => {
-    Cookies.remove(name, options);
-};
-/**
- * Checks if the user has access to a specific feature.
- */
-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/api/getFinsweetComponentsEnvironment.d.ts

@@ -1,8 +0,0 @@
-/**
- * Gets the Finsweet components environment configuration.
- */
-export declare const getFinsweetComponentsEnvironment: () => {
-    development: boolean;
-    coreScript: string;
-    api: string;
-};

package/dist/utils/api/getFinsweetComponentsEnvironment.js

@@ -1,67 +0,0 @@
-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.
- */
-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;
-    }
-};
-/**
- * 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;
-    }
-};
-/**
- * Gets the Finsweet components environment configuration.
- */
-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/logger/index.d.ts

@@ -1,16 +0,0 @@
-export type LoggerContext = string & Record<never, never>;
-export interface LogData {
-    [key: string]: any;
-}
-export type LogLevel = 'error' | 'warn' | 'info' | 'log' | 'debug';
-export interface Logger {
-    error: (context: LogData, message: string, ...args: any[]) => void;
-    warn: (context: LogData, message: string, ...args: any[]) => void;
-    info: (context: LogData, message: string, ...args: any[]) => void;
-    log: (context: LogData, message: string, ...args: any[]) => void;
-    debug: (context: LogData, message: string, ...args: any[]) => void;
-}
-/**
- * Create a logger instance for the given context
- */
-export declare function getLogger(context: LoggerContext): Logger;

package/dist/utils/logger/index.js

@@ -1,39 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import { getFinsweetComponentsEnvironment } from '../api';
-/**
- * Create a logger instance for the given context
- */
-export function getLogger(context) {
-    const createLogMethod = (level) => {
-        return (logContext, message, ...args) => {
-            const { development } = getFinsweetComponentsEnvironment();
-            if (development) {
-                const contextPrefix = `[${context}]`;
-                const consoleMethod = level === 'log' ? 'log' : level;
-                if (typeof console[consoleMethod] === 'function') {
-                    console[consoleMethod](contextPrefix, message, logContext, ...args);
-                }
-                else {
-                    console.log(contextPrefix, message, logContext, ...args);
-                }
-            }
-            // In production, show warnings in console
-            if (!development && level === 'warn') {
-                const contextPrefix = `[${context}]`;
-                console.warn(contextPrefix, message, logContext, ...args);
-            }
-            // In production, only send errors to LogRocket
-            if (!development && level === 'error') {
-                const contextPrefix = `[${context}]`;
-                console.error(contextPrefix, message, logContext, ...args);
-            }
-        };
-    };
-    return {
-        error: createLogMethod('error'),
-        warn: createLogMethod('warn'),
-        info: createLogMethod('info'),
-        log: createLogMethod('log'),
-        debug: createLogMethod('debug')
-    };
-}