npm - @contentstack/live-preview-utils - Versions diffs - 3.2.0-alpha.1 → 3.2.1 - Mend

@contentstack/live-preview-utils 3.2.0-alpha.1 → 3.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (508) hide show

package/dist/legacy/preview/contentstack-live-preview-HOC.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/preview/contentstack-live-preview-HOC.ts"],"sourcesContent":["import { cloneDeep, isEmpty, pick } from \"lodash-es\";\nimport { v4 as uuidv4 } from \"uuid\";\nimport { getUserInitData } from \"../configManager/config.default\";\nimport Config, { updateConfigFromUrl } from \"../configManager/configManager\";\nimport LivePreview from \"../livePreview/live-preview\";\nimport { handlePageTraversal } from \"../livePreview/onPageTraversal\";\nimport { removeFromOnChangeSubscribers } from \"../livePreview/removeFromOnChangeSubscribers\";\nimport {\n OnEntryChangeCallback,\n OnEntryChangeCallbackSubscribers,\n OnEntryChangeCallbackUID,\n OnEntryChangeConfig,\n OnEntryChangeUnsubscribeParameters,\n} from \"../livePreview/types/onEntryChangeCallback.type\";\nimport { PublicLogger } from \"../logger/logger\";\nimport { handleWebCompare } from \"../timeline/compare/compare\";\nimport type { IExportedConfig, IInitData } from \"../types/types\";\nimport { VisualBuilder } from \"../visualBuilder\";\n\nclass ContentstackLivePreview {\n private static previewConstructors:\n \| {\n livePreview: LivePreview;\n visualBuilder: VisualBuilder;\n }\n \| Record<string, never> = {};\n\n /*\n The subscribers for the onEntryChange event. We store them here when the SDK is not initialized.\n /\n private static onEntryChangeCallbacks: OnEntryChangeCallbackSubscribers =\n {};\n\n /\n Initializes the Live Preview SDK with the provided user configuration.\n * If the SDK is already initialized, subsequent calls to this method will return the existing SDK instance.\n * @param userConfig - The user configuration to initialize the SDK with. See {@link https://github.com/contentstack/live-preview-sdk/blob/main/docs/live-preview-configs.md#initconfig-iconfig\|Live preview User config} for more details.\n * @returns A promise that resolves to the constructors of the Live Preview SDK.\n /\n static init(\n userConfig: Partial<IInitData> = getUserInitData()\n ): Promise<typeof ContentstackLivePreview.previewConstructors> {\n if (typeof window === \"undefined\") {\n PublicLogger.warn(\"The SDK is not initialized in the browser.\");\n return Promise.resolve(ContentstackLivePreview.previewConstructors);\n }\n\n // handle user config\n Config.replace(userConfig);\n updateConfigFromUrl();\n\n if (ContentstackLivePreview.isInitialized()) {\n PublicLogger.warn(\n \"You have already initialized the Live Preview SDK. So, any subsequent initialization returns the existing SDK instance.\"\n );\n return Promise.resolve(ContentstackLivePreview.previewConstructors);\n } else {\n return ContentstackLivePreview.initializePreview();\n }\n }\n\n /\n It is the live preview hash.\n * This hash could be used when data is fetched manually.\n /\n static get hash(): string {\n if (!ContentstackLivePreview.isInitialized()) {\n updateConfigFromUrl(); // check if we could extract from the URL\n }\n return Config.get().hash;\n }\n\n static get config(): IExportedConfig {\n if (!ContentstackLivePreview.isInitialized()) {\n updateConfigFromUrl(); // check if we could extract from the URL\n }\n const config = Config.get();\n const clonedConfig = cloneDeep(config);\n const configToShare = pick(clonedConfig, [\n 'ssr',\n 'enable',\n 'cleanCslpOnProduction',\n 'stackDetails',\n 'clientUrlParams',\n 'windowType',\n 'hash',\n 'editButton',\n 'mode',\n ]);\n return configToShare;\n }\n\n private static isInitialized(): boolean {\n return !isEmpty(ContentstackLivePreview.previewConstructors);\n }\n\n private static initializePreview() {\n ContentstackLivePreview.previewConstructors = {\n livePreview: new LivePreview(),\n visualBuilder: new VisualBuilder(),\n };\n\n // set up onEntryChange callbacks added when the SDK was not initialized\n const livePreview =\n ContentstackLivePreview.previewConstructors.livePreview;\n Object.entries(ContentstackLivePreview.onEntryChangeCallbacks).forEach(\n ([callbackUid, callback]) => {\n livePreview.subscribeToOnEntryChange(callback, callbackUid);\n }\n );\n\n ContentstackLivePreview.onEntryChangeCallbacks = {};\n\n handlePageTraversal();\n handleWebCompare();\n\n return Promise.resolve(ContentstackLivePreview.previewConstructors);\n }\n\n /\n Registers a callback function to be called when an entry changes.\n * @param onChangeCallback The callback function to be called when an entry changes.\n * @param config Optional configuration for the callback.\n * @param config.skipInitialRender If true, the callback will not be called when it is first registered.\n * @returns A unique identifier for the registered callback.\n \n @example\n * ```js\n * const callbackUid = ContentstackLivePreview.onEntryChange(() => {\n * console.log(\"Entry changed\");\n * });\n \n // Unsubscribe the callback\n * ContentstackLivePreview.unsubscribeOnEntryChange(callbackUid);\n * ```\n /\n static onEntryChange(\n onChangeCallback: OnEntryChangeCallback,\n config: OnEntryChangeConfig = {}\n ): OnEntryChangeCallbackUID {\n const { skipInitialRender = false } = config;\n\n const callbackUid = uuidv4();\n\n if (ContentstackLivePreview.isInitialized()) {\n ContentstackLivePreview.previewConstructors.livePreview.subscribeToOnEntryChange(\n onChangeCallback,\n callbackUid\n );\n } else {\n ContentstackLivePreview.onEntryChangeCallbacks[callbackUid] =\n onChangeCallback;\n }\n\n if (!skipInitialRender) {\n onChangeCallback();\n }\n\n return callbackUid;\n }\n\n /\n Registers a callback function to be called when there is a change in the entry being edited in live preview mode. The difference between this and `onEntryChange` is that this callback will not be called when it is first registered.\n * @param onChangeCallback The callback function to be called when there is a change in the entry.\n * @returns A unique identifier for the registered callback.\n \n @example\n * ```js\n * const callbackUid = ContentstackLivePreview.onLiveEdit(() => {\n * console.log(\"Entry changed\");\n * });\n \n // Unsubscribe the callback\n * ContentstackLivePreview.unsubscribeOnEntryChange(callbackUid);\n * ```\n \n /\n static onLiveEdit(\n onChangeCallback: OnEntryChangeCallback\n ): OnEntryChangeCallbackUID {\n return ContentstackLivePreview.onEntryChange(onChangeCallback, {\n skipInitialRender: true,\n });\n }\n\n /*\n Unsubscribes from the entry change event.\n * @param callback - The callback function to be unsubscribed.\n \n @example\n * ```js\n * // unsubscribing using the Callback UID\n * const callbackUid = ContentstackLivePreview.onEntryChange(() => {\n * console.log(\"Entry changed\");\n * });\n \n // Unsubscribe the callback\n * ContentstackLivePreview.unsubscribeOnEntryChange(callbackUid);\n * ```\n \n @example\n * ```js\n * // unsubscribing using the callback function\n * const callback = () => {console.log(\"Entry changed\")};\n * ContentstackLivePreview.onEntryChange(callback);\n \n // Unsubscribe the callback\n * ContentstackLivePreview.unsubscribeOnEntryChange(callback);\n * ```\n \n @example\n * ```js\n * // The same is applicable to onLiveEdit\n * const callbackUid = ContentstackLivePreview.onLiveEdit(() => {\n * console.log(\"Entry changed\");\n * });\n \n // Unsubscribe the callback\n * ContentstackLivePreview.unsubscribeOnEntryChange(callbackUid);\n * ```\n \n \n /\n static unsubscribeOnEntryChange(\n callback: OnEntryChangeUnsubscribeParameters\n ): void {\n if (!ContentstackLivePreview.isInitialized()) {\n removeFromOnChangeSubscribers(\n ContentstackLivePreview.onEntryChangeCallbacks,\n callback\n );\n return;\n }\n ContentstackLivePreview.previewConstructors.livePreview.unsubscribeOnEntryChange(\n callback\n );\n }\n\n /\n Retrieves the version of the SDK.\n * @returns The version of the SDK as a string.\n */\n static getSdkVersion(): string {\n return process?.env?.PACKAGE_VERSION!;\n }\n}\n\nexport default ContentstackLivePreview;"],"mappings":"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","names":["Config","LivePreview","uuidv4"]}
1	+ {"version":3,"sources":["../../../src/preview/contentstack-live-preview-HOC.ts"],"sourcesContent":["import { cloneDeep, isEmpty, pick } from \"lodash-es\";\nimport { v4 as uuidv4 } from \"uuid\";\nimport { getUserInitData } from \"../configManager/config.default\";\nimport Config, { updateConfigFromUrl } from \"../configManager/configManager\";\nimport LivePreview from \"../livePreview/live-preview\";\nimport { handlePageTraversal } from \"../livePreview/onPageTraversal\";\nimport { removeFromOnChangeSubscribers } from \"../livePreview/removeFromOnChangeSubscribers\";\nimport {\n OnEntryChangeCallback,\n OnEntryChangeCallbackSubscribers,\n OnEntryChangeCallbackUID,\n OnEntryChangeConfig,\n OnEntryChangeUnsubscribeParameters,\n} from \"../livePreview/types/onEntryChangeCallback.type\";\nimport { PublicLogger } from \"../logger/logger\";\nimport { handleWebCompare } from \"../timeline/compare/compare\";\nimport type { IExportedConfig, IInitData } from \"../types/types\";\nimport { VisualBuilder } from \"../visualBuilder\";\n\nclass ContentstackLivePreview {\n private static previewConstructors:\n \| {\n livePreview: LivePreview;\n visualBuilder: VisualBuilder;\n }\n \| Record<string, never> = {};\n\n /*\n The subscribers for the onEntryChange event. We store them here when the SDK is not initialized.\n /\n private static onEntryChangeCallbacks: OnEntryChangeCallbackSubscribers =\n {};\n\n /\n Initializes the Live Preview SDK with the provided user configuration.\n * If the SDK is already initialized, subsequent calls to this method will return the existing SDK instance.\n * @param userConfig - The user configuration to initialize the SDK with. See {@link https://github.com/contentstack/live-preview-sdk/blob/main/docs/live-preview-configs.md#initconfig-iconfig\|Live preview User config} for more details.\n * @returns A promise that resolves to the constructors of the Live Preview SDK.\n /\n static init(\n userConfig: Partial<IInitData> = getUserInitData()\n ): Promise<typeof ContentstackLivePreview.previewConstructors> {\n if (typeof window === \"undefined\") {\n PublicLogger.warn(\"The SDK is not initialized in the browser.\");\n return Promise.resolve(ContentstackLivePreview.previewConstructors);\n }\n\n // handle user config\n Config.replace(userConfig);\n updateConfigFromUrl();\n\n if (ContentstackLivePreview.isInitialized()) {\n PublicLogger.warn(\n \"You have already initialized the Live Preview SDK. So, any subsequent initialization returns the existing SDK instance.\"\n );\n return Promise.resolve(ContentstackLivePreview.previewConstructors);\n } else {\n return ContentstackLivePreview.initializePreview();\n }\n }\n\n /\n It is the live preview hash.\n * This hash could be used when data is fetched manually.\n /\n static get hash(): string {\n if (!ContentstackLivePreview.isInitialized()) {\n updateConfigFromUrl(); // check if we could extract from the URL\n }\n return Config.get().hash;\n }\n\n static get config(): IExportedConfig {\n if (!ContentstackLivePreview.isInitialized()) {\n updateConfigFromUrl(); // check if we could extract from the URL\n }\n const config = Config.get();\n const clonedConfig = cloneDeep(config);\n const configToShare = pick(clonedConfig, [\n 'ssr',\n 'enable',\n 'cleanCslpOnProduction',\n 'stackDetails',\n 'clientUrlParams',\n 'windowType',\n 'hash',\n 'editButton',\n 'mode',\n ]);\n return configToShare;\n }\n\n private static isInitialized(): boolean {\n return !isEmpty(ContentstackLivePreview.previewConstructors);\n }\n\n private static initializePreview() {\n ContentstackLivePreview.previewConstructors = {\n livePreview: new LivePreview(),\n visualBuilder: new VisualBuilder(),\n };\n\n // set up onEntryChange callbacks added when the SDK was not initialized\n const livePreview =\n ContentstackLivePreview.previewConstructors.livePreview;\n Object.entries(ContentstackLivePreview.onEntryChangeCallbacks).forEach(\n ([callbackUid, callback]) => {\n livePreview.subscribeToOnEntryChange(callback, callbackUid);\n }\n );\n\n ContentstackLivePreview.onEntryChangeCallbacks = {};\n\n handlePageTraversal();\n handleWebCompare();\n\n return Promise.resolve(ContentstackLivePreview.previewConstructors);\n }\n\n /\n Registers a callback function to be called when an entry changes.\n * @param onChangeCallback The callback function to be called when an entry changes.\n * @param config Optional configuration for the callback.\n * @param config.skipInitialRender If true, the callback will not be called when it is first registered.\n * @returns A unique identifier for the registered callback.\n \n @example\n * ```js\n * const callbackUid = ContentstackLivePreview.onEntryChange(() => {\n * console.log(\"Entry changed\");\n * });\n \n // Unsubscribe the callback\n * ContentstackLivePreview.unsubscribeOnEntryChange(callbackUid);\n * ```\n /\n static onEntryChange(\n onChangeCallback: OnEntryChangeCallback,\n config: OnEntryChangeConfig = {}\n ): OnEntryChangeCallbackUID {\n const { skipInitialRender = false } = config;\n\n const callbackUid = uuidv4();\n\n if (ContentstackLivePreview.isInitialized()) {\n ContentstackLivePreview.previewConstructors.livePreview.subscribeToOnEntryChange(\n onChangeCallback,\n callbackUid\n );\n } else {\n ContentstackLivePreview.onEntryChangeCallbacks[callbackUid] =\n onChangeCallback;\n }\n\n const searchParams =\n typeof window !== \"undefined\"\n ? new URLSearchParams(window.location.search)\n : null;\n const hasLivePreviewHash =\n searchParams && searchParams.has(\"live_preview\");\n const isBuilder = searchParams && searchParams.has(\"builder\");\n const shouldCallCallback = hasLivePreviewHash && isBuilder;\n // calling onChangeCallback when live_preview search parameter\n // is present because we don't send the initial client-data-send\n // message in visual builder\n if (!skipInitialRender \|\| shouldCallCallback) {\n onChangeCallback();\n }\n\n return callbackUid;\n }\n\n /\n Registers a callback function to be called when there is a change in the entry being edited in live preview mode. The difference between this and `onEntryChange` is that this callback will not be called when it is first registered.\n * @param onChangeCallback The callback function to be called when there is a change in the entry.\n * @returns A unique identifier for the registered callback.\n \n @example\n * ```js\n * const callbackUid = ContentstackLivePreview.onLiveEdit(() => {\n * console.log(\"Entry changed\");\n * });\n \n // Unsubscribe the callback\n * ContentstackLivePreview.unsubscribeOnEntryChange(callbackUid);\n * ```\n \n /\n static onLiveEdit(\n onChangeCallback: OnEntryChangeCallback\n ): OnEntryChangeCallbackUID {\n return ContentstackLivePreview.onEntryChange(onChangeCallback, {\n skipInitialRender: true,\n });\n }\n\n /*\n Unsubscribes from the entry change event.\n * @param callback - The callback function to be unsubscribed.\n \n @example\n * ```js\n * // unsubscribing using the Callback UID\n * const callbackUid = ContentstackLivePreview.onEntryChange(() => {\n * console.log(\"Entry changed\");\n * });\n \n // Unsubscribe the callback\n * ContentstackLivePreview.unsubscribeOnEntryChange(callbackUid);\n * ```\n \n @example\n * ```js\n * // unsubscribing using the callback function\n * const callback = () => {console.log(\"Entry changed\")};\n * ContentstackLivePreview.onEntryChange(callback);\n \n // Unsubscribe the callback\n * ContentstackLivePreview.unsubscribeOnEntryChange(callback);\n * ```\n \n @example\n * ```js\n * // The same is applicable to onLiveEdit\n * const callbackUid = ContentstackLivePreview.onLiveEdit(() => {\n * console.log(\"Entry changed\");\n * });\n \n // Unsubscribe the callback\n * ContentstackLivePreview.unsubscribeOnEntryChange(callbackUid);\n * ```\n \n \n /\n static unsubscribeOnEntryChange(\n callback: OnEntryChangeUnsubscribeParameters\n ): void {\n if (!ContentstackLivePreview.isInitialized()) {\n removeFromOnChangeSubscribers(\n ContentstackLivePreview.onEntryChangeCallbacks,\n callback\n );\n return;\n }\n ContentstackLivePreview.previewConstructors.livePreview.unsubscribeOnEntryChange(\n callback\n );\n }\n\n /\n Retrieves the version of the SDK.\n * @returns The version of the SDK as a string.\n */\n static getSdkVersion(): string {\n return process?.env?.PACKAGE_VERSION!;\n }\n}\n\nexport default ContentstackLivePreview;"],"mappings":"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","names":["Config","LivePreview","uuidv4"]}

package/dist/legacy/preview/contentstack-live-preview-HOC.js CHANGED Viewed

@@ -110,7 +110,11 @@ var _ContentstackLivePreview = class _ContentstackLivePreview {
     } else {
       _ContentstackLivePreview.onEntryChangeCallbacks[callbackUid] = onChangeCallback;
     }
-    if (!skipInitialRender) {
+    const searchParams = typeof window !== "undefined" ? new URLSearchParams(window.location.search) : null;
+    const hasLivePreviewHash = searchParams && searchParams.has("live_preview");
+    const isBuilder = searchParams && searchParams.has("builder");
+    const shouldCallCallback = hasLivePreviewHash && isBuilder;
+    if (!skipInitialRender || shouldCallCallback) {
       onChangeCallback();
     }
     return callbackUid;
@@ -191,7 +195,7 @@ var _ContentstackLivePreview = class _ContentstackLivePreview {
    * @returns The version of the SDK as a string.
    */
   static getSdkVersion() {
-    return "3.2.0-alpha.1";
+    return "3.2.1";
   }
 };
 _ContentstackLivePreview.previewConstructors = {};

package/dist/legacy/preview/contentstack-live-preview-HOC.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/preview/contentstack-live-preview-HOC.ts"],"sourcesContent":["import { cloneDeep, isEmpty, pick } from \"lodash-es\";\nimport { v4 as uuidv4 } from \"uuid\";\nimport { getUserInitData } from \"../configManager/config.default\";\nimport Config, { updateConfigFromUrl } from \"../configManager/configManager\";\nimport LivePreview from \"../livePreview/live-preview\";\nimport { handlePageTraversal } from \"../livePreview/onPageTraversal\";\nimport { removeFromOnChangeSubscribers } from \"../livePreview/removeFromOnChangeSubscribers\";\nimport {\n OnEntryChangeCallback,\n OnEntryChangeCallbackSubscribers,\n OnEntryChangeCallbackUID,\n OnEntryChangeConfig,\n OnEntryChangeUnsubscribeParameters,\n} from \"../livePreview/types/onEntryChangeCallback.type\";\nimport { PublicLogger } from \"../logger/logger\";\nimport { handleWebCompare } from \"../timeline/compare/compare\";\nimport type { IExportedConfig, IInitData } from \"../types/types\";\nimport { VisualBuilder } from \"../visualBuilder\";\n\nclass ContentstackLivePreview {\n private static previewConstructors:\n \| {\n livePreview: LivePreview;\n visualBuilder: VisualBuilder;\n }\n \| Record<string, never> = {};\n\n /*\n The subscribers for the onEntryChange event. We store them here when the SDK is not initialized.\n /\n private static onEntryChangeCallbacks: OnEntryChangeCallbackSubscribers =\n {};\n\n /\n Initializes the Live Preview SDK with the provided user configuration.\n * If the SDK is already initialized, subsequent calls to this method will return the existing SDK instance.\n * @param userConfig - The user configuration to initialize the SDK with. See {@link https://github.com/contentstack/live-preview-sdk/blob/main/docs/live-preview-configs.md#initconfig-iconfig\|Live preview User config} for more details.\n * @returns A promise that resolves to the constructors of the Live Preview SDK.\n /\n static init(\n userConfig: Partial<IInitData> = getUserInitData()\n ): Promise<typeof ContentstackLivePreview.previewConstructors> {\n if (typeof window === \"undefined\") {\n PublicLogger.warn(\"The SDK is not initialized in the browser.\");\n return Promise.resolve(ContentstackLivePreview.previewConstructors);\n }\n\n // handle user config\n Config.replace(userConfig);\n updateConfigFromUrl();\n\n if (ContentstackLivePreview.isInitialized()) {\n PublicLogger.warn(\n \"You have already initialized the Live Preview SDK. So, any subsequent initialization returns the existing SDK instance.\"\n );\n return Promise.resolve(ContentstackLivePreview.previewConstructors);\n } else {\n return ContentstackLivePreview.initializePreview();\n }\n }\n\n /\n It is the live preview hash.\n * This hash could be used when data is fetched manually.\n /\n static get hash(): string {\n if (!ContentstackLivePreview.isInitialized()) {\n updateConfigFromUrl(); // check if we could extract from the URL\n }\n return Config.get().hash;\n }\n\n static get config(): IExportedConfig {\n if (!ContentstackLivePreview.isInitialized()) {\n updateConfigFromUrl(); // check if we could extract from the URL\n }\n const config = Config.get();\n const clonedConfig = cloneDeep(config);\n const configToShare = pick(clonedConfig, [\n 'ssr',\n 'enable',\n 'cleanCslpOnProduction',\n 'stackDetails',\n 'clientUrlParams',\n 'windowType',\n 'hash',\n 'editButton',\n 'mode',\n ]);\n return configToShare;\n }\n\n private static isInitialized(): boolean {\n return !isEmpty(ContentstackLivePreview.previewConstructors);\n }\n\n private static initializePreview() {\n ContentstackLivePreview.previewConstructors = {\n livePreview: new LivePreview(),\n visualBuilder: new VisualBuilder(),\n };\n\n // set up onEntryChange callbacks added when the SDK was not initialized\n const livePreview =\n ContentstackLivePreview.previewConstructors.livePreview;\n Object.entries(ContentstackLivePreview.onEntryChangeCallbacks).forEach(\n ([callbackUid, callback]) => {\n livePreview.subscribeToOnEntryChange(callback, callbackUid);\n }\n );\n\n ContentstackLivePreview.onEntryChangeCallbacks = {};\n\n handlePageTraversal();\n handleWebCompare();\n\n return Promise.resolve(ContentstackLivePreview.previewConstructors);\n }\n\n /\n Registers a callback function to be called when an entry changes.\n * @param onChangeCallback The callback function to be called when an entry changes.\n * @param config Optional configuration for the callback.\n * @param config.skipInitialRender If true, the callback will not be called when it is first registered.\n * @returns A unique identifier for the registered callback.\n \n @example\n * ```js\n * const callbackUid = ContentstackLivePreview.onEntryChange(() => {\n * console.log(\"Entry changed\");\n * });\n \n // Unsubscribe the callback\n * ContentstackLivePreview.unsubscribeOnEntryChange(callbackUid);\n * ```\n /\n static onEntryChange(\n onChangeCallback: OnEntryChangeCallback,\n config: OnEntryChangeConfig = {}\n ): OnEntryChangeCallbackUID {\n const { skipInitialRender = false } = config;\n\n const callbackUid = uuidv4();\n\n if (ContentstackLivePreview.isInitialized()) {\n ContentstackLivePreview.previewConstructors.livePreview.subscribeToOnEntryChange(\n onChangeCallback,\n callbackUid\n );\n } else {\n ContentstackLivePreview.onEntryChangeCallbacks[callbackUid] =\n onChangeCallback;\n }\n\n if (!skipInitialRender) {\n onChangeCallback();\n }\n\n return callbackUid;\n }\n\n /\n Registers a callback function to be called when there is a change in the entry being edited in live preview mode. The difference between this and `onEntryChange` is that this callback will not be called when it is first registered.\n * @param onChangeCallback The callback function to be called when there is a change in the entry.\n * @returns A unique identifier for the registered callback.\n \n @example\n * ```js\n * const callbackUid = ContentstackLivePreview.onLiveEdit(() => {\n * console.log(\"Entry changed\");\n * });\n \n // Unsubscribe the callback\n * ContentstackLivePreview.unsubscribeOnEntryChange(callbackUid);\n * ```\n \n /\n static onLiveEdit(\n onChangeCallback: OnEntryChangeCallback\n ): OnEntryChangeCallbackUID {\n return ContentstackLivePreview.onEntryChange(onChangeCallback, {\n skipInitialRender: true,\n });\n }\n\n /*\n Unsubscribes from the entry change event.\n * @param callback - The callback function to be unsubscribed.\n \n @example\n * ```js\n * // unsubscribing using the Callback UID\n * const callbackUid = ContentstackLivePreview.onEntryChange(() => {\n * console.log(\"Entry changed\");\n * });\n \n // Unsubscribe the callback\n * ContentstackLivePreview.unsubscribeOnEntryChange(callbackUid);\n * ```\n \n @example\n * ```js\n * // unsubscribing using the callback function\n * const callback = () => {console.log(\"Entry changed\")};\n * ContentstackLivePreview.onEntryChange(callback);\n \n // Unsubscribe the callback\n * ContentstackLivePreview.unsubscribeOnEntryChange(callback);\n * ```\n \n @example\n * ```js\n * // The same is applicable to onLiveEdit\n * const callbackUid = ContentstackLivePreview.onLiveEdit(() => {\n * console.log(\"Entry changed\");\n * });\n \n // Unsubscribe the callback\n * ContentstackLivePreview.unsubscribeOnEntryChange(callbackUid);\n * ```\n \n \n /\n static unsubscribeOnEntryChange(\n callback: OnEntryChangeUnsubscribeParameters\n ): void {\n if (!ContentstackLivePreview.isInitialized()) {\n removeFromOnChangeSubscribers(\n ContentstackLivePreview.onEntryChangeCallbacks,\n callback\n );\n return;\n }\n ContentstackLivePreview.previewConstructors.livePreview.unsubscribeOnEntryChange(\n callback\n );\n }\n\n /\n Retrieves the version of the SDK.\n * @returns The version of the SDK as a string.\n */\n static getSdkVersion(): string {\n return process?.env?.PACKAGE_VERSION!;\n }\n}\n\nexport default ContentstackLivePreview;"],"mappings":"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","names":[]}
1	+ {"version":3,"sources":["../../../src/preview/contentstack-live-preview-HOC.ts"],"sourcesContent":["import { cloneDeep, isEmpty, pick } from \"lodash-es\";\nimport { v4 as uuidv4 } from \"uuid\";\nimport { getUserInitData } from \"../configManager/config.default\";\nimport Config, { updateConfigFromUrl } from \"../configManager/configManager\";\nimport LivePreview from \"../livePreview/live-preview\";\nimport { handlePageTraversal } from \"../livePreview/onPageTraversal\";\nimport { removeFromOnChangeSubscribers } from \"../livePreview/removeFromOnChangeSubscribers\";\nimport {\n OnEntryChangeCallback,\n OnEntryChangeCallbackSubscribers,\n OnEntryChangeCallbackUID,\n OnEntryChangeConfig,\n OnEntryChangeUnsubscribeParameters,\n} from \"../livePreview/types/onEntryChangeCallback.type\";\nimport { PublicLogger } from \"../logger/logger\";\nimport { handleWebCompare } from \"../timeline/compare/compare\";\nimport type { IExportedConfig, IInitData } from \"../types/types\";\nimport { VisualBuilder } from \"../visualBuilder\";\n\nclass ContentstackLivePreview {\n private static previewConstructors:\n \| {\n livePreview: LivePreview;\n visualBuilder: VisualBuilder;\n }\n \| Record<string, never> = {};\n\n /*\n The subscribers for the onEntryChange event. We store them here when the SDK is not initialized.\n /\n private static onEntryChangeCallbacks: OnEntryChangeCallbackSubscribers =\n {};\n\n /\n Initializes the Live Preview SDK with the provided user configuration.\n * If the SDK is already initialized, subsequent calls to this method will return the existing SDK instance.\n * @param userConfig - The user configuration to initialize the SDK with. See {@link https://github.com/contentstack/live-preview-sdk/blob/main/docs/live-preview-configs.md#initconfig-iconfig\|Live preview User config} for more details.\n * @returns A promise that resolves to the constructors of the Live Preview SDK.\n /\n static init(\n userConfig: Partial<IInitData> = getUserInitData()\n ): Promise<typeof ContentstackLivePreview.previewConstructors> {\n if (typeof window === \"undefined\") {\n PublicLogger.warn(\"The SDK is not initialized in the browser.\");\n return Promise.resolve(ContentstackLivePreview.previewConstructors);\n }\n\n // handle user config\n Config.replace(userConfig);\n updateConfigFromUrl();\n\n if (ContentstackLivePreview.isInitialized()) {\n PublicLogger.warn(\n \"You have already initialized the Live Preview SDK. So, any subsequent initialization returns the existing SDK instance.\"\n );\n return Promise.resolve(ContentstackLivePreview.previewConstructors);\n } else {\n return ContentstackLivePreview.initializePreview();\n }\n }\n\n /\n It is the live preview hash.\n * This hash could be used when data is fetched manually.\n /\n static get hash(): string {\n if (!ContentstackLivePreview.isInitialized()) {\n updateConfigFromUrl(); // check if we could extract from the URL\n }\n return Config.get().hash;\n }\n\n static get config(): IExportedConfig {\n if (!ContentstackLivePreview.isInitialized()) {\n updateConfigFromUrl(); // check if we could extract from the URL\n }\n const config = Config.get();\n const clonedConfig = cloneDeep(config);\n const configToShare = pick(clonedConfig, [\n 'ssr',\n 'enable',\n 'cleanCslpOnProduction',\n 'stackDetails',\n 'clientUrlParams',\n 'windowType',\n 'hash',\n 'editButton',\n 'mode',\n ]);\n return configToShare;\n }\n\n private static isInitialized(): boolean {\n return !isEmpty(ContentstackLivePreview.previewConstructors);\n }\n\n private static initializePreview() {\n ContentstackLivePreview.previewConstructors = {\n livePreview: new LivePreview(),\n visualBuilder: new VisualBuilder(),\n };\n\n // set up onEntryChange callbacks added when the SDK was not initialized\n const livePreview =\n ContentstackLivePreview.previewConstructors.livePreview;\n Object.entries(ContentstackLivePreview.onEntryChangeCallbacks).forEach(\n ([callbackUid, callback]) => {\n livePreview.subscribeToOnEntryChange(callback, callbackUid);\n }\n );\n\n ContentstackLivePreview.onEntryChangeCallbacks = {};\n\n handlePageTraversal();\n handleWebCompare();\n\n return Promise.resolve(ContentstackLivePreview.previewConstructors);\n }\n\n /\n Registers a callback function to be called when an entry changes.\n * @param onChangeCallback The callback function to be called when an entry changes.\n * @param config Optional configuration for the callback.\n * @param config.skipInitialRender If true, the callback will not be called when it is first registered.\n * @returns A unique identifier for the registered callback.\n \n @example\n * ```js\n * const callbackUid = ContentstackLivePreview.onEntryChange(() => {\n * console.log(\"Entry changed\");\n * });\n \n // Unsubscribe the callback\n * ContentstackLivePreview.unsubscribeOnEntryChange(callbackUid);\n * ```\n /\n static onEntryChange(\n onChangeCallback: OnEntryChangeCallback,\n config: OnEntryChangeConfig = {}\n ): OnEntryChangeCallbackUID {\n const { skipInitialRender = false } = config;\n\n const callbackUid = uuidv4();\n\n if (ContentstackLivePreview.isInitialized()) {\n ContentstackLivePreview.previewConstructors.livePreview.subscribeToOnEntryChange(\n onChangeCallback,\n callbackUid\n );\n } else {\n ContentstackLivePreview.onEntryChangeCallbacks[callbackUid] =\n onChangeCallback;\n }\n\n const searchParams =\n typeof window !== \"undefined\"\n ? new URLSearchParams(window.location.search)\n : null;\n const hasLivePreviewHash =\n searchParams && searchParams.has(\"live_preview\");\n const isBuilder = searchParams && searchParams.has(\"builder\");\n const shouldCallCallback = hasLivePreviewHash && isBuilder;\n // calling onChangeCallback when live_preview search parameter\n // is present because we don't send the initial client-data-send\n // message in visual builder\n if (!skipInitialRender \|\| shouldCallCallback) {\n onChangeCallback();\n }\n\n return callbackUid;\n }\n\n /\n Registers a callback function to be called when there is a change in the entry being edited in live preview mode. The difference between this and `onEntryChange` is that this callback will not be called when it is first registered.\n * @param onChangeCallback The callback function to be called when there is a change in the entry.\n * @returns A unique identifier for the registered callback.\n \n @example\n * ```js\n * const callbackUid = ContentstackLivePreview.onLiveEdit(() => {\n * console.log(\"Entry changed\");\n * });\n \n // Unsubscribe the callback\n * ContentstackLivePreview.unsubscribeOnEntryChange(callbackUid);\n * ```\n \n /\n static onLiveEdit(\n onChangeCallback: OnEntryChangeCallback\n ): OnEntryChangeCallbackUID {\n return ContentstackLivePreview.onEntryChange(onChangeCallback, {\n skipInitialRender: true,\n });\n }\n\n /*\n Unsubscribes from the entry change event.\n * @param callback - The callback function to be unsubscribed.\n \n @example\n * ```js\n * // unsubscribing using the Callback UID\n * const callbackUid = ContentstackLivePreview.onEntryChange(() => {\n * console.log(\"Entry changed\");\n * });\n \n // Unsubscribe the callback\n * ContentstackLivePreview.unsubscribeOnEntryChange(callbackUid);\n * ```\n \n @example\n * ```js\n * // unsubscribing using the callback function\n * const callback = () => {console.log(\"Entry changed\")};\n * ContentstackLivePreview.onEntryChange(callback);\n \n // Unsubscribe the callback\n * ContentstackLivePreview.unsubscribeOnEntryChange(callback);\n * ```\n \n @example\n * ```js\n * // The same is applicable to onLiveEdit\n * const callbackUid = ContentstackLivePreview.onLiveEdit(() => {\n * console.log(\"Entry changed\");\n * });\n \n // Unsubscribe the callback\n * ContentstackLivePreview.unsubscribeOnEntryChange(callbackUid);\n * ```\n \n \n /\n static unsubscribeOnEntryChange(\n callback: OnEntryChangeUnsubscribeParameters\n ): void {\n if (!ContentstackLivePreview.isInitialized()) {\n removeFromOnChangeSubscribers(\n ContentstackLivePreview.onEntryChangeCallbacks,\n callback\n );\n return;\n }\n ContentstackLivePreview.previewConstructors.livePreview.unsubscribeOnEntryChange(\n callback\n );\n }\n\n /\n Retrieves the version of the SDK.\n * @returns The version of the SDK as a string.\n */\n static getSdkVersion(): string {\n return process?.env?.PACKAGE_VERSION!;\n }\n}\n\nexport default ContentstackLivePreview;"],"mappings":"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","names":[]}

package/dist/legacy/types/types.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/types/types.ts"],"sourcesContent":["import {~~\n IInviteMetadata,\n IThreadDTO,\n~~} from \"../visualBuilder/types/collab.types\";\nexport declare interface IEditEntrySearchParams {\n hash?: string;\n entry_uid?: string;\n content_type_uid?: string;\n /*\n @deprecated pass this value as hash instead\n /\n live_preview?: string;\n}\n\nexport declare interface IClientUrlParams {\n protocol: \"http\" \| \"https\";\n host: string;\n port: string \| number;\n url: string;\n}\n\nexport declare interface IStackSdk {\n live_preview: { [key: string]: any } & Partial<IConfig>;\n [key: string]: any;\n environment: string;\n}\n\nexport declare interface IStackDetails {\n apiKey: string;\n environment: string;\n contentTypeUid: string;\n entryUid: string;\n branch: string;\n /\n This locale is currently used by the visual builder to\n * redirect to the correct locale if the no data-cslp tag\n * is present in the HTML to extract the locale.\n /\n locale: string;\n masterLocale: string;\n}\n\nexport declare interface IInitStackDetails {\n apiKey: string;\n environment: string;\n branch: string;\n /\n This locale is currently used by the visual builder to\n * redirect to the correct locale if the no data-cslp tag\n * is present in the HTML to extract the locale.\n /\n locale: string;\n}\n\nexport declare type ILivePreviewMode = \"builder\" \| \"preview\";\n\n//? We kept it as number so that we could disable only the unrequired features,\n//? since the \"Builder\" mode will contain all the features of the \"Preview\" mode.\nexport enum ILivePreviewModeConfig {\n PREVIEW = 1,\n BUILDER = 2,\n}\n\nexport enum ILivePreviewWindowType {\n PREVIEW = \"preview\",\n PREVIEW_SHARE = \"preview-share\",\n BUILDER = \"builder\",\n INDEPENDENT = \"independent\",\n}\n\nexport declare interface IConfig {\n ssr: boolean;\n enable: boolean;\n /\n @default false\n /\n debug: boolean;\n cleanCslpOnProduction: boolean;\n stackDetails: IStackDetails;\n clientUrlParams: IClientUrlParams;\n stackSdk: IStackSdk;\n onChange: () => void;\n runScriptsOnUpdate: boolean;\n windowType: ILivePreviewWindowType;\n hash: string;\n editButton: IConfigEditButton;\n mode: ILivePreviewModeConfig;\n elements: {\n highlightedElement: HTMLElement \| null;\n };\n collab: {\n enable: boolean;\n ~~fromShare:~~ ~~boolean;\~~n ~~pauseFeedback:~~ ~~boolean;\~~n ~~isFeedbackMode:~~ ~~boolean;\~~n ~~inviteMetadata:~~ ~~IInviteMetadata;\~~n };\n}\n\nexport declare interface IConfigEditButton {\n enable: boolean;\n exclude?: (\"insideLivePreviewPortal\" \| \"outsideLivePreviewPortal\")[];\n includeByQueryParameter?: boolean;\n position?:\n \| \"top\"\n \| \"bottom\"\n \| \"left\"\n \| \"right\"\n \| \"top-left\"\n \| \"top-right\"\n \| \"top-center\"\n \| \"bottom-left\"\n \| \"bottom-right\"\n \| \"bottom-center\";\n}\n\nexport declare interface IInitData {\n ssr: boolean;\n runScriptsOnUpdate: boolean;\n enable: boolean;\n /\n @default false\n */\n debug: boolean;\n cleanCslpOnProduction: boolean;\n stackDetails: Partial<IInitStackDetails>;\n clientUrlParams: Partial<Omit<IClientUrlParams, \"url\">>;\n stackSdk: IStackSdk;\n editButton: IConfigEditButton;\n mode: ILivePreviewMode;\n}\n\n// type PickPartial<T, K extends keyof T> = Partial<Pick<T, K>> & Omit<T, K>;\n\n// export type IInitData =\n// \| {\n// ssr?: true;\n// stackSdk?: IStackSdk;\n// runScriptsOnUpdate?: boolean;\n// enable?: boolean;\n// cleanCslpOnProduction?: boolean;\n// stackDetails?: Partial<IInitStackDetails>;\n// clientUrlParams?: Partial<Omit<IClientUrlParams, \"url\">>;\n// editButton?: IConfigEditButton;\n// mode?: \"preview\";\n// }\n// \| {\n// ssr?: true;\n// stackSdk?: IStackSdk;\n// runScriptsOnUpdate?: boolean;\n// enable?: boolean;\n// cleanCslpOnProduction?: boolean;\n// stackDetails: PickPartial<IInitStackDetails, \"branch\">;\n// clientUrlParams: PickPartial<\n// Omit<IClientUrlParams, \"url\">,\n// \"port\" \| \"protocol\"\n// >;\n// editButton?: IConfigEditButton;\n// mode: \"builder\";\n// }\n// \| {\n// ssr: false;\n// runScriptsOnUpdate?: boolean;\n// enable?: boolean;\n// cleanCslpOnProduction?: boolean;\n// stackDetails?: Partial<IInitStackDetails>;\n// clientUrlParams?: Partial<Omit<IClientUrlParams, \"url\">>;\n// stackSdk: IStackSdk;\n// editButton?: IConfigEditButton;\n// mode?: \"preview\";\n// }\n// \| {\n// ssr: false;\n// runScriptsOnUpdate?: boolean;\n// enable?: boolean;\n// cleanCslpOnProduction?: boolean;\n// stackDetails: PickPartial<IInitStackDetails, \"branch\">;\n// clientUrlParams: PickPartial<\n// Omit<IClientUrlParams, \"url\">,\n// \"port\" \| \"protocol\"\n// >;\n// stackSdk: IStackSdk;\n// editButton?: IConfigEditButton;\n// mode: \"builder\";\n// };\n\n// Post message types\n\nexport declare interface ILivePreviewMessageCommon {\n from: \"live-preview\";\n}\n\nexport declare interface IEditButtonPosition {\n upperBoundOfTooltip: number;\n leftBoundOfTooltip: number;\n}\n\n// end of Post message types\n\nexport interface IVisualBuilderInitEvent {\n windowType: ILivePreviewWindowType;\n stackDetails: {\n masterLocale: string;\n };\n collab?: {\~~n enable: boolean;\n isFeedbackMode: boolean;\n inviteMetadata: IInviteMetadata;\n payload: IThreadDTO[~~];\n }~~;\n}~~\n\nexport type IExportedConfig = Pick<\n IConfig,\n \| \"ssr\"\n \| \"enable\"\n \| \"cleanCslpOnProduction\"\n \| \"stackDetails\"\n \| \"clientUrlParams\"\n \| \"windowType\"\n \| \"hash\"\n \| \"editButton\"\n \| \"mode\"\n>;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;~~AA0DO~~,IAAK,yBAAL,kBAAKA,4BAAL;AACH,EAAAA,gDAAA,aAAU,KAAV;AACA,EAAAA,gDAAA,aAAU,KAAV;AAFQ,SAAAA;AAAA,GAAA;AAKL,IAAK,yBAAL,kBAAKC,4BAAL;AACH,EAAAA,wBAAA,aAAU;AACV,EAAAA,wBAAA,mBAAgB;AAChB,EAAAA,wBAAA,aAAU;AACV,EAAAA,wBAAA,iBAAc;AAJN,SAAAA;AAAA,GAAA;","names":["ILivePreviewModeConfig","ILivePreviewWindowType"]}
1	+ {"version":3,"sources":["../../../src/types/types.ts"],"sourcesContent":["import { ICollabConfig } from \"../visualBuilder/types/collab.types\";\nexport declare interface IEditEntrySearchParams {\n hash?: string;\n entry_uid?: string;\n content_type_uid?: string;\n /*\n @deprecated pass this value as hash instead\n /\n live_preview?: string;\n}\n\nexport declare interface IClientUrlParams {\n protocol: \"http\" \| \"https\";\n host: string;\n port: string \| number;\n url: string;\n}\n\nexport declare interface IStackSdk {\n live_preview: { [key: string]: any } & Partial<IConfig>;\n [key: string]: any;\n environment: string;\n}\n\nexport declare interface IStackDetails {\n apiKey: string;\n environment: string;\n contentTypeUid: string;\n entryUid: string;\n branch: string;\n /\n This locale is currently used by the visual builder to\n * redirect to the correct locale if the no data-cslp tag\n * is present in the HTML to extract the locale.\n /\n locale: string;\n masterLocale: string;\n}\n\nexport declare interface IInitStackDetails {\n apiKey: string;\n environment: string;\n branch: string;\n /\n This locale is currently used by the visual builder to\n * redirect to the correct locale if the no data-cslp tag\n * is present in the HTML to extract the locale.\n /\n locale: string;\n}\n\nexport declare type ILivePreviewMode = \"builder\" \| \"preview\";\n\n//? We kept it as number so that we could disable only the unrequired features,\n//? since the \"Builder\" mode will contain all the features of the \"Preview\" mode.\nexport enum ILivePreviewModeConfig {\n PREVIEW = 1,\n BUILDER = 2,\n}\n\nexport enum ILivePreviewWindowType {\n PREVIEW = \"preview\",\n PREVIEW_SHARE = \"preview-share\",\n BUILDER = \"builder\",\n INDEPENDENT = \"independent\",\n}\n\nexport declare interface IConfig {\n ssr: boolean;\n enable: boolean;\n /\n @default false\n /\n debug: boolean;\n cleanCslpOnProduction: boolean;\n stackDetails: IStackDetails;\n clientUrlParams: IClientUrlParams;\n stackSdk: IStackSdk;\n onChange: () => void;\n runScriptsOnUpdate: boolean;\n windowType: ILivePreviewWindowType;\n hash: string;\n editButton: IConfigEditButton;\n editInVisualBuilderButton: IConfigEditInVisualBuilderButton;\n mode: ILivePreviewModeConfig;\n elements: {\n highlightedElement: HTMLElement \| null;\n };\n collab: ICollabConfig[\"collab\"];\n}\n\n\nexport declare interface IConfigEditInVisualBuilderButton {\n enable: boolean;\n position?:\n \| \"top-left\"\n \| \"top-right\"\n \| \"bottom-left\"\n \| \"bottom-right\"\n}\n\n\nexport declare interface IConfigEditButton {\n enable: boolean;\n exclude?: (\"insideLivePreviewPortal\" \| \"outsideLivePreviewPortal\")[];\n includeByQueryParameter?: boolean;\n position?:\n \| \"top\"\n \| \"bottom\"\n \| \"left\"\n \| \"right\"\n \| \"top-left\"\n \| \"top-right\"\n \| \"top-center\"\n \| \"bottom-left\"\n \| \"bottom-right\"\n \| \"bottom-center\";\n}\n\nexport declare interface IInitData {\n ssr: boolean;\n runScriptsOnUpdate: boolean;\n enable: boolean;\n /\n @default false\n */\n debug: boolean;\n cleanCslpOnProduction: boolean;\n stackDetails: Partial<IInitStackDetails>;\n clientUrlParams: Partial<Omit<IClientUrlParams, \"url\">>;\n stackSdk: IStackSdk;\n editButton: IConfigEditButton;\n editInVisualBuilderButton: IConfigEditInVisualBuilderButton;\n mode: ILivePreviewMode;\n}\n\n// type PickPartial<T, K extends keyof T> = Partial<Pick<T, K>> & Omit<T, K>;\n\n// export type IInitData =\n// \| {\n// ssr?: true;\n// stackSdk?: IStackSdk;\n// runScriptsOnUpdate?: boolean;\n// enable?: boolean;\n// cleanCslpOnProduction?: boolean;\n// stackDetails?: Partial<IInitStackDetails>;\n// clientUrlParams?: Partial<Omit<IClientUrlParams, \"url\">>;\n// editButton?: IConfigEditButton;\n// mode?: \"preview\";\n// }\n// \| {\n// ssr?: true;\n// stackSdk?: IStackSdk;\n// runScriptsOnUpdate?: boolean;\n// enable?: boolean;\n// cleanCslpOnProduction?: boolean;\n// stackDetails: PickPartial<IInitStackDetails, \"branch\">;\n// clientUrlParams: PickPartial<\n// Omit<IClientUrlParams, \"url\">,\n// \"port\" \| \"protocol\"\n// >;\n// editButton?: IConfigEditButton;\n// mode: \"builder\";\n// }\n// \| {\n// ssr: false;\n// runScriptsOnUpdate?: boolean;\n// enable?: boolean;\n// cleanCslpOnProduction?: boolean;\n// stackDetails?: Partial<IInitStackDetails>;\n// clientUrlParams?: Partial<Omit<IClientUrlParams, \"url\">>;\n// stackSdk: IStackSdk;\n// editButton?: IConfigEditButton;\n// mode?: \"preview\";\n// }\n// \| {\n// ssr: false;\n// runScriptsOnUpdate?: boolean;\n// enable?: boolean;\n// cleanCslpOnProduction?: boolean;\n// stackDetails: PickPartial<IInitStackDetails, \"branch\">;\n// clientUrlParams: PickPartial<\n// Omit<IClientUrlParams, \"url\">,\n// \"port\" \| \"protocol\"\n// >;\n// stackSdk: IStackSdk;\n// editButton?: IConfigEditButton;\n// mode: \"builder\";\n// };\n\n// Post message types\n\nexport declare interface ILivePreviewMessageCommon {\n from: \"live-preview\";\n}\n\nexport declare interface IEditButtonPosition {\n upperBoundOfTooltip: number;\n leftBoundOfTooltip: number;\n}\n\n// end of Post message types\n\nexport interface IVisualBuilderInitEvent {\n windowType: ILivePreviewWindowType;\n stackDetails: {\n masterLocale: string;\n };\n collab?: ICollabConfig[\"collab\"];\n}\n\nexport type IExportedConfig = Pick<\n IConfig,\n \| \"ssr\"\n \| \"enable\"\n \| \"cleanCslpOnProduction\"\n \| \"stackDetails\"\n \| \"clientUrlParams\"\n \| \"windowType\"\n \| \"hash\"\n \| \"editButton\"\n \| \"mode\"\n>;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAuDO,IAAK,yBAAL,kBAAKA,4BAAL;AACH,EAAAA,gDAAA,aAAU,KAAV;AACA,EAAAA,gDAAA,aAAU,KAAV;AAFQ,SAAAA;AAAA,GAAA;AAKL,IAAK,yBAAL,kBAAKC,4BAAL;AACH,EAAAA,wBAAA,aAAU;AACV,EAAAA,wBAAA,mBAAgB;AAChB,EAAAA,wBAAA,aAAU;AACV,EAAAA,wBAAA,iBAAc;AAJN,SAAAA;AAAA,GAAA;","names":["ILivePreviewModeConfig","ILivePreviewWindowType"]}

package/dist/legacy/types/types.d.cts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { IInviteMetadata, IThreadDTO } from '../visualBuilder/types/collab.types.cjs';
+import { ICollabConfig } from '../visualBuilder/types/collab.types.cjs';
 declare interface IEditEntrySearchParams {
     hash?: string;
@@ -74,17 +74,16 @@ declare interface IConfig {
     windowType: ILivePreviewWindowType;
     hash: string;
     editButton: IConfigEditButton;
+    editInVisualBuilderButton: IConfigEditInVisualBuilderButton;
     mode: ILivePreviewModeConfig;
     elements: {
         highlightedElement: HTMLElement | null;
     };
-    collab: {
-        enable: boolean;
-        fromShare: boolean;
-        pauseFeedback: boolean;
-        isFeedbackMode: boolean;
-        inviteMetadata: IInviteMetadata;
-    };
+    collab: ICollabConfig["collab"];
+}
+declare interface IConfigEditInVisualBuilderButton {
+    enable: boolean;
+    position?: "top-left" | "top-right" | "bottom-left" | "bottom-right";
 }
 declare interface IConfigEditButton {
     enable: boolean;
@@ -105,6 +104,7 @@ declare interface IInitData {
     clientUrlParams: Partial<Omit<IClientUrlParams, "url">>;
     stackSdk: IStackSdk;
     editButton: IConfigEditButton;
+    editInVisualBuilderButton: IConfigEditInVisualBuilderButton;
     mode: ILivePreviewMode;
 }
 declare interface ILivePreviewMessageCommon {
@@ -119,13 +119,8 @@ interface IVisualBuilderInitEvent {
     stackDetails: {
         masterLocale: string;
     };
-    collab?: {
-        enable: boolean;
-        isFeedbackMode: boolean;
-        inviteMetadata: IInviteMetadata;
-        payload: IThreadDTO[];
-    };
+    collab?: ICollabConfig["collab"];
 }
 type IExportedConfig = Pick<IConfig, "ssr" | "enable" | "cleanCslpOnProduction" | "stackDetails" | "clientUrlParams" | "windowType" | "hash" | "editButton" | "mode">;
-export { type IClientUrlParams, type IConfig, type IConfigEditButton, type IEditButtonPosition, type IEditEntrySearchParams, type IExportedConfig, type IInitData, type IInitStackDetails, type ILivePreviewMessageCommon, type ILivePreviewMode, ILivePreviewModeConfig, ILivePreviewWindowType, type IStackDetails, type IStackSdk, type IVisualBuilderInitEvent };
+export { type IClientUrlParams, type IConfig, type IConfigEditButton, type IConfigEditInVisualBuilderButton, type IEditButtonPosition, type IEditEntrySearchParams, type IExportedConfig, type IInitData, type IInitStackDetails, type ILivePreviewMessageCommon, type ILivePreviewMode, ILivePreviewModeConfig, ILivePreviewWindowType, type IStackDetails, type IStackSdk, type IVisualBuilderInitEvent };

package/dist/legacy/types/types.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { IInviteMetadata, IThreadDTO } from '../visualBuilder/types/collab.types.js';
+import { ICollabConfig } from '../visualBuilder/types/collab.types.js';
 declare interface IEditEntrySearchParams {
     hash?: string;
@@ -74,17 +74,16 @@ declare interface IConfig {
     windowType: ILivePreviewWindowType;
     hash: string;
     editButton: IConfigEditButton;
+    editInVisualBuilderButton: IConfigEditInVisualBuilderButton;
     mode: ILivePreviewModeConfig;
     elements: {
         highlightedElement: HTMLElement | null;
     };
-    collab: {
-        enable: boolean;
-        fromShare: boolean;
-        pauseFeedback: boolean;
-        isFeedbackMode: boolean;
-        inviteMetadata: IInviteMetadata;
-    };
+    collab: ICollabConfig["collab"];
+}
+declare interface IConfigEditInVisualBuilderButton {
+    enable: boolean;
+    position?: "top-left" | "top-right" | "bottom-left" | "bottom-right";
 }
 declare interface IConfigEditButton {
     enable: boolean;
@@ -105,6 +104,7 @@ declare interface IInitData {
     clientUrlParams: Partial<Omit<IClientUrlParams, "url">>;
     stackSdk: IStackSdk;
     editButton: IConfigEditButton;
+    editInVisualBuilderButton: IConfigEditInVisualBuilderButton;
     mode: ILivePreviewMode;
 }
 declare interface ILivePreviewMessageCommon {
@@ -119,13 +119,8 @@ interface IVisualBuilderInitEvent {
     stackDetails: {
         masterLocale: string;
     };
-    collab?: {
-        enable: boolean;
-        isFeedbackMode: boolean;
-        inviteMetadata: IInviteMetadata;
-        payload: IThreadDTO[];
-    };
+    collab?: ICollabConfig["collab"];
 }
 type IExportedConfig = Pick<IConfig, "ssr" | "enable" | "cleanCslpOnProduction" | "stackDetails" | "clientUrlParams" | "windowType" | "hash" | "editButton" | "mode">;
-export { type IClientUrlParams, type IConfig, type IConfigEditButton, type IEditButtonPosition, type IEditEntrySearchParams, type IExportedConfig, type IInitData, type IInitStackDetails, type ILivePreviewMessageCommon, type ILivePreviewMode, ILivePreviewModeConfig, ILivePreviewWindowType, type IStackDetails, type IStackSdk, type IVisualBuilderInitEvent };
+export { type IClientUrlParams, type IConfig, type IConfigEditButton, type IConfigEditInVisualBuilderButton, type IEditButtonPosition, type IEditEntrySearchParams, type IExportedConfig, type IInitData, type IInitStackDetails, type ILivePreviewMessageCommon, type ILivePreviewMode, ILivePreviewModeConfig, ILivePreviewWindowType, type IStackDetails, type IStackSdk, type IVisualBuilderInitEvent };

package/dist/legacy/types/types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/types/types.ts"],"sourcesContent":["import {~~\n IInviteMetadata,\n IThreadDTO,\n~~} from \"../visualBuilder/types/collab.types\";\nexport declare interface IEditEntrySearchParams {\n hash?: string;\n entry_uid?: string;\n content_type_uid?: string;\n /*\n @deprecated pass this value as hash instead\n /\n live_preview?: string;\n}\n\nexport declare interface IClientUrlParams {\n protocol: \"http\" \| \"https\";\n host: string;\n port: string \| number;\n url: string;\n}\n\nexport declare interface IStackSdk {\n live_preview: { [key: string]: any } & Partial<IConfig>;\n [key: string]: any;\n environment: string;\n}\n\nexport declare interface IStackDetails {\n apiKey: string;\n environment: string;\n contentTypeUid: string;\n entryUid: string;\n branch: string;\n /\n This locale is currently used by the visual builder to\n * redirect to the correct locale if the no data-cslp tag\n * is present in the HTML to extract the locale.\n /\n locale: string;\n masterLocale: string;\n}\n\nexport declare interface IInitStackDetails {\n apiKey: string;\n environment: string;\n branch: string;\n /\n This locale is currently used by the visual builder to\n * redirect to the correct locale if the no data-cslp tag\n * is present in the HTML to extract the locale.\n /\n locale: string;\n}\n\nexport declare type ILivePreviewMode = \"builder\" \| \"preview\";\n\n//? We kept it as number so that we could disable only the unrequired features,\n//? since the \"Builder\" mode will contain all the features of the \"Preview\" mode.\nexport enum ILivePreviewModeConfig {\n PREVIEW = 1,\n BUILDER = 2,\n}\n\nexport enum ILivePreviewWindowType {\n PREVIEW = \"preview\",\n PREVIEW_SHARE = \"preview-share\",\n BUILDER = \"builder\",\n INDEPENDENT = \"independent\",\n}\n\nexport declare interface IConfig {\n ssr: boolean;\n enable: boolean;\n /\n @default false\n /\n debug: boolean;\n cleanCslpOnProduction: boolean;\n stackDetails: IStackDetails;\n clientUrlParams: IClientUrlParams;\n stackSdk: IStackSdk;\n onChange: () => void;\n runScriptsOnUpdate: boolean;\n windowType: ILivePreviewWindowType;\n hash: string;\n editButton: IConfigEditButton;\n mode: ILivePreviewModeConfig;\n elements: {\n highlightedElement: HTMLElement \| null;\n };\n collab: {\n enable: boolean;\n ~~fromShare:~~ ~~boolean;\~~n ~~pauseFeedback:~~ ~~boolean;\~~n ~~isFeedbackMode:~~ ~~boolean;\~~n ~~inviteMetadata:~~ ~~IInviteMetadata;\~~n };\n}\n\nexport declare interface IConfigEditButton {\n enable: boolean;\n exclude?: (\"insideLivePreviewPortal\" \| \"outsideLivePreviewPortal\")[];\n includeByQueryParameter?: boolean;\n position?:\n \| \"top\"\n \| \"bottom\"\n \| \"left\"\n \| \"right\"\n \| \"top-left\"\n \| \"top-right\"\n \| \"top-center\"\n \| \"bottom-left\"\n \| \"bottom-right\"\n \| \"bottom-center\";\n}\n\nexport declare interface IInitData {\n ssr: boolean;\n runScriptsOnUpdate: boolean;\n enable: boolean;\n /\n @default false\n */\n debug: boolean;\n cleanCslpOnProduction: boolean;\n stackDetails: Partial<IInitStackDetails>;\n clientUrlParams: Partial<Omit<IClientUrlParams, \"url\">>;\n stackSdk: IStackSdk;\n editButton: IConfigEditButton;\n mode: ILivePreviewMode;\n}\n\n// type PickPartial<T, K extends keyof T> = Partial<Pick<T, K>> & Omit<T, K>;\n\n// export type IInitData =\n// \| {\n// ssr?: true;\n// stackSdk?: IStackSdk;\n// runScriptsOnUpdate?: boolean;\n// enable?: boolean;\n// cleanCslpOnProduction?: boolean;\n// stackDetails?: Partial<IInitStackDetails>;\n// clientUrlParams?: Partial<Omit<IClientUrlParams, \"url\">>;\n// editButton?: IConfigEditButton;\n// mode?: \"preview\";\n// }\n// \| {\n// ssr?: true;\n// stackSdk?: IStackSdk;\n// runScriptsOnUpdate?: boolean;\n// enable?: boolean;\n// cleanCslpOnProduction?: boolean;\n// stackDetails: PickPartial<IInitStackDetails, \"branch\">;\n// clientUrlParams: PickPartial<\n// Omit<IClientUrlParams, \"url\">,\n// \"port\" \| \"protocol\"\n// >;\n// editButton?: IConfigEditButton;\n// mode: \"builder\";\n// }\n// \| {\n// ssr: false;\n// runScriptsOnUpdate?: boolean;\n// enable?: boolean;\n// cleanCslpOnProduction?: boolean;\n// stackDetails?: Partial<IInitStackDetails>;\n// clientUrlParams?: Partial<Omit<IClientUrlParams, \"url\">>;\n// stackSdk: IStackSdk;\n// editButton?: IConfigEditButton;\n// mode?: \"preview\";\n// }\n// \| {\n// ssr: false;\n// runScriptsOnUpdate?: boolean;\n// enable?: boolean;\n// cleanCslpOnProduction?: boolean;\n// stackDetails: PickPartial<IInitStackDetails, \"branch\">;\n// clientUrlParams: PickPartial<\n// Omit<IClientUrlParams, \"url\">,\n// \"port\" \| \"protocol\"\n// >;\n// stackSdk: IStackSdk;\n// editButton?: IConfigEditButton;\n// mode: \"builder\";\n// };\n\n// Post message types\n\nexport declare interface ILivePreviewMessageCommon {\n from: \"live-preview\";\n}\n\nexport declare interface IEditButtonPosition {\n upperBoundOfTooltip: number;\n leftBoundOfTooltip: number;\n}\n\n// end of Post message types\n\nexport interface IVisualBuilderInitEvent {\n windowType: ILivePreviewWindowType;\n stackDetails: {\n masterLocale: string;\n };\n collab?: {\~~n enable: boolean;\n isFeedbackMode: boolean;\n inviteMetadata: IInviteMetadata;\n payload: IThreadDTO[~~];\n }~~;\n}~~\n\nexport type IExportedConfig = Pick<\n IConfig,\n \| \"ssr\"\n \| \"enable\"\n \| \"cleanCslpOnProduction\"\n \| \"stackDetails\"\n \| \"clientUrlParams\"\n \| \"windowType\"\n \| \"hash\"\n \| \"editButton\"\n \| \"mode\"\n>;\n"],"mappings":";;;~~AA0DO~~,IAAK,yBAAL,kBAAKA,4BAAL;AACH,EAAAA,gDAAA,aAAU,KAAV;AACA,EAAAA,gDAAA,aAAU,KAAV;AAFQ,SAAAA;AAAA,GAAA;AAKL,IAAK,yBAAL,kBAAKC,4BAAL;AACH,EAAAA,wBAAA,aAAU;AACV,EAAAA,wBAAA,mBAAgB;AAChB,EAAAA,wBAAA,aAAU;AACV,EAAAA,wBAAA,iBAAc;AAJN,SAAAA;AAAA,GAAA;","names":["ILivePreviewModeConfig","ILivePreviewWindowType"]}
1	+ {"version":3,"sources":["../../../src/types/types.ts"],"sourcesContent":["import { ICollabConfig } from \"../visualBuilder/types/collab.types\";\nexport declare interface IEditEntrySearchParams {\n hash?: string;\n entry_uid?: string;\n content_type_uid?: string;\n /*\n @deprecated pass this value as hash instead\n /\n live_preview?: string;\n}\n\nexport declare interface IClientUrlParams {\n protocol: \"http\" \| \"https\";\n host: string;\n port: string \| number;\n url: string;\n}\n\nexport declare interface IStackSdk {\n live_preview: { [key: string]: any } & Partial<IConfig>;\n [key: string]: any;\n environment: string;\n}\n\nexport declare interface IStackDetails {\n apiKey: string;\n environment: string;\n contentTypeUid: string;\n entryUid: string;\n branch: string;\n /\n This locale is currently used by the visual builder to\n * redirect to the correct locale if the no data-cslp tag\n * is present in the HTML to extract the locale.\n /\n locale: string;\n masterLocale: string;\n}\n\nexport declare interface IInitStackDetails {\n apiKey: string;\n environment: string;\n branch: string;\n /\n This locale is currently used by the visual builder to\n * redirect to the correct locale if the no data-cslp tag\n * is present in the HTML to extract the locale.\n /\n locale: string;\n}\n\nexport declare type ILivePreviewMode = \"builder\" \| \"preview\";\n\n//? We kept it as number so that we could disable only the unrequired features,\n//? since the \"Builder\" mode will contain all the features of the \"Preview\" mode.\nexport enum ILivePreviewModeConfig {\n PREVIEW = 1,\n BUILDER = 2,\n}\n\nexport enum ILivePreviewWindowType {\n PREVIEW = \"preview\",\n PREVIEW_SHARE = \"preview-share\",\n BUILDER = \"builder\",\n INDEPENDENT = \"independent\",\n}\n\nexport declare interface IConfig {\n ssr: boolean;\n enable: boolean;\n /\n @default false\n /\n debug: boolean;\n cleanCslpOnProduction: boolean;\n stackDetails: IStackDetails;\n clientUrlParams: IClientUrlParams;\n stackSdk: IStackSdk;\n onChange: () => void;\n runScriptsOnUpdate: boolean;\n windowType: ILivePreviewWindowType;\n hash: string;\n editButton: IConfigEditButton;\n editInVisualBuilderButton: IConfigEditInVisualBuilderButton;\n mode: ILivePreviewModeConfig;\n elements: {\n highlightedElement: HTMLElement \| null;\n };\n collab: ICollabConfig[\"collab\"];\n}\n\n\nexport declare interface IConfigEditInVisualBuilderButton {\n enable: boolean;\n position?:\n \| \"top-left\"\n \| \"top-right\"\n \| \"bottom-left\"\n \| \"bottom-right\"\n}\n\n\nexport declare interface IConfigEditButton {\n enable: boolean;\n exclude?: (\"insideLivePreviewPortal\" \| \"outsideLivePreviewPortal\")[];\n includeByQueryParameter?: boolean;\n position?:\n \| \"top\"\n \| \"bottom\"\n \| \"left\"\n \| \"right\"\n \| \"top-left\"\n \| \"top-right\"\n \| \"top-center\"\n \| \"bottom-left\"\n \| \"bottom-right\"\n \| \"bottom-center\";\n}\n\nexport declare interface IInitData {\n ssr: boolean;\n runScriptsOnUpdate: boolean;\n enable: boolean;\n /\n @default false\n */\n debug: boolean;\n cleanCslpOnProduction: boolean;\n stackDetails: Partial<IInitStackDetails>;\n clientUrlParams: Partial<Omit<IClientUrlParams, \"url\">>;\n stackSdk: IStackSdk;\n editButton: IConfigEditButton;\n editInVisualBuilderButton: IConfigEditInVisualBuilderButton;\n mode: ILivePreviewMode;\n}\n\n// type PickPartial<T, K extends keyof T> = Partial<Pick<T, K>> & Omit<T, K>;\n\n// export type IInitData =\n// \| {\n// ssr?: true;\n// stackSdk?: IStackSdk;\n// runScriptsOnUpdate?: boolean;\n// enable?: boolean;\n// cleanCslpOnProduction?: boolean;\n// stackDetails?: Partial<IInitStackDetails>;\n// clientUrlParams?: Partial<Omit<IClientUrlParams, \"url\">>;\n// editButton?: IConfigEditButton;\n// mode?: \"preview\";\n// }\n// \| {\n// ssr?: true;\n// stackSdk?: IStackSdk;\n// runScriptsOnUpdate?: boolean;\n// enable?: boolean;\n// cleanCslpOnProduction?: boolean;\n// stackDetails: PickPartial<IInitStackDetails, \"branch\">;\n// clientUrlParams: PickPartial<\n// Omit<IClientUrlParams, \"url\">,\n// \"port\" \| \"protocol\"\n// >;\n// editButton?: IConfigEditButton;\n// mode: \"builder\";\n// }\n// \| {\n// ssr: false;\n// runScriptsOnUpdate?: boolean;\n// enable?: boolean;\n// cleanCslpOnProduction?: boolean;\n// stackDetails?: Partial<IInitStackDetails>;\n// clientUrlParams?: Partial<Omit<IClientUrlParams, \"url\">>;\n// stackSdk: IStackSdk;\n// editButton?: IConfigEditButton;\n// mode?: \"preview\";\n// }\n// \| {\n// ssr: false;\n// runScriptsOnUpdate?: boolean;\n// enable?: boolean;\n// cleanCslpOnProduction?: boolean;\n// stackDetails: PickPartial<IInitStackDetails, \"branch\">;\n// clientUrlParams: PickPartial<\n// Omit<IClientUrlParams, \"url\">,\n// \"port\" \| \"protocol\"\n// >;\n// stackSdk: IStackSdk;\n// editButton?: IConfigEditButton;\n// mode: \"builder\";\n// };\n\n// Post message types\n\nexport declare interface ILivePreviewMessageCommon {\n from: \"live-preview\";\n}\n\nexport declare interface IEditButtonPosition {\n upperBoundOfTooltip: number;\n leftBoundOfTooltip: number;\n}\n\n// end of Post message types\n\nexport interface IVisualBuilderInitEvent {\n windowType: ILivePreviewWindowType;\n stackDetails: {\n masterLocale: string;\n };\n collab?: ICollabConfig[\"collab\"];\n}\n\nexport type IExportedConfig = Pick<\n IConfig,\n \| \"ssr\"\n \| \"enable\"\n \| \"cleanCslpOnProduction\"\n \| \"stackDetails\"\n \| \"clientUrlParams\"\n \| \"windowType\"\n \| \"hash\"\n \| \"editButton\"\n \| \"mode\"\n>;\n"],"mappings":";;;AAuDO,IAAK,yBAAL,kBAAKA,4BAAL;AACH,EAAAA,gDAAA,aAAU,KAAV;AACA,EAAAA,gDAAA,aAAU,KAAV;AAFQ,SAAAA;AAAA,GAAA;AAKL,IAAK,yBAAL,kBAAKC,4BAAL;AACH,EAAAA,wBAAA,aAAU;AACV,EAAAA,wBAAA,mBAAgB;AAChB,EAAAA,wBAAA,aAAU;AACV,EAAAA,wBAAA,iBAAc;AAJN,SAAAA;AAAA,GAAA;","names":["ILivePreviewModeConfig","ILivePreviewWindowType"]}

package/dist/legacy/visualBuilder/collab.style.cjs CHANGED Viewed

@@ -34,6 +34,22 @@ var skeletonTileProgressSlide = import_goober.keyframes`
         opacity: 0.4;
     }
 `;
+var dotKeyframes = import_goober.keyframes`
+  0% {
+    opacity: 0.2;
+    transform: scale(0.8, 0.8);
+  }
+  50% {
+    opacity: 1;
+    transform: scale(1.2, 1.2);
+  }
+  100% {
+    opacity: 0;
+    transform: scale(1, 1);
+  }
+`;
 function collabStyles() {
   return {
     "collab-indicator": import_goober.css`
@@ -134,6 +150,54 @@ function collabStyles() {
                 }
             }
         `,
+    "collab-tooltip--top": import_goober.css`
+            &::before {
+                content: "";
+                position: absolute;
+                bottom: -5px;
+                left: 50%;
+                transform: translateX(-50%);
+                border-width: 5px 5px 0;
+                border-style: solid;
+                border-color: #767676 transparent transparent;
+            }
+        `,
+    "collab-tooltip--bottom": import_goober.css`
+            &::before {
+                content: "";
+                position: absolute;
+                top: -5px;
+                left: 50%;
+                transform: translateX(-50%);
+                border-width: 0 5px 5px;
+                border-style: solid;
+                border-color: transparent transparent #767676;
+            }
+        `,
+    "collab-tooltip--left": import_goober.css`
+            &::before {
+                content: "";
+                position: absolute;
+                right: -5px;
+                top: 50%;
+                transform: translateY(-50%);
+                border-width: 5px 0 5px 5px;
+                border-style: solid;
+                border-color: transparent transparent transparent #767676;
+            }
+        `,
+    "collab-tooltip--right": import_goober.css`
+            &::before {
+                content: "";
+                position: absolute;
+                left: -5px;
+                top: 50%;
+                transform: translateY(-50%);
+                border-width: 5px 5px 5px 0;
+                border-style: solid;
+                border-color: transparent #767676 transparent transparent;
+            }
+        `,
     "collab-icon": import_goober.css`
             height: 1.25rem;
             width: 1.25rem;
@@ -174,6 +238,60 @@ function collabStyles() {
             opacity: 0.4;
             pointer-events: auto;
         `,
+    "collab-button--loading": import_goober.css`
+            cursor: default;
+            pointer-events: none;
+        `,
+    "collab-button--loader": import_goober.css`
+            display: flex;
+            justify-content: center;
+            text-align: center;
+        `,
+    "collab-button--loader--wrapper": import_goober.css`
+            left: 50%;
+            position: absolute;
+            top: 50%;
+            -webkit-transform: translateX(-50%) translateY(-50%);
+            -moz-transform: translateX(-50%) translateY(-50%);
+        `,
+    "collab-button--loader--animation": import_goober.css`
+            animation: ${dotKeyframes} 1.5s infinite ease-in-out;
+            border-radius: 0.625rem;
+            display: inline-block;
+            height: 0.3125rem;
+            margin-right: 0.25rem;
+            width: 0.3125rem;
+            &:nth-child(2) {
+                animation-delay: 0.5s;
+            }
+            &:nth-child(3) {
+                animation-delay: 1s;
+                margin-right: 0;
+            }
+        `,
+    "collab-button--visible": import_goober.css`
+            visibility: visible;
+        `,
+    "collab-button--hidden": import_goober.css`
+            visibility: hidden;
+        `,
+    "collab-button--loading--color": {
+      primary: import_goober.css`
+                background-color: #f9f8ff !important;
+            `,
+      secondary: import_goober.css`
+                background-color: #6c5ce7 !important;
+            `,
+      tertiary: import_goober.css`
+                background-color: #6c5ce7 !important;
+            `,
+      destructive: import_goober.css`
+                background-color: #f9f8ff !important;
+            `
+    },
     "collab-button--type": {
       primary: import_goober.css`
                 background-color: #6c5ce7 !important;
@@ -293,9 +411,15 @@ function collabStyles() {
             color: #475161;
             width: 20.75rem;
         `,
+    "collab-thread--container": import_goober.css`
+            max-height: 23.125rem;
+            display: flex;
+            flex-direction: column;
+            overflow: hidden;
+        `,
     "collab-thread-header--wrapper": import_goober.css`
             height: 2.5rem;
-            padding: 0 0 0 0.625rem;
+            padding: 0.2rem 0.1rem 0rem 0.625rem;
         `,
     "collab-thread-header--container": import_goober.css`
             justify-content: space-between;
@@ -321,10 +445,15 @@ function collabStyles() {
             width: 100%;
             flex-direction: row-reverse;
             padding: 0 0.9375rem;
+            flex-shrink: 0;
         `,
     "collab-thread-body--wrapper": import_goober.css`
             border: solid #edf1f7;
             border-width: 0.0625rem 0;
+            flex: 1;
+            overflow: auto;
+            display: flex;
+            flex-direction: column;
         `,
     "collab-thread-input-indicator--wrapper": import_goober.css`
             padding: 0 0.5rem;
@@ -442,6 +571,7 @@ function collabStyles() {
             resize: vertical;
             border-radius: 4px;
             border: 0.0625rem solid #dde3ee;
+            line-height: 1.375rem;
             color: #222222;
             padding: 0.5rem 1rem;
             max-height: 6.25rem;

package/dist/legacy/visualBuilder/collab.style.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/visualBuilder/collab.style.ts"],"sourcesContent":["import { css, keyframes } from \"goober\";\n\nconst skeletonTileProgressSlide = keyframes`\n 0%, 100% {\n fill: #edf1f7;\n }\n 60% {\n opacity: 0.4;\n }\n`;\n\nexport function collabStyles() {\n return {\n \"collab-indicator\": css`\n width: 2.25rem;\n height: 2.25rem;\n background-color: gray;\n border-radius: 50% 50% 50% 0%;\n border: 2px solid white;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n `,\n \"collab-popup\": css`\n position: fixed;\n z-index: 1000;\n background: white;\n border-radius: 8px;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n border: 1px solid #e5e7eb;\n overflow: auto;\n `,\n \"collab-avatar\": css`\n background-color: #edf1f7;\n border: 1.5px solid #ffffff;\n border-radius: 50%;\n font-family: Inter;\n font-weight: 600;\n justify-content: center;\n position: relative;\n `,\n \"collab-avatar--single\": css`\n border: none;\n font-size: 0.6875rem;\n height: 2rem;\n width: 2rem;\n border-radius: 22.5rem;\n border: 0.125rem solid #dde3ee;\n background: #ffffff;\n position: relative;\n overflow: hidden;\n\n &:hover .collab-avatar__image {\n filter: grayscale(0);\n }\n `,\n \"collab-avatar__image\": css`\n filter: grayscale(1);\n transition: filter 300ms ease;\n border-radius: 50%;\n height: 0;\n left: 50%;\n min-width: 100%;\n position: absolute;\n top: 50%;\n transform: translate(-50%, -50%);\n width: 0;\n `,\n \"collab-avatar__link\": css`\n color: #475161;\n cursor: pointer;\n height: 100%;\n justify-content: center;\n overflow: hidden;\n text-decoration: none;\n text-transform: uppercase;\n transition:\n background-color 300ms ease,\n color 300ms ease;\n width: 100%;\n font-weight: 600;\n font-size: 0.75rem;\n `,\n \"collab-tooltip--wrapper\": css`\n position: relative;\n display: inline-block;\n `,\n \"collab-tooltip\": css`\n position: fixed;\n z-index: 2147483647 !important;\n padding: 8px 12px;\n font-size: 14px;\n color: #f7f9fc;\n background-color: #767676;\n border-radius: 4px;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n\n opacity: 0;\n animation: simpleFade 0.15s ease-in forwards;\n\n @keyframes simpleFade {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n }\n `,\n \"collab-icon\": css`\n height: 1.25rem;\n width: 1.25rem;\n cursor: pointer;\n `,\n \"collab-icon-wrapper\": css`\n padding: 0 0.5rem;\n `,\n \"collab-button--basestyle\": css`\n box-sizing: border-box;\n -moz-box-sizing: border-box;\n -webkit-box-sizing: border-box;\n background-color: transparent;\n border: 1px solid transparent;\n border-radius: 4px;\n cursor: pointer;\n font-family: Inter, sans-serif;\n font-size: 1rem;\n font-weight: 600;\n line-height: 1;\n min-height: 2rem;\n min-width: 2rem;\n padding: 0.5rem 1rem;\n position: relative;\n text-align: center;\n transition:\n color 0.15s ease-in-out,\n background-color 0.15s ease-in-out,\n border-color 0.15s ease-in-out,\n box-shadow 0.15s ease-in-out;\n vertical-align: middle;\n cursor: pointer;\n opacity: 1;\n pointer-events: auto;\n `,\n \"collab-button--disabled\": css`\n cursor: not-allowed;\n opacity: 0.4;\n pointer-events: auto;\n `,\n \"collab-button--type\": {\n primary: css`\n background-color: #6c5ce7 !important;\n color: #ffffff;\n &:hover {\n background-color: #5d50be !important;\n }\n &:focus {\n box-shadow: 0px 0px 0px 2px #ada4f4 !important;\n }\n &:active {\n background-color: #3e3871 !important;\n }\n `,\n secondary: css`\n background-color: #f9f8ff !important;\n border: 1px solid #6c5ce7 !important;\n color: #6c5ce7 !important;\n &:hover {\n border-color: #5d50be !important;\n color: #5d50be !important;\n }\n &:focus {\n box-shadow: 0px 0px 0px 2px #ada4f4 !important;\n }\n &:active {\n border-color: #3e3871 !important;\n color: #3e3871 !important;\n }\n `,\n tertiary: css`\n color: #6c5ce7 !important;\n &:hover {\n color: #5d50be !important;\n }\n &:focus {\n box-shadow: 0px 0px 0px 2px #ada4f4 !important;\n }\n `,\n destructive: css`\n background-color: #a31b00 !important;\n color: #ffffff !important;\n &:hover {\n background-color: #701300 !important;\n }\n &:focus {\n box-shadow: 0px 0px 0px 2px #ada4f4 !important;\n }\n `,\n },\n \"collab-button--size\": {\n large: css`\n font-size: 1rem;\n min-height: 2.5rem;\n max-height: 2.5rem;\n `,\n regular: css`\n margin-top: -1px;\n `,\n small: css`\n font-size: 0.875rem;\n min-height: 2rem;\n max-height: 2rem;\n padding: 0.3125rem 1rem;\n `,\n },\n \"collab-button--icon-allignment\": {\n left: css`\n svg:first-child {\n float: left;\n margin-left: 0;\n margin-right: 0.5rem;\n }\n `,\n right: css`\n svg:first-child {\n float: right;\n margin-left: 0.5rem;\n margin-right: 0;\n }\n `,\n both: css`\n svg:first-child {\n float: left;\n margin-right: 0.5rem;\n margin-left: 0;\n }\n svg:last-child {\n float: right;\n margin-left: 0.5rem;\n margin-right: 0;\n }\n `,\n },\n \"collab-button-group\": css`\n display: flex;\n & > button {\n margin-right: 1rem;\n &:last-child {\n margin-right: 0;\n }\n }\n `,\n \"collab-skeletonTileSvgClass\": css`\n & > g rect {\n animation: ${skeletonTileProgressSlide} 1.8s infinite;\n }\n `,\n \"collab-thread-body-comment--loader\": css`\n padding: 0.625rem;\n `,\n \"collab-thread--wrapper\": css`\n cursor: default;\n position: relative;\n padding: 0 !important;\n font-family: Inter;\n color: #475161;\n width: 20.75rem;\n `,\n \"collab-thread-header--wrapper\": css`\n height: 2.5rem;\n padding: 0 0 0 0.625rem;\n `,\n \"collab-thread-header--container\": css`\n justify-content: space-between;\n width: 100%;\n `,\n \"collab-thread-header--title\": css`\n font-weight: 600;\n font-size: 0.875rem;\n `,\n \"collab-thread-header--resolve\": css`\n border-radius: 6px !important;\n `,\n \"collab-thread-header--resolve--icon\": css`\n width: 1.25rem;\n height: 1.25rem;\n margin-right: 0.5rem !important;\n `,\n \"collab-thread-header--resolve--text\": css`\n font-size: 0.875rem;\n `,\n \"collab-thread-footer--wrapper\": css`\n height: 3.5rem;\n width: 100%;\n flex-direction: row-reverse;\n padding: 0 0.9375rem;\n `,\n \"collab-thread-body--wrapper\": css`\n border: solid #edf1f7;\n border-width: 0.0625rem 0;\n `,\n \"collab-thread-input-indicator--wrapper\": css`\n padding: 0 0.5rem;\n font-weight: 400;\n font-size: 0.875rem;\n line-height: 150%;\n letter-spacing: 0.01em;\n min-height: 1.3125rem !important;\n `,\n \"collab-thread-input-indicator--error\": css`\n width: 100%;\n margin-right: 0.5rem;\n color: #d62400;\n `,\n \"collab-thread-input-indicator--count\": css`\n color: #475161;\n `,\n \"collab-thread-comment--user-details\": css`\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n `,\n \"collab-thread-comment--user-details__text\": css`\n padding-left: 0.625rem;\n flex-grow: 1;\n min-width: 0;\n `,\n \"collab-thread-comment--user-name\": css`\n font-style: normal;\n font-weight: 600;\n font-size: 0.75rem;\n line-height: 150%;\n letter-spacing: 0.015rem;\n color: #475161;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n `,\n \"collab-thread-comment--list\": css`\n max-height: 10.9rem;\n display: flex;\n overflow: auto;\n flex-flow: column-reverse;\n `,\n \"collab-thread-comment-seperator\": css`\n width: 100%;\n height: 1.5rem;\n stroke-width: 0.0625rem;\n stroke: #dde3ee;\n `,\n \"collab-thread-comment--time-details\": css`\n font-weight: 400;\n font-size: 0.75rem;\n line-height: 150%;\n font-style: Inter;\n letter-spacing: 0.015rem;\n color: #6e6b86;\n `,\n \"collab-thread-comment--message\": css`\n font-weight: 400;\n font-size: 1rem;\n line-height: 1.5rem;\n color: #475161;\n word-break: break-all;\n width: calc(100% - 10px);\n min-height: 2.25rem;\n white-space: pre-wrap;\n\n b {\n color: #6c5ce7;\n font-weight: 400;\n }\n `,\n \"collab-thread-comment--wrapper\": css`\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 0.625rem;\n padding: 0.625rem;\n `,\n \"collab-thread-comment-action--wrapper\": css`\n margin-left: auto;\n display: flex;\n `,\n \"collab-thread-body--input--wrapper\": css`\n width: 100%;\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n grid-gap: 0.25rem;\n `,\n \"collab-thread-body--input\": css`\n position: relative;\n overflow-y: visible;\n `,\n \"collab-thread-body--input--textarea--wrapper\": css`\n width: 100%;\n transition: height 0.2s ease-in 0s;\n `,\n \"collab-thread-body--input--textarea\": css`\n display: block;\n width: 100%;\n position: relative;\n top: 0;\n left: 0;\n box-sizing: border-box;\n background-color: #ffffff;\n font-family: inherit;\n font-size: 1rem;\n letter-spacing: inherit;\n height: 100%;\n bottom: 0;\n overflow: auto;\n resize: vertical;\n border-radius: 4px;\n border: 0.0625rem solid #dde3ee;\n color: #222222;\n padding: 0.5rem 1rem;\n max-height: 6.25rem;\n min-height: 4.125rem;\n transition:\n border 0.2s ease,\n box-shadow 0.2s ease,\n background-color 0.2s ease;\n `,\n \"collab-thread-body--input--textarea--focus\": css`\n background-color: #ffffff !important;\n border: 0.0625rem solid #5d50be !important;\n box-shadow: 0 0 0 0.0625rem #5d50be !important;\n border-radius: 4px !important;\n outline: none;\n `,\n\n \"collab-thread-body--input--textarea--hover\": css`\n background-color: #edf1f7;\n border: 0.0625rem solid #5d50be !important;\n box-shadow: 0 0 0 0.0625rem #5d50be !important;\n `,\n \"collab-thread-body--input--textarea--suggestionsList\": css`\n list-style: none;\n padding-inline: unset;\n position: fixed;\n background-color: #ffffff;\n border: 1px solid #e2e8f0;\n border-radius: 8px;\n box-shadow:\n 0 4px 6px -1px rgba(0, 0, 0, 0.1),\n 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n max-height: 192px;\n overflow-y: auto;\n width: 256px;\n max-height: 160px;\n z-index: 50;\n animation: fadeIn 0.2s ease-in-out;\n\n @keyframes fadeIn {\n from {\n opacity: 0;\n transform: translateY(-4px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n `,\n \"collab-thread-body--input--textarea--suggestionsList--item\": css`\n width: 100%;\n padding: 8px 16px;\n text-align: left;\n border: none;\n background: none;\n cursor: pointer;\n font-size: 14px;\n transition: background-color 0.2s;\n\n &:hover {\n background-color: #f3f4f6;\n color: #5d50be;\n }\n `,\n \"collab-thread-body--input--textarea--suggestionsList--item-selected\": css`\n background-color: #f3f4f6;\n color: #5d50be;\n `,\n };\n}\n\nexport const flexCentered = css`\n display: flex;\n align-items: center;\n justify-content: center;\n`;\n\nexport const flexAlignCenter = css`\n display: flex;\n align-items: center;\n`;\n"],"mappings":"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","names":[]}
1	+ {"version":3,"sources":["../../../src/visualBuilder/collab.style.ts"],"sourcesContent":["import { css, keyframes } from \"goober\";\n\nconst skeletonTileProgressSlide = keyframes`\n 0%, 100% {\n fill: #edf1f7;\n }\n 60% {\n opacity: 0.4;\n }\n`;\nconst dotKeyframes = keyframes`\n 0% {\n opacity: 0.2;\n transform: scale(0.8, 0.8);\n }\n\n 50% {\n opacity: 1;\n transform: scale(1.2, 1.2);\n }\n\n 100% {\n opacity: 0;\n transform: scale(1, 1);\n }\n`;\n\nexport function collabStyles() {\n return {\n \"collab-indicator\": css`\n width: 2.25rem;\n height: 2.25rem;\n background-color: gray;\n border-radius: 50% 50% 50% 0%;\n border: 2px solid white;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n `,\n \"collab-popup\": css`\n position: fixed;\n z-index: 1000;\n background: white;\n border-radius: 8px;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n border: 1px solid #e5e7eb;\n overflow: auto;\n `,\n \"collab-avatar\": css`\n background-color: #edf1f7;\n border: 1.5px solid #ffffff;\n border-radius: 50%;\n font-family: Inter;\n font-weight: 600;\n justify-content: center;\n position: relative;\n `,\n \"collab-avatar--single\": css`\n border: none;\n font-size: 0.6875rem;\n height: 2rem;\n width: 2rem;\n border-radius: 22.5rem;\n border: 0.125rem solid #dde3ee;\n background: #ffffff;\n position: relative;\n overflow: hidden;\n\n &:hover .collab-avatar__image {\n filter: grayscale(0);\n }\n `,\n \"collab-avatar__image\": css`\n filter: grayscale(1);\n transition: filter 300ms ease;\n border-radius: 50%;\n height: 0;\n left: 50%;\n min-width: 100%;\n position: absolute;\n top: 50%;\n transform: translate(-50%, -50%);\n width: 0;\n `,\n \"collab-avatar__link\": css`\n color: #475161;\n cursor: pointer;\n height: 100%;\n justify-content: center;\n overflow: hidden;\n text-decoration: none;\n text-transform: uppercase;\n transition:\n background-color 300ms ease,\n color 300ms ease;\n width: 100%;\n font-weight: 600;\n font-size: 0.75rem;\n `,\n \"collab-tooltip--wrapper\": css`\n position: relative;\n display: inline-block;\n `,\n \"collab-tooltip\": css`\n position: fixed;\n z-index: 2147483647 !important;\n padding: 8px 12px;\n font-size: 14px;\n color: #f7f9fc;\n background-color: #767676;\n border-radius: 4px;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n\n opacity: 0;\n animation: simpleFade 0.15s ease-in forwards;\n\n @keyframes simpleFade {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n }\n `,\n \"collab-tooltip--top\": css`\n &::before {\n content: \"\";\n position: absolute;\n bottom: -5px;\n left: 50%;\n transform: translateX(-50%);\n border-width: 5px 5px 0;\n border-style: solid;\n border-color: #767676 transparent transparent;\n }\n `,\n \"collab-tooltip--bottom\": css`\n &::before {\n content: \"\";\n position: absolute;\n top: -5px;\n left: 50%;\n transform: translateX(-50%);\n border-width: 0 5px 5px;\n border-style: solid;\n border-color: transparent transparent #767676;\n }\n `,\n \"collab-tooltip--left\": css`\n &::before {\n content: \"\";\n position: absolute;\n right: -5px;\n top: 50%;\n transform: translateY(-50%);\n border-width: 5px 0 5px 5px;\n border-style: solid;\n border-color: transparent transparent transparent #767676;\n }\n `,\n \"collab-tooltip--right\": css`\n &::before {\n content: \"\";\n position: absolute;\n left: -5px;\n top: 50%;\n transform: translateY(-50%);\n border-width: 5px 5px 5px 0;\n border-style: solid;\n border-color: transparent #767676 transparent transparent;\n }\n `,\n \"collab-icon\": css`\n height: 1.25rem;\n width: 1.25rem;\n cursor: pointer;\n `,\n \"collab-icon-wrapper\": css`\n padding: 0 0.5rem;\n `,\n \"collab-button--basestyle\": css`\n box-sizing: border-box;\n -moz-box-sizing: border-box;\n -webkit-box-sizing: border-box;\n background-color: transparent;\n border: 1px solid transparent;\n border-radius: 4px;\n cursor: pointer;\n font-family: Inter, sans-serif;\n font-size: 1rem;\n font-weight: 600;\n line-height: 1;\n min-height: 2rem;\n min-width: 2rem;\n padding: 0.5rem 1rem;\n position: relative;\n text-align: center;\n transition:\n color 0.15s ease-in-out,\n background-color 0.15s ease-in-out,\n border-color 0.15s ease-in-out,\n box-shadow 0.15s ease-in-out;\n vertical-align: middle;\n cursor: pointer;\n opacity: 1;\n pointer-events: auto;\n `,\n \"collab-button--disabled\": css`\n cursor: not-allowed;\n opacity: 0.4;\n pointer-events: auto;\n `,\n \"collab-button--loading\": css`\n cursor: default;\n pointer-events: none;\n `,\n \"collab-button--loader\": css`\n display: flex;\n justify-content: center;\n text-align: center;\n `,\n \"collab-button--loader--wrapper\": css`\n left: 50%;\n position: absolute;\n top: 50%;\n -webkit-transform: translateX(-50%) translateY(-50%);\n -moz-transform: translateX(-50%) translateY(-50%);\n `,\n \"collab-button--loader--animation\": css`\n animation: ${dotKeyframes} 1.5s infinite ease-in-out;\n\n border-radius: 0.625rem;\n display: inline-block;\n height: 0.3125rem;\n margin-right: 0.25rem;\n width: 0.3125rem;\n\n &:nth-child(2) {\n animation-delay: 0.5s;\n }\n\n &:nth-child(3) {\n animation-delay: 1s;\n margin-right: 0;\n }\n `,\n \"collab-button--visible\": css`\n visibility: visible;\n `,\n \"collab-button--hidden\": css`\n visibility: hidden;\n `,\n \"collab-button--loading--color\": {\n primary: css`\n background-color: #f9f8ff !important;\n `,\n secondary: css`\n background-color: #6c5ce7 !important;\n `,\n tertiary: css`\n background-color: #6c5ce7 !important;\n `,\n destructive: css`\n background-color: #f9f8ff !important;\n `,\n },\n \"collab-button--type\": {\n primary: css`\n background-color: #6c5ce7 !important;\n color: #ffffff;\n &:hover {\n background-color: #5d50be !important;\n }\n &:focus {\n box-shadow: 0px 0px 0px 2px #ada4f4 !important;\n }\n &:active {\n background-color: #3e3871 !important;\n }\n `,\n secondary: css`\n background-color: #f9f8ff !important;\n border: 1px solid #6c5ce7 !important;\n color: #6c5ce7 !important;\n &:hover {\n border-color: #5d50be !important;\n color: #5d50be !important;\n }\n &:focus {\n box-shadow: 0px 0px 0px 2px #ada4f4 !important;\n }\n &:active {\n border-color: #3e3871 !important;\n color: #3e3871 !important;\n }\n `,\n tertiary: css`\n color: #6c5ce7 !important;\n &:hover {\n color: #5d50be !important;\n }\n &:focus {\n box-shadow: 0px 0px 0px 2px #ada4f4 !important;\n }\n `,\n destructive: css`\n background-color: #a31b00 !important;\n color: #ffffff !important;\n &:hover {\n background-color: #701300 !important;\n }\n &:focus {\n box-shadow: 0px 0px 0px 2px #ada4f4 !important;\n }\n `,\n },\n \"collab-button--size\": {\n large: css`\n font-size: 1rem;\n min-height: 2.5rem;\n max-height: 2.5rem;\n `,\n regular: css`\n margin-top: -1px;\n `,\n small: css`\n font-size: 0.875rem;\n min-height: 2rem;\n max-height: 2rem;\n padding: 0.3125rem 1rem;\n `,\n },\n \"collab-button--icon-allignment\": {\n left: css`\n svg:first-child {\n float: left;\n margin-left: 0;\n margin-right: 0.5rem;\n }\n `,\n right: css`\n svg:first-child {\n float: right;\n margin-left: 0.5rem;\n margin-right: 0;\n }\n `,\n both: css`\n svg:first-child {\n float: left;\n margin-right: 0.5rem;\n margin-left: 0;\n }\n svg:last-child {\n float: right;\n margin-left: 0.5rem;\n margin-right: 0;\n }\n `,\n },\n \"collab-button-group\": css`\n display: flex;\n & > button {\n margin-right: 1rem;\n &:last-child {\n margin-right: 0;\n }\n }\n `,\n \"collab-skeletonTileSvgClass\": css`\n & > g rect {\n animation: ${skeletonTileProgressSlide} 1.8s infinite;\n }\n `,\n \"collab-thread-body-comment--loader\": css`\n padding: 0.625rem;\n `,\n \"collab-thread--wrapper\": css`\n cursor: default;\n position: relative;\n padding: 0 !important;\n font-family: Inter;\n color: #475161;\n width: 20.75rem;\n `,\n \"collab-thread--container\": css`\n max-height: 23.125rem;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n `,\n \"collab-thread-header--wrapper\": css`\n height: 2.5rem;\n padding: 0.2rem 0.1rem 0rem 0.625rem;\n `,\n \"collab-thread-header--container\": css`\n justify-content: space-between;\n width: 100%;\n `,\n \"collab-thread-header--title\": css`\n font-weight: 600;\n font-size: 0.875rem;\n `,\n \"collab-thread-header--resolve\": css`\n border-radius: 6px !important;\n `,\n \"collab-thread-header--resolve--icon\": css`\n width: 1.25rem;\n height: 1.25rem;\n margin-right: 0.5rem !important;\n `,\n \"collab-thread-header--resolve--text\": css`\n font-size: 0.875rem;\n `,\n \"collab-thread-footer--wrapper\": css`\n height: 3.5rem;\n width: 100%;\n flex-direction: row-reverse;\n padding: 0 0.9375rem;\n flex-shrink: 0;\n `,\n \"collab-thread-body--wrapper\": css`\n border: solid #edf1f7;\n border-width: 0.0625rem 0;\n flex: 1;\n overflow: auto;\n display: flex;\n flex-direction: column;\n `,\n \"collab-thread-input-indicator--wrapper\": css`\n padding: 0 0.5rem;\n font-weight: 400;\n font-size: 0.875rem;\n line-height: 150%;\n letter-spacing: 0.01em;\n min-height: 1.3125rem !important;\n `,\n \"collab-thread-input-indicator--error\": css`\n width: 100%;\n margin-right: 0.5rem;\n color: #d62400;\n `,\n \"collab-thread-input-indicator--count\": css`\n color: #475161;\n `,\n \"collab-thread-comment--user-details\": css`\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n `,\n \"collab-thread-comment--user-details__text\": css`\n padding-left: 0.625rem;\n flex-grow: 1;\n min-width: 0;\n `,\n \"collab-thread-comment--user-name\": css`\n font-style: normal;\n font-weight: 600;\n font-size: 0.75rem;\n line-height: 150%;\n letter-spacing: 0.015rem;\n color: #475161;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n `,\n \"collab-thread-comment--list\": css`\n max-height: 10.9rem;\n display: flex;\n overflow: auto;\n flex-flow: column-reverse;\n `,\n \"collab-thread-comment-seperator\": css`\n width: 100%;\n height: 1.5rem;\n stroke-width: 0.0625rem;\n stroke: #dde3ee;\n `,\n \"collab-thread-comment--time-details\": css`\n font-weight: 400;\n font-size: 0.75rem;\n line-height: 150%;\n font-style: Inter;\n letter-spacing: 0.015rem;\n color: #6e6b86;\n `,\n \"collab-thread-comment--message\": css`\n font-weight: 400;\n font-size: 1rem;\n line-height: 1.5rem;\n color: #475161;\n word-break: break-all;\n width: calc(100% - 10px);\n min-height: 2.25rem;\n white-space: pre-wrap;\n\n b {\n color: #6c5ce7;\n font-weight: 400;\n }\n `,\n \"collab-thread-comment--wrapper\": css`\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 0.625rem;\n padding: 0.625rem;\n `,\n \"collab-thread-comment-action--wrapper\": css`\n margin-left: auto;\n display: flex;\n `,\n \"collab-thread-body--input--wrapper\": css`\n width: 100%;\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n grid-gap: 0.25rem;\n `,\n \"collab-thread-body--input\": css`\n position: relative;\n overflow-y: visible;\n `,\n \"collab-thread-body--input--textarea--wrapper\": css`\n width: 100%;\n transition: height 0.2s ease-in 0s;\n `,\n \"collab-thread-body--input--textarea\": css`\n display: block;\n width: 100%;\n position: relative;\n top: 0;\n left: 0;\n box-sizing: border-box;\n background-color: #ffffff;\n font-family: inherit;\n font-size: 1rem;\n letter-spacing: inherit;\n height: 100%;\n bottom: 0;\n overflow: auto;\n resize: vertical;\n border-radius: 4px;\n border: 0.0625rem solid #dde3ee;\n line-height: 1.375rem;\n color: #222222;\n padding: 0.5rem 1rem;\n max-height: 6.25rem;\n min-height: 4.125rem;\n transition:\n border 0.2s ease,\n box-shadow 0.2s ease,\n background-color 0.2s ease;\n `,\n \"collab-thread-body--input--textarea--focus\": css`\n background-color: #ffffff !important;\n border: 0.0625rem solid #5d50be !important;\n box-shadow: 0 0 0 0.0625rem #5d50be !important;\n border-radius: 4px !important;\n outline: none;\n `,\n\n \"collab-thread-body--input--textarea--hover\": css`\n background-color: #edf1f7;\n border: 0.0625rem solid #5d50be !important;\n box-shadow: 0 0 0 0.0625rem #5d50be !important;\n `,\n \"collab-thread-body--input--textarea--suggestionsList\": css`\n list-style: none;\n padding-inline: unset;\n position: fixed;\n background-color: #ffffff;\n border: 1px solid #e2e8f0;\n border-radius: 8px;\n box-shadow:\n 0 4px 6px -1px rgba(0, 0, 0, 0.1),\n 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n max-height: 192px;\n overflow-y: auto;\n width: 256px;\n max-height: 160px;\n z-index: 50;\n animation: fadeIn 0.2s ease-in-out;\n\n @keyframes fadeIn {\n from {\n opacity: 0;\n transform: translateY(-4px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n `,\n \"collab-thread-body--input--textarea--suggestionsList--item\": css`\n width: 100%;\n padding: 8px 16px;\n text-align: left;\n border: none;\n background: none;\n cursor: pointer;\n font-size: 14px;\n transition: background-color 0.2s;\n\n &:hover {\n background-color: #f3f4f6;\n color: #5d50be;\n }\n `,\n \"collab-thread-body--input--textarea--suggestionsList--item-selected\": css`\n background-color: #f3f4f6;\n color: #5d50be;\n `,\n };\n}\n\nexport const flexCentered = css`\n display: flex;\n align-items: center;\n justify-content: center;\n`;\n\nexport const flexAlignCenter = css`\n display: flex;\n align-items: center;\n`;\n"],"mappings":"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","names":[]}