blob: 319ff18938b390c43a2a1a071a235c855392db57 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
|
/*
SignupOverlay is the view itself and contains all of the methods to manipute the overlay and messaging.
It does not contain any logic for saving or communication with the extension or server.
*/
import React from "react";
import ReactDOM from "react-dom";
import pktPanelMessaging from "../messages.js";
import Signup from "../components/Signup/Signup";
var SignupOverlay = function(options) {
this.inited = false;
this.active = false;
this.create = function({ pockethost }) {
// Extract local variables passed into template via URL query params
const { searchParams } = new URL(window.location.href);
const locale = searchParams.get(`locale`) || ``;
const utmSource = searchParams.get(`utmSource`);
const utmCampaign = searchParams.get(`utmCampaign`);
const utmContent = searchParams.get(`utmContent`);
if (this.active) {
return;
}
this.active = true;
// Create actual content
ReactDOM.render(
<Signup
pockethost={pockethost}
utmSource={utmSource}
utmCampaign={utmCampaign}
utmContent={utmContent}
locale={locale}
/>,
document.querySelector(`body`)
);
if (window?.matchMedia(`(prefers-color-scheme: dark)`).matches) {
document.querySelector(`body`).classList.add(`theme_dark`);
}
// tell back end we're ready
pktPanelMessaging.sendMessage("PKT_show_signup");
};
};
export default SignupOverlay;
|
