@finsweet/webflow-apps-utils 1.0.7 → 1.0.9

package/dist/{utils → ui/utils}/auth/index.js

@@ -1,12 +1,10 @@
 /* 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 { 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.
  */
@@ -51,7 +49,7 @@ export const getSubscriptions = async (token) => {
         return data;
     }
     catch (error) {
-        logger.error({}, 'Failed to fetch subscriptions', error);
+        console.error('Failed to fetch subscriptions', error);
         return [];
     }
 };
@@ -95,7 +93,7 @@ export const handleLogin = async () => {
     }
     catch (error) {
         const err = error;
-        logger.error({}, 'Login failed:', err.message);
+        console.error('Login failed:', err.message);
         finsweetUser.set(null);
         webflow.notify({
             type: 'Error',

package/dist/{utils → ui/utils}/diff-mapper/DiffMapper.stories.js

@@ -131,7 +131,7 @@ Automatic cache cleanup when size exceeds 100 entries or TTL expires.
 The diff mapper is seamlessly integrated with the GlobalProvider system:
 
 \`\`\`typescript
-import { useConfiguratorContext } from '../../providers';
+import { useConfiguratorContext } from '../../../providers';
 
 const configurator = useConfiguratorContext<MyConfigType>();
 
@@ -155,7 +155,7 @@ import {
 	validateWatchOptions,
 	extractKeys,
 	createDebouncedUpdate
-} from '../../providers';
+} from '../../../providers';
 
 // Create default configurator state
 const defaultState = createDefaultConfiguratorState<MyConfigType>();

package/dist/{utils → ui/utils}/diff-mapper/DiffMapperDemo.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { getDetailedDiff, hasChangesViaDiff } from '../../providers/configuratorUtils';
+	import { getDetailedDiff, hasChangesViaDiff } from '../../providers';
 
 	let output = '';
 	let coercionExamples = '';

package/dist/{utils → ui/utils}/helpers/goto.js

@@ -1,8 +1,6 @@
 import { get } from 'svelte/store';
 import { navigate } from 'svelte-routing';
-import { routerStore } from '../../stores';
-import { getLogger } from '../logger';
-const logger = getLogger('webflow-apps-ui-utils');
+import { routerStore } from '../../../utils/stores';
 /**
  * Normalizes a URL path to ensure proper formatting.
  */
@@ -21,7 +19,7 @@ const normalizeUrlPath = (path, hash) => {
 export const goto = (path = '/', state = {}) => {
     const { hash = '' } = get(routerStore);
     if (!hash) {
-        logger.error({}, 'goto method found no router hash in the router store. Contact Finsweet support.');
+        console.error('goto method found no router hash in the router store. Contact Finsweet support.');
         return;
     }
     const url = normalizeUrlPath(`/${hash}/${path}`, hash);

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

@@ -0,0 +1 @@
+export * from './goto';

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

@@ -0,0 +1 @@
+export * from './goto';

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

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

package/dist/ui/utils/index.js

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

package/dist/utils/custom-code/api.d.ts

@@ -2,7 +2,7 @@ import type { CustomCodeBlock } from '../../types';
 /**
  * Gets stored Custom Code blocks by ID or returns all if no ID provided.
  */
-export declare const getCustomCode: (id?: string) => Promise<Array<CustomCodeBlock>>;
+export declare const getCustomCode: (displayName?: string) => Promise<Array<CustomCodeBlock>>;
 /**
  * Sets custom code blocks in the site.
  */

package/dist/utils/custom-code/api.js

@@ -1,17 +1,15 @@
-import { getLogger } from '../logger';
-const logger = getLogger('webflow-apps-ui-utils');
 /**
  * Gets stored Custom Code blocks by ID or returns all if no ID provided.
  */
-export const getCustomCode = async (id) => {
+export const getCustomCode = async (displayName) => {
     //TODO: update this when typings are available plus any other place we have disabled this warning.
     //@ts-expect-error - not available in typings for now
     const customCodeBlock = (await webflow.getSiteCustomCode());
     if (!customCodeBlock || customCodeBlock.length === 0)
         return [];
-    if (!id)
+    if (!displayName)
         return customCodeBlock;
-    const storedConfigs = customCodeBlock.filter((block) => block.id === id);
+    const storedConfigs = customCodeBlock.filter((block) => block.id === displayName);
     if (storedConfigs)
         return storedConfigs;
     return [];
@@ -25,7 +23,7 @@ export const setCustomCode = async (customCodeBlock) => {
         await webflow.setSiteCustomCode(customCodeBlock);
     }
     catch (error) {
-        logger.error({}, 'Failed to save custom code block', error, customCodeBlock);
+        console.error('Failed to save custom code block', error, customCodeBlock);
     }
 };
 /**

package/dist/utils/custom-code/configs.d.ts

@@ -12,11 +12,12 @@ export type CustomCodeConfigsStore = {
 export declare const customCodeConfigsStore: import("svelte/store").Writable<CustomCodeConfigsStore>;
 /**
  * Get configs from custom code.
+ * @param displayName - The name of the custom code block to get configs from.
  */
-export declare const getProjectConfigs: () => Promise<any>;
+export declare const getProjectConfigs: (displayName: string) => Promise<any>;
 /**
  * Fetches configs stored in custom code for a given component.
  * @param component
  * @returns
  */
-export declare const getComponentConfigs: (component: string) => Promise<any>;
+export declare const getComponentConfigs: (component: string, displayName: string) => Promise<any>;

package/dist/utils/custom-code/configs.js

@@ -1,8 +1,5 @@
 import { writable } from 'svelte/store';
-import { getLogger } from '../logger';
 import { getCustomCode } from './api';
-const logger = getLogger('utils');
-const DISPLAY_NAME = 'finsweetcomponentsconfig';
 /**
  * Store for Custom Code stored Component configs
  */
@@ -13,9 +10,10 @@ export const componentConfigsStore = writable(null);
 export const customCodeConfigsStore = writable([]);
 /**
  * Get configs from custom code.
+ * @param displayName - The name of the custom code block to get configs from.
  */
-export const getProjectConfigs = async () => {
-    const [customCodeBlock] = await getCustomCode(DISPLAY_NAME);
+export const getProjectConfigs = async (displayName) => {
+    const [customCodeBlock] = await getCustomCode(displayName);
     if (!customCodeBlock || !customCodeBlock.hostedLocation) {
         return null;
     }
@@ -24,7 +22,6 @@ export const getProjectConfigs = async () => {
     const configs = await import(/* @vite-ignore */ customCodeBlock.hostedLocation);
     window.isLoadingCustomCodeConfigs = false;
     customCodeConfigsStore.set(configs);
-    logger.log({}, 'Project custom code configs', configs);
     return configs;
 };
 /**
@@ -32,8 +29,8 @@ export const getProjectConfigs = async () => {
  * @param component
  * @returns
  */
-export const getComponentConfigs = async (component) => {
-    const customCodeBlock = await getProjectConfigs();
+export const getComponentConfigs = async (component, displayName) => {
+    const customCodeBlock = await getProjectConfigs(displayName);
     if (!customCodeBlock || Object.keys(customCodeBlock[component]).length === 0)
         return null;
     return customCodeBlock[component];

package/dist/utils/custom-code/index.d.ts

@@ -1,2 +1,2 @@
-export * from './api';
 export * from './configs';
+export * from './api';

package/dist/utils/custom-code/index.js

@@ -1,2 +1,2 @@
-export * from './api';
 export * from './configs';
+export * from './api';

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

@@ -1,7 +1,6 @@
 export * from './capitalizeFirstLetter';
 export * from './cleanupTooltipMessage';
 export * from './encodeDecodeConfigs';
-export * from './goto';
 export * from './dom';
 export * from './events';
 export * from './forms';

package/dist/utils/helpers/index.js

@@ -1,7 +1,6 @@
 export * from './capitalizeFirstLetter';
 export * from './cleanupTooltipMessage';
 export * from './encodeDecodeConfigs';
-export * from './goto';
 export * from './dom';
 export * from './events';
 export * from './forms';

package/dist/utils/index.d.ts

@@ -1,11 +1,10 @@
 export * from './animations';
 export * from './api';
-export * from './auth';
 export * from './browser-storage';
-export * from './constants';
 export * from './custom-code';
-export * from './diff-mapper';
+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

@@ -1,10 +1,8 @@
 export * from './animations';
 export * from './api';
-export * from './auth';
 export * from './browser-storage';
-export * from './constants';
 export * from './custom-code';
-export * from './diff-mapper';
+export * from './constants';
 export * from './helpers';
 export * from './logger';
 export * from './webflow';

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

@@ -1,5 +1,4 @@
-export type PredefinedLoggerContext = 'finsweet-components' | 'webflow-apps-ui-utils' | 'fast-search' | 'fs-cmp';
-export type LoggerContext = PredefinedLoggerContext | (string & Record<never, never>);
+export type LoggerContext = string & Record<never, never>;
 export interface LogData {
     [key: string]: any;
 }

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

@@ -0,0 +1,2 @@
+export * from './isPreviewMode';
+export * from './router';

package/dist/utils/stores/index.js

@@ -0,0 +1,2 @@
+export * from './isPreviewMode';
+export * from './router';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@finsweet/webflow-apps-utils",
-  "version": "1.0.7",
+  "version": "1.0.9",
   "description": "Shared utilities for Webflow apps",
   "homepage": "https://github.com/finsweet/webflow-apps-utils",
   "repository": {
@@ -18,9 +18,18 @@
   "type": "module",
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
-      "svelte": "./dist/index.js",
-      "default": "./dist/index.js"
+      "types": "./dist/ui/index.d.ts",
+      "svelte": "./dist/ui/index.js",
+      "default": "./dist/ui/index.js"
+    },
+    "./utils": {
+      "types": "./dist/utils/index.d.ts",
+      "default": "./dist/utils/index.js"
+    },
+    "./ui": {
+      "types": "./dist/ui/index.d.ts",
+      "svelte": "./dist/ui/index.js",
+      "default": "./dist/ui/index.js"
     },
     "./index.css": "./dist/ui/index.css"
   },

package/dist/stores/forms.d.ts

@@ -1,147 +0,0 @@
-import { derived } from 'svelte/store';
-interface FormState<T> {
-    values: T;
-    errors: Record<keyof T, string[]>;
-    touched: Record<keyof T, boolean>;
-    isValid: boolean;
-    isDirty: boolean;
-    isSubmitting: boolean;
-}
-/**
- * Creates a form validation utility with Svelte 5 reactive stores
- * @param identifier - Unique identifier for the form
- * @param options - Configuration options
- */
-export declare class FormValidator<T extends {
-    name: string;
-    instance: string;
-    class: string;
-}> {
-    private schema;
-    private _store;
-    private instancesSet;
-    private initialValues;
-    private identifier;
-    private currentInstanceToIgnore;
-    private classValidationEnabled;
-    readonly values: ReturnType<typeof derived<typeof this._store, T>>;
-    readonly errors: ReturnType<typeof derived<typeof this._store, Record<keyof T, string[]>>>;
-    readonly touched: ReturnType<typeof derived<typeof this._store, Record<keyof T, boolean>>>;
-    readonly isValid: ReturnType<typeof derived<typeof this._store, boolean>>;
-    readonly isDirty: ReturnType<typeof derived<typeof this._store, boolean>>;
-    readonly isSubmitting: ReturnType<typeof derived<typeof this._store, boolean>>;
-    /**
-     * Generates unique name, instance, and class based on solution name and existing instances
-     * @param existingInstances - Array of existing instance names
-     * @param solution - The base solution name
-     * @returns Object containing name, instance, and class values
-     */
-    static generateNames(existingInstances: string[], solution: string, name: string): {
-        name: string;
-        instance: string;
-        class: string;
-    };
-    /**
-     * Cleans up the class name to ensure it's valid
-     * @param className - The class name to clean up
-     * @returns The cleaned up class name
-     */
-    static sanitizeClassName(className: string): string;
-    constructor(identifier: string, initialValues: T, options?: {
-        existingInstances?: string[];
-    });
-    /**
-     * Set a specific instance to ignore during validation
-     * Used in edit mode to prevent the current instance from being flagged as invalid
-     */
-    ignoreInstanceValidation(instanceValue: string, existingInstances: string[]): void;
-    /**
-     * Set the value of a specific field
-     */
-    setField<K extends keyof T>(field: K, value: T[K]): void;
-    /**
-     * Set multiple field values at once
-     */
-    setFields(values: Partial<T>): void;
-    /**
-     * Handle instance field validation with uniqueness check
-     */
-    validateWithInstances(existingInstances: string[]): void;
-    /**
-     * Reset the form to initial values
-     */
-    reset(): void;
-    /**
-     * Enable or disable class name validation
-     * @param enabled - Whether to enable class validation
-     */
-    enableClassValidation(enabled: boolean): void;
-    /**
-     * Validate the form values
-     */
-    private validate;
-    /**
-     * Set the form as submitting
-     */
-    setSubmitting(isSubmitting: boolean): void;
-    /**
-     * Get the current state of the form (for legacy compatibility)
-     */
-    getState(): FormState<T>;
-}
-/**
- * Setup form hook
- */
-export declare function createForm<T extends {
-    name: string;
-    instance: string;
-    class: string;
-}>(identifier: string, initialValues: T, options?: {
-    existingInstances?: string[];
-    enableClassValidation?: boolean;
-}): {
-    values: import("svelte/store").Readable<T>;
-    errors: import("svelte/store").Readable<Record<keyof T, string[]>>;
-    touched: import("svelte/store").Readable<Record<keyof T, boolean>>;
-    isValid: import("svelte/store").Readable<boolean>;
-    isDirty: import("svelte/store").Readable<boolean>;
-    isSubmitting: import("svelte/store").Readable<boolean>;
-    setField: <K extends keyof T>(field: K, value: T[K]) => void;
-    setFields: (values: Partial<T>) => void;
-    reset: () => void;
-    enableClassValidation: (enabled: boolean) => void;
-    ignoreInstanceValidation: (instanceValue: string, existingInstances: string[]) => void;
-    setSubmitting: (isSubmitting: boolean) => void;
-    validate: () => void;
-    getState: () => FormState<T>;
-};
-/**
- * Get a form by its identifier
- */
-export declare function getFormById(identifier: string): FormValidator<any> | undefined;
-/**
- * Check if a form with a specific identifier is valid
- */
-export declare function isFormValid(identifier: string): boolean;
-/**
- * Get error messages for a specific form
- */
-export declare function getFormErrors(identifier: string): Record<string, string[]> | null;
-/**
- * Reset a form by its identifier
- */
-export declare function resetForm(identifier: string): boolean;
-export declare function createFormSubscription(identifier: string): import("svelte/store").Writable<{
-    isValid: boolean;
-    errors: {};
-    values: {};
-}> | {
-    subscribe: (this: void, run: import("svelte/store").Subscriber<FormState<any>>, invalidate?: () => void) => import("svelte/store").Unsubscriber;
-    destroy: () => void;
-};
-/**
- * Store to track if the form is adding or updating to the Canvas
- */
-export declare const isAddingOrUpdating: import("svelte/store").Writable<boolean>;
-export declare const loadingSelectedElement: import("svelte/store").Writable<boolean>;
-export {};