Step2.jsx — Advanced Ads – Ad Manager & AdSense 2.0.25

advanced-ads / assets / src / oneclick / Step2.jsx

advanced-ads / assets / src / oneclick Last commit date

store 1 year ago AddonRow.jsx 1 year ago App.jsx 1 year ago Metabox.jsx 1 year ago Modal.jsx 1 year ago Notices.jsx 1 year ago Select2.jsx 1 year ago Settings.jsx 1 year ago Step1.jsx 1 year ago Step2.jsx 1 year ago Step3.jsx 1 year ago StepWrapper.jsx 1 year ago main.js 1 year ago

Step2.jsx

170 lines

1	/**
2	* External Dependencies
3	*/
4	import jQuery from 'jquery';
5
6	/**
7	* WordPress Dependencies
8	*/
9	import { decodeEntities } from '@wordpress/html-entities';
10	import { useContext, useEffect, useState } from '@wordpress/element';
11
12	/**
13	* Internal Dependencies
14	*/
15	import { OneClickContext } from './store/context';
16
17	function Loader() {
18	const { step2 } = advancedAds.oneclick;
19
20	return (
21	<div className="mt-6 mb-8">
22	<p>{step2.loading}</p>
23	<p>
24	<img src={advancedAds.oneclick.spinner} alt="" />
25	</p>
26	</div>
27	);
28	}
29
30	function DomainNotFound({ domain, onCancel, setDomain, setFetched }) {
31	const { step2 } = advancedAds.oneclick;
32
33	return (
34	<div className="mt-6 mb-8">
35	<p className="step-error">
36	{String.format(
37	decodeEntities(step2.notRegistered),
38	advancedAds.oneclick.siteDomain
39	)}
40	</p>
41	<p dangerouslySetInnerHTML={{ __html: step2.content }}></p>
42	<p>
43	<strong>{step2.inputLabel}</strong>{' '}
44	<input
45	type="text"
46	value={domain}
47	onChange={(event) => setDomain(event.target.value)}
48	/>
49	</p>
50	<p className="buttons-set">
51	<button
52	className="button button-primary"
53	disabled={'' === domain}
54	onClick={() => setFetched(false)}
55	>
56	{advancedAds.oneclick.btnContinue}
57	</button>
58	<button className="button" onClick={onCancel}>
59	{advancedAds.oneclick.btnCancel}
60	</button>
61	</p>
62	</div>
63	);
64	}
65
66	function ServerError({ error, onCancel, setFetched }) {
67	const { step2 } = advancedAds.oneclick;
68
69	return (
70	<div className="mt-6 mb-8">
71	<p className="step-error">
72	{String.format(decodeEntities(step2.serverError), error)}
73	</p>
74	<p dangerouslySetInnerHTML={{ __html: step2.serverContent }}></p>
75	<p className="buttons-set">
76	<button
77	className="button button-primary"
78	onClick={() => setFetched(false)}
79	>
80	{advancedAds.oneclick.btnRetry}
81	</button>
82	<button className="button" onClick={onCancel}>
83	{advancedAds.oneclick.btnCancel}
84	</button>
85	</p>
86	</div>
87	);
88	}
89
90	export default function Step2() {
91	const [fetched, setFetched] = useState(false);
92	const [domain, setDomain] = useState('');
93	const [error, setError] = useState('');
94	const { setStep, toggleMetabox, connected } = useContext(OneClickContext);
95
96	const onCancel = () => {
97	setDomain('');
98	setFetched(false);
99	toggleMetabox(false);
100	setStep(1);
101	};
102
103	useEffect(() => {
104	if (!fetched) {
105	jQuery
106	.ajax({
107	type: 'POST',
108	url: ajaxurl,
109	data: {
110	action: 'pubguru_connect',
111	nonce: advancedAds.oneclick.security,
112	testDomain: domain,
113	},
114	dataType: 'json',
115	})
116	.done(function (response) {
117	if (!response.success) {
118	if ('connect_error' === response.code) {
119	setFetched('server-error');
120	setError(response.message);
121	}
122
123	if ('domain_not_found' === response.code) {
124	setFetched('error');
125	}
126
127	return;
128	}
129
130	advancedAds.oneclick.options.connectedDomain =
131	'' !== domain
132	? domain
133	: advancedAds.oneclick.siteDomain;
134	connected();
135	})
136	.fail(function (jqXHR) {
137	setFetched('server-error');
138	setError(jqXHR.statusText);
139	});
140	}
141	}, [fetched]);
142
143	if (!fetched) {
144	return <Loader />;
145	}
146
147	if (fetched === 'error') {
148	return (
149	<DomainNotFound
150	domain={domain}
151	onCancel={onCancel}
152	setDomain={setDomain}
153	setFetched={setFetched}
154	/>
155	);
156	}
157
158	if (fetched === 'server-error') {
159	return (
160	<ServerError
161	error={error}
162	onCancel={onCancel}
163	setFetched={setFetched}
164	/>
165	);
166	}
167
168	return 'unknow error';
169	}
170