foundry-component-library 0.2.39 → 0.2.41

package/lib/components/Hero/Video.tsx

@@ -34,8 +34,18 @@ const Video = ({ url }: { url: string }) => {
           loop
           muted
           playsinline
+          config={{
+            file: {
+              attributes: {
+                playsInline: true,
+                webkitPlaysInline: true,
+                muted: true,
+              },
+            },
+          }}
         />
       )}
+      asd
     </div>
   );
 };

package/lib/components/HubsAccordion/Hub.tsx

@@ -50,7 +50,7 @@ const Hub = ({
         <div className={styles.tile}>
           <a href={hub.uri}>
             {(hub.slug === "content-campaigning" ||
-              hub.slug === "strategie-positionierung") && <TileBalls />}
+              hub.slug === "inhalte-kampagnen") && <TileBalls />}
           </a>
           <a href={hub.uri}>
             {(hub.slug === "social-media-performance" ||
@@ -64,7 +64,7 @@ const Hub = ({
           </a>
           <a href={hub.uri}>
             {(hub.slug === "strategy-positioning" ||
-              hub.slug === "inhalte-kampagnen") && <TileGlass />}
+              hub.slug === "strategie-positionierung") && <TileGlass />}
           </a>
         </div>
         <div className={styles.title}>{hub.title}</div>

package/lib/components/VideoTeaser/index.tsx

@@ -50,12 +50,18 @@ function VideoTeaser({ url }: { url: string }) {
               muted={isMuted}
               loop={true}
               config={{
-                file: { attributes: { poster: "/video-poster.jpg" } },
+                file: {
+                  attributes: {
+                    playsInline: true,
+                    webkitPlaysInline: true,
+                    muted: true,
+                    poster: "/video-poster.jpg",
+                  },
+                },
               }}
             />
           )}
         </div>
-        <div className={styles.overlayMobile} />
       </div>
     </>
   );

package/lib/components/VideoTeaser/styles.module.scss

@@ -133,17 +133,3 @@
     transform: translate(34.5%, 39.5%);
   }
 }
-
-.overlayMobile {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  z-index: 2;
-  display: none;
-
-  @media #{$QUERY-sm} {
-    display: block;
-  }
-}

package/lib/queries/getPageById.ts

@@ -0,0 +1,53 @@
+import { Page, Variables } from "../../lib/types";
+import { request } from "./client";
+import { ContactPage } from "./getContactPage";
+
+export default async function getPageById(
+  id: string,
+  language: string,
+): Promise<{ page: Page; contactPage: ContactPage }> {
+  const contactPage = language === "DE" ? "contact-de" : "contact";
+
+  const query = `
+    query GetPageById($id: ID!) {
+      page(id: $id, idType: DATABASE_ID) {
+        title
+        content
+      }
+      contactPage: page(id: "${contactPage}", idType: URI) {
+        customFieldsContact {
+          facebook
+          instagram
+          linkedin
+          berlinImage {
+            sourceUrl
+          }
+          berlinText
+          berlinEmail
+          berlinPhone
+          zurichImage {
+            sourceUrl
+          }
+          zurichText
+          zurichEmail
+          zurichPhone
+          newyorkImage {
+            sourceUrl
+          }
+          newyorkText
+          newyorkEmail
+          newyorkPhone
+          contactTeaserHeading
+          contactTeaserText
+        }
+      }
+    }
+  `;
+
+  const variables: Variables = { id, language };
+  const data: { page: Page; contactPage: ContactPage } = await request(
+    query,
+    variables,
+  );
+  return data;
+}

package/lib/queries/index.ts

@@ -3,6 +3,7 @@ import getPosts from "./getPosts";
 import getCategories from "./getCategories";
 import getMetadataBySlug from "./getMetadataBySlug";
 import getPageBySlug from "./getPageBySlug";
+import getPageById from "./getPageById";
 import getPostBySlug from "./getPostBySlug";
 import getCaseBySlug from "./getCaseBySlug";
 import getCaseById from "./getCaseById";
@@ -24,6 +25,7 @@ export {
   getCategories,
   getMetadataBySlug,
   getPageBySlug,
+  getPageById,
   getPostBySlug,
   getCaseBySlug,
   getCaseById,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "foundry-component-library",
-  "version": "0.2.39",
+  "version": "0.2.41",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",