@finsweet/webflow-apps-utils 1.0.18 → 1.0.20

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/LoadingScreen.svelte

@@ -61,7 +61,6 @@
 		gap: 10px;
 		color: var(--actionSecondaryText);
 		text-align: center;
-		font-family: Inter;
 		font-size: 11.5px;
 		font-style: normal;
 		font-weight: 400;

package/dist/ui/components/button/Button.svelte

@@ -269,7 +269,6 @@
 
 		/* Styling */
 		border-radius: var(--border-radius, 4px);
-		font-family: var(--font-stack, Inter, sans-serif);
 		font-weight: var(--font-weight-normal, 400);
 		font-size: 11.5px;
 		min-height: 24px;

package/dist/ui/components/color-picker/ColorPicker.svelte

@@ -290,7 +290,6 @@
 		width: 80px;
 		padding: 4px 8px 4px 0px;
 		border-radius: 4px;
-		font-family: monospace;
 		font-size: 12px;
 		border: none;
 		background: transparent;

package/dist/ui/components/color-picker/ColorSelect.svelte

@@ -1048,7 +1048,6 @@
 		border-radius: 4px;
 		color: var(--text1, #ebebeb);
 		font-size: 11px;
-		font-family: Inter, sans-serif;
 		font-weight: 400;
 		line-height: 16px;
 		outline: none;
@@ -1068,7 +1067,6 @@
 	.label {
 		color: var(--text1, #ebebeb);
 		font-size: 11px;
-		font-family: Inter, sans-serif;
 		font-weight: 400;
 		line-height: 16px;
 		text-align: center;

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

@@ -167,7 +167,6 @@
 	.copy-text__title {
 		margin: 0;
 		color: var(--text-color-primary, #ffffff);
-		font-family: Inter, sans-serif;
 		font-size: 12px;
 		font-weight: 500;
 		line-height: 16px;
@@ -181,7 +180,6 @@
 		align-items: flex-start;
 		align-self: stretch;
 		color: var(--text2);
-		font-family: Inter;
 		font-size: 12px;
 		font-style: normal;
 		font-weight: 500;

package/dist/ui/components/input/Input.svelte

@@ -628,7 +628,6 @@
 		gap: var(--border-radius, 2px);
 		flex: 1 0 0;
 		color: var(--text3);
-		font-family: Inter;
 		font-size: 11.5px;
 		font-style: normal;
 		font-weight: 400;

package/dist/ui/components/layout/Layout.svelte

@@ -327,7 +327,6 @@
 
 	.tab-text {
 		color: inherit;
-		font-family: Inter;
 		font-size: 11.5px;
 		font-style: normal;
 		font-weight: 400;
@@ -402,7 +401,7 @@
 
 	.preview-bar-content span {
 		color: var(--actionPrimaryText);
-		font-family: Inter;
+
 		font-size: 11.5px;
 		font-style: normal;
 		font-weight: 500;

package/dist/ui/components/layout/examples/ExampleLayout.svelte

@@ -462,7 +462,7 @@
 		font-weight: 500;
 		font-size: 11.5px;
 		color: var(--text1);
-		font-family: var(--font-stack);
+
 		text-align: center;
 	}
 
@@ -474,7 +474,7 @@
 		background: var(--background1);
 		color: var(--text1);
 		font-size: 11.5px;
-		font-family: var(--font-stack);
+
 		box-shadow: var(--boxShadows-input-inner);
 		transition: all 0.2s ease;
 	}
@@ -530,7 +530,7 @@
 		flex: 1;
 		font-size: 11.5px;
 		color: var(--text1);
-		font-family: var(--font-stack);
+
 		line-height: 1.2;
 	}
 

package/dist/ui/components/modal/Modal.svelte

@@ -439,7 +439,6 @@
 		user-select: none;
 		width: 24px;
 		padding: 0px 4px;
-		font-family: inherit;
 		font-size: inherit;
 		position: relative;
 		display: flex;

package/dist/ui/components/notification/Notification.svelte

@@ -237,7 +237,7 @@
 
 	.message {
 		color: var(--text-text-2, #bdbdbd);
-		font-family: Inter;
+
 		font-size: 11px;
 		font-style: normal;
 		font-weight: 400;
@@ -252,7 +252,7 @@
 
 	.link {
 		color: var(--blue-blue-text, #8ac2ff);
-		font-family: Inter;
+
 		font-size: 11px;
 		font-style: normal;
 		font-weight: 400;

package/dist/ui/components/select/Select.svelte

@@ -553,7 +553,7 @@
 	}
 	.label .label-name {
 		color: var(--text1);
-		font-family: Inter;
+
 		font-size: 11.5px;
 		font-style: normal;
 		font-weight: 400;
@@ -566,7 +566,7 @@
 
 	.label .label-description {
 		color: var(--text2, #bdbdbd);
-		font-family: Inter;
+
 		font-size: 10px;
 		font-style: normal;
 		font-weight: 400;
@@ -645,7 +645,7 @@
 		gap: 4px;
 		align-self: stretch;
 		color: var(--text2, #bdbdbd);
-		font-family: Inter;
+
 		font-size: 11px;
 		font-style: normal;
 		font-weight: 500;
@@ -679,7 +679,7 @@
 		gap: 4px;
 		align-self: stretch;
 		color: var(--text-text-1, #d9d9d9);
-		font-family: Inter;
+
 		font-size: 11px;
 		font-style: normal;
 		font-weight: 400;

package/dist/ui/components/text/Text.svelte

@@ -813,10 +813,6 @@
 {/if}
 
 <style>
-	.text {
-		font-family: inherit;
-	}
-
 	.labels.link {
 		cursor: pointer;
 		padding: 4px;
@@ -882,7 +878,6 @@
 	}
 
 	* {
-		font-family: Inter;
 		font-style: normal;
 		line-height: 16px;
 		letter-spacing: -0.115px;
@@ -950,7 +945,7 @@
 
 	.popup-description span {
 		color: var(--text2, #bdbdbd);
-		font-family: Inter;
+
 		font-size: 11px;
 		font-style: normal;
 		font-weight: 400;

package/dist/ui/components/tooltip/Tooltip.svelte

@@ -382,7 +382,7 @@
 			0px -0.5px 0.5px 0px rgb(0 0 0 / 0%) inset,
 			0px 0.5px 0.5px 0px rgb(255 255 255 / 34%) inset;
 		color: var(--text2, #b9b9b9);
-		font-family: Inter;
+
 		line-height: 120%;
 		width: 150px;
 		padding: 6px;

package/dist/ui/index.css

@@ -159,6 +159,7 @@ body,
 #app {
 	height: 100%;
 	background: var(--background1);
+	font-family: var(--font-stack);
 	/* Prevents layout shift when scrollbar appears, does not work in Safari browsers */
 	/* scrollbar-gutter: stable; */
 }

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/providers/GlobalProviderDemo.svelte

@@ -161,7 +161,6 @@
 		margin: 0 auto;
 		background: var(--background1);
 		color: var(--text1);
-		font-family: var(--font-stack);
 	}
 
 	.start-demo {
@@ -211,7 +210,7 @@
 		cursor: pointer;
 		font-size: var(--font-size-small);
 		font-weight: var(--font-weight-normal);
-		font-family: var(--font-stack);
+
 		transition: all 0.2s ease;
 	}
 
@@ -252,7 +251,6 @@
 		border: 1px solid var(--border2);
 		padding: var(--padding-tiny);
 		border-radius: var(--border-radius);
-		font-family: monospace;
 		font-size: var(--font-size-small);
 		color: var(--text2);
 		display: block;

package/dist/ui/router/examples/RouterExample.svelte

@@ -130,7 +130,6 @@
 		max-width: 800px;
 		margin: 0 auto;
 		padding: 1rem;
-		font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
 	}
 
 	.app-layout {

package/dist/ui/router/examples/pages/AboutPage.svelte

@@ -290,7 +290,6 @@
 		cursor: pointer;
 		transition: all 0.3s ease;
 		width: 100%;
-		font-family: inherit;
 		font-size: inherit;
 	}
 
@@ -553,7 +552,6 @@
 
 	.debug-info p {
 		margin: 0.5rem 0;
-		font-family: 'SFMono-Regular', Consolas, monospace;
 		font-size: 0.875rem;
 		color: #495057;
 	}

package/dist/ui/router/examples/pages/HomePage.svelte

@@ -169,7 +169,6 @@
 		background: #e9ecef;
 		padding: 0.2rem 0.4rem;
 		border-radius: 3px;
-		font-family: 'SFMono-Regular', Consolas, monospace;
 		font-size: 0.875rem;
 		color: #e83e8c;
 	}
@@ -189,7 +188,6 @@
 
 	.debug-info p {
 		margin: 0.5rem 0;
-		font-family: 'SFMono-Regular', Consolas, monospace;
 		font-size: 0.875rem;
 		color: #495057;
 	}

package/dist/ui/router/examples/pages/NotFoundPage.svelte

@@ -132,7 +132,6 @@
 		background: #e9ecef;
 		padding: 0.2rem 0.4rem;
 		border-radius: 3px;
-		font-family: 'SFMono-Regular', Consolas, monospace;
 		color: #e83e8c;
 		font-size: 0.875rem;
 	}
@@ -273,7 +272,6 @@
 
 	.debug-info p {
 		margin: 0.5rem 0;
-		font-family: 'SFMono-Regular', Consolas, monospace;
 		font-size: 0.875rem;
 		color: #495057;
 	}

package/dist/ui/router/providers/Link.svelte

@@ -143,7 +143,6 @@
 		cursor: pointer;
 		border: none;
 		background: none;
-		font: inherit;
 		color: inherit;
 	}
 

package/dist/ui/stores/forms/FormDemo.svelte

@@ -296,7 +296,6 @@
 		margin: 0 auto;
 		background: var(--background1);
 		color: var(--text1);
-		font-family: var(--font-stack);
 	}
 
 	.demo-controls {
@@ -375,7 +374,6 @@
 		background: var(--background1);
 		color: var(--text1);
 		font-size: var(--font-size-small);
-		font-family: var(--font-stack);
 	}
 
 	input:focus {
@@ -413,7 +411,7 @@
 		cursor: pointer;
 		font-size: var(--font-size-small);
 		font-weight: var(--font-weight-normal);
-		font-family: var(--font-stack);
+
 		transition: all 0.2s ease;
 	}
 
@@ -509,7 +507,6 @@
 		background: var(--background3);
 		border: 1px solid var(--border2);
 		border-radius: var(--border-radius);
-		font-family: monospace;
 		font-size: var(--font-size-tiny);
 		color: var(--text3);
 	}
@@ -519,7 +516,6 @@
 		border: 1px solid var(--border2);
 		padding: var(--padding-tiny);
 		border-radius: var(--border-radius);
-		font-family: monospace;
 		font-size: var(--font-size-tiny);
 		color: var(--text2);
 		display: block;

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/diff-mapper/DiffMapperDemo.svelte

@@ -234,7 +234,7 @@ See console for the complete diff structure.
 <style>
 	.demo-container {
 		padding: var(--spacing-24);
-		font-family: var(--font-stack);
+
 		background: var(--background1);
 		color: var(--text1);
 		max-width: 800px;
@@ -261,7 +261,7 @@ See console for the complete diff structure.
 		cursor: pointer;
 		font-size: var(--font-size-small);
 		font-weight: var(--font-weight-normal);
-		font-family: var(--font-stack);
+
 		transition: all 0.2s ease;
 		margin: var(--spacing-8) 0;
 	}
@@ -284,7 +284,6 @@ See console for the complete diff structure.
 		margin-top: var(--spacing-12);
 		white-space: pre-wrap;
 		border-radius: var(--border-radius);
-		font-family: monospace;
 		color: var(--text2);
 		font-size: var(--font-size-small);
 	}

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/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.18",
+  "version": "1.0.20",
   "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')
-    };
-}