WhatsApp/Signal/Formstack/admin updates

apps/link/app/_components/MultiProvider.tsx

@@ -4,30 +4,23 @@ import { FC, PropsWithChildren } from "react";
 import { CssBaseline } from "@mui/material";
 import { CookiesProvider } from "react-cookie";
 import { SessionProvider } from "next-auth/react";
-import { I18n } from "react-polyglot";
 import { AdapterDateFns } from "@mui/x-date-pickers-pro/AdapterDateFnsV3";
 import { LocalizationProvider } from "@mui/x-date-pickers-pro";
 import { LicenseInfo } from "@mui/x-license";
-import { locales, LeafcutterProvider } from "@link-stack/leafcutter-ui";
 import { ZammadLoginProvider } from "./ZammadLoginProvider";
 
 LicenseInfo.setLicenseKey(
-  "c787ac6613c5f2aa0494c4285fe3e9f2Tz04OTY1NyxFPTE3NDYzNDE0ODkwMDAsUz1wcm8sTE09c3Vic2NyaXB0aW9uLEtWPTI=",
+  "2a7dd73ee59e3e028b96b0d2adee1ad8Tz0xMTMwOTUsRT0xNzc5MDYyMzk5MDAwLFM9cHJvLExNPXN1YnNjcmlwdGlvbixQVj1pbml0aWFsLEtWPTI=",
 );
 
 export const MultiProvider: FC<PropsWithChildren> = ({ children }) => {
-  const messages: any = { en: locales.en, fr: locales.fr };
-  const locale = "en";
-
   return (
     <SessionProvider basePath="/link/api/auth">
       <CssBaseline />
       <ZammadLoginProvider>
         <CookiesProvider>
           <LocalizationProvider dateAdapter={AdapterDateFns}>
-            <I18n locale={locale} messages={messages[locale]}>
-              <LeafcutterProvider>{children}</LeafcutterProvider>
-            </I18n>
+            {children}
           </LocalizationProvider>
         </CookiesProvider>
       </ZammadLoginProvider>

apps/link/app/_components/OpenSearchWrapper.tsx

@@ -0,0 +1,44 @@
+"use client";
+
+import { FC } from "react";
+import Iframe from "react-iframe";
+import { Box } from "@mui/material";
+
+interface OpenSearchWrapperProps {
+  url: string;
+  margin?: number;
+}
+
+export const OpenSearchWrapper: FC<OpenSearchWrapperProps> = ({
+  url,
+  margin = 50,
+}) => (
+  <Box sx={{ position: "relative", marginTop: "-100px" }}>
+    <Box
+      sx={{
+        width: "100%",
+        height: "100px",
+        marginTop: "-20px",
+        backgroundColor: "white",
+        zIndex: 100,
+        position: "relative",
+      }}
+    />
+    <Box
+      sx={{
+        marginTop: `-${margin}px`,
+        zIndex: 1,
+        position: "relative",
+        height: `calc(100vh + ${margin}px)`,
+      }}
+    >
+      <Iframe
+        id="opensearch"
+        url={`/link/dashboards/${url}`}
+        width="100%"
+        height="100%"
+        frameBorder={0}
+      />
+    </Box>
+  </Box>
+);

apps/link/app/_components/ZammadLoginProvider.tsx

@@ -14,12 +14,12 @@ export const ZammadLoginProvider: FC<PropsWithChildren> = ({ children }) => {
         const response = await fetch("/api/v1/users/me", {
           method: "GET",
           headers: {
-            "X-Browser-Fingerprint": `${session.expires}`,
+            "X-Browser-Fingerprint": localStorage.getItem("fingerprint") || "",
           },
         });
 
         if (response.status !== 200) {
-          window.location.href = "/zammad/auth/sso";
+          window.location.href = "/link/login";
         } else {
           const token = response.headers.get("CSRF-Token");
           update({ zammadCsrfToken: token });