diff --git a/packages/app-store/ee/routing_forms/components/FormActions.tsx b/packages/app-store/ee/routing_forms/components/FormActions.tsx index 7bf0b1077d..4edba470f6 100644 --- a/packages/app-store/ee/routing_forms/components/FormActions.tsx +++ b/packages/app-store/ee/routing_forms/components/FormActions.tsx @@ -28,6 +28,7 @@ import { import { EmbedButton, EmbedDialog } from "@components/Embed"; +import getFieldIdentifier from "../lib/getFieldIdentifier"; import { SerializableForm } from "../types/types"; import { App_RoutingForms_Form } from ".prisma/client"; @@ -280,6 +281,7 @@ type FormActionType = | "embed" | "duplicate" | "download" + | "copyRedirectUrl" | "create"; type FormActionProps = { @@ -302,6 +304,12 @@ export const FormAction = forwardRef(function FormAction { + redirectUrl += `&${getFieldIdentifier(field)}={Recalled_Response_For_This_Field}`; + }); + const { t } = useLocale(); const router = useRouter(); const actionData: Record< @@ -339,6 +347,12 @@ export const FormAction = forwardRef(function FormAction openModal(router, { action: "new" }), }, + copyRedirectUrl: { + onClick: () => { + navigator.clipboard.writeText(redirectUrl); + showToast("Typeform Redirect URL copied! You can go and set the URL in Typeform form.", "success"); + }, + }, toggle: { render: ({ routingForm, label = "", ...restProps }) => { if (!routingForm) { diff --git a/packages/app-store/ee/routing_forms/components/SingleForm.tsx b/packages/app-store/ee/routing_forms/components/SingleForm.tsx index a2f243aa14..8f0e805197 100644 --- a/packages/app-store/ee/routing_forms/components/SingleForm.tsx +++ b/packages/app-store/ee/routing_forms/components/SingleForm.tsx @@ -2,20 +2,13 @@ import { App_RoutingForms_Form } from "@prisma/client"; import { useRouter } from "next/router"; import { useForm, UseFormReturn } from "react-hook-form"; +import useApp from "@calcom/lib/hooks/useApp"; import { useLocale } from "@calcom/lib/hooks/useLocale"; import { trpc } from "@calcom/trpc/react"; import { Icon } from "@calcom/ui"; import { Form } from "@calcom/ui/form/fields"; import { showToast } from "@calcom/ui/v2"; -import { - ButtonGroup, - TextAreaField, - TextField, - Tooltip, - DropdownMenuSeparator, - Button, - VerticalDivider, -} from "@calcom/ui/v2"; +import { ButtonGroup, TextAreaField, TextField, Tooltip, Button, VerticalDivider } from "@calcom/ui/v2"; import Meta from "@calcom/ui/v2/core/Meta"; import { ShellMain } from "@calcom/ui/v2/core/Shell"; import Banner from "@calcom/ui/v2/core/banner"; @@ -41,6 +34,8 @@ const Actions = ({ }; }) => { const { t } = useLocale(); + const { data: typeformApp } = useApp("typeform"); + return (
@@ -65,8 +60,9 @@ const Actions = ({ size="icon" type="button" StartIcon={Icon.FiLink} - tooltip={t("copy_link")} + tooltip={t("copy_link_to_form")} /> + + {typeformApp ? ( + + + {t("Copy Typeform Redirect Url")} + + + ) : null} +
- {t("copy")} + StartIcon={Icon.FiLink}> + {t("copy_link_to_form")} {t("embed")} + {typeformApp ? ( + + {t("Copy Typeform Redirect Url")} + + ) : null} & { appUrl: string }) { const { t } = useLocale(); + const { data: typeformApp } = useApp("typeform"); function NewFormButton() { return ( @@ -115,6 +117,16 @@ export default function RoutingForms({ StartIcon={Icon.FiCopy}> {t("duplicate")} + {typeformApp ? ( + + {t("Copy Typeform Redirect Url")} + + ) : null} }) { - const { t } = useLocale(); - - const { data: typeformApp } = useApp("typeform"); - - let typeformRedirectUrl = `${CAL_URL}/router?form=${form.id}`; - form.fields?.forEach((field) => { - typeformRedirectUrl += `&${getFieldIdentifier(field)}={Recalled_Response_For_This_Field}`; - }); - return typeformApp ? ( - - ) : null; -} diff --git a/packages/app-store/typeform/components/index.ts b/packages/app-store/typeform/components/index.ts deleted file mode 100644 index 3856bbe0a5..0000000000 --- a/packages/app-store/typeform/components/index.ts +++ /dev/null @@ -1 +0,0 @@ -export { default as CopyRedirectUrlButton } from "./CopyRedirectUrlButton"; diff --git a/packages/app-store/typeform/static/copy-typeform-redirect-url.png b/packages/app-store/typeform/static/copy-typeform-redirect-url.png index c5b3559887..864aa21ac5 100644 Binary files a/packages/app-store/typeform/static/copy-typeform-redirect-url.png and b/packages/app-store/typeform/static/copy-typeform-redirect-url.png differ diff --git a/packages/app-store/typeform/static/how-it-looks-in-typeform.png b/packages/app-store/typeform/static/how-it-looks-in-typeform.png index a750dfd24f..7adebf8319 100644 Binary files a/packages/app-store/typeform/static/how-it-looks-in-typeform.png and b/packages/app-store/typeform/static/how-it-looks-in-typeform.png differ