@contentful/experiences-sdk-react 1.10.0 → 1.10.1-dev-20240711T1654-17c6587.0

package/dist/hooks/useDetectEditorMode.js

@@ -19,6 +19,9 @@ const useDetectEditorMode = ({ isClientSide = false } = {}) => {
                 receivedMessage.current = true;
                 if (typeof window !== 'undefined') {
                     //Once we definitely know that we are in editor mode, we set this flag so future postMessage connect calls are not made
+                    if (!window.__EB__) {
+                        window.__EB__ = {};
+                    }
                     window.__EB__.isEditorMode = true;
                     window.removeEventListener('message', onMessage);
                 }

package/dist/hooks/useDetectEditorMode.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDetectEditorMode.js","sources":["../../../src/hooks/useDetectEditorMode.tsx"],"sourcesContent":["'use client';\nimport { useEffect, useRef, useState } from 'react';\nimport {\n  doesMismatchMessageSchema,\n  sendMessage,\n  tryParseMessage,\n} from '@contentful/experiences-core';\nimport { INCOMING_EVENTS, OUTGOING_EVENTS } from '@contentful/experiences-core/constants';\nimport { sdkFeatures } from '../core/sdkFeatures';\n\ntype UseDetectEditorModeArgs = {\n  /** If running from a known client side only situation (ie: useFetchBySlug),\n   * set this to true to kick in editor mode check sooner (which avoids a render cycle) */\n  isClientSide?: boolean;\n};\n\nexport const useDetectEditorMode = ({ isClientSide = false }: UseDetectEditorModeArgs = {}) => {\n  const [mounted, setMounted] = useState(false);\n  const [isEditorMode, setIsEditorMode] = useState(isClientSide ? inIframe() : false);\n  const receivedMessage = useRef(false);\n\n  useEffect(() => {\n    const onMessage = (event: MessageEvent) => {\n      if (doesMismatchMessageSchema(event)) {\n        return;\n      }\n      const eventData = tryParseMessage(event);\n\n      if (eventData.eventType === INCOMING_EVENTS.RequestEditorMode) {\n        setIsEditorMode(true);\n        receivedMessage.current = true;\n        if (typeof window !== 'undefined') {\n          //Once we definitely know that we are in editor mode, we set this flag so future postMessage connect calls are not made\n          window.__EB__.isEditorMode = true;\n          window.removeEventListener('message', onMessage);\n        }\n      }\n    };\n\n    //Only run check after component is mounted on the client to avoid hydration ssr issues\n    if (mounted) {\n      setIsEditorMode(inIframe());\n      //Double check if we are in editor mode by listening to postMessage events\n      if (typeof window !== 'undefined' && !window.__EB__?.isEditorMode) {\n        window.addEventListener('message', onMessage);\n        sendMessage(OUTGOING_EVENTS.Connected, undefined);\n        sendMessage(OUTGOING_EVENTS.SDKFeatures, sdkFeatures);\n\n        setTimeout(() => {\n          if (!receivedMessage.current) {\n            // if message is not received back in time, set editorMode back to false\n            setIsEditorMode(false);\n          }\n        }, 100);\n      }\n    } else {\n      setMounted(true);\n    }\n\n    return () => window.removeEventListener('message', onMessage);\n  }, [mounted]);\n\n  return isEditorMode;\n};\n\nfunction inIframe() {\n  try {\n    return window.self !== window.top;\n  } catch (e) {\n    return false;\n  }\n}\n"],"names":[],"mappings":";;;;;;AAgBO;;AAEL;AACA;;AAGE;AACE;;;AAGA;;;AAIE;AACA;;AAEE;AACA;;;AAGN;;;AAIE;;AAEA;AACE;AACA;AACA;;AAGE;;;;;;;;;;;AAWR;AAEA;AACF;AAEA;AACE;AACE;;;AAEA;;AAEJ;;"}
+{"version":3,"file":"useDetectEditorMode.js","sources":["../../../src/hooks/useDetectEditorMode.tsx"],"sourcesContent":["'use client';\nimport { useEffect, useRef, useState } from 'react';\nimport {\n  doesMismatchMessageSchema,\n  sendMessage,\n  tryParseMessage,\n} from '@contentful/experiences-core';\nimport { INCOMING_EVENTS, OUTGOING_EVENTS } from '@contentful/experiences-core/constants';\nimport { sdkFeatures } from '../core/sdkFeatures';\n\ntype UseDetectEditorModeArgs = {\n  /** If running from a known client side only situation (ie: useFetchBySlug),\n   * set this to true to kick in editor mode check sooner (which avoids a render cycle) */\n  isClientSide?: boolean;\n};\n\nexport const useDetectEditorMode = ({ isClientSide = false }: UseDetectEditorModeArgs = {}) => {\n  const [mounted, setMounted] = useState(false);\n  const [isEditorMode, setIsEditorMode] = useState(isClientSide ? inIframe() : false);\n  const receivedMessage = useRef(false);\n\n  useEffect(() => {\n    const onMessage = (event: MessageEvent) => {\n      if (doesMismatchMessageSchema(event)) {\n        return;\n      }\n      const eventData = tryParseMessage(event);\n\n      if (eventData.eventType === INCOMING_EVENTS.RequestEditorMode) {\n        setIsEditorMode(true);\n        receivedMessage.current = true;\n        if (typeof window !== 'undefined') {\n          //Once we definitely know that we are in editor mode, we set this flag so future postMessage connect calls are not made\n          if (!window.__EB__) {\n            window.__EB__ = {};\n          }\n          window.__EB__.isEditorMode = true;\n          window.removeEventListener('message', onMessage);\n        }\n      }\n    };\n\n    //Only run check after component is mounted on the client to avoid hydration ssr issues\n    if (mounted) {\n      setIsEditorMode(inIframe());\n      //Double check if we are in editor mode by listening to postMessage events\n      if (typeof window !== 'undefined' && !window.__EB__?.isEditorMode) {\n        window.addEventListener('message', onMessage);\n        sendMessage(OUTGOING_EVENTS.Connected, undefined);\n        sendMessage(OUTGOING_EVENTS.SDKFeatures, sdkFeatures);\n\n        setTimeout(() => {\n          if (!receivedMessage.current) {\n            // if message is not received back in time, set editorMode back to false\n            setIsEditorMode(false);\n          }\n        }, 100);\n      }\n    } else {\n      setMounted(true);\n    }\n\n    return () => window.removeEventListener('message', onMessage);\n  }, [mounted]);\n\n  return isEditorMode;\n};\n\nfunction inIframe() {\n  try {\n    return window.self !== window.top;\n  } catch (e) {\n    return false;\n  }\n}\n"],"names":[],"mappings":";;;;;;AAgBO;;AAEL;AACA;;AAGE;AACE;;;AAGA;;;AAIE;AACA;;AAEE;AACE;;AAEF;AACA;;;AAGN;;;AAIE;;AAEA;AACE;AACA;AACA;;AAGE;;;;;;;;;;;AAWR;AAEA;AACF;AAEA;AACE;AACE;;;AAEA;;AAEJ;;"}

package/dist/index.js

@@ -9,8 +9,9 @@ export { CF_STYLE_ATTRIBUTES, CONTENTFUL_COMPONENTS, LATEST_SCHEMA_VERSION } fro
 
 // Simple state store to store a few things that are needed across the SDK
 if (typeof window !== 'undefined') {
-    window.__EB__ = {
-        sdkVersion: SDK_VERSION,
-    };
+    if (!window.__EB__) {
+        window.__EB__ = {};
+    }
+    window.__EB__.sdkVersion = SDK_VERSION;
 }
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/index.ts"],"sourcesContent":["import { SDK_VERSION } from './sdkVersion';\n\nexport { ExperienceRoot } from './ExperienceRoot';\nexport { useFetchById, useFetchBySlug } from './hooks';\nexport { defineComponents, maintainBasicComponentIdsWithoutPrefix } from './core/componentRegistry';\nexport {\n  defineDesignTokens,\n  defineBreakpoints,\n  VisualEditorMode,\n  fetchById,\n  fetchBySlug,\n  createExperience,\n} from '@contentful/experiences-core';\nexport {\n  CONTENTFUL_COMPONENTS,\n  LATEST_SCHEMA_VERSION,\n  CF_STYLE_ATTRIBUTES,\n} from '@contentful/experiences-core/constants';\n\n// Simple state store to store a few things that are needed across the SDK\nif (typeof window !== 'undefined') {\n  window.__EB__ = {\n    sdkVersion: SDK_VERSION,\n  };\n}\n\nexport type { ExternalSDKMode, ComponentDefinition } from '@contentful/experiences-core/types';\n\nexport { detachExperienceStyles } from '@contentful/experiences-core';\n"],"names":[],"mappings":";;;;;;;;;AAmBA;AACA,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;IACjC,MAAM,CAAC,MAAM,GAAG;AACd,QAAA,UAAU,EAAE,WAAW;KACxB,CAAC;AACJ"}
+{"version":3,"file":"index.js","sources":["../../src/index.ts"],"sourcesContent":["import { SDK_VERSION } from './sdkVersion';\n\nexport { ExperienceRoot } from './ExperienceRoot';\nexport { useFetchById, useFetchBySlug } from './hooks';\nexport { defineComponents, maintainBasicComponentIdsWithoutPrefix } from './core/componentRegistry';\nexport {\n  defineDesignTokens,\n  defineBreakpoints,\n  VisualEditorMode,\n  fetchById,\n  fetchBySlug,\n  createExperience,\n} from '@contentful/experiences-core';\nexport {\n  CONTENTFUL_COMPONENTS,\n  LATEST_SCHEMA_VERSION,\n  CF_STYLE_ATTRIBUTES,\n} from '@contentful/experiences-core/constants';\n\n// Simple state store to store a few things that are needed across the SDK\nif (typeof window !== 'undefined') {\n  if (!window.__EB__) {\n    window.__EB__ = {};\n  }\n  window.__EB__.sdkVersion = SDK_VERSION;\n}\n\nexport type { ExternalSDKMode, ComponentDefinition } from '@contentful/experiences-core/types';\n\nexport { detachExperienceStyles } from '@contentful/experiences-core';\n"],"names":[],"mappings":";;;;;;;;;AAmBA;AACA,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;AACjC,IAAA,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE;AAClB,QAAA,MAAM,CAAC,MAAM,GAAG,EAAE,CAAC;KACpB;AACD,IAAA,MAAM,CAAC,MAAM,CAAC,UAAU,GAAG,WAAW,CAAC;AACzC"}

package/dist/sdkVersion.js

@@ -1,4 +1,4 @@
-const SDK_VERSION = '1.10.0';
+const SDK_VERSION = '1.10.1-dev-20240711T1654-17c6587.0';
 
 export { SDK_VERSION };
 //# sourceMappingURL=sdkVersion.js.map

package/dist/sdkVersion.js.map

@@ -1 +1 @@
-{"version":3,"file":"sdkVersion.js","sources":["../../src/sdkVersion.ts"],"sourcesContent":["export const SDK_VERSION = '1.10.0';\n"],"names":[],"mappings":"AAAO,MAAM,WAAW,GAAG;;;;"}
+{"version":3,"file":"sdkVersion.js","sources":["../../src/sdkVersion.ts"],"sourcesContent":["export const SDK_VERSION = '1.10.1-dev-20240711T1654-17c6587.0';\n"],"names":[],"mappings":"AAAO,MAAM,WAAW,GAAG;;;;"}

package/dist/src/sdkVersion.d.ts

@@ -1 +1 @@
-export declare const SDK_VERSION = "1.10.0";
+export declare const SDK_VERSION = "1.10.1-dev-20240711T1654-17c6587.0";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/experiences-sdk-react",
-  "version": "1.10.0",
+  "version": "1.10.1-dev-20240711T1654-17c6587.0",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "typings": "./dist/src/index.d.ts",
@@ -33,10 +33,10 @@
     "depcruise": "depcruise src"
   },
   "dependencies": {
-    "@contentful/experiences-components-react": "1.10.0",
-    "@contentful/experiences-core": "1.10.0",
-    "@contentful/experiences-validators": "1.10.0",
-    "@contentful/experiences-visual-editor-react": "1.10.0",
+    "@contentful/experiences-components-react": "1.10.1-dev-20240711T1654-17c6587.0",
+    "@contentful/experiences-core": "1.10.1-dev-20240711T1654-17c6587.0",
+    "@contentful/experiences-validators": "1.10.1-dev-20240711T1654-17c6587.0",
+    "@contentful/experiences-visual-editor-react": "1.10.1-dev-20240711T1654-17c6587.0",
     "@contentful/rich-text-types": "^16.2.1",
     "classnames": "^2.3.2",
     "csstype": "^3.1.2",
@@ -94,5 +94,5 @@
     "dist",
     "package.json"
   ],
-  "gitHead": "ea16f64d9566a4ba6d339775200981a5904b2521"
+  "gitHead": "1189bf8f1db503135f3876a0e2c0940b73cdf7ed"
 }