1
import "@/globals.css";
2
import type { AppProps } from "next/app";
3
import { GoogleOAuthProvider } from "@react-oauth/google";
4
import ErrorModal from "@/components/ErrorModal";
5
import {
6
    useErrorStore,
7
    useLoadingStore,
8
    useSnackbarStore,
9
} from "@/state/store";
10
import LoadingModal from "@/components/LoadingModal";
11
import { useEffect } from "react";
12
import { hotjar } from "react-hotjar";
13
import Script from "next/script";
14
import { useRouter } from "next/router";
15
import SnackBar from "@/components/Snackbar";
16
import { SpeedInsights } from "@vercel/speed-insights/next";
17
import NextNProgress from "nextjs-progressbar";
18
import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
19
import * as amplitude from "@amplitude/analytics-browser";
20
import { sessionReplayPlugin } from "@amplitude/plugin-session-replay-browser";
21
import { Analytics } from "@vercel/analytics/next";
22

23
const queryClient = new QueryClient();
24

25
export default function App({ Component, pageProps }: AppProps) {
26
    const router = useRouter();
27

28
    const { loading } = useLoadingStore((state) => state);
29
    const { error, setError } = useErrorStore((state) => state);
30
    const { snackbar } = useSnackbarStore((state) => state);
31

32
    useEffect(() => {
33
        hotjar.initialize("obfuscated", 6);
34
    }, []);
35

36
    useEffect(() => {
37
        if (router.isReady && process.env.NODE_ENV === "production") {
38
            const sessionReplayTracking = sessionReplayPlugin({
39
                forceSessionTracking: true,
40
                sampleRate: 0.01,
41
            });
42
            amplitude.add(sessionReplayTracking);
43
            amplitude.init("obfuscated", {
44
                autocapture: true,
45
            });
46
        }
47
    }, [router.isReady]);
48

49
    useEffect(() => {
50
        if (typeof window !== "undefined") {
51
            const rdt = window.rdt;
52
            rdt("init", "t2_9plptppx");
53
            rdt("track", "PageVisit");
54
            router.events.on("routeChangeComplete", () => {
55
                window.fbq("track", "PageView");
56
                rdt("track", "PageVisit");
57
                window.comet("custom_event_1");
58
            });
59
        }
60
    }, [router.events]);
61

62
    return (
63
        <>
64
            <GoogleOAuthProvider clientId="obfuscated">
65
                {error.hasError ? (
66
                    <ErrorModal
67
                        message={error.errorMessage}
68
                        onClick={() =>
69
                            setError({ hasError: false, errorMessage: "" })
70
                        }
71
                    />
72
                ) : null}
73
                {loading.isLoading ? (
74
                    <LoadingModal message={loading.message} />
75
                ) : null}
76
                {/* COMETLY SCRIPT START */}
77
                <Script
78
                    id="cometly-script"
79
                    strategy="afterInteractive"
80
                    src="https://t.cometlytrack.com/e?uid=3a0c69-3377699767000054-5dd014-s"
81
                ></Script>
82
                {/* COMETLY SCRIPT END */}
83
                {/* HEAP SCRIPT START*/}
84
                <Script id="heap-analytics" strategy="afterInteractive">
85
                    {`(window.heap = window.heap || []),
86
                    (heap.load = function (e, t) {
87
                      (window.heap.appid = e), (window.heap.config = t = t || {});
88
                      var r = document.createElement("script");
89
                      (r.type = "text/javascript"),
90
                        (r.async = !0),
91
                        (r.src = "https://cdn.heapanalytics.com/js/heap-" + e + ".js");
92
                      var a = document.getElementsByTagName("script")[0];
93
                      a.parentNode.insertBefore(r, a);
94
                      for (
95
                        var n = function (e) {
96
                            return function () {
97
                              heap.push(
98
                                [e].concat(Array.prototype.slice.call(arguments, 0))
99
                              );
100
                            };
101
                          },
102
                          p = [
103
                            "addEventProperties",
104
                            "addUserProperties",
105
                            "clearEventProperties",
106
                            "identify",
107
                            "resetIdentity",
108
                            "removeEventProperty",
109
                            "setEventProperties",
110
                            "track",
111
                            "unsetEventProperty",
112
                          ],
113
                          o = 0;
114
                        o < p.length;
115
                        o++
116
                      )
117
                        heap[p[o]] = n(p[o]);
118
                    });
119
                  heap.load("1493772514");`}
120
                </Script>
121
                {/* HEAP SCRIPT END*/}
122
                {/* REWARDFUL SCRIPT START */}
123
                <Script id="rewardful-script" strategy="afterInteractive">
124
                    {`(function (w, r) {
125
                    w._rwq = r;
126
                    w[r] =  w[r] || function () {
127
                        (w[r].q = w[r].q || []).push(arguments);
128
                    };
129
                })(window, "rewardful");`}
130
                </Script>
131
                <Script
132
                    strategy="afterInteractive"
133
                    src="https://affiliates.wisesheets.io/rw.js"
134
                    data-rewardful="8c6171"
135
                ></Script>
136
                {/* REWARDFUL SCRIPT END */}
137
                {/* REDDIT PIXEL SCRIPT START */}
138
                <Script id="reddit-pixel" strategy="afterInteractive">
139
                    {`!(function (w, d) {
140
                    if (!w.rdt) {
141
                      var p = (w.rdt = function () {
142
                        p.sendEvent
143
                          ? p.sendEvent.apply(p, arguments)
144
                          : p.callQueue.push(arguments);
145
                      });
146
                      p.callQueue = [];
147
                      var t = d.createElement("script");
148
                      (t.src = "https://www.redditstatic.com/ads/pixel.js"), (t.async = !0);
149
                      var s = d.getElementsByTagName("script")[0];
150
                      s.parentNode.insertBefore(t, s);
151
                    }
152
                  })(window, document);`}
153
                </Script>
154
                {/* REDDIT PIXEL SCRIPT END */}
155
                {/* GOOGLE ANALYTICS SCRIPT START */}
156
                <Script
157
                    strategy="afterInteractive"
158
                    src="https://www.googletagmanager.com/gtag/js?id=G-GMSNQQZN74"
159
                ></Script>
160
                <Script id="ga4" strategy="afterInteractive">
161
                    {`window.dataLayer = window.dataLayer || [];
162

163
                function gtag() {
164
                dataLayer.push(arguments);
165
                }
166

167
                gtag("js", new Date());
168

169
                gtag("config", "G-GMSNQQZN74");`}
170
                </Script>
171
                {/* GOOGLE ANALYTICS SCRIPT END */}
172
                {/* GOOGLE ADS SCRIPT START */}
173
                <Script
174
                    strategy="afterInteractive"
175
                    src="https://www.googletagmanager.com/gtag/js?id=AW-10798975584"
176
                ></Script>
177
                <Script id="gads" strategy="afterInteractive">
178
                    {`window.dataLayer = window.dataLayer || [];
179
                    function gtag() {
180
                        dataLayer.push(arguments);
181
                    }
182
                    gtag("js", new Date());
183
                    gtag("config", "AW-10798975584");`}
184
                </Script>
185
                {/* GOOGLE ADS SCRIPT END */}
186
                {/* GOOGLE OPTIMIZE SCRIPT START */}
187
                <Script
188
                    strategy="afterInteractive"
189
                    src="https://www.googleoptimize.com/optimize.js?id=OPT-N68QXW4"
190
                ></Script>
191
                {/* GOOGLE OPTIMIZE SCRIPT END */}
192
                {/* GOOGLE TAG MANAGE SCRIPT START*/}
193
                <Script id="gtm" strategy="afterInteractive">
194
                    {`(function (w, d, s, l, i) {
195
                    w[l] = w[l] || [];
196
                    w[l].push({ "gtm.start": new Date().getTime(), event: "gtm.js" });
197
                    var f = d.getElementsByTagName(s)[0],
198
                    j = d.createElement(s),
199
                    dl = l != "dataLayer" ? "&l=" + l : "";
200
                    j.async = true;
201
                    j.src = "https://www.googletagmanager.com/gtm.js?id=" + i + dl;
202
                    f.parentNode.insertBefore(j, f);
203
                })(window, document, "script", "dataLayer", "GTM-N6VSC5V");`}
204
                </Script>
205
                {/* GOOGLE TAG MANAGE SCRIPT END*/}
206
                {/* <!-- Facebook Pixel Code --> */}
207
                <Script id="meta-pixel" strategy="afterInteractive">
208
                    {`!function(f,b,e,v,n,t,s)
209
                    {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
210
                    n.callMethod.apply(n,arguments):n.queue.push(arguments)};
211
                    if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
212
                    n.queue=[];t=b.createElement(e);t.async=!0;
213
                    t.src=v;s=b.getElementsByTagName(e)[0];
214
                    s.parentNode.insertBefore(t,s)}(window, document,'script',
215
                    'https://connect.facebook.net/en_US/fbevents.js');
216
                    fbq('init', '435895237583366');
217
                    fbq('track', 'PageView');`}
218
                </Script>
219
                {/* <!-- End Facebook Pixel Code --> */}
220
                <NextNProgress color={"var(--wisesheets-green)"} />
221
                <QueryClientProvider client={queryClient}>
222
                    <Component {...pageProps} />
223
                </QueryClientProvider>
224
                {snackbar.isShowing ? <SnackBar /> : null}
225
            </GoogleOAuthProvider>
226
            <Analytics />
227
            <SpeedInsights />
228
        </>
229
    );
230
}
231