From 9a9582485d822bb608a0cc3d4573755003958e00 Mon Sep 17 00:00:00 2001 From: grungla Date: Tue, 30 Jan 2024 00:14:06 -0500 Subject: [PATCH 1/9] Add Typeform --- package.json | 3 ++ packages/fakeyou.com/package.json | 1 + .../common/TypeformWidget/TypeformWidget.tsx | 25 ++++++++++ .../common/TypeformWidget/index.tsx | 1 + .../src/v2/view/pages/landing/LandingPage.tsx | 3 ++ yarn.lock | 49 +++++++++++++++++++ 6 files changed, 82 insertions(+) create mode 100644 packages/fakeyou.com/src/components/common/TypeformWidget/TypeformWidget.tsx create mode 100644 packages/fakeyou.com/src/components/common/TypeformWidget/index.tsx diff --git a/package.json b/package.json index c4281daeb9..600f47e3ca 100644 --- a/package.json +++ b/package.json @@ -39,7 +39,10 @@ }, "dependencies": { "@react-spring/types": "^9.7.3", + "@typeform/embed-react": "^3.10.0", + "local-storage": "^2.0.0", "moment": "^2.29.4", + "react-typeform-embed": "^1.0.8", "universal-cookie": "^6.1.1", "yarn": "^1.22.19" }, diff --git a/packages/fakeyou.com/package.json b/packages/fakeyou.com/package.json index 4346e671a5..51c3f24fdf 100644 --- a/packages/fakeyou.com/package.json +++ b/packages/fakeyou.com/package.json @@ -75,6 +75,7 @@ "react-select": "^5.7.0", "react-share": "^4.4.1", "react-twitch-embed": "^3.0.1", + "react-typeform-embed": "^1.0.8", "react-wavesurfer.js": "^0.0.8", "sass": "^1.57.1", "swiper": "^11.0.5", diff --git a/packages/fakeyou.com/src/components/common/TypeformWidget/TypeformWidget.tsx b/packages/fakeyou.com/src/components/common/TypeformWidget/TypeformWidget.tsx new file mode 100644 index 0000000000..0cd8a6c134 --- /dev/null +++ b/packages/fakeyou.com/src/components/common/TypeformWidget/TypeformWidget.tsx @@ -0,0 +1,25 @@ +import React from "react"; +import { Widget } from "@typeform/embed-react"; +import ls, { get, set } from "local-storage"; + +export default function TypeformWidget() { + return ( +
+ {!get("isSubmit") ? ( + { + set("isSubmit", true); + console.log("Form submitted!"); + // window.location.reload(); + }} + hideHeaders + // disableAutoFocus + enableSandbox + /> + ) : null} +
+ ); +} diff --git a/packages/fakeyou.com/src/components/common/TypeformWidget/index.tsx b/packages/fakeyou.com/src/components/common/TypeformWidget/index.tsx new file mode 100644 index 0000000000..a4e97e97d5 --- /dev/null +++ b/packages/fakeyou.com/src/components/common/TypeformWidget/index.tsx @@ -0,0 +1 @@ +export { default } from "./TypeformWidget"; diff --git a/packages/fakeyou.com/src/v2/view/pages/landing/LandingPage.tsx b/packages/fakeyou.com/src/v2/view/pages/landing/LandingPage.tsx index 70fa7b5516..340ddde6bd 100644 --- a/packages/fakeyou.com/src/v2/view/pages/landing/LandingPage.tsx +++ b/packages/fakeyou.com/src/v2/view/pages/landing/LandingPage.tsx @@ -15,6 +15,9 @@ import { } from "@storyteller/components/src/jobs/InferenceJob"; import { TtsInferenceJob } from "@storyteller/components/src/jobs/TtsInferenceJobs"; import "./LandingPage.scss"; +import { Widget } from "@typeform/embed-react"; +import ls, { get, set } from "local-storage"; +import TypeformWidget from "components/common/TypeformWidget"; // import VstSectionV1 from "./components/VstSectionV1"; import VstSectionV2 from "./components/VstSectionV2"; import FakeYouLandingBody from "./fakeyou/FakeYouLandingBody"; diff --git a/yarn.lock b/yarn.lock index 3d8233403e..1ddba239e8 100644 --- a/yarn.lock +++ b/yarn.lock @@ -4484,6 +4484,7 @@ __metadata: react-select: ^5.7.0 react-share: ^4.4.1 react-twitch-embed: ^3.0.1 + react-typeform-embed: ^1.0.8 react-wavesurfer.js: ^0.0.8 sass: ^1.57.1 swiper: ^11.0.5 @@ -4591,13 +4592,16 @@ __metadata: resolution: "@storyteller/root@workspace:." dependencies: "@react-spring/types": ^9.7.3 + "@typeform/embed-react": ^3.10.0 craco: ^0.0.3 cross-env: ^7.0.3 husky: ^8.0.3 lerna: ^4.0.0 + local-storage: ^2.0.0 moment: ^2.29.4 prettier: ^3.1.0 pretty-quick: ^3.1.3 + react-typeform-embed: ^1.0.8 universal-cookie: ^6.1.1 yarn: ^1.22.19 languageName: unknown @@ -5033,6 +5037,32 @@ __metadata: languageName: node linkType: hard +"@typeform/embed-react@npm:^3.10.0": + version: 3.10.0 + resolution: "@typeform/embed-react@npm:3.10.0" + dependencies: + "@typeform/embed": 4.4.1 + fast-deep-equal: ^3.1.3 + peerDependencies: + react: ">=16.8.0" + checksum: 996ba2fd4a7b5a9b834810760183722cc2d666b5f049596cb0754e37069a99c306b9eb22a30fe31c815a76e73957dc08294e45ae3a123dca0b93a9747a406ded + languageName: node + linkType: hard + +"@typeform/embed@npm:4.4.1": + version: 4.4.1 + resolution: "@typeform/embed@npm:4.4.1" + checksum: 9ed36a1b76789a29344defd7069e130aa7afc908a4e8f087852e7419d1de3a66f3786fe55f9732a6eba5c5e1969e3027553bda52cb6db29724aeb98ec25dc71b + languageName: node + linkType: hard + +"@typeform/embed@npm:^1.28.2": + version: 1.38.0 + resolution: "@typeform/embed@npm:1.38.0" + checksum: 41115134e5cee28f5e031181b4525c7885d23707699cf183921110262717c7544bfd101428267410b812914c235687783e373ce98e37bdc447d72f8177663597 + languageName: node + linkType: hard + "@types/aria-query@npm:^4.2.0": version: 4.2.2 resolution: "@types/aria-query@npm:4.2.2" @@ -14247,6 +14277,13 @@ __metadata: languageName: node linkType: hard +"local-storage@npm:^2.0.0": + version: 2.0.0 + resolution: "local-storage@npm:2.0.0" + checksum: 921f381cafc4c0cac263a87e9e11093adf0bfb13b3520107bb5065bbccf5e7d22eea81148a40bc10d9f44aba8a5afe0157183205714d0221e02e36cb8afaa70b + languageName: node + linkType: hard + "locate-path@npm:^2.0.0": version: 2.0.0 resolution: "locate-path@npm:2.0.0" @@ -18177,6 +18214,18 @@ __metadata: languageName: node linkType: hard +"react-typeform-embed@npm:^1.0.8": + version: 1.0.8 + resolution: "react-typeform-embed@npm:1.0.8" + dependencies: + "@typeform/embed": ^1.28.2 + peerDependencies: + react: ^17.0.2 + react-dom: ^17.0.2 + checksum: f47ee0077046e282a482ef1a9d754ff255be65174e05b58f4c51c873ce8d771d1af98c5829f8860f2a33b0f4ebabcc4557e0f1e3b14b0d8bf3b23f460f1df18a + languageName: node + linkType: hard + "react-wavesurfer.js@npm:^0.0.5": version: 0.0.5 resolution: "react-wavesurfer.js@npm:0.0.5" From 896757bd47a78e61a3f10f46ee67c96723db114d Mon Sep 17 00:00:00 2001 From: grungla Date: Tue, 30 Jan 2024 00:26:00 -0500 Subject: [PATCH 2/9] Remove imports --- .../src/components/common/TypeformWidget/TypeformWidget.tsx | 2 +- packages/fakeyou.com/src/v2/view/pages/landing/LandingPage.tsx | 2 -- 2 files changed, 1 insertion(+), 3 deletions(-) diff --git a/packages/fakeyou.com/src/components/common/TypeformWidget/TypeformWidget.tsx b/packages/fakeyou.com/src/components/common/TypeformWidget/TypeformWidget.tsx index 0cd8a6c134..1b8db71339 100644 --- a/packages/fakeyou.com/src/components/common/TypeformWidget/TypeformWidget.tsx +++ b/packages/fakeyou.com/src/components/common/TypeformWidget/TypeformWidget.tsx @@ -1,6 +1,6 @@ import React from "react"; import { Widget } from "@typeform/embed-react"; -import ls, { get, set } from "local-storage"; +import { get, set } from "local-storage"; export default function TypeformWidget() { return ( diff --git a/packages/fakeyou.com/src/v2/view/pages/landing/LandingPage.tsx b/packages/fakeyou.com/src/v2/view/pages/landing/LandingPage.tsx index 340ddde6bd..104a79a9fe 100644 --- a/packages/fakeyou.com/src/v2/view/pages/landing/LandingPage.tsx +++ b/packages/fakeyou.com/src/v2/view/pages/landing/LandingPage.tsx @@ -15,8 +15,6 @@ import { } from "@storyteller/components/src/jobs/InferenceJob"; import { TtsInferenceJob } from "@storyteller/components/src/jobs/TtsInferenceJobs"; import "./LandingPage.scss"; -import { Widget } from "@typeform/embed-react"; -import ls, { get, set } from "local-storage"; import TypeformWidget from "components/common/TypeformWidget"; // import VstSectionV1 from "./components/VstSectionV1"; import VstSectionV2 from "./components/VstSectionV2"; From d7c81a50539d8d5ba8957af25193b1eaf94f1ae8 Mon Sep 17 00:00:00 2001 From: Ishaan Shrivastava Date: Thu, 1 Feb 2024 22:29:26 +0530 Subject: [PATCH 3/9] remove utm source param from Typeform widget --- .../src/components/common/TypeformWidget/TypeformWidget.tsx | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/packages/fakeyou.com/src/components/common/TypeformWidget/TypeformWidget.tsx b/packages/fakeyou.com/src/components/common/TypeformWidget/TypeformWidget.tsx index 1b8db71339..706fb7cc6b 100644 --- a/packages/fakeyou.com/src/components/common/TypeformWidget/TypeformWidget.tsx +++ b/packages/fakeyou.com/src/components/common/TypeformWidget/TypeformWidget.tsx @@ -7,7 +7,8 @@ export default function TypeformWidget() {
{!get("isSubmit") ? ( { From 086f596f43016d7a81733171e7fb3dc516856a78 Mon Sep 17 00:00:00 2001 From: Ishaan Shrivastava Date: Fri, 2 Feb 2024 02:15:21 +0530 Subject: [PATCH 4/9] Fix typeform view on phone screens --- .../common/TypeformWidget/TypeformContainer.scss | 11 +++++++++++ .../common/TypeformWidget/TypeformWidget.tsx | 12 +++++------- 2 files changed, 16 insertions(+), 7 deletions(-) create mode 100644 packages/fakeyou.com/src/components/common/TypeformWidget/TypeformContainer.scss diff --git a/packages/fakeyou.com/src/components/common/TypeformWidget/TypeformContainer.scss b/packages/fakeyou.com/src/components/common/TypeformWidget/TypeformContainer.scss new file mode 100644 index 0000000000..1b34d79010 --- /dev/null +++ b/packages/fakeyou.com/src/components/common/TypeformWidget/TypeformContainer.scss @@ -0,0 +1,11 @@ +.typeformcontainer { + height: 50vh; // 50% of the viewport height + + @media (min-width: 768px) { // Tablets and above + height: 60vh; + } + + @media (min-width: 1024px) { // Desktops and above + height: 400px; // Fixed height for large screens + } +} \ No newline at end of file diff --git a/packages/fakeyou.com/src/components/common/TypeformWidget/TypeformWidget.tsx b/packages/fakeyou.com/src/components/common/TypeformWidget/TypeformWidget.tsx index 706fb7cc6b..2cdec73e57 100644 --- a/packages/fakeyou.com/src/components/common/TypeformWidget/TypeformWidget.tsx +++ b/packages/fakeyou.com/src/components/common/TypeformWidget/TypeformWidget.tsx @@ -1,26 +1,24 @@ import React from "react"; import { Widget } from "@typeform/embed-react"; import { get, set } from "local-storage"; +import './TypeformContainer.scss'; export default function TypeformWidget() { return ( -
+
{!get("isSubmit") ? ( { set("isSubmit", true); console.log("Form submitted!"); - // window.location.reload(); }} hideHeaders - // disableAutoFocus - enableSandbox + enableSandbox={false} /> ) : null}
); -} +} \ No newline at end of file From 2a00235b71463b89710c1d9b30767e6e1c91953a Mon Sep 17 00:00:00 2001 From: Victor Date: Thu, 1 Feb 2024 14:39:17 -0800 Subject: [PATCH 5/9] fixed TypeformWidget empty block displaying for completed users --- .../common/TypeformWidget/TypeformWidget.tsx | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/packages/fakeyou.com/src/components/common/TypeformWidget/TypeformWidget.tsx b/packages/fakeyou.com/src/components/common/TypeformWidget/TypeformWidget.tsx index 2cdec73e57..90de8fa894 100644 --- a/packages/fakeyou.com/src/components/common/TypeformWidget/TypeformWidget.tsx +++ b/packages/fakeyou.com/src/components/common/TypeformWidget/TypeformWidget.tsx @@ -4,9 +4,9 @@ import { get, set } from "local-storage"; import './TypeformContainer.scss'; export default function TypeformWidget() { - return ( -
+ return <> {!get("isSubmit") ? ( +
- ) : null} + />
- ); + ) : null} + ; } \ No newline at end of file From f6de0410922e2280a87b572e88289f2dd7f564d2 Mon Sep 17 00:00:00 2001 From: Ishaan Shrivastava Date: Fri, 8 Mar 2024 00:22:19 +0530 Subject: [PATCH 6/9] Update form ID to new VST waitlist --- .../src/components/common/TypeformWidget/TypeformWidget.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/fakeyou.com/src/components/common/TypeformWidget/TypeformWidget.tsx b/packages/fakeyou.com/src/components/common/TypeformWidget/TypeformWidget.tsx index 90de8fa894..85635ef9c8 100644 --- a/packages/fakeyou.com/src/components/common/TypeformWidget/TypeformWidget.tsx +++ b/packages/fakeyou.com/src/components/common/TypeformWidget/TypeformWidget.tsx @@ -8,7 +8,7 @@ export default function TypeformWidget() { {!get("isSubmit") ? (
{ From 6c4c21dbd44d9775fdde44d56d31e88264a47905 Mon Sep 17 00:00:00 2001 From: Ishaan Shrivastava Date: Fri, 8 Mar 2024 10:53:08 +0530 Subject: [PATCH 7/9] Add typeform component for video. Remove unused component from landing page --- package.json | 3 -- .../src/v2/view/pages/landing/LandingPage.tsx | 1 - .../components/VstSectionV2/VstSectionV2.tsx | 10 +++- yarn.lock | 49 ------------------- 4 files changed, 8 insertions(+), 55 deletions(-) diff --git a/package.json b/package.json index 600f47e3ca..c4281daeb9 100644 --- a/package.json +++ b/package.json @@ -39,10 +39,7 @@ }, "dependencies": { "@react-spring/types": "^9.7.3", - "@typeform/embed-react": "^3.10.0", - "local-storage": "^2.0.0", "moment": "^2.29.4", - "react-typeform-embed": "^1.0.8", "universal-cookie": "^6.1.1", "yarn": "^1.22.19" }, diff --git a/packages/fakeyou.com/src/v2/view/pages/landing/LandingPage.tsx b/packages/fakeyou.com/src/v2/view/pages/landing/LandingPage.tsx index 104a79a9fe..70fa7b5516 100644 --- a/packages/fakeyou.com/src/v2/view/pages/landing/LandingPage.tsx +++ b/packages/fakeyou.com/src/v2/view/pages/landing/LandingPage.tsx @@ -15,7 +15,6 @@ import { } from "@storyteller/components/src/jobs/InferenceJob"; import { TtsInferenceJob } from "@storyteller/components/src/jobs/TtsInferenceJobs"; import "./LandingPage.scss"; -import TypeformWidget from "components/common/TypeformWidget"; // import VstSectionV1 from "./components/VstSectionV1"; import VstSectionV2 from "./components/VstSectionV2"; import FakeYouLandingBody from "./fakeyou/FakeYouLandingBody"; diff --git a/packages/fakeyou.com/src/v2/view/pages/landing/components/VstSectionV2/VstSectionV2.tsx b/packages/fakeyou.com/src/v2/view/pages/landing/components/VstSectionV2/VstSectionV2.tsx index a221c716d1..04706abc82 100644 --- a/packages/fakeyou.com/src/v2/view/pages/landing/components/VstSectionV2/VstSectionV2.tsx +++ b/packages/fakeyou.com/src/v2/view/pages/landing/components/VstSectionV2/VstSectionV2.tsx @@ -9,6 +9,8 @@ import "swiper/css/thumbs"; import { Navigation, Thumbs } from "swiper/modules"; import { Swiper as SwiperType } from "swiper/types"; import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import { open } from '@typeform/embed'; + import { faArrowDownLong, faArrowRight, @@ -27,6 +29,9 @@ export default function VstSectionV2(props: VstSectionV2Props) { // setIsPlaying(!isPlaying); // }; + const openTypeform = () => { + open('oWnV91Z9', { mode: 'popup' }); + }; const handleVideoPlay = () => { if (!isPlaying) { setIsPlaying(true); @@ -118,11 +123,12 @@ export default function VstSectionV2(props: VstSectionV2Props) {

diff --git a/yarn.lock b/yarn.lock index 1ddba239e8..3d8233403e 100644 --- a/yarn.lock +++ b/yarn.lock @@ -4484,7 +4484,6 @@ __metadata: react-select: ^5.7.0 react-share: ^4.4.1 react-twitch-embed: ^3.0.1 - react-typeform-embed: ^1.0.8 react-wavesurfer.js: ^0.0.8 sass: ^1.57.1 swiper: ^11.0.5 @@ -4592,16 +4591,13 @@ __metadata: resolution: "@storyteller/root@workspace:." dependencies: "@react-spring/types": ^9.7.3 - "@typeform/embed-react": ^3.10.0 craco: ^0.0.3 cross-env: ^7.0.3 husky: ^8.0.3 lerna: ^4.0.0 - local-storage: ^2.0.0 moment: ^2.29.4 prettier: ^3.1.0 pretty-quick: ^3.1.3 - react-typeform-embed: ^1.0.8 universal-cookie: ^6.1.1 yarn: ^1.22.19 languageName: unknown @@ -5037,32 +5033,6 @@ __metadata: languageName: node linkType: hard -"@typeform/embed-react@npm:^3.10.0": - version: 3.10.0 - resolution: "@typeform/embed-react@npm:3.10.0" - dependencies: - "@typeform/embed": 4.4.1 - fast-deep-equal: ^3.1.3 - peerDependencies: - react: ">=16.8.0" - checksum: 996ba2fd4a7b5a9b834810760183722cc2d666b5f049596cb0754e37069a99c306b9eb22a30fe31c815a76e73957dc08294e45ae3a123dca0b93a9747a406ded - languageName: node - linkType: hard - -"@typeform/embed@npm:4.4.1": - version: 4.4.1 - resolution: "@typeform/embed@npm:4.4.1" - checksum: 9ed36a1b76789a29344defd7069e130aa7afc908a4e8f087852e7419d1de3a66f3786fe55f9732a6eba5c5e1969e3027553bda52cb6db29724aeb98ec25dc71b - languageName: node - linkType: hard - -"@typeform/embed@npm:^1.28.2": - version: 1.38.0 - resolution: "@typeform/embed@npm:1.38.0" - checksum: 41115134e5cee28f5e031181b4525c7885d23707699cf183921110262717c7544bfd101428267410b812914c235687783e373ce98e37bdc447d72f8177663597 - languageName: node - linkType: hard - "@types/aria-query@npm:^4.2.0": version: 4.2.2 resolution: "@types/aria-query@npm:4.2.2" @@ -14277,13 +14247,6 @@ __metadata: languageName: node linkType: hard -"local-storage@npm:^2.0.0": - version: 2.0.0 - resolution: "local-storage@npm:2.0.0" - checksum: 921f381cafc4c0cac263a87e9e11093adf0bfb13b3520107bb5065bbccf5e7d22eea81148a40bc10d9f44aba8a5afe0157183205714d0221e02e36cb8afaa70b - languageName: node - linkType: hard - "locate-path@npm:^2.0.0": version: 2.0.0 resolution: "locate-path@npm:2.0.0" @@ -18214,18 +18177,6 @@ __metadata: languageName: node linkType: hard -"react-typeform-embed@npm:^1.0.8": - version: 1.0.8 - resolution: "react-typeform-embed@npm:1.0.8" - dependencies: - "@typeform/embed": ^1.28.2 - peerDependencies: - react: ^17.0.2 - react-dom: ^17.0.2 - checksum: f47ee0077046e282a482ef1a9d754ff255be65174e05b58f4c51c873ce8d771d1af98c5829f8860f2a33b0f4ebabcc4557e0f1e3b14b0d8bf3b23f460f1df18a - languageName: node - linkType: hard - "react-wavesurfer.js@npm:^0.0.5": version: 0.0.5 resolution: "react-wavesurfer.js@npm:0.0.5" From c69921545766468adb3074104bdf7ea3636efe39 Mon Sep 17 00:00:00 2001 From: BFlat Date: Fri, 8 Mar 2024 12:49:33 +0700 Subject: [PATCH 8/9] typeform pop up button --- package.json | 3 ++ .../common/TypeformButton/TypeformButton.scss | 13 +++++ .../common/TypeformButton/TypeformButton.tsx | 44 +++++++++++++++++ .../common/TypeformButton/index.tsx | 1 + .../common/TypeformWidget/TypeformWidget.tsx | 42 +++++++++------- .../components/VstSectionV2/VstSectionV2.tsx | 16 +++--- yarn.lock | 49 +++++++++++++++++++ 7 files changed, 142 insertions(+), 26 deletions(-) create mode 100644 packages/fakeyou.com/src/components/common/TypeformButton/TypeformButton.scss create mode 100644 packages/fakeyou.com/src/components/common/TypeformButton/TypeformButton.tsx create mode 100644 packages/fakeyou.com/src/components/common/TypeformButton/index.tsx diff --git a/package.json b/package.json index c4281daeb9..5a22ba0fd6 100644 --- a/package.json +++ b/package.json @@ -39,6 +39,9 @@ }, "dependencies": { "@react-spring/types": "^9.7.3", + "@typeform/embed": "^4.8.1", + "@typeform/embed-react": "^3.15.0", + "local-storage": "^2.0.0", "moment": "^2.29.4", "universal-cookie": "^6.1.1", "yarn": "^1.22.19" diff --git a/packages/fakeyou.com/src/components/common/TypeformButton/TypeformButton.scss b/packages/fakeyou.com/src/components/common/TypeformButton/TypeformButton.scss new file mode 100644 index 0000000000..900f58833d --- /dev/null +++ b/packages/fakeyou.com/src/components/common/TypeformButton/TypeformButton.scss @@ -0,0 +1,13 @@ +.typeformcontainer { + height: 50vh; // 50% of the viewport height + + @media (min-width: 768px) { + // Tablets and above + height: 60vh; + } + + @media (min-width: 1024px) { + // Desktops and above + height: 400px; // Fixed height for large screens + } +} diff --git a/packages/fakeyou.com/src/components/common/TypeformButton/TypeformButton.tsx b/packages/fakeyou.com/src/components/common/TypeformButton/TypeformButton.tsx new file mode 100644 index 0000000000..5958852c99 --- /dev/null +++ b/packages/fakeyou.com/src/components/common/TypeformButton/TypeformButton.tsx @@ -0,0 +1,44 @@ +import React from "react"; +import { PopupButton } from "@typeform/embed-react"; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import { faArrowRight, faPartyHorn } from "@fortawesome/pro-solid-svg-icons"; +import { get, set } from "local-storage"; +import Button from "../Button"; + +interface TypeformButtonProps { + formId: string; + label: string; + labelSubmitted: string; +} + +export default function TypeformButton({ + formId, + label, + labelSubmitted, +}: TypeformButtonProps) { + return ( + <> + {!get("isSubmit") ? ( + { + set("isSubmit", true); + console.log("Form submitted!"); + }} + > + {label} + + + ) : ( +
diff --git a/yarn.lock b/yarn.lock index 3d8233403e..f44c5ae1f0 100644 --- a/yarn.lock +++ b/yarn.lock @@ -4484,6 +4484,7 @@ __metadata: react-select: ^5.7.0 react-share: ^4.4.1 react-twitch-embed: ^3.0.1 + react-typeform-embed: ^1.0.8 react-wavesurfer.js: ^0.0.8 sass: ^1.57.1 swiper: ^11.0.5 @@ -4591,10 +4592,13 @@ __metadata: resolution: "@storyteller/root@workspace:." dependencies: "@react-spring/types": ^9.7.3 + "@typeform/embed": ^4.8.1 + "@typeform/embed-react": ^3.15.0 craco: ^0.0.3 cross-env: ^7.0.3 husky: ^8.0.3 lerna: ^4.0.0 + local-storage: ^2.0.0 moment: ^2.29.4 prettier: ^3.1.0 pretty-quick: ^3.1.3 @@ -5033,6 +5037,32 @@ __metadata: languageName: node linkType: hard +"@typeform/embed-react@npm:^3.15.0": + version: 3.15.0 + resolution: "@typeform/embed-react@npm:3.15.0" + dependencies: + "@typeform/embed": 4.8.1 + fast-deep-equal: ^3.1.3 + peerDependencies: + react: ">=16.8.0" + checksum: d5e5d4b1cdfc128de2ce6c17ba648adbe98bfecc5a2c296fbedc8fb32da0c302e813baa6ce3ecc3de9dc84f36ccfd42250a4693f846d84ce2574e6fedcaa86e5 + languageName: node + linkType: hard + +"@typeform/embed@npm:4.8.1, @typeform/embed@npm:^4.8.1": + version: 4.8.1 + resolution: "@typeform/embed@npm:4.8.1" + checksum: 1e7ac3d0d95c1ea823160f1478a973f871550a4bab7de1501f557b1e18966ab5a740b6a913d9436b5ee59d0f25d707b66582a8c41dea195383cca3afb1955b23 + languageName: node + linkType: hard + +"@typeform/embed@npm:^1.28.2": + version: 1.38.0 + resolution: "@typeform/embed@npm:1.38.0" + checksum: 41115134e5cee28f5e031181b4525c7885d23707699cf183921110262717c7544bfd101428267410b812914c235687783e373ce98e37bdc447d72f8177663597 + languageName: node + linkType: hard + "@types/aria-query@npm:^4.2.0": version: 4.2.2 resolution: "@types/aria-query@npm:4.2.2" @@ -14247,6 +14277,13 @@ __metadata: languageName: node linkType: hard +"local-storage@npm:^2.0.0": + version: 2.0.0 + resolution: "local-storage@npm:2.0.0" + checksum: 921f381cafc4c0cac263a87e9e11093adf0bfb13b3520107bb5065bbccf5e7d22eea81148a40bc10d9f44aba8a5afe0157183205714d0221e02e36cb8afaa70b + languageName: node + linkType: hard + "locate-path@npm:^2.0.0": version: 2.0.0 resolution: "locate-path@npm:2.0.0" @@ -18177,6 +18214,18 @@ __metadata: languageName: node linkType: hard +"react-typeform-embed@npm:^1.0.8": + version: 1.0.8 + resolution: "react-typeform-embed@npm:1.0.8" + dependencies: + "@typeform/embed": ^1.28.2 + peerDependencies: + react: ^17.0.2 + react-dom: ^17.0.2 + checksum: f47ee0077046e282a482ef1a9d754ff255be65174e05b58f4c51c873ce8d771d1af98c5829f8860f2a33b0f4ebabcc4557e0f1e3b14b0d8bf3b23f460f1df18a + languageName: node + linkType: hard + "react-wavesurfer.js@npm:^0.0.5": version: 0.0.5 resolution: "react-wavesurfer.js@npm:0.0.5" From 81f377951ef56dc3af3193de5d5385d341c6c45a Mon Sep 17 00:00:00 2001 From: BFlat Date: Fri, 8 Mar 2024 12:50:02 +0700 Subject: [PATCH 9/9] removed typeform button scss --- .../common/TypeformButton/TypeformButton.scss | 13 ------------- 1 file changed, 13 deletions(-) delete mode 100644 packages/fakeyou.com/src/components/common/TypeformButton/TypeformButton.scss diff --git a/packages/fakeyou.com/src/components/common/TypeformButton/TypeformButton.scss b/packages/fakeyou.com/src/components/common/TypeformButton/TypeformButton.scss deleted file mode 100644 index 900f58833d..0000000000 --- a/packages/fakeyou.com/src/components/common/TypeformButton/TypeformButton.scss +++ /dev/null @@ -1,13 +0,0 @@ -.typeformcontainer { - height: 50vh; // 50% of the viewport height - - @media (min-width: 768px) { - // Tablets and above - height: 60vh; - } - - @media (min-width: 1024px) { - // Desktops and above - height: 400px; // Fixed height for large screens - } -}