fix: 🐛 widget should not use next deps

gmpetrov · Apr 5, 2024 · b7a2230 · b7a2230
1 parent 8a2b93b
commit b7a2230
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 7 deletions.
diff --git a/apps/dashboard/components/BlablaFormEditor/index.tsx b/apps/dashboard/components/BlablaFormEditor/index.tsx
@@ -466,6 +466,7 @@ function Form({ formId }: Props) {
                 webhook: draftConfig?.webhook,
                 schema: (query.data?.draftConfig as any)?.schema,
               }}
+              isInEditor
             />
           </Stack>
         </Stack>

diff --git a/apps/dashboard/components/BlablaFormViewer.tsx b/apps/dashboard/components/BlablaFormViewer.tsx
@@ -44,6 +44,7 @@ type Props = {
   messageId?: string;
   config?: FormConfigSchema;
   type: 'conversational' | 'traditional';
+  isInEditor?: boolean;
 };
 
 const FormButton = styled(Button)(({ theme }) => ({
@@ -72,6 +73,7 @@ function BlablaFormViewer({
   messageId,
   config,
   type,
+  isInEditor,
 }: Props) {
   const triggerConfetti = useConfetti();
 
@@ -165,6 +167,7 @@ function BlablaFormViewer({
                 conversationId={conversationId}
                 messageId={messageId}
                 config={config}
+                isInEditor={isInEditor}
               />
             </Stack>
           )}

diff --git a/apps/dashboard/components/TraditionalForm.tsx b/apps/dashboard/components/TraditionalForm.tsx
@@ -20,7 +20,6 @@ import {
 } from '@mui/joy';
 import axios from 'axios';
 import { AnimatePresence, motion } from 'framer-motion';
-import { useRouter } from 'next/router';
 import { memo, useEffect, useMemo, useState } from 'react';
 import { useForm } from 'react-hook-form';
 import useSWR from 'swr';
@@ -274,18 +273,16 @@ function TraditionalForm({
   conversationId,
   messageId,
   submissionId,
+  isInEditor,
   ...otherProps
 }: {
   formId: string;
   conversationId?: string;
   messageId?: string;
   submissionId?: string;
   config?: any;
+  isInEditor?: boolean;
 }) {
-  const {
-    query: { tab },
-  } = useRouter();
-
   const getFormQuery = useSWR<Prisma.PromiseReturnType<typeof getForm>>(
     formId ? `/api/forms/${formId}` : null,
     fetcher
@@ -311,7 +308,7 @@ function TraditionalForm({
 
   const config = useMemo(() => {
     return (
-      tab === 'editor'
+      !!isInEditor
         ? otherProps.config || getFormQuery?.data?.draftConfig
         : getFormQuery?.data?.publishedConfig
     ) as FormConfigSchema;

diff --git a/packages/embeds/package.json b/packages/embeds/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@chaindesk/embeds",
-  "version": "1.0.159",
+  "version": "1.0.161",
   "description": "Chaindesk Embeds",
   "main": "dist/chatbox/index.js",
   "scripts": {},