feat: get config from parent window

BaseAdresseNationale · Feb 8, 2024 · c8ddab3 · c8ddab3
1 parent 20ba8ad
commit c8ddab3
Show file tree

Hide file tree

Showing 4 changed files with 25 additions and 8 deletions.
diff --git a/src/components/CommuneInfosMessage/PublishedFromMoissonneur.tsx b/src/components/CommuneInfosMessage/PublishedFromMoissonneur.tsx
@@ -24,7 +24,7 @@ export const PublishedFromMoissonneur = ({ currentRevision }: PublishedFromMoiss
         const dataset = await getDataset(id[1])
 
         setOrganization(dataset.organization)
-        setIsOutdated(config?.commune?.outdatedHarvestSources?.includes(sourceId) || false)
+        setIsOutdated(config?.communes?.outdatedHarvestSources?.includes(sourceId) || false)
       }
     }
 

diff --git a/src/components/CommuneInfosMessage/PublishedFromOtherClient.tsx b/src/components/CommuneInfosMessage/PublishedFromOtherClient.tsx
@@ -14,7 +14,7 @@ export const PublishedFromOtherClient = ({ currentRevision }: PublishedFromOther
 
   const isOutdated = useMemo(() => {
     return (
-      config?.commune?.outdatedApiDepotClients?.includes(currentRevision?.client?._id || '') ||
+      config?.communes?.outdatedApiDepotClients?.includes(currentRevision?.client?._id || '') ||
       false
     )
   }, [config, client])

diff --git a/src/contexts/configContext.tsx b/src/contexts/configContext.tsx
@@ -16,7 +16,8 @@ export interface BALWidgetConfig {
     welcomeBlockTitle: string
     topArticles: BALWidgetLink[]
   }
-  commune: {
+  communes: {
+    welcomeBlockTitle: string
     outdatedApiDepotClients: string[]
     outdatedHarvestSources: string[]
   }
@@ -35,18 +36,34 @@ interface ConfigProviderProps {
 export function ConfigProvider({ children }: ConfigProviderProps) {
   const [config, setConfig] = useState<BALWidgetConfig | null>(null)
   const { getConfig } = useBALAdmin()
-  const [isLoading, setIsLoading] = useState(false)
+  const [isLoading, setIsLoading] = useState(true)
+  const isEmbeddedInIframe = window !== window.parent
 
   useEffect(() => {
+    function getConfigFromParent(event: { data: { type: string; content: BALWidgetConfig } }) {
+      if (event.data.type === 'BAL_WIDGET_CONFIG') {
+        setConfig(event.data.content)
+        setIsLoading(false)
+      }
+    }
+
     async function fetchConfig() {
-      setIsLoading(true)
       const config = await getConfig()
       setConfig(config as BALWidgetConfig)
       setIsLoading(false)
     }
 
-    fetchConfig()
-  }, [getConfig])
+    if (isEmbeddedInIframe) {
+      window.parent.postMessage({ type: 'BAL_WIDGET_READY' }, '*')
+      window.addEventListener('message', getConfigFromParent)
+    } else {
+      fetchConfig()
+    }
+
+    return () => {
+      isEmbeddedInIframe && window.removeEventListener('message', getConfigFromParent)
+    }
+  }, [isEmbeddedInIframe, getConfig])
 
   return <ConfigContext.Provider value={config}>{!isLoading && children}</ConfigContext.Provider>
 }

diff --git a/src/pages/Welcome.tsx b/src/pages/Welcome.tsx
@@ -18,7 +18,7 @@ function WecomePage() {
 
   return (
     <AnimatedPage animation='prev'>
-      <HelpBlock label='Vous êtes une commune ?'>
+      <HelpBlock label={config?.communes?.welcomeBlockTitle || ''}>
         <CommuneAutocomplete onChange={onSelectCommune} />
       </HelpBlock>
       <HelpBlock label={config?.gitbook?.welcomeBlockTitle || ''}>