@samitouri / QOS-React / commits / e5513eceff

Update benchmarks to be more realistic polymorphically (#7255)

Previously, the extract-components script would create the same number of layers of composites as the page it captures, but it would output a new class for each time any composite is used (since we don't want to replicate all the component logic). I changed the script to output a single type for each type in the input -- and each generated component takes an index for which output it should return. This should be closer to how the original code behaves, especially with respect to VM function call lookups where the amount of polymorphism makes a difference. I re-recorded the benchmarks with the new scripts. They run significantly faster: ``` Comparing old.txt (control) vs new.txt (test) Significant differences marked by *** % change from control to test, with 99% CIs: * ssr_pe_cold_ms_jsc_jit % change: -41.73% [-43.37%, -40.09%] *** means: 39.3191 (control), 22.9127 (test) * ssr_pe_cold_ms_jsc_nojit % change: -44.24% [-46.69%, -41.80%] *** means: 45.8646 (control), 25.5764 (test) * ssr_pe_cold_ms_node % change: -45.61% [-47.38%, -43.85%] *** means: 90.1118 (control), 49.0116 (test) ``` This is probably in part due to the changes here, but also the page I captured has changed somewhat in the meantime and there seem to be slightly fewer components in the hierarchy, so they're not really comparable. But going forward we can use this benchmark which should be more accurate. I also included an identical copy that uses stateless functional components so we can test optimizations to those later.

Ben Alpert committed Jul 12, 2016 at 19:32 UTC e5513eceff9ce8ae24f1d4de934408e2cc47311b
5 files changed +15484 -13905
scripts/bench/bench-pe-es5.js
+4029 -7927
@@ -1,18 +1,234 @@
1 (function () {
2
3 - var Link0 = React.createClass({
4 - displayName: "Link0",
5 -
6 - render: function () {
7 - return React.createElement("a", { href: "/", className: "_5ljn", rel: undefined, onClick: function () {} });
8 - }
9 - });
10 -
11 - var ReactImage1 = React.createClass({
12 - displayName: "ReactImage1",
13 -
14 - render: function () {
15 - return React.createElement("i", { alt: "", className: "_3-99 img sp_UuU9HmrQ397 sx_7e56e9", src: null });
3 + var ReactImage0 = React.createClass({
4 + displayName: "ReactImage0",
5 +
6 + render: function () {
7 + var props = this.props;
8 + if (props.x === 0) {
9 + return React.createElement("i", { alt: "", className: "_3-99 img sp_i534r85sjIn sx_538591", src: null });
10 + }
11 + if (props.x === 15) {
12 + return React.createElement("i", { className: "_3ut_ img sp_i534r85sjIn sx_e8ac93", src: null, alt: "" });
13 + }
14 + if (props.x === 22) {
15 + return React.createElement("i", { alt: "", className: "_3-8_ img sp_i534r85sjIn sx_7b15bc", src: null });
16 + }
17 + if (props.x === 29) {
18 + return React.createElement("i", { className: "_1m1s _4540 _p img sp_i534r85sjIn sx_f40b1c", src: null, alt: "" });
19 + }
20 + if (props.x === 42) {
21 + return React.createElement(
22 + "i",
23 + { alt: "Warning", className: "_585p img sp_i534r85sjIn sx_20273d", src: null },
24 + React.createElement(
25 + "u",
26 + null,
27 + "Warning"
28 + )
29 + );
30 + }
31 + if (props.x === 67) {
32 + return React.createElement("i", { alt: "", className: "_3-8_ img sp_i534r85sjIn sx_b5d079", src: null });
33 + }
34 + if (props.x === 70) {
35 + return React.createElement("i", { src: null, alt: "", className: "img sp_i534r85sjIn sx_29f8c9" });
36 + }
37 + if (props.x === 76) {
38 + return React.createElement("i", { alt: "", className: "_3-8_ img sp_i534r85sjIn sx_ef6a9c", src: null });
39 + }
40 + if (props.x === 79) {
41 + return React.createElement("i", { src: null, alt: "", className: "img sp_i534r85sjIn sx_6f8c43" });
42 + }
43 + if (props.x === 88) {
44 + return React.createElement("i", { src: null, alt: "", className: "img sp_i534r85sjIn sx_e94a2d" });
45 + }
46 + if (props.x === 91) {
47 + return React.createElement("i", { src: null, alt: "", className: "img sp_i534r85sjIn sx_7ed7d4" });
48 + }
49 + if (props.x === 94) {
50 + return React.createElement("i", { src: null, alt: "", className: "img sp_i534r85sjIn sx_930440" });
51 + }
52 + if (props.x === 98) {
53 + return React.createElement("i", { src: null, alt: "", className: "img sp_i534r85sjIn sx_750c83" });
54 + }
55 + if (props.x === 108) {
56 + return React.createElement("i", { src: null, alt: "", className: "img sp_i534r85sjIn sx_73c1bb" });
57 + }
58 + if (props.x === 111) {
59 + return React.createElement("i", { src: null, alt: "", className: "img sp_i534r85sjIn sx_29f28d" });
60 + }
61 + if (props.x === 126) {
62 + return React.createElement("i", { src: null, alt: "", className: "_3-8_ img sp_i534r85sjIn sx_91c59e" });
63 + }
64 + if (props.x === 127) {
65 + return React.createElement("i", { alt: "", className: "_3-99 img sp_i534r85sjIn sx_538591", src: null });
66 + }
67 + if (props.x === 134) {
68 + return React.createElement("i", { src: null, alt: "", className: "_3-8_ img sp_i534r85sjIn sx_c8eb75" });
69 + }
70 + if (props.x === 135) {
71 + return React.createElement("i", { alt: "", className: "_3-99 img sp_i534r85sjIn sx_538591", src: null });
72 + }
73 + if (props.x === 148) {
74 + return React.createElement("i", { className: "_3yz6 _5whs img sp_i534r85sjIn sx_896996", src: null, alt: "" });
75 + }
76 + if (props.x === 152) {
77 + return React.createElement("i", { className: "_5b5p _4gem img sp_i534r85sjIn sx_896996", src: null, alt: "" });
78 + }
79 + if (props.x === 153) {
80 + return React.createElement("i", { className: "_541d img sp_i534r85sjIn sx_2f396a", src: null, alt: "" });
81 + }
82 + if (props.x === 160) {
83 + return React.createElement("i", { src: null, alt: "", className: "img sp_i534r85sjIn sx_31d9b0" });
84 + }
85 + if (props.x === 177) {
86 + return React.createElement("i", { alt: "", className: "_3-99 img sp_i534r85sjIn sx_2c18b7", src: null });
87 + }
88 + if (props.x === 186) {
89 + return React.createElement("i", { src: null, alt: "", className: "img sp_i534r85sjIn sx_0a681f" });
90 + }
91 + if (props.x === 195) {
92 + return React.createElement("i", { className: "_1-lx img sp_OkER5ktbEyg sx_b369b4", src: null, alt: "" });
93 + }
94 + if (props.x === 198) {
95 + return React.createElement("i", { className: "_1-lx img sp_i534r85sjIn sx_96948e", src: null, alt: "" });
96 + }
97 + if (props.x === 237) {
98 + return React.createElement("i", { className: "_541d img sp_i534r85sjIn sx_2f396a", src: null, alt: "" });
99 + }
100 + if (props.x === 266) {
101 + return React.createElement("i", { alt: "", className: "_3-99 img sp_i534r85sjIn sx_538591", src: null });
102 + }
103 + if (props.x === 314) {
104 + return React.createElement("i", { className: "_1cie _1cif img sp_i534r85sjIn sx_6e6820", src: null, alt: "" });
105 + }
106 + if (props.x === 345) {
107 + return React.createElement("i", { className: "_1cie img sp_i534r85sjIn sx_e896cf", src: null, alt: "" });
108 + }
109 + if (props.x === 351) {
110 + return React.createElement("i", { className: "_1cie img sp_i534r85sjIn sx_38fed8", src: null, alt: "" });
111 + }
112 + }
113 + });
114 +
115 + var AbstractLink1 = React.createClass({
116 + displayName: "AbstractLink1",
117 +
118 + render: function () {
119 + var props = this.props;
120 + if (props.x === 1) {
121 + return React.createElement(
122 + "a",
123 + { className: "_387r _55pi _2agf _4jy0 _4jy4 _517h _51sy _42ft", style: { "width": 250, "maxWidth": "250px" }, disabled: null, label: null, href: "#", rel: undefined, onClick: function () {} },
124 + null,
125 + React.createElement(
126 + "span",
127 + { className: "_55pe", style: { "maxWidth": "236px" } },
128 + null,
129 + React.createElement(
130 + "span",
131 + null,
132 + React.createElement(
133 + "span",
134 + { className: "_48u-" },
135 + "Account:"
136 + ),
137 + " ",
138 + "Dick Madanson (10149999073643408)"
139 + )
140 + ),
141 + React.createElement(ReactImage0, { x: 0 })
142 + );
143 + }
144 + if (props.x === 43) {
145 + return React.createElement(
146 + "a",
147 + { className: "_585q _50zy _50-0 _50z- _5upp _42ft", size: "medium", shade: "dark", type: null, title: "Remove", "data-hover": undefined, "data-tooltip-alignh": undefined, "data-tooltip-content": undefined, disabled: null, label: null, href: "#", rel: undefined, onClick: function () {} },
148 + undefined,
149 + "Remove",
150 + undefined
151 + );
152 + }
153 + if (props.x === 49) {
154 + return React.createElement(
155 + "a",
156 + { target: "_blank", href: "/ads/manage/billing.php?act=10149999073643408", rel: undefined, onClick: function () {} },
157 + React.createElement(XUIText29, { x: 48 })
158 + );
159 + }
160 + if (props.x === 128) {
161 + return React.createElement(
162 + "a",
163 + { className: " _5bbf _55pi _2agf _4jy0 _4jy4 _517h _51sy _42ft", style: { "maxWidth": "200px" }, disabled: null, label: null, href: "#", rel: undefined, onClick: function () {} },
164 + null,
165 + React.createElement(
166 + "span",
167 + { className: "_55pe", style: { "maxWidth": "186px" } },
168 + React.createElement(ReactImage0, { x: 126 }),
169 + "Search"
170 + ),
171 + React.createElement(ReactImage0, { x: 127 })
172 + );
173 + }
174 + if (props.x === 136) {
175 + return React.createElement(
176 + "a",
177 + { className: " _5bbf _55pi _2agf _4jy0 _4jy4 _517h _51sy _42ft", style: { "maxWidth": "200px" }, disabled: null, label: null, href: "#", rel: undefined, onClick: function () {} },
178 + null,
179 + React.createElement(
180 + "span",
181 + { className: "_55pe", style: { "maxWidth": "186px" } },
182 + React.createElement(ReactImage0, { x: 134 }),
183 + "Filters"
184 + ),
185 + React.createElement(ReactImage0, { x: 135 })
186 + );
187 + }
188 + if (props.x === 178) {
189 + return React.createElement(
190 + "a",
191 + { className: "_1_-t _1_-v _42ft", disabled: null, height: "medium", role: "button", label: null, href: "#", rel: undefined, onClick: function () {} },
192 + undefined,
193 + "Lifetime",
194 + React.createElement(ReactImage0, { x: 177 })
195 + );
196 + }
197 + if (props.x === 207) {
198 + return React.createElement(
199 + "a",
200 + { href: "#", rel: undefined, onClick: function () {} },
201 + "Create Ad Set"
202 + );
203 + }
204 + if (props.x === 209) {
205 + return React.createElement(
206 + "a",
207 + { href: "#", rel: undefined, onClick: function () {} },
208 + "View Ad Set"
209 + );
210 + }
211 + if (props.x === 241) {
212 + return React.createElement(
213 + "a",
214 + { href: "#", rel: undefined, onClick: function () {} },
215 + "Set a Limit"
216 + );
217 + }
218 + if (props.x === 267) {
219 + return React.createElement(
220 + "a",
221 + { className: "_p _55pi _2agf _4jy0 _4jy3 _517h _51sy _42ft", style: { "maxWidth": "200px" }, disabled: null, label: null, href: "#", rel: undefined, onClick: function () {} },
222 + null,
223 + React.createElement(
224 + "span",
225 + { className: "_55pe", style: { "maxWidth": "186px" } },
226 + null,
227 + "Links"
228 + ),
229 + React.createElement(ReactImage0, { x: 266 })
230 + );
231 + }
232 }
233 });
234
@@ -20,18 +236,37 @@
236 displayName: "Link2",
237
238 render: function () {
23 - return React.createElement(
24 - "a",
25 - { style: { "maxWidth": "200px" }, image: null, label: null, imageRight: {}, className: "_387r _55pi _2agf _387r _55pi _4jy0 _4jy3 _517h _51sy _42ft", href: "#", haschevron: true, onClick: function () {}, onToggle: function () {}, size: "medium", use: "default", borderShade: "light", suppressed: false, disabled: null, rel: undefined },
26 - null,
27 - React.createElement(
28 - "span",
29 - { className: "_55pe", style: { "maxWidth": "186px" } },
30 - null,
31 - "Dick Madanson (10149999073643408)"
32 - ),
33 - React.createElement(ReactImage1, null)
34 - );
239 + var props = this.props;
240 + if (props.x === 2) {
241 + return React.createElement(AbstractLink1, { x: 1 });
242 + }
243 + if (props.x === 44) {
244 + return React.createElement(AbstractLink1, { x: 43 });
245 + }
246 + if (props.x === 50) {
247 + return React.createElement(AbstractLink1, { x: 49 });
248 + }
249 + if (props.x === 129) {
250 + return React.createElement(AbstractLink1, { x: 128 });
251 + }
252 + if (props.x === 137) {
253 + return React.createElement(AbstractLink1, { x: 136 });
254 + }
255 + if (props.x === 179) {
256 + return React.createElement(AbstractLink1, { x: 178 });
257 + }
258 + if (props.x === 208) {
259 + return React.createElement(AbstractLink1, { x: 207 });
260 + }
261 + if (props.x === 210) {
262 + return React.createElement(AbstractLink1, { x: 209 });
263 + }
264 + if (props.x === 242) {
265 + return React.createElement(AbstractLink1, { x: 241 });
266 + }
267 + if (props.x === 268) {
268 + return React.createElement(AbstractLink1, { x: 267 });
269 + }
270 }
271 });
272
@@ -39,7 +274,226 @@
274 displayName: "AbstractButton3",
275
276 render: function () {
42 - return React.createElement(Link2, null);
277 + var props = this.props;
278 + if (props.x === 3) {
279 + return React.createElement(Link2, { x: 2 });
280 + }
281 + if (props.x === 20) {
282 + return React.createElement(
283 + "button",
284 + { className: "_5n7z _4jy0 _4jy4 _517h _51sy _42ft", onClick: function () {}, label: null, type: "submit", value: "1" },
285 + undefined,
286 + "Discard Changes",
287 + undefined
288 + );
289 + }
290 + if (props.x === 23) {
291 + return React.createElement(
292 + "button",
293 + { className: "_5n7z _2yak _4lj- _4jy0 _4jy4 _517h _51sy _42ft _42fr", disabled: true, onClick: function () {}, "data-tooltip-content": "You have no changes to publish", "data-hover": "tooltip", label: null, type: "submit", value: "1" },
294 + React.createElement(ReactImage0, { x: 22 }),
295 + "Review Changes",
296 + undefined
297 + );
298 + }
299 + if (props.x === 45) {
300 + return React.createElement(Link2, { x: 44 });
301 + }
302 + if (props.x === 68) {
303 + return React.createElement(
304 + "button",
305 + { className: "_u_k _4jy0 _4jy4 _517h _51sy _42ft", onClick: function () {}, label: null, type: "submit", value: "1" },
306 + React.createElement(ReactImage0, { x: 67 }),
307 + "Create Campaign",
308 + undefined
309 + );
310 + }
311 + if (props.x === 71) {
312 + return React.createElement(
313 + "button",
314 + { className: "_u_k _3qx6 _p _4jy0 _4jy4 _517h _51sy _42ft", label: null, type: "submit", value: "1" },
315 + React.createElement(ReactImage0, { x: 70 }),
316 + undefined,
317 + undefined
318 + );
319 + }
320 + if (props.x === 77) {
321 + return React.createElement(
322 + "button",
323 + { "aria-label": "Edit", "data-tooltip-content": "Edit Campaigns (Ctrl+U)", "data-hover": "tooltip", className: "_d2_ _u_k noMargin _4jy0 _4jy4 _517h _51sy _42ft", disabled: false, onClick: function () {}, label: null, type: "submit", value: "1" },
324 + React.createElement(ReactImage0, { x: 76 }),
325 + "Edit",
326 + undefined
327 + );
328 + }
329 + if (props.x === 80) {
330 + return React.createElement(
331 + "button",
332 + { className: "_u_k _3qx6 _p _4jy0 _4jy4 _517h _51sy _42ft", disabled: false, label: null, type: "submit", value: "1" },
333 + React.createElement(ReactImage0, { x: 79 }),
334 + undefined,
335 + undefined
336 + );
337 + }
338 + if (props.x === 89) {
339 + return React.createElement(
340 + "button",
341 + { "aria-label": "Revert", className: "_u_k _4jy0 _4jy4 _517h _51sy _42ft _42fr", "data-hover": "tooltip", "data-tooltip-content": "Revert", disabled: true, onClick: function () {}, label: null, type: "submit", value: "1" },
342 + React.createElement(ReactImage0, { x: 88 }),
343 + undefined,
344 + undefined
345 + );
346 + }
347 + if (props.x === 92) {
348 + return React.createElement(
349 + "button",
350 + { "aria-label": "Delete", className: "_u_k _4jy0 _4jy4 _517h _51sy _42ft", "data-hover": "tooltip", "data-tooltip-content": "Delete", disabled: false, onClick: function () {}, label: null, type: "submit", value: "1" },
351 + React.createElement(ReactImage0, { x: 91 }),
352 + undefined,
353 + undefined
354 + );
355 + }
356 + if (props.x === 95) {
357 + return React.createElement(
358 + "button",
359 + { "aria-label": "Duplicate", className: "_u_k _4jy0 _4jy4 _517h _51sy _42ft", "data-hover": "tooltip", "data-tooltip-content": "Duplicate", disabled: false, onClick: function () {}, label: null, type: "submit", value: "1" },
360 + React.createElement(ReactImage0, { x: 94 }),
361 + undefined,
362 + undefined
363 + );
364 + }
365 + if (props.x === 99) {
366 + return React.createElement(
367 + "button",
368 + { "aria-label": "Export & Import", className: "_u_k noMargin _p _4jy0 _4jy4 _517h _51sy _42ft", "data-hover": "tooltip", "data-tooltip-content": "Export & Import", onClick: function () {}, label: null, type: "submit", value: "1" },
369 + React.createElement(ReactImage0, { x: 98 }),
370 + undefined,
371 + undefined
372 + );
373 + }
374 + if (props.x === 109) {
375 + return React.createElement(
376 + "button",
377 + { "aria-label": "Create Report", className: "_u_k _5n7z _4jy0 _4jy4 _517h _51sy _42ft", "data-hover": "tooltip", "data-tooltip-content": "Create Report", disabled: false, style: { "boxSizing": "border-box", "height": "28px", "width": "48px" }, onClick: function () {}, label: null, type: "submit", value: "1" },
378 + React.createElement(ReactImage0, { x: 108 }),
379 + undefined,
380 + undefined
381 + );
382 + }
383 + if (props.x === 112) {
384 + return React.createElement(
385 + "button",
386 + { "aria-label": "Campaign Tags", className: " _5uy7 _4jy0 _4jy4 _517h _51sy _42ft", "data-hover": "tooltip", "data-tooltip-content": "Campaign Tags", disabled: false, haschevron: false, onClick: function () {}, label: null, type: "submit", value: "1" },
387 + React.createElement(ReactImage0, { x: 111 }),
388 + undefined,
389 + undefined
390 + );
391 + }
392 + if (props.x === 130) {
393 + return React.createElement(Link2, { x: 129 });
394 + }
395 + if (props.x === 138) {
396 + return React.createElement(Link2, { x: 137 });
397 + }
398 + if (props.x === 149) {
399 + return React.createElement(
400 + "button",
401 + { className: "_3yz9 _1t-2 _50z- _50zy _50zz _50z- _5upp _42ft", size: "small", onClick: function () {}, shade: "dark", type: "button", title: "Remove", "data-hover": undefined, "data-tooltip-alignh": undefined, "data-tooltip-content": undefined, label: null },
402 + undefined,
403 + "Remove",
404 + undefined
405 + );
406 + }
407 + if (props.x === 156) {
408 + return React.createElement(
409 + "button",
410 + { className: "_5b5u _5b5v _4jy0 _4jy3 _517h _51sy _42ft", onClick: function () {}, label: null, type: "submit", value: "1" },
411 + undefined,
412 + "Apply",
413 + undefined
414 + );
415 + }
416 + if (props.x === 161) {
417 + return React.createElement(
418 + "button",
419 + { className: "_1wdf _4jy0 _517i _517h _51sy _42ft", onClick: function () {}, label: null, type: "submit", value: "1" },
420 + React.createElement(ReactImage0, { x: 160 }),
421 + undefined,
422 + undefined
423 + );
424 + }
425 + if (props.x === 180) {
426 + return React.createElement(Link2, { x: 179 });
427 + }
428 + if (props.x === 187) {
429 + return React.createElement(
430 + "button",
431 + { "aria-label": "List Settings", className: "_u_k _3c5o _1-r0 _4jy0 _4jy4 _517h _51sy _42ft", "data-hover": "tooltip", "data-tooltip-content": "List Settings", onClick: function () {}, label: null, type: "submit", value: "1" },
432 + React.createElement(ReactImage0, { x: 186 }),
433 + undefined,
434 + undefined
435 + );
436 + }
437 + if (props.x === 269) {
438 + return React.createElement(Link2, { x: 268 });
439 + }
440 + if (props.x === 303) {
441 + return React.createElement(
442 + "button",
443 + { className: "_tm3 _tm6 _tm7 _4jy0 _4jy6 _517h _51sy _42ft", "data-tooltip-position": "right", "data-tooltip-content": "Campaigns", "data-hover": "tooltip", onClick: function () {}, label: null, type: "submit", value: "1" },
444 + undefined,
445 + React.createElement(
446 + "div",
447 + null,
448 + React.createElement("div", { className: "_tma" }),
449 + React.createElement("div", { className: "_tm8" }),
450 + React.createElement(
451 + "div",
452 + { className: "_tm9" },
453 + 1
454 + )
455 + ),
456 + undefined
457 + );
458 + }
459 + if (props.x === 305) {
460 + return React.createElement(
461 + "button",
462 + { className: "_tm4 _tm6 _4jy0 _4jy6 _517h _51sy _42ft", "data-tooltip-position": "right", "data-tooltip-content": "Ad Sets", "data-hover": "tooltip", onClick: function () {}, label: null, type: "submit", value: "1" },
463 + undefined,
464 + React.createElement(
465 + "div",
466 + null,
467 + React.createElement("div", { className: "_tma" }),
468 + React.createElement("div", { className: "_tm8" }),
469 + React.createElement(
470 + "div",
471 + { className: "_tm9" },
472 + 1
473 + )
474 + ),
475 + undefined
476 + );
477 + }
478 + if (props.x === 307) {
479 + return React.createElement(
480 + "button",
481 + { className: "_tm5 _tm6 _4jy0 _4jy6 _517h _51sy _42ft", "data-tooltip-position": "right", "data-tooltip-content": "Ads", "data-hover": "tooltip", onClick: function () {}, label: null, type: "submit", value: "1" },
482 + undefined,
483 + React.createElement(
484 + "div",
485 + null,
486 + React.createElement("div", { className: "_tma" }),
487 + React.createElement("div", { className: "_tm8" }),
488 + React.createElement(
489 + "div",
490 + { className: "_tm9" },
491 + 1
492 + )
493 + ),
494 + undefined
495 + );
496 + }
497 }
498 });
499
@@ -47,7 +501,73 @@
501 displayName: "XUIButton4",
502
503 render: function () {
50 - return React.createElement(AbstractButton3, null);
504 + var props = this.props;
505 + if (props.x === 4) {
506 + return React.createElement(AbstractButton3, { x: 3 });
507 + }
508 + if (props.x === 21) {
509 + return React.createElement(AbstractButton3, { x: 20 });
510 + }
511 + if (props.x === 24) {
512 + return React.createElement(AbstractButton3, { x: 23 });
513 + }
514 + if (props.x === 69) {
515 + return React.createElement(AbstractButton3, { x: 68 });
516 + }
517 + if (props.x === 72) {
518 + return React.createElement(AbstractButton3, { x: 71 });
519 + }
520 + if (props.x === 78) {
521 + return React.createElement(AbstractButton3, { x: 77 });
522 + }
523 + if (props.x === 81) {
524 + return React.createElement(AbstractButton3, { x: 80 });
525 + }
526 + if (props.x === 90) {
527 + return React.createElement(AbstractButton3, { x: 89 });
528 + }
529 + if (props.x === 93) {
530 + return React.createElement(AbstractButton3, { x: 92 });
531 + }
532 + if (props.x === 96) {
533 + return React.createElement(AbstractButton3, { x: 95 });
534 + }
535 + if (props.x === 100) {
536 + return React.createElement(AbstractButton3, { x: 99 });
537 + }
538 + if (props.x === 110) {
539 + return React.createElement(AbstractButton3, { x: 109 });
540 + }
541 + if (props.x === 113) {
542 + return React.createElement(AbstractButton3, { x: 112 });
543 + }
544 + if (props.x === 131) {
545 + return React.createElement(AbstractButton3, { x: 130 });
546 + }
547 + if (props.x === 139) {
548 + return React.createElement(AbstractButton3, { x: 138 });
549 + }
550 + if (props.x === 157) {
551 + return React.createElement(AbstractButton3, { x: 156 });
552 + }
553 + if (props.x === 162) {
554 + return React.createElement(AbstractButton3, { x: 161 });
555 + }
556 + if (props.x === 188) {
557 + return React.createElement(AbstractButton3, { x: 187 });
558 + }
559 + if (props.x === 270) {
560 + return React.createElement(AbstractButton3, { x: 269 });
561 + }
562 + if (props.x === 304) {
563 + return React.createElement(AbstractButton3, { x: 303 });
564 + }
565 + if (props.x === 306) {
566 + return React.createElement(AbstractButton3, { x: 305 });
567 + }
568 + if (props.x === 308) {
569 + return React.createElement(AbstractButton3, { x: 307 });
570 + }
571 }
572 });
573
@@ -55,7 +575,19 @@
575 displayName: "AbstractPopoverButton5",
576
577 render: function () {
58 - return React.createElement(XUIButton4, null);
578 + var props = this.props;
579 + if (props.x === 5) {
580 + return React.createElement(XUIButton4, { x: 4 });
581 + }
582 + if (props.x === 132) {
583 + return React.createElement(XUIButton4, { x: 131 });
584 + }
585 + if (props.x === 140) {
586 + return React.createElement(XUIButton4, { x: 139 });
587 + }
588 + if (props.x === 271) {
589 + return React.createElement(XUIButton4, { x: 270 });
590 + }
591 }
592 });
593
@@ -63,8938 +595,4506 @@
595 displayName: "ReactXUIPopoverButton6",
596
597 render: function () {
66 - return React.createElement(AbstractPopoverButton5, null);
67 - }
68 - });
69 -
70 - var AdsPEAccountSelector7 = React.createClass({
71 - displayName: "AdsPEAccountSelector7",
72 -
73 - render: function () {
74 - return React.createElement(ReactXUIPopoverButton6, { ref: "button" });
75 - }
76 - });
77 -
78 - var AdsPEAccountSelectorContainer8 = React.createClass({
79 - displayName: "AdsPEAccountSelectorContainer8",
80 -
81 - render: function () {
82 - return React.createElement(AdsPEAccountSelector7, null);
83 - }
84 - });
85 -
86 - var AbstractButton9 = React.createClass({
87 - displayName: "AbstractButton9",
88 -
89 - render: function () {
90 - return React.createElement(
91 - "button",
92 - { id: "downloadButton", className: "_5lk0 _4jy0 _4jy3 _517h _51sy _42ft", label: null, onClick: function () {}, use: "default", size: "medium", borderShade: "light", suppressed: false, type: "submit", value: "1" },
93 - undefined,
94 - "Download to Power Editor",
95 - undefined
96 - );
97 - }
98 - });
99 -
100 - var XUIButton10 = React.createClass({
101 - displayName: "XUIButton10",
102 -
103 - render: function () {
104 - return React.createElement(AbstractButton9, null);
105 - }
106 - });
107 -
108 - var DownloadUploadTimestamp11 = React.createClass({
109 - displayName: "DownloadUploadTimestamp11",
110 -
111 - render: function () {
112 - return React.createElement(
113 - "div",
114 - null,
115 - "Last downloaded",
116 - " ",
117 - React.createElement(
118 - "abbr",
119 - { className: "livetimestamp", "data-utime": 1446062352, "data-shorten": false },
120 - "a few seconds ago"
121 - )
122 - );
123 - }
124 - });
125 -
126 - var ReactImage12 = React.createClass({
127 - displayName: "ReactImage12",
128 -
129 - render: function () {
130 - return React.createElement("i", { alt: "", className: "_3-8_ img sp_UuU9HmrQ397 sx_dbc06a", src: null });
131 - }
132 - });
133 -
134 - var AbstractButton13 = React.createClass({
135 - displayName: "AbstractButton13",
136 -
137 - render: function () {
138 - return React.createElement(
139 - "button",
140 - { id: "uploadButton", className: "_5lk0 _4jy0 _4jy3 _517h _51sy _42ft", image: {}, use: "default", label: null, onClick: function () {}, size: "medium", borderShade: "light", suppressed: false, type: "submit", value: "1" },
141 - React.createElement(ReactImage12, null),
142 - "Upload Changes",
143 - undefined
144 - );
145 - }
146 - });
147 -
148 - var XUIButton14 = React.createClass({
149 - displayName: "XUIButton14",
150 -
151 - render: function () {
152 - return React.createElement(AbstractButton13, null);
598 + var props = this.props;
599 + if (props.x === 6) {
600 + return React.createElement(AbstractPopoverButton5, { x: 5 });
601 + }
602 + if (props.x === 133) {
603 + return React.createElement(AbstractPopoverButton5, { x: 132 });
604 + }
605 + if (props.x === 141) {
606 + return React.createElement(AbstractPopoverButton5, { x: 140 });
607 + }
608 + if (props.x === 272) {
609 + return React.createElement(AbstractPopoverButton5, { x: 271 });
610 + }
611 }
612 });
613
156 - var DownloadUploadTimestamp15 = React.createClass({
157 - displayName: "DownloadUploadTimestamp15",
614 + var BIGAdAccountSelector7 = React.createClass({
615 + displayName: "BIGAdAccountSelector7",
616
617 render: function () {
160 - return React.createElement("div", null);
161 - }
162 - });
163 -
164 - var AbstractButton16 = React.createClass({
165 - displayName: "AbstractButton16",
166 -
167 - render: function () {
168 - return React.createElement(
169 - "button",
170 - { className: "_5ljz _4jy0 _4jy3 _517h _51sy _42ft", label: null, onClick: function () {}, use: "default", size: "medium", borderShade: "light", suppressed: false, type: "submit", value: "1" },
171 - undefined,
172 - "Help",
173 - undefined
174 - );
175 - }
176 - });
177 -
178 - var XUIButton17 = React.createClass({
179 - displayName: "XUIButton17",
180 -
181 - render: function () {
182 - return React.createElement(AbstractButton16, null);
618 + var props = this.props;
619 + if (props.x === 7) {
620 + return React.createElement(
621 + "div",
622 + null,
623 + React.createElement(ReactXUIPopoverButton6, { x: 6, ref: "openMenuButton" }),
624 + null
625 + );
626 + }
627 + }
628 + });
629 +
630 + var FluxContainer_AdsPEBIGAdAccountSelectorContainer_8 = React.createClass({
631 + displayName: "FluxContainer_AdsPEBIGAdAccountSelectorContainer_8",
632 +
633 + render: function () {
634 + var props = this.props;
635 + if (props.x === 8) {
636 + return React.createElement(BIGAdAccountSelector7, { x: 7 });
637 + }
638 + }
639 + });
640 +
641 + var ErrorBoundary9 = React.createClass({
642 + displayName: "ErrorBoundary9",
643 +
644 + render: function () {
645 + var props = this.props;
646 + if (props.x === 9) {
647 + return React.createElement(FluxContainer_AdsPEBIGAdAccountSelectorContainer_8, { x: 8 });
648 + }
649 + if (props.x === 13) {
650 + return React.createElement(FluxContainer_AdsPENavigationBarContainer_12, { x: 12 });
651 + }
652 + if (props.x === 27) {
653 + return React.createElement(FluxContainer_AdsPEPublishButtonContainer_18, { x: 26 });
654 + }
655 + if (props.x === 32) {
656 + return React.createElement(ReactPopoverMenu20, { x: 31 });
657 + }
658 + if (props.x === 38) {
659 + return React.createElement(AdsPEResetDialog24, { x: 37 });
660 + }
661 + if (props.x === 57) {
662 + return React.createElement(FluxContainer_AdsPETopErrorContainer_35, { x: 56 });
663 + }
664 + if (props.x === 60) {
665 + return React.createElement(FluxContainer_AdsGuidanceChannel_36, { x: 59 });
666 + }
667 + if (props.x === 64) {
668 + return React.createElement(FluxContainer_AdsBulkEditDialogContainer_38, { x: 63 });
669 + }
670 + if (props.x === 124) {
671 + return React.createElement(AdsPECampaignGroupToolbarContainer57, { x: 123 });
672 + }
673 + if (props.x === 170) {
674 + return React.createElement(AdsPEFilterContainer72, { x: 169 });
675 + }
676 + if (props.x === 175) {
677 + return React.createElement(AdsPETablePagerContainer75, { x: 174 });
678 + }
679 + if (props.x === 193) {
680 + return React.createElement(AdsPEStatRangeContainer81, { x: 192 });
681 + }
682 + if (props.x === 301) {
683 + return React.createElement(FluxContainer_AdsPEMultiTabDrawerContainer_137, { x: 300 });
684 + }
685 + if (props.x === 311) {
686 + return React.createElement(AdsPEOrganizerContainer139, { x: 310 });
687 + }
688 + if (props.x === 471) {
689 + return React.createElement(AdsPECampaignGroupTableContainer159, { x: 470 });
690 + }
691 + if (props.x === 475) {
692 + return React.createElement(AdsPEContentContainer161, { x: 474 });
693 + }
694 + }
695 + });
696 +
697 + var AdsErrorBoundary10 = React.createClass({
698 + displayName: "AdsErrorBoundary10",
699 +
700 + render: function () {
701 + var props = this.props;
702 + if (props.x === 10) {
703 + return React.createElement(ErrorBoundary9, { x: 9 });
704 + }
705 + if (props.x === 14) {
706 + return React.createElement(ErrorBoundary9, { x: 13 });
707 + }
708 + if (props.x === 28) {
709 + return React.createElement(ErrorBoundary9, { x: 27 });
710 + }
711 + if (props.x === 33) {
712 + return React.createElement(ErrorBoundary9, { x: 32 });
713 + }
714 + if (props.x === 39) {
715 + return React.createElement(ErrorBoundary9, { x: 38 });
716 + }
717 + if (props.x === 58) {
718 + return React.createElement(ErrorBoundary9, { x: 57 });
719 + }
720 + if (props.x === 61) {
721 + return React.createElement(ErrorBoundary9, { x: 60 });
722 + }
723 + if (props.x === 65) {
724 + return React.createElement(ErrorBoundary9, { x: 64 });
725 + }
726 + if (props.x === 125) {
727 + return React.createElement(ErrorBoundary9, { x: 124 });
728 + }
729 + if (props.x === 171) {
730 + return React.createElement(ErrorBoundary9, { x: 170 });
731 + }
732 + if (props.x === 176) {
733 + return React.createElement(ErrorBoundary9, { x: 175 });
734 + }
735 + if (props.x === 194) {
736 + return React.createElement(ErrorBoundary9, { x: 193 });
737 + }
738 + if (props.x === 302) {
739 + return React.createElement(ErrorBoundary9, { x: 301 });
740 + }
741 + if (props.x === 312) {
742 + return React.createElement(ErrorBoundary9, { x: 311 });
743 + }
744 + if (props.x === 472) {
745 + return React.createElement(ErrorBoundary9, { x: 471 });
746 + }
747 + if (props.x === 476) {
748 + return React.createElement(ErrorBoundary9, { x: 475 });
749 + }
750 + }
751 + });
752 +
753 + var AdsPENavigationBar11 = React.createClass({
754 + displayName: "AdsPENavigationBar11",
755 +
756 + render: function () {
757 + var props = this.props;
758 + if (props.x === 11) {
759 + return React.createElement("div", { className: "_4t_9" });
760 + }
761 + }
762 + });
763 +
764 + var FluxContainer_AdsPENavigationBarContainer_12 = React.createClass({
765 + displayName: "FluxContainer_AdsPENavigationBarContainer_12",
766 +
767 + render: function () {
768 + var props = this.props;
769 + if (props.x === 12) {
770 + return React.createElement(AdsPENavigationBar11, { x: 11 });
771 + }
772 + }
773 + });
774 +
775 + var AdsPEDraftSyncStatus13 = React.createClass({
776 + displayName: "AdsPEDraftSyncStatus13",
777 +
778 + render: function () {
779 + var props = this.props;
780 + if (props.x === 16) {
781 + return React.createElement(
782 + "div",
783 + { className: "_3ut-", onClick: function () {} },
784 + React.createElement(
785 + "span",
786 + { className: "_3uu0" },
787 + React.createElement(ReactImage0, { x: 15 })
788 + )
789 + );
790 + }
791 }
792 });
793
186 - var ReactImage18 = React.createClass({
187 - displayName: "ReactImage18",
794 + var FluxContainer_AdsPEDraftSyncStatusContainer_14 = React.createClass({
795 + displayName: "FluxContainer_AdsPEDraftSyncStatusContainer_14",
796
797 render: function () {
190 - return React.createElement("i", { src: null, className: "img sp_UuU9HmrQ397 sx_d5a685" });
798 + var props = this.props;
799 + if (props.x === 17) {
800 + return React.createElement(AdsPEDraftSyncStatus13, { x: 16 });
801 + }
802 }
803 });
804
194 - var AbstractButton19 = React.createClass({
195 - displayName: "AbstractButton19",
805 + var AdsPEDraftErrorsStatus15 = React.createClass({
806 + displayName: "AdsPEDraftErrorsStatus15",
807
808 render: function () {
198 - return React.createElement(
199 - "button",
200 - { className: "_5ljw _p _4jy0 _4jy3 _517h _51sy _42ft", image: {}, use: "default", size: "medium", borderShade: "light", suppressed: false, label: null, type: "submit", value: "1" },
201 - React.createElement(ReactImage18, null),
202 - undefined,
203 - undefined
204 - );
809 + var props = this.props;
810 + if (props.x === 18) {
811 + return null;
812 + }
813 }
814 });
815
208 - var XUIButton20 = React.createClass({
209 - displayName: "XUIButton20",
816 + var FluxContainer_viewFn_16 = React.createClass({
817 + displayName: "FluxContainer_viewFn_16",
818
819 render: function () {
212 - return React.createElement(AbstractButton19, null);
820 + var props = this.props;
821 + if (props.x === 19) {
822 + return React.createElement(AdsPEDraftErrorsStatus15, { x: 18 });
823 + }
824 }
825 });
826
216 - var InlineBlock21 = React.createClass({
217 - displayName: "InlineBlock21",
827 + var AdsPEPublishButton17 = React.createClass({
828 + displayName: "AdsPEPublishButton17",
829
830 render: function () {
220 - return React.createElement(
221 - "div",
222 - { className: "_5ljz uiPopover _6a _6b", alignh: "right", menu: {}, alignv: "middle", disabled: null, fullWidth: false },
223 - React.createElement(XUIButton20, { key: "/.0" })
224 - );
831 + var props = this.props;
832 + if (props.x === 25) {
833 + return React.createElement(
834 + "div",
835 + { className: "_5533" },
836 + React.createElement(FluxContainer_AdsPEDraftSyncStatusContainer_14, { x: 17 }),
837 + React.createElement(FluxContainer_viewFn_16, { x: 19 }),
838 + null,
839 + React.createElement(XUIButton4, { x: 21, key: "discard" }),
840 + React.createElement(XUIButton4, { x: 24, ref: "reviewChangesButton" })
841 + );
842 + }
843 }
844 });
845
228 - var ReactPopoverMenu22 = React.createClass({
229 - displayName: "ReactPopoverMenu22",
846 + var FluxContainer_AdsPEPublishButtonContainer_18 = React.createClass({
847 + displayName: "FluxContainer_AdsPEPublishButtonContainer_18",
848
849 render: function () {
232 - return React.createElement(InlineBlock21, { ref: "root" });
850 + var props = this.props;
851 + if (props.x === 26) {
852 + return React.createElement(AdsPEPublishButton17, { x: 25 });
853 + }
854 }
855 });
856
236 - var XUIButtonGroup23 = React.createClass({
237 - displayName: "XUIButtonGroup23",
857 + var InlineBlock19 = React.createClass({
858 + displayName: "InlineBlock19",
859
860 render: function () {
240 - return React.createElement(
241 - "div",
242 - { className: "_13xj _51xa", id: "helpButton" },
243 - React.createElement(XUIButton17, null),
244 - React.createElement(ReactPopoverMenu22, null)
245 - );
861 + var props = this.props;
862 + if (props.x === 30) {
863 + return React.createElement(
864 + "div",
865 + { className: "uiPopover _6a _6b", disabled: null },
866 + React.createElement(ReactImage0, { x: 29, key: ".0" })
867 + );
868 + }
869 + if (props.x === 73) {
870 + return React.createElement(
871 + "div",
872 + { className: "uiPopover _6a _6b", disabled: null },
873 + React.createElement(XUIButton4, { x: 72, key: ".0" })
874 + );
875 + }
876 + if (props.x === 82) {
877 + return React.createElement(
878 + "div",
879 + { className: "_1nwm uiPopover _6a _6b", disabled: null },
880 + React.createElement(XUIButton4, { x: 81, key: ".0" })
881 + );
882 + }
883 + if (props.x === 101) {
884 + return React.createElement(
885 + "div",
886 + { size: "large", className: "uiPopover _6a _6b", disabled: null },
887 + React.createElement(XUIButton4, { x: 100, key: ".0" })
888 + );
889 + }
890 + if (props.x === 273) {
891 + return React.createElement(
892 + "div",
893 + { className: "_3-90 uiPopover _6a _6b", style: { "marginTop": 2 }, disabled: null },
894 + React.createElement(ReactXUIPopoverButton6, { x: 272, key: ".0" })
895 + );
896 + }
897 }
898 });
899
249 - var AdsPEResetDialog24 = React.createClass({
250 - displayName: "AdsPEResetDialog24",
900 + var ReactPopoverMenu20 = React.createClass({
901 + displayName: "ReactPopoverMenu20",
902
903 render: function () {
253 - return React.createElement("span", null);
904 + var props = this.props;
905 + if (props.x === 31) {
906 + return React.createElement(InlineBlock19, { x: 30, ref: "root" });
907 + }
908 + if (props.x === 74) {
909 + return React.createElement(InlineBlock19, { x: 73, ref: "root" });
910 + }
911 + if (props.x === 83) {
912 + return React.createElement(InlineBlock19, { x: 82, ref: "root" });
913 + }
914 + if (props.x === 102) {
915 + return React.createElement(InlineBlock19, { x: 101, ref: "root" });
916 + }
917 + if (props.x === 274) {
918 + return React.createElement(InlineBlock19, { x: 273, ref: "root" });
919 + }
920 }
921 });
922
257 - var AdsPETopNav25 = React.createClass({
258 - displayName: "AdsPETopNav25",
923 + var LeftRight21 = React.createClass({
924 + displayName: "LeftRight21",
925
926 render: function () {
261 - return React.createElement(
262 - "div",
263 - { className: "_5ljl", id: "ads_pe_top_nav" },
264 - React.createElement(
927 + var props = this.props;
928 + if (props.x === 34) {
929 + return React.createElement(
930 "div",
266 - { ref: "logo", className: "_5ljm" },
267 - React.createElement(Link0, null),
931 + { className: "clearfix" },
932 React.createElement(
933 "div",
270 - { className: "_5rne" },
934 + { key: "left", className: "_ohe lfloat" },
935 React.createElement(
272 - "span",
273 - { className: "_5ljs", "data-testid": "PETopNavLogoText" },
274 - "Power Editor"
936 + "div",
937 + { className: "_34_j" },
938 + React.createElement(
939 + "div",
940 + { className: "_34_k" },
941 + React.createElement(AdsErrorBoundary10, { x: 10 })
942 + ),
943 + React.createElement(
944 + "div",
945 + { className: "_2u-6" },
946 + React.createElement(AdsErrorBoundary10, { x: 14 })
947 + )
948 )
949 ),
950 React.createElement(
278 - "span",
279 - { className: "_5ljt _5lju" },
280 - "Dick Madanson"
951 + "div",
952 + { key: "right", className: "_ohf rfloat" },
953 + React.createElement(
954 + "div",
955 + { className: "_34_m" },
956 + React.createElement(
957 + "div",
958 + { key: "0", className: "_5ju2" },
959 + React.createElement(AdsErrorBoundary10, { x: 28 })
960 + ),
961 + React.createElement(
962 + "div",
963 + { key: "1", className: "_5ju2" },
964 + React.createElement(AdsErrorBoundary10, { x: 33 })
965 + )
966 + )
967 )
282 - ),
283 - React.createElement(
968 + );
969 + }
970 + if (props.x === 232) {
971 + return React.createElement(
972 "div",
285 - { ref: "leftButtonGroup", className: "_5ljy" },
973 + { flex: "right", direction: "left", className: "clearfix" },
974 React.createElement(
975 "div",
288 - { ref: "accountDropdown", className: "_5ljz _5mun" },
289 - React.createElement(AdsPEAccountSelectorContainer8, null),
976 + { key: "left", className: "_ohe lfloat" },
977 + React.createElement(AdsLabeledField104, { x: 231 })
978 + ),
979 + React.createElement(
980 + "div",
981 + { key: "right", className: "" },
982 React.createElement(
983 "div",
292 - { className: "_5lj- _5lju" },
293 - "Account 10149999073643408"
984 + { className: "_42ef" },
985 + React.createElement(
986 + "div",
987 + { className: "_2oc7" },
988 + "Clicks to Website"
989 + )
990 )
991 + )
992 + );
993 + }
994 + if (props.x === 235) {
995 + return React.createElement(
996 + "div",
997 + { className: "_3-8x clearfix", flex: "right", direction: "left" },
998 + React.createElement(
999 + "div",
1000 + { key: "left", className: "_ohe lfloat" },
1001 + React.createElement(AdsLabeledField104, { x: 234 })
1002 ),
1003 React.createElement(
1004 "div",
298 - { className: "_5ljz" },
299 - React.createElement(
300 - "div",
301 - { className: "_5lj_" },
302 - React.createElement(XUIButton10, null)
303 - ),
1005 + { key: "right", className: "" },
1006 React.createElement(
1007 "div",
306 - { className: "_5lj- _5lju" },
307 - React.createElement(DownloadUploadTimestamp11, null)
1008 + { className: "_42ef" },
1009 + React.createElement(
1010 + "div",
1011 + { className: "_2oc7" },
1012 + "Auction"
1013 + )
1014 )
1015 + )
1016 + );
1017 + }
1018 + if (props.x === 245) {
1019 + return React.createElement(
1020 + "div",
1021 + { className: "_3-8y clearfix", flex: "right", direction: "left" },
1022 + React.createElement(
1023 + "div",
1024 + { key: "left", className: "_ohe lfloat" },
1025 + React.createElement(AdsLabeledField104, { x: 240 })
1026 ),
1027 React.createElement(
1028 "div",
312 - { className: "_5ljz" },
1029 + { key: "right", className: "" },
1030 React.createElement(
1031 "div",
315 - { className: "_5lj_" },
316 - React.createElement(XUIButton14, null)
317 - ),
318 - React.createElement(
319 - "div",
320 - { className: "_5lj- _5lju" },
321 - React.createElement(DownloadUploadTimestamp15, null)
1032 + { className: "_42ef" },
1033 + React.createElement(FluxContainer_AdsCampaignGroupSpendCapContainer_107, { x: 244 })
1034 )
1035 )
324 - ),
325 - React.createElement(
1036 + );
1037 + }
1038 + if (props.x === 277) {
1039 + return React.createElement(
1040 "div",
327 - { ref: "rightButtonGroup", className: "_5lk3" },
328 - React.createElement(XUIButtonGroup23, null)
329 - ),
330 - React.createElement(AdsPEResetDialog24, null)
331 - );
332 - }
333 - });
334 -
335 - var FluxContainer_ja_26 = React.createClass({
336 - displayName: "FluxContainer_ja_26",
337 -
338 - render: function () {
339 - return React.createElement(AdsPETopNav25, null);
340 - }
341 - });
342 -
343 - var _wrapper27 = React.createClass({
344 - displayName: "_wrapper27",
345 -
346 - render: function () {
347 - return React.createElement(
348 - "li",
349 - { selected: true, focused: false, tabIndex: null, hideFocusRing: true, onClick: function () {}, onMouseDown: function () {}, onFocus: function () {}, onBlur: function () {}, className: "_5vwz _5vwy _45hc _1hqh", wrapper: function () {}, shouldWrapTab: true, mockSpacebarClick: true, role: "presentation" },
350 - React.createElement(
351 - "a",
352 - { ref: "tab", ajaxify: undefined, href: "#", role: "tab", rel: undefined, target: undefined, tabIndex: 0, className: "", "aria-selected": true, onKeyDown: function () {} },
1041 + { className: "_5dw9 _5dwa clearfix" },
1042 React.createElement(
1043 "div",
355 - { className: "_4jq5" },
356 - "Manage Ads"
1044 + { key: "left", className: "_ohe lfloat" },
1045 + React.createElement(XUICardHeaderTitle100, { x: 265, key: ".0" })
1046 ),
358 - React.createElement("span", { className: "_13xf" })
359 - )
360 - );
1047 + React.createElement(
1048 + "div",
1049 + { key: "right", className: "_ohf rfloat" },
1050 + React.createElement(FluxContainer_AdsPluginizedLinksMenuContainer_121, { x: 276, key: ".1" })
1051 + )
1052 + );
1053 + }
1054 }
1055 });
1056
364 - var TabBarItem28 = React.createClass({
365 - displayName: "TabBarItem28",
1057 + var AdsUnifiedNavigationLocalNav22 = React.createClass({
1058 + displayName: "AdsUnifiedNavigationLocalNav22",
1059
1060 render: function () {
368 - return React.createElement(_wrapper27, null);
1061 + var props = this.props;
1062 + if (props.x === 35) {
1063 + return React.createElement(
1064 + "div",
1065 + { className: "_34_i" },
1066 + React.createElement(LeftRight21, { x: 34 })
1067 + );
1068 + }
1069 }
1070 });
1071
372 - var XUIPageNavigationItem29 = React.createClass({
373 - displayName: "XUIPageNavigationItem29",
1072 + var XUIDialog23 = React.createClass({
1073 + displayName: "XUIDialog23",
1074
1075 render: function () {
376 - return React.createElement(TabBarItem28, null);
1076 + var props = this.props;
1077 + if (props.x === 36) {
1078 + return null;
1079 + }
1080 }
1081 });
1082
380 - var TabBarItemWrapper30 = React.createClass({
381 - displayName: "TabBarItemWrapper30",
1083 + var AdsPEResetDialog24 = React.createClass({
1084 + displayName: "AdsPEResetDialog24",
1085
1086 render: function () {
384 - return React.createElement(XUIPageNavigationItem29, { key: "MANAGE_ADS" });
1087 + var props = this.props;
1088 + if (props.x === 37) {
1089 + return React.createElement(
1090 + "span",
1091 + null,
1092 + React.createElement(XUIDialog23, { x: 36, key: "dialog/.0" })
1093 + );
1094 + }
1095 }
1096 });
1097
388 - var _wrapper31 = React.createClass({
389 - displayName: "_wrapper31",
1098 + var AdsPETopNav25 = React.createClass({
1099 + displayName: "AdsPETopNav25",
1100
1101 render: function () {
392 - return React.createElement(
393 - "li",
394 - { selected: false, focused: false, tabIndex: null, hideFocusRing: true, onClick: function () {}, onMouseDown: function () {}, onFocus: function () {}, onBlur: function () {}, className: "_5vwz _45hc", wrapper: function () {}, shouldWrapTab: true, mockSpacebarClick: true, role: "presentation" },
395 - React.createElement(
396 - "a",
397 - { ref: "tab", ajaxify: undefined, href: "#", role: "tab", rel: undefined, target: undefined, tabIndex: -1, className: "", "aria-selected": false, onKeyDown: function () {} },
398 - React.createElement(
399 - "div",
400 - { className: "_4jq5" },
401 - "Audiences"
402 - ),
403 - React.createElement("span", { className: "_13xf" })
404 - )
405 - );
1102 + var props = this.props;
1103 + if (props.x === 40) {
1104 + return React.createElement(
1105 + "div",
1106 + { style: { "width": 1306 } },
1107 + React.createElement(AdsUnifiedNavigationLocalNav22, { x: 35 }),
1108 + React.createElement(AdsErrorBoundary10, { x: 39 })
1109 + );
1110 + }
1111 }
1112 });
1113
409 - var TabBarItem32 = React.createClass({
410 - displayName: "TabBarItem32",
1114 + var FluxContainer_AdsPETopNavContainer_26 = React.createClass({
1115 + displayName: "FluxContainer_AdsPETopNavContainer_26",
1116
1117 render: function () {
413 - return React.createElement(_wrapper31, null);
1118 + var props = this.props;
1119 + if (props.x === 41) {
1120 + return React.createElement(AdsPETopNav25, { x: 40 });
1121 + }
1122 }
1123 });
1124
417 - var XUIPageNavigationItem33 = React.createClass({
418 - displayName: "XUIPageNavigationItem33",
1125 + var XUIAbstractGlyphButton27 = React.createClass({
1126 + displayName: "XUIAbstractGlyphButton27",
1127
1128 render: function () {
421 - return React.createElement(TabBarItem32, null);
1129 + var props = this.props;
1130 + if (props.x === 46) {
1131 + return React.createElement(AbstractButton3, { x: 45 });
1132 + }
1133 + if (props.x === 150) {
1134 + return React.createElement(AbstractButton3, { x: 149 });
1135 + }
1136 }
1137 });
1138
425 - var TabBarItemWrapper34 = React.createClass({
426 - displayName: "TabBarItemWrapper34",
1139 + var XUICloseButton28 = React.createClass({
1140 + displayName: "XUICloseButton28",
1141
1142 render: function () {
429 - return React.createElement(XUIPageNavigationItem33, { key: "AUDIENCES" });
1143 + var props = this.props;
1144 + if (props.x === 47) {
1145 + return React.createElement(XUIAbstractGlyphButton27, { x: 46 });
1146 + }
1147 + if (props.x === 151) {
1148 + return React.createElement(XUIAbstractGlyphButton27, { x: 150 });
1149 + }
1150 }
1151 });
1152
433 - var _wrapper35 = React.createClass({
434 - displayName: "_wrapper35",
1153 + var XUIText29 = React.createClass({
1154 + displayName: "XUIText29",
1155
1156 render: function () {
437 - return React.createElement(
438 - "li",
439 - { selected: false, focused: false, tabIndex: null, hideFocusRing: true, onClick: function () {}, onMouseDown: function () {}, onFocus: function () {}, onBlur: function () {}, className: "_5vwz _45hc", wrapper: function () {}, shouldWrapTab: true, mockSpacebarClick: true, role: "presentation" },
440 - React.createElement(
441 - "a",
442 - { ref: "tab", ajaxify: undefined, href: "#", role: "tab", rel: undefined, target: undefined, tabIndex: -1, className: "", "aria-selected": false, onKeyDown: function () {} },
443 - React.createElement(
444 - "div",
445 - { className: "_4jq5" },
446 - "Image Library"
447 - ),
448 - React.createElement("span", { className: "_13xf" })
449 - )
450 - );
1157 + var props = this.props;
1158 + if (props.x === 48) {
1159 + return React.createElement(
1160 + "span",
1161 + { display: "inline", className: " _50f7" },
1162 + "Ads Manager"
1163 + );
1164 + }
1165 + if (props.x === 205) {
1166 + return React.createElement(
1167 + "span",
1168 + { className: "_2x9f _50f5 _50f7", display: "inline" },
1169 + "Editing Campaign"
1170 + );
1171 + }
1172 + if (props.x === 206) {
1173 + return React.createElement(
1174 + "span",
1175 + { display: "inline", className: " _50f5 _50f7" },
1176 + "Test Campaign"
1177 + );
1178 + }
1179 }
1180 });
1181
454 - var TabBarItem36 = React.createClass({
455 - displayName: "TabBarItem36",
1182 + var XUINotice30 = React.createClass({
1183 + displayName: "XUINotice30",
1184
1185 render: function () {
458 - return React.createElement(_wrapper35, null);
1186 + var props = this.props;
1187 + if (props.x === 51) {
1188 + return React.createElement(
1189 + "div",
1190 + { size: "medium", className: "_585n _585o _2wdd" },
1191 + React.createElement(ReactImage0, { x: 42 }),
1192 + React.createElement(XUICloseButton28, { x: 47 }),
1193 + React.createElement(
1194 + "div",
1195 + { className: "_585r _2i-a _50f4" },
1196 + "Please go to ",
1197 + React.createElement(Link2, { x: 50 }),
1198 + " to set up a payment method for this ad account."
1199 + )
1200 + );
1201 + }
1202 }
1203 });
1204
462 - var XUIPageNavigationItem37 = React.createClass({
463 - displayName: "XUIPageNavigationItem37",
1205 + var ReactCSSTransitionGroupChild31 = React.createClass({
1206 + displayName: "ReactCSSTransitionGroupChild31",
1207
1208 render: function () {
466 - return React.createElement(TabBarItem36, null);
1209 + var props = this.props;
1210 + if (props.x === 52) {
1211 + return React.createElement(XUINotice30, { x: 51 });
1212 + }
1213 }
1214 });
1215
470 - var TabBarItemWrapper38 = React.createClass({
471 - displayName: "TabBarItemWrapper38",
1216 + var ReactTransitionGroup32 = React.createClass({
1217 + displayName: "ReactTransitionGroup32",
1218
1219 render: function () {
474 - return React.createElement(XUIPageNavigationItem37, { key: "IMAGES" });
1220 + var props = this.props;
1221 + if (props.x === 53) {
1222 + return React.createElement(
1223 + "span",
1224 + null,
1225 + React.createElement(ReactCSSTransitionGroupChild31, { x: 52, key: ".0", ref: ".0" })
1226 + );
1227 + }
1228 }
1229 });
1230
478 - var _wrapper39 = React.createClass({
479 - displayName: "_wrapper39",
1231 + var ReactCSSTransitionGroup33 = React.createClass({
1232 + displayName: "ReactCSSTransitionGroup33",
1233
1234 render: function () {
482 - return React.createElement(
483 - "li",
484 - { selected: false, focused: false, tabIndex: null, hideFocusRing: true, onClick: function () {}, onMouseDown: function () {}, onFocus: function () {}, onBlur: function () {}, className: "_5vwz _45hc", wrapper: function () {}, shouldWrapTab: true, mockSpacebarClick: true, role: "presentation" },
485 - React.createElement(
486 - "a",
487 - { ref: "tab", ajaxify: undefined, href: "#", role: "tab", rel: undefined, target: undefined, tabIndex: -1, className: "", "aria-selected": false, onKeyDown: function () {} },
488 - React.createElement(
489 - "div",
490 - { className: "_4jq5" },
491 - "Reporting",
492 - null
493 - ),
494 - React.createElement("span", { className: "_13xf" })
495 - )
496 - );
1235 + var props = this.props;
1236 + if (props.x === 54) {
1237 + return React.createElement(ReactTransitionGroup32, { x: 53 });
1238 + }
1239 }
1240 });
1241
500 - var TabBarItem40 = React.createClass({
501 - displayName: "TabBarItem40",
1242 + var AdsPETopError34 = React.createClass({
1243 + displayName: "AdsPETopError34",
1244
1245 render: function () {
504 - return React.createElement(_wrapper39, null);
1246 + var props = this.props;
1247 + if (props.x === 55) {
1248 + return React.createElement(
1249 + "div",
1250 + { className: "_2wdc" },
1251 + React.createElement(ReactCSSTransitionGroup33, { x: 54 })
1252 + );
1253 + }
1254 }
1255 });
1256
508 - var XUIPageNavigationItem41 = React.createClass({
509 - displayName: "XUIPageNavigationItem41",
1257 + var FluxContainer_AdsPETopErrorContainer_35 = React.createClass({
1258 + displayName: "FluxContainer_AdsPETopErrorContainer_35",
1259
1260 render: function () {
512 - return React.createElement(TabBarItem40, null);
1261 + var props = this.props;
1262 + if (props.x === 56) {
1263 + return React.createElement(AdsPETopError34, { x: 55 });
1264 + }
1265 }
1266 });
1267
516 - var TabBarItemWrapper42 = React.createClass({
517 - displayName: "TabBarItemWrapper42",
1268 + var FluxContainer_AdsGuidanceChannel_36 = React.createClass({
1269 + displayName: "FluxContainer_AdsGuidanceChannel_36",
1270
1271 render: function () {
520 - return React.createElement(XUIPageNavigationItem41, { key: "REPORTING" });
1272 + var props = this.props;
1273 + if (props.x === 59) {
1274 + return null;
1275 + }
1276 }
1277 });
1278
524 - var _wrapper43 = React.createClass({
525 - displayName: "_wrapper43",
1279 + var ResponsiveBlock37 = React.createClass({
1280 + displayName: "ResponsiveBlock37",
1281
1282 render: function () {
528 - return React.createElement(
529 - "li",
530 - { selected: false, focused: false, tabIndex: null, hideFocusRing: true, onClick: function () {}, onMouseDown: function () {}, onFocus: function () {}, onBlur: function () {}, className: "_5vwz _45hc", wrapper: function () {}, shouldWrapTab: true, mockSpacebarClick: true, role: "presentation" },
531 - React.createElement(
532 - "a",
533 - { ref: "tab", ajaxify: undefined, href: "#", role: "tab", rel: undefined, target: undefined, tabIndex: -1, className: "", "aria-selected": false, onKeyDown: function () {} },
1283 + var props = this.props;
1284 + if (props.x === 62) {
1285 + return React.createElement(
1286 + "div",
1287 + { onResize: function () {}, className: "_4u-c" },
1288 + [React.createElement(AdsErrorBoundary10, { x: 58 }), React.createElement(AdsErrorBoundary10, { x: 61 })],
1289 React.createElement(
1290 "div",
536 - { className: "_4jq5" },
537 - "Page Posts"
538 - ),
539 - React.createElement("span", { className: "_13xf" })
540 - )
541 - );
542 - }
543 - });
544 -
545 - var TabBarItem44 = React.createClass({
546 - displayName: "TabBarItem44",
547 -
548 - render: function () {
549 - return React.createElement(_wrapper43, null);
550 - }
551 - });
552 -
553 - var XUIPageNavigationItem45 = React.createClass({
554 - displayName: "XUIPageNavigationItem45",
555 -
556 - render: function () {
557 - return React.createElement(TabBarItem44, null);
1291 + { key: "sensor", className: "_4u-f" },
1292 + React.createElement("iframe", { ref: "sensorNode", "aria-hidden": "true", className: "_1_xb", tabIndex: "-1" })
1293 + )
1294 + );
1295 + }
1296 + if (props.x === 469) {
1297 + return React.createElement(
1298 + "div",
1299 + { onResize: function () {}, className: "_4u-c" },
1300 + React.createElement(AdsPEDataTableContainer158, { x: 468 }),
1301 + React.createElement(
1302 + "div",
1303 + { key: "sensor", className: "_4u-f" },
1304 + React.createElement("iframe", { ref: "sensorNode", "aria-hidden": "true", className: "_1_xb", tabIndex: "-1" })
1305 + )
1306 + );
1307 + }
1308 }
1309 });
1310
561 - var TabBarItemWrapper46 = React.createClass({
562 - displayName: "TabBarItemWrapper46",
1311 + var FluxContainer_AdsBulkEditDialogContainer_38 = React.createClass({
1312 + displayName: "FluxContainer_AdsBulkEditDialogContainer_38",
1313
1314 render: function () {
565 - return React.createElement(XUIPageNavigationItem45, { key: "PAGES" });
1315 + var props = this.props;
1316 + if (props.x === 63) {
1317 + return null;
1318 + }
1319 }
1320 });
1321
569 - var TabBarItem47 = React.createClass({
570 - displayName: "TabBarItem47",
1322 + var Column39 = React.createClass({
1323 + displayName: "Column39",
1324
1325 render: function () {
573 - return React.createElement(
574 - "a",
575 - { ref: "tab", menuClassName: undefined, selected: false, focused: false, hideFocusRing: true, onMouseDown: function () {}, onFocus: function () {}, onBlur: function () {}, label: "Tools", tabComponent: function () {}, shouldWrapTab: false, className: "_45hd _45hc _p _45hc", tabIndex: -1, mockSpacebarClick: false, wrapper: function () {}, href: "#", role: "tab", "aria-selected": false },
576 - React.createElement(
577 - "span",
578 - { className: "_1b0" },
579 - "Tools",
1326 + var props = this.props;
1327 + if (props.x === 66) {
1328 + return React.createElement(
1329 + "div",
1330 + { className: "_4bl8 _4bl7" },
1331 React.createElement(
581 - "span",
582 - { className: "accessible_elem" },
583 - "additional tabs menu"
1332 + "div",
1333 + { className: "_3c5f" },
1334 + null,
1335 + null,
1336 + React.createElement("div", { className: "_3c5i" }),
1337 + null
1338 )
585 - )
586 - );
1339 + );
1340 + }
1341 }
1342 });
1343
590 - var InlineBlock48 = React.createClass({
591 - displayName: "InlineBlock48",
1344 + var XUIButtonGroup40 = React.createClass({
1345 + displayName: "XUIButtonGroup40",
1346
1347 render: function () {
594 - return React.createElement(
595 - "div",
596 - { menu: {}, layerBehaviors: {}, alignv: "middle", className: "uiPopover _6a _6b", disabled: null, fullWidth: false },
597 - React.createElement(TabBarItem47, { key: "/.0" })
598 - );
1348 + var props = this.props;
1349 + if (props.x === 75) {
1350 + return React.createElement(
1351 + "div",
1352 + { className: "_5n7z _51xa" },
1353 + React.createElement(XUIButton4, { x: 69 }),
1354 + React.createElement(ReactPopoverMenu20, { x: 74 })
1355 + );
1356 + }
1357 + if (props.x === 84) {
1358 + return React.createElement(
1359 + "div",
1360 + { className: "_5n7z _51xa" },
1361 + React.createElement(XUIButton4, { x: 78, key: "edit" }),
1362 + React.createElement(ReactPopoverMenu20, { x: 83, key: "editMenu" })
1363 + );
1364 + }
1365 + if (props.x === 97) {
1366 + return React.createElement(
1367 + "div",
1368 + { className: "_5n7z _51xa" },
1369 + React.createElement(XUIButton4, { x: 90, key: "revert" }),
1370 + React.createElement(XUIButton4, { x: 93, key: "delete" }),
1371 + React.createElement(XUIButton4, { x: 96, key: "duplicate" })
1372 + );
1373 + }
1374 + if (props.x === 117) {
1375 + return React.createElement(
1376 + "div",
1377 + { className: "_5n7z _51xa" },
1378 + React.createElement(AdsPEExportImportMenuContainer48, { x: 107 }),
1379 + React.createElement(XUIButton4, { x: 110, key: "createReport", ref: "ads_create_report_button" }),
1380 + React.createElement(AdsPECampaignGroupTagContainer51, { x: 116, key: "tags" })
1381 + );
1382 + }
1383 }
1384 });
1385
602 - var ReactPopoverMenu49 = React.createClass({
603 - displayName: "ReactPopoverMenu49",
1386 + var AdsPEEditToolbarButton41 = React.createClass({
1387 + displayName: "AdsPEEditToolbarButton41",
1388
1389 render: function () {
606 - return React.createElement(InlineBlock48, { ref: "root" });
1390 + var props = this.props;
1391 + if (props.x === 85) {
1392 + return React.createElement(XUIButtonGroup40, { x: 84 });
1393 + }
1394 }
1395 });
1396
610 - var TabBarDropdownItem50 = React.createClass({
611 - displayName: "TabBarDropdownItem50",
1397 + var FluxContainer_AdsPEEditCampaignGroupToolbarButtonContainer_42 = React.createClass({
1398 + displayName: "FluxContainer_AdsPEEditCampaignGroupToolbarButtonContainer_42",
1399
1400 render: function () {
614 - return React.createElement(
615 - "li",
616 - { className: " _45hd", role: "tab" },
617 - React.createElement(ReactPopoverMenu49, null)
618 - );
1401 + var props = this.props;
1402 + if (props.x === 86) {
1403 + return React.createElement(AdsPEEditToolbarButton41, { x: 85 });
1404 + }
1405 }
1406 });
1407
622 - var TabBar51 = React.createClass({
623 - displayName: "TabBar51",
1408 + var FluxContainer_AdsPEEditToolbarButtonContainer_43 = React.createClass({
1409 + displayName: "FluxContainer_AdsPEEditToolbarButtonContainer_43",
1410
1411 render: function () {
626 - return React.createElement(
627 - "ul",
628 - { onTabClick: function () {}, activeTabKey: "MANAGE_ADS", onWidthCalculated: function () {}, width: null, maxTabsVisible: 5, moreLabel: "Tools", alwaysShowActive: true, dropdownTabComponent: function () {}, shouldCalculateVisibleTabs: true, className: "_43o4", role: "tablist", onKeyDown: function () {}, onKeyUp: function () {} },
629 - React.createElement(TabBarItemWrapper30, { key: "MANAGE_ADS" }),
630 - React.createElement(TabBarItemWrapper34, { key: "AUDIENCES" }),
631 - React.createElement(TabBarItemWrapper38, { key: "IMAGES" }),
632 - React.createElement(TabBarItemWrapper42, { key: "REPORTING" }),
633 - React.createElement(TabBarItemWrapper46, { key: "PAGES" }),
634 - React.createElement(TabBarDropdownItem50, { key: "_dropdown", ref: "more" })
635 - );
1412 + var props = this.props;
1413 + if (props.x === 87) {
1414 + return React.createElement(FluxContainer_AdsPEEditCampaignGroupToolbarButtonContainer_42, { x: 86 });
1415 + }
1416 }
1417 });
1418
639 - var XUIPageNavigationGroup52 = React.createClass({
640 - displayName: "XUIPageNavigationGroup52",
1419 + var AdsPEExportImportMenu44 = React.createClass({
1420 + displayName: "AdsPEExportImportMenu44",
1421
1422 render: function () {
643 - return React.createElement(TabBar51, { ref: "bar" });
1423 + var props = this.props;
1424 + if (props.x === 103) {
1425 + return React.createElement(ReactPopoverMenu20, { x: 102, key: "export" });
1426 + }
1427 }
1428 });
1429
647 - var LeftRight53 = React.createClass({
648 - displayName: "LeftRight53",
1430 + var FluxContainer_AdsPECustomizeExportContainer_45 = React.createClass({
1431 + displayName: "FluxContainer_AdsPECustomizeExportContainer_45",
1432
1433 render: function () {
651 - return React.createElement(
652 - "div",
653 - { className: "_5vx7 clearfix" },
654 - React.createElement(
655 - "div",
656 - { key: "left", className: "_ohe lfloat" },
657 - React.createElement(XUIPageNavigationGroup52, { key: "0", ref: "left" })
658 - ),
659 - null
660 - );
1434 + var props = this.props;
1435 + if (props.x === 104) {
1436 + return null;
1437 + }
1438 }
1439 });
1440
664 - var XUIPageNavigation54 = React.createClass({
665 - displayName: "XUIPageNavigation54",
1441 + var AdsPEExportAsTextDialog46 = React.createClass({
1442 + displayName: "AdsPEExportAsTextDialog46",
1443
1444 render: function () {
668 - return React.createElement(
669 - "div",
670 - { className: "_5vx2 _5vx4 _5vx6 _5kkt" },
671 - React.createElement(LeftRight53, null)
672 - );
1445 + var props = this.props;
1446 + if (props.x === 105) {
1447 + return null;
1448 + }
1449 }
1450 });
1451
676 - var AdsPENavigationBar55 = React.createClass({
677 - displayName: "AdsPENavigationBar55",
1452 + var FluxContainer_AdsPEExportAsTextDialogContainer_47 = React.createClass({
1453 + displayName: "FluxContainer_AdsPEExportAsTextDialogContainer_47",
1454
1455 render: function () {
680 - return React.createElement(
681 - "div",
682 - { className: "_5_a", id: "ads_pe_navigation_bar" },
683 - React.createElement(XUIPageNavigation54, null)
684 - );
1456 + var props = this.props;
1457 + if (props.x === 106) {
1458 + return React.createElement(AdsPEExportAsTextDialog46, { x: 105 });
1459 + }
1460 }
1461 });
1462
688 - var FluxContainer_w_56 = React.createClass({
689 - displayName: "FluxContainer_w_56",
1463 + var AdsPEExportImportMenuContainer48 = React.createClass({
1464 + displayName: "AdsPEExportImportMenuContainer48",
1465
1466 render: function () {
692 - return React.createElement(AdsPENavigationBar55, null);
1467 + var props = this.props;
1468 + if (props.x === 107) {
1469 + return React.createElement(
1470 + "span",
1471 + null,
1472 + React.createElement(AdsPEExportImportMenu44, { x: 103 }),
1473 + React.createElement(FluxContainer_AdsPECustomizeExportContainer_45, { x: 104 }),
1474 + React.createElement(FluxContainer_AdsPEExportAsTextDialogContainer_47, { x: 106 }),
1475 + null,
1476 + null
1477 + );
1478 + }
1479 }
1480 });
1481
696 - var ReactImage57 = React.createClass({
697 - displayName: "ReactImage57",
1482 + var Constructor49 = React.createClass({
1483 + displayName: "Constructor49",
1484
1485 render: function () {
700 - return React.createElement(
701 - "i",
702 - { alt: "Warning", className: "_585p img sp_R48dKBxiJkP sx_aed870", src: null },
703 - React.createElement(
704 - "u",
705 - null,
706 - "Warning"
707 - )
708 - );
1486 + var props = this.props;
1487 + if (props.x === 114) {
1488 + return null;
1489 + }
1490 + if (props.x === 142) {
1491 + return null;
1492 + }
1493 + if (props.x === 143) {
1494 + return null;
1495 + }
1496 + if (props.x === 183) {
1497 + return null;
1498 + }
1499 }
1500 });
1501
712 - var Link58 = React.createClass({
713 - displayName: "Link58",
1502 + var TagSelectorPopover50 = React.createClass({
1503 + displayName: "TagSelectorPopover50",
1504
1505 render: function () {
716 - return React.createElement(
717 - "a",
718 - { className: "_585q _50zy _50-0 _50z- _5upp _42ft", href: "#", onClick: function () {}, size: "medium", shade: "dark", type: null, label: null, title: "Remove", "aria-label": undefined, "data-hover": undefined, "data-tooltip-alignh": undefined, disabled: null, rel: undefined },
719 - undefined,
720 - "Remove",
721 - undefined
722 - );
1506 + var props = this.props;
1507 + if (props.x === 115) {
1508 + return React.createElement(
1509 + "span",
1510 + { className: " _3d6e" },
1511 + React.createElement(XUIButton4, { x: 113, ref: "button" }),
1512 + React.createElement(Constructor49, { x: 114, key: "layer", ref: "layer" })
1513 + );
1514 + }
1515 }
1516 });
1517
726 - var AbstractButton59 = React.createClass({
727 - displayName: "AbstractButton59",
1518 + var AdsPECampaignGroupTagContainer51 = React.createClass({
1519 + displayName: "AdsPECampaignGroupTagContainer51",
1520
1521 render: function () {
730 - return React.createElement(Link58, null);
1522 + var props = this.props;
1523 + if (props.x === 116) {
1524 + return React.createElement(TagSelectorPopover50, { x: 115, key: "98010048849317" });
1525 + }
1526 }
1527 });
1528
734 - var XUIAbstractGlyphButton60 = React.createClass({
735 - displayName: "XUIAbstractGlyphButton60",
1529 + var AdsRuleToolbarMenu52 = React.createClass({
1530 + displayName: "AdsRuleToolbarMenu52",
1531
1532 render: function () {
738 - return React.createElement(AbstractButton59, null);
1533 + var props = this.props;
1534 + if (props.x === 118) {
1535 + return null;
1536 + }
1537 }
1538 });
1539
742 - var XUICloseButton61 = React.createClass({
743 - displayName: "XUICloseButton61",
1540 + var FluxContainer_AdsPERuleToolbarMenuContainer_53 = React.createClass({
1541 + displayName: "FluxContainer_AdsPERuleToolbarMenuContainer_53",
1542
1543 render: function () {
746 - return React.createElement(XUIAbstractGlyphButton60, null);
1544 + var props = this.props;
1545 + if (props.x === 119) {
1546 + return React.createElement(AdsRuleToolbarMenu52, { x: 118 });
1547 + }
1548 }
1549 });
1550
750 - var XUIText62 = React.createClass({
751 - displayName: "XUIText62",
1551 + var FillColumn54 = React.createClass({
1552 + displayName: "FillColumn54",
1553
1554 render: function () {
754 - return React.createElement(
755 - "span",
756 - { weight: "bold", size: "inherit", display: "inline", className: " _50f7" },
757 - "Ads Manager"
758 - );
1555 + var props = this.props;
1556 + if (props.x === 120) {
1557 + return React.createElement(
1558 + "div",
1559 + { className: "_4bl9" },
1560 + React.createElement(
1561 + "span",
1562 + { className: "_3c5e" },
1563 + React.createElement(
1564 + "span",
1565 + null,
1566 + React.createElement(XUIButtonGroup40, { x: 75 }),
1567 + React.createElement(FluxContainer_AdsPEEditToolbarButtonContainer_43, { x: 87 }),
1568 + null,
1569 + React.createElement(XUIButtonGroup40, { x: 97 })
1570 + ),
1571 + React.createElement(XUIButtonGroup40, { x: 117 }),
1572 + React.createElement(FluxContainer_AdsPERuleToolbarMenuContainer_53, { x: 119 })
1573 + )
1574 + );
1575 + }
1576 }
1577 });
1578
762 - var Link63 = React.createClass({
763 - displayName: "Link63",
1579 + var Layout55 = React.createClass({
1580 + displayName: "Layout55",
1581
1582 render: function () {
766 - return React.createElement(
767 - "a",
768 - { href: "/ads/manage/billing.php?act=10149999073643408", target: "_blank", rel: undefined, onClick: function () {} },
769 - React.createElement(XUIText62, null)
770 - );
1583 + var props = this.props;
1584 + if (props.x === 121) {
1585 + return React.createElement(
1586 + "div",
1587 + { className: "clearfix" },
1588 + React.createElement(Column39, { x: 66, key: "1" }),
1589 + React.createElement(FillColumn54, { x: 120, key: "0" })
1590 + );
1591 + }
1592 }
1593 });
1594
774 - var XUINotice64 = React.createClass({
775 - displayName: "XUINotice64",
1595 + var AdsPEMainPaneToolbar56 = React.createClass({
1596 + displayName: "AdsPEMainPaneToolbar56",
1597
1598 render: function () {
778 - return React.createElement(
779 - "div",
780 - { size: "medium", className: "_585n _585o _2wdd" },
781 - React.createElement(ReactImage57, null),
782 - React.createElement(XUICloseButton61, null),
783 - React.createElement(
1599 + var props = this.props;
1600 + if (props.x === 122) {
1601 + return React.createElement(
1602 "div",
785 - { className: "_585r _2i-a _50f4" },
786 - "Please go to ",
787 - React.createElement(Link63, null),
788 - " to set up a payment method for this ad account."
789 - )
790 - );
1603 + { className: "_3c5b clearfix" },
1604 + React.createElement(Layout55, { x: 121 })
1605 + );
1606 + }
1607 }
1608 });
1609
794 - var ReactCSSTransitionGroupChild65 = React.createClass({
795 - displayName: "ReactCSSTransitionGroupChild65",
1610 + var AdsPECampaignGroupToolbarContainer57 = React.createClass({
1611 + displayName: "AdsPECampaignGroupToolbarContainer57",
1612
1613 render: function () {
798 - return React.createElement(XUINotice64, null);
1614 + var props = this.props;
1615 + if (props.x === 123) {
1616 + return React.createElement(AdsPEMainPaneToolbar56, { x: 122 });
1617 + }
1618 }
1619 });
1620
802 - var ReactTransitionGroup66 = React.createClass({
803 - displayName: "ReactTransitionGroup66",
1621 + var AdsPEFiltersPopover58 = React.createClass({
1622 + displayName: "AdsPEFiltersPopover58",
1623
1624 render: function () {
806 - return React.createElement(
807 - "span",
808 - { transitionEnterTimeout: 500, transitionLeaveTimeout: 500, transitionName: {}, transitionAppear: false, transitionEnter: true, transitionLeave: true, childFactory: function () {}, component: "span" },
809 - React.createElement(ReactCSSTransitionGroupChild65, { key: ".0", ref: ".0" })
810 - );
1625 + var props = this.props;
1626 + if (props.x === 144) {
1627 + return React.createElement(
1628 + "span",
1629 + { className: "_5b-l _5bbe" },
1630 + React.createElement(ReactXUIPopoverButton6, { x: 133, ref: "searchButton" }),
1631 + React.createElement(ReactXUIPopoverButton6, { x: 141, ref: "filterButton" }),
1632 + [React.createElement(Constructor49, { x: 142, key: "filterMenu/.0" }), React.createElement(Constructor49, { x: 143, key: "searchMenu/.0" })]
1633 + );
1634 + }
1635 }
1636 });
1637
814 - var ReactCSSTransitionGroup67 = React.createClass({
815 - displayName: "ReactCSSTransitionGroup67",
1638 + var AbstractCheckboxInput59 = React.createClass({
1639 + displayName: "AbstractCheckboxInput59",
1640
1641 render: function () {
818 - return React.createElement(ReactTransitionGroup66, null);
1642 + var props = this.props;
1643 + if (props.x === 145) {
1644 + return React.createElement(
1645 + "label",
1646 + { className: "uiInputLabelInput _55sg _kv1" },
1647 + React.createElement("input", { checked: true, disabled: true, name: "filterUnpublished", value: "on", onClick: function () {}, className: null, id: "js_input_label_21", type: "checkbox" }),
1648 + React.createElement("span", { "data-hover": null, "data-tooltip-content": undefined })
1649 + );
1650 + }
1651 + if (props.x === 336) {
1652 + return React.createElement(
1653 + "label",
1654 + { className: "_4h2r _55sg _kv1" },
1655 + React.createElement("input", { checked: undefined, onChange: function () {}, className: null, type: "checkbox" }),
1656 + React.createElement("span", { "data-hover": null, "data-tooltip-content": undefined })
1657 + );
1658 + }
1659 }
1660 });
1661
822 - var AdsPETopError68 = React.createClass({
823 - displayName: "AdsPETopError68",
1662 + var XUICheckboxInput60 = React.createClass({
1663 + displayName: "XUICheckboxInput60",
1664
1665 render: function () {
826 - return React.createElement(
827 - "div",
828 - { className: "_2wdc" },
829 - React.createElement(ReactCSSTransitionGroup67, null)
830 - );
1666 + var props = this.props;
1667 + if (props.x === 146) {
1668 + return React.createElement(AbstractCheckboxInput59, { x: 145 });
1669 + }
1670 + if (props.x === 337) {
1671 + return React.createElement(AbstractCheckboxInput59, { x: 336 });
1672 + }
1673 }
1674 });
1675
834 - var FluxContainer_r_69 = React.createClass({
835 - displayName: "FluxContainer_r_69",
1676 + var InputLabel61 = React.createClass({
1677 + displayName: "InputLabel61",
1678
1679 render: function () {
838 - return React.createElement(AdsPETopError68, null);
1680 + var props = this.props;
1681 + if (props.x === 147) {
1682 + return React.createElement(
1683 + "div",
1684 + { display: "block", className: "uiInputLabel clearfix" },
1685 + React.createElement(XUICheckboxInput60, { x: 146 }),
1686 + React.createElement(
1687 + "label",
1688 + { className: "uiInputLabelLabel", htmlFor: "js_input_label_21" },
1689 + "Always show new items"
1690 + )
1691 + );
1692 + }
1693 }
1694 });
1695
842 - var ReactImage70 = React.createClass({
843 - displayName: "ReactImage70",
1696 + var AdsPopoverLink62 = React.createClass({
1697 + displayName: "AdsPopoverLink62",
1698
1699 render: function () {
846 - return React.createElement("i", { className: "_3-8_ img sp_UuU9HmrQ397 sx_bae57d", src: null });
1700 + var props = this.props;
1701 + if (props.x === 154) {
1702 + return React.createElement(
1703 + "span",
1704 + null,
1705 + React.createElement(
1706 + "span",
1707 + { ref: "tipIcon", onMouseEnter: function () {}, onMouseLeave: function () {}, onMouseUp: undefined },
1708 + React.createElement("span", { className: "_3o_j" }),
1709 + React.createElement(ReactImage0, { x: 153 })
1710 + ),
1711 + null
1712 + );
1713 + }
1714 + if (props.x === 238) {
1715 + return React.createElement(
1716 + "span",
1717 + null,
1718 + React.createElement(
1719 + "span",
1720 + { ref: "tipIcon", onMouseEnter: function () {}, onMouseLeave: function () {}, onMouseUp: undefined },
1721 + React.createElement("span", { className: "_3o_j" }),
1722 + React.createElement(ReactImage0, { x: 237 })
1723 + ),
1724 + null
1725 + );
1726 + }
1727 }
1728 });
1729
850 - var ReactImage71 = React.createClass({
851 - displayName: "ReactImage71",
1730 + var AdsHelpLink63 = React.createClass({
1731 + displayName: "AdsHelpLink63",
1732
1733 render: function () {
854 - return React.createElement("i", { alt: "", className: "_3-99 img sp_UuU9HmrQ397 sx_7e56e9", src: null });
1734 + var props = this.props;
1735 + if (props.x === 155) {
1736 + return React.createElement(AdsPopoverLink62, { x: 154 });
1737 + }
1738 + if (props.x === 239) {
1739 + return React.createElement(AdsPopoverLink62, { x: 238 });
1740 + }
1741 }
1742 });
1743
858 - var Link72 = React.createClass({
859 - displayName: "Link72",
1744 + var BUIFilterTokenInput64 = React.createClass({
1745 + displayName: "BUIFilterTokenInput64",
1746
1747 render: function () {
862 - return React.createElement(
863 - "a",
864 - { style: { "maxWidth": "200px" }, image: null, label: null, imageRight: {}, className: " _5bbf _55pi _2agf _5bbf _55pi _4jy0 _4jy4 _517h _51sy _42ft", href: "#", haschevron: true, onClick: function () {}, size: "large", use: "default", borderShade: "light", suppressed: false, disabled: null, rel: undefined },
865 - null,
866 - React.createElement(
867 - "span",
868 - { className: "_55pe", style: { "maxWidth": "186px" } },
869 - React.createElement(ReactImage70, null),
870 - "Search"
871 - ),
872 - React.createElement(ReactImage71, null)
873 - );
1748 + var props = this.props;
1749 + if (props.x === 158) {
1750 + return React.createElement(
1751 + "div",
1752 + { className: "_5b5o _3yz3 _4cld" },
1753 + React.createElement(
1754 + "div",
1755 + { className: "_5b5t _2d2k" },
1756 + React.createElement(ReactImage0, { x: 152 }),
1757 + React.createElement(
1758 + "div",
1759 + { className: "_5b5r" },
1760 + "Campaigns: (1)",
1761 + React.createElement(AdsHelpLink63, { x: 155 })
1762 + )
1763 + ),
1764 + React.createElement(XUIButton4, { x: 157 })
1765 + );
1766 + }
1767 }
1768 });
1769
877 - var AbstractButton73 = React.createClass({
878 - displayName: "AbstractButton73",
1770 + var BUIFilterToken65 = React.createClass({
1771 + displayName: "BUIFilterToken65",
1772
1773 render: function () {
881 - return React.createElement(Link72, null);
1774 + var props = this.props;
1775 + if (props.x === 159) {
1776 + return React.createElement(
1777 + "div",
1778 + { className: "_3yz1 _3yz2 _3dad" },
1779 + React.createElement(
1780 + "div",
1781 + { ref: "filterToken", className: "_3yz4", "aria-hidden": false },
1782 + React.createElement(
1783 + "div",
1784 + { onClick: function () {}, className: "_3yz5" },
1785 + React.createElement(ReactImage0, { x: 148 }),
1786 + React.createElement(
1787 + "div",
1788 + { className: "_3yz7" },
1789 + "Campaigns:"
1790 + ),
1791 + React.createElement(
1792 + "div",
1793 + { className: "ellipsis _3yz8", "data-hover": "tooltip", "data-tooltip-display": "overflow" },
1794 + "(1)"
1795 + )
1796 + ),
1797 + null,
1798 + React.createElement(XUICloseButton28, { x: 151 })
1799 + ),
1800 + React.createElement(BUIFilterTokenInput64, { x: 158, ref: "filterTokenInput" })
1801 + );
1802 + }
1803 }
1804 });
1805
885 - var XUIButton74 = React.createClass({
886 - displayName: "XUIButton74",
1806 + var BUIFilterTokenCreateButton66 = React.createClass({
1807 + displayName: "BUIFilterTokenCreateButton66",
1808
1809 render: function () {
889 - return React.createElement(AbstractButton73, null);
1810 + var props = this.props;
1811 + if (props.x === 163) {
1812 + return React.createElement(
1813 + "div",
1814 + { className: "_1tc" },
1815 + React.createElement(XUIButton4, { x: 162 })
1816 + );
1817 + }
1818 }
1819 });
1820
893 - var AbstractPopoverButton75 = React.createClass({
894 - displayName: "AbstractPopoverButton75",
1821 + var BUIFilterTokenizer67 = React.createClass({
1822 + displayName: "BUIFilterTokenizer67",
1823
1824 render: function () {
897 - return React.createElement(XUIButton74, null);
1825 + var props = this.props;
1826 + if (props.x === 164) {
1827 + return React.createElement(
1828 + "div",
1829 + { className: "_5b-m clearfix" },
1830 + undefined,
1831 + [],
1832 + React.createElement(BUIFilterToken65, { x: 159, key: "token0" }),
1833 + React.createElement(BUIFilterTokenCreateButton66, { x: 163 }),
1834 + null,
1835 + React.createElement("div", { className: "_49u3" })
1836 + );
1837 + }
1838 }
1839 });
1840
901 - var ReactXUIPopoverButton76 = React.createClass({
902 - displayName: "ReactXUIPopoverButton76",
1841 + var XUIAmbientNUX68 = React.createClass({
1842 + displayName: "XUIAmbientNUX68",
1843
1844 render: function () {
905 - return React.createElement(AbstractPopoverButton75, null);
1845 + var props = this.props;
1846 + if (props.x === 165) {
1847 + return null;
1848 + }
1849 + if (props.x === 189) {
1850 + return null;
1851 + }
1852 + if (props.x === 200) {
1853 + return null;
1854 + }
1855 }
1856 });
1857
909 - var ReactImage77 = React.createClass({
910 - displayName: "ReactImage77",
1858 + var XUIAmbientNUX69 = React.createClass({
1859 + displayName: "XUIAmbientNUX69",
1860
1861 render: function () {
913 - return React.createElement("i", { className: "_3-8_ img sp_UuU9HmrQ397 sx_81d5f0", src: null });
1862 + var props = this.props;
1863 + if (props.x === 166) {
1864 + return React.createElement(XUIAmbientNUX68, { x: 165 });
1865 + }
1866 + if (props.x === 190) {
1867 + return React.createElement(XUIAmbientNUX68, { x: 189 });
1868 + }
1869 + if (props.x === 201) {
1870 + return React.createElement(XUIAmbientNUX68, { x: 200 });
1871 + }
1872 }
1873 });
1874
917 - var ReactImage78 = React.createClass({
918 - displayName: "ReactImage78",
1875 + var AdsPEAmbientNUXMegaphone70 = React.createClass({
1876 + displayName: "AdsPEAmbientNUXMegaphone70",
1877
1878 render: function () {
921 - return React.createElement("i", { alt: "", className: "_3-99 img sp_UuU9HmrQ397 sx_7e56e9", src: null });
1879 + var props = this.props;
1880 + if (props.x === 167) {
1881 + return React.createElement(
1882 + "span",
1883 + null,
1884 + React.createElement("span", { ref: "mainChild" }),
1885 + React.createElement(XUIAmbientNUX69, { x: 166, key: "nux" })
1886 + );
1887 + }
1888 }
1889 });
1890
925 - var Link79 = React.createClass({
926 - displayName: "Link79",
1891 + var AdsPEFilters71 = React.createClass({
1892 + displayName: "AdsPEFilters71",
1893
1894 render: function () {
929 - return React.createElement(
930 - "a",
931 - { style: { "maxWidth": "200px" }, image: null, label: null, imageRight: {}, className: " _5bbf _55pi _2agf _5bbf _55pi _4jy0 _4jy4 _517h _51sy _42ft", href: "#", haschevron: true, onClick: function () {}, size: "large", use: "default", borderShade: "light", suppressed: false, disabled: null, rel: undefined },
932 - null,
933 - React.createElement(
934 - "span",
935 - { className: "_55pe", style: { "maxWidth": "186px" } },
936 - React.createElement(ReactImage77, null),
937 - "Filters"
938 - ),
939 - React.createElement(ReactImage78, null)
940 - );
1895 + var props = this.props;
1896 + if (props.x === 168) {
1897 + return React.createElement(
1898 + "div",
1899 + { className: "_4rw_" },
1900 + React.createElement(AdsPEFiltersPopover58, { x: 144 }),
1901 + React.createElement(
1902 + "div",
1903 + { className: "_1eo" },
1904 + React.createElement(InputLabel61, { x: 147 })
1905 + ),
1906 + React.createElement(BUIFilterTokenizer67, { x: 164 }),
1907 + "",
1908 + React.createElement(AdsPEAmbientNUXMegaphone70, { x: 167 })
1909 + );
1910 + }
1911 }
1912 });
1913
944 - var AbstractButton80 = React.createClass({
945 - displayName: "AbstractButton80",
1914 + var AdsPEFilterContainer72 = React.createClass({
1915 + displayName: "AdsPEFilterContainer72",
1916
1917 render: function () {
948 - return React.createElement(Link79, null);
1918 + var props = this.props;
1919 + if (props.x === 169) {
1920 + return React.createElement(AdsPEFilters71, { x: 168 });
1921 + }
1922 }
1923 });
1924
952 - var XUIButton81 = React.createClass({
953 - displayName: "XUIButton81",
1925 + var AdsPETablePager73 = React.createClass({
1926 + displayName: "AdsPETablePager73",
1927
1928 render: function () {
956 - return React.createElement(AbstractButton80, null);
1929 + var props = this.props;
1930 + if (props.x === 172) {
1931 + return null;
1932 + }
1933 }
1934 });
1935
960 - var AbstractPopoverButton82 = React.createClass({
961 - displayName: "AbstractPopoverButton82",
1936 + var AdsPECampaignGroupTablePagerContainer74 = React.createClass({
1937 + displayName: "AdsPECampaignGroupTablePagerContainer74",
1938
1939 render: function () {
964 - return React.createElement(XUIButton81, null);
1940 + var props = this.props;
1941 + if (props.x === 173) {
1942 + return React.createElement(AdsPETablePager73, { x: 172 });
1943 + }
1944 }
1945 });
1946
968 - var ReactXUIPopoverButton83 = React.createClass({
969 - displayName: "ReactXUIPopoverButton83",
1947 + var AdsPETablePagerContainer75 = React.createClass({
1948 + displayName: "AdsPETablePagerContainer75",
1949
1950 render: function () {
972 - return React.createElement(AbstractPopoverButton82, null);
1951 + var props = this.props;
1952 + if (props.x === 174) {
1953 + return React.createElement(AdsPECampaignGroupTablePagerContainer74, { x: 173 });
1954 + }
1955 }
1956 });
1957
976 - var AdsPEFiltersPopover84 = React.createClass({
977 - displayName: "AdsPEFiltersPopover84",
1958 + var ReactXUIError76 = React.createClass({
1959 + displayName: "ReactXUIError76",
1960
1961 render: function () {
980 - return React.createElement(
981 - "span",
982 - { className: "_5b-l _5bbe" },
983 - React.createElement(ReactXUIPopoverButton76, { ref: "searchButton" }),
984 - React.createElement(ReactXUIPopoverButton83, { ref: "filterButton" })
985 - );
1962 + var props = this.props;
1963 + if (props.x === 181) {
1964 + return React.createElement(AbstractButton3, { x: 180 });
1965 + }
1966 + if (props.x === 216) {
1967 + return React.createElement(
1968 + "div",
1969 + { className: "_40bf _2vl4 _1h18" },
1970 + null,
1971 + null,
1972 + React.createElement(
1973 + "div",
1974 + { className: "_2vl9 _1h1f", style: { "backgroundColor": "#fff" } },
1975 + React.createElement(
1976 + "div",
1977 + { className: "_2vla _1h1g" },
1978 + React.createElement(
1979 + "div",
1980 + null,
1981 + null,
1982 + React.createElement("textarea", { ref: "input", className: "_2vli _2vlj _1h26 _1h27", dir: "auto", disabled: undefined, id: undefined, maxLength: null, value: "Test Campaign", onBlur: function () {}, onChange: function () {}, onFocus: function () {}, onKeyDown: function () {} }),
1983 + null
1984 + ),
1985 + React.createElement("div", { ref: "shadowText", "aria-hidden": "true", className: "_2vlk" })
1986 + )
1987 + ),
1988 + null
1989 + );
1990 + }
1991 + if (props.x === 221) {
1992 + return React.createElement(XUICard94, { x: 220 });
1993 + }
1994 + if (props.x === 250) {
1995 + return React.createElement(XUICard94, { x: 249 });
1996 + }
1997 + if (props.x === 280) {
1998 + return React.createElement(XUICard94, { x: 279 });
1999 + }
2000 }
2001 });
2002
989 - var ReactImage85 = React.createClass({
990 - displayName: "ReactImage85",
2003 + var BUIPopoverButton77 = React.createClass({
2004 + displayName: "BUIPopoverButton77",
2005
2006 render: function () {
993 - return React.createElement("i", { className: "_3yz6 _5whs img sp_UuU9HmrQ397 sx_5fe5c2", src: null });
2007 + var props = this.props;
2008 + if (props.x === 182) {
2009 + return React.createElement(ReactXUIError76, { x: 181 });
2010 + }
2011 }
2012 });
2013
997 - var AbstractButton86 = React.createClass({
998 - displayName: "AbstractButton86",
2014 + var BUIDateRangePicker78 = React.createClass({
2015 + displayName: "BUIDateRangePicker78",
2016
2017 render: function () {
1001 - return React.createElement(
1002 - "button",
1003 - { className: "_3yz9 _1t-2 _50z_ _50zy _50zz _50z- _5upp _42ft", size: "small", onClick: function () {}, shade: "dark", type: "button", label: null, title: "Remove", "aria-label": undefined, "data-hover": undefined, "data-tooltip-alignh": undefined },
1004 - undefined,
1005 - "Remove",
1006 - undefined
1007 - );
2018 + var props = this.props;
2019 + if (props.x === 184) {
2020 + return React.createElement(
2021 + "span",
2022 + null,
2023 + React.createElement(BUIPopoverButton77, { x: 182, ref: function () {} }),
2024 + [React.createElement(Constructor49, { x: 183, key: "layer/.0" })]
2025 + );
2026 + }
2027 }
2028 });
2029
1011 - var XUIAbstractGlyphButton87 = React.createClass({
1012 - displayName: "XUIAbstractGlyphButton87",
2030 + var AdsPEStatsRangePicker79 = React.createClass({
2031 + displayName: "AdsPEStatsRangePicker79",
2032
2033 render: function () {
1015 - return React.createElement(AbstractButton86, null);
2034 + var props = this.props;
2035 + if (props.x === 185) {
2036 + return React.createElement(BUIDateRangePicker78, { x: 184 });
2037 + }
2038 }
2039 });
2040
1019 - var XUICloseButton88 = React.createClass({
1020 - displayName: "XUICloseButton88",
2041 + var AdsPEStatRange80 = React.createClass({
2042 + displayName: "AdsPEStatRange80",
2043
2044 render: function () {
1023 - return React.createElement(XUIAbstractGlyphButton87, null);
2045 + var props = this.props;
2046 + if (props.x === 191) {
2047 + return React.createElement(
2048 + "div",
2049 + { className: "_3c5k" },
2050 + React.createElement(
2051 + "span",
2052 + { className: "_3c5j" },
2053 + "Stats:"
2054 + ),
2055 + React.createElement(
2056 + "span",
2057 + { className: "_3c5l" },
2058 + React.createElement(AdsPEStatsRangePicker79, { x: 185 }),
2059 + React.createElement(XUIButton4, { x: 188, key: "settings", ref: "PE_TABLE_LIST_SETTING" })
2060 + ),
2061 + [React.createElement(XUIAmbientNUX69, { x: 190, key: "roasNUX/.0" })]
2062 + );
2063 + }
2064 }
2065 });
2066
1027 - var ReactImage89 = React.createClass({
1028 - displayName: "ReactImage89",
2067 + var AdsPEStatRangeContainer81 = React.createClass({
2068 + displayName: "AdsPEStatRangeContainer81",
2069
2070 render: function () {
1031 - return React.createElement("i", { className: "_5b5p _4gem img sp_UuU9HmrQ397 sx_5fe5c2", src: null });
2071 + var props = this.props;
2072 + if (props.x === 192) {
2073 + return React.createElement(AdsPEStatRange80, { x: 191 });
2074 + }
2075 }
2076 });
2077
1035 - var ReactImage90 = React.createClass({
1036 - displayName: "ReactImage90",
2078 + var AdsPESideTrayTabButton82 = React.createClass({
2079 + displayName: "AdsPESideTrayTabButton82",
2080
2081 render: function () {
1039 - return React.createElement("i", { src: null, className: "_541d img sp_R48dKBxiJkP sx_dc2cdb" });
2082 + var props = this.props;
2083 + if (props.x === 196) {
2084 + return React.createElement(
2085 + "div",
2086 + { className: "_1-ly _59j9 _d9a", onClick: function () {} },
2087 + React.createElement(ReactImage0, { x: 195 }),
2088 + React.createElement("div", { className: "_vf7" }),
2089 + React.createElement("div", { className: "_vf8" })
2090 + );
2091 + }
2092 + if (props.x === 199) {
2093 + return React.createElement(
2094 + "div",
2095 + { className: " _1-lz _d9a", onClick: function () {} },
2096 + React.createElement(ReactImage0, { x: 198 }),
2097 + React.createElement("div", { className: "_vf7" }),
2098 + React.createElement("div", { className: "_vf8" })
2099 + );
2100 + }
2101 + if (props.x === 203) {
2102 + return null;
2103 + }
2104 }
2105 });
2106
1043 - var AdsPopoverLink91 = React.createClass({
1044 - displayName: "AdsPopoverLink91",
2107 + var AdsPEEditorTrayTabButton83 = React.createClass({
2108 + displayName: "AdsPEEditorTrayTabButton83",
2109
2110 render: function () {
1047 - return React.createElement(
1048 - "span",
1049 - { ref: "tipIcon", onMouseEnter: function () {}, onMouseLeave: function () {} },
1050 - React.createElement("span", { className: "_3o_j" }),
1051 - React.createElement(ReactImage90, null)
1052 - );
2111 + var props = this.props;
2112 + if (props.x === 197) {
2113 + return React.createElement(AdsPESideTrayTabButton82, { x: 196 });
2114 + }
2115 }
2116 });
2117
1056 - var AdsHelpLink92 = React.createClass({
1057 - displayName: "AdsHelpLink92",
2118 + var AdsPEInsightsTrayTabButton84 = React.createClass({
2119 + displayName: "AdsPEInsightsTrayTabButton84",
2120
2121 render: function () {
1060 - return React.createElement(AdsPopoverLink91, null);
2122 + var props = this.props;
2123 + if (props.x === 202) {
2124 + return React.createElement(
2125 + "span",
2126 + null,
2127 + React.createElement(AdsPESideTrayTabButton82, { x: 199, ref: "PE_INSIGHTS_TAB_ICON" }),
2128 + React.createElement(XUIAmbientNUX69, { x: 201, key: "roasNUX" })
2129 + );
2130 + }
2131 }
2132 });
2133
1064 - var AbstractButton93 = React.createClass({
1065 - displayName: "AbstractButton93",
2134 + var AdsPENekoDebuggerTrayTabButton85 = React.createClass({
2135 + displayName: "AdsPENekoDebuggerTrayTabButton85",
2136
2137 render: function () {
1068 - return React.createElement(
1069 - "button",
1070 - { className: "_5b5u _5b5v _4jy0 _4jy3 _517h _51sy _42ft", label: null, use: "default", onClick: function () {}, size: "medium", borderShade: "light", suppressed: false, type: "submit", value: "1" },
1071 - undefined,
1072 - "Apply",
1073 - undefined
1074 - );
2138 + var props = this.props;
2139 + if (props.x === 204) {
2140 + return React.createElement(AdsPESideTrayTabButton82, { x: 203 });
2141 + }
2142 }
2143 });
2144
1078 - var XUIButton94 = React.createClass({
1079 - displayName: "XUIButton94",
2145 + var AdsPEEditorChildLink86 = React.createClass({
2146 + displayName: "AdsPEEditorChildLink86",
2147
2148 render: function () {
1082 - return React.createElement(AbstractButton93, null);
2149 + var props = this.props;
2150 + if (props.x === 211) {
2151 + return React.createElement(
2152 + "div",
2153 + { className: "_3ywr" },
2154 + React.createElement(Link2, { x: 208 }),
2155 + React.createElement(
2156 + "span",
2157 + { className: "_3ywq" },
2158 + "|"
2159 + ),
2160 + React.createElement(Link2, { x: 210 })
2161 + );
2162 + }
2163 }
2164 });
2165
1086 - var BUIFilterTokenInput95 = React.createClass({
1087 - displayName: "BUIFilterTokenInput95",
2166 + var AdsPEEditorChildLinkContainer87 = React.createClass({
2167 + displayName: "AdsPEEditorChildLinkContainer87",
2168
2169 render: function () {
1090 - return React.createElement(
1091 - "div",
1092 - { className: "_5b5o _3yz3 _4cld" },
1093 - React.createElement(
1094 - "div",
1095 - { className: "_5b5t _2d2k" },
1096 - React.createElement(ReactImage89, null),
1097 - React.createElement(
1098 - "div",
1099 - { className: "_5b5r" },
1100 - "Ads: (1)",
1101 - React.createElement(AdsHelpLink92, null)
1102 - )
1103 - ),
1104 - React.createElement(XUIButton94, null)
1105 - );
2170 + var props = this.props;
2171 + if (props.x === 212) {
2172 + return React.createElement(AdsPEEditorChildLink86, { x: 211 });
2173 + }
2174 }
2175 });
2176
1109 - var BUIFilterToken96 = React.createClass({
1110 - displayName: "BUIFilterToken96",
2177 + var AdsPEHeaderSection88 = React.createClass({
2178 + displayName: "AdsPEHeaderSection88",
2179
2180 render: function () {
1113 - return React.createElement(
1114 - "div",
1115 - { className: "_3yz1 _3yz2 _3dad" },
1116 - React.createElement(
2181 + var props = this.props;
2182 + if (props.x === 213) {
2183 + return React.createElement(
2184 "div",
1118 - { ref: "filterToken", className: "_3yz4", "aria-hidden": false },
2185 + { className: "_yke" },
2186 + React.createElement("div", { className: "_2x9d _pr-" }),
2187 + React.createElement(XUIText29, { x: 205 }),
2188 React.createElement(
2189 "div",
1121 - { onClick: function () {}, className: "_3yz5" },
1122 - React.createElement(ReactImage85, null),
1123 - React.createElement(
1124 - "div",
1125 - { className: "_3yz7" },
1126 - "Ads:"
1127 - ),
2190 + { className: "_3a-a" },
2191 React.createElement(
2192 "div",
1130 - { className: "ellipsis _3yz8", "data-hover": "tooltip", "data-tooltip-display": "overflow" },
1131 - "(1)"
2193 + { className: "_3a-b" },
2194 + React.createElement(XUIText29, { x: 206 })
2195 )
2196 ),
1134 - React.createElement(XUICloseButton88, null)
1135 - ),
1136 - React.createElement(BUIFilterTokenInput95, { ref: "filterTokenInput" })
1137 - );
1138 - }
1139 - });
1140 -
1141 - var ReactImage97 = React.createClass({
1142 - displayName: "ReactImage97",
1143 -
1144 - render: function () {
1145 - return React.createElement("i", { src: null, className: "img sp_UuU9HmrQ397 sx_158e8d" });
1146 - }
1147 - });
1148 -
1149 - var AbstractButton98 = React.createClass({
1150 - displayName: "AbstractButton98",
1151 -
1152 - render: function () {
1153 - return React.createElement(
1154 - "button",
1155 - { className: "_1wdf _4jy0 _517i _517h _51sy _42ft", size: "small", onClick: function () {}, image: {}, use: "default", borderShade: "light", suppressed: false, label: null, type: "submit", value: "1" },
1156 - React.createElement(ReactImage97, null),
1157 - undefined,
1158 - undefined
1159 - );
1160 - }
1161 - });
1162 -
1163 - var XUIButton99 = React.createClass({
1164 - displayName: "XUIButton99",
1165 -
1166 - render: function () {
1167 - return React.createElement(AbstractButton98, null);
2197 + React.createElement(AdsPEEditorChildLinkContainer87, { x: 212 })
2198 + );
2199 + }
2200 }
2201 });
2202
1171 - var BUIFilterTokenCreateButton100 = React.createClass({
1172 - displayName: "BUIFilterTokenCreateButton100",
2203 + var AdsPECampaignGroupHeaderSectionContainer89 = React.createClass({
2204 + displayName: "AdsPECampaignGroupHeaderSectionContainer89",
2205
2206 render: function () {
1175 - return React.createElement(
1176 - "div",
1177 - { className: "_1tc" },
1178 - React.createElement(XUIButton99, null)
1179 - );
2207 + var props = this.props;
2208 + if (props.x === 214) {
2209 + return React.createElement(AdsPEHeaderSection88, { x: 213 });
2210 + }
2211 }
2212 });
2213
1183 - var BUIFilterTokenizer101 = React.createClass({
1184 - displayName: "BUIFilterTokenizer101",
2214 + var AdsEditorLoadingErrors90 = React.createClass({
2215 + displayName: "AdsEditorLoadingErrors90",
2216
2217 render: function () {
1187 - return React.createElement(
1188 - "div",
1189 - { className: "_5b-m _3o1v clearfix" },
1190 - undefined,
1191 - [],
1192 - React.createElement(BUIFilterToken96, { key: "token0" }),
1193 - React.createElement(BUIFilterTokenCreateButton100, null),
1194 - null,
1195 - React.createElement("div", { className: "_49u3" })
1196 - );
2218 + var props = this.props;
2219 + if (props.x === 215) {
2220 + return null;
2221 + }
2222 }
2223 });
2224
1200 - var AdsPEAmbientNUXMegaphone102 = React.createClass({
1201 - displayName: "AdsPEAmbientNUXMegaphone102",
2225 + var AdsTextInput91 = React.createClass({
2226 + displayName: "AdsTextInput91",
2227
2228 render: function () {
1204 - return React.createElement("span", { ref: "mainChild" });
2229 + var props = this.props;
2230 + if (props.x === 217) {
2231 + return React.createElement(ReactXUIError76, { x: 216 });
2232 + }
2233 }
2234 });
2235
1208 - var AdsPEFilters103 = React.createClass({
1209 - displayName: "AdsPEFilters103",
2236 + var BUIFormElement92 = React.createClass({
2237 + displayName: "BUIFormElement92",
2238
2239 render: function () {
1212 - return React.createElement(
1213 - "div",
1214 - { className: "_4rw_" },
1215 - React.createElement(AdsPEFiltersPopover84, null),
1216 - null,
1217 - React.createElement(BUIFilterTokenizer101, null),
1218 - "",
1219 - React.createElement(AdsPEAmbientNUXMegaphone102, null)
1220 - );
2240 + var props = this.props;
2241 + if (props.x === 218) {
2242 + return React.createElement(
2243 + "div",
2244 + { className: "_5521 clearfix" },
2245 + React.createElement(
2246 + "div",
2247 + { className: "_5522 _3w5q" },
2248 + React.createElement(
2249 + "label",
2250 + { onClick: undefined, htmlFor: "1467872040612:1961945894", className: "_5523 _3w5r" },
2251 + "Campaign Name",
2252 + null
2253 + )
2254 + ),
2255 + React.createElement(
2256 + "div",
2257 + { className: "_5527" },
2258 + React.createElement(
2259 + "div",
2260 + { className: "_5528" },
2261 + React.createElement(
2262 + "span",
2263 + { key: ".0", className: "_40bg", density: "snug", labelPosition: "left", id: "1467872040612:1961945894" },
2264 + React.createElement(AdsTextInput91, { x: 217, key: "nameEditor98010048849317", ref: "nameTextInput" }),
2265 + null
2266 + )
2267 + ),
2268 + null
2269 + )
2270 + );
2271 + }
2272 }
2273 });
2274
1224 - var AdsPEFilterContainer104 = React.createClass({
1225 - displayName: "AdsPEFilterContainer104",
2275 + var BUIForm93 = React.createClass({
2276 + displayName: "BUIForm93",
2277
2278 render: function () {
1228 - return React.createElement(AdsPEFilters103, null);
2279 + var props = this.props;
2280 + if (props.x === 219) {
2281 + return React.createElement(
2282 + "div",
2283 + { className: "_5ks1 _550r _550t _550y _3w5n" },
2284 + React.createElement(BUIFormElement92, { x: 218, key: ".0" })
2285 + );
2286 + }
2287 }
2288 });
2289
1232 - var AdsPECampaignTimeLimitNotice105 = React.createClass({
1233 - displayName: "AdsPECampaignTimeLimitNotice105",
2290 + var XUICard94 = React.createClass({
2291 + displayName: "XUICard94",
2292
2293 render: function () {
1236 - return React.createElement("div", null);
2294 + var props = this.props;
2295 + if (props.x === 220) {
2296 + return React.createElement(
2297 + "div",
2298 + { className: "_40bc _12k2 _4-u2 _4-u8", xuiErrorPosition: "above", background: "white" },
2299 + React.createElement(BUIForm93, { x: 219 })
2300 + );
2301 + }
2302 + if (props.x === 249) {
2303 + return React.createElement(
2304 + "div",
2305 + { xuiErrorPosition: "above", className: "_12k2 _4-u2 _4-u8", background: "white" },
2306 + React.createElement(AdsCardHeader103, { x: 230 }),
2307 + React.createElement(AdsCardSection108, { x: 248 })
2308 + );
2309 + }
2310 + if (props.x === 279) {
2311 + return React.createElement(
2312 + "div",
2313 + { xuiErrorPosition: "above", className: "_12k2 _4-u2 _4-u8", background: "white" },
2314 + React.createElement(AdsCardLeftRightHeader122, { x: 278 })
2315 + );
2316 + }
2317 }
2318 });
2319
1240 - var AdsPECampaignTimeLimitNoticeContainer106 = React.createClass({
1241 - displayName: "AdsPECampaignTimeLimitNoticeContainer106",
2320 + var AdsCard95 = React.createClass({
2321 + displayName: "AdsCard95",
2322
2323 render: function () {
1244 - return React.createElement(AdsPECampaignTimeLimitNotice105, null);
2324 + var props = this.props;
2325 + if (props.x === 222) {
2326 + return React.createElement(ReactXUIError76, { x: 221 });
2327 + }
2328 + if (props.x === 251) {
2329 + return React.createElement(ReactXUIError76, { x: 250 });
2330 + }
2331 + if (props.x === 281) {
2332 + return React.createElement(ReactXUIError76, { x: 280 });
2333 + }
2334 }
2335 });
2336
1248 - var AdsPETablePager107 = React.createClass({
1249 - displayName: "AdsPETablePager107",
2337 + var AdsEditorNameSection96 = React.createClass({
2338 + displayName: "AdsEditorNameSection96",
2339
2340 render: function () {
1252 - return null;
2341 + var props = this.props;
2342 + if (props.x === 223) {
2343 + return React.createElement(AdsCard95, { x: 222 });
2344 + }
2345 }
2346 });
2347
1256 - var AdsPEAdgroupTablePagerContainer108 = React.createClass({
1257 - displayName: "AdsPEAdgroupTablePagerContainer108",
2348 + var AdsCampaignGroupNameSectionContainer97 = React.createClass({
2349 + displayName: "AdsCampaignGroupNameSectionContainer97",
2350
2351 render: function () {
1260 - return React.createElement(AdsPETablePager107, null);
2352 + var props = this.props;
2353 + if (props.x === 224) {
2354 + return React.createElement(AdsEditorNameSection96, { x: 223, key: "nameSection98010048849317" });
2355 + }
2356 }
2357 });
2358
1264 - var AdsPETablePagerContainer109 = React.createClass({
1265 - displayName: "AdsPETablePagerContainer109",
2359 + var _render98 = React.createClass({
2360 + displayName: "_render98",
2361
2362 render: function () {
1268 - return React.createElement(AdsPEAdgroupTablePagerContainer108, null);
2363 + var props = this.props;
2364 + if (props.x === 225) {
2365 + return React.createElement(AdsCampaignGroupNameSectionContainer97, { x: 224 });
2366 + }
2367 }
2368 });
2369
1272 - var ReactImage110 = React.createClass({
1273 - displayName: "ReactImage110",
2370 + var AdsPluginWrapper99 = React.createClass({
2371 + displayName: "AdsPluginWrapper99",
2372
2373 render: function () {
1276 - return React.createElement("i", { alt: "", className: "_3-99 img sp_UuU9HmrQ397 sx_132804", src: null });
2374 + var props = this.props;
2375 + if (props.x === 226) {
2376 + return React.createElement(_render98, { x: 225 });
2377 + }
2378 + if (props.x === 255) {
2379 + return React.createElement(_render111, { x: 254 });
2380 + }
2381 + if (props.x === 258) {
2382 + return React.createElement(_render113, { x: 257 });
2383 + }
2384 + if (props.x === 287) {
2385 + return React.createElement(_render127, { x: 286 });
2386 + }
2387 + if (props.x === 291) {
2388 + return React.createElement(_render130, { x: 290 });
2389 + }
2390 }
2391 });
2392
1280 - var Link111 = React.createClass({
1281 - displayName: "Link111",
2393 + var XUICardHeaderTitle100 = React.createClass({
2394 + displayName: "XUICardHeaderTitle100",
2395
2396 render: function () {
1284 - return React.createElement(
1285 - "a",
1286 - { style: { "maxWidth": "200px" }, image: null, label: null, imageRight: {}, className: "_55pi _2agf _55pi _4jy0 _4jy4 _517h _51sy _42ft", href: "#", disabled: null, maxwidth: undefined, size: "large", suppressed: false, chevron: {}, use: "default", borderShade: "light", onClick: function () {}, rel: undefined },
1287 - null,
1288 - React.createElement(
2397 + var props = this.props;
2398 + if (props.x === 227) {
2399 + return React.createElement(
2400 "span",
1290 - { className: "_55pe", style: { "maxWidth": "186px" } },
2401 + { itemComponent: "span", className: "_38my" },
2402 + "Campaign Details",
2403 null,
1292 - "Lifetime"
1293 - ),
1294 - React.createElement(ReactImage110, null)
1295 - );
1296 - }
1297 - });
1298 -
1299 - var AbstractButton112 = React.createClass({
1300 - displayName: "AbstractButton112",
1301 -
1302 - render: function () {
1303 - return React.createElement(Link111, null);
1304 - }
1305 - });
1306 -
1307 - var XUIButton113 = React.createClass({
1308 - displayName: "XUIButton113",
1309 -
1310 - render: function () {
1311 - return React.createElement(AbstractButton112, null);
2404 + React.createElement("span", { className: "_c1c" })
2405 + );
2406 + }
2407 + if (props.x === 265) {
2408 + return React.createElement(
2409 + "span",
2410 + { itemComponent: "span", className: "_38my" },
2411 + [React.createElement(
2412 + "span",
2413 + null,
2414 + "Campaign ID",
2415 + ": ",
2416 + "98010048849317"
2417 + ), React.createElement(
2418 + "div",
2419 + { className: "_5lh9" },
2420 + React.createElement(FluxContainer_AdsCampaignGroupStatusSwitchContainer_119, { x: 264 })
2421 + )],
2422 + null,
2423 + React.createElement("span", { className: "_c1c" })
2424 + );
2425 + }
2426 }
2427 });
2428
1315 - var AbstractPopoverButton114 = React.createClass({
1316 - displayName: "AbstractPopoverButton114",
2429 + var XUICardSection101 = React.createClass({
2430 + displayName: "XUICardSection101",
2431
2432 render: function () {
1319 - return React.createElement(XUIButton113, null);
2433 + var props = this.props;
2434 + if (props.x === 228) {
2435 + return React.createElement(
2436 + "div",
2437 + { className: "_5dw9 _5dwa _4-u3", background: "transparent" },
2438 + [React.createElement(XUICardHeaderTitle100, { x: 227, key: ".0" })],
2439 + undefined,
2440 + undefined,
2441 + React.createElement("div", { className: "_3s3-" })
2442 + );
2443 + }
2444 + if (props.x === 247) {
2445 + return React.createElement(
2446 + "div",
2447 + { className: "_12jy _4-u3", background: "transparent" },
2448 + React.createElement(
2449 + "div",
2450 + { className: "_3-8j" },
2451 + React.createElement(FlexibleBlock105, { x: 233 }),
2452 + React.createElement(FlexibleBlock105, { x: 236 }),
2453 + React.createElement(FlexibleBlock105, { x: 246 }),
2454 + null,
2455 + null
2456 + )
2457 + );
2458 + }
2459 }
2460 });
2461
1323 - var ReactXUIPopoverButton115 = React.createClass({
1324 - displayName: "ReactXUIPopoverButton115",
2462 + var XUICardHeader102 = React.createClass({
2463 + displayName: "XUICardHeader102",
2464
2465 render: function () {
1327 - return React.createElement(AbstractPopoverButton114, null);
2466 + var props = this.props;
2467 + if (props.x === 229) {
2468 + return React.createElement(XUICardSection101, { x: 228 });
2469 + }
2470 }
2471 });
2472
1331 - var XUISingleSelectorButton116 = React.createClass({
1332 - displayName: "XUISingleSelectorButton116",
2473 + var AdsCardHeader103 = React.createClass({
2474 + displayName: "AdsCardHeader103",
2475
2476 render: function () {
1335 - return React.createElement(ReactXUIPopoverButton115, null);
2477 + var props = this.props;
2478 + if (props.x === 230) {
2479 + return React.createElement(XUICardHeader102, { x: 229 });
2480 + }
2481 }
2482 });
2483
1339 - var InlineBlock117 = React.createClass({
1340 - displayName: "InlineBlock117",
2484 + var AdsLabeledField104 = React.createClass({
2485 + displayName: "AdsLabeledField104",
2486
2487 render: function () {
1343 - return React.createElement(
1344 - "div",
1345 - { className: "_3c5o _3c5p _6a _6b", defaultValue: "LIFETIME", size: "large", onChange: function () {}, disabled: false, alignv: "middle", fullWidth: false },
1346 - React.createElement("input", { type: "hidden", autoComplete: "off", name: undefined, value: "LIFETIME" }),
1347 - React.createElement(XUISingleSelectorButton116, { ref: "button" })
1348 - );
2488 + var props = this.props;
2489 + if (props.x === 231) {
2490 + return React.createElement(
2491 + "div",
2492 + { className: "_2oc6 _3bvz", label: "Objective", labelSize: "small", optionalText: "(optional)" },
2493 + React.createElement(
2494 + "label",
2495 + { className: "_4el4 _3qwj _3hy-", htmlFor: undefined },
2496 + "Objective "
2497 + ),
2498 + null,
2499 + React.createElement("div", { className: "_3bv-" })
2500 + );
2501 + }
2502 + if (props.x === 234) {
2503 + return React.createElement(
2504 + "div",
2505 + { className: "_2oc6 _3bvz", label: "Buying Type", labelSize: "small", optionalText: "(optional)" },
2506 + React.createElement(
2507 + "label",
2508 + { className: "_4el4 _3qwj _3hy-", htmlFor: undefined },
2509 + "Buying Type "
2510 + ),
2511 + null,
2512 + React.createElement("div", { className: "_3bv-" })
2513 + );
2514 + }
2515 + if (props.x === 240) {
2516 + return React.createElement(
2517 + "div",
2518 + { className: "_2oc6 _3bvz", helpText: "Set an overall spending limit for your ad campaign. This means your ad sets in the campaign will stop once you've reached your spending limit.", label: "Campaign Spending Limit", labelSize: "small", optionalText: "(optional)" },
2519 + React.createElement(
2520 + "label",
2521 + { className: "_4el4 _3qwj _3hy-", htmlFor: undefined },
2522 + "Campaign Spending Limit "
2523 + ),
2524 + React.createElement(AdsHelpLink63, { x: 239 }),
2525 + React.createElement("div", { className: "_3bv-" })
2526 + );
2527 + }
2528 }
2529 });
2530
1352 - var XUISingleSelector118 = React.createClass({
1353 - displayName: "XUISingleSelector118",
2531 + var FlexibleBlock105 = React.createClass({
2532 + displayName: "FlexibleBlock105",
2533
2534 render: function () {
1356 - return React.createElement(InlineBlock117, null);
2535 + var props = this.props;
2536 + if (props.x === 233) {
2537 + return React.createElement(LeftRight21, { x: 232 });
2538 + }
2539 + if (props.x === 236) {
2540 + return React.createElement(LeftRight21, { x: 235 });
2541 + }
2542 + if (props.x === 246) {
2543 + return React.createElement(LeftRight21, { x: 245 });
2544 + }
2545 }
2546 });
2547
1360 - var ReactImage119 = React.createClass({
1361 - displayName: "ReactImage119",
2548 + var AdsBulkCampaignSpendCapField106 = React.createClass({
2549 + displayName: "AdsBulkCampaignSpendCapField106",
2550
2551 render: function () {
1364 - return React.createElement("i", { src: null, className: "img sp_UuU9HmrQ397 sx_6c732d" });
2552 + var props = this.props;
2553 + if (props.x === 243) {
2554 + return React.createElement(
2555 + "div",
2556 + { className: "_33dv" },
2557 + "",
2558 + React.createElement(Link2, { x: 242 }),
2559 + " (optional)"
2560 + );
2561 + }
2562 }
2563 });
2564
1368 - var AbstractButton120 = React.createClass({
1369 - displayName: "AbstractButton120",
2565 + var FluxContainer_AdsCampaignGroupSpendCapContainer_107 = React.createClass({
2566 + displayName: "FluxContainer_AdsCampaignGroupSpendCapContainer_107",
2567
2568 render: function () {
1372 - return React.createElement(
1373 - "button",
1374 - { "aria-label": "List Settings", className: "_u_k _3c5o _1-r0 _4jy0 _4jy4 _517h _51sy _42ft", "data-hover": "tooltip", image: {}, size: "large", onClick: function () {}, use: "default", borderShade: "light", suppressed: false, label: null, type: "submit", value: "1" },
1375 - React.createElement(ReactImage119, null),
1376 - undefined,
1377 - undefined
1378 - );
2569 + var props = this.props;
2570 + if (props.x === 244) {
2571 + return React.createElement(AdsBulkCampaignSpendCapField106, { x: 243 });
2572 + }
2573 }
2574 });
2575
1382 - var XUIButton121 = React.createClass({
1383 - displayName: "XUIButton121",
2576 + var AdsCardSection108 = React.createClass({
2577 + displayName: "AdsCardSection108",
2578
2579 render: function () {
1386 - return React.createElement(AbstractButton120, null);
2580 + var props = this.props;
2581 + if (props.x === 248) {
2582 + return React.createElement(XUICardSection101, { x: 247 });
2583 + }
2584 }
2585 });
2586
1390 - var AdsPEStatRange122 = React.createClass({
1391 - displayName: "AdsPEStatRange122",
2587 + var AdsEditorCampaignGroupDetailsSection109 = React.createClass({
2588 + displayName: "AdsEditorCampaignGroupDetailsSection109",
2589
2590 render: function () {
1394 - return React.createElement(
1395 - "div",
1396 - { className: "_3c5k" },
1397 - React.createElement(
1398 - "span",
1399 - { className: "_3c5j" },
1400 - "Stats:"
1401 - ),
1402 - React.createElement(
1403 - "span",
1404 - { className: "_3c5l" },
1405 - React.createElement(XUISingleSelector118, { key: "range" }),
1406 - null,
1407 - React.createElement(XUIButton121, { key: "settings" })
1408 - )
1409 - );
2591 + var props = this.props;
2592 + if (props.x === 252) {
2593 + return React.createElement(AdsCard95, { x: 251 });
2594 + }
2595 }
2596 });
2597
1413 - var AdsPEStatRangeContainer123 = React.createClass({
1414 - displayName: "AdsPEStatRangeContainer123",
2598 + var AdsEditorCampaignGroupDetailsSectionContainer110 = React.createClass({
2599 + displayName: "AdsEditorCampaignGroupDetailsSectionContainer110",
2600
2601 render: function () {
1417 - return React.createElement(AdsPEStatRange122, null);
2602 + var props = this.props;
2603 + if (props.x === 253) {
2604 + return React.createElement(AdsEditorCampaignGroupDetailsSection109, { x: 252, key: "campaignGroupDetailsSection98010048849317" });
2605 + }
2606 }
2607 });
2608
1421 - var Column124 = React.createClass({
1422 - displayName: "Column124",
2609 + var _render111 = React.createClass({
2610 + displayName: "_render111",
2611
2612 render: function () {
1425 - return React.createElement(
1426 - "div",
1427 - { className: "_4bl8 _4bl7" },
1428 - React.createElement(
1429 - "div",
1430 - { className: "_3c5f" },
1431 - null,
1432 - React.createElement(AdsPETablePagerContainer109, null),
1433 - React.createElement("div", { className: "_3c5i" }),
1434 - React.createElement(AdsPEStatRangeContainer123, null)
1435 - )
1436 - );
2613 + var props = this.props;
2614 + if (props.x === 254) {
2615 + return React.createElement(AdsEditorCampaignGroupDetailsSectionContainer110, { x: 253 });
2616 + }
2617 }
2618 });
2619
1440 - var ReactImage125 = React.createClass({
1441 - displayName: "ReactImage125",
2620 + var FluxContainer_AdsEditorToplineDetailsSectionContainer_112 = React.createClass({
2621 + displayName: "FluxContainer_AdsEditorToplineDetailsSectionContainer_112",
2622
2623 render: function () {
1444 - return React.createElement("i", { alt: "", className: "_3-8_ img sp_UuU9HmrQ397 sx_158e8d", src: null });
2624 + var props = this.props;
2625 + if (props.x === 256) {
2626 + return null;
2627 + }
2628 }
2629 });
2630
1448 - var AbstractButton126 = React.createClass({
1449 - displayName: "AbstractButton126",
2631 + var _render113 = React.createClass({
2632 + displayName: "_render113",
2633
2634 render: function () {
1452 - return React.createElement(
1453 - "button",
1454 - { className: "_u_k _4jy0 _4jy4 _517h _51sy _42ft", label: null, size: "large", onClick: function () {}, image: {}, use: "default", borderShade: "light", suppressed: false, type: "submit", value: "1" },
1455 - React.createElement(ReactImage125, null),
1456 - "Create Ad",
1457 - undefined
1458 - );
2635 + var props = this.props;
2636 + if (props.x === 257) {
2637 + return React.createElement(FluxContainer_AdsEditorToplineDetailsSectionContainer_112, { x: 256 });
2638 + }
2639 }
2640 });
2641
1462 - var XUIButton127 = React.createClass({
1463 - displayName: "XUIButton127",
2642 + var AdsStickyArea114 = React.createClass({
2643 + displayName: "AdsStickyArea114",
2644
2645 render: function () {
1466 - return React.createElement(AbstractButton126, null);
2646 + var props = this.props;
2647 + if (props.x === 259) {
2648 + return React.createElement(
2649 + "div",
2650 + { inContainingBlock: true },
2651 + React.createElement("div", { ref: "sticky", onWheel: function () {} })
2652 + );
2653 + }
2654 + if (props.x === 292) {
2655 + return React.createElement(
2656 + "div",
2657 + { inContainingBlock: true },
2658 + React.createElement(
2659 + "div",
2660 + { ref: "sticky", onWheel: function () {} },
2661 + [React.createElement(
2662 + "div",
2663 + { key: "campaign_group_errors_section98010048849317" },
2664 + React.createElement(AdsPluginWrapper99, { x: 291 })
2665 + )]
2666 + )
2667 + );
2668 + }
2669 }
2670 });
2671
1470 - var ReactImage128 = React.createClass({
1471 - displayName: "ReactImage128",
2672 + var FluxContainer_AdsEditorColumnContainer_115 = React.createClass({
2673 + displayName: "FluxContainer_AdsEditorColumnContainer_115",
2674
2675 render: function () {
1474 - return React.createElement("i", { src: null, className: "img sp_UuU9HmrQ397 sx_d5a685" });
2676 + var props = this.props;
2677 + if (props.x === 260) {
2678 + return React.createElement(
2679 + "div",
2680 + null,
2681 + [React.createElement(
2682 + "div",
2683 + { key: "campaign_group_name_section98010048849317" },
2684 + React.createElement(AdsPluginWrapper99, { x: 226 })
2685 + ), React.createElement(
2686 + "div",
2687 + { key: "campaign_group_basic_section98010048849317" },
2688 + React.createElement(AdsPluginWrapper99, { x: 255 })
2689 + ), React.createElement(
2690 + "div",
2691 + { key: "campaign_group_topline_section98010048849317" },
2692 + React.createElement(AdsPluginWrapper99, { x: 258 })
2693 + )],
2694 + React.createElement(AdsStickyArea114, { x: 259 })
2695 + );
2696 + }
2697 + if (props.x === 293) {
2698 + return React.createElement(
2699 + "div",
2700 + null,
2701 + [React.createElement(
2702 + "div",
2703 + { key: "campaign_group_navigation_section98010048849317" },
2704 + React.createElement(AdsPluginWrapper99, { x: 287 })
2705 + )],
2706 + React.createElement(AdsStickyArea114, { x: 292 })
2707 + );
2708 + }
2709 }
2710 });
2711
1478 - var AbstractButton129 = React.createClass({
1479 - displayName: "AbstractButton129",
2712 + var BUISwitch116 = React.createClass({
2713 + displayName: "BUISwitch116",
2714
2715 render: function () {
1482 - return React.createElement(
1483 - "button",
1484 - { className: "_u_k _p _4jy0 _4jy4 _517h _51sy _42ft", image: {}, size: "large", use: "default", borderShade: "light", suppressed: false, label: null, type: "submit", value: "1" },
1485 - React.createElement(ReactImage128, null),
1486 - undefined,
1487 - undefined
1488 - );
2716 + var props = this.props;
2717 + if (props.x === 261) {
2718 + return React.createElement(
2719 + "div",
2720 + { "data-hover": "tooltip", "data-tooltip-content": "Currently active. Click this switch to deactivate it.", "data-tooltip-position": "below", disabled: false, value: true, onToggle: function () {}, animate: true, className: "_128j _128k _128n", role: "checkbox", "aria-checked": "true" },
2721 + React.createElement(
2722 + "div",
2723 + { className: "_128o", onClick: function () {}, onKeyDown: function () {}, onMouseDown: function () {}, tabIndex: "0" },
2724 + React.createElement("div", { className: "_128p" })
2725 + ),
2726 + null
2727 + );
2728 + }
2729 }
2730 });
2731
1492 - var XUIButton130 = React.createClass({
1493 - displayName: "XUIButton130",
2732 + var AdsStatusSwitchInternal117 = React.createClass({
2733 + displayName: "AdsStatusSwitchInternal117",
2734
2735 render: function () {
1496 - return React.createElement(AbstractButton129, null);
2736 + var props = this.props;
2737 + if (props.x === 262) {
2738 + return React.createElement(BUISwitch116, { x: 261 });
2739 + }
2740 }
2741 });
2742
1500 - var InlineBlock131 = React.createClass({
1501 - displayName: "InlineBlock131",
2743 + var AdsStatusSwitch118 = React.createClass({
2744 + displayName: "AdsStatusSwitch118",
2745
2746 render: function () {
1504 - return React.createElement(
1505 - "div",
1506 - { menu: {}, alignh: "right", layerBehaviors: {}, alignv: "middle", className: "uiPopover _6a _6b", disabled: null, fullWidth: false },
1507 - React.createElement(XUIButton130, { key: "/.0" })
1508 - );
2747 + var props = this.props;
2748 + if (props.x === 263) {
2749 + return React.createElement(AdsStatusSwitchInternal117, { x: 262 });
2750 + }
2751 }
2752 });
2753
1512 - var ReactPopoverMenu132 = React.createClass({
1513 - displayName: "ReactPopoverMenu132",
2754 + var FluxContainer_AdsCampaignGroupStatusSwitchContainer_119 = React.createClass({
2755 + displayName: "FluxContainer_AdsCampaignGroupStatusSwitchContainer_119",
2756
2757 render: function () {
1516 - return React.createElement(InlineBlock131, { ref: "root" });
2758 + var props = this.props;
2759 + if (props.x === 264) {
2760 + return React.createElement(AdsStatusSwitch118, { x: 263, key: "status98010048849317" });
2761 + }
2762 }
2763 });
2764
1520 - var XUIButtonGroup133 = React.createClass({
1521 - displayName: "XUIButtonGroup133",
2765 + var AdsLinksMenu120 = React.createClass({
2766 + displayName: "AdsLinksMenu120",
2767
2768 render: function () {
1524 - return React.createElement(
1525 - "div",
1526 - { className: "_5n7z _51xa" },
1527 - React.createElement(XUIButton127, null),
1528 - React.createElement(ReactPopoverMenu132, null)
1529 - );
2769 + var props = this.props;
2770 + if (props.x === 275) {
2771 + return React.createElement(ReactPopoverMenu20, { x: 274 });
2772 + }
2773 }
2774 });
2775
1533 - var ReactImage134 = React.createClass({
1534 - displayName: "ReactImage134",
2776 + var FluxContainer_AdsPluginizedLinksMenuContainer_121 = React.createClass({
2777 + displayName: "FluxContainer_AdsPluginizedLinksMenuContainer_121",
2778
2779 render: function () {
1537 - return React.createElement("i", { alt: "", className: "_3-8_ img sp_UuU9HmrQ397 sx_990b54", src: null });
2780 + var props = this.props;
2781 + if (props.x === 276) {
2782 + return React.createElement(
2783 + "div",
2784 + null,
2785 + null,
2786 + React.createElement(AdsLinksMenu120, { x: 275 })
2787 + );
2788 + }
2789 }
2790 });
2791
1541 - var AbstractButton135 = React.createClass({
1542 - displayName: "AbstractButton135",
2792 + var AdsCardLeftRightHeader122 = React.createClass({
2793 + displayName: "AdsCardLeftRightHeader122",
2794
2795 render: function () {
1545 - return React.createElement(
1546 - "button",
1547 - { size: "large", disabled: false, className: "_d2_ _u_k _5n7z _4jy0 _4jy4 _517h _51sy _42ft", image: {}, "data-hover": "tooltip", "aria-label": "Edit Ads (Ctrl+U)", onClick: function () {}, use: "default", label: null, borderShade: "light", suppressed: false, type: "submit", value: "1" },
1548 - React.createElement(ReactImage134, null),
1549 - "Edit",
1550 - undefined
1551 - );
2796 + var props = this.props;
2797 + if (props.x === 278) {
2798 + return React.createElement(LeftRight21, { x: 277 });
2799 + }
2800 }
2801 });
2802
1555 - var XUIButton136 = React.createClass({
1556 - displayName: "XUIButton136",
2803 + var AdsPEIDSection123 = React.createClass({
2804 + displayName: "AdsPEIDSection123",
2805
2806 render: function () {
1559 - return React.createElement(AbstractButton135, null);
2807 + var props = this.props;
2808 + if (props.x === 282) {
2809 + return React.createElement(AdsCard95, { x: 281 });
2810 + }
2811 }
2812 });
2813
1563 - var ReactImage137 = React.createClass({
1564 - displayName: "ReactImage137",
2814 + var FluxContainer_AdsPECampaignGroupIDSectionContainer_124 = React.createClass({
2815 + displayName: "FluxContainer_AdsPECampaignGroupIDSectionContainer_124",
2816
2817 render: function () {
1567 - return React.createElement("i", { src: null, className: "img sp_UuU9HmrQ397 sx_203adb" });
2818 + var props = this.props;
2819 + if (props.x === 283) {
2820 + return React.createElement(AdsPEIDSection123, { x: 282 });
2821 + }
2822 }
2823 });
2824
1571 - var AbstractButton138 = React.createClass({
1572 - displayName: "AbstractButton138",
2825 + var DeferredComponent125 = React.createClass({
2826 + displayName: "DeferredComponent125",
2827
2828 render: function () {
1575 - return React.createElement(
1576 - "button",
1577 - { "aria-label": "Duplicate", className: "_u_k _4jy0 _4jy4 _517h _51sy _42ft", "data-hover": "tooltip", disabled: false, image: {}, size: "large", onClick: function () {}, use: "default", borderShade: "light", suppressed: false, label: null, type: "submit", value: "1" },
1578 - React.createElement(ReactImage137, null),
1579 - undefined,
1580 - undefined
1581 - );
2829 + var props = this.props;
2830 + if (props.x === 284) {
2831 + return React.createElement(FluxContainer_AdsPECampaignGroupIDSectionContainer_124, { x: 283 });
2832 + }
2833 }
2834 });
2835
1585 - var XUIButton139 = React.createClass({
1586 - displayName: "XUIButton139",
2836 + var BootloadedComponent126 = React.createClass({
2837 + displayName: "BootloadedComponent126",
2838
2839 render: function () {
1589 - return React.createElement(AbstractButton138, null);
2840 + var props = this.props;
2841 + if (props.x === 285) {
2842 + return React.createElement(DeferredComponent125, { x: 284 });
2843 + }
2844 }
2845 });
2846
1593 - var ReactImage140 = React.createClass({
1594 - displayName: "ReactImage140",
2847 + var _render127 = React.createClass({
2848 + displayName: "_render127",
2849
2850 render: function () {
1597 - return React.createElement("i", { src: null, className: "img sp_UuU9HmrQ397 sx_0c342e" });
2851 + var props = this.props;
2852 + if (props.x === 286) {
2853 + return React.createElement(BootloadedComponent126, { x: 285 });
2854 + }
2855 }
2856 });
2857
1601 - var AbstractButton141 = React.createClass({
1602 - displayName: "AbstractButton141",
2858 + var AdsEditorErrorsCard128 = React.createClass({
2859 + displayName: "AdsEditorErrorsCard128",
2860
2861 render: function () {
1605 - return React.createElement(
1606 - "button",
1607 - { "aria-label": "Revert", className: "_u_k _4jy0 _4jy4 _517h _51sy _42ft _42fr", "data-hover": "tooltip", disabled: true, image: {}, size: "large", onClick: function () {}, use: "default", borderShade: "light", suppressed: false, label: null, type: "submit", value: "1" },
1608 - React.createElement(ReactImage140, null),
1609 - undefined,
1610 - undefined
1611 - );
2862 + var props = this.props;
2863 + if (props.x === 288) {
2864 + return null;
2865 + }
2866 }
2867 });
2868
1615 - var XUIButton142 = React.createClass({
1616 - displayName: "XUIButton142",
2869 + var FluxContainer_FunctionalContainer_129 = React.createClass({
2870 + displayName: "FluxContainer_FunctionalContainer_129",
2871
2872 render: function () {
1619 - return React.createElement(AbstractButton141, null);
2873 + var props = this.props;
2874 + if (props.x === 289) {
2875 + return React.createElement(AdsEditorErrorsCard128, { x: 288 });
2876 + }
2877 }
2878 });
2879
1623 - var ReactImage143 = React.createClass({
1624 - displayName: "ReactImage143",
2880 + var _render130 = React.createClass({
2881 + displayName: "_render130",
2882
2883 render: function () {
1627 - return React.createElement("i", { src: null, className: "img sp_UuU9HmrQ397 sx_0e75f5" });
2884 + var props = this.props;
2885 + if (props.x === 290) {
2886 + return React.createElement(FluxContainer_FunctionalContainer_129, { x: 289 });
2887 + }
2888 }
2889 });
2890
1631 - var AbstractButton144 = React.createClass({
1632 - displayName: "AbstractButton144",
2891 + var AdsEditorMultiColumnLayout131 = React.createClass({
2892 + displayName: "AdsEditorMultiColumnLayout131",
2893
2894 render: function () {
1635 - return React.createElement(
1636 - "button",
1637 - { "aria-label": "Delete", className: "_u_k _4jy0 _4jy4 _517h _51sy _42ft", image: {}, "data-hover": "tooltip", disabled: false, size: "large", onClick: function () {}, use: "default", borderShade: "light", suppressed: false, label: null, type: "submit", value: "1" },
1638 - React.createElement(ReactImage143, null),
1639 - undefined,
1640 - undefined
1641 - );
2895 + var props = this.props;
2896 + if (props.x === 294) {
2897 + return React.createElement(
2898 + "div",
2899 + { className: "_psh" },
2900 + React.createElement(
2901 + "div",
2902 + { className: "_3cc0" },
2903 + React.createElement(
2904 + "div",
2905 + null,
2906 + React.createElement(AdsEditorLoadingErrors90, { x: 215, key: ".0" }),
2907 + React.createElement(
2908 + "div",
2909 + { className: "_3ms3" },
2910 + React.createElement(
2911 + "div",
2912 + { className: "_3ms4" },
2913 + React.createElement(FluxContainer_AdsEditorColumnContainer_115, { x: 260, key: ".1" })
2914 + ),
2915 + React.createElement(
2916 + "div",
2917 + { className: "_3pvg" },
2918 + React.createElement(FluxContainer_AdsEditorColumnContainer_115, { x: 293, key: ".2" })
2919 + )
2920 + )
2921 + )
2922 + )
2923 + );
2924 + }
2925 }
2926 });
2927
1645 - var XUIButton145 = React.createClass({
1646 - displayName: "XUIButton145",
2928 + var AdsPECampaignGroupEditor132 = React.createClass({
2929 + displayName: "AdsPECampaignGroupEditor132",
2930
2931 render: function () {
1649 - return React.createElement(AbstractButton144, null);
2932 + var props = this.props;
2933 + if (props.x === 295) {
2934 + return React.createElement(
2935 + "div",
2936 + null,
2937 + React.createElement(AdsPECampaignGroupHeaderSectionContainer89, { x: 214 }),
2938 + React.createElement(AdsEditorMultiColumnLayout131, { x: 294 })
2939 + );
2940 + }
2941 }
2942 });
2943
1653 - var XUIButtonGroup146 = React.createClass({
1654 - displayName: "XUIButtonGroup146",
2944 + var AdsPECampaignGroupEditorContainer133 = React.createClass({
2945 + displayName: "AdsPECampaignGroupEditorContainer133",
2946
2947 render: function () {
1657 - return React.createElement(
1658 - "div",
1659 - { className: "_5n7z _51xa" },
1660 - React.createElement(XUIButton139, { key: "duplicate" }),
1661 - React.createElement(XUIButton142, { key: "revert" }),
1662 - React.createElement(XUIButton145, { key: "delete" })
1663 - );
2948 + var props = this.props;
2949 + if (props.x === 296) {
2950 + return React.createElement(AdsPECampaignGroupEditor132, { x: 295 });
2951 + }
2952 }
2953 });
2954
1667 - var ReactImage147 = React.createClass({
1668 - displayName: "ReactImage147",
2955 + var AdsPESideTrayTabContent134 = React.createClass({
2956 + displayName: "AdsPESideTrayTabContent134",
2957
2958 render: function () {
1671 - return React.createElement("i", { src: null, className: "img sp_UuU9HmrQ397 sx_8c19ae" });
2959 + var props = this.props;
2960 + if (props.x === 297) {
2961 + return React.createElement(
2962 + "div",
2963 + { className: "_1o_8 _44ra _5cyn" },
2964 + React.createElement(AdsPECampaignGroupEditorContainer133, { x: 296 })
2965 + );
2966 + }
2967 }
2968 });
2969
1675 - var AbstractButton148 = React.createClass({
1676 - displayName: "AbstractButton148",
2970 + var AdsPEEditorTrayTabContentContainer135 = React.createClass({
2971 + displayName: "AdsPEEditorTrayTabContentContainer135",
2972
2973 render: function () {
1679 - return React.createElement(
1680 - "button",
1681 - { size: "large", disabled: false, className: "_u_k _4jy0 _4jy4 _517h _51sy _42ft", image: {}, "data-hover": "tooltip", "aria-label": "Save Audience", onClick: function () {}, use: "default", borderShade: "light", suppressed: false, label: null, type: "submit", value: "1" },
1682 - React.createElement(ReactImage147, null),
1683 - undefined,
1684 - undefined
1685 - );
2974 + var props = this.props;
2975 + if (props.x === 298) {
2976 + return React.createElement(AdsPESideTrayTabContent134, { x: 297 });
2977 + }
2978 }
2979 });
2980
1689 - var XUIButton149 = React.createClass({
1690 - displayName: "XUIButton149",
2981 + var AdsPEMultiTabDrawer136 = React.createClass({
2982 + displayName: "AdsPEMultiTabDrawer136",
2983
2984 render: function () {
1693 - return React.createElement(AbstractButton148, null);
2985 + var props = this.props;
2986 + if (props.x === 299) {
2987 + return React.createElement(
2988 + "div",
2989 + { className: "_2kev _2kex" },
2990 + React.createElement(
2991 + "div",
2992 + { className: "_5yno" },
2993 + React.createElement(AdsPEEditorTrayTabButton83, { x: 197, key: "editor_tray_button" }),
2994 + React.createElement(AdsPEInsightsTrayTabButton84, { x: 202, key: "insights_tray_button" }),
2995 + React.createElement(AdsPENekoDebuggerTrayTabButton85, { x: 204, key: "neko_debugger_tray_button" })
2996 + ),
2997 + React.createElement(
2998 + "div",
2999 + { className: "_5ynn" },
3000 + React.createElement(AdsPEEditorTrayTabContentContainer135, { x: 298, key: "EDITOR_DRAWER" }),
3001 + null
3002 + )
3003 + );
3004 + }
3005 }
3006 });
3007
1697 - var ReactImage150 = React.createClass({
1698 - displayName: "ReactImage150",
3008 + var FluxContainer_AdsPEMultiTabDrawerContainer_137 = React.createClass({
3009 + displayName: "FluxContainer_AdsPEMultiTabDrawerContainer_137",
3010
3011 render: function () {
1701 - return React.createElement("i", { src: null, className: "img sp_UuU9HmrQ397 sx_d2b33c" });
3012 + var props = this.props;
3013 + if (props.x === 300) {
3014 + return React.createElement(AdsPEMultiTabDrawer136, { x: 299 });
3015 + }
3016 }
3017 });
3018
1705 - var AbstractButton151 = React.createClass({
1706 - displayName: "AbstractButton151",
3019 + var AdsPESimpleOrganizer138 = React.createClass({
3020 + displayName: "AdsPESimpleOrganizer138",
3021
3022 render: function () {
1709 - return React.createElement(
1710 - "button",
1711 - { size: "large", className: "_u_k noMargin _p _4jy0 _4jy4 _517h _51sy _42ft", onClick: function () {}, image: {}, "data-hover": "tooltip", "aria-label": "Export & Import", use: "default", borderShade: "light", suppressed: false, label: null, type: "submit", value: "1" },
1712 - React.createElement(ReactImage150, null),
1713 - undefined,
1714 - undefined
1715 - );
3023 + var props = this.props;
3024 + if (props.x === 309) {
3025 + return React.createElement(
3026 + "div",
3027 + { className: "_tm2" },
3028 + React.createElement(XUIButton4, { x: 304 }),
3029 + React.createElement(XUIButton4, { x: 306 }),
3030 + React.createElement(XUIButton4, { x: 308 })
3031 + );
3032 + }
3033 }
3034 });
3035
1719 - var XUIButton152 = React.createClass({
1720 - displayName: "XUIButton152",
3036 + var AdsPEOrganizerContainer139 = React.createClass({
3037 + displayName: "AdsPEOrganizerContainer139",
3038
3039 render: function () {
1723 - return React.createElement(AbstractButton151, null);
3040 + var props = this.props;
3041 + if (props.x === 310) {
3042 + return React.createElement(
3043 + "div",
3044 + null,
3045 + React.createElement(AdsPESimpleOrganizer138, { x: 309 })
3046 + );
3047 + }
3048 }
3049 });
3050
1727 - var InlineBlock153 = React.createClass({
1728 - displayName: "InlineBlock153",
3051 + var FixedDataTableColumnResizeHandle140 = React.createClass({
3052 + displayName: "FixedDataTableColumnResizeHandle140",
3053
3054 render: function () {
1731 - return React.createElement(
1732 - "div",
1733 - { menu: {}, size: "large", alignv: "middle", className: "uiPopover _6a _6b", disabled: null, fullWidth: false },
1734 - React.createElement(XUIButton152, { key: "/.0" })
1735 - );
3055 + var props = this.props;
3056 + if (props.x === 313) {
3057 + return React.createElement(
3058 + "div",
3059 + { className: "_3487 _3488 _3489", style: { "width": 0, "height": 25, "left": 0 } },
3060 + React.createElement("div", { className: "_348a", style: { "height": 25 } })
3061 + );
3062 + }
3063 }
3064 });
3065
1739 - var ReactPopoverMenu154 = React.createClass({
1740 - displayName: "ReactPopoverMenu154",
3066 + var AdsPETableHeader141 = React.createClass({
3067 + displayName: "AdsPETableHeader141",
3068
3069 render: function () {
1743 - return React.createElement(InlineBlock153, { ref: "root" });
1744 - }
1745 - });
1746 -
1747 - var AdsPEExportImportMenu155 = React.createClass({
1748 - displayName: "AdsPEExportImportMenu155",
1749 -
1750 - render: function () {
1751 - return React.createElement(ReactPopoverMenu154, { key: "export" });
1752 - }
1753 - });
1754 -
1755 - var FluxContainer_x_156 = React.createClass({
1756 - displayName: "FluxContainer_x_156",
1757 -
1758 - render: function () {
1759 - return null;
1760 - }
1761 - });
1762 -
1763 - var AdsPEExportAsTextDialog157 = React.createClass({
1764 - displayName: "AdsPEExportAsTextDialog157",
1765 -
1766 - render: function () {
1767 - return null;
1768 - }
1769 - });
1770 -
1771 - var FluxContainer_q_158 = React.createClass({
1772 - displayName: "FluxContainer_q_158",
1773 -
1774 - render: function () {
1775 - return React.createElement(AdsPEExportAsTextDialog157, null);
1776 - }
1777 - });
1778 -
1779 - var AdsPEExportImportMenuContainer159 = React.createClass({
1780 - displayName: "AdsPEExportImportMenuContainer159",
1781 -
1782 - render: function () {
1783 - return React.createElement(
1784 - "span",
1785 - null,
1786 - React.createElement(AdsPEExportImportMenu155, null),
1787 - React.createElement(FluxContainer_x_156, null),
1788 - React.createElement(FluxContainer_q_158, null),
1789 - null
1790 - );
1791 - }
1792 - });
1793 -
1794 - var ReactImage160 = React.createClass({
1795 - displayName: "ReactImage160",
1796 -
1797 - render: function () {
1798 - return React.createElement("i", { src: null, className: "img sp_UuU9HmrQ397 sx_872db1" });
1799 - }
1800 - });
1801 -
1802 - var AbstractButton161 = React.createClass({
1803 - displayName: "AbstractButton161",
1804 -
1805 - render: function () {
1806 - return React.createElement(
1807 - "button",
1808 - { size: "large", disabled: false, onClick: function () {}, className: "_u_k _5n7z _4jy0 _4jy4 _517h _51sy _42ft", image: {}, style: { "boxSizing": "border-box", "height": "28px", "width": "48px" }, "data-hover": "tooltip", "aria-label": "Create Report", use: "default", borderShade: "light", suppressed: false, label: null, type: "submit", value: "1" },
1809 - React.createElement(ReactImage160, null),
1810 - undefined,
1811 - undefined
1812 - );
1813 - }
1814 - });
1815 -
1816 - var XUIButton162 = React.createClass({
1817 - displayName: "XUIButton162",
1818 -
1819 - render: function () {
1820 - return React.createElement(AbstractButton161, null);
1821 - }
1822 - });
1823 -
1824 - var AbstractButton163 = React.createClass({
1825 - displayName: "AbstractButton163",
1826 -
1827 - render: function () {
1828 - return React.createElement(
1829 - "button",
1830 - { size: "large", disabled: true, className: "hidden_elem _5n7z _4jy0 _4jy4 _517h _51sy _42ft _42fr", label: null, onClick: function () {}, use: "default", borderShade: "light", suppressed: false, type: "submit", value: "1" },
1831 - undefined,
1832 - "Generate Variations",
1833 - undefined
1834 - );
1835 - }
1836 - });
1837 -
1838 - var XUIButton164 = React.createClass({
1839 - displayName: "XUIButton164",
1840 -
1841 - render: function () {
1842 - return React.createElement(AbstractButton163, null);
1843 - }
1844 - });
1845 -
1846 - var XUIButtonGroup165 = React.createClass({
1847 - displayName: "XUIButtonGroup165",
1848 -
1849 - render: function () {
1850 - return React.createElement(
1851 - "div",
1852 - { className: "_5n7z _51xa" },
1853 - React.createElement(XUIButton149, { key: "saveAudience" }),
1854 - React.createElement(AdsPEExportImportMenuContainer159, null),
1855 - React.createElement(XUIButton162, { key: "createReport", ref: "ads_create_report_button" }),
1856 - React.createElement(XUIButton164, { key: "variations" })
1857 - );
1858 - }
1859 - });
1860 -
1861 - var FillColumn166 = React.createClass({
1862 - displayName: "FillColumn166",
1863 -
1864 - render: function () {
1865 - return React.createElement(
1866 - "div",
1867 - { className: "_4bl9" },
1868 - React.createElement(
1869 - "span",
1870 - { className: "_3c5e" },
3070 + var props = this.props;
3071 + if (props.x === 315) {
3072 + return React.createElement(
3073 + "div",
3074 + { className: "_1cig _1ksv _1vd7 _4h2r", id: undefined },
3075 + React.createElement(ReactImage0, { x: 314 }),
3076 React.createElement(
3077 "span",
1873 - null,
1874 - React.createElement(XUIButtonGroup133, null),
1875 - React.createElement(XUIButton136, { key: "edit" }),
1876 - React.createElement(XUIButtonGroup146, null)
1877 - ),
1878 - React.createElement(XUIButtonGroup165, null)
1879 - )
1880 - );
1881 - }
1882 - });
1883 -
1884 - var Layout167 = React.createClass({
1885 - displayName: "Layout167",
1886 -
1887 - render: function () {
1888 - return React.createElement(
1889 - "div",
1890 - { className: "clearfix" },
1891 - React.createElement(Column124, { key: "1" }),
1892 - React.createElement(FillColumn166, { key: "0" })
1893 - );
1894 - }
1895 - });
1896 -
1897 - var AdsPEMainPaneToolbar168 = React.createClass({
1898 - displayName: "AdsPEMainPaneToolbar168",
1899 -
1900 - render: function () {
1901 - return React.createElement(
1902 - "div",
1903 - { className: "_3c5b clearfix" },
1904 - React.createElement(Layout167, null)
1905 - );
1906 - }
1907 - });
1908 -
1909 - var AdsPEAdgroupToolbarContainer169 = React.createClass({
1910 - displayName: "AdsPEAdgroupToolbarContainer169",
1911 -
1912 - render: function () {
1913 - return React.createElement(
1914 - "div",
1915 - null,
1916 - React.createElement(AdsPEMainPaneToolbar168, null),
1917 - null
1918 - );
1919 - }
1920 - });
1921 -
1922 - var AbstractButton170 = React.createClass({
1923 - displayName: "AbstractButton170",
1924 -
1925 - render: function () {
1926 - return React.createElement(
1927 - "button",
1928 - { className: "_tm3 _tm6 _4jy0 _4jy6 _517h _51sy _42ft", label: null, "data-tooltip-position": "right", "aria-label": "Campaigns", "data-hover": "tooltip", onClick: function () {}, size: "xxlarge", use: "default", borderShade: "light", suppressed: false, type: "submit", value: "1" },
1929 - undefined,
1930 - React.createElement(
3078 + { className: "_1cid" },
3079 + "Campaigns"
3080 + )
3081 + );
3082 + }
3083 + if (props.x === 320) {
3084 + return React.createElement(
3085 "div",
3086 + { className: "_1cig _1vd7 _4h2r", id: undefined },
3087 null,
1933 - React.createElement("div", { className: "_tma" }),
1934 - React.createElement("div", { className: "_tm8" }),
3088 React.createElement(
1936 - "div",
1937 - { className: "_tm9" },
1938 - 1
3089 + "span",
3090 + { className: "_1cid" },
3091 + "Performance"
3092 )
1940 - ),
1941 - undefined
1942 - );
1943 - }
1944 - });
1945 -
1946 - var XUIButton171 = React.createClass({
1947 - displayName: "XUIButton171",
1948 -
1949 - render: function () {
1950 - return React.createElement(AbstractButton170, null);
1951 - }
1952 - });
1953 -
1954 - var AbstractButton172 = React.createClass({
1955 - displayName: "AbstractButton172",
1956 -
1957 - render: function () {
1958 - return React.createElement(
1959 - "button",
1960 - { className: "_tm4 _tm6 _4jy0 _4jy6 _517h _51sy _42ft", label: null, "data-tooltip-position": "right", "aria-label": "Ad Sets", "data-hover": "tooltip", onClick: function () {}, size: "xxlarge", use: "default", borderShade: "light", suppressed: false, type: "submit", value: "1" },
1961 - undefined,
1962 - React.createElement(
3093 + );
3094 + }
3095 + if (props.x === 323) {
3096 + return React.createElement(
3097 "div",
3098 + { className: "_1cig _1vd7 _4h2r", id: undefined },
3099 null,
1965 - React.createElement("div", { className: "_tma" }),
1966 - React.createElement("div", { className: "_tm8" }),
3100 React.createElement(
1968 - "div",
1969 - { className: "_tm9" },
1970 - 1
3101 + "span",
3102 + { className: "_1cid" },
3103 + "Overview"
3104 )
1972 - ),
1973 - undefined
1974 - );
1975 - }
1976 - });
1977 -
1978 - var XUIButton173 = React.createClass({
1979 - displayName: "XUIButton173",
1980 -
1981 - render: function () {
1982 - return React.createElement(AbstractButton172, null);
1983 - }
1984 - });
1985 -
1986 - var AbstractButton174 = React.createClass({
1987 - displayName: "AbstractButton174",
1988 -
1989 - render: function () {
1990 - return React.createElement(
1991 - "button",
1992 - { className: "_tm5 _tm6 _tm7 _4jy0 _4jy6 _517h _51sy _42ft", label: null, "data-tooltip-position": "right", "aria-label": "Ads", "data-hover": "tooltip", onClick: function () {}, size: "xxlarge", use: "default", borderShade: "light", suppressed: false, type: "submit", value: "1" },
1993 - undefined,
1994 - React.createElement(
3105 + );
3106 + }
3107 + if (props.x === 326) {
3108 + return React.createElement(
3109 "div",
3110 + { className: "_1cig _1vd7 _4h2r", id: undefined },
3111 null,
1997 - React.createElement("div", { className: "_tma" }),
1998 - React.createElement("div", { className: "_tm8" }),
3112 React.createElement(
2000 - "div",
2001 - { className: "_tm9" },
2002 - 1
3113 + "span",
3114 + { className: "_1cid" },
3115 + "Toplines"
3116 )
2004 - ),
2005 - undefined
2006 - );
2007 - }
2008 - });
2009 -
2010 - var XUIButton175 = React.createClass({
2011 - displayName: "XUIButton175",
2012 -
2013 - render: function () {
2014 - return React.createElement(AbstractButton174, null);
2015 - }
2016 - });
2017 -
2018 - var AdsPESimpleOrganizer176 = React.createClass({
2019 - displayName: "AdsPESimpleOrganizer176",
2020 -
2021 - render: function () {
2022 - return React.createElement(
2023 - "div",
2024 - { className: "_tm2" },
2025 - React.createElement(XUIButton171, null),
2026 - React.createElement(XUIButton173, null),
2027 - React.createElement(XUIButton175, null)
2028 - );
2029 - }
2030 - });
2031 -
2032 - var AdsPEOrganizerContainer177 = React.createClass({
2033 - displayName: "AdsPEOrganizerContainer177",
2034 -
2035 - render: function () {
2036 - return React.createElement(
2037 - "div",
2038 - null,
2039 - React.createElement(AdsPESimpleOrganizer176, null)
2040 - );
2041 - }
2042 - });
2043 -
2044 - var FixedDataTableColumnResizeHandle178 = React.createClass({
2045 - displayName: "FixedDataTableColumnResizeHandle178",
2046 -
2047 - render: function () {
2048 - return React.createElement(
2049 - "div",
2050 - { className: "_3487 _3488 _3489", style: { "width": 0, "height": 532, "left": 0 } },
2051 - React.createElement("div", { className: "_348a", style: { "height": 532 } })
2052 - );
2053 - }
2054 - });
2055 -
2056 - var ReactImage179 = React.createClass({
2057 - displayName: "ReactImage179",
2058 -
2059 - render: function () {
2060 - return React.createElement("i", { className: "_1cie _1cif img sp_R48dKBxiJkP sx_dc0ad2", src: null });
2061 - }
2062 - });
2063 -
2064 - var AdsPETableHeader180 = React.createClass({
2065 - displayName: "AdsPETableHeader180",
2066 -
2067 - render: function () {
2068 - return React.createElement(
2069 - "div",
2070 - { className: "_1cig _1ksv _1vd7 _4h2r" },
2071 - React.createElement(ReactImage179, null),
2072 - React.createElement(
2073 - "span",
2074 - { className: "_1cid" },
2075 - "Ads"
2076 - )
2077 - );
2078 - }
2079 - });
2080 -
2081 - var TransitionCell181 = React.createClass({
2082 - displayName: "TransitionCell181",
2083 -
2084 - render: function () {
2085 - return React.createElement(
2086 - "div",
2087 - { isHeaderCell: true, label: "Ads", dataKey: 0, groupHeaderRenderer: function () {}, groupHeaderLabels: {}, groupHeaderData: {}, columnKey: undefined, height: 40, width: 521, rowIndex: 0, className: "_4lgc _4h2u", style: { "height": 40, "width": 521 } },
2088 - React.createElement(
3117 + );
3118 + }
3119 + if (props.x === 329) {
3120 + return React.createElement("div", { className: "_1cig _1vd7 _4h2r", id: undefined });
3121 + }
3122 + if (props.x === 340) {
3123 + return React.createElement(
3124 + "div",
3125 + { className: "_1cig _25fg", id: undefined },
3126 + null,
3127 + React.createElement(
3128 + "span",
3129 + { className: "_1cid" },
3130 + "Campaign Name"
3131 + )
3132 + );
3133 + }
3134 + if (props.x === 346) {
3135 + return React.createElement(
3136 + "div",
3137 + { className: "_1cig _25fg", id: undefined, "data-tooltip-content": "Changed", "data-hover": "tooltip" },
3138 + React.createElement(ReactImage0, { x: 345 }),
3139 + null
3140 + );
3141 + }
3142 + if (props.x === 352) {
3143 + return React.createElement(
3144 + "div",
3145 + { className: "_1cig _25fg", id: "ads_pe_table_error_header", "data-tooltip-content": "Errors", "data-hover": "tooltip" },
3146 + React.createElement(ReactImage0, { x: 351 }),
3147 + null
3148 + );
3149 + }
3150 + if (props.x === 357) {
3151 + return React.createElement(
3152 "div",
2090 - { className: "_4lgd _4h2w" },
3153 + { className: "_1cig _25fg", id: undefined },
3154 + null,
3155 React.createElement(
2092 - "div",
2093 - { className: "_4lge _4h2x" },
2094 - React.createElement(AdsPETableHeader180, null)
3156 + "span",
3157 + { className: "_1cid" },
3158 + "Status"
3159 )
2096 - )
2097 - );
2098 - }
2099 - });
2100 -
2101 - var FixedDataTableCell182 = React.createClass({
2102 - displayName: "FixedDataTableCell182",
2103 -
2104 - render: function () {
2105 - return React.createElement(
2106 - "div",
2107 - { className: "_4lg0 _4h2m", style: { "height": 40, "width": 521, "left": 0 } },
2108 - undefined,
2109 - React.createElement(TransitionCell181, null)
2110 - );
2111 - }
2112 - });
2113 -
2114 - var FixedDataTableCellGroupImpl183 = React.createClass({
2115 - displayName: "FixedDataTableCellGroupImpl183",
2116 -
2117 - render: function () {
2118 - return React.createElement(
2119 - "div",
2120 - { className: "_3pzj", style: { "height": 40, "position": "absolute", "width": 521, "zIndex": 2, "transform": "translate3d(0px,0px,0)", "backfaceVisibility": "hidden" } },
2121 - React.createElement(FixedDataTableCell182, { key: "cell_0" })
2122 - );
2123 - }
2124 - });
2125 -
2126 - var FixedDataTableCellGroup184 = React.createClass({
2127 - displayName: "FixedDataTableCellGroup184",
2128 -
2129 - render: function () {
2130 - return React.createElement(
2131 - "div",
2132 - { style: { "height": 40, "left": 0 }, className: "_3pzk" },
2133 - React.createElement(FixedDataTableCellGroupImpl183, null)
2134 - );
2135 - }
2136 - });
2137 -
2138 - var AdsPETableHeader185 = React.createClass({
2139 - displayName: "AdsPETableHeader185",
2140 -
2141 - render: function () {
2142 - return React.createElement(
2143 - "div",
2144 - { className: "_1cig _1vd7 _4h2r" },
2145 - null,
2146 - React.createElement(
2147 - "span",
2148 - { className: "_1cid" },
2149 - "Delivery"
2150 - )
2151 - );
2152 - }
2153 - });
2154 -
2155 - var TransitionCell186 = React.createClass({
2156 - displayName: "TransitionCell186",
2157 -
2158 - render: function () {
2159 - return React.createElement(
2160 - "div",
2161 - { isHeaderCell: true, label: "Delivery", dataKey: 1, groupHeaderRenderer: function () {}, groupHeaderLabels: {}, groupHeaderData: {}, columnKey: undefined, height: 40, width: 298, rowIndex: 0, className: "_4lgc _4h2u", style: { "height": 40, "width": 298 } },
2162 - React.createElement(
3160 + );
3161 + }
3162 + if (props.x === 362) {
3163 + return React.createElement(
3164 "div",
2164 - { className: "_4lgd _4h2w" },
3165 + { className: "_1cig _25fg", id: undefined },
3166 + null,
3167 React.createElement(
2166 - "div",
2167 - { className: "_4lge _4h2x" },
2168 - React.createElement(AdsPETableHeader185, null)
3168 + "span",
3169 + { className: "_1cid" },
3170 + "Delivery"
3171 )
2170 - )
2171 - );
2172 - }
2173 - });
2174 -
2175 - var FixedDataTableCell187 = React.createClass({
2176 - displayName: "FixedDataTableCell187",
2177 -
2178 - render: function () {
2179 - return React.createElement(
2180 - "div",
2181 - { className: "_4lg0 _4h2m", style: { "height": 40, "width": 298, "left": 0 } },
2182 - undefined,
2183 - React.createElement(TransitionCell186, null)
2184 - );
2185 - }
2186 - });
2187 -
2188 - var AdsPETableHeader188 = React.createClass({
2189 - displayName: "AdsPETableHeader188",
2190 -
2191 - render: function () {
2192 - return React.createElement(
2193 - "div",
2194 - { className: "_1cig _1vd7 _4h2r" },
2195 - null,
2196 - React.createElement(
2197 - "span",
2198 - { className: "_1cid" },
2199 - "Performance"
2200 - )
2201 - );
2202 - }
2203 - });
2204 -
2205 - var TransitionCell189 = React.createClass({
2206 - displayName: "TransitionCell189",
2207 -
2208 - render: function () {
2209 - return React.createElement(
2210 - "div",
2211 - { isHeaderCell: true, label: "Performance", dataKey: 2, groupHeaderRenderer: function () {}, groupHeaderLabels: {}, groupHeaderData: {}, columnKey: undefined, height: 40, width: 490, rowIndex: 0, className: "_4lgc _4h2u", style: { "height": 40, "width": 490 } },
2212 - React.createElement(
3172 + );
3173 + }
3174 + if (props.x === 369) {
3175 + return React.createElement(
3176 "div",
2214 - { className: "_4lgd _4h2w" },
3177 + { className: "_1cig _25fg", id: undefined },
3178 + null,
3179 React.createElement(
2216 - "div",
2217 - { className: "_4lge _4h2x" },
2218 - React.createElement(AdsPETableHeader188, null)
3180 + "span",
3181 + { className: "_1cid" },
3182 + "Results"
3183 )
2220 - )
2221 - );
2222 - }
2223 - });
2224 -
2225 - var FixedDataTableCell190 = React.createClass({
2226 - displayName: "FixedDataTableCell190",
2227 -
2228 - render: function () {
2229 - return React.createElement(
2230 - "div",
2231 - { className: "_4lg0 _4h2m", style: { "height": 40, "width": 490, "left": 298 } },
2232 - undefined,
2233 - React.createElement(TransitionCell189, null)
2234 - );
2235 - }
2236 - });
2237 -
2238 - var AdsPETableHeader191 = React.createClass({
2239 - displayName: "AdsPETableHeader191",
2240 -
2241 - render: function () {
2242 - return React.createElement(
2243 - "div",
2244 - { className: "_1cig _1vd7 _4h2r" },
2245 - null,
2246 - React.createElement(
2247 - "span",
2248 - { className: "_1cid" },
2249 - "Overview"
2250 - )
2251 - );
2252 - }
2253 - });
2254 -
2255 - var TransitionCell192 = React.createClass({
2256 - displayName: "TransitionCell192",
2257 -
2258 - render: function () {
2259 - return React.createElement(
2260 - "div",
2261 - { isHeaderCell: true, label: "Overview", dataKey: 3, groupHeaderRenderer: function () {}, groupHeaderLabels: {}, groupHeaderData: {}, columnKey: undefined, height: 40, width: 972, rowIndex: 0, className: "_4lgc _4h2u", style: { "height": 40, "width": 972 } },
2262 - React.createElement(
3184 + );
3185 + }
3186 + if (props.x === 374) {
3187 + return React.createElement(
3188 "div",
2264 - { className: "_4lgd _4h2w" },
3189 + { className: "_1cig _25fg", id: undefined },
3190 + null,
3191 React.createElement(
2266 - "div",
2267 - { className: "_4lge _4h2x" },
2268 - React.createElement(AdsPETableHeader191, null)
3192 + "span",
3193 + { className: "_1cid" },
3194 + "Cost"
3195 )
2270 - )
2271 - );
2272 - }
2273 - });
2274 -
2275 - var FixedDataTableCell193 = React.createClass({
2276 - displayName: "FixedDataTableCell193",
2277 -
2278 - render: function () {
2279 - return React.createElement(
2280 - "div",
2281 - { className: "_4lg0 _4h2m", style: { "height": 40, "width": 972, "left": 788 } },
2282 - undefined,
2283 - React.createElement(TransitionCell192, null)
2284 - );
2285 - }
2286 - });
2287 -
2288 - var AdsPETableHeader194 = React.createClass({
2289 - displayName: "AdsPETableHeader194",
2290 -
2291 - render: function () {
2292 - return React.createElement(
2293 - "div",
2294 - { className: "_1cig _1vd7 _4h2r" },
2295 - null,
2296 - React.createElement(
2297 - "span",
2298 - { className: "_1cid" },
2299 - "Creative Assets"
2300 - )
2301 - );
2302 - }
2303 - });
2304 -
2305 - var TransitionCell195 = React.createClass({
2306 - displayName: "TransitionCell195",
2307 -
2308 - render: function () {
2309 - return React.createElement(
2310 - "div",
2311 - { isHeaderCell: true, label: "Creative Assets", dataKey: 4, groupHeaderRenderer: function () {}, groupHeaderLabels: {}, groupHeaderData: {}, columnKey: undefined, height: 40, width: 514, rowIndex: 0, className: "_4lgc _4h2u", style: { "height": 40, "width": 514 } },
2312 - React.createElement(
3196 + );
3197 + }
3198 + if (props.x === 379) {
3199 + return React.createElement(
3200 "div",
2314 - { className: "_4lgd _4h2w" },
3201 + { className: "_1cig _25fg", id: undefined },
3202 + null,
3203 React.createElement(
2316 - "div",
2317 - { className: "_4lge _4h2x" },
2318 - React.createElement(AdsPETableHeader194, null)
3204 + "span",
3205 + { className: "_1cid" },
3206 + "Reach"
3207 )
2320 - )
2321 - );
2322 - }
2323 - });
2324 -
2325 - var FixedDataTableCell196 = React.createClass({
2326 - displayName: "FixedDataTableCell196",
2327 -
2328 - render: function () {
2329 - return React.createElement(
2330 - "div",
2331 - { className: "_4lg0 _4h2m", style: { "height": 40, "width": 514, "left": 1760 } },
2332 - undefined,
2333 - React.createElement(TransitionCell195, null)
2334 - );
2335 - }
2336 - });
2337 -
2338 - var AdsPETableHeader197 = React.createClass({
2339 - displayName: "AdsPETableHeader197",
2340 -
2341 - render: function () {
2342 - return React.createElement(
2343 - "div",
2344 - { className: "_1cig _1vd7 _4h2r" },
2345 - null,
2346 - React.createElement(
2347 - "span",
2348 - { className: "_1cid" },
2349 - "Toplines"
2350 - )
2351 - );
2352 - }
2353 - });
2354 -
2355 - var TransitionCell198 = React.createClass({
2356 - displayName: "TransitionCell198",
2357 -
2358 - render: function () {
2359 - return React.createElement(
2360 - "div",
2361 - { isHeaderCell: true, label: "Toplines", dataKey: 5, groupHeaderRenderer: function () {}, groupHeaderLabels: {}, groupHeaderData: {}, columnKey: undefined, height: 40, width: 0, rowIndex: 0, className: "_4lgc _4h2u", style: { "height": 40, "width": 0 } },
2362 - React.createElement(
3208 + );
3209 + }
3210 + if (props.x === 384) {
3211 + return React.createElement(
3212 "div",
2364 - { className: "_4lgd _4h2w" },
3213 + { className: "_1cig _25fg", id: undefined },
3214 + null,
3215 React.createElement(
2366 - "div",
2367 - { className: "_4lge _4h2x" },
2368 - React.createElement(AdsPETableHeader197, null)
3216 + "span",
3217 + { className: "_1cid" },
3218 + "Impressions"
3219 )
2370 - )
2371 - );
2372 - }
2373 - });
2374 -
2375 - var FixedDataTableCell199 = React.createClass({
2376 - displayName: "FixedDataTableCell199",
2377 -
2378 - render: function () {
2379 - return React.createElement(
2380 - "div",
2381 - { className: "_4lg0 _4h2m", style: { "height": 40, "width": 0, "left": 2274 } },
2382 - undefined,
2383 - React.createElement(TransitionCell198, null)
2384 - );
2385 - }
2386 - });
2387 -
2388 - var AdsPETableHeader200 = React.createClass({
2389 - displayName: "AdsPETableHeader200",
2390 -
2391 - render: function () {
2392 - return React.createElement("div", { className: "_1cig _1vd7 _4h2r" });
2393 - }
2394 - });
2395 -
2396 - var TransitionCell201 = React.createClass({
2397 - displayName: "TransitionCell201",
2398 -
2399 - render: function () {
2400 - return React.createElement(
2401 - "div",
2402 - { isHeaderCell: true, label: "", dataKey: 6, groupHeaderRenderer: function () {}, groupHeaderLabels: {}, groupHeaderData: {}, columnKey: undefined, height: 40, width: 25, rowIndex: 0, className: "_4lgc _4h2u", style: { "height": 40, "width": 25 } },
2403 - React.createElement(
3220 + );
3221 + }
3222 + if (props.x === 389) {
3223 + return React.createElement(
3224 "div",
2405 - { className: "_4lgd _4h2w" },
3225 + { className: "_1cig _25fg", id: undefined },
3226 + null,
3227 React.createElement(
2407 - "div",
2408 - { className: "_4lge _4h2x" },
2409 - React.createElement(AdsPETableHeader200, null)
3228 + "span",
3229 + { className: "_1cid" },
3230 + "Clicks"
3231 )
2411 - )
2412 - );
2413 - }
2414 - });
2415 -
2416 - var FixedDataTableCell202 = React.createClass({
2417 - displayName: "FixedDataTableCell202",
2418 -
2419 - render: function () {
2420 - return React.createElement(
2421 - "div",
2422 - { className: "_4lg0 _4h2m", style: { "height": 40, "width": 25, "left": 2274 } },
2423 - undefined,
2424 - React.createElement(TransitionCell201, null)
2425 - );
2426 - }
2427 - });
2428 -
2429 - var FixedDataTableCellGroupImpl203 = React.createClass({
2430 - displayName: "FixedDataTableCellGroupImpl203",
2431 -
2432 - render: function () {
2433 - return React.createElement(
2434 - "div",
2435 - { className: "_3pzj", style: { "height": 40, "position": "absolute", "width": 2299, "zIndex": 0, "transform": "translate3d(0px,0px,0)", "backfaceVisibility": "hidden" } },
2436 - React.createElement(FixedDataTableCell187, { key: "cell_0" }),
2437 - React.createElement(FixedDataTableCell190, { key: "cell_1" }),
2438 - React.createElement(FixedDataTableCell193, { key: "cell_2" }),
2439 - React.createElement(FixedDataTableCell196, { key: "cell_3" }),
2440 - React.createElement(FixedDataTableCell199, { key: "cell_4" }),
2441 - React.createElement(FixedDataTableCell202, { key: "cell_5" })
2442 - );
2443 - }
2444 - });
2445 -
2446 - var FixedDataTableCellGroup204 = React.createClass({
2447 - displayName: "FixedDataTableCellGroup204",
2448 -
2449 - render: function () {
2450 - return React.createElement(
2451 - "div",
2452 - { style: { "height": 40, "left": 521 }, className: "_3pzk" },
2453 - React.createElement(FixedDataTableCellGroupImpl203, null)
2454 - );
2455 - }
2456 - });
2457 -
2458 - var FixedDataTableRowImpl205 = React.createClass({
2459 - displayName: "FixedDataTableRowImpl205",
2460 -
2461 - render: function () {
2462 - return React.createElement(
2463 - "div",
2464 - { className: "_1gd4 _4li _52no _3h1a _1mib", onClick: null, onDoubleClick: null, onMouseDown: null, onMouseEnter: null, onMouseLeave: null, style: { "width": 1083, "height": 40 } },
2465 - React.createElement(
3232 + );
3233 + }
3234 + if (props.x === 394) {
3235 + return React.createElement(
3236 "div",
2467 - { className: "_1gd5" },
2468 - React.createElement(FixedDataTableCellGroup184, { key: "fixed_cells" }),
2469 - React.createElement(FixedDataTableCellGroup204, { key: "scrollable_cells" }),
2470 - React.createElement("div", { className: "_1gd6 _1gd8", style: { "left": 521, "height": 40 } })
2471 - )
2472 - );
2473 - }
2474 - });
2475 -
2476 - var FixedDataTableRow206 = React.createClass({
2477 - displayName: "FixedDataTableRow206",
2478 -
2479 - render: function () {
2480 - return React.createElement(
2481 - "div",
2482 - { style: { "width": 1083, "height": 40, "zIndex": 1, "transform": "translate3d(0px,0px,0)", "backfaceVisibility": "hidden" }, className: "_1gda" },
2483 - React.createElement(FixedDataTableRowImpl205, null)
2484 - );
2485 - }
2486 - });
2487 -
2488 - var AbstractCheckboxInput207 = React.createClass({
2489 - displayName: "AbstractCheckboxInput207",
2490 -
2491 - render: function () {
2492 - return React.createElement(
2493 - "label",
2494 - { className: "_4h2r _55sg _kv1" },
2495 - React.createElement("input", { checked: undefined, onChange: function () {}, className: null, type: "checkbox" }),
2496 - React.createElement("span", { "data-hover": null, "aria-label": undefined })
2497 - );
2498 - }
2499 - });
2500 -
2501 - var XUICheckboxInput208 = React.createClass({
2502 - displayName: "XUICheckboxInput208",
2503 -
2504 - render: function () {
2505 - return React.createElement(AbstractCheckboxInput207, null);
2506 - }
2507 - });
2508 -
2509 - var TransitionCell209 = React.createClass({
2510 - displayName: "TransitionCell209",
2511 -
2512 - render: function () {
2513 - return React.createElement(
2514 - "div",
2515 - { isHeaderCell: true, label: undefined, width: 42, dataKey: "common.id", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "common.id", height: 25, style: { "height": 25, "width": 42 } },
2516 - React.createElement(
3237 + { className: "_1cig _25fg", id: undefined },
3238 + null,
3239 + React.createElement(
3240 + "span",
3241 + { className: "_1cid" },
3242 + "Avg. CPM"
3243 + )
3244 + );
3245 + }
3246 + if (props.x === 399) {

This file is too large to show in full.

scripts/bench/bench-pe-sfc-es5.js new
+4198
@@ -0,0 +1,4198 @@
1 +(function () {
2 +
3 + var ReactImage0 = function (props) {
4 + if (props.x === 0) {
5 + return React.createElement("i", { alt: "", className: "_3-99 img sp_i534r85sjIn sx_538591", src: null });
6 + }
7 + if (props.x === 15) {
8 + return React.createElement("i", { className: "_3ut_ img sp_i534r85sjIn sx_e8ac93", src: null, alt: "" });
9 + }
10 + if (props.x === 22) {
11 + return React.createElement("i", { alt: "", className: "_3-8_ img sp_i534r85sjIn sx_7b15bc", src: null });
12 + }
13 + if (props.x === 29) {
14 + return React.createElement("i", { className: "_1m1s _4540 _p img sp_i534r85sjIn sx_f40b1c", src: null, alt: "" });
15 + }
16 + if (props.x === 42) {
17 + return React.createElement(
18 + "i",
19 + { alt: "Warning", className: "_585p img sp_i534r85sjIn sx_20273d", src: null },
20 + React.createElement(
21 + "u",
22 + null,
23 + "Warning"
24 + )
25 + );
26 + }
27 + if (props.x === 67) {
28 + return React.createElement("i", { alt: "", className: "_3-8_ img sp_i534r85sjIn sx_b5d079", src: null });
29 + }
30 + if (props.x === 70) {
31 + return React.createElement("i", { src: null, alt: "", className: "img sp_i534r85sjIn sx_29f8c9" });
32 + }
33 + if (props.x === 76) {
34 + return React.createElement("i", { alt: "", className: "_3-8_ img sp_i534r85sjIn sx_ef6a9c", src: null });
35 + }
36 + if (props.x === 79) {
37 + return React.createElement("i", { src: null, alt: "", className: "img sp_i534r85sjIn sx_6f8c43" });
38 + }
39 + if (props.x === 88) {
40 + return React.createElement("i", { src: null, alt: "", className: "img sp_i534r85sjIn sx_e94a2d" });
41 + }
42 + if (props.x === 91) {
43 + return React.createElement("i", { src: null, alt: "", className: "img sp_i534r85sjIn sx_7ed7d4" });
44 + }
45 + if (props.x === 94) {
46 + return React.createElement("i", { src: null, alt: "", className: "img sp_i534r85sjIn sx_930440" });
47 + }
48 + if (props.x === 98) {
49 + return React.createElement("i", { src: null, alt: "", className: "img sp_i534r85sjIn sx_750c83" });
50 + }
51 + if (props.x === 108) {
52 + return React.createElement("i", { src: null, alt: "", className: "img sp_i534r85sjIn sx_73c1bb" });
53 + }
54 + if (props.x === 111) {
55 + return React.createElement("i", { src: null, alt: "", className: "img sp_i534r85sjIn sx_29f28d" });
56 + }
57 + if (props.x === 126) {
58 + return React.createElement("i", { src: null, alt: "", className: "_3-8_ img sp_i534r85sjIn sx_91c59e" });
59 + }
60 + if (props.x === 127) {
61 + return React.createElement("i", { alt: "", className: "_3-99 img sp_i534r85sjIn sx_538591", src: null });
62 + }
63 + if (props.x === 134) {
64 + return React.createElement("i", { src: null, alt: "", className: "_3-8_ img sp_i534r85sjIn sx_c8eb75" });
65 + }
66 + if (props.x === 135) {
67 + return React.createElement("i", { alt: "", className: "_3-99 img sp_i534r85sjIn sx_538591", src: null });
68 + }
69 + if (props.x === 148) {
70 + return React.createElement("i", { className: "_3yz6 _5whs img sp_i534r85sjIn sx_896996", src: null, alt: "" });
71 + }
72 + if (props.x === 152) {
73 + return React.createElement("i", { className: "_5b5p _4gem img sp_i534r85sjIn sx_896996", src: null, alt: "" });
74 + }
75 + if (props.x === 153) {
76 + return React.createElement("i", { className: "_541d img sp_i534r85sjIn sx_2f396a", src: null, alt: "" });
77 + }
78 + if (props.x === 160) {
79 + return React.createElement("i", { src: null, alt: "", className: "img sp_i534r85sjIn sx_31d9b0" });
80 + }
81 + if (props.x === 177) {
82 + return React.createElement("i", { alt: "", className: "_3-99 img sp_i534r85sjIn sx_2c18b7", src: null });
83 + }
84 + if (props.x === 186) {
85 + return React.createElement("i", { src: null, alt: "", className: "img sp_i534r85sjIn sx_0a681f" });
86 + }
87 + if (props.x === 195) {
88 + return React.createElement("i", { className: "_1-lx img sp_OkER5ktbEyg sx_b369b4", src: null, alt: "" });
89 + }
90 + if (props.x === 198) {
91 + return React.createElement("i", { className: "_1-lx img sp_i534r85sjIn sx_96948e", src: null, alt: "" });
92 + }
93 + if (props.x === 237) {
94 + return React.createElement("i", { className: "_541d img sp_i534r85sjIn sx_2f396a", src: null, alt: "" });
95 + }
96 + if (props.x === 266) {
97 + return React.createElement("i", { alt: "", className: "_3-99 img sp_i534r85sjIn sx_538591", src: null });
98 + }
99 + if (props.x === 314) {
100 + return React.createElement("i", { className: "_1cie _1cif img sp_i534r85sjIn sx_6e6820", src: null, alt: "" });
101 + }
102 + if (props.x === 345) {
103 + return React.createElement("i", { className: "_1cie img sp_i534r85sjIn sx_e896cf", src: null, alt: "" });
104 + }
105 + if (props.x === 351) {
106 + return React.createElement("i", { className: "_1cie img sp_i534r85sjIn sx_38fed8", src: null, alt: "" });
107 + }
108 + };
109 +
110 + var AbstractLink1 = function (props) {
111 + if (props.x === 1) {
112 + return React.createElement(
113 + "a",
114 + { className: "_387r _55pi _2agf _4jy0 _4jy4 _517h _51sy _42ft", style: { "width": 250, "maxWidth": "250px" }, disabled: null, label: null, href: "#", rel: undefined, onClick: function () {} },
115 + null,
116 + React.createElement(
117 + "span",
118 + { className: "_55pe", style: { "maxWidth": "236px" } },
119 + null,
120 + React.createElement(
121 + "span",
122 + null,
123 + React.createElement(
124 + "span",
125 + { className: "_48u-" },
126 + "Account:"
127 + ),
128 + " ",
129 + "Dick Madanson (10149999073643408)"
130 + )
131 + ),
132 + React.createElement(ReactImage0, { x: 0 })
133 + );
134 + }
135 + if (props.x === 43) {
136 + return React.createElement(
137 + "a",
138 + { className: "_585q _50zy _50-0 _50z- _5upp _42ft", size: "medium", shade: "dark", type: null, title: "Remove", "data-hover": undefined, "data-tooltip-alignh": undefined, "data-tooltip-content": undefined, disabled: null, label: null, href: "#", rel: undefined, onClick: function () {} },
139 + undefined,
140 + "Remove",
141 + undefined
142 + );
143 + }
144 + if (props.x === 49) {
145 + return React.createElement(
146 + "a",
147 + { target: "_blank", href: "/ads/manage/billing.php?act=10149999073643408", rel: undefined, onClick: function () {} },
148 + React.createElement(XUIText29, { x: 48 })
149 + );
150 + }
151 + if (props.x === 128) {
152 + return React.createElement(
153 + "a",
154 + { className: " _5bbf _55pi _2agf _4jy0 _4jy4 _517h _51sy _42ft", style: { "maxWidth": "200px" }, disabled: null, label: null, href: "#", rel: undefined, onClick: function () {} },
155 + null,
156 + React.createElement(
157 + "span",
158 + { className: "_55pe", style: { "maxWidth": "186px" } },
159 + React.createElement(ReactImage0, { x: 126 }),
160 + "Search"
161 + ),
162 + React.createElement(ReactImage0, { x: 127 })
163 + );
164 + }
165 + if (props.x === 136) {
166 + return React.createElement(
167 + "a",
168 + { className: " _5bbf _55pi _2agf _4jy0 _4jy4 _517h _51sy _42ft", style: { "maxWidth": "200px" }, disabled: null, label: null, href: "#", rel: undefined, onClick: function () {} },
169 + null,
170 + React.createElement(
171 + "span",
172 + { className: "_55pe", style: { "maxWidth": "186px" } },
173 + React.createElement(ReactImage0, { x: 134 }),
174 + "Filters"
175 + ),
176 + React.createElement(ReactImage0, { x: 135 })
177 + );
178 + }
179 + if (props.x === 178) {
180 + return React.createElement(
181 + "a",
182 + { className: "_1_-t _1_-v _42ft", disabled: null, height: "medium", role: "button", label: null, href: "#", rel: undefined, onClick: function () {} },
183 + undefined,
184 + "Lifetime",
185 + React.createElement(ReactImage0, { x: 177 })
186 + );
187 + }
188 + if (props.x === 207) {
189 + return React.createElement(
190 + "a",
191 + { href: "#", rel: undefined, onClick: function () {} },
192 + "Create Ad Set"
193 + );
194 + }
195 + if (props.x === 209) {
196 + return React.createElement(
197 + "a",
198 + { href: "#", rel: undefined, onClick: function () {} },
199 + "View Ad Set"
200 + );
201 + }
202 + if (props.x === 241) {
203 + return React.createElement(
204 + "a",
205 + { href: "#", rel: undefined, onClick: function () {} },
206 + "Set a Limit"
207 + );
208 + }
209 + if (props.x === 267) {
210 + return React.createElement(
211 + "a",
212 + { className: "_p _55pi _2agf _4jy0 _4jy3 _517h _51sy _42ft", style: { "maxWidth": "200px" }, disabled: null, label: null, href: "#", rel: undefined, onClick: function () {} },
213 + null,
214 + React.createElement(
215 + "span",
216 + { className: "_55pe", style: { "maxWidth": "186px" } },
217 + null,
218 + "Links"
219 + ),
220 + React.createElement(ReactImage0, { x: 266 })
221 + );
222 + }
223 + };
224 +
225 + var Link2 = function (props) {
226 + if (props.x === 2) {
227 + return React.createElement(AbstractLink1, { x: 1 });
228 + }
229 + if (props.x === 44) {
230 + return React.createElement(AbstractLink1, { x: 43 });
231 + }
232 + if (props.x === 50) {
233 + return React.createElement(AbstractLink1, { x: 49 });
234 + }
235 + if (props.x === 129) {
236 + return React.createElement(AbstractLink1, { x: 128 });
237 + }
238 + if (props.x === 137) {
239 + return React.createElement(AbstractLink1, { x: 136 });
240 + }
241 + if (props.x === 179) {
242 + return React.createElement(AbstractLink1, { x: 178 });
243 + }
244 + if (props.x === 208) {
245 + return React.createElement(AbstractLink1, { x: 207 });
246 + }
247 + if (props.x === 210) {
248 + return React.createElement(AbstractLink1, { x: 209 });
249 + }
250 + if (props.x === 242) {
251 + return React.createElement(AbstractLink1, { x: 241 });
252 + }
253 + if (props.x === 268) {
254 + return React.createElement(AbstractLink1, { x: 267 });
255 + }
256 + };
257 +
258 + var AbstractButton3 = function (props) {
259 + if (props.x === 3) {
260 + return React.createElement(Link2, { x: 2 });
261 + }
262 + if (props.x === 20) {
263 + return React.createElement(
264 + "button",
265 + { className: "_5n7z _4jy0 _4jy4 _517h _51sy _42ft", onClick: function () {}, label: null, type: "submit", value: "1" },
266 + undefined,
267 + "Discard Changes",
268 + undefined
269 + );
270 + }
271 + if (props.x === 23) {
272 + return React.createElement(
273 + "button",
274 + { className: "_5n7z _2yak _4lj- _4jy0 _4jy4 _517h _51sy _42ft _42fr", disabled: true, onClick: function () {}, "data-tooltip-content": "You have no changes to publish", "data-hover": "tooltip", label: null, type: "submit", value: "1" },
275 + React.createElement(ReactImage0, { x: 22 }),
276 + "Review Changes",
277 + undefined
278 + );
279 + }
280 + if (props.x === 45) {
281 + return React.createElement(Link2, { x: 44 });
282 + }
283 + if (props.x === 68) {
284 + return React.createElement(
285 + "button",
286 + { className: "_u_k _4jy0 _4jy4 _517h _51sy _42ft", onClick: function () {}, label: null, type: "submit", value: "1" },
287 + React.createElement(ReactImage0, { x: 67 }),
288 + "Create Campaign",
289 + undefined
290 + );
291 + }
292 + if (props.x === 71) {
293 + return React.createElement(
294 + "button",
295 + { className: "_u_k _3qx6 _p _4jy0 _4jy4 _517h _51sy _42ft", label: null, type: "submit", value: "1" },
296 + React.createElement(ReactImage0, { x: 70 }),
297 + undefined,
298 + undefined
299 + );
300 + }
301 + if (props.x === 77) {
302 + return React.createElement(
303 + "button",
304 + { "aria-label": "Edit", "data-tooltip-content": "Edit Campaigns (Ctrl+U)", "data-hover": "tooltip", className: "_d2_ _u_k noMargin _4jy0 _4jy4 _517h _51sy _42ft", disabled: false, onClick: function () {}, label: null, type: "submit", value: "1" },
305 + React.createElement(ReactImage0, { x: 76 }),
306 + "Edit",
307 + undefined
308 + );
309 + }
310 + if (props.x === 80) {
311 + return React.createElement(
312 + "button",
313 + { className: "_u_k _3qx6 _p _4jy0 _4jy4 _517h _51sy _42ft", disabled: false, label: null, type: "submit", value: "1" },
314 + React.createElement(ReactImage0, { x: 79 }),
315 + undefined,
316 + undefined
317 + );
318 + }
319 + if (props.x === 89) {
320 + return React.createElement(
321 + "button",
322 + { "aria-label": "Revert", className: "_u_k _4jy0 _4jy4 _517h _51sy _42ft _42fr", "data-hover": "tooltip", "data-tooltip-content": "Revert", disabled: true, onClick: function () {}, label: null, type: "submit", value: "1" },
323 + React.createElement(ReactImage0, { x: 88 }),
324 + undefined,
325 + undefined
326 + );
327 + }
328 + if (props.x === 92) {
329 + return React.createElement(
330 + "button",
331 + { "aria-label": "Delete", className: "_u_k _4jy0 _4jy4 _517h _51sy _42ft", "data-hover": "tooltip", "data-tooltip-content": "Delete", disabled: false, onClick: function () {}, label: null, type: "submit", value: "1" },
332 + React.createElement(ReactImage0, { x: 91 }),
333 + undefined,
334 + undefined
335 + );
336 + }
337 + if (props.x === 95) {
338 + return React.createElement(
339 + "button",
340 + { "aria-label": "Duplicate", className: "_u_k _4jy0 _4jy4 _517h _51sy _42ft", "data-hover": "tooltip", "data-tooltip-content": "Duplicate", disabled: false, onClick: function () {}, label: null, type: "submit", value: "1" },
341 + React.createElement(ReactImage0, { x: 94 }),
342 + undefined,
343 + undefined
344 + );
345 + }
346 + if (props.x === 99) {
347 + return React.createElement(
348 + "button",
349 + { "aria-label": "Export & Import", className: "_u_k noMargin _p _4jy0 _4jy4 _517h _51sy _42ft", "data-hover": "tooltip", "data-tooltip-content": "Export & Import", onClick: function () {}, label: null, type: "submit", value: "1" },
350 + React.createElement(ReactImage0, { x: 98 }),
351 + undefined,
352 + undefined
353 + );
354 + }
355 + if (props.x === 109) {
356 + return React.createElement(
357 + "button",
358 + { "aria-label": "Create Report", className: "_u_k _5n7z _4jy0 _4jy4 _517h _51sy _42ft", "data-hover": "tooltip", "data-tooltip-content": "Create Report", disabled: false, style: { "boxSizing": "border-box", "height": "28px", "width": "48px" }, onClick: function () {}, label: null, type: "submit", value: "1" },
359 + React.createElement(ReactImage0, { x: 108 }),
360 + undefined,
361 + undefined
362 + );
363 + }
364 + if (props.x === 112) {
365 + return React.createElement(
366 + "button",
367 + { "aria-label": "Campaign Tags", className: " _5uy7 _4jy0 _4jy4 _517h _51sy _42ft", "data-hover": "tooltip", "data-tooltip-content": "Campaign Tags", disabled: false, haschevron: false, onClick: function () {}, label: null, type: "submit", value: "1" },
368 + React.createElement(ReactImage0, { x: 111 }),
369 + undefined,
370 + undefined
371 + );
372 + }
373 + if (props.x === 130) {
374 + return React.createElement(Link2, { x: 129 });
375 + }
376 + if (props.x === 138) {
377 + return React.createElement(Link2, { x: 137 });
378 + }
379 + if (props.x === 149) {
380 + return React.createElement(
381 + "button",
382 + { className: "_3yz9 _1t-2 _50z- _50zy _50zz _50z- _5upp _42ft", size: "small", onClick: function () {}, shade: "dark", type: "button", title: "Remove", "data-hover": undefined, "data-tooltip-alignh": undefined, "data-tooltip-content": undefined, label: null },
383 + undefined,
384 + "Remove",
385 + undefined
386 + );
387 + }
388 + if (props.x === 156) {
389 + return React.createElement(
390 + "button",
391 + { className: "_5b5u _5b5v _4jy0 _4jy3 _517h _51sy _42ft", onClick: function () {}, label: null, type: "submit", value: "1" },
392 + undefined,
393 + "Apply",
394 + undefined
395 + );
396 + }
397 + if (props.x === 161) {
398 + return React.createElement(
399 + "button",
400 + { className: "_1wdf _4jy0 _517i _517h _51sy _42ft", onClick: function () {}, label: null, type: "submit", value: "1" },
401 + React.createElement(ReactImage0, { x: 160 }),
402 + undefined,
403 + undefined
404 + );
405 + }
406 + if (props.x === 180) {
407 + return React.createElement(Link2, { x: 179 });
408 + }
409 + if (props.x === 187) {
410 + return React.createElement(
411 + "button",
412 + { "aria-label": "List Settings", className: "_u_k _3c5o _1-r0 _4jy0 _4jy4 _517h _51sy _42ft", "data-hover": "tooltip", "data-tooltip-content": "List Settings", onClick: function () {}, label: null, type: "submit", value: "1" },
413 + React.createElement(ReactImage0, { x: 186 }),
414 + undefined,
415 + undefined
416 + );
417 + }
418 + if (props.x === 269) {
419 + return React.createElement(Link2, { x: 268 });
420 + }
421 + if (props.x === 303) {
422 + return React.createElement(
423 + "button",
424 + { className: "_tm3 _tm6 _tm7 _4jy0 _4jy6 _517h _51sy _42ft", "data-tooltip-position": "right", "data-tooltip-content": "Campaigns", "data-hover": "tooltip", onClick: function () {}, label: null, type: "submit", value: "1" },
425 + undefined,
426 + React.createElement(
427 + "div",
428 + null,
429 + React.createElement("div", { className: "_tma" }),
430 + React.createElement("div", { className: "_tm8" }),
431 + React.createElement(
432 + "div",
433 + { className: "_tm9" },
434 + 1
435 + )
436 + ),
437 + undefined
438 + );
439 + }
440 + if (props.x === 305) {
441 + return React.createElement(
442 + "button",
443 + { className: "_tm4 _tm6 _4jy0 _4jy6 _517h _51sy _42ft", "data-tooltip-position": "right", "data-tooltip-content": "Ad Sets", "data-hover": "tooltip", onClick: function () {}, label: null, type: "submit", value: "1" },
444 + undefined,
445 + React.createElement(
446 + "div",
447 + null,
448 + React.createElement("div", { className: "_tma" }),
449 + React.createElement("div", { className: "_tm8" }),
450 + React.createElement(
451 + "div",
452 + { className: "_tm9" },
453 + 1
454 + )
455 + ),
456 + undefined
457 + );
458 + }
459 + if (props.x === 307) {
460 + return React.createElement(
461 + "button",
462 + { className: "_tm5 _tm6 _4jy0 _4jy6 _517h _51sy _42ft", "data-tooltip-position": "right", "data-tooltip-content": "Ads", "data-hover": "tooltip", onClick: function () {}, label: null, type: "submit", value: "1" },
463 + undefined,
464 + React.createElement(
465 + "div",
466 + null,
467 + React.createElement("div", { className: "_tma" }),
468 + React.createElement("div", { className: "_tm8" }),
469 + React.createElement(
470 + "div",
471 + { className: "_tm9" },
472 + 1
473 + )
474 + ),
475 + undefined
476 + );
477 + }
478 + };
479 +
480 + var XUIButton4 = function (props) {
481 + if (props.x === 4) {
482 + return React.createElement(AbstractButton3, { x: 3 });
483 + }
484 + if (props.x === 21) {
485 + return React.createElement(AbstractButton3, { x: 20 });
486 + }
487 + if (props.x === 24) {
488 + return React.createElement(AbstractButton3, { x: 23 });
489 + }
490 + if (props.x === 69) {
491 + return React.createElement(AbstractButton3, { x: 68 });
492 + }
493 + if (props.x === 72) {
494 + return React.createElement(AbstractButton3, { x: 71 });
495 + }
496 + if (props.x === 78) {
497 + return React.createElement(AbstractButton3, { x: 77 });
498 + }
499 + if (props.x === 81) {
500 + return React.createElement(AbstractButton3, { x: 80 });
501 + }
502 + if (props.x === 90) {
503 + return React.createElement(AbstractButton3, { x: 89 });
504 + }
505 + if (props.x === 93) {
506 + return React.createElement(AbstractButton3, { x: 92 });
507 + }
508 + if (props.x === 96) {
509 + return React.createElement(AbstractButton3, { x: 95 });
510 + }
511 + if (props.x === 100) {
512 + return React.createElement(AbstractButton3, { x: 99 });
513 + }
514 + if (props.x === 110) {
515 + return React.createElement(AbstractButton3, { x: 109 });
516 + }
517 + if (props.x === 113) {
518 + return React.createElement(AbstractButton3, { x: 112 });
519 + }
520 + if (props.x === 131) {
521 + return React.createElement(AbstractButton3, { x: 130 });
522 + }
523 + if (props.x === 139) {
524 + return React.createElement(AbstractButton3, { x: 138 });
525 + }
526 + if (props.x === 157) {
527 + return React.createElement(AbstractButton3, { x: 156 });
528 + }
529 + if (props.x === 162) {
530 + return React.createElement(AbstractButton3, { x: 161 });
531 + }
532 + if (props.x === 188) {
533 + return React.createElement(AbstractButton3, { x: 187 });
534 + }
535 + if (props.x === 270) {
536 + return React.createElement(AbstractButton3, { x: 269 });
537 + }
538 + if (props.x === 304) {
539 + return React.createElement(AbstractButton3, { x: 303 });
540 + }
541 + if (props.x === 306) {
542 + return React.createElement(AbstractButton3, { x: 305 });
543 + }
544 + if (props.x === 308) {
545 + return React.createElement(AbstractButton3, { x: 307 });
546 + }
547 + };
548 +
549 + var AbstractPopoverButton5 = function (props) {
550 + if (props.x === 5) {
551 + return React.createElement(XUIButton4, { x: 4 });
552 + }
553 + if (props.x === 132) {
554 + return React.createElement(XUIButton4, { x: 131 });
555 + }
556 + if (props.x === 140) {
557 + return React.createElement(XUIButton4, { x: 139 });
558 + }
559 + if (props.x === 271) {
560 + return React.createElement(XUIButton4, { x: 270 });
561 + }
562 + };
563 +
564 + var ReactXUIPopoverButton6 = function (props) {
565 + if (props.x === 6) {
566 + return React.createElement(AbstractPopoverButton5, { x: 5 });
567 + }
568 + if (props.x === 133) {
569 + return React.createElement(AbstractPopoverButton5, { x: 132 });
570 + }
571 + if (props.x === 141) {
572 + return React.createElement(AbstractPopoverButton5, { x: 140 });
573 + }
574 + if (props.x === 272) {
575 + return React.createElement(AbstractPopoverButton5, { x: 271 });
576 + }
577 + };
578 +
579 + var BIGAdAccountSelector7 = function (props) {
580 + if (props.x === 7) {
581 + return React.createElement(
582 + "div",
583 + null,
584 + React.createElement(ReactXUIPopoverButton6, { x: 6, ref: "openMenuButton" }),
585 + null
586 + );
587 + }
588 + };
589 +
590 + var FluxContainer_AdsPEBIGAdAccountSelectorContainer_8 = function (props) {
591 + if (props.x === 8) {
592 + return React.createElement(BIGAdAccountSelector7, { x: 7 });
593 + }
594 + };
595 +
596 + var ErrorBoundary9 = function (props) {
597 + if (props.x === 9) {
598 + return React.createElement(FluxContainer_AdsPEBIGAdAccountSelectorContainer_8, { x: 8 });
599 + }
600 + if (props.x === 13) {
601 + return React.createElement(FluxContainer_AdsPENavigationBarContainer_12, { x: 12 });
602 + }
603 + if (props.x === 27) {
604 + return React.createElement(FluxContainer_AdsPEPublishButtonContainer_18, { x: 26 });
605 + }
606 + if (props.x === 32) {
607 + return React.createElement(ReactPopoverMenu20, { x: 31 });
608 + }
609 + if (props.x === 38) {
610 + return React.createElement(AdsPEResetDialog24, { x: 37 });
611 + }
612 + if (props.x === 57) {
613 + return React.createElement(FluxContainer_AdsPETopErrorContainer_35, { x: 56 });
614 + }
615 + if (props.x === 60) {
616 + return React.createElement(FluxContainer_AdsGuidanceChannel_36, { x: 59 });
617 + }
618 + if (props.x === 64) {
619 + return React.createElement(FluxContainer_AdsBulkEditDialogContainer_38, { x: 63 });
620 + }
621 + if (props.x === 124) {
622 + return React.createElement(AdsPECampaignGroupToolbarContainer57, { x: 123 });
623 + }
624 + if (props.x === 170) {
625 + return React.createElement(AdsPEFilterContainer72, { x: 169 });
626 + }
627 + if (props.x === 175) {
628 + return React.createElement(AdsPETablePagerContainer75, { x: 174 });
629 + }
630 + if (props.x === 193) {
631 + return React.createElement(AdsPEStatRangeContainer81, { x: 192 });
632 + }
633 + if (props.x === 301) {
634 + return React.createElement(FluxContainer_AdsPEMultiTabDrawerContainer_137, { x: 300 });
635 + }
636 + if (props.x === 311) {
637 + return React.createElement(AdsPEOrganizerContainer139, { x: 310 });
638 + }
639 + if (props.x === 471) {
640 + return React.createElement(AdsPECampaignGroupTableContainer159, { x: 470 });
641 + }
642 + if (props.x === 475) {
643 + return React.createElement(AdsPEContentContainer161, { x: 474 });
644 + }
645 + };
646 +
647 + var AdsErrorBoundary10 = function (props) {
648 + if (props.x === 10) {
649 + return React.createElement(ErrorBoundary9, { x: 9 });
650 + }
651 + if (props.x === 14) {
652 + return React.createElement(ErrorBoundary9, { x: 13 });
653 + }
654 + if (props.x === 28) {
655 + return React.createElement(ErrorBoundary9, { x: 27 });
656 + }
657 + if (props.x === 33) {
658 + return React.createElement(ErrorBoundary9, { x: 32 });
659 + }
660 + if (props.x === 39) {
661 + return React.createElement(ErrorBoundary9, { x: 38 });
662 + }
663 + if (props.x === 58) {
664 + return React.createElement(ErrorBoundary9, { x: 57 });
665 + }
666 + if (props.x === 61) {
667 + return React.createElement(ErrorBoundary9, { x: 60 });
668 + }
669 + if (props.x === 65) {
670 + return React.createElement(ErrorBoundary9, { x: 64 });
671 + }
672 + if (props.x === 125) {
673 + return React.createElement(ErrorBoundary9, { x: 124 });
674 + }
675 + if (props.x === 171) {
676 + return React.createElement(ErrorBoundary9, { x: 170 });
677 + }
678 + if (props.x === 176) {
679 + return React.createElement(ErrorBoundary9, { x: 175 });
680 + }
681 + if (props.x === 194) {
682 + return React.createElement(ErrorBoundary9, { x: 193 });
683 + }
684 + if (props.x === 302) {
685 + return React.createElement(ErrorBoundary9, { x: 301 });
686 + }
687 + if (props.x === 312) {
688 + return React.createElement(ErrorBoundary9, { x: 311 });
689 + }
690 + if (props.x === 472) {
691 + return React.createElement(ErrorBoundary9, { x: 471 });
692 + }
693 + if (props.x === 476) {
694 + return React.createElement(ErrorBoundary9, { x: 475 });
695 + }
696 + };
697 +
698 + var AdsPENavigationBar11 = function (props) {
699 + if (props.x === 11) {
700 + return React.createElement("div", { className: "_4t_9" });
701 + }
702 + };
703 +
704 + var FluxContainer_AdsPENavigationBarContainer_12 = function (props) {
705 + if (props.x === 12) {
706 + return React.createElement(AdsPENavigationBar11, { x: 11 });
707 + }
708 + };
709 +
710 + var AdsPEDraftSyncStatus13 = function (props) {
711 + if (props.x === 16) {
712 + return React.createElement(
713 + "div",
714 + { className: "_3ut-", onClick: function () {} },
715 + React.createElement(
716 + "span",
717 + { className: "_3uu0" },
718 + React.createElement(ReactImage0, { x: 15 })
719 + )
720 + );
721 + }
722 + };
723 +
724 + var FluxContainer_AdsPEDraftSyncStatusContainer_14 = function (props) {
725 + if (props.x === 17) {
726 + return React.createElement(AdsPEDraftSyncStatus13, { x: 16 });
727 + }
728 + };
729 +
730 + var AdsPEDraftErrorsStatus15 = function (props) {
731 + if (props.x === 18) {
732 + return null;
733 + }
734 + };
735 +
736 + var FluxContainer_viewFn_16 = function (props) {
737 + if (props.x === 19) {
738 + return React.createElement(AdsPEDraftErrorsStatus15, { x: 18 });
739 + }
740 + };
741 +
742 + var AdsPEPublishButton17 = function (props) {
743 + if (props.x === 25) {
744 + return React.createElement(
745 + "div",
746 + { className: "_5533" },
747 + React.createElement(FluxContainer_AdsPEDraftSyncStatusContainer_14, { x: 17 }),
748 + React.createElement(FluxContainer_viewFn_16, { x: 19 }),
749 + null,
750 + React.createElement(XUIButton4, { x: 21, key: "discard" }),
751 + React.createElement(XUIButton4, { x: 24, ref: "reviewChangesButton" })
752 + );
753 + }
754 + };
755 +
756 + var FluxContainer_AdsPEPublishButtonContainer_18 = function (props) {
757 + if (props.x === 26) {
758 + return React.createElement(AdsPEPublishButton17, { x: 25 });
759 + }
760 + };
761 +
762 + var InlineBlock19 = function (props) {
763 + if (props.x === 30) {
764 + return React.createElement(
765 + "div",
766 + { className: "uiPopover _6a _6b", disabled: null },
767 + React.createElement(ReactImage0, { x: 29, key: ".0" })
768 + );
769 + }
770 + if (props.x === 73) {
771 + return React.createElement(
772 + "div",
773 + { className: "uiPopover _6a _6b", disabled: null },
774 + React.createElement(XUIButton4, { x: 72, key: ".0" })
775 + );
776 + }
777 + if (props.x === 82) {
778 + return React.createElement(
779 + "div",
780 + { className: "_1nwm uiPopover _6a _6b", disabled: null },
781 + React.createElement(XUIButton4, { x: 81, key: ".0" })
782 + );
783 + }
784 + if (props.x === 101) {
785 + return React.createElement(
786 + "div",
787 + { size: "large", className: "uiPopover _6a _6b", disabled: null },
788 + React.createElement(XUIButton4, { x: 100, key: ".0" })
789 + );
790 + }
791 + if (props.x === 273) {
792 + return React.createElement(
793 + "div",
794 + { className: "_3-90 uiPopover _6a _6b", style: { "marginTop": 2 }, disabled: null },
795 + React.createElement(ReactXUIPopoverButton6, { x: 272, key: ".0" })
796 + );
797 + }
798 + };
799 +
800 + var ReactPopoverMenu20 = function (props) {
801 + if (props.x === 31) {
802 + return React.createElement(InlineBlock19, { x: 30, ref: "root" });
803 + }
804 + if (props.x === 74) {
805 + return React.createElement(InlineBlock19, { x: 73, ref: "root" });
806 + }
807 + if (props.x === 83) {
808 + return React.createElement(InlineBlock19, { x: 82, ref: "root" });
809 + }
810 + if (props.x === 102) {
811 + return React.createElement(InlineBlock19, { x: 101, ref: "root" });
812 + }
813 + if (props.x === 274) {
814 + return React.createElement(InlineBlock19, { x: 273, ref: "root" });
815 + }
816 + };
817 +
818 + var LeftRight21 = function (props) {
819 + if (props.x === 34) {
820 + return React.createElement(
821 + "div",
822 + { className: "clearfix" },
823 + React.createElement(
824 + "div",
825 + { key: "left", className: "_ohe lfloat" },
826 + React.createElement(
827 + "div",
828 + { className: "_34_j" },
829 + React.createElement(
830 + "div",
831 + { className: "_34_k" },
832 + React.createElement(AdsErrorBoundary10, { x: 10 })
833 + ),
834 + React.createElement(
835 + "div",
836 + { className: "_2u-6" },
837 + React.createElement(AdsErrorBoundary10, { x: 14 })
838 + )
839 + )
840 + ),
841 + React.createElement(
842 + "div",
843 + { key: "right", className: "_ohf rfloat" },
844 + React.createElement(
845 + "div",
846 + { className: "_34_m" },
847 + React.createElement(
848 + "div",
849 + { key: "0", className: "_5ju2" },
850 + React.createElement(AdsErrorBoundary10, { x: 28 })
851 + ),
852 + React.createElement(
853 + "div",
854 + { key: "1", className: "_5ju2" },
855 + React.createElement(AdsErrorBoundary10, { x: 33 })
856 + )
857 + )
858 + )
859 + );
860 + }
861 + if (props.x === 232) {
862 + return React.createElement(
863 + "div",
864 + { flex: "right", direction: "left", className: "clearfix" },
865 + React.createElement(
866 + "div",
867 + { key: "left", className: "_ohe lfloat" },
868 + React.createElement(AdsLabeledField104, { x: 231 })
869 + ),
870 + React.createElement(
871 + "div",
872 + { key: "right", className: "" },
873 + React.createElement(
874 + "div",
875 + { className: "_42ef" },
876 + React.createElement(
877 + "div",
878 + { className: "_2oc7" },
879 + "Clicks to Website"
880 + )
881 + )
882 + )
883 + );
884 + }
885 + if (props.x === 235) {
886 + return React.createElement(
887 + "div",
888 + { className: "_3-8x clearfix", flex: "right", direction: "left" },
889 + React.createElement(
890 + "div",
891 + { key: "left", className: "_ohe lfloat" },
892 + React.createElement(AdsLabeledField104, { x: 234 })
893 + ),
894 + React.createElement(
895 + "div",
896 + { key: "right", className: "" },
897 + React.createElement(
898 + "div",
899 + { className: "_42ef" },
900 + React.createElement(
901 + "div",
902 + { className: "_2oc7" },
903 + "Auction"
904 + )
905 + )
906 + )
907 + );
908 + }
909 + if (props.x === 245) {
910 + return React.createElement(
911 + "div",
912 + { className: "_3-8y clearfix", flex: "right", direction: "left" },
913 + React.createElement(
914 + "div",
915 + { key: "left", className: "_ohe lfloat" },
916 + React.createElement(AdsLabeledField104, { x: 240 })
917 + ),
918 + React.createElement(
919 + "div",
920 + { key: "right", className: "" },
921 + React.createElement(
922 + "div",
923 + { className: "_42ef" },
924 + React.createElement(FluxContainer_AdsCampaignGroupSpendCapContainer_107, { x: 244 })
925 + )
926 + )
927 + );
928 + }
929 + if (props.x === 277) {
930 + return React.createElement(
931 + "div",
932 + { className: "_5dw9 _5dwa clearfix" },
933 + React.createElement(
934 + "div",
935 + { key: "left", className: "_ohe lfloat" },
936 + React.createElement(XUICardHeaderTitle100, { x: 265, key: ".0" })
937 + ),
938 + React.createElement(
939 + "div",
940 + { key: "right", className: "_ohf rfloat" },
941 + React.createElement(FluxContainer_AdsPluginizedLinksMenuContainer_121, { x: 276, key: ".1" })
942 + )
943 + );
944 + }
945 + };
946 +
947 + var AdsUnifiedNavigationLocalNav22 = function (props) {
948 + if (props.x === 35) {
949 + return React.createElement(
950 + "div",
951 + { className: "_34_i" },
952 + React.createElement(LeftRight21, { x: 34 })
953 + );
954 + }
955 + };
956 +
957 + var XUIDialog23 = function (props) {
958 + if (props.x === 36) {
959 + return null;
960 + }
961 + };
962 +
963 + var AdsPEResetDialog24 = function (props) {
964 + if (props.x === 37) {
965 + return React.createElement(
966 + "span",
967 + null,
968 + React.createElement(XUIDialog23, { x: 36, key: "dialog/.0" })
969 + );
970 + }
971 + };
972 +
973 + var AdsPETopNav25 = function (props) {
974 + if (props.x === 40) {
975 + return React.createElement(
976 + "div",
977 + { style: { "width": 1306 } },
978 + React.createElement(AdsUnifiedNavigationLocalNav22, { x: 35 }),
979 + React.createElement(AdsErrorBoundary10, { x: 39 })
980 + );
981 + }
982 + };
983 +
984 + var FluxContainer_AdsPETopNavContainer_26 = function (props) {
985 + if (props.x === 41) {
986 + return React.createElement(AdsPETopNav25, { x: 40 });
987 + }
988 + };
989 +
990 + var XUIAbstractGlyphButton27 = function (props) {
991 + if (props.x === 46) {
992 + return React.createElement(AbstractButton3, { x: 45 });
993 + }
994 + if (props.x === 150) {
995 + return React.createElement(AbstractButton3, { x: 149 });
996 + }
997 + };
998 +
999 + var XUICloseButton28 = function (props) {
1000 + if (props.x === 47) {
1001 + return React.createElement(XUIAbstractGlyphButton27, { x: 46 });
1002 + }
1003 + if (props.x === 151) {
1004 + return React.createElement(XUIAbstractGlyphButton27, { x: 150 });
1005 + }
1006 + };
1007 +
1008 + var XUIText29 = function (props) {
1009 + if (props.x === 48) {
1010 + return React.createElement(
1011 + "span",
1012 + { display: "inline", className: " _50f7" },
1013 + "Ads Manager"
1014 + );
1015 + }
1016 + if (props.x === 205) {
1017 + return React.createElement(
1018 + "span",
1019 + { className: "_2x9f _50f5 _50f7", display: "inline" },
1020 + "Editing Campaign"
1021 + );
1022 + }
1023 + if (props.x === 206) {
1024 + return React.createElement(
1025 + "span",
1026 + { display: "inline", className: " _50f5 _50f7" },
1027 + "Test Campaign"
1028 + );
1029 + }
1030 + };
1031 +
1032 + var XUINotice30 = function (props) {
1033 + if (props.x === 51) {
1034 + return React.createElement(
1035 + "div",
1036 + { size: "medium", className: "_585n _585o _2wdd" },
1037 + React.createElement(ReactImage0, { x: 42 }),
1038 + React.createElement(XUICloseButton28, { x: 47 }),
1039 + React.createElement(
1040 + "div",
1041 + { className: "_585r _2i-a _50f4" },
1042 + "Please go to ",
1043 + React.createElement(Link2, { x: 50 }),
1044 + " to set up a payment method for this ad account."
1045 + )
1046 + );
1047 + }
1048 + };
1049 +
1050 + var ReactCSSTransitionGroupChild31 = function (props) {
1051 + if (props.x === 52) {
1052 + return React.createElement(XUINotice30, { x: 51 });
1053 + }
1054 + };
1055 +
1056 + var ReactTransitionGroup32 = function (props) {
1057 + if (props.x === 53) {
1058 + return React.createElement(
1059 + "span",
1060 + null,
1061 + React.createElement(ReactCSSTransitionGroupChild31, { x: 52, key: ".0", ref: ".0" })
1062 + );
1063 + }
1064 + };
1065 +
1066 + var ReactCSSTransitionGroup33 = function (props) {
1067 + if (props.x === 54) {
1068 + return React.createElement(ReactTransitionGroup32, { x: 53 });
1069 + }
1070 + };
1071 +
1072 + var AdsPETopError34 = function (props) {
1073 + if (props.x === 55) {
1074 + return React.createElement(
1075 + "div",
1076 + { className: "_2wdc" },
1077 + React.createElement(ReactCSSTransitionGroup33, { x: 54 })
1078 + );
1079 + }
1080 + };
1081 +
1082 + var FluxContainer_AdsPETopErrorContainer_35 = function (props) {
1083 + if (props.x === 56) {
1084 + return React.createElement(AdsPETopError34, { x: 55 });
1085 + }
1086 + };
1087 +
1088 + var FluxContainer_AdsGuidanceChannel_36 = function (props) {
1089 + if (props.x === 59) {
1090 + return null;
1091 + }
1092 + };
1093 +
1094 + var ResponsiveBlock37 = function (props) {
1095 + if (props.x === 62) {
1096 + return React.createElement(
1097 + "div",
1098 + { onResize: function () {}, className: "_4u-c" },
1099 + [React.createElement(AdsErrorBoundary10, { x: 58 }), React.createElement(AdsErrorBoundary10, { x: 61 })],
1100 + React.createElement(
1101 + "div",
1102 + { key: "sensor", className: "_4u-f" },
1103 + React.createElement("iframe", { ref: "sensorNode", "aria-hidden": "true", className: "_1_xb", tabIndex: "-1" })
1104 + )
1105 + );
1106 + }
1107 + if (props.x === 469) {
1108 + return React.createElement(
1109 + "div",
1110 + { onResize: function () {}, className: "_4u-c" },
1111 + React.createElement(AdsPEDataTableContainer158, { x: 468 }),
1112 + React.createElement(
1113 + "div",
1114 + { key: "sensor", className: "_4u-f" },
1115 + React.createElement("iframe", { ref: "sensorNode", "aria-hidden": "true", className: "_1_xb", tabIndex: "-1" })
1116 + )
1117 + );
1118 + }
1119 + };
1120 +
1121 + var FluxContainer_AdsBulkEditDialogContainer_38 = function (props) {
1122 + if (props.x === 63) {
1123 + return null;
1124 + }
1125 + };
1126 +
1127 + var Column39 = function (props) {
1128 + if (props.x === 66) {
1129 + return React.createElement(
1130 + "div",
1131 + { className: "_4bl8 _4bl7" },
1132 + React.createElement(
1133 + "div",
1134 + { className: "_3c5f" },
1135 + null,
1136 + null,
1137 + React.createElement("div", { className: "_3c5i" }),
1138 + null
1139 + )
1140 + );
1141 + }
1142 + };
1143 +
1144 + var XUIButtonGroup40 = function (props) {
1145 + if (props.x === 75) {
1146 + return React.createElement(
1147 + "div",
1148 + { className: "_5n7z _51xa" },
1149 + React.createElement(XUIButton4, { x: 69 }),
1150 + React.createElement(ReactPopoverMenu20, { x: 74 })
1151 + );
1152 + }
1153 + if (props.x === 84) {
1154 + return React.createElement(
1155 + "div",
1156 + { className: "_5n7z _51xa" },
1157 + React.createElement(XUIButton4, { x: 78, key: "edit" }),
1158 + React.createElement(ReactPopoverMenu20, { x: 83, key: "editMenu" })
1159 + );
1160 + }
1161 + if (props.x === 97) {
1162 + return React.createElement(
1163 + "div",
1164 + { className: "_5n7z _51xa" },
1165 + React.createElement(XUIButton4, { x: 90, key: "revert" }),
1166 + React.createElement(XUIButton4, { x: 93, key: "delete" }),
1167 + React.createElement(XUIButton4, { x: 96, key: "duplicate" })
1168 + );
1169 + }
1170 + if (props.x === 117) {
1171 + return React.createElement(
1172 + "div",
1173 + { className: "_5n7z _51xa" },
1174 + React.createElement(AdsPEExportImportMenuContainer48, { x: 107 }),
1175 + React.createElement(XUIButton4, { x: 110, key: "createReport", ref: "ads_create_report_button" }),
1176 + React.createElement(AdsPECampaignGroupTagContainer51, { x: 116, key: "tags" })
1177 + );
1178 + }
1179 + };
1180 +
1181 + var AdsPEEditToolbarButton41 = function (props) {
1182 + if (props.x === 85) {
1183 + return React.createElement(XUIButtonGroup40, { x: 84 });
1184 + }
1185 + };
1186 +
1187 + var FluxContainer_AdsPEEditCampaignGroupToolbarButtonContainer_42 = function (props) {
1188 + if (props.x === 86) {
1189 + return React.createElement(AdsPEEditToolbarButton41, { x: 85 });
1190 + }
1191 + };
1192 +
1193 + var FluxContainer_AdsPEEditToolbarButtonContainer_43 = function (props) {
1194 + if (props.x === 87) {
1195 + return React.createElement(FluxContainer_AdsPEEditCampaignGroupToolbarButtonContainer_42, { x: 86 });
1196 + }
1197 + };
1198 +
1199 + var AdsPEExportImportMenu44 = function (props) {
1200 + if (props.x === 103) {
1201 + return React.createElement(ReactPopoverMenu20, { x: 102, key: "export" });
1202 + }
1203 + };
1204 +
1205 + var FluxContainer_AdsPECustomizeExportContainer_45 = function (props) {
1206 + if (props.x === 104) {
1207 + return null;
1208 + }
1209 + };
1210 +
1211 + var AdsPEExportAsTextDialog46 = function (props) {
1212 + if (props.x === 105) {
1213 + return null;
1214 + }
1215 + };
1216 +
1217 + var FluxContainer_AdsPEExportAsTextDialogContainer_47 = function (props) {
1218 + if (props.x === 106) {
1219 + return React.createElement(AdsPEExportAsTextDialog46, { x: 105 });
1220 + }
1221 + };
1222 +
1223 + var AdsPEExportImportMenuContainer48 = function (props) {
1224 + if (props.x === 107) {
1225 + return React.createElement(
1226 + "span",
1227 + null,
1228 + React.createElement(AdsPEExportImportMenu44, { x: 103 }),
1229 + React.createElement(FluxContainer_AdsPECustomizeExportContainer_45, { x: 104 }),
1230 + React.createElement(FluxContainer_AdsPEExportAsTextDialogContainer_47, { x: 106 }),
1231 + null,
1232 + null
1233 + );
1234 + }
1235 + };
1236 +
1237 + var Constructor49 = function (props) {
1238 + if (props.x === 114) {
1239 + return null;
1240 + }
1241 + if (props.x === 142) {
1242 + return null;
1243 + }
1244 + if (props.x === 143) {
1245 + return null;
1246 + }
1247 + if (props.x === 183) {
1248 + return null;
1249 + }
1250 + };
1251 +
1252 + var TagSelectorPopover50 = function (props) {
1253 + if (props.x === 115) {
1254 + return React.createElement(
1255 + "span",
1256 + { className: " _3d6e" },
1257 + React.createElement(XUIButton4, { x: 113, ref: "button" }),
1258 + React.createElement(Constructor49, { x: 114, key: "layer", ref: "layer" })
1259 + );
1260 + }
1261 + };
1262 +
1263 + var AdsPECampaignGroupTagContainer51 = function (props) {
1264 + if (props.x === 116) {
1265 + return React.createElement(TagSelectorPopover50, { x: 115, key: "98010048849317" });
1266 + }
1267 + };
1268 +
1269 + var AdsRuleToolbarMenu52 = function (props) {
1270 + if (props.x === 118) {
1271 + return null;
1272 + }
1273 + };
1274 +
1275 + var FluxContainer_AdsPERuleToolbarMenuContainer_53 = function (props) {
1276 + if (props.x === 119) {
1277 + return React.createElement(AdsRuleToolbarMenu52, { x: 118 });
1278 + }
1279 + };
1280 +
1281 + var FillColumn54 = function (props) {
1282 + if (props.x === 120) {
1283 + return React.createElement(
1284 + "div",
1285 + { className: "_4bl9" },
1286 + React.createElement(
1287 + "span",
1288 + { className: "_3c5e" },
1289 + React.createElement(
1290 + "span",
1291 + null,
1292 + React.createElement(XUIButtonGroup40, { x: 75 }),
1293 + React.createElement(FluxContainer_AdsPEEditToolbarButtonContainer_43, { x: 87 }),
1294 + null,
1295 + React.createElement(XUIButtonGroup40, { x: 97 })
1296 + ),
1297 + React.createElement(XUIButtonGroup40, { x: 117 }),
1298 + React.createElement(FluxContainer_AdsPERuleToolbarMenuContainer_53, { x: 119 })
1299 + )
1300 + );
1301 + }
1302 + };
1303 +
1304 + var Layout55 = function (props) {
1305 + if (props.x === 121) {
1306 + return React.createElement(
1307 + "div",
1308 + { className: "clearfix" },
1309 + React.createElement(Column39, { x: 66, key: "1" }),
1310 + React.createElement(FillColumn54, { x: 120, key: "0" })
1311 + );
1312 + }
1313 + };
1314 +
1315 + var AdsPEMainPaneToolbar56 = function (props) {
1316 + if (props.x === 122) {
1317 + return React.createElement(
1318 + "div",
1319 + { className: "_3c5b clearfix" },
1320 + React.createElement(Layout55, { x: 121 })
1321 + );
1322 + }
1323 + };
1324 +
1325 + var AdsPECampaignGroupToolbarContainer57 = function (props) {
1326 + if (props.x === 123) {
1327 + return React.createElement(AdsPEMainPaneToolbar56, { x: 122 });
1328 + }
1329 + };
1330 +
1331 + var AdsPEFiltersPopover58 = function (props) {
1332 + if (props.x === 144) {
1333 + return React.createElement(
1334 + "span",
1335 + { className: "_5b-l _5bbe" },
1336 + React.createElement(ReactXUIPopoverButton6, { x: 133, ref: "searchButton" }),
1337 + React.createElement(ReactXUIPopoverButton6, { x: 141, ref: "filterButton" }),
1338 + [React.createElement(Constructor49, { x: 142, key: "filterMenu/.0" }), React.createElement(Constructor49, { x: 143, key: "searchMenu/.0" })]
1339 + );
1340 + }
1341 + };
1342 +
1343 + var AbstractCheckboxInput59 = function (props) {
1344 + if (props.x === 145) {
1345 + return React.createElement(
1346 + "label",
1347 + { className: "uiInputLabelInput _55sg _kv1" },
1348 + React.createElement("input", { checked: true, disabled: true, name: "filterUnpublished", value: "on", onClick: function () {}, className: null, id: "js_input_label_21", type: "checkbox" }),
1349 + React.createElement("span", { "data-hover": null, "data-tooltip-content": undefined })
1350 + );
1351 + }
1352 + if (props.x === 336) {
1353 + return React.createElement(
1354 + "label",
1355 + { className: "_4h2r _55sg _kv1" },
1356 + React.createElement("input", { checked: undefined, onChange: function () {}, className: null, type: "checkbox" }),
1357 + React.createElement("span", { "data-hover": null, "data-tooltip-content": undefined })
1358 + );
1359 + }
1360 + };
1361 +
1362 + var XUICheckboxInput60 = function (props) {
1363 + if (props.x === 146) {
1364 + return React.createElement(AbstractCheckboxInput59, { x: 145 });
1365 + }
1366 + if (props.x === 337) {
1367 + return React.createElement(AbstractCheckboxInput59, { x: 336 });
1368 + }
1369 + };
1370 +
1371 + var InputLabel61 = function (props) {
1372 + if (props.x === 147) {
1373 + return React.createElement(
1374 + "div",
1375 + { display: "block", className: "uiInputLabel clearfix" },
1376 + React.createElement(XUICheckboxInput60, { x: 146 }),
1377 + React.createElement(
1378 + "label",
1379 + { className: "uiInputLabelLabel", htmlFor: "js_input_label_21" },
1380 + "Always show new items"
1381 + )
1382 + );
1383 + }
1384 + };
1385 +
1386 + var AdsPopoverLink62 = function (props) {
1387 + if (props.x === 154) {
1388 + return React.createElement(
1389 + "span",
1390 + null,
1391 + React.createElement(
1392 + "span",
1393 + { ref: "tipIcon", onMouseEnter: function () {}, onMouseLeave: function () {}, onMouseUp: undefined },
1394 + React.createElement("span", { className: "_3o_j" }),
1395 + React.createElement(ReactImage0, { x: 153 })
1396 + ),
1397 + null
1398 + );
1399 + }
1400 + if (props.x === 238) {
1401 + return React.createElement(
1402 + "span",
1403 + null,
1404 + React.createElement(
1405 + "span",
1406 + { ref: "tipIcon", onMouseEnter: function () {}, onMouseLeave: function () {}, onMouseUp: undefined },
1407 + React.createElement("span", { className: "_3o_j" }),
1408 + React.createElement(ReactImage0, { x: 237 })
1409 + ),
1410 + null
1411 + );
1412 + }
1413 + };
1414 +
1415 + var AdsHelpLink63 = function (props) {
1416 + if (props.x === 155) {
1417 + return React.createElement(AdsPopoverLink62, { x: 154 });
1418 + }
1419 + if (props.x === 239) {
1420 + return React.createElement(AdsPopoverLink62, { x: 238 });
1421 + }
1422 + };
1423 +
1424 + var BUIFilterTokenInput64 = function (props) {
1425 + if (props.x === 158) {
1426 + return React.createElement(
1427 + "div",
1428 + { className: "_5b5o _3yz3 _4cld" },
1429 + React.createElement(
1430 + "div",
1431 + { className: "_5b5t _2d2k" },
1432 + React.createElement(ReactImage0, { x: 152 }),
1433 + React.createElement(
1434 + "div",
1435 + { className: "_5b5r" },
1436 + "Campaigns: (1)",
1437 + React.createElement(AdsHelpLink63, { x: 155 })
1438 + )
1439 + ),
1440 + React.createElement(XUIButton4, { x: 157 })
1441 + );
1442 + }
1443 + };
1444 +
1445 + var BUIFilterToken65 = function (props) {
1446 + if (props.x === 159) {
1447 + return React.createElement(
1448 + "div",
1449 + { className: "_3yz1 _3yz2 _3dad" },
1450 + React.createElement(
1451 + "div",
1452 + { ref: "filterToken", className: "_3yz4", "aria-hidden": false },
1453 + React.createElement(
1454 + "div",
1455 + { onClick: function () {}, className: "_3yz5" },
1456 + React.createElement(ReactImage0, { x: 148 }),
1457 + React.createElement(
1458 + "div",
1459 + { className: "_3yz7" },
1460 + "Campaigns:"
1461 + ),
1462 + React.createElement(
1463 + "div",
1464 + { className: "ellipsis _3yz8", "data-hover": "tooltip", "data-tooltip-display": "overflow" },
1465 + "(1)"
1466 + )
1467 + ),
1468 + null,
1469 + React.createElement(XUICloseButton28, { x: 151 })
1470 + ),
1471 + React.createElement(BUIFilterTokenInput64, { x: 158, ref: "filterTokenInput" })
1472 + );
1473 + }
1474 + };
1475 +
1476 + var BUIFilterTokenCreateButton66 = function (props) {
1477 + if (props.x === 163) {
1478 + return React.createElement(
1479 + "div",
1480 + { className: "_1tc" },
1481 + React.createElement(XUIButton4, { x: 162 })
1482 + );
1483 + }
1484 + };
1485 +
1486 + var BUIFilterTokenizer67 = function (props) {
1487 + if (props.x === 164) {
1488 + return React.createElement(
1489 + "div",
1490 + { className: "_5b-m clearfix" },
1491 + undefined,
1492 + [],
1493 + React.createElement(BUIFilterToken65, { x: 159, key: "token0" }),
1494 + React.createElement(BUIFilterTokenCreateButton66, { x: 163 }),
1495 + null,
1496 + React.createElement("div", { className: "_49u3" })
1497 + );
1498 + }
1499 + };
1500 +
1501 + var XUIAmbientNUX68 = function (props) {
1502 + if (props.x === 165) {
1503 + return null;
1504 + }
1505 + if (props.x === 189) {
1506 + return null;
1507 + }
1508 + if (props.x === 200) {
1509 + return null;
1510 + }
1511 + };
1512 +
1513 + var XUIAmbientNUX69 = function (props) {
1514 + if (props.x === 166) {
1515 + return React.createElement(XUIAmbientNUX68, { x: 165 });
1516 + }
1517 + if (props.x === 190) {
1518 + return React.createElement(XUIAmbientNUX68, { x: 189 });
1519 + }
1520 + if (props.x === 201) {
1521 + return React.createElement(XUIAmbientNUX68, { x: 200 });
1522 + }
1523 + };
1524 +
1525 + var AdsPEAmbientNUXMegaphone70 = function (props) {
1526 + if (props.x === 167) {
1527 + return React.createElement(
1528 + "span",
1529 + null,
1530 + React.createElement("span", { ref: "mainChild" }),
1531 + React.createElement(XUIAmbientNUX69, { x: 166, key: "nux" })
1532 + );
1533 + }
1534 + };
1535 +
1536 + var AdsPEFilters71 = function (props) {
1537 + if (props.x === 168) {
1538 + return React.createElement(
1539 + "div",
1540 + { className: "_4rw_" },
1541 + React.createElement(AdsPEFiltersPopover58, { x: 144 }),
1542 + React.createElement(
1543 + "div",
1544 + { className: "_1eo" },
1545 + React.createElement(InputLabel61, { x: 147 })
1546 + ),
1547 + React.createElement(BUIFilterTokenizer67, { x: 164 }),
1548 + "",
1549 + React.createElement(AdsPEAmbientNUXMegaphone70, { x: 167 })
1550 + );
1551 + }
1552 + };
1553 +
1554 + var AdsPEFilterContainer72 = function (props) {
1555 + if (props.x === 169) {
1556 + return React.createElement(AdsPEFilters71, { x: 168 });
1557 + }
1558 + };
1559 +
1560 + var AdsPETablePager73 = function (props) {
1561 + if (props.x === 172) {
1562 + return null;
1563 + }
1564 + };
1565 +
1566 + var AdsPECampaignGroupTablePagerContainer74 = function (props) {
1567 + if (props.x === 173) {
1568 + return React.createElement(AdsPETablePager73, { x: 172 });
1569 + }
1570 + };
1571 +
1572 + var AdsPETablePagerContainer75 = function (props) {
1573 + if (props.x === 174) {
1574 + return React.createElement(AdsPECampaignGroupTablePagerContainer74, { x: 173 });
1575 + }
1576 + };
1577 +
1578 + var ReactXUIError76 = function (props) {
1579 + if (props.x === 181) {
1580 + return React.createElement(AbstractButton3, { x: 180 });
1581 + }
1582 + if (props.x === 216) {
1583 + return React.createElement(
1584 + "div",
1585 + { className: "_40bf _2vl4 _1h18" },
1586 + null,
1587 + null,
1588 + React.createElement(
1589 + "div",
1590 + { className: "_2vl9 _1h1f", style: { "backgroundColor": "#fff" } },
1591 + React.createElement(
1592 + "div",
1593 + { className: "_2vla _1h1g" },
1594 + React.createElement(
1595 + "div",
1596 + null,
1597 + null,
1598 + React.createElement("textarea", { ref: "input", className: "_2vli _2vlj _1h26 _1h27", dir: "auto", disabled: undefined, id: undefined, maxLength: null, value: "Test Campaign", onBlur: function () {}, onChange: function () {}, onFocus: function () {}, onKeyDown: function () {} }),
1599 + null
1600 + ),
1601 + React.createElement("div", { ref: "shadowText", "aria-hidden": "true", className: "_2vlk" })
1602 + )
1603 + ),
1604 + null
1605 + );
1606 + }
1607 + if (props.x === 221) {
1608 + return React.createElement(XUICard94, { x: 220 });
1609 + }
1610 + if (props.x === 250) {
1611 + return React.createElement(XUICard94, { x: 249 });
1612 + }
1613 + if (props.x === 280) {
1614 + return React.createElement(XUICard94, { x: 279 });
1615 + }
1616 + };
1617 +
1618 + var BUIPopoverButton77 = function (props) {
1619 + if (props.x === 182) {
1620 + return React.createElement(ReactXUIError76, { x: 181 });
1621 + }
1622 + };
1623 +
1624 + var BUIDateRangePicker78 = function (props) {
1625 + if (props.x === 184) {
1626 + return React.createElement(
1627 + "span",
1628 + null,
1629 + React.createElement(BUIPopoverButton77, { x: 182, ref: function () {} }),
1630 + [React.createElement(Constructor49, { x: 183, key: "layer/.0" })]
1631 + );
1632 + }
1633 + };
1634 +
1635 + var AdsPEStatsRangePicker79 = function (props) {
1636 + if (props.x === 185) {
1637 + return React.createElement(BUIDateRangePicker78, { x: 184 });
1638 + }
1639 + };
1640 +
1641 + var AdsPEStatRange80 = function (props) {
1642 + if (props.x === 191) {
1643 + return React.createElement(
1644 + "div",
1645 + { className: "_3c5k" },
1646 + React.createElement(
1647 + "span",
1648 + { className: "_3c5j" },
1649 + "Stats:"
1650 + ),
1651 + React.createElement(
1652 + "span",
1653 + { className: "_3c5l" },
1654 + React.createElement(AdsPEStatsRangePicker79, { x: 185 }),
1655 + React.createElement(XUIButton4, { x: 188, key: "settings", ref: "PE_TABLE_LIST_SETTING" })
1656 + ),
1657 + [React.createElement(XUIAmbientNUX69, { x: 190, key: "roasNUX/.0" })]
1658 + );
1659 + }
1660 + };
1661 +
1662 + var AdsPEStatRangeContainer81 = function (props) {
1663 + if (props.x === 192) {
1664 + return React.createElement(AdsPEStatRange80, { x: 191 });
1665 + }
1666 + };
1667 +
1668 + var AdsPESideTrayTabButton82 = function (props) {
1669 + if (props.x === 196) {
1670 + return React.createElement(
1671 + "div",
1672 + { className: "_1-ly _59j9 _d9a", onClick: function () {} },
1673 + React.createElement(ReactImage0, { x: 195 }),
1674 + React.createElement("div", { className: "_vf7" }),
1675 + React.createElement("div", { className: "_vf8" })
1676 + );
1677 + }
1678 + if (props.x === 199) {
1679 + return React.createElement(
1680 + "div",
1681 + { className: " _1-lz _d9a", onClick: function () {} },
1682 + React.createElement(ReactImage0, { x: 198 }),
1683 + React.createElement("div", { className: "_vf7" }),
1684 + React.createElement("div", { className: "_vf8" })
1685 + );
1686 + }
1687 + if (props.x === 203) {
1688 + return null;
1689 + }
1690 + };
1691 +
1692 + var AdsPEEditorTrayTabButton83 = function (props) {
1693 + if (props.x === 197) {
1694 + return React.createElement(AdsPESideTrayTabButton82, { x: 196 });
1695 + }
1696 + };
1697 +
1698 + var AdsPEInsightsTrayTabButton84 = function (props) {
1699 + if (props.x === 202) {
1700 + return React.createElement(
1701 + "span",
1702 + null,
1703 + React.createElement(AdsPESideTrayTabButton82, { x: 199, ref: "PE_INSIGHTS_TAB_ICON" }),
1704 + React.createElement(XUIAmbientNUX69, { x: 201, key: "roasNUX" })
1705 + );
1706 + }
1707 + };
1708 +
1709 + var AdsPENekoDebuggerTrayTabButton85 = function (props) {
1710 + if (props.x === 204) {
1711 + return React.createElement(AdsPESideTrayTabButton82, { x: 203 });
1712 + }
1713 + };
1714 +
1715 + var AdsPEEditorChildLink86 = function (props) {
1716 + if (props.x === 211) {
1717 + return React.createElement(
1718 + "div",
1719 + { className: "_3ywr" },
1720 + React.createElement(Link2, { x: 208 }),
1721 + React.createElement(
1722 + "span",
1723 + { className: "_3ywq" },
1724 + "|"
1725 + ),
1726 + React.createElement(Link2, { x: 210 })
1727 + );
1728 + }
1729 + };
1730 +
1731 + var AdsPEEditorChildLinkContainer87 = function (props) {
1732 + if (props.x === 212) {
1733 + return React.createElement(AdsPEEditorChildLink86, { x: 211 });
1734 + }
1735 + };
1736 +
1737 + var AdsPEHeaderSection88 = function (props) {
1738 + if (props.x === 213) {
1739 + return React.createElement(
1740 + "div",
1741 + { className: "_yke" },
1742 + React.createElement("div", { className: "_2x9d _pr-" }),
1743 + React.createElement(XUIText29, { x: 205 }),
1744 + React.createElement(
1745 + "div",
1746 + { className: "_3a-a" },
1747 + React.createElement(
1748 + "div",
1749 + { className: "_3a-b" },
1750 + React.createElement(XUIText29, { x: 206 })
1751 + )
1752 + ),
1753 + React.createElement(AdsPEEditorChildLinkContainer87, { x: 212 })
1754 + );
1755 + }
1756 + };
1757 +
1758 + var AdsPECampaignGroupHeaderSectionContainer89 = function (props) {
1759 + if (props.x === 214) {
1760 + return React.createElement(AdsPEHeaderSection88, { x: 213 });
1761 + }
1762 + };
1763 +
1764 + var AdsEditorLoadingErrors90 = function (props) {
1765 + if (props.x === 215) {
1766 + return null;
1767 + }
1768 + };
1769 +
1770 + var AdsTextInput91 = function (props) {
1771 + if (props.x === 217) {
1772 + return React.createElement(ReactXUIError76, { x: 216 });
1773 + }
1774 + };
1775 +
1776 + var BUIFormElement92 = function (props) {
1777 + if (props.x === 218) {
1778 + return React.createElement(
1779 + "div",
1780 + { className: "_5521 clearfix" },
1781 + React.createElement(
1782 + "div",
1783 + { className: "_5522 _3w5q" },
1784 + React.createElement(
1785 + "label",
1786 + { onClick: undefined, htmlFor: "1467872040612:1961945894", className: "_5523 _3w5r" },
1787 + "Campaign Name",
1788 + null
1789 + )
1790 + ),
1791 + React.createElement(
1792 + "div",
1793 + { className: "_5527" },
1794 + React.createElement(
1795 + "div",
1796 + { className: "_5528" },
1797 + React.createElement(
1798 + "span",
1799 + { key: ".0", className: "_40bg", density: "snug", labelPosition: "left", id: "1467872040612:1961945894" },
1800 + React.createElement(AdsTextInput91, { x: 217, key: "nameEditor98010048849317", ref: "nameTextInput" }),
1801 + null
1802 + )
1803 + ),
1804 + null
1805 + )
1806 + );
1807 + }
1808 + };
1809 +
1810 + var BUIForm93 = function (props) {
1811 + if (props.x === 219) {
1812 + return React.createElement(
1813 + "div",
1814 + { className: "_5ks1 _550r _550t _550y _3w5n" },
1815 + React.createElement(BUIFormElement92, { x: 218, key: ".0" })
1816 + );
1817 + }
1818 + };
1819 +
1820 + var XUICard94 = function (props) {
1821 + if (props.x === 220) {
1822 + return React.createElement(
1823 + "div",
1824 + { className: "_40bc _12k2 _4-u2 _4-u8", xuiErrorPosition: "above", background: "white" },
1825 + React.createElement(BUIForm93, { x: 219 })
1826 + );
1827 + }
1828 + if (props.x === 249) {
1829 + return React.createElement(
1830 + "div",
1831 + { xuiErrorPosition: "above", className: "_12k2 _4-u2 _4-u8", background: "white" },
1832 + React.createElement(AdsCardHeader103, { x: 230 }),
1833 + React.createElement(AdsCardSection108, { x: 248 })
1834 + );
1835 + }
1836 + if (props.x === 279) {
1837 + return React.createElement(
1838 + "div",
1839 + { xuiErrorPosition: "above", className: "_12k2 _4-u2 _4-u8", background: "white" },
1840 + React.createElement(AdsCardLeftRightHeader122, { x: 278 })
1841 + );
1842 + }
1843 + };
1844 +
1845 + var AdsCard95 = function (props) {
1846 + if (props.x === 222) {
1847 + return React.createElement(ReactXUIError76, { x: 221 });
1848 + }
1849 + if (props.x === 251) {
1850 + return React.createElement(ReactXUIError76, { x: 250 });
1851 + }
1852 + if (props.x === 281) {
1853 + return React.createElement(ReactXUIError76, { x: 280 });
1854 + }
1855 + };
1856 +
1857 + var AdsEditorNameSection96 = function (props) {
1858 + if (props.x === 223) {
1859 + return React.createElement(AdsCard95, { x: 222 });
1860 + }
1861 + };
1862 +
1863 + var AdsCampaignGroupNameSectionContainer97 = function (props) {
1864 + if (props.x === 224) {
1865 + return React.createElement(AdsEditorNameSection96, { x: 223, key: "nameSection98010048849317" });
1866 + }
1867 + };
1868 +
1869 + var _render98 = function (props) {
1870 + if (props.x === 225) {
1871 + return React.createElement(AdsCampaignGroupNameSectionContainer97, { x: 224 });
1872 + }
1873 + };
1874 +
1875 + var AdsPluginWrapper99 = function (props) {
1876 + if (props.x === 226) {
1877 + return React.createElement(_render98, { x: 225 });
1878 + }
1879 + if (props.x === 255) {
1880 + return React.createElement(_render111, { x: 254 });
1881 + }
1882 + if (props.x === 258) {
1883 + return React.createElement(_render113, { x: 257 });
1884 + }
1885 + if (props.x === 287) {
1886 + return React.createElement(_render127, { x: 286 });
1887 + }
1888 + if (props.x === 291) {
1889 + return React.createElement(_render130, { x: 290 });
1890 + }
1891 + };
1892 +
1893 + var XUICardHeaderTitle100 = function (props) {
1894 + if (props.x === 227) {
1895 + return React.createElement(
1896 + "span",
1897 + { itemComponent: "span", className: "_38my" },
1898 + "Campaign Details",
1899 + null,
1900 + React.createElement("span", { className: "_c1c" })
1901 + );
1902 + }
1903 + if (props.x === 265) {
1904 + return React.createElement(
1905 + "span",
1906 + { itemComponent: "span", className: "_38my" },
1907 + [React.createElement(
1908 + "span",
1909 + null,
1910 + "Campaign ID",
1911 + ": ",
1912 + "98010048849317"
1913 + ), React.createElement(
1914 + "div",
1915 + { className: "_5lh9" },
1916 + React.createElement(FluxContainer_AdsCampaignGroupStatusSwitchContainer_119, { x: 264 })
1917 + )],
1918 + null,
1919 + React.createElement("span", { className: "_c1c" })
1920 + );
1921 + }
1922 + };
1923 +
1924 + var XUICardSection101 = function (props) {
1925 + if (props.x === 228) {
1926 + return React.createElement(
1927 + "div",
1928 + { className: "_5dw9 _5dwa _4-u3", background: "transparent" },
1929 + [React.createElement(XUICardHeaderTitle100, { x: 227, key: ".0" })],
1930 + undefined,
1931 + undefined,
1932 + React.createElement("div", { className: "_3s3-" })
1933 + );
1934 + }
1935 + if (props.x === 247) {
1936 + return React.createElement(
1937 + "div",
1938 + { className: "_12jy _4-u3", background: "transparent" },
1939 + React.createElement(
1940 + "div",
1941 + { className: "_3-8j" },
1942 + React.createElement(FlexibleBlock105, { x: 233 }),
1943 + React.createElement(FlexibleBlock105, { x: 236 }),
1944 + React.createElement(FlexibleBlock105, { x: 246 }),
1945 + null,
1946 + null
1947 + )
1948 + );
1949 + }
1950 + };
1951 +
1952 + var XUICardHeader102 = function (props) {
1953 + if (props.x === 229) {
1954 + return React.createElement(XUICardSection101, { x: 228 });
1955 + }
1956 + };
1957 +
1958 + var AdsCardHeader103 = function (props) {
1959 + if (props.x === 230) {
1960 + return React.createElement(XUICardHeader102, { x: 229 });
1961 + }
1962 + };
1963 +
1964 + var AdsLabeledField104 = function (props) {
1965 + if (props.x === 231) {
1966 + return React.createElement(
1967 + "div",
1968 + { className: "_2oc6 _3bvz", label: "Objective", labelSize: "small", optionalText: "(optional)" },
1969 + React.createElement(
1970 + "label",
1971 + { className: "_4el4 _3qwj _3hy-", htmlFor: undefined },
1972 + "Objective "
1973 + ),
1974 + null,
1975 + React.createElement("div", { className: "_3bv-" })
1976 + );
1977 + }
1978 + if (props.x === 234) {
1979 + return React.createElement(
1980 + "div",
1981 + { className: "_2oc6 _3bvz", label: "Buying Type", labelSize: "small", optionalText: "(optional)" },
1982 + React.createElement(
1983 + "label",
1984 + { className: "_4el4 _3qwj _3hy-", htmlFor: undefined },
1985 + "Buying Type "
1986 + ),
1987 + null,
1988 + React.createElement("div", { className: "_3bv-" })
1989 + );
1990 + }
1991 + if (props.x === 240) {
1992 + return React.createElement(
1993 + "div",
1994 + { className: "_2oc6 _3bvz", helpText: "Set an overall spending limit for your ad campaign. This means your ad sets in the campaign will stop once you've reached your spending limit.", label: "Campaign Spending Limit", labelSize: "small", optionalText: "(optional)" },
1995 + React.createElement(
1996 + "label",
1997 + { className: "_4el4 _3qwj _3hy-", htmlFor: undefined },
1998 + "Campaign Spending Limit "
1999 + ),
2000 + React.createElement(AdsHelpLink63, { x: 239 }),
2001 + React.createElement("div", { className: "_3bv-" })
2002 + );
2003 + }
2004 + };
2005 +
2006 + var FlexibleBlock105 = function (props) {
2007 + if (props.x === 233) {
2008 + return React.createElement(LeftRight21, { x: 232 });
2009 + }
2010 + if (props.x === 236) {
2011 + return React.createElement(LeftRight21, { x: 235 });
2012 + }
2013 + if (props.x === 246) {
2014 + return React.createElement(LeftRight21, { x: 245 });
2015 + }
2016 + };
2017 +
2018 + var AdsBulkCampaignSpendCapField106 = function (props) {
2019 + if (props.x === 243) {
2020 + return React.createElement(
2021 + "div",
2022 + { className: "_33dv" },
2023 + "",
2024 + React.createElement(Link2, { x: 242 }),
2025 + " (optional)"
2026 + );
2027 + }
2028 + };
2029 +
2030 + var FluxContainer_AdsCampaignGroupSpendCapContainer_107 = function (props) {
2031 + if (props.x === 244) {
2032 + return React.createElement(AdsBulkCampaignSpendCapField106, { x: 243 });
2033 + }
2034 + };
2035 +
2036 + var AdsCardSection108 = function (props) {
2037 + if (props.x === 248) {
2038 + return React.createElement(XUICardSection101, { x: 247 });
2039 + }
2040 + };
2041 +
2042 + var AdsEditorCampaignGroupDetailsSection109 = function (props) {
2043 + if (props.x === 252) {
2044 + return React.createElement(AdsCard95, { x: 251 });
2045 + }
2046 + };
2047 +
2048 + var AdsEditorCampaignGroupDetailsSectionContainer110 = function (props) {
2049 + if (props.x === 253) {
2050 + return React.createElement(AdsEditorCampaignGroupDetailsSection109, { x: 252, key: "campaignGroupDetailsSection98010048849317" });
2051 + }
2052 + };
2053 +
2054 + var _render111 = function (props) {
2055 + if (props.x === 254) {
2056 + return React.createElement(AdsEditorCampaignGroupDetailsSectionContainer110, { x: 253 });
2057 + }
2058 + };
2059 +
2060 + var FluxContainer_AdsEditorToplineDetailsSectionContainer_112 = function (props) {
2061 + if (props.x === 256) {
2062 + return null;
2063 + }
2064 + };
2065 +
2066 + var _render113 = function (props) {
2067 + if (props.x === 257) {
2068 + return React.createElement(FluxContainer_AdsEditorToplineDetailsSectionContainer_112, { x: 256 });
2069 + }
2070 + };
2071 +
2072 + var AdsStickyArea114 = function (props) {
2073 + if (props.x === 259) {
2074 + return React.createElement(
2075 + "div",
2076 + { inContainingBlock: true },
2077 + React.createElement("div", { ref: "sticky", onWheel: function () {} })
2078 + );
2079 + }
2080 + if (props.x === 292) {
2081 + return React.createElement(
2082 + "div",
2083 + { inContainingBlock: true },
2084 + React.createElement(
2085 + "div",
2086 + { ref: "sticky", onWheel: function () {} },
2087 + [React.createElement(
2088 + "div",
2089 + { key: "campaign_group_errors_section98010048849317" },
2090 + React.createElement(AdsPluginWrapper99, { x: 291 })
2091 + )]
2092 + )
2093 + );
2094 + }
2095 + };
2096 +
2097 + var FluxContainer_AdsEditorColumnContainer_115 = function (props) {
2098 + if (props.x === 260) {
2099 + return React.createElement(
2100 + "div",
2101 + null,
2102 + [React.createElement(
2103 + "div",
2104 + { key: "campaign_group_name_section98010048849317" },
2105 + React.createElement(AdsPluginWrapper99, { x: 226 })
2106 + ), React.createElement(
2107 + "div",
2108 + { key: "campaign_group_basic_section98010048849317" },
2109 + React.createElement(AdsPluginWrapper99, { x: 255 })
2110 + ), React.createElement(
2111 + "div",
2112 + { key: "campaign_group_topline_section98010048849317" },
2113 + React.createElement(AdsPluginWrapper99, { x: 258 })
2114 + )],
2115 + React.createElement(AdsStickyArea114, { x: 259 })
2116 + );
2117 + }
2118 + if (props.x === 293) {
2119 + return React.createElement(
2120 + "div",
2121 + null,
2122 + [React.createElement(
2123 + "div",
2124 + { key: "campaign_group_navigation_section98010048849317" },
2125 + React.createElement(AdsPluginWrapper99, { x: 287 })
2126 + )],
2127 + React.createElement(AdsStickyArea114, { x: 292 })
2128 + );
2129 + }
2130 + };
2131 +
2132 + var BUISwitch116 = function (props) {
2133 + if (props.x === 261) {
2134 + return React.createElement(
2135 + "div",
2136 + { "data-hover": "tooltip", "data-tooltip-content": "Currently active. Click this switch to deactivate it.", "data-tooltip-position": "below", disabled: false, value: true, onToggle: function () {}, animate: true, className: "_128j _128k _128n", role: "checkbox", "aria-checked": "true" },
2137 + React.createElement(
2138 + "div",
2139 + { className: "_128o", onClick: function () {}, onKeyDown: function () {}, onMouseDown: function () {}, tabIndex: "0" },
2140 + React.createElement("div", { className: "_128p" })
2141 + ),
2142 + null
2143 + );
2144 + }
2145 + };
2146 +
2147 + var AdsStatusSwitchInternal117 = function (props) {
2148 + if (props.x === 262) {
2149 + return React.createElement(BUISwitch116, { x: 261 });
2150 + }
2151 + };
2152 +
2153 + var AdsStatusSwitch118 = function (props) {
2154 + if (props.x === 263) {
2155 + return React.createElement(AdsStatusSwitchInternal117, { x: 262 });
2156 + }
2157 + };
2158 +
2159 + var FluxContainer_AdsCampaignGroupStatusSwitchContainer_119 = function (props) {
2160 + if (props.x === 264) {
2161 + return React.createElement(AdsStatusSwitch118, { x: 263, key: "status98010048849317" });
2162 + }
2163 + };
2164 +
2165 + var AdsLinksMenu120 = function (props) {
2166 + if (props.x === 275) {
2167 + return React.createElement(ReactPopoverMenu20, { x: 274 });
2168 + }
2169 + };
2170 +
2171 + var FluxContainer_AdsPluginizedLinksMenuContainer_121 = function (props) {
2172 + if (props.x === 276) {
2173 + return React.createElement(
2174 + "div",
2175 + null,
2176 + null,
2177 + React.createElement(AdsLinksMenu120, { x: 275 })
2178 + );
2179 + }
2180 + };
2181 +
2182 + var AdsCardLeftRightHeader122 = function (props) {
2183 + if (props.x === 278) {
2184 + return React.createElement(LeftRight21, { x: 277 });
2185 + }
2186 + };
2187 +
2188 + var AdsPEIDSection123 = function (props) {
2189 + if (props.x === 282) {
2190 + return React.createElement(AdsCard95, { x: 281 });
2191 + }
2192 + };
2193 +
2194 + var FluxContainer_AdsPECampaignGroupIDSectionContainer_124 = function (props) {
2195 + if (props.x === 283) {
2196 + return React.createElement(AdsPEIDSection123, { x: 282 });
2197 + }
2198 + };
2199 +
2200 + var DeferredComponent125 = function (props) {
2201 + if (props.x === 284) {
2202 + return React.createElement(FluxContainer_AdsPECampaignGroupIDSectionContainer_124, { x: 283 });
2203 + }
2204 + };
2205 +
2206 + var BootloadedComponent126 = function (props) {
2207 + if (props.x === 285) {
2208 + return React.createElement(DeferredComponent125, { x: 284 });
2209 + }
2210 + };
2211 +
2212 + var _render127 = function (props) {
2213 + if (props.x === 286) {
2214 + return React.createElement(BootloadedComponent126, { x: 285 });
2215 + }
2216 + };
2217 +
2218 + var AdsEditorErrorsCard128 = function (props) {
2219 + if (props.x === 288) {
2220 + return null;
2221 + }
2222 + };
2223 +
2224 + var FluxContainer_FunctionalContainer_129 = function (props) {
2225 + if (props.x === 289) {
2226 + return React.createElement(AdsEditorErrorsCard128, { x: 288 });
2227 + }
2228 + };
2229 +
2230 + var _render130 = function (props) {
2231 + if (props.x === 290) {
2232 + return React.createElement(FluxContainer_FunctionalContainer_129, { x: 289 });
2233 + }
2234 + };
2235 +
2236 + var AdsEditorMultiColumnLayout131 = function (props) {
2237 + if (props.x === 294) {
2238 + return React.createElement(
2239 + "div",
2240 + { className: "_psh" },
2241 + React.createElement(
2242 + "div",
2243 + { className: "_3cc0" },
2244 + React.createElement(
2245 + "div",
2246 + null,
2247 + React.createElement(AdsEditorLoadingErrors90, { x: 215, key: ".0" }),
2248 + React.createElement(
2249 + "div",
2250 + { className: "_3ms3" },
2251 + React.createElement(
2252 + "div",
2253 + { className: "_3ms4" },
2254 + React.createElement(FluxContainer_AdsEditorColumnContainer_115, { x: 260, key: ".1" })
2255 + ),
2256 + React.createElement(
2257 + "div",
2258 + { className: "_3pvg" },
2259 + React.createElement(FluxContainer_AdsEditorColumnContainer_115, { x: 293, key: ".2" })
2260 + )
2261 + )
2262 + )
2263 + )
2264 + );
2265 + }
2266 + };
2267 +
2268 + var AdsPECampaignGroupEditor132 = function (props) {
2269 + if (props.x === 295) {
2270 + return React.createElement(
2271 + "div",
2272 + null,
2273 + React.createElement(AdsPECampaignGroupHeaderSectionContainer89, { x: 214 }),
2274 + React.createElement(AdsEditorMultiColumnLayout131, { x: 294 })
2275 + );
2276 + }
2277 + };
2278 +
2279 + var AdsPECampaignGroupEditorContainer133 = function (props) {
2280 + if (props.x === 296) {
2281 + return React.createElement(AdsPECampaignGroupEditor132, { x: 295 });
2282 + }
2283 + };
2284 +
2285 + var AdsPESideTrayTabContent134 = function (props) {
2286 + if (props.x === 297) {
2287 + return React.createElement(
2288 + "div",
2289 + { className: "_1o_8 _44ra _5cyn" },
2290 + React.createElement(AdsPECampaignGroupEditorContainer133, { x: 296 })
2291 + );
2292 + }
2293 + };
2294 +
2295 + var AdsPEEditorTrayTabContentContainer135 = function (props) {
2296 + if (props.x === 298) {
2297 + return React.createElement(AdsPESideTrayTabContent134, { x: 297 });
2298 + }
2299 + };
2300 +
2301 + var AdsPEMultiTabDrawer136 = function (props) {
2302 + if (props.x === 299) {
2303 + return React.createElement(
2304 + "div",
2305 + { className: "_2kev _2kex" },
2306 + React.createElement(
2307 + "div",
2308 + { className: "_5yno" },
2309 + React.createElement(AdsPEEditorTrayTabButton83, { x: 197, key: "editor_tray_button" }),
2310 + React.createElement(AdsPEInsightsTrayTabButton84, { x: 202, key: "insights_tray_button" }),
2311 + React.createElement(AdsPENekoDebuggerTrayTabButton85, { x: 204, key: "neko_debugger_tray_button" })
2312 + ),
2313 + React.createElement(
2314 + "div",
2315 + { className: "_5ynn" },
2316 + React.createElement(AdsPEEditorTrayTabContentContainer135, { x: 298, key: "EDITOR_DRAWER" }),
2317 + null
2318 + )
2319 + );
2320 + }
2321 + };
2322 +
2323 + var FluxContainer_AdsPEMultiTabDrawerContainer_137 = function (props) {
2324 + if (props.x === 300) {
2325 + return React.createElement(AdsPEMultiTabDrawer136, { x: 299 });
2326 + }
2327 + };
2328 +
2329 + var AdsPESimpleOrganizer138 = function (props) {
2330 + if (props.x === 309) {
2331 + return React.createElement(
2332 + "div",
2333 + { className: "_tm2" },
2334 + React.createElement(XUIButton4, { x: 304 }),
2335 + React.createElement(XUIButton4, { x: 306 }),
2336 + React.createElement(XUIButton4, { x: 308 })
2337 + );
2338 + }
2339 + };
2340 +
2341 + var AdsPEOrganizerContainer139 = function (props) {
2342 + if (props.x === 310) {
2343 + return React.createElement(
2344 + "div",
2345 + null,
2346 + React.createElement(AdsPESimpleOrganizer138, { x: 309 })
2347 + );
2348 + }
2349 + };
2350 +
2351 + var FixedDataTableColumnResizeHandle140 = function (props) {
2352 + if (props.x === 313) {
2353 + return React.createElement(
2354 + "div",
2355 + { className: "_3487 _3488 _3489", style: { "width": 0, "height": 25, "left": 0 } },
2356 + React.createElement("div", { className: "_348a", style: { "height": 25 } })
2357 + );
2358 + }
2359 + };
2360 +
2361 + var AdsPETableHeader141 = function (props) {
2362 + if (props.x === 315) {
2363 + return React.createElement(
2364 + "div",
2365 + { className: "_1cig _1ksv _1vd7 _4h2r", id: undefined },
2366 + React.createElement(ReactImage0, { x: 314 }),
2367 + React.createElement(
2368 + "span",
2369 + { className: "_1cid" },
2370 + "Campaigns"
2371 + )
2372 + );
2373 + }
2374 + if (props.x === 320) {
2375 + return React.createElement(
2376 + "div",
2377 + { className: "_1cig _1vd7 _4h2r", id: undefined },
2378 + null,
2379 + React.createElement(
2380 + "span",
2381 + { className: "_1cid" },
2382 + "Performance"
2383 + )
2384 + );
2385 + }
2386 + if (props.x === 323) {
2387 + return React.createElement(
2388 + "div",
2389 + { className: "_1cig _1vd7 _4h2r", id: undefined },
2390 + null,
2391 + React.createElement(
2392 + "span",
2393 + { className: "_1cid" },
2394 + "Overview"
2395 + )
2396 + );
2397 + }
2398 + if (props.x === 326) {
2399 + return React.createElement(
2400 + "div",
2401 + { className: "_1cig _1vd7 _4h2r", id: undefined },
2402 + null,
2403 + React.createElement(
2404 + "span",
2405 + { className: "_1cid" },
2406 + "Toplines"
2407 + )
2408 + );
2409 + }
2410 + if (props.x === 329) {
2411 + return React.createElement("div", { className: "_1cig _1vd7 _4h2r", id: undefined });
2412 + }
2413 + if (props.x === 340) {
2414 + return React.createElement(
2415 + "div",
2416 + { className: "_1cig _25fg", id: undefined },
2417 + null,
2418 + React.createElement(
2419 + "span",
2420 + { className: "_1cid" },
2421 + "Campaign Name"
2422 + )
2423 + );
2424 + }
2425 + if (props.x === 346) {
2426 + return React.createElement(
2427 + "div",
2428 + { className: "_1cig _25fg", id: undefined, "data-tooltip-content": "Changed", "data-hover": "tooltip" },
2429 + React.createElement(ReactImage0, { x: 345 }),
2430 + null
2431 + );
2432 + }
2433 + if (props.x === 352) {
2434 + return React.createElement(
2435 + "div",
2436 + { className: "_1cig _25fg", id: "ads_pe_table_error_header", "data-tooltip-content": "Errors", "data-hover": "tooltip" },
2437 + React.createElement(ReactImage0, { x: 351 }),
2438 + null
2439 + );
2440 + }
2441 + if (props.x === 357) {
2442 + return React.createElement(
2443 + "div",
2444 + { className: "_1cig _25fg", id: undefined },
2445 + null,
2446 + React.createElement(
2447 + "span",
2448 + { className: "_1cid" },
2449 + "Status"
2450 + )
2451 + );
2452 + }
2453 + if (props.x === 362) {
2454 + return React.createElement(
2455 + "div",
2456 + { className: "_1cig _25fg", id: undefined },
2457 + null,
2458 + React.createElement(
2459 + "span",
2460 + { className: "_1cid" },
2461 + "Delivery"
2462 + )
2463 + );
2464 + }
2465 + if (props.x === 369) {
2466 + return React.createElement(
2467 + "div",
2468 + { className: "_1cig _25fg", id: undefined },
2469 + null,
2470 + React.createElement(
2471 + "span",
2472 + { className: "_1cid" },
2473 + "Results"
2474 + )
2475 + );
2476 + }
2477 + if (props.x === 374) {
2478 + return React.createElement(
2479 + "div",
2480 + { className: "_1cig _25fg", id: undefined },
2481 + null,
2482 + React.createElement(
2483 + "span",
2484 + { className: "_1cid" },
2485 + "Cost"
2486 + )
2487 + );
2488 + }
2489 + if (props.x === 379) {
2490 + return React.createElement(
2491 + "div",
2492 + { className: "_1cig _25fg", id: undefined },
2493 + null,
2494 + React.createElement(
2495 + "span",
2496 + { className: "_1cid" },
2497 + "Reach"
2498 + )
2499 + );
2500 + }
2501 + if (props.x === 384) {
2502 + return React.createElement(
2503 + "div",
2504 + { className: "_1cig _25fg", id: undefined },
2505 + null,
2506 + React.createElement(
2507 + "span",
2508 + { className: "_1cid" },
2509 + "Impressions"
2510 + )
2511 + );
2512 + }
2513 + if (props.x === 389) {
2514 + return React.createElement(
2515 + "div",
2516 + { className: "_1cig _25fg", id: undefined },
2517 + null,
2518 + React.createElement(
2519 + "span",
2520 + { className: "_1cid" },
2521 + "Clicks"
2522 + )
2523 + );
2524 + }
2525 + if (props.x === 394) {
2526 + return React.createElement(
2527 + "div",
2528 + { className: "_1cig _25fg", id: undefined },
2529 + null,
2530 + React.createElement(
2531 + "span",
2532 + { className: "_1cid" },
2533 + "Avg. CPM"
2534 + )
2535 + );
2536 + }
2537 + if (props.x === 399) {
2538 + return React.createElement(
2539 + "div",
2540 + { className: "_1cig _25fg", id: undefined },
2541 + null,
2542 + React.createElement(
2543 + "span",
2544 + { className: "_1cid" },
2545 + "Avg. CPC"
2546 + )
2547 + );
2548 + }
2549 + if (props.x === 404) {
2550 + return React.createElement(
2551 + "div",
2552 + { className: "_1cig _25fg", id: undefined },
2553 + null,
2554 + React.createElement(
2555 + "span",
2556 + { className: "_1cid" },
2557 + "CTR %"
2558 + )
2559 + );
2560 + }
2561 + if (props.x === 409) {
2562 + return React.createElement(
2563 + "div",
2564 + { className: "_1cig _25fg", id: undefined },
2565 + null,
2566 + React.createElement(
2567 + "span",
2568 + { className: "_1cid" },
2569 + "Spent"
2570 + )
2571 + );
2572 + }
2573 + if (props.x === 414) {
2574 + return React.createElement(
2575 + "div",
2576 + { className: "_1cig _25fg", id: undefined },
2577 + null,
2578 + React.createElement(
2579 + "span",
2580 + { className: "_1cid" },
2581 + "Objective"
2582 + )
2583 + );
2584 + }
2585 + if (props.x === 419) {
2586 + return React.createElement(
2587 + "div",
2588 + { className: "_1cig _25fg", id: undefined },
2589 + null,
2590 + React.createElement(
2591 + "span",
2592 + { className: "_1cid" },
2593 + "Buying Type"
2594 + )
2595 + );
2596 + }
2597 + if (props.x === 424) {
2598 + return React.createElement(
2599 + "div",
2600 + { className: "_1cig _25fg", id: undefined },
2601 + null,
2602 + React.createElement(
2603 + "span",
2604 + { className: "_1cid" },
2605 + "Campaign ID"
2606 + )
2607 + );
2608 + }
2609 + if (props.x === 429) {
2610 + return React.createElement(
2611 + "div",
2612 + { className: "_1cig _25fg", id: undefined },
2613 + null,
2614 + React.createElement(
2615 + "span",
2616 + { className: "_1cid" },
2617 + "Start"
2618 + )
2619 + );
2620 + }
2621 + if (props.x === 434) {
2622 + return React.createElement(
2623 + "div",
2624 + { className: "_1cig _25fg", id: undefined },
2625 + null,
2626 + React.createElement(
2627 + "span",
2628 + { className: "_1cid" },
2629 + "End"
2630 + )
2631 + );
2632 + }
2633 + if (props.x === 439) {
2634 + return React.createElement(
2635 + "div",
2636 + { className: "_1cig _25fg", id: undefined },
2637 + null,
2638 + React.createElement(
2639 + "span",
2640 + { className: "_1cid" },
2641 + "Date created"
2642 + )
2643 + );
2644 + }
2645 + if (props.x === 444) {
2646 + return React.createElement(
2647 + "div",
2648 + { className: "_1cig _25fg", id: undefined },
2649 + null,
2650 + React.createElement(
2651 + "span",
2652 + { className: "_1cid" },
2653 + "Date last edited"
2654 + )
2655 + );
2656 + }
2657 + if (props.x === 449) {
2658 + return React.createElement(
2659 + "div",
2660 + { className: "_1cig _25fg _4h2r", id: undefined },
2661 + null,
2662 + React.createElement(
2663 + "span",
2664 + { className: "_1cid" },
2665 + "Tags"
2666 + )
2667 + );
2668 + }
2669 + if (props.x === 452) {
2670 + return React.createElement("div", { className: "_1cig _25fg _4h2r", id: undefined });
2671 + }
2672 + };
2673 +
2674 + var TransitionCell142 = function (props) {
2675 + if (props.x === 316) {
2676 + return React.createElement(
2677 + "div",
2678 + { isHeaderCell: true, label: "Campaigns", dataKey: 0, groupHeaderRenderer: function () {}, groupHeaderLabels: {}, groupHeaderData: {}, columnKey: undefined, height: 40, width: 721, rowIndex: 0, className: "_4lgc _4h2u", style: { "height": 40, "width": 721 } },
2679 + React.createElement(
2680 + "div",
2681 + { className: "_4lgd _4h2w" },
2682 + React.createElement(
2683 + "div",
2684 + { className: "_4lge _4h2x" },
2685 + React.createElement(AdsPETableHeader141, { x: 315 })
2686 + )
2687 + )
2688 + );
2689 + }
2690 + if (props.x === 321) {
2691 + return React.createElement(
2692 + "div",
2693 + { isHeaderCell: true, label: "Performance", dataKey: 1, groupHeaderRenderer: function () {}, groupHeaderLabels: {}, groupHeaderData: {}, columnKey: undefined, height: 40, width: 798, rowIndex: 0, className: "_4lgc _4h2u", style: { "height": 40, "width": 798 } },
2694 + React.createElement(
2695 + "div",
2696 + { className: "_4lgd _4h2w" },
2697 + React.createElement(
2698 + "div",
2699 + { className: "_4lge _4h2x" },
2700 + React.createElement(AdsPETableHeader141, { x: 320 })
2701 + )
2702 + )
2703 + );
2704 + }
2705 + if (props.x === 324) {
2706 + return React.createElement(
2707 + "div",
2708 + { isHeaderCell: true, label: "Overview", dataKey: 2, groupHeaderRenderer: function () {}, groupHeaderLabels: {}, groupHeaderData: {}, columnKey: undefined, height: 40, width: 1022, rowIndex: 0, className: "_4lgc _4h2u", style: { "height": 40, "width": 1022 } },
2709 + React.createElement(
2710 + "div",
2711 + { className: "_4lgd _4h2w" },
2712 + React.createElement(
2713 + "div",
2714 + { className: "_4lge _4h2x" },
2715 + React.createElement(AdsPETableHeader141, { x: 323 })
2716 + )
2717 + )
2718 + );
2719 + }
2720 + if (props.x === 327) {
2721 + return React.createElement(
2722 + "div",
2723 + { isHeaderCell: true, label: "Toplines", dataKey: 3, groupHeaderRenderer: function () {}, groupHeaderLabels: {}, groupHeaderData: {}, columnKey: undefined, height: 40, width: 0, rowIndex: 0, className: "_4lgc _4h2u", style: { "height": 40, "width": 0 } },
2724 + React.createElement(
2725 + "div",
2726 + { className: "_4lgd _4h2w" },
2727 + React.createElement(
2728 + "div",
2729 + { className: "_4lge _4h2x" },
2730 + React.createElement(AdsPETableHeader141, { x: 326 })
2731 + )
2732 + )
2733 + );
2734 + }
2735 + if (props.x === 330) {
2736 + return React.createElement(
2737 + "div",
2738 + { isHeaderCell: true, label: "", dataKey: 4, groupHeaderRenderer: function () {}, groupHeaderLabels: {}, groupHeaderData: {}, columnKey: undefined, height: 40, width: 25, rowIndex: 0, className: "_4lgc _4h2u", style: { "height": 40, "width": 25 } },
2739 + React.createElement(
2740 + "div",
2741 + { className: "_4lgd _4h2w" },
2742 + React.createElement(
2743 + "div",
2744 + { className: "_4lge _4h2x" },
2745 + React.createElement(AdsPETableHeader141, { x: 329 })
2746 + )
2747 + )
2748 + );
2749 + }
2750 + if (props.x === 338) {
2751 + return React.createElement(
2752 + "div",
2753 + { isHeaderCell: true, label: undefined, width: 42, dataKey: "common.id", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "common.id", height: 25, style: { "height": 25, "width": 42 } },
2754 + React.createElement(
2755 + "div",
2756 + { className: "_4lgd _4h2w" },
2757 + React.createElement(
2758 + "div",
2759 + { className: "_4lge _4h2x" },
2760 + React.createElement(XUICheckboxInput60, { x: 337 })
2761 + )
2762 + )
2763 + );
2764 + }
2765 + if (props.x === 343) {
2766 + return React.createElement(
2767 + "div",
2768 + { isHeaderCell: true, label: "Campaign Name", width: 400, dataKey: "campaignGroup.name", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "campaignGroup.name", height: 25, style: { "height": 25, "width": 400 } },
2769 + React.createElement(
2770 + "div",
2771 + { className: "_4lgd _4h2w" },
2772 + React.createElement(
2773 + "div",
2774 + { className: "_4lge _4h2x" },
2775 + React.createElement(FixedDataTableSortableHeader149, { x: 342 })
2776 + )
2777 + )
2778 + );
2779 + }
2780 + if (props.x === 349) {
2781 + return React.createElement(
2782 + "div",
2783 + { isHeaderCell: true, label: undefined, width: 33, dataKey: "edit_status", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "edit_status", height: 25, style: { "height": 25, "width": 33 } },
2784 + React.createElement(
2785 + "div",
2786 + { className: "_4lgd _4h2w" },
2787 + React.createElement(
2788 + "div",
2789 + { className: "_4lge _4h2x" },
2790 + React.createElement(FixedDataTableSortableHeader149, { x: 348 })
2791 + )
2792 + )
2793 + );
2794 + }
2795 + if (props.x === 355) {
2796 + return React.createElement(
2797 + "div",
2798 + { isHeaderCell: true, label: undefined, width: 36, dataKey: "errors", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "errors", height: 25, style: { "height": 25, "width": 36 } },
2799 + React.createElement(
2800 + "div",
2801 + { className: "_4lgd _4h2w" },
2802 + React.createElement(
2803 + "div",
2804 + { className: "_4lge _4h2x" },
2805 + React.createElement(FixedDataTableSortableHeader149, { x: 354 })
2806 + )
2807 + )
2808 + );
2809 + }
2810 + if (props.x === 360) {
2811 + return React.createElement(
2812 + "div",
2813 + { isHeaderCell: true, label: "Status", width: 60, dataKey: "campaignGroup.status", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "campaignGroup.status", height: 25, style: { "height": 25, "width": 60 } },
2814 + React.createElement(
2815 + "div",
2816 + { className: "_4lgd _4h2w" },
2817 + React.createElement(
2818 + "div",
2819 + { className: "_4lge _4h2x" },
2820 + React.createElement(FixedDataTableSortableHeader149, { x: 359 })
2821 + )
2822 + )
2823 + );
2824 + }
2825 + if (props.x === 365) {
2826 + return React.createElement(
2827 + "div",
2828 + { isHeaderCell: true, label: "Delivery", width: 150, dataKey: "derivedCampaignGroup.activity_status", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "derivedCampaignGroup.activity_status", height: 25, style: { "height": 25, "width": 150 } },
2829 + React.createElement(
2830 + "div",
2831 + { className: "_4lgd _4h2w" },
2832 + React.createElement(
2833 + "div",
2834 + { className: "_4lge _4h2x" },
2835 + React.createElement(FixedDataTableSortableHeader149, { x: 364 })
2836 + )
2837 + )
2838 + );
2839 + }
2840 + if (props.x === 372) {
2841 + return React.createElement(
2842 + "div",
2843 + { isHeaderCell: true, label: "Results", width: 140, dataKey: "stats.actions", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "stats.actions", height: 25, style: { "height": 25, "width": 140 } },
2844 + React.createElement(
2845 + "div",
2846 + { className: "_4lgd _4h2w" },
2847 + React.createElement(
2848 + "div",
2849 + { className: "_4lge _4h2x" },
2850 + React.createElement(FixedDataTableSortableHeader149, { x: 371 })
2851 + )
2852 + )
2853 + );
2854 + }
2855 + if (props.x === 377) {
2856 + return React.createElement(
2857 + "div",
2858 + { isHeaderCell: true, label: "Cost", width: 140, dataKey: "stats.cpa", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "stats.cpa", height: 25, style: { "height": 25, "width": 140 } },
2859 + React.createElement(
2860 + "div",
2861 + { className: "_4lgd _4h2w" },
2862 + React.createElement(
2863 + "div",
2864 + { className: "_4lge _4h2x" },
2865 + React.createElement(FixedDataTableSortableHeader149, { x: 376 })
2866 + )
2867 + )
2868 + );
2869 + }
2870 + if (props.x === 382) {
2871 + return React.createElement(
2872 + "div",
2873 + { isHeaderCell: true, label: "Reach", width: 80, dataKey: "stats.unique_impressions", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "stats.unique_impressions", height: 25, style: { "height": 25, "width": 80 } },
2874 + React.createElement(
2875 + "div",
2876 + { className: "_4lgd _4h2w" },
2877 + React.createElement(
2878 + "div",
2879 + { className: "_4lge _4h2x" },
2880 + React.createElement(FixedDataTableSortableHeader149, { x: 381 })
2881 + )
2882 + )
2883 + );
2884 + }
2885 + if (props.x === 387) {
2886 + return React.createElement(
2887 + "div",
2888 + { isHeaderCell: true, label: "Impressions", width: 80, dataKey: "stats.impressions", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "stats.impressions", height: 25, style: { "height": 25, "width": 80 } },
2889 + React.createElement(
2890 + "div",
2891 + { className: "_4lgd _4h2w" },
2892 + React.createElement(
2893 + "div",
2894 + { className: "_4lge _4h2x" },
2895 + React.createElement(FixedDataTableSortableHeader149, { x: 386 })
2896 + )
2897 + )
2898 + );
2899 + }
2900 + if (props.x === 392) {
2901 + return React.createElement(
2902 + "div",
2903 + { isHeaderCell: true, label: "Clicks", width: 60, dataKey: "stats.clicks", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "stats.clicks", height: 25, style: { "height": 25, "width": 60 } },
2904 + React.createElement(
2905 + "div",
2906 + { className: "_4lgd _4h2w" },
2907 + React.createElement(
2908 + "div",
2909 + { className: "_4lge _4h2x" },
2910 + React.createElement(FixedDataTableSortableHeader149, { x: 391 })
2911 + )
2912 + )
2913 + );
2914 + }
2915 + if (props.x === 397) {
2916 + return React.createElement(
2917 + "div",
2918 + { isHeaderCell: true, label: "Avg. CPM", width: 80, dataKey: "stats.avg_cpm", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "stats.avg_cpm", height: 25, style: { "height": 25, "width": 80 } },
2919 + React.createElement(
2920 + "div",
2921 + { className: "_4lgd _4h2w" },
2922 + React.createElement(
2923 + "div",
2924 + { className: "_4lge _4h2x" },
2925 + React.createElement(FixedDataTableSortableHeader149, { x: 396 })
2926 + )
2927 + )
2928 + );
2929 + }
2930 + if (props.x === 402) {
2931 + return React.createElement(
2932 + "div",
2933 + { isHeaderCell: true, label: "Avg. CPC", width: 78, dataKey: "stats.avg_cpc", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "stats.avg_cpc", height: 25, style: { "height": 25, "width": 78 } },
2934 + React.createElement(
2935 + "div",
2936 + { className: "_4lgd _4h2w" },
2937 + React.createElement(
2938 + "div",
2939 + { className: "_4lge _4h2x" },
2940 + React.createElement(FixedDataTableSortableHeader149, { x: 401 })
2941 + )
2942 + )
2943 + );
2944 + }
2945 + if (props.x === 407) {
2946 + return React.createElement(
2947 + "div",
2948 + { isHeaderCell: true, label: "CTR %", width: 70, dataKey: "stats.ctr", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "stats.ctr", height: 25, style: { "height": 25, "width": 70 } },
2949 + React.createElement(
2950 + "div",
2951 + { className: "_4lgd _4h2w" },
2952 + React.createElement(
2953 + "div",
2954 + { className: "_4lge _4h2x" },
2955 + React.createElement(FixedDataTableSortableHeader149, { x: 406 })
2956 + )
2957 + )
2958 + );
2959 + }
2960 + if (props.x === 412) {
2961 + return React.createElement(
2962 + "div",
2963 + { isHeaderCell: true, label: "Spent", width: 70, dataKey: "stats.spent_100", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "stats.spent_100", height: 25, style: { "height": 25, "width": 70 } },
2964 + React.createElement(
2965 + "div",
2966 + { className: "_4lgd _4h2w" },
2967 + React.createElement(
2968 + "div",
2969 + { className: "_4lge _4h2x" },
2970 + React.createElement(FixedDataTableSortableHeader149, { x: 411 })
2971 + )
2972 + )
2973 + );
2974 + }
2975 + if (props.x === 417) {
2976 + return React.createElement(
2977 + "div",
2978 + { isHeaderCell: true, label: "Objective", width: 200, dataKey: "campaignGroup.objective", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "campaignGroup.objective", height: 25, style: { "height": 25, "width": 200 } },
2979 + React.createElement(
2980 + "div",
2981 + { className: "_4lgd _4h2w" },
2982 + React.createElement(
2983 + "div",
2984 + { className: "_4lge _4h2x" },
2985 + React.createElement(FixedDataTableSortableHeader149, { x: 416 })
2986 + )
2987 + )
2988 + );
2989 + }
2990 + if (props.x === 422) {
2991 + return React.createElement(
2992 + "div",
2993 + { isHeaderCell: true, label: "Buying Type", width: 100, dataKey: "campaignGroup.buying_type", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "campaignGroup.buying_type", height: 25, style: { "height": 25, "width": 100 } },
2994 + React.createElement(
2995 + "div",
2996 + { className: "_4lgd _4h2w" },
2997 + React.createElement(
2998 + "div",
2999 + { className: "_4lge _4h2x" },
3000 + React.createElement(FixedDataTableSortableHeader149, { x: 421 })
3001 + )
3002 + )
3003 + );
3004 + }
3005 + if (props.x === 427) {
3006 + return React.createElement(
3007 + "div",
3008 + { isHeaderCell: true, label: "Campaign ID", width: 120, dataKey: "campaignGroup.id", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "campaignGroup.id", height: 25, style: { "height": 25, "width": 120 } },
3009 + React.createElement(
3010 + "div",
3011 + { className: "_4lgd _4h2w" },
3012 + React.createElement(
3013 + "div",
3014 + { className: "_4lge _4h2x" },
3015 + React.createElement(FixedDataTableSortableHeader149, { x: 426 })
3016 + )
3017 + )
3018 + );
3019 + }
3020 + if (props.x === 432) {
3021 + return React.createElement(
3022 + "div",
3023 + { isHeaderCell: true, label: "Start", width: 113, dataKey: "derivedCampaignGroup.startDate", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "derivedCampaignGroup.startDate", height: 25, style: { "height": 25, "width": 113 } },
3024 + React.createElement(
3025 + "div",
3026 + { className: "_4lgd _4h2w" },
3027 + React.createElement(
3028 + "div",
3029 + { className: "_4lge _4h2x" },
3030 + React.createElement(FixedDataTableSortableHeader149, { x: 431 })
3031 + )
3032 + )
3033 + );
3034 + }
3035 + if (props.x === 437) {
3036 + return React.createElement(
3037 + "div",
3038 + { isHeaderCell: true, label: "End", width: 113, dataKey: "derivedCampaignGroup.stopDate", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "derivedCampaignGroup.stopDate", height: 25, style: { "height": 25, "width": 113 } },
3039 + React.createElement(
3040 + "div",
3041 + { className: "_4lgd _4h2w" },
3042 + React.createElement(
3043 + "div",
3044 + { className: "_4lge _4h2x" },
3045 + React.createElement(FixedDataTableSortableHeader149, { x: 436 })
3046 + )
3047 + )
3048 + );
3049 + }
3050 + if (props.x === 442) {
3051 + return React.createElement(
3052 + "div",
3053 + { isHeaderCell: true, label: "Date created", width: 113, dataKey: "derivedCampaignGroup.createdDate", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "derivedCampaignGroup.createdDate", height: 25, style: { "height": 25, "width": 113 } },
3054 + React.createElement(
3055 + "div",
3056 + { className: "_4lgd _4h2w" },
3057 + React.createElement(
3058 + "div",
3059 + { className: "_4lge _4h2x" },
3060 + React.createElement(FixedDataTableSortableHeader149, { x: 441 })
3061 + )
3062 + )
3063 + );
3064 + }
3065 + if (props.x === 447) {
3066 + return React.createElement(
3067 + "div",
3068 + { isHeaderCell: true, label: "Date last edited", width: 113, dataKey: "derivedCampaignGroup.updatedDate", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "derivedCampaignGroup.updatedDate", height: 25, style: { "height": 25, "width": 113 } },
3069 + React.createElement(
3070 + "div",
3071 + { className: "_4lgd _4h2w" },
3072 + React.createElement(
3073 + "div",
3074 + { className: "_4lge _4h2x" },
3075 + React.createElement(FixedDataTableSortableHeader149, { x: 446 })
3076 + )
3077 + )
3078 + );
3079 + }
3080 + if (props.x === 450) {
3081 + return React.createElement(
3082 + "div",
3083 + { isHeaderCell: true, label: "Tags", width: 150, dataKey: "labels", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "labels", height: 25, style: { "height": 25, "width": 150 } },
3084 + React.createElement(
3085 + "div",
3086 + { className: "_4lgd _4h2w" },
3087 + React.createElement(
3088 + "div",
3089 + { className: "_4lge _4h2x" },
3090 + React.createElement(AdsPETableHeader141, { x: 449 })
3091 + )
3092 + )
3093 + );
3094 + }
3095 + if (props.x === 453) {
3096 + return React.createElement(
3097 + "div",
3098 + { isHeaderCell: true, label: "", width: 25, dataKey: "scrollbar_spacer", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "scrollbar_spacer", height: 25, style: { "height": 25, "width": 25 } },
3099 + React.createElement(
3100 + "div",
3101 + { className: "_4lgd _4h2w" },
3102 + React.createElement(
3103 + "div",
3104 + { className: "_4lge _4h2x" },
3105 + React.createElement(AdsPETableHeader141, { x: 452 })
3106 + )
3107 + )
3108 + );
3109 + }
3110 + };
3111 +
3112 + var FixedDataTableCell143 = function (props) {
3113 + if (props.x === 317) {
3114 + return React.createElement(
3115 + "div",
3116 + { className: "_4lg0 _4h2m", style: { "height": 40, "width": 721, "left": 0 } },
3117 + undefined,
3118 + React.createElement(TransitionCell142, { x: 316 })
3119 + );
3120 + }
3121 + if (props.x === 322) {
3122 + return React.createElement(
3123 + "div",
3124 + { className: "_4lg0 _4h2m", style: { "height": 40, "width": 798, "left": 0 } },
3125 + undefined,
3126 + React.createElement(TransitionCell142, { x: 321 })
3127 + );
3128 + }
3129 + if (props.x === 325) {
3130 + return React.createElement(
3131 + "div",
3132 + { className: "_4lg0 _4h2m", style: { "height": 40, "width": 1022, "left": 798 } },
3133 + undefined,
3134 + React.createElement(TransitionCell142, { x: 324 })
3135 + );
3136 + }
3137 + if (props.x === 328) {
3138 + return React.createElement(
3139 + "div",
3140 + { className: "_4lg0 _4h2m", style: { "height": 40, "width": 0, "left": 1820 } },
3141 + undefined,
3142 + React.createElement(TransitionCell142, { x: 327 })
3143 + );
3144 + }
3145 + if (props.x === 331) {
3146 + return React.createElement(
3147 + "div",
3148 + { className: "_4lg0 _4h2m", style: { "height": 40, "width": 25, "left": 1820 } },
3149 + undefined,
3150 + React.createElement(TransitionCell142, { x: 330 })
3151 + );
3152 + }
3153 + if (props.x === 339) {
3154 + return React.createElement(
3155 + "div",
3156 + { className: "_4lg0 _4lg6 _4h2m", style: { "height": 25, "width": 42, "left": 0 } },
3157 + undefined,
3158 + React.createElement(TransitionCell142, { x: 338 })
3159 + );
3160 + }
3161 + if (props.x === 344) {
3162 + return React.createElement(
3163 + "div",
3164 + { className: "_4lg0 _4h2m", style: { "height": 25, "width": 400, "left": 42 } },
3165 + React.createElement(
3166 + "div",
3167 + { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },
3168 + React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })
3169 + ),
3170 + React.createElement(TransitionCell142, { x: 343 })
3171 + );
3172 + }
3173 + if (props.x === 350) {
3174 + return React.createElement(
3175 + "div",
3176 + { className: "_4lg0 _4h2m", style: { "height": 25, "width": 33, "left": 442 } },
3177 + undefined,
3178 + React.createElement(TransitionCell142, { x: 349 })
3179 + );
3180 + }
3181 + if (props.x === 356) {
3182 + return React.createElement(
3183 + "div",
3184 + { className: "_4lg0 _4h2m", style: { "height": 25, "width": 36, "left": 475 } },
3185 + undefined,
3186 + React.createElement(TransitionCell142, { x: 355 })
3187 + );
3188 + }
3189 + if (props.x === 361) {
3190 + return React.createElement(
3191 + "div",
3192 + { className: "_4lg0 _4h2m", style: { "height": 25, "width": 60, "left": 511 } },
3193 + undefined,
3194 + React.createElement(TransitionCell142, { x: 360 })
3195 + );
3196 + }
3197 + if (props.x === 366) {
3198 + return React.createElement(
3199 + "div",
3200 + { className: "_4lg0 _4h2m", style: { "height": 25, "width": 150, "left": 571 } },
3201 + React.createElement(
3202 + "div",
3203 + { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },
3204 + React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })
3205 + ),
3206 + React.createElement(TransitionCell142, { x: 365 })
3207 + );
3208 + }
3209 + if (props.x === 373) {
3210 + return React.createElement(
3211 + "div",
3212 + { className: "_4lg0 _4lg5 _4h2p _4h2m", style: { "height": 25, "width": 140, "left": 0 } },
3213 + React.createElement(
3214 + "div",
3215 + { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },
3216 + React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })
3217 + ),
3218 + React.createElement(TransitionCell142, { x: 372 })
3219 + );
3220 + }
3221 + if (props.x === 378) {
3222 + return React.createElement(
3223 + "div",
3224 + { className: "_4lg0 _4lg5 _4h2p _4h2m", style: { "height": 25, "width": 140, "left": 140 } },
3225 + React.createElement(
3226 + "div",
3227 + { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },
3228 + React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })
3229 + ),
3230 + React.createElement(TransitionCell142, { x: 377 })
3231 + );
3232 + }
3233 + if (props.x === 383) {
3234 + return React.createElement(
3235 + "div",
3236 + { className: "_4lg0 _4lg5 _4h2p _4h2m", style: { "height": 25, "width": 80, "left": 280 } },
3237 + React.createElement(
3238 + "div",
3239 + { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },
3240 + React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })
3241 + ),
3242 + React.createElement(TransitionCell142, { x: 382 })
3243 + );
3244 + }
3245 + if (props.x === 388) {
3246 + return React.createElement(
3247 + "div",
3248 + { className: "_4lg0 _4lg5 _4h2p _4h2m", style: { "height": 25, "width": 80, "left": 360 } },
3249 + React.createElement(
3250 + "div",
3251 + { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },
3252 + React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })
3253 + ),
3254 + React.createElement(TransitionCell142, { x: 387 })
3255 + );
3256 + }
3257 + if (props.x === 393) {
3258 + return React.createElement(
3259 + "div",
3260 + { className: "_4lg0 _4lg5 _4h2p _4h2m", style: { "height": 25, "width": 60, "left": 440 } },
3261 + React.createElement(
3262 + "div",
3263 + { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },
3264 + React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })
3265 + ),
3266 + React.createElement(TransitionCell142, { x: 392 })
3267 + );
3268 + }
3269 + if (props.x === 398) {
3270 + return React.createElement(
3271 + "div",
3272 + { className: "_4lg0 _4lg5 _4h2p _4h2m", style: { "height": 25, "width": 80, "left": 500 } },
3273 + React.createElement(
3274 + "div",
3275 + { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },
3276 + React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })
3277 + ),
3278 + React.createElement(TransitionCell142, { x: 397 })
3279 + );
3280 + }
3281 + if (props.x === 403) {
3282 + return React.createElement(
3283 + "div",
3284 + { className: "_4lg0 _4lg5 _4h2p _4h2m", style: { "height": 25, "width": 78, "left": 580 } },
3285 + React.createElement(
3286 + "div",
3287 + { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },
3288 + React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })
3289 + ),
3290 + React.createElement(TransitionCell142, { x: 402 })
3291 + );
3292 + }
3293 + if (props.x === 408) {
3294 + return React.createElement(
3295 + "div",
3296 + { className: "_4lg0 _4lg5 _4h2p _4h2m", style: { "height": 25, "width": 70, "left": 658 } },
3297 + React.createElement(
3298 + "div",
3299 + { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },
3300 + React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })
3301 + ),
3302 + React.createElement(TransitionCell142, { x: 407 })
3303 + );
3304 + }
3305 + if (props.x === 413) {
3306 + return React.createElement(
3307 + "div",
3308 + { className: "_4lg0 _4lg5 _4h2p _4h2m", style: { "height": 25, "width": 70, "left": 728 } },
3309 + React.createElement(
3310 + "div",
3311 + { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },
3312 + React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })
3313 + ),
3314 + React.createElement(TransitionCell142, { x: 412 })
3315 + );
3316 + }
3317 + if (props.x === 418) {
3318 + return React.createElement(
3319 + "div",
3320 + { className: "_4lg0 _4h2m", style: { "height": 25, "width": 200, "left": 798 } },
3321 + React.createElement(
3322 + "div",
3323 + { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },
3324 + React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })
3325 + ),
3326 + React.createElement(TransitionCell142, { x: 417 })
3327 + );
3328 + }
3329 + if (props.x === 423) {
3330 + return React.createElement(
3331 + "div",
3332 + { className: "_4lg0 _4h2m", style: { "height": 25, "width": 100, "left": 998 } },
3333 + React.createElement(
3334 + "div",
3335 + { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },
3336 + React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })
3337 + ),
3338 + React.createElement(TransitionCell142, { x: 422 })
3339 + );
3340 + }
3341 + if (props.x === 428) {
3342 + return React.createElement(
3343 + "div",
3344 + { className: "_4lg0 _4h2m", style: { "height": 25, "width": 120, "left": 1098 } },
3345 + React.createElement(
3346 + "div",
3347 + { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },
3348 + React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })
3349 + ),
3350 + React.createElement(TransitionCell142, { x: 427 })
3351 + );
3352 + }
3353 + if (props.x === 433) {
3354 + return React.createElement(
3355 + "div",
3356 + { className: "_4lg0 _4h2m", style: { "height": 25, "width": 113, "left": 1218 } },
3357 + React.createElement(
3358 + "div",
3359 + { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },
3360 + React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })
3361 + ),
3362 + React.createElement(TransitionCell142, { x: 432 })
3363 + );
3364 + }
3365 + if (props.x === 438) {
3366 + return React.createElement(
3367 + "div",
3368 + { className: "_4lg0 _4h2m", style: { "height": 25, "width": 113, "left": 1331 } },
3369 + React.createElement(
3370 + "div",
3371 + { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },
3372 + React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })
3373 + ),
3374 + React.createElement(TransitionCell142, { x: 437 })
3375 + );
3376 + }
3377 + if (props.x === 443) {
3378 + return React.createElement(
3379 + "div",
3380 + { className: "_4lg0 _4h2m", style: { "height": 25, "width": 113, "left": 1444 } },
3381 + React.createElement(
3382 + "div",
3383 + { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },
3384 + React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })
3385 + ),
3386 + React.createElement(TransitionCell142, { x: 442 })
3387 + );
3388 + }
3389 + if (props.x === 448) {
3390 + return React.createElement(
3391 + "div",
3392 + { className: "_4lg0 _4h2m", style: { "height": 25, "width": 113, "left": 1557 } },
3393 + React.createElement(
3394 + "div",
3395 + { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },
3396 + React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })
3397 + ),
3398 + React.createElement(TransitionCell142, { x: 447 })
3399 + );
3400 + }
3401 + if (props.x === 451) {
3402 + return React.createElement(
3403 + "div",
3404 + { className: "_4lg0 _4h2m", style: { "height": 25, "width": 150, "left": 1670 } },
3405 + React.createElement(
3406 + "div",
3407 + { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },
3408 + React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })
3409 + ),
3410 + React.createElement(TransitionCell142, { x: 450 })
3411 + );
3412 + }
3413 + if (props.x === 454) {
3414 + return React.createElement(
3415 + "div",
3416 + { className: "_4lg0 _4h2m", style: { "height": 25, "width": 25, "left": 1820 } },
3417 + undefined,
3418 + React.createElement(TransitionCell142, { x: 453 })
3419 + );
3420 + }
3421 + };
3422 +
3423 + var FixedDataTableCellGroupImpl144 = function (props) {
3424 + if (props.x === 318) {
3425 + return React.createElement(
3426 + "div",
3427 + { className: "_3pzj", style: { "height": 40, "position": "absolute", "width": 721, "zIndex": 2, "transform": "translate3d(0px,0px,0)", "backfaceVisibility": "hidden" } },
3428 + React.createElement(FixedDataTableCell143, { x: 317, key: "cell_0" })
3429 + );
3430 + }
3431 + if (props.x === 332) {
3432 + return React.createElement(
3433 + "div",
3434 + { className: "_3pzj", style: { "height": 40, "position": "absolute", "width": 1845, "zIndex": 0, "transform": "translate3d(0px,0px,0)", "backfaceVisibility": "hidden" } },
3435 + React.createElement(FixedDataTableCell143, { x: 322, key: "cell_0" }),
3436 + React.createElement(FixedDataTableCell143, { x: 325, key: "cell_1" }),
3437 + React.createElement(FixedDataTableCell143, { x: 328, key: "cell_2" }),
3438 + React.createElement(FixedDataTableCell143, { x: 331, key: "cell_3" })
3439 + );
3440 + }
3441 + if (props.x === 367) {
3442 + return React.createElement(
3443 + "div",
3444 + { className: "_3pzj", style: { "height": 25, "position": "absolute", "width": 721, "zIndex": 2, "transform": "translate3d(0px,0px,0)", "backfaceVisibility": "hidden" } },
3445 + React.createElement(FixedDataTableCell143, { x: 339, key: "cell_0" }),
3446 + React.createElement(FixedDataTableCell143, { x: 344, key: "cell_1" }),
3447 + React.createElement(FixedDataTableCell143, { x: 350, key: "cell_2" }),
3448 + React.createElement(FixedDataTableCell143, { x: 356, key: "cell_3" }),
3449 + React.createElement(FixedDataTableCell143, { x: 361, key: "cell_4" }),
3450 + React.createElement(FixedDataTableCell143, { x: 366, key: "cell_5" })
3451 + );
3452 + }
3453 + if (props.x === 455) {
3454 + return React.createElement(
3455 + "div",
3456 + { className: "_3pzj", style: { "height": 25, "position": "absolute", "width": 1845, "zIndex": 0, "transform": "translate3d(0px,0px,0)", "backfaceVisibility": "hidden" } },
3457 + React.createElement(FixedDataTableCell143, { x: 373, key: "cell_0" }),
3458 + React.createElement(FixedDataTableCell143, { x: 378, key: "cell_1" }),
3459 + React.createElement(FixedDataTableCell143, { x: 383, key: "cell_2" }),
3460 + React.createElement(FixedDataTableCell143, { x: 388, key: "cell_3" }),
3461 + React.createElement(FixedDataTableCell143, { x: 393, key: "cell_4" }),
3462 + React.createElement(FixedDataTableCell143, { x: 398, key: "cell_5" }),
3463 + React.createElement(FixedDataTableCell143, { x: 403, key: "cell_6" }),
3464 + React.createElement(FixedDataTableCell143, { x: 408, key: "cell_7" }),
3465 + React.createElement(FixedDataTableCell143, { x: 413, key: "cell_8" }),
3466 + React.createElement(FixedDataTableCell143, { x: 418, key: "cell_9" }),
3467 + React.createElement(FixedDataTableCell143, { x: 423, key: "cell_10" }),
3468 + React.createElement(FixedDataTableCell143, { x: 428, key: "cell_11" }),
3469 + React.createElement(FixedDataTableCell143, { x: 433, key: "cell_12" }),
3470 + React.createElement(FixedDataTableCell143, { x: 438, key: "cell_13" }),
3471 + React.createElement(FixedDataTableCell143, { x: 443, key: "cell_14" }),
3472 + React.createElement(FixedDataTableCell143, { x: 448, key: "cell_15" }),
3473 + React.createElement(FixedDataTableCell143, { x: 451, key: "cell_16" }),
3474 + React.createElement(FixedDataTableCell143, { x: 454, key: "cell_17" })
3475 + );
3476 + }
3477 + };
3478 +
3479 + var FixedDataTableCellGroup145 = function (props) {
3480 + if (props.x === 319) {
3481 + return React.createElement(
3482 + "div",
3483 + { style: { "height": 40, "left": 0 }, className: "_3pzk" },
3484 + React.createElement(FixedDataTableCellGroupImpl144, { x: 318 })
3485 + );
3486 + }
3487 + if (props.x === 333) {
3488 + return React.createElement(
3489 + "div",
3490 + { style: { "height": 40, "left": 721 }, className: "_3pzk" },
3491 + React.createElement(FixedDataTableCellGroupImpl144, { x: 332 })
3492 + );
3493 + }
3494 + if (props.x === 368) {
3495 + return React.createElement(
3496 + "div",
3497 + { style: { "height": 25, "left": 0 }, className: "_3pzk" },
3498 + React.createElement(FixedDataTableCellGroupImpl144, { x: 367 })
3499 + );
3500 + }
3501 + if (props.x === 456) {
3502 + return React.createElement(
3503 + "div",
3504 + { style: { "height": 25, "left": 721 }, className: "_3pzk" },
3505 + React.createElement(FixedDataTableCellGroupImpl144, { x: 455 })
3506 + );
3507 + }
3508 + };
3509 +
3510 + var FixedDataTableRowImpl146 = function (props) {
3511 + if (props.x === 334) {
3512 + return React.createElement(
3513 + "div",
3514 + { className: "_1gd4 _4li _52no _3h1a _1mib", onClick: null, onDoubleClick: null, onMouseDown: null, onMouseEnter: null, onMouseLeave: null, style: { "width": 1209, "height": 40 } },
3515 + React.createElement(
3516 + "div",
3517 + { className: "_1gd5" },
3518 + React.createElement(FixedDataTableCellGroup145, { x: 319, key: "fixed_cells" }),
3519 + React.createElement(FixedDataTableCellGroup145, { x: 333, key: "scrollable_cells" }),
3520 + React.createElement("div", { className: "_1gd6 _1gd8", style: { "left": 721, "height": 40 } })
3521 + )
3522 + );
3523 + }
3524 + if (props.x === 457) {
3525 + return React.createElement(
3526 + "div",
3527 + { className: "_1gd4 _4li _3h1a _1mib", onClick: null, onDoubleClick: null, onMouseDown: null, onMouseEnter: null, onMouseLeave: null, style: { "width": 1209, "height": 25 } },
3528 + React.createElement(
3529 + "div",
3530 + { className: "_1gd5" },
3531 + React.createElement(FixedDataTableCellGroup145, { x: 368, key: "fixed_cells" }),
3532 + React.createElement(FixedDataTableCellGroup145, { x: 456, key: "scrollable_cells" }),
3533 + React.createElement("div", { className: "_1gd6 _1gd8", style: { "left": 721, "height": 25 } })
3534 + )
3535 + );
3536 + }
3537 + };
3538 +
3539 + var FixedDataTableRow147 = function (props) {
3540 + if (props.x === 335) {
3541 + return React.createElement(
3542 + "div",
3543 + { style: { "width": 1209, "height": 40, "zIndex": 1, "transform": "translate3d(0px,0px,0)", "backfaceVisibility": "hidden" }, className: "_1gda" },
3544 + React.createElement(FixedDataTableRowImpl146, { x: 334 })
3545 + );
3546 + }
3547 + if (props.x === 458) {
3548 + return React.createElement(
3549 + "div",
3550 + { style: { "width": 1209, "height": 25, "zIndex": 1, "transform": "translate3d(0px,40px,0)", "backfaceVisibility": "hidden" }, className: "_1gda" },
3551 + React.createElement(FixedDataTableRowImpl146, { x: 457 })
3552 + );
3553 + }
3554 + };
3555 +
3556 + var FixedDataTableAbstractSortableHeader148 = function (props) {
3557 + if (props.x === 341) {
3558 + return React.createElement(
3559 + "div",
3560 + { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },
3561 + React.createElement(
3562 + "div",
3563 + { className: "_2eq6" },
3564 + null,
3565 + React.createElement(AdsPETableHeader141, { x: 340 })
3566 + )
3567 + );
3568 + }
3569 + if (props.x === 347) {
3570 + return React.createElement(
3571 + "div",
3572 + { onClick: function () {}, className: "_54_8 _1kst _4h2r _2wzx" },
3573 + React.createElement(
3574 + "div",
3575 + { className: "_2eq6" },
3576 + null,
3577 + React.createElement(AdsPETableHeader141, { x: 346 })
3578 + )
3579 + );
3580 + }
3581 + if (props.x === 353) {
3582 + return React.createElement(
3583 + "div",
3584 + { onClick: function () {}, className: "_54_8 _1kst _4h2r _2wzx" },
3585 + React.createElement(
3586 + "div",
3587 + { className: "_2eq6" },
3588 + null,
3589 + React.createElement(AdsPETableHeader141, { x: 352 })
3590 + )
3591 + );
3592 + }
3593 + if (props.x === 358) {
3594 + return React.createElement(
3595 + "div",
3596 + { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },
3597 + React.createElement(
3598 + "div",
3599 + { className: "_2eq6" },
3600 + null,
3601 + React.createElement(AdsPETableHeader141, { x: 357 })
3602 + )
3603 + );
3604 + }
3605 + if (props.x === 363) {
3606 + return React.createElement(
3607 + "div",
3608 + { onClick: function () {}, className: "_54_8 _54_9 _4h2r _2wzx" },
3609 + React.createElement(
3610 + "div",
3611 + { className: "_2eq6" },
3612 + null,
3613 + React.createElement(AdsPETableHeader141, { x: 362 })
3614 + )
3615 + );
3616 + }
3617 + if (props.x === 370) {
3618 + return React.createElement(
3619 + "div",
3620 + { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },
3621 + React.createElement(
3622 + "div",
3623 + { className: "_2eq6" },
3624 + null,
3625 + React.createElement(AdsPETableHeader141, { x: 369 })
3626 + )
3627 + );
3628 + }
3629 + if (props.x === 375) {
3630 + return React.createElement(
3631 + "div",
3632 + { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },
3633 + React.createElement(
3634 + "div",
3635 + { className: "_2eq6" },
3636 + null,
3637 + React.createElement(AdsPETableHeader141, { x: 374 })
3638 + )
3639 + );
3640 + }
3641 + if (props.x === 380) {
3642 + return React.createElement(
3643 + "div",
3644 + { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },
3645 + React.createElement(
3646 + "div",
3647 + { className: "_2eq6" },
3648 + null,
3649 + React.createElement(AdsPETableHeader141, { x: 379 })
3650 + )
3651 + );
3652 + }
3653 + if (props.x === 385) {
3654 + return React.createElement(
3655 + "div",
3656 + { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },
3657 + React.createElement(
3658 + "div",
3659 + { className: "_2eq6" },
3660 + null,
3661 + React.createElement(AdsPETableHeader141, { x: 384 })
3662 + )
3663 + );
3664 + }
3665 + if (props.x === 390) {
3666 + return React.createElement(
3667 + "div",
3668 + { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },
3669 + React.createElement(
3670 + "div",
3671 + { className: "_2eq6" },
3672 + null,
3673 + React.createElement(AdsPETableHeader141, { x: 389 })
3674 + )
3675 + );
3676 + }
3677 + if (props.x === 395) {
3678 + return React.createElement(
3679 + "div",
3680 + { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },
3681 + React.createElement(
3682 + "div",
3683 + { className: "_2eq6" },
3684 + null,
3685 + React.createElement(AdsPETableHeader141, { x: 394 })
3686 + )
3687 + );
3688 + }
3689 + if (props.x === 400) {
3690 + return React.createElement(
3691 + "div",
3692 + { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },
3693 + React.createElement(
3694 + "div",
3695 + { className: "_2eq6" },
3696 + null,
3697 + React.createElement(AdsPETableHeader141, { x: 399 })
3698 + )
3699 + );
3700 + }
3701 + if (props.x === 405) {
3702 + return React.createElement(
3703 + "div",
3704 + { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },
3705 + React.createElement(
3706 + "div",
3707 + { className: "_2eq6" },
3708 + null,
3709 + React.createElement(AdsPETableHeader141, { x: 404 })
3710 + )
3711 + );
3712 + }
3713 + if (props.x === 410) {
3714 + return React.createElement(
3715 + "div",
3716 + { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },
3717 + React.createElement(
3718 + "div",
3719 + { className: "_2eq6" },
3720 + null,
3721 + React.createElement(AdsPETableHeader141, { x: 409 })
3722 + )
3723 + );
3724 + }
3725 + if (props.x === 415) {
3726 + return React.createElement(
3727 + "div",
3728 + { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },
3729 + React.createElement(
3730 + "div",
3731 + { className: "_2eq6" },
3732 + null,
3733 + React.createElement(AdsPETableHeader141, { x: 414 })
3734 + )
3735 + );
3736 + }
3737 + if (props.x === 420) {
3738 + return React.createElement(
3739 + "div",
3740 + { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },
3741 + React.createElement(
3742 + "div",
3743 + { className: "_2eq6" },
3744 + null,
3745 + React.createElement(AdsPETableHeader141, { x: 419 })
3746 + )
3747 + );
3748 + }
3749 + if (props.x === 425) {
3750 + return React.createElement(
3751 + "div",
3752 + { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },
3753 + React.createElement(
3754 + "div",
3755 + { className: "_2eq6" },
3756 + null,
3757 + React.createElement(AdsPETableHeader141, { x: 424 })
3758 + )
3759 + );
3760 + }
3761 + if (props.x === 430) {
3762 + return React.createElement(
3763 + "div",
3764 + { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },
3765 + React.createElement(
3766 + "div",
3767 + { className: "_2eq6" },
3768 + null,
3769 + React.createElement(AdsPETableHeader141, { x: 429 })
3770 + )
3771 + );
3772 + }
3773 + if (props.x === 435) {
3774 + return React.createElement(
3775 + "div",
3776 + { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },
3777 + React.createElement(
3778 + "div",
3779 + { className: "_2eq6" },
3780 + null,
3781 + React.createElement(AdsPETableHeader141, { x: 434 })
3782 + )
3783 + );
3784 + }
3785 + if (props.x === 440) {
3786 + return React.createElement(
3787 + "div",
3788 + { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },
3789 + React.createElement(
3790 + "div",
3791 + { className: "_2eq6" },
3792 + null,
3793 + React.createElement(AdsPETableHeader141, { x: 439 })
3794 + )
3795 + );
3796 + }
3797 + if (props.x === 445) {
3798 + return React.createElement(
3799 + "div",
3800 + { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },
3801 + React.createElement(
3802 + "div",
3803 + { className: "_2eq6" },
3804 + null,
3805 + React.createElement(AdsPETableHeader141, { x: 444 })
3806 + )
3807 + );
3808 + }
3809 + };
3810 +
3811 + var FixedDataTableSortableHeader149 = function (props) {
3812 + if (props.x === 342) {
3813 + return React.createElement(FixedDataTableAbstractSortableHeader148, { x: 341 });
3814 + }
3815 + if (props.x === 348) {
3816 + return React.createElement(FixedDataTableAbstractSortableHeader148, { x: 347 });
3817 + }
3818 + if (props.x === 354) {
3819 + return React.createElement(FixedDataTableAbstractSortableHeader148, { x: 353 });
3820 + }
3821 + if (props.x === 359) {
3822 + return React.createElement(FixedDataTableAbstractSortableHeader148, { x: 358 });
3823 + }
3824 + if (props.x === 364) {
3825 + return React.createElement(FixedDataTableAbstractSortableHeader148, { x: 363 });
3826 + }
3827 + if (props.x === 371) {
3828 + return React.createElement(FixedDataTableAbstractSortableHeader148, { x: 370 });
3829 + }
3830 + if (props.x === 376) {
3831 + return React.createElement(FixedDataTableAbstractSortableHeader148, { x: 375 });
3832 + }
3833 + if (props.x === 381) {
3834 + return React.createElement(FixedDataTableAbstractSortableHeader148, { x: 380 });
3835 + }
3836 + if (props.x === 386) {
3837 + return React.createElement(FixedDataTableAbstractSortableHeader148, { x: 385 });
3838 + }
3839 + if (props.x === 391) {
3840 + return React.createElement(FixedDataTableAbstractSortableHeader148, { x: 390 });
3841 + }
3842 + if (props.x === 396) {
3843 + return React.createElement(FixedDataTableAbstractSortableHeader148, { x: 395 });
3844 + }
3845 + if (props.x === 401) {
3846 + return React.createElement(FixedDataTableAbstractSortableHeader148, { x: 400 });
3847 + }
3848 + if (props.x === 406) {
3849 + return React.createElement(FixedDataTableAbstractSortableHeader148, { x: 405 });
3850 + }
3851 + if (props.x === 411) {
3852 + return React.createElement(FixedDataTableAbstractSortableHeader148, { x: 410 });
3853 + }
3854 + if (props.x === 416) {
3855 + return React.createElement(FixedDataTableAbstractSortableHeader148, { x: 415 });
3856 + }
3857 + if (props.x === 421) {
3858 + return React.createElement(FixedDataTableAbstractSortableHeader148, { x: 420 });
3859 + }
3860 + if (props.x === 426) {
3861 + return React.createElement(FixedDataTableAbstractSortableHeader148, { x: 425 });
3862 + }
3863 + if (props.x === 431) {
3864 + return React.createElement(FixedDataTableAbstractSortableHeader148, { x: 430 });
3865 + }
3866 + if (props.x === 436) {
3867 + return React.createElement(FixedDataTableAbstractSortableHeader148, { x: 435 });
3868 + }
3869 + if (props.x === 441) {
3870 + return React.createElement(FixedDataTableAbstractSortableHeader148, { x: 440 });
3871 + }
3872 + if (props.x === 446) {
3873 + return React.createElement(FixedDataTableAbstractSortableHeader148, { x: 445 });
3874 + }
3875 + };
3876 +
3877 + var FixedDataTableBufferedRows150 = function (props) {
3878 + if (props.x === 459) {
3879 + return React.createElement("div", { style: { "position": "absolute", "pointerEvents": "auto", "transform": "translate3d(0px,65px,0)", "backfaceVisibility": "hidden" } });
3880 + }
3881 + };
3882 +
3883 + var Scrollbar151 = function (props) {
3884 + if (props.x === 460) {
3885 + return null;
3886 + }
3887 + if (props.x === 461) {
3888 + return React.createElement(
3889 + "div",
3890 + { onFocus: function () {}, onBlur: function () {}, onKeyDown: function () {}, onMouseDown: function () {}, onWheel: function () {}, className: "_1t0r _1t0t _4jdr _1t0u", style: { "width": 1209, "zIndex": 99 }, tabIndex: 0 },
3891 + React.createElement("div", { ref: "face", className: "_1t0w _1t0y _1t0_", style: { "width": 561.6340607950117, "transform": "translate3d(4px,0px,0)", "backfaceVisibility": "hidden" } })
3892 + );
3893 + }
3894 + };
3895 +
3896 + var HorizontalScrollbar152 = function (props) {
3897 + if (props.x === 462) {
3898 + return React.createElement(
3899 + "div",
3900 + { className: "_3h1k _3h1m", style: { "height": 15, "width": 1209 } },
3901 + React.createElement(
3902 + "div",
3903 + { style: { "height": 15, "position": "absolute", "overflow": "hidden", "width": 1209, "transform": "translate3d(0px,0px,0)", "backfaceVisibility": "hidden" } },
3904 + React.createElement(Scrollbar151, { x: 461 })
3905 + )
3906 + );
3907 + }
3908 + };
3909 +
3910 + var FixedDataTable153 = function (props) {
3911 + if (props.x === 463) {
3912 + return React.createElement(
3913 + "div",
3914 + { className: "_3h1i _1mie", onWheel: function () {}, style: { "height": 25, "width": 1209 } },
3915 + React.createElement(
3916 + "div",
3917 + { className: "_3h1j", style: { "height": 8, "width": 1209 } },
3918 + React.createElement(FixedDataTableColumnResizeHandle140, { x: 313 }),
3919 + React.createElement(FixedDataTableRow147, { x: 335, key: "group_header" }),
3920 + React.createElement(FixedDataTableRow147, { x: 458, key: "header" }),
3921 + React.createElement(FixedDataTableBufferedRows150, { x: 459 }),
3922 + null,
3923 + undefined,
3924 + React.createElement("div", { className: "_3h1e _3h1h", style: { "top": 8 } })
3925 + ),
3926 + React.createElement(Scrollbar151, { x: 460 }),
3927 + React.createElement(HorizontalScrollbar152, { x: 462 })
3928 + );
3929 + }
3930 + };
3931 +
3932 + var TransitionTable154 = function (props) {
3933 + if (props.x === 464) {
3934 + return React.createElement(FixedDataTable153, { x: 463, ref: "fixedDataTable" });
3935 + }
3936 + };
3937 +
3938 + var AdsSelectableFixedDataTable155 = function (props) {
3939 + if (props.x === 465) {
3940 + return React.createElement(
3941 + "div",
3942 + { className: "_5hht" },
3943 + React.createElement(TransitionTable154, { x: 464 })
3944 + );
3945 + }
3946 + };
3947 +
3948 + var AdsDataTableKeyboardSupportDecorator156 = function (props) {
3949 + if (props.x === 466) {
3950 + return React.createElement(
3951 + "div",
3952 + { ref: "tableContainer", className: "_5d6f", tabIndex: "0", onKeyDown: function () {} },
3953 + React.createElement(AdsSelectableFixedDataTable155, { x: 465 })
3954 + );
3955 + }
3956 + };
3957 +
3958 + var AdsEditableDataTableDecorator157 = function (props) {
3959 + if (props.x === 467) {
3960 + return React.createElement(
3961 + "div",
3962 + { onCopy: function () {} },
3963 + React.createElement(AdsDataTableKeyboardSupportDecorator156, { x: 466, ref: "decoratedTable" })
3964 + );
3965 + }
3966 + };
3967 +
3968 + var AdsPEDataTableContainer158 = function (props) {
3969 + if (props.x === 468) {
3970 + return React.createElement(
3971 + "div",
3972 + { className: "_35l_ _1hr clearfix" },
3973 + null,
3974 + null,
3975 + null,
3976 + React.createElement(AdsEditableDataTableDecorator157, { x: 467 })
3977 + );
3978 + }
3979 + };
3980 +
3981 + var AdsPECampaignGroupTableContainer159 = function (props) {
3982 + if (props.x === 470) {
3983 + return React.createElement(ResponsiveBlock37, { x: 469 });
3984 + }
3985 + };
3986 +
3987 + var AdsPEManageAdsPaneContainer160 = function (props) {
3988 + if (props.x === 473) {
3989 + return React.createElement(
3990 + "div",
3991 + null,
3992 + React.createElement(AdsErrorBoundary10, { x: 65 }),
3993 + React.createElement(
3994 + "div",
3995 + { className: "_2uty" },
3996 + React.createElement(AdsErrorBoundary10, { x: 125 })
3997 + ),
3998 + React.createElement(
3999 + "div",
4000 + { className: "_2utx _21oc" },
4001 + React.createElement(AdsErrorBoundary10, { x: 171 }),
4002 + React.createElement(
4003 + "div",
4004 + { className: "_41tu" },
4005 + React.createElement(AdsErrorBoundary10, { x: 176 }),
4006 + React.createElement(AdsErrorBoundary10, { x: 194 })
4007 + )
4008 + ),
4009 + React.createElement(
4010 + "div",
4011 + { className: "_2utz", style: { "height": 25 } },
4012 + React.createElement(AdsErrorBoundary10, { x: 302 }),
4013 + React.createElement(
4014 + "div",
4015 + { className: "_2ut-" },
4016 + React.createElement(AdsErrorBoundary10, { x: 312 })
4017 + ),
4018 + React.createElement(
4019 + "div",
4020 + { className: "_2ut_" },
4021 + React.createElement(AdsErrorBoundary10, { x: 472 })
4022 + )
4023 + )
4024 + );
4025 + }
4026 + };
4027 +
4028 + var AdsPEContentContainer161 = function (props) {
4029 + if (props.x === 474) {
4030 + return React.createElement(AdsPEManageAdsPaneContainer160, { x: 473 });
4031 + }
4032 + };
4033 +
4034 + var FluxContainer_AdsPEWorkspaceContainer_162 = function (props) {
4035 + if (props.x === 477) {
4036 + return React.createElement(
4037 + "div",
4038 + { className: "_49wu", style: { "height": 177, "top": 43, "width": 1306 } },
4039 + React.createElement(ResponsiveBlock37, { x: 62 }),
4040 + React.createElement(AdsErrorBoundary10, { x: 476 }),
4041 + null
4042 + );
4043 + }
4044 + };
4045 +
4046 + var FluxContainer_AdsSessionExpiredDialogContainer_163 = function (props) {
4047 + if (props.x === 478) {
4048 + return null;
4049 + }
4050 + };
4051 +
4052 + var FluxContainer_AdsPEUploadDialogLazyContainer_164 = function (props) {
4053 + if (props.x === 479) {
4054 + return null;
4055 + }
4056 + };
4057 +
4058 + var FluxContainer_DialogContainer_165 = function (props) {
4059 + if (props.x === 480) {
4060 + return null;
4061 + }
4062 + };
4063 +
4064 + var AdsBugReportContainer166 = function (props) {
4065 + if (props.x === 481) {
4066 + return React.createElement("span", null);
4067 + }
4068 + };
4069 +
4070 + var AdsPEAudienceSplittingDialog167 = function (props) {
4071 + if (props.x === 482) {
4072 + return null;
4073 + }
4074 + };
4075 +
4076 + var AdsPEAudienceSplittingDialogContainer168 = function (props) {
4077 + if (props.x === 483) {
4078 + return React.createElement(
4079 + "div",
4080 + null,
4081 + React.createElement(AdsPEAudienceSplittingDialog167, { x: 482 })
4082 + );
4083 + }
4084 + };
4085 +
4086 + var FluxContainer_AdsRuleDialogBootloadContainer_169 = function (props) {
4087 + if (props.x === 484) {
4088 + return null;
4089 + }
4090 + };
4091 +
4092 + var FluxContainer_AdsPECFTrayContainer_170 = function (props) {
4093 + if (props.x === 485) {
4094 + return null;
4095 + }
4096 + };
4097 +
4098 + var FluxContainer_AdsPEDeleteDraftContainer_171 = function (props) {
4099 + if (props.x === 486) {
4100 + return null;
4101 + }
4102 + };
4103 +
4104 + var FluxContainer_AdsPEInitialDraftPublishDialogContainer_172 = function (props) {
4105 + if (props.x === 487) {
4106 + return null;
4107 + }
4108 + };
4109 +
4110 + var FluxContainer_AdsPEReachFrequencyStatusTransitionDialogBootloadContainer_173 = function (props) {
4111 + if (props.x === 488) {
4112 + return null;
4113 + }
4114 + };
4115 +
4116 + var FluxContainer_AdsPEPurgeArchiveDialogContainer_174 = function (props) {
4117 + if (props.x === 489) {
4118 + return null;
4119 + }
4120 + };
4121 +
4122 + var AdsPECreateDialogContainer175 = function (props) {
4123 + if (props.x === 490) {
4124 + return React.createElement("span", null);
4125 + }
4126 + };
4127 +
4128 + var FluxContainer_AdsPEModalStatusContainer_176 = function (props) {
4129 + if (props.x === 491) {
4130 + return null;
4131 + }
4132 + };
4133 +
4134 + var FluxContainer_AdsBrowserExtensionErrorDialogContainer_177 = function (props) {
4135 + if (props.x === 492) {
4136 + return null;
4137 + }
4138 + };
4139 +
4140 + var FluxContainer_AdsPESortByErrorTipContainer_178 = function (props) {
4141 + if (props.x === 493) {
4142 + return null;
4143 + }
4144 + };
4145 +
4146 + var LeadDownloadDialogSelector179 = function (props) {
4147 + if (props.x === 494) {
4148 + return null;
4149 + }
4150 + };
4151 +
4152 + var FluxContainer_AdsPELeadDownloadDialogContainerClass_180 = function (props) {
4153 + if (props.x === 495) {
4154 + return React.createElement(LeadDownloadDialogSelector179, { x: 494 });
4155 + }
4156 + };
4157 +
4158 + var AdsPEContainer181 = function (props) {
4159 + if (props.x === 496) {
4160 + return React.createElement(
4161 + "div",
4162 + { id: "ads_pe_container" },
4163 + React.createElement(FluxContainer_AdsPETopNavContainer_26, { x: 41 }),
4164 + null,
4165 + React.createElement(FluxContainer_AdsPEWorkspaceContainer_162, { x: 477 }),
4166 + React.createElement(FluxContainer_AdsSessionExpiredDialogContainer_163, { x: 478 }),
4167 + React.createElement(FluxContainer_AdsPEUploadDialogLazyContainer_164, { x: 479 }),
4168 + React.createElement(FluxContainer_DialogContainer_165, { x: 480 }),
4169 + React.createElement(AdsBugReportContainer166, { x: 481 }),
4170 + React.createElement(AdsPEAudienceSplittingDialogContainer168, { x: 483 }),
4171 + React.createElement(FluxContainer_AdsRuleDialogBootloadContainer_169, { x: 484 }),
4172 + React.createElement(FluxContainer_AdsPECFTrayContainer_170, { x: 485 }),
4173 + React.createElement(
4174 + "span",
4175 + null,
4176 + React.createElement(FluxContainer_AdsPEDeleteDraftContainer_171, { x: 486 }),
4177 + React.createElement(FluxContainer_AdsPEInitialDraftPublishDialogContainer_172, { x: 487 }),
4178 + React.createElement(FluxContainer_AdsPEReachFrequencyStatusTransitionDialogBootloadContainer_173, { x: 488 })
4179 + ),
4180 + React.createElement(FluxContainer_AdsPEPurgeArchiveDialogContainer_174, { x: 489 }),
4181 + React.createElement(AdsPECreateDialogContainer175, { x: 490 }),
4182 + React.createElement(FluxContainer_AdsPEModalStatusContainer_176, { x: 491 }),
4183 + React.createElement(FluxContainer_AdsBrowserExtensionErrorDialogContainer_177, { x: 492 }),
4184 + React.createElement(FluxContainer_AdsPESortByErrorTipContainer_178, { x: 493 }),
4185 + React.createElement(FluxContainer_AdsPELeadDownloadDialogContainerClass_180, { x: 495 }),
4186 + React.createElement("div", { id: "web_ads_guidance_tips" })
4187 + );
4188 + }
4189 + };
4190 +
4191 + var Benchmark = function (props) {
4192 + if (props.x === undefined) {
4193 + return React.createElement(AdsPEContainer181, { x: 496 });
4194 + }
4195 + };
4196 +
4197 + this.Benchmark = Benchmark;
4198 +})(this);
scripts/bench/bench-pe-sfc.js new
+3687
@@ -0,0 +1,3687 @@
1 +(function() {
2 +
3 +var ReactImage0 = function(props) {
4 + if (props.x === 0) {
5 + return <i alt={""} className={"_3-99 img sp_i534r85sjIn sx_538591"} src={null}></i>;
6 + }
7 + if (props.x === 15) {
8 + return <i className={"_3ut_ img sp_i534r85sjIn sx_e8ac93"} src={null} alt={""}></i>;
9 + }
10 + if (props.x === 22) {
11 + return <i alt={""} className={"_3-8_ img sp_i534r85sjIn sx_7b15bc"} src={null}></i>;
12 + }
13 + if (props.x === 29) {
14 + return <i className={"_1m1s _4540 _p img sp_i534r85sjIn sx_f40b1c"} src={null} alt={""}></i>;
15 + }
16 + if (props.x === 42) {
17 + return (
18 + <i alt={"Warning"} className={"_585p img sp_i534r85sjIn sx_20273d"} src={null}>
19 + <u>{"Warning"}</u>
20 + </i>
21 + );
22 + }
23 + if (props.x === 67) {
24 + return <i alt={""} className={"_3-8_ img sp_i534r85sjIn sx_b5d079"} src={null}></i>;
25 + }
26 + if (props.x === 70) {
27 + return <i src={null} alt={""} className={"img sp_i534r85sjIn sx_29f8c9"}></i>;
28 + }
29 + if (props.x === 76) {
30 + return <i alt={""} className={"_3-8_ img sp_i534r85sjIn sx_ef6a9c"} src={null}></i>;
31 + }
32 + if (props.x === 79) {
33 + return <i src={null} alt={""} className={"img sp_i534r85sjIn sx_6f8c43"}></i>;
34 + }
35 + if (props.x === 88) {
36 + return <i src={null} alt={""} className={"img sp_i534r85sjIn sx_e94a2d"}></i>;
37 + }
38 + if (props.x === 91) {
39 + return <i src={null} alt={""} className={"img sp_i534r85sjIn sx_7ed7d4"}></i>;
40 + }
41 + if (props.x === 94) {
42 + return <i src={null} alt={""} className={"img sp_i534r85sjIn sx_930440"}></i>;
43 + }
44 + if (props.x === 98) {
45 + return <i src={null} alt={""} className={"img sp_i534r85sjIn sx_750c83"}></i>;
46 + }
47 + if (props.x === 108) {
48 + return <i src={null} alt={""} className={"img sp_i534r85sjIn sx_73c1bb"}></i>;
49 + }
50 + if (props.x === 111) {
51 + return <i src={null} alt={""} className={"img sp_i534r85sjIn sx_29f28d"}></i>;
52 + }
53 + if (props.x === 126) {
54 + return <i src={null} alt={""} className={"_3-8_ img sp_i534r85sjIn sx_91c59e"}></i>;
55 + }
56 + if (props.x === 127) {
57 + return <i alt={""} className={"_3-99 img sp_i534r85sjIn sx_538591"} src={null}></i>;
58 + }
59 + if (props.x === 134) {
60 + return <i src={null} alt={""} className={"_3-8_ img sp_i534r85sjIn sx_c8eb75"}></i>;
61 + }
62 + if (props.x === 135) {
63 + return <i alt={""} className={"_3-99 img sp_i534r85sjIn sx_538591"} src={null}></i>;
64 + }
65 + if (props.x === 148) {
66 + return <i className={"_3yz6 _5whs img sp_i534r85sjIn sx_896996"} src={null} alt={""}></i>;
67 + }
68 + if (props.x === 152) {
69 + return <i className={"_5b5p _4gem img sp_i534r85sjIn sx_896996"} src={null} alt={""}></i>;
70 + }
71 + if (props.x === 153) {
72 + return <i className={"_541d img sp_i534r85sjIn sx_2f396a"} src={null} alt={""}></i>;
73 + }
74 + if (props.x === 160) {
75 + return <i src={null} alt={""} className={"img sp_i534r85sjIn sx_31d9b0"}></i>;
76 + }
77 + if (props.x === 177) {
78 + return <i alt={""} className={"_3-99 img sp_i534r85sjIn sx_2c18b7"} src={null}></i>;
79 + }
80 + if (props.x === 186) {
81 + return <i src={null} alt={""} className={"img sp_i534r85sjIn sx_0a681f"}></i>;
82 + }
83 + if (props.x === 195) {
84 + return <i className={"_1-lx img sp_OkER5ktbEyg sx_b369b4"} src={null} alt={""}></i>;
85 + }
86 + if (props.x === 198) {
87 + return <i className={"_1-lx img sp_i534r85sjIn sx_96948e"} src={null} alt={""}></i>;
88 + }
89 + if (props.x === 237) {
90 + return <i className={"_541d img sp_i534r85sjIn sx_2f396a"} src={null} alt={""}></i>;
91 + }
92 + if (props.x === 266) {
93 + return <i alt={""} className={"_3-99 img sp_i534r85sjIn sx_538591"} src={null}></i>;
94 + }
95 + if (props.x === 314) {
96 + return <i className={"_1cie _1cif img sp_i534r85sjIn sx_6e6820"} src={null} alt={""}></i>;
97 + }
98 + if (props.x === 345) {
99 + return <i className={"_1cie img sp_i534r85sjIn sx_e896cf"} src={null} alt={""}></i>;
100 + }
101 + if (props.x === 351) {
102 + return <i className={"_1cie img sp_i534r85sjIn sx_38fed8"} src={null} alt={""}></i>;
103 + }
104 +};
105 +
106 +var AbstractLink1 = function(props) {
107 + if (props.x === 1) {
108 + return (
109 + <a className={"_387r _55pi _2agf _4jy0 _4jy4 _517h _51sy _42ft"} style={{"width":250,"maxWidth":"250px"}} disabled={null} label={null} href={"#"} rel={undefined} onClick={function() {}}>
110 + {null}
111 + <span className={"_55pe"} style={{"maxWidth":"236px"}}>
112 + {null}
113 + <span>
114 + <span className={"_48u-"}>{"Account:"}</span>
115 + {" "}
116 + {"Dick Madanson (10149999073643408)"}
117 + </span>
118 + </span>
119 + <ReactImage0 x={0} />
120 + </a>
121 + );
122 + }
123 + if (props.x === 43) {
124 + return (
125 + <a className={"_585q _50zy _50-0 _50z- _5upp _42ft"} size={"medium"} shade={"dark"} type={null} title={"Remove"} data-hover={undefined} data-tooltip-alignh={undefined} data-tooltip-content={undefined} disabled={null} label={null} href={"#"} rel={undefined} onClick={function() {}}>
126 + {undefined}
127 + {"Remove"}
128 + {undefined}
129 + </a>
130 + );
131 + }
132 + if (props.x === 49) {
133 + return (
134 + <a target={"_blank"} href={"/ads/manage/billing.php?act=10149999073643408"} rel={undefined} onClick={function() {}}>
135 + <XUIText29 x={48} />
136 + </a>
137 + );
138 + }
139 + if (props.x === 128) {
140 + return (
141 + <a className={" _5bbf _55pi _2agf _4jy0 _4jy4 _517h _51sy _42ft"} style={{"maxWidth":"200px"}} disabled={null} label={null} href={"#"} rel={undefined} onClick={function() {}}>
142 + {null}
143 + <span className={"_55pe"} style={{"maxWidth":"186px"}}>
144 + <ReactImage0 x={126} />
145 + {"Search"}
146 + </span>
147 + <ReactImage0 x={127} />
148 + </a>
149 + );
150 + }
151 + if (props.x === 136) {
152 + return (
153 + <a className={" _5bbf _55pi _2agf _4jy0 _4jy4 _517h _51sy _42ft"} style={{"maxWidth":"200px"}} disabled={null} label={null} href={"#"} rel={undefined} onClick={function() {}}>
154 + {null}
155 + <span className={"_55pe"} style={{"maxWidth":"186px"}}>
156 + <ReactImage0 x={134} />
157 + {"Filters"}
158 + </span>
159 + <ReactImage0 x={135} />
160 + </a>
161 + );
162 + }
163 + if (props.x === 178) {
164 + return (
165 + <a className={"_1_-t _1_-v _42ft"} disabled={null} height={"medium"} role={"button"} label={null} href={"#"} rel={undefined} onClick={function() {}}>
166 + {undefined}
167 + {"Lifetime"}
168 + <ReactImage0 x={177} />
169 + </a>
170 + );
171 + }
172 + if (props.x === 207) {
173 + return <a href={"#"} rel={undefined} onClick={function() {}}>{"Create Ad Set"}</a>;
174 + }
175 + if (props.x === 209) {
176 + return <a href={"#"} rel={undefined} onClick={function() {}}>{"View Ad Set"}</a>;
177 + }
178 + if (props.x === 241) {
179 + return <a href={"#"} rel={undefined} onClick={function() {}}>{"Set a Limit"}</a>;
180 + }
181 + if (props.x === 267) {
182 + return (
183 + <a className={"_p _55pi _2agf _4jy0 _4jy3 _517h _51sy _42ft"} style={{"maxWidth":"200px"}} disabled={null} label={null} href={"#"} rel={undefined} onClick={function() {}}>
184 + {null}
185 + <span className={"_55pe"} style={{"maxWidth":"186px"}}>
186 + {null}
187 + {"Links"}
188 + </span>
189 + <ReactImage0 x={266} />
190 + </a>
191 + );
192 + }
193 +};
194 +
195 +var Link2 = function(props) {
196 + if (props.x === 2) {
197 + return <AbstractLink1 x={1} />;
198 + }
199 + if (props.x === 44) {
200 + return <AbstractLink1 x={43} />;
201 + }
202 + if (props.x === 50) {
203 + return <AbstractLink1 x={49} />;
204 + }
205 + if (props.x === 129) {
206 + return <AbstractLink1 x={128} />;
207 + }
208 + if (props.x === 137) {
209 + return <AbstractLink1 x={136} />;
210 + }
211 + if (props.x === 179) {
212 + return <AbstractLink1 x={178} />;
213 + }
214 + if (props.x === 208) {
215 + return <AbstractLink1 x={207} />;
216 + }
217 + if (props.x === 210) {
218 + return <AbstractLink1 x={209} />;
219 + }
220 + if (props.x === 242) {
221 + return <AbstractLink1 x={241} />;
222 + }
223 + if (props.x === 268) {
224 + return <AbstractLink1 x={267} />;
225 + }
226 +};
227 +
228 +var AbstractButton3 = function(props) {
229 + if (props.x === 3) {
230 + return <Link2 x={2} />;
231 + }
232 + if (props.x === 20) {
233 + return (
234 + <button className={"_5n7z _4jy0 _4jy4 _517h _51sy _42ft"} onClick={function() {}} label={null} type={"submit"} value={"1"}>
235 + {undefined}
236 + {"Discard Changes"}
237 + {undefined}
238 + </button>
239 + );
240 + }
241 + if (props.x === 23) {
242 + return (
243 + <button className={"_5n7z _2yak _4lj- _4jy0 _4jy4 _517h _51sy _42ft _42fr"} disabled={true} onClick={function() {}} data-tooltip-content={"You have no changes to publish"} data-hover={"tooltip"} label={null} type={"submit"} value={"1"}>
244 + <ReactImage0 x={22} />
245 + {"Review Changes"}
246 + {undefined}
247 + </button>
248 + );
249 + }
250 + if (props.x === 45) {
251 + return <Link2 x={44} />;
252 + }
253 + if (props.x === 68) {
254 + return (
255 + <button className={"_u_k _4jy0 _4jy4 _517h _51sy _42ft"} onClick={function() {}} label={null} type={"submit"} value={"1"}>
256 + <ReactImage0 x={67} />
257 + {"Create Campaign"}
258 + {undefined}
259 + </button>
260 + );
261 + }
262 + if (props.x === 71) {
263 + return (
264 + <button className={"_u_k _3qx6 _p _4jy0 _4jy4 _517h _51sy _42ft"} label={null} type={"submit"} value={"1"}>
265 + <ReactImage0 x={70} />
266 + {undefined}
267 + {undefined}
268 + </button>
269 + );
270 + }
271 + if (props.x === 77) {
272 + return (
273 + <button aria-label={"Edit"} data-tooltip-content={"Edit Campaigns (Ctrl+U)"} data-hover={"tooltip"} className={"_d2_ _u_k noMargin _4jy0 _4jy4 _517h _51sy _42ft"} disabled={false} onClick={function() {}} label={null} type={"submit"} value={"1"}>
274 + <ReactImage0 x={76} />
275 + {"Edit"}
276 + {undefined}
277 + </button>
278 + );
279 + }
280 + if (props.x === 80) {
281 + return (
282 + <button className={"_u_k _3qx6 _p _4jy0 _4jy4 _517h _51sy _42ft"} disabled={false} label={null} type={"submit"} value={"1"}>
283 + <ReactImage0 x={79} />
284 + {undefined}
285 + {undefined}
286 + </button>
287 + );
288 + }
289 + if (props.x === 89) {
290 + return (
291 + <button aria-label={"Revert"} className={"_u_k _4jy0 _4jy4 _517h _51sy _42ft _42fr"} data-hover={"tooltip"} data-tooltip-content={"Revert"} disabled={true} onClick={function() {}} label={null} type={"submit"} value={"1"}>
292 + <ReactImage0 x={88} />
293 + {undefined}
294 + {undefined}
295 + </button>
296 + );
297 + }
298 + if (props.x === 92) {
299 + return (
300 + <button aria-label={"Delete"} className={"_u_k _4jy0 _4jy4 _517h _51sy _42ft"} data-hover={"tooltip"} data-tooltip-content={"Delete"} disabled={false} onClick={function() {}} label={null} type={"submit"} value={"1"}>
301 + <ReactImage0 x={91} />
302 + {undefined}
303 + {undefined}
304 + </button>
305 + );
306 + }
307 + if (props.x === 95) {
308 + return (
309 + <button aria-label={"Duplicate"} className={"_u_k _4jy0 _4jy4 _517h _51sy _42ft"} data-hover={"tooltip"} data-tooltip-content={"Duplicate"} disabled={false} onClick={function() {}} label={null} type={"submit"} value={"1"}>
310 + <ReactImage0 x={94} />
311 + {undefined}
312 + {undefined}
313 + </button>
314 + );
315 + }
316 + if (props.x === 99) {
317 + return (
318 + <button aria-label={"Export & Import"} className={"_u_k noMargin _p _4jy0 _4jy4 _517h _51sy _42ft"} data-hover={"tooltip"} data-tooltip-content={"Export & Import"} onClick={function() {}} label={null} type={"submit"} value={"1"}>
319 + <ReactImage0 x={98} />
320 + {undefined}
321 + {undefined}
322 + </button>
323 + );
324 + }
325 + if (props.x === 109) {
326 + return (
327 + <button aria-label={"Create Report"} className={"_u_k _5n7z _4jy0 _4jy4 _517h _51sy _42ft"} data-hover={"tooltip"} data-tooltip-content={"Create Report"} disabled={false} style={{"boxSizing":"border-box","height":"28px","width":"48px"}} onClick={function() {}} label={null} type={"submit"} value={"1"}>
328 + <ReactImage0 x={108} />
329 + {undefined}
330 + {undefined}
331 + </button>
332 + );
333 + }
334 + if (props.x === 112) {
335 + return (
336 + <button aria-label={"Campaign Tags"} className={" _5uy7 _4jy0 _4jy4 _517h _51sy _42ft"} data-hover={"tooltip"} data-tooltip-content={"Campaign Tags"} disabled={false} haschevron={false} onClick={function() {}} label={null} type={"submit"} value={"1"}>
337 + <ReactImage0 x={111} />
338 + {undefined}
339 + {undefined}
340 + </button>
341 + );
342 + }
343 + if (props.x === 130) {
344 + return <Link2 x={129} />;
345 + }
346 + if (props.x === 138) {
347 + return <Link2 x={137} />;
348 + }
349 + if (props.x === 149) {
350 + return (
351 + <button className={"_3yz9 _1t-2 _50z- _50zy _50zz _50z- _5upp _42ft"} size={"small"} onClick={function() {}} shade={"dark"} type={"button"} title={"Remove"} data-hover={undefined} data-tooltip-alignh={undefined} data-tooltip-content={undefined} label={null}>
352 + {undefined}
353 + {"Remove"}
354 + {undefined}
355 + </button>
356 + );
357 + }
358 + if (props.x === 156) {
359 + return (
360 + <button className={"_5b5u _5b5v _4jy0 _4jy3 _517h _51sy _42ft"} onClick={function() {}} label={null} type={"submit"} value={"1"}>
361 + {undefined}
362 + {"Apply"}
363 + {undefined}
364 + </button>
365 + );
366 + }
367 + if (props.x === 161) {
368 + return (
369 + <button className={"_1wdf _4jy0 _517i _517h _51sy _42ft"} onClick={function() {}} label={null} type={"submit"} value={"1"}>
370 + <ReactImage0 x={160} />
371 + {undefined}
372 + {undefined}
373 + </button>
374 + );
375 + }
376 + if (props.x === 180) {
377 + return <Link2 x={179} />;
378 + }
379 + if (props.x === 187) {
380 + return (
381 + <button aria-label={"List Settings"} className={"_u_k _3c5o _1-r0 _4jy0 _4jy4 _517h _51sy _42ft"} data-hover={"tooltip"} data-tooltip-content={"List Settings"} onClick={function() {}} label={null} type={"submit"} value={"1"}>
382 + <ReactImage0 x={186} />
383 + {undefined}
384 + {undefined}
385 + </button>
386 + );
387 + }
388 + if (props.x === 269) {
389 + return <Link2 x={268} />;
390 + }
391 + if (props.x === 303) {
392 + return (
393 + <button className={"_tm3 _tm6 _tm7 _4jy0 _4jy6 _517h _51sy _42ft"} data-tooltip-position={"right"} data-tooltip-content={"Campaigns"} data-hover={"tooltip"} onClick={function() {}} label={null} type={"submit"} value={"1"}>
394 + {undefined}
395 + <div>
396 + <div className={"_tma"}></div>
397 + <div className={"_tm8"}></div>
398 + <div className={"_tm9"}>{1}</div>
399 + </div>
400 + {undefined}
401 + </button>
402 + );
403 + }
404 + if (props.x === 305) {
405 + return (
406 + <button className={"_tm4 _tm6 _4jy0 _4jy6 _517h _51sy _42ft"} data-tooltip-position={"right"} data-tooltip-content={"Ad Sets"} data-hover={"tooltip"} onClick={function() {}} label={null} type={"submit"} value={"1"}>
407 + {undefined}
408 + <div>
409 + <div className={"_tma"}></div>
410 + <div className={"_tm8"}></div>
411 + <div className={"_tm9"}>{1}</div>
412 + </div>
413 + {undefined}
414 + </button>
415 + );
416 + }
417 + if (props.x === 307) {
418 + return (
419 + <button className={"_tm5 _tm6 _4jy0 _4jy6 _517h _51sy _42ft"} data-tooltip-position={"right"} data-tooltip-content={"Ads"} data-hover={"tooltip"} onClick={function() {}} label={null} type={"submit"} value={"1"}>
420 + {undefined}
421 + <div>
422 + <div className={"_tma"}></div>
423 + <div className={"_tm8"}></div>
424 + <div className={"_tm9"}>{1}</div>
425 + </div>
426 + {undefined}
427 + </button>
428 + );
429 + }
430 +};
431 +
432 +var XUIButton4 = function(props) {
433 + if (props.x === 4) {
434 + return <AbstractButton3 x={3} />;
435 + }
436 + if (props.x === 21) {
437 + return <AbstractButton3 x={20} />;
438 + }
439 + if (props.x === 24) {
440 + return <AbstractButton3 x={23} />;
441 + }
442 + if (props.x === 69) {
443 + return <AbstractButton3 x={68} />;
444 + }
445 + if (props.x === 72) {
446 + return <AbstractButton3 x={71} />;
447 + }
448 + if (props.x === 78) {
449 + return <AbstractButton3 x={77} />;
450 + }
451 + if (props.x === 81) {
452 + return <AbstractButton3 x={80} />;
453 + }
454 + if (props.x === 90) {
455 + return <AbstractButton3 x={89} />;
456 + }
457 + if (props.x === 93) {
458 + return <AbstractButton3 x={92} />;
459 + }
460 + if (props.x === 96) {
461 + return <AbstractButton3 x={95} />;
462 + }
463 + if (props.x === 100) {
464 + return <AbstractButton3 x={99} />;
465 + }
466 + if (props.x === 110) {
467 + return <AbstractButton3 x={109} />;
468 + }
469 + if (props.x === 113) {
470 + return <AbstractButton3 x={112} />;
471 + }
472 + if (props.x === 131) {
473 + return <AbstractButton3 x={130} />;
474 + }
475 + if (props.x === 139) {
476 + return <AbstractButton3 x={138} />;
477 + }
478 + if (props.x === 157) {
479 + return <AbstractButton3 x={156} />;
480 + }
481 + if (props.x === 162) {
482 + return <AbstractButton3 x={161} />;
483 + }
484 + if (props.x === 188) {
485 + return <AbstractButton3 x={187} />;
486 + }
487 + if (props.x === 270) {
488 + return <AbstractButton3 x={269} />;
489 + }
490 + if (props.x === 304) {
491 + return <AbstractButton3 x={303} />;
492 + }
493 + if (props.x === 306) {
494 + return <AbstractButton3 x={305} />;
495 + }
496 + if (props.x === 308) {
497 + return <AbstractButton3 x={307} />;
498 + }
499 +};
500 +
501 +var AbstractPopoverButton5 = function(props) {
502 + if (props.x === 5) {
503 + return <XUIButton4 x={4} />;
504 + }
505 + if (props.x === 132) {
506 + return <XUIButton4 x={131} />;
507 + }
508 + if (props.x === 140) {
509 + return <XUIButton4 x={139} />;
510 + }
511 + if (props.x === 271) {
512 + return <XUIButton4 x={270} />;
513 + }
514 +};
515 +
516 +var ReactXUIPopoverButton6 = function(props) {
517 + if (props.x === 6) {
518 + return <AbstractPopoverButton5 x={5} />;
519 + }
520 + if (props.x === 133) {
521 + return <AbstractPopoverButton5 x={132} />;
522 + }
523 + if (props.x === 141) {
524 + return <AbstractPopoverButton5 x={140} />;
525 + }
526 + if (props.x === 272) {
527 + return <AbstractPopoverButton5 x={271} />;
528 + }
529 +};
530 +
531 +var BIGAdAccountSelector7 = function(props) {
532 + if (props.x === 7) {
533 + return (
534 + <div>
535 + <ReactXUIPopoverButton6 x={6} ref={"openMenuButton"} />
536 + {null}
537 + </div>
538 + );
539 + }
540 +};
541 +
542 +var FluxContainer_AdsPEBIGAdAccountSelectorContainer_8 = function(props) {
543 + if (props.x === 8) {
544 + return <BIGAdAccountSelector7 x={7} />;
545 + }
546 +};
547 +
548 +var ErrorBoundary9 = function(props) {
549 + if (props.x === 9) {
550 + return <FluxContainer_AdsPEBIGAdAccountSelectorContainer_8 x={8} />;
551 + }
552 + if (props.x === 13) {
553 + return <FluxContainer_AdsPENavigationBarContainer_12 x={12} />;
554 + }
555 + if (props.x === 27) {
556 + return <FluxContainer_AdsPEPublishButtonContainer_18 x={26} />;
557 + }
558 + if (props.x === 32) {
559 + return <ReactPopoverMenu20 x={31} />;
560 + }
561 + if (props.x === 38) {
562 + return <AdsPEResetDialog24 x={37} />;
563 + }
564 + if (props.x === 57) {
565 + return <FluxContainer_AdsPETopErrorContainer_35 x={56} />;
566 + }
567 + if (props.x === 60) {
568 + return <FluxContainer_AdsGuidanceChannel_36 x={59} />;
569 + }
570 + if (props.x === 64) {
571 + return <FluxContainer_AdsBulkEditDialogContainer_38 x={63} />;
572 + }
573 + if (props.x === 124) {
574 + return <AdsPECampaignGroupToolbarContainer57 x={123} />;
575 + }
576 + if (props.x === 170) {
577 + return <AdsPEFilterContainer72 x={169} />;
578 + }
579 + if (props.x === 175) {
580 + return <AdsPETablePagerContainer75 x={174} />;
581 + }
582 + if (props.x === 193) {
583 + return <AdsPEStatRangeContainer81 x={192} />;
584 + }
585 + if (props.x === 301) {
586 + return <FluxContainer_AdsPEMultiTabDrawerContainer_137 x={300} />;
587 + }
588 + if (props.x === 311) {
589 + return <AdsPEOrganizerContainer139 x={310} />;
590 + }
591 + if (props.x === 471) {
592 + return <AdsPECampaignGroupTableContainer159 x={470} />;
593 + }
594 + if (props.x === 475) {
595 + return <AdsPEContentContainer161 x={474} />;
596 + }
597 +};
598 +
599 +var AdsErrorBoundary10 = function(props) {
600 + if (props.x === 10) {
601 + return <ErrorBoundary9 x={9} />;
602 + }
603 + if (props.x === 14) {
604 + return <ErrorBoundary9 x={13} />;
605 + }
606 + if (props.x === 28) {
607 + return <ErrorBoundary9 x={27} />;
608 + }
609 + if (props.x === 33) {
610 + return <ErrorBoundary9 x={32} />;
611 + }
612 + if (props.x === 39) {
613 + return <ErrorBoundary9 x={38} />;
614 + }
615 + if (props.x === 58) {
616 + return <ErrorBoundary9 x={57} />;
617 + }
618 + if (props.x === 61) {
619 + return <ErrorBoundary9 x={60} />;
620 + }
621 + if (props.x === 65) {
622 + return <ErrorBoundary9 x={64} />;
623 + }
624 + if (props.x === 125) {
625 + return <ErrorBoundary9 x={124} />;
626 + }
627 + if (props.x === 171) {
628 + return <ErrorBoundary9 x={170} />;
629 + }
630 + if (props.x === 176) {
631 + return <ErrorBoundary9 x={175} />;
632 + }
633 + if (props.x === 194) {
634 + return <ErrorBoundary9 x={193} />;
635 + }
636 + if (props.x === 302) {
637 + return <ErrorBoundary9 x={301} />;
638 + }
639 + if (props.x === 312) {
640 + return <ErrorBoundary9 x={311} />;
641 + }
642 + if (props.x === 472) {
643 + return <ErrorBoundary9 x={471} />;
644 + }
645 + if (props.x === 476) {
646 + return <ErrorBoundary9 x={475} />;
647 + }
648 +};
649 +
650 +var AdsPENavigationBar11 = function(props) {
651 + if (props.x === 11) {
652 + return <div className={"_4t_9"}></div>;
653 + }
654 +};
655 +
656 +var FluxContainer_AdsPENavigationBarContainer_12 = function(props) {
657 + if (props.x === 12) {
658 + return <AdsPENavigationBar11 x={11} />;
659 + }
660 +};
661 +
662 +var AdsPEDraftSyncStatus13 = function(props) {
663 + if (props.x === 16) {
664 + return (
665 + <div className={"_3ut-"} onClick={function() {}}>
666 + <span className={"_3uu0"}>
667 + <ReactImage0 x={15} />
668 + </span>
669 + </div>
670 + );
671 + }
672 +};
673 +
674 +var FluxContainer_AdsPEDraftSyncStatusContainer_14 = function(props) {
675 + if (props.x === 17) {
676 + return <AdsPEDraftSyncStatus13 x={16} />;
677 + }
678 +};
679 +
680 +var AdsPEDraftErrorsStatus15 = function(props) {
681 + if (props.x === 18) {
682 + return null;
683 + }
684 +};
685 +
686 +var FluxContainer_viewFn_16 = function(props) {
687 + if (props.x === 19) {
688 + return <AdsPEDraftErrorsStatus15 x={18} />;
689 + }
690 +};
691 +
692 +var AdsPEPublishButton17 = function(props) {
693 + if (props.x === 25) {
694 + return (
695 + <div className={"_5533"}>
696 + <FluxContainer_AdsPEDraftSyncStatusContainer_14 x={17} />
697 + <FluxContainer_viewFn_16 x={19} />
698 + {null}
699 + <XUIButton4 x={21} key={"discard"} />
700 + <XUIButton4 x={24} ref={"reviewChangesButton"} />
701 + </div>
702 + );
703 + }
704 +};
705 +
706 +var FluxContainer_AdsPEPublishButtonContainer_18 = function(props) {
707 + if (props.x === 26) {
708 + return <AdsPEPublishButton17 x={25} />;
709 + }
710 +};
711 +
712 +var InlineBlock19 = function(props) {
713 + if (props.x === 30) {
714 + return (
715 + <div className={"uiPopover _6a _6b"} disabled={null}>
716 + <ReactImage0 x={29} key={".0"} />
717 + </div>
718 + );
719 + }
720 + if (props.x === 73) {
721 + return (
722 + <div className={"uiPopover _6a _6b"} disabled={null}>
723 + <XUIButton4 x={72} key={".0"} />
724 + </div>
725 + );
726 + }
727 + if (props.x === 82) {
728 + return (
729 + <div className={"_1nwm uiPopover _6a _6b"} disabled={null}>
730 + <XUIButton4 x={81} key={".0"} />
731 + </div>
732 + );
733 + }
734 + if (props.x === 101) {
735 + return (
736 + <div size={"large"} className={"uiPopover _6a _6b"} disabled={null}>
737 + <XUIButton4 x={100} key={".0"} />
738 + </div>
739 + );
740 + }
741 + if (props.x === 273) {
742 + return (
743 + <div className={"_3-90 uiPopover _6a _6b"} style={{"marginTop":2}} disabled={null}>
744 + <ReactXUIPopoverButton6 x={272} key={".0"} />
745 + </div>
746 + );
747 + }
748 +};
749 +
750 +var ReactPopoverMenu20 = function(props) {
751 + if (props.x === 31) {
752 + return <InlineBlock19 x={30} ref={"root"} />;
753 + }
754 + if (props.x === 74) {
755 + return <InlineBlock19 x={73} ref={"root"} />;
756 + }
757 + if (props.x === 83) {
758 + return <InlineBlock19 x={82} ref={"root"} />;
759 + }
760 + if (props.x === 102) {
761 + return <InlineBlock19 x={101} ref={"root"} />;
762 + }
763 + if (props.x === 274) {
764 + return <InlineBlock19 x={273} ref={"root"} />;
765 + }
766 +};
767 +
768 +var LeftRight21 = function(props) {
769 + if (props.x === 34) {
770 + return (
771 + <div className={"clearfix"}>
772 + <div key={"left"} className={"_ohe lfloat"}>
773 + <div className={"_34_j"}>
774 + <div className={"_34_k"}>
775 + <AdsErrorBoundary10 x={10} />
776 + </div>
777 + <div className={"_2u-6"}>
778 + <AdsErrorBoundary10 x={14} />
779 + </div>
780 + </div>
781 + </div>
782 + <div key={"right"} className={"_ohf rfloat"}>
783 + <div className={"_34_m"}>
784 + <div key={"0"} className={"_5ju2"}>
785 + <AdsErrorBoundary10 x={28} />
786 + </div>
787 + <div key={"1"} className={"_5ju2"}>
788 + <AdsErrorBoundary10 x={33} />
789 + </div>
790 + </div>
791 + </div>
792 + </div>
793 + );
794 + }
795 + if (props.x === 232) {
796 + return (
797 + <div flex={"right"} direction={"left"} className={"clearfix"}>
798 + <div key={"left"} className={"_ohe lfloat"}>
799 + <AdsLabeledField104 x={231} />
800 + </div>
801 + <div key={"right"} className={""}>
802 + <div className={"_42ef"}>
803 + <div className={"_2oc7"}>{"Clicks to Website"}</div>
804 + </div>
805 + </div>
806 + </div>
807 + );
808 + }
809 + if (props.x === 235) {
810 + return (
811 + <div className={"_3-8x clearfix"} flex={"right"} direction={"left"}>
812 + <div key={"left"} className={"_ohe lfloat"}>
813 + <AdsLabeledField104 x={234} />
814 + </div>
815 + <div key={"right"} className={""}>
816 + <div className={"_42ef"}>
817 + <div className={"_2oc7"}>{"Auction"}</div>
818 + </div>
819 + </div>
820 + </div>
821 + );
822 + }
823 + if (props.x === 245) {
824 + return (
825 + <div className={"_3-8y clearfix"} flex={"right"} direction={"left"}>
826 + <div key={"left"} className={"_ohe lfloat"}>
827 + <AdsLabeledField104 x={240} />
828 + </div>
829 + <div key={"right"} className={""}>
830 + <div className={"_42ef"}>
831 + <FluxContainer_AdsCampaignGroupSpendCapContainer_107 x={244} />
832 + </div>
833 + </div>
834 + </div>
835 + );
836 + }
837 + if (props.x === 277) {
838 + return (
839 + <div className={"_5dw9 _5dwa clearfix"}>
840 + <div key={"left"} className={"_ohe lfloat"}>
841 + <XUICardHeaderTitle100 x={265} key={".0"} />
842 + </div>
843 + <div key={"right"} className={"_ohf rfloat"}>
844 + <FluxContainer_AdsPluginizedLinksMenuContainer_121 x={276} key={".1"} />
845 + </div>
846 + </div>
847 + );
848 + }
849 +};
850 +
851 +var AdsUnifiedNavigationLocalNav22 = function(props) {
852 + if (props.x === 35) {
853 + return (
854 + <div className={"_34_i"}>
855 + <LeftRight21 x={34} />
856 + </div>
857 + );
858 + }
859 +};
860 +
861 +var XUIDialog23 = function(props) {
862 + if (props.x === 36) {
863 + return null;
864 + }
865 +};
866 +
867 +var AdsPEResetDialog24 = function(props) {
868 + if (props.x === 37) {
869 + return (
870 + <span>
871 + <XUIDialog23 x={36} key={"dialog/.0"} />
872 + </span>
873 + );
874 + }
875 +};
876 +
877 +var AdsPETopNav25 = function(props) {
878 + if (props.x === 40) {
879 + return (
880 + <div style={{"width":1306}}>
881 + <AdsUnifiedNavigationLocalNav22 x={35} />
882 + <AdsErrorBoundary10 x={39} />
883 + </div>
884 + );
885 + }
886 +};
887 +
888 +var FluxContainer_AdsPETopNavContainer_26 = function(props) {
889 + if (props.x === 41) {
890 + return <AdsPETopNav25 x={40} />;
891 + }
892 +};
893 +
894 +var XUIAbstractGlyphButton27 = function(props) {
895 + if (props.x === 46) {
896 + return <AbstractButton3 x={45} />;
897 + }
898 + if (props.x === 150) {
899 + return <AbstractButton3 x={149} />;
900 + }
901 +};
902 +
903 +var XUICloseButton28 = function(props) {
904 + if (props.x === 47) {
905 + return <XUIAbstractGlyphButton27 x={46} />;
906 + }
907 + if (props.x === 151) {
908 + return <XUIAbstractGlyphButton27 x={150} />;
909 + }
910 +};
911 +
912 +var XUIText29 = function(props) {
913 + if (props.x === 48) {
914 + return <span display={"inline"} className={" _50f7"}>{"Ads Manager"}</span>;
915 + }
916 + if (props.x === 205) {
917 + return <span className={"_2x9f _50f5 _50f7"} display={"inline"}>{"Editing Campaign"}</span>;
918 + }
919 + if (props.x === 206) {
920 + return <span display={"inline"} className={" _50f5 _50f7"}>{"Test Campaign"}</span>;
921 + }
922 +};
923 +
924 +var XUINotice30 = function(props) {
925 + if (props.x === 51) {
926 + return (
927 + <div size={"medium"} className={"_585n _585o _2wdd"}>
928 + <ReactImage0 x={42} />
929 + <XUICloseButton28 x={47} />
930 + <div className={"_585r _2i-a _50f4"}>
931 + {"Please go to "}
932 + <Link2 x={50} />
933 + {" to set up a payment method for this ad account."}
934 + </div>
935 + </div>
936 + );
937 + }
938 +};
939 +
940 +var ReactCSSTransitionGroupChild31 = function(props) {
941 + if (props.x === 52) {
942 + return <XUINotice30 x={51} />;
943 + }
944 +};
945 +
946 +var ReactTransitionGroup32 = function(props) {
947 + if (props.x === 53) {
948 + return (
949 + <span>
950 + <ReactCSSTransitionGroupChild31 x={52} key={".0"} ref={".0"} />
951 + </span>
952 + );
953 + }
954 +};
955 +
956 +var ReactCSSTransitionGroup33 = function(props) {
957 + if (props.x === 54) {
958 + return <ReactTransitionGroup32 x={53} />;
959 + }
960 +};
961 +
962 +var AdsPETopError34 = function(props) {
963 + if (props.x === 55) {
964 + return (
965 + <div className={"_2wdc"}>
966 + <ReactCSSTransitionGroup33 x={54} />
967 + </div>
968 + );
969 + }
970 +};
971 +
972 +var FluxContainer_AdsPETopErrorContainer_35 = function(props) {
973 + if (props.x === 56) {
974 + return <AdsPETopError34 x={55} />;
975 + }
976 +};
977 +
978 +var FluxContainer_AdsGuidanceChannel_36 = function(props) {
979 + if (props.x === 59) {
980 + return null;
981 + }
982 +};
983 +
984 +var ResponsiveBlock37 = function(props) {
985 + if (props.x === 62) {
986 + return (
987 + <div onResize={function() {}} className={"_4u-c"}>
988 + {[
989 + <AdsErrorBoundary10 x={58} />,
990 + <AdsErrorBoundary10 x={61} />,
991 + ]}
992 + <div key={"sensor"} className={"_4u-f"}>
993 + <iframe ref={"sensorNode"} aria-hidden={"true"} className={"_1_xb"} tabIndex={"-1"}></iframe>
994 + </div>
995 + </div>
996 + );
997 + }
998 + if (props.x === 469) {
999 + return (
1000 + <div onResize={function() {}} className={"_4u-c"}>
1001 + <AdsPEDataTableContainer158 x={468} />
1002 + <div key={"sensor"} className={"_4u-f"}>
1003 + <iframe ref={"sensorNode"} aria-hidden={"true"} className={"_1_xb"} tabIndex={"-1"}></iframe>
1004 + </div>
1005 + </div>
1006 + );
1007 + }
1008 +};
1009 +
1010 +var FluxContainer_AdsBulkEditDialogContainer_38 = function(props) {
1011 + if (props.x === 63) {
1012 + return null;
1013 + }
1014 +};
1015 +
1016 +var Column39 = function(props) {
1017 + if (props.x === 66) {
1018 + return (
1019 + <div className={"_4bl8 _4bl7"}>
1020 + <div className={"_3c5f"}>
1021 + {null}
1022 + {null}
1023 + <div className={"_3c5i"}></div>
1024 + {null}
1025 + </div>
1026 + </div>
1027 + );
1028 + }
1029 +};
1030 +
1031 +var XUIButtonGroup40 = function(props) {
1032 + if (props.x === 75) {
1033 + return (
1034 + <div className={"_5n7z _51xa"}>
1035 + <XUIButton4 x={69} />
1036 + <ReactPopoverMenu20 x={74} />
1037 + </div>
1038 + );
1039 + }
1040 + if (props.x === 84) {
1041 + return (
1042 + <div className={"_5n7z _51xa"}>
1043 + <XUIButton4 x={78} key={"edit"} />
1044 + <ReactPopoverMenu20 x={83} key={"editMenu"} />
1045 + </div>
1046 + );
1047 + }
1048 + if (props.x === 97) {
1049 + return (
1050 + <div className={"_5n7z _51xa"}>
1051 + <XUIButton4 x={90} key={"revert"} />
1052 + <XUIButton4 x={93} key={"delete"} />
1053 + <XUIButton4 x={96} key={"duplicate"} />
1054 + </div>
1055 + );
1056 + }
1057 + if (props.x === 117) {
1058 + return (
1059 + <div className={"_5n7z _51xa"}>
1060 + <AdsPEExportImportMenuContainer48 x={107} />
1061 + <XUIButton4 x={110} key={"createReport"} ref={"ads_create_report_button"} />
1062 + <AdsPECampaignGroupTagContainer51 x={116} key={"tags"} />
1063 + </div>
1064 + );
1065 + }
1066 +};
1067 +
1068 +var AdsPEEditToolbarButton41 = function(props) {
1069 + if (props.x === 85) {
1070 + return <XUIButtonGroup40 x={84} />;
1071 + }
1072 +};
1073 +
1074 +var FluxContainer_AdsPEEditCampaignGroupToolbarButtonContainer_42 = function(props) {
1075 + if (props.x === 86) {
1076 + return <AdsPEEditToolbarButton41 x={85} />;
1077 + }
1078 +};
1079 +
1080 +var FluxContainer_AdsPEEditToolbarButtonContainer_43 = function(props) {
1081 + if (props.x === 87) {
1082 + return <FluxContainer_AdsPEEditCampaignGroupToolbarButtonContainer_42 x={86} />;
1083 + }
1084 +};
1085 +
1086 +var AdsPEExportImportMenu44 = function(props) {
1087 + if (props.x === 103) {
1088 + return <ReactPopoverMenu20 x={102} key={"export"} />;
1089 + }
1090 +};
1091 +
1092 +var FluxContainer_AdsPECustomizeExportContainer_45 = function(props) {
1093 + if (props.x === 104) {
1094 + return null;
1095 + }
1096 +};
1097 +
1098 +var AdsPEExportAsTextDialog46 = function(props) {
1099 + if (props.x === 105) {
1100 + return null;
1101 + }
1102 +};
1103 +
1104 +var FluxContainer_AdsPEExportAsTextDialogContainer_47 = function(props) {
1105 + if (props.x === 106) {
1106 + return <AdsPEExportAsTextDialog46 x={105} />;
1107 + }
1108 +};
1109 +
1110 +var AdsPEExportImportMenuContainer48 = function(props) {
1111 + if (props.x === 107) {
1112 + return (
1113 + <span>
1114 + <AdsPEExportImportMenu44 x={103} />
1115 + <FluxContainer_AdsPECustomizeExportContainer_45 x={104} />
1116 + <FluxContainer_AdsPEExportAsTextDialogContainer_47 x={106} />
1117 + {null}
1118 + {null}
1119 + </span>
1120 + );
1121 + }
1122 +};
1123 +
1124 +var Constructor49 = function(props) {
1125 + if (props.x === 114) {
1126 + return null;
1127 + }
1128 + if (props.x === 142) {
1129 + return null;
1130 + }
1131 + if (props.x === 143) {
1132 + return null;
1133 + }
1134 + if (props.x === 183) {
1135 + return null;
1136 + }
1137 +};
1138 +
1139 +var TagSelectorPopover50 = function(props) {
1140 + if (props.x === 115) {
1141 + return (
1142 + <span className={" _3d6e"}>
1143 + <XUIButton4 x={113} ref={"button"} />
1144 + <Constructor49 x={114} key={"layer"} ref={"layer"} />
1145 + </span>
1146 + );
1147 + }
1148 +};
1149 +
1150 +var AdsPECampaignGroupTagContainer51 = function(props) {
1151 + if (props.x === 116) {
1152 + return <TagSelectorPopover50 x={115} key={"98010048849317"} />;
1153 + }
1154 +};
1155 +
1156 +var AdsRuleToolbarMenu52 = function(props) {
1157 + if (props.x === 118) {
1158 + return null;
1159 + }
1160 +};
1161 +
1162 +var FluxContainer_AdsPERuleToolbarMenuContainer_53 = function(props) {
1163 + if (props.x === 119) {
1164 + return <AdsRuleToolbarMenu52 x={118} />;
1165 + }
1166 +};
1167 +
1168 +var FillColumn54 = function(props) {
1169 + if (props.x === 120) {
1170 + return (
1171 + <div className={"_4bl9"}>
1172 + <span className={"_3c5e"}>
1173 + <span>
1174 + <XUIButtonGroup40 x={75} />
1175 + <FluxContainer_AdsPEEditToolbarButtonContainer_43 x={87} />
1176 + {null}
1177 + <XUIButtonGroup40 x={97} />
1178 + </span>
1179 + <XUIButtonGroup40 x={117} />
1180 + <FluxContainer_AdsPERuleToolbarMenuContainer_53 x={119} />
1181 + </span>
1182 + </div>
1183 + );
1184 + }
1185 +};
1186 +
1187 +var Layout55 = function(props) {
1188 + if (props.x === 121) {
1189 + return (
1190 + <div className={"clearfix"}>
1191 + <Column39 x={66} key={"1"} />
1192 + <FillColumn54 x={120} key={"0"} />
1193 + </div>
1194 + );
1195 + }
1196 +};
1197 +
1198 +var AdsPEMainPaneToolbar56 = function(props) {
1199 + if (props.x === 122) {
1200 + return (
1201 + <div className={"_3c5b clearfix"}>
1202 + <Layout55 x={121} />
1203 + </div>
1204 + );
1205 + }
1206 +};
1207 +
1208 +var AdsPECampaignGroupToolbarContainer57 = function(props) {
1209 + if (props.x === 123) {
1210 + return <AdsPEMainPaneToolbar56 x={122} />;
1211 + }
1212 +};
1213 +
1214 +var AdsPEFiltersPopover58 = function(props) {
1215 + if (props.x === 144) {
1216 + return (
1217 + <span className={"_5b-l _5bbe"}>
1218 + <ReactXUIPopoverButton6 x={133} ref={"searchButton"} />
1219 + <ReactXUIPopoverButton6 x={141} ref={"filterButton"} />
1220 + {[
1221 + <Constructor49 x={142} key={"filterMenu/.0"} />,
1222 + <Constructor49 x={143} key={"searchMenu/.0"} />,
1223 + ]}
1224 + </span>
1225 + );
1226 + }
1227 +};
1228 +
1229 +var AbstractCheckboxInput59 = function(props) {
1230 + if (props.x === 145) {
1231 + return (
1232 + <label className={"uiInputLabelInput _55sg _kv1"}>
1233 + <input checked={true} disabled={true} name={"filterUnpublished"} value={"on"} onClick={function() {}} className={null} id={"js_input_label_21"} type={"checkbox"}></input>
1234 + <span data-hover={null} data-tooltip-content={undefined}></span>
1235 + </label>
1236 + );
1237 + }
1238 + if (props.x === 336) {
1239 + return (
1240 + <label className={"_4h2r _55sg _kv1"}>
1241 + <input checked={undefined} onChange={function() {}} className={null} type={"checkbox"}></input>
1242 + <span data-hover={null} data-tooltip-content={undefined}></span>
1243 + </label>
1244 + );
1245 + }
1246 +};
1247 +
1248 +var XUICheckboxInput60 = function(props) {
1249 + if (props.x === 146) {
1250 + return <AbstractCheckboxInput59 x={145} />;
1251 + }
1252 + if (props.x === 337) {
1253 + return <AbstractCheckboxInput59 x={336} />;
1254 + }
1255 +};
1256 +
1257 +var InputLabel61 = function(props) {
1258 + if (props.x === 147) {
1259 + return (
1260 + <div display={"block"} className={"uiInputLabel clearfix"}>
1261 + <XUICheckboxInput60 x={146} />
1262 + <label className={"uiInputLabelLabel"} htmlFor={"js_input_label_21"}>{"Always show new items"}</label>
1263 + </div>
1264 + );
1265 + }
1266 +};
1267 +
1268 +var AdsPopoverLink62 = function(props) {
1269 + if (props.x === 154) {
1270 + return (
1271 + <span>
1272 + <span ref={"tipIcon"} onMouseEnter={function() {}} onMouseLeave={function() {}} onMouseUp={undefined}>
1273 + <span className={"_3o_j"}></span>
1274 + <ReactImage0 x={153} />
1275 + </span>
1276 + {null}
1277 + </span>
1278 + );
1279 + }
1280 + if (props.x === 238) {
1281 + return (
1282 + <span>
1283 + <span ref={"tipIcon"} onMouseEnter={function() {}} onMouseLeave={function() {}} onMouseUp={undefined}>
1284 + <span className={"_3o_j"}></span>
1285 + <ReactImage0 x={237} />
1286 + </span>
1287 + {null}
1288 + </span>
1289 + );
1290 + }
1291 +};
1292 +
1293 +var AdsHelpLink63 = function(props) {
1294 + if (props.x === 155) {
1295 + return <AdsPopoverLink62 x={154} />;
1296 + }
1297 + if (props.x === 239) {
1298 + return <AdsPopoverLink62 x={238} />;
1299 + }
1300 +};
1301 +
1302 +var BUIFilterTokenInput64 = function(props) {
1303 + if (props.x === 158) {
1304 + return (
1305 + <div className={"_5b5o _3yz3 _4cld"}>
1306 + <div className={"_5b5t _2d2k"}>
1307 + <ReactImage0 x={152} />
1308 + <div className={"_5b5r"}>
1309 + {"Campaigns: (1)"}
1310 + <AdsHelpLink63 x={155} />
1311 + </div>
1312 + </div>
1313 + <XUIButton4 x={157} />
1314 + </div>
1315 + );
1316 + }
1317 +};
1318 +
1319 +var BUIFilterToken65 = function(props) {
1320 + if (props.x === 159) {
1321 + return (
1322 + <div className={"_3yz1 _3yz2 _3dad"}>
1323 + <div ref={"filterToken"} className={"_3yz4"} aria-hidden={false}>
1324 + <div onClick={function() {}} className={"_3yz5"}>
1325 + <ReactImage0 x={148} />
1326 + <div className={"_3yz7"}>{"Campaigns:"}</div>
1327 + <div className={"ellipsis _3yz8"} data-hover={"tooltip"} data-tooltip-display={"overflow"}>{"(1)"}</div>
1328 + </div>
1329 + {null}
1330 + <XUICloseButton28 x={151} />
1331 + </div>
1332 + <BUIFilterTokenInput64 x={158} ref={"filterTokenInput"} />
1333 + </div>
1334 + );
1335 + }
1336 +};
1337 +
1338 +var BUIFilterTokenCreateButton66 = function(props) {
1339 + if (props.x === 163) {
1340 + return (
1341 + <div className={"_1tc"}>
1342 + <XUIButton4 x={162} />
1343 + </div>
1344 + );
1345 + }
1346 +};
1347 +
1348 +var BUIFilterTokenizer67 = function(props) {
1349 + if (props.x === 164) {
1350 + return (
1351 + <div className={"_5b-m clearfix"}>
1352 + {undefined}
1353 + {[]}
1354 + <BUIFilterToken65 x={159} key={"token0"} />
1355 + <BUIFilterTokenCreateButton66 x={163} />
1356 + {null}
1357 + <div className={"_49u3"}></div>
1358 + </div>
1359 + );
1360 + }
1361 +};
1362 +
1363 +var XUIAmbientNUX68 = function(props) {
1364 + if (props.x === 165) {
1365 + return null;
1366 + }
1367 + if (props.x === 189) {
1368 + return null;
1369 + }
1370 + if (props.x === 200) {
1371 + return null;
1372 + }
1373 +};
1374 +
1375 +var XUIAmbientNUX69 = function(props) {
1376 + if (props.x === 166) {
1377 + return <XUIAmbientNUX68 x={165} />;
1378 + }
1379 + if (props.x === 190) {
1380 + return <XUIAmbientNUX68 x={189} />;
1381 + }
1382 + if (props.x === 201) {
1383 + return <XUIAmbientNUX68 x={200} />;
1384 + }
1385 +};
1386 +
1387 +var AdsPEAmbientNUXMegaphone70 = function(props) {
1388 + if (props.x === 167) {
1389 + return (
1390 + <span>
1391 + <span ref={"mainChild"}></span>
1392 + <XUIAmbientNUX69 x={166} key={"nux"} />
1393 + </span>
1394 + );
1395 + }
1396 +};
1397 +
1398 +var AdsPEFilters71 = function(props) {
1399 + if (props.x === 168) {
1400 + return (
1401 + <div className={"_4rw_"}>
1402 + <AdsPEFiltersPopover58 x={144} />
1403 + <div className={"_1eo"}>
1404 + <InputLabel61 x={147} />
1405 + </div>
1406 + <BUIFilterTokenizer67 x={164} />
1407 + {""}
1408 + <AdsPEAmbientNUXMegaphone70 x={167} />
1409 + </div>
1410 + );
1411 + }
1412 +};
1413 +
1414 +var AdsPEFilterContainer72 = function(props) {
1415 + if (props.x === 169) {
1416 + return <AdsPEFilters71 x={168} />;
1417 + }
1418 +};
1419 +
1420 +var AdsPETablePager73 = function(props) {
1421 + if (props.x === 172) {
1422 + return null;
1423 + }
1424 +};
1425 +
1426 +var AdsPECampaignGroupTablePagerContainer74 = function(props) {
1427 + if (props.x === 173) {
1428 + return <AdsPETablePager73 x={172} />;
1429 + }
1430 +};
1431 +
1432 +var AdsPETablePagerContainer75 = function(props) {
1433 + if (props.x === 174) {
1434 + return <AdsPECampaignGroupTablePagerContainer74 x={173} />;
1435 + }
1436 +};
1437 +
1438 +var ReactXUIError76 = function(props) {
1439 + if (props.x === 181) {
1440 + return <AbstractButton3 x={180} />;
1441 + }
1442 + if (props.x === 216) {
1443 + return (
1444 + <div className={"_40bf _2vl4 _1h18"}>
1445 + {null}
1446 + {null}
1447 + <div className={"_2vl9 _1h1f"} style={{"backgroundColor":"#fff"}}>
1448 + <div className={"_2vla _1h1g"}>
1449 + <div>
1450 + {null}
1451 + <textarea ref={"input"} className={"_2vli _2vlj _1h26 _1h27"} dir={"auto"} disabled={undefined} id={undefined} maxLength={null} value={"Test Campaign"} onBlur={function() {}} onChange={function() {}} onFocus={function() {}} onKeyDown={function() {}}></textarea>
1452 + {null}
1453 + </div>
1454 + <div ref={"shadowText"} aria-hidden={"true"} className={"_2vlk"}></div>
1455 + </div>
1456 + </div>
1457 + {null}
1458 + </div>
1459 + );
1460 + }
1461 + if (props.x === 221) {
1462 + return <XUICard94 x={220} />;
1463 + }
1464 + if (props.x === 250) {
1465 + return <XUICard94 x={249} />;
1466 + }
1467 + if (props.x === 280) {
1468 + return <XUICard94 x={279} />;
1469 + }
1470 +};
1471 +
1472 +var BUIPopoverButton77 = function(props) {
1473 + if (props.x === 182) {
1474 + return <ReactXUIError76 x={181} />;
1475 + }
1476 +};
1477 +
1478 +var BUIDateRangePicker78 = function(props) {
1479 + if (props.x === 184) {
1480 + return (
1481 + <span>
1482 + <BUIPopoverButton77 x={182} ref={function() {}} />
1483 + {[
1484 + <Constructor49 x={183} key={"layer/.0"} />,
1485 + ]}
1486 + </span>
1487 + );
1488 + }
1489 +};
1490 +
1491 +var AdsPEStatsRangePicker79 = function(props) {
1492 + if (props.x === 185) {
1493 + return <BUIDateRangePicker78 x={184} />;
1494 + }
1495 +};
1496 +
1497 +var AdsPEStatRange80 = function(props) {
1498 + if (props.x === 191) {
1499 + return (
1500 + <div className={"_3c5k"}>
1501 + <span className={"_3c5j"}>{"Stats:"}</span>
1502 + <span className={"_3c5l"}>
1503 + <AdsPEStatsRangePicker79 x={185} />
1504 + <XUIButton4 x={188} key={"settings"} ref={"PE_TABLE_LIST_SETTING"} />
1505 + </span>
1506 + {[
1507 + <XUIAmbientNUX69 x={190} key={"roasNUX/.0"} />,
1508 + ]}
1509 + </div>
1510 + );
1511 + }
1512 +};
1513 +
1514 +var AdsPEStatRangeContainer81 = function(props) {
1515 + if (props.x === 192) {
1516 + return <AdsPEStatRange80 x={191} />;
1517 + }
1518 +};
1519 +
1520 +var AdsPESideTrayTabButton82 = function(props) {
1521 + if (props.x === 196) {
1522 + return (
1523 + <div className={"_1-ly _59j9 _d9a"} onClick={function() {}}>
1524 + <ReactImage0 x={195} />
1525 + <div className={"_vf7"}></div>
1526 + <div className={"_vf8"}></div>
1527 + </div>
1528 + );
1529 + }
1530 + if (props.x === 199) {
1531 + return (
1532 + <div className={" _1-lz _d9a"} onClick={function() {}}>
1533 + <ReactImage0 x={198} />
1534 + <div className={"_vf7"}></div>
1535 + <div className={"_vf8"}></div>
1536 + </div>
1537 + );
1538 + }
1539 + if (props.x === 203) {
1540 + return null;
1541 + }
1542 +};
1543 +
1544 +var AdsPEEditorTrayTabButton83 = function(props) {
1545 + if (props.x === 197) {
1546 + return <AdsPESideTrayTabButton82 x={196} />;
1547 + }
1548 +};
1549 +
1550 +var AdsPEInsightsTrayTabButton84 = function(props) {
1551 + if (props.x === 202) {
1552 + return (
1553 + <span>
1554 + <AdsPESideTrayTabButton82 x={199} ref={"PE_INSIGHTS_TAB_ICON"} />
1555 + <XUIAmbientNUX69 x={201} key={"roasNUX"} />
1556 + </span>
1557 + );
1558 + }
1559 +};
1560 +
1561 +var AdsPENekoDebuggerTrayTabButton85 = function(props) {
1562 + if (props.x === 204) {
1563 + return <AdsPESideTrayTabButton82 x={203} />;
1564 + }
1565 +};
1566 +
1567 +var AdsPEEditorChildLink86 = function(props) {
1568 + if (props.x === 211) {
1569 + return (
1570 + <div className={"_3ywr"}>
1571 + <Link2 x={208} />
1572 + <span className={"_3ywq"}>{"|"}</span>
1573 + <Link2 x={210} />
1574 + </div>
1575 + );
1576 + }
1577 +};
1578 +
1579 +var AdsPEEditorChildLinkContainer87 = function(props) {
1580 + if (props.x === 212) {
1581 + return <AdsPEEditorChildLink86 x={211} />;
1582 + }
1583 +};
1584 +
1585 +var AdsPEHeaderSection88 = function(props) {
1586 + if (props.x === 213) {
1587 + return (
1588 + <div className={"_yke"}>
1589 + <div className={"_2x9d _pr-"}></div>
1590 + <XUIText29 x={205} />
1591 + <div className={"_3a-a"}>
1592 + <div className={"_3a-b"}>
1593 + <XUIText29 x={206} />
1594 + </div>
1595 + </div>
1596 + <AdsPEEditorChildLinkContainer87 x={212} />
1597 + </div>
1598 + );
1599 + }
1600 +};
1601 +
1602 +var AdsPECampaignGroupHeaderSectionContainer89 = function(props) {
1603 + if (props.x === 214) {
1604 + return <AdsPEHeaderSection88 x={213} />;
1605 + }
1606 +};
1607 +
1608 +var AdsEditorLoadingErrors90 = function(props) {
1609 + if (props.x === 215) {
1610 + return null;
1611 + }
1612 +};
1613 +
1614 +var AdsTextInput91 = function(props) {
1615 + if (props.x === 217) {
1616 + return <ReactXUIError76 x={216} />;
1617 + }
1618 +};
1619 +
1620 +var BUIFormElement92 = function(props) {
1621 + if (props.x === 218) {
1622 + return (
1623 + <div className={"_5521 clearfix"}>
1624 + <div className={"_5522 _3w5q"}>
1625 + <label onClick={undefined} htmlFor={"1467872040612:1961945894"} className={"_5523 _3w5r"}>
1626 + {"Campaign Name"}
1627 + {null}
1628 + </label>
1629 + </div>
1630 + <div className={"_5527"}>
1631 + <div className={"_5528"}>
1632 + <span key={".0"} className={"_40bg"} density={"snug"} labelPosition={"left"} id={"1467872040612:1961945894"}>
1633 + <AdsTextInput91 x={217} key={"nameEditor98010048849317"} ref={"nameTextInput"} />
1634 + {null}
1635 + </span>
1636 + </div>
1637 + {null}
1638 + </div>
1639 + </div>
1640 + );
1641 + }
1642 +};
1643 +
1644 +var BUIForm93 = function(props) {
1645 + if (props.x === 219) {
1646 + return (
1647 + <div className={"_5ks1 _550r _550t _550y _3w5n"}>
1648 + <BUIFormElement92 x={218} key={".0"} />
1649 + </div>
1650 + );
1651 + }
1652 +};
1653 +
1654 +var XUICard94 = function(props) {
1655 + if (props.x === 220) {
1656 + return (
1657 + <div className={"_40bc _12k2 _4-u2 _4-u8"} xuiErrorPosition={"above"} background={"white"}>
1658 + <BUIForm93 x={219} />
1659 + </div>
1660 + );
1661 + }
1662 + if (props.x === 249) {
1663 + return (
1664 + <div xuiErrorPosition={"above"} className={"_12k2 _4-u2 _4-u8"} background={"white"}>
1665 + <AdsCardHeader103 x={230} />
1666 + <AdsCardSection108 x={248} />
1667 + </div>
1668 + );
1669 + }
1670 + if (props.x === 279) {
1671 + return (
1672 + <div xuiErrorPosition={"above"} className={"_12k2 _4-u2 _4-u8"} background={"white"}>
1673 + <AdsCardLeftRightHeader122 x={278} />
1674 + </div>
1675 + );
1676 + }
1677 +};
1678 +
1679 +var AdsCard95 = function(props) {
1680 + if (props.x === 222) {
1681 + return <ReactXUIError76 x={221} />;
1682 + }
1683 + if (props.x === 251) {
1684 + return <ReactXUIError76 x={250} />;
1685 + }
1686 + if (props.x === 281) {
1687 + return <ReactXUIError76 x={280} />;
1688 + }
1689 +};
1690 +
1691 +var AdsEditorNameSection96 = function(props) {
1692 + if (props.x === 223) {
1693 + return <AdsCard95 x={222} />;
1694 + }
1695 +};
1696 +
1697 +var AdsCampaignGroupNameSectionContainer97 = function(props) {
1698 + if (props.x === 224) {
1699 + return <AdsEditorNameSection96 x={223} key={"nameSection98010048849317"} />;
1700 + }
1701 +};
1702 +
1703 +var _render98 = function(props) {
1704 + if (props.x === 225) {
1705 + return <AdsCampaignGroupNameSectionContainer97 x={224} />;
1706 + }
1707 +};
1708 +
1709 +var AdsPluginWrapper99 = function(props) {
1710 + if (props.x === 226) {
1711 + return <_render98 x={225} />;
1712 + }
1713 + if (props.x === 255) {
1714 + return <_render111 x={254} />;
1715 + }
1716 + if (props.x === 258) {
1717 + return <_render113 x={257} />;
1718 + }
1719 + if (props.x === 287) {
1720 + return <_render127 x={286} />;
1721 + }
1722 + if (props.x === 291) {
1723 + return <_render130 x={290} />;
1724 + }
1725 +};
1726 +
1727 +var XUICardHeaderTitle100 = function(props) {
1728 + if (props.x === 227) {
1729 + return (
1730 + <span itemComponent={"span"} className={"_38my"}>
1731 + {"Campaign Details"}
1732 + {null}
1733 + <span className={"_c1c"}></span>
1734 + </span>
1735 + );
1736 + }
1737 + if (props.x === 265) {
1738 + return (
1739 + <span itemComponent={"span"} className={"_38my"}>
1740 + {[
1741 + <span>
1742 + {"Campaign ID"}
1743 + {": "}
1744 + {"98010048849317"}
1745 + </span>,
1746 + <div className={"_5lh9"}>
1747 + <FluxContainer_AdsCampaignGroupStatusSwitchContainer_119 x={264} />
1748 + </div>,
1749 + ]}
1750 + {null}
1751 + <span className={"_c1c"}></span>
1752 + </span>
1753 + );
1754 + }
1755 +};
1756 +
1757 +var XUICardSection101 = function(props) {
1758 + if (props.x === 228) {
1759 + return (
1760 + <div className={"_5dw9 _5dwa _4-u3"} background={"transparent"}>
1761 + {[
1762 + <XUICardHeaderTitle100 x={227} key={".0"} />,
1763 + ]}
1764 + {undefined}
1765 + {undefined}
1766 + <div className={"_3s3-"}></div>
1767 + </div>
1768 + );
1769 + }
1770 + if (props.x === 247) {
1771 + return (
1772 + <div className={"_12jy _4-u3"} background={"transparent"}>
1773 + <div className={"_3-8j"}>
1774 + <FlexibleBlock105 x={233} />
1775 + <FlexibleBlock105 x={236} />
1776 + <FlexibleBlock105 x={246} />
1777 + {null}
1778 + {null}
1779 + </div>
1780 + </div>
1781 + );
1782 + }
1783 +};
1784 +
1785 +var XUICardHeader102 = function(props) {
1786 + if (props.x === 229) {
1787 + return <XUICardSection101 x={228} />;
1788 + }
1789 +};
1790 +
1791 +var AdsCardHeader103 = function(props) {
1792 + if (props.x === 230) {
1793 + return <XUICardHeader102 x={229} />;
1794 + }
1795 +};
1796 +
1797 +var AdsLabeledField104 = function(props) {
1798 + if (props.x === 231) {
1799 + return (
1800 + <div className={"_2oc6 _3bvz"} label={"Objective"} labelSize={"small"} optionalText={"(optional)"}>
1801 + <label className={"_4el4 _3qwj _3hy-"} htmlFor={undefined}>{"Objective "}</label>
1802 + {null}
1803 + <div className={"_3bv-"}></div>
1804 + </div>
1805 + );
1806 + }
1807 + if (props.x === 234) {
1808 + return (
1809 + <div className={"_2oc6 _3bvz"} label={"Buying Type"} labelSize={"small"} optionalText={"(optional)"}>
1810 + <label className={"_4el4 _3qwj _3hy-"} htmlFor={undefined}>{"Buying Type "}</label>
1811 + {null}
1812 + <div className={"_3bv-"}></div>
1813 + </div>
1814 + );
1815 + }
1816 + if (props.x === 240) {
1817 + return (
1818 + <div className={"_2oc6 _3bvz"} helpText={"Set an overall spending limit for your ad campaign. This means your ad sets in the campaign will stop once you've reached your spending limit."} label={"Campaign Spending Limit"} labelSize={"small"} optionalText={"(optional)"}>
1819 + <label className={"_4el4 _3qwj _3hy-"} htmlFor={undefined}>{"Campaign Spending Limit "}</label>
1820 + <AdsHelpLink63 x={239} />
1821 + <div className={"_3bv-"}></div>
1822 + </div>
1823 + );
1824 + }
1825 +};
1826 +
1827 +var FlexibleBlock105 = function(props) {
1828 + if (props.x === 233) {
1829 + return <LeftRight21 x={232} />;
1830 + }
1831 + if (props.x === 236) {
1832 + return <LeftRight21 x={235} />;
1833 + }
1834 + if (props.x === 246) {
1835 + return <LeftRight21 x={245} />;
1836 + }
1837 +};
1838 +
1839 +var AdsBulkCampaignSpendCapField106 = function(props) {
1840 + if (props.x === 243) {
1841 + return (
1842 + <div className={"_33dv"}>
1843 + {""}
1844 + <Link2 x={242} />
1845 + {" (optional)"}
1846 + </div>
1847 + );
1848 + }
1849 +};
1850 +
1851 +var FluxContainer_AdsCampaignGroupSpendCapContainer_107 = function(props) {
1852 + if (props.x === 244) {
1853 + return <AdsBulkCampaignSpendCapField106 x={243} />;
1854 + }
1855 +};
1856 +
1857 +var AdsCardSection108 = function(props) {
1858 + if (props.x === 248) {
1859 + return <XUICardSection101 x={247} />;
1860 + }
1861 +};
1862 +
1863 +var AdsEditorCampaignGroupDetailsSection109 = function(props) {
1864 + if (props.x === 252) {
1865 + return <AdsCard95 x={251} />;
1866 + }
1867 +};
1868 +
1869 +var AdsEditorCampaignGroupDetailsSectionContainer110 = function(props) {
1870 + if (props.x === 253) {
1871 + return <AdsEditorCampaignGroupDetailsSection109 x={252} key={"campaignGroupDetailsSection98010048849317"} />;
1872 + }
1873 +};
1874 +
1875 +var _render111 = function(props) {
1876 + if (props.x === 254) {
1877 + return <AdsEditorCampaignGroupDetailsSectionContainer110 x={253} />;
1878 + }
1879 +};
1880 +
1881 +var FluxContainer_AdsEditorToplineDetailsSectionContainer_112 = function(props) {
1882 + if (props.x === 256) {
1883 + return null;
1884 + }
1885 +};
1886 +
1887 +var _render113 = function(props) {
1888 + if (props.x === 257) {
1889 + return <FluxContainer_AdsEditorToplineDetailsSectionContainer_112 x={256} />;
1890 + }
1891 +};
1892 +
1893 +var AdsStickyArea114 = function(props) {
1894 + if (props.x === 259) {
1895 + return (
1896 + <div inContainingBlock={true}>
1897 + <div ref={"sticky"} onWheel={function() {}}></div>
1898 + </div>
1899 + );
1900 + }
1901 + if (props.x === 292) {
1902 + return (
1903 + <div inContainingBlock={true}>
1904 + <div ref={"sticky"} onWheel={function() {}}>
1905 + {[
1906 + <div key={"campaign_group_errors_section98010048849317"}>
1907 + <AdsPluginWrapper99 x={291} />
1908 + </div>,
1909 + ]}
1910 + </div>
1911 + </div>
1912 + );
1913 + }
1914 +};
1915 +
1916 +var FluxContainer_AdsEditorColumnContainer_115 = function(props) {
1917 + if (props.x === 260) {
1918 + return (
1919 + <div>
1920 + {[
1921 + <div key={"campaign_group_name_section98010048849317"}>
1922 + <AdsPluginWrapper99 x={226} />
1923 + </div>,
1924 + <div key={"campaign_group_basic_section98010048849317"}>
1925 + <AdsPluginWrapper99 x={255} />
1926 + </div>,
1927 + <div key={"campaign_group_topline_section98010048849317"}>
1928 + <AdsPluginWrapper99 x={258} />
1929 + </div>,
1930 + ]}
1931 + <AdsStickyArea114 x={259} />
1932 + </div>
1933 + );
1934 + }
1935 + if (props.x === 293) {
1936 + return (
1937 + <div>
1938 + {[
1939 + <div key={"campaign_group_navigation_section98010048849317"}>
1940 + <AdsPluginWrapper99 x={287} />
1941 + </div>,
1942 + ]}
1943 + <AdsStickyArea114 x={292} />
1944 + </div>
1945 + );
1946 + }
1947 +};
1948 +
1949 +var BUISwitch116 = function(props) {
1950 + if (props.x === 261) {
1951 + return (
1952 + <div data-hover={"tooltip"} data-tooltip-content={"Currently active. Click this switch to deactivate it."} data-tooltip-position={"below"} disabled={false} value={true} onToggle={function() {}} animate={true} className={"_128j _128k _128n"} role={"checkbox"} aria-checked={"true"}>
1953 + <div className={"_128o"} onClick={function() {}} onKeyDown={function() {}} onMouseDown={function() {}} tabIndex={"0"}>
1954 + <div className={"_128p"}></div>
1955 + </div>
1956 + {null}
1957 + </div>
1958 + );
1959 + }
1960 +};
1961 +
1962 +var AdsStatusSwitchInternal117 = function(props) {
1963 + if (props.x === 262) {
1964 + return <BUISwitch116 x={261} />;
1965 + }
1966 +};
1967 +
1968 +var AdsStatusSwitch118 = function(props) {
1969 + if (props.x === 263) {
1970 + return <AdsStatusSwitchInternal117 x={262} />;
1971 + }
1972 +};
1973 +
1974 +var FluxContainer_AdsCampaignGroupStatusSwitchContainer_119 = function(props) {
1975 + if (props.x === 264) {
1976 + return <AdsStatusSwitch118 x={263} key={"status98010048849317"} />;
1977 + }
1978 +};
1979 +
1980 +var AdsLinksMenu120 = function(props) {
1981 + if (props.x === 275) {
1982 + return <ReactPopoverMenu20 x={274} />;
1983 + }
1984 +};
1985 +
1986 +var FluxContainer_AdsPluginizedLinksMenuContainer_121 = function(props) {
1987 + if (props.x === 276) {
1988 + return (
1989 + <div>
1990 + {null}
1991 + <AdsLinksMenu120 x={275} />
1992 + </div>
1993 + );
1994 + }
1995 +};
1996 +
1997 +var AdsCardLeftRightHeader122 = function(props) {
1998 + if (props.x === 278) {
1999 + return <LeftRight21 x={277} />;
2000 + }
2001 +};
2002 +
2003 +var AdsPEIDSection123 = function(props) {
2004 + if (props.x === 282) {
2005 + return <AdsCard95 x={281} />;
2006 + }
2007 +};
2008 +
2009 +var FluxContainer_AdsPECampaignGroupIDSectionContainer_124 = function(props) {
2010 + if (props.x === 283) {
2011 + return <AdsPEIDSection123 x={282} />;
2012 + }
2013 +};
2014 +
2015 +var DeferredComponent125 = function(props) {
2016 + if (props.x === 284) {
2017 + return <FluxContainer_AdsPECampaignGroupIDSectionContainer_124 x={283} />;
2018 + }
2019 +};
2020 +
2021 +var BootloadedComponent126 = function(props) {
2022 + if (props.x === 285) {
2023 + return <DeferredComponent125 x={284} />;
2024 + }
2025 +};
2026 +
2027 +var _render127 = function(props) {
2028 + if (props.x === 286) {
2029 + return <BootloadedComponent126 x={285} />;
2030 + }
2031 +};
2032 +
2033 +var AdsEditorErrorsCard128 = function(props) {
2034 + if (props.x === 288) {
2035 + return null;
2036 + }
2037 +};
2038 +
2039 +var FluxContainer_FunctionalContainer_129 = function(props) {
2040 + if (props.x === 289) {
2041 + return <AdsEditorErrorsCard128 x={288} />;
2042 + }
2043 +};
2044 +
2045 +var _render130 = function(props) {
2046 + if (props.x === 290) {
2047 + return <FluxContainer_FunctionalContainer_129 x={289} />;
2048 + }
2049 +};
2050 +
2051 +var AdsEditorMultiColumnLayout131 = function(props) {
2052 + if (props.x === 294) {
2053 + return (
2054 + <div className={"_psh"}>
2055 + <div className={"_3cc0"}>
2056 + <div>
2057 + <AdsEditorLoadingErrors90 x={215} key={".0"} />
2058 + <div className={"_3ms3"}>
2059 + <div className={"_3ms4"}>
2060 + <FluxContainer_AdsEditorColumnContainer_115 x={260} key={".1"} />
2061 + </div>
2062 + <div className={"_3pvg"}>
2063 + <FluxContainer_AdsEditorColumnContainer_115 x={293} key={".2"} />
2064 + </div>
2065 + </div>
2066 + </div>
2067 + </div>
2068 + </div>
2069 + );
2070 + }
2071 +};
2072 +
2073 +var AdsPECampaignGroupEditor132 = function(props) {
2074 + if (props.x === 295) {
2075 + return (
2076 + <div>
2077 + <AdsPECampaignGroupHeaderSectionContainer89 x={214} />
2078 + <AdsEditorMultiColumnLayout131 x={294} />
2079 + </div>
2080 + );
2081 + }
2082 +};
2083 +
2084 +var AdsPECampaignGroupEditorContainer133 = function(props) {
2085 + if (props.x === 296) {
2086 + return <AdsPECampaignGroupEditor132 x={295} />;
2087 + }
2088 +};
2089 +
2090 +var AdsPESideTrayTabContent134 = function(props) {
2091 + if (props.x === 297) {
2092 + return (
2093 + <div className={"_1o_8 _44ra _5cyn"}>
2094 + <AdsPECampaignGroupEditorContainer133 x={296} />
2095 + </div>
2096 + );
2097 + }
2098 +};
2099 +
2100 +var AdsPEEditorTrayTabContentContainer135 = function(props) {
2101 + if (props.x === 298) {
2102 + return <AdsPESideTrayTabContent134 x={297} />;
2103 + }
2104 +};
2105 +
2106 +var AdsPEMultiTabDrawer136 = function(props) {
2107 + if (props.x === 299) {
2108 + return (
2109 + <div className={"_2kev _2kex"}>
2110 + <div className={"_5yno"}>
2111 + <AdsPEEditorTrayTabButton83 x={197} key={"editor_tray_button"} />
2112 + <AdsPEInsightsTrayTabButton84 x={202} key={"insights_tray_button"} />
2113 + <AdsPENekoDebuggerTrayTabButton85 x={204} key={"neko_debugger_tray_button"} />
2114 + </div>
2115 + <div className={"_5ynn"}>
2116 + <AdsPEEditorTrayTabContentContainer135 x={298} key={"EDITOR_DRAWER"} />
2117 + {null}
2118 + </div>
2119 + </div>
2120 + );
2121 + }
2122 +};
2123 +
2124 +var FluxContainer_AdsPEMultiTabDrawerContainer_137 = function(props) {
2125 + if (props.x === 300) {
2126 + return <AdsPEMultiTabDrawer136 x={299} />;
2127 + }
2128 +};
2129 +
2130 +var AdsPESimpleOrganizer138 = function(props) {
2131 + if (props.x === 309) {
2132 + return (
2133 + <div className={"_tm2"}>
2134 + <XUIButton4 x={304} />
2135 + <XUIButton4 x={306} />
2136 + <XUIButton4 x={308} />
2137 + </div>
2138 + );
2139 + }
2140 +};
2141 +
2142 +var AdsPEOrganizerContainer139 = function(props) {
2143 + if (props.x === 310) {
2144 + return (
2145 + <div>
2146 + <AdsPESimpleOrganizer138 x={309} />
2147 + </div>
2148 + );
2149 + }
2150 +};
2151 +
2152 +var FixedDataTableColumnResizeHandle140 = function(props) {
2153 + if (props.x === 313) {
2154 + return (
2155 + <div className={"_3487 _3488 _3489"} style={{"width":0,"height":25,"left":0}}>
2156 + <div className={"_348a"} style={{"height":25}}></div>
2157 + </div>
2158 + );
2159 + }
2160 +};
2161 +
2162 +var AdsPETableHeader141 = function(props) {
2163 + if (props.x === 315) {
2164 + return (
2165 + <div className={"_1cig _1ksv _1vd7 _4h2r"} id={undefined}>
2166 + <ReactImage0 x={314} />
2167 + <span className={"_1cid"}>{"Campaigns"}</span>
2168 + </div>
2169 + );
2170 + }
2171 + if (props.x === 320) {
2172 + return (
2173 + <div className={"_1cig _1vd7 _4h2r"} id={undefined}>
2174 + {null}
2175 + <span className={"_1cid"}>{"Performance"}</span>
2176 + </div>
2177 + );
2178 + }
2179 + if (props.x === 323) {
2180 + return (
2181 + <div className={"_1cig _1vd7 _4h2r"} id={undefined}>
2182 + {null}
2183 + <span className={"_1cid"}>{"Overview"}</span>
2184 + </div>
2185 + );
2186 + }
2187 + if (props.x === 326) {
2188 + return (
2189 + <div className={"_1cig _1vd7 _4h2r"} id={undefined}>
2190 + {null}
2191 + <span className={"_1cid"}>{"Toplines"}</span>
2192 + </div>
2193 + );
2194 + }
2195 + if (props.x === 329) {
2196 + return <div className={"_1cig _1vd7 _4h2r"} id={undefined}></div>;
2197 + }
2198 + if (props.x === 340) {
2199 + return (
2200 + <div className={"_1cig _25fg"} id={undefined}>
2201 + {null}
2202 + <span className={"_1cid"}>{"Campaign Name"}</span>
2203 + </div>
2204 + );
2205 + }
2206 + if (props.x === 346) {
2207 + return (
2208 + <div className={"_1cig _25fg"} id={undefined} data-tooltip-content={"Changed"} data-hover={"tooltip"}>
2209 + <ReactImage0 x={345} />
2210 + {null}
2211 + </div>
2212 + );
2213 + }
2214 + if (props.x === 352) {
2215 + return (
2216 + <div className={"_1cig _25fg"} id={"ads_pe_table_error_header"} data-tooltip-content={"Errors"} data-hover={"tooltip"}>
2217 + <ReactImage0 x={351} />
2218 + {null}
2219 + </div>
2220 + );
2221 + }
2222 + if (props.x === 357) {
2223 + return (
2224 + <div className={"_1cig _25fg"} id={undefined}>
2225 + {null}
2226 + <span className={"_1cid"}>{"Status"}</span>
2227 + </div>
2228 + );
2229 + }
2230 + if (props.x === 362) {
2231 + return (
2232 + <div className={"_1cig _25fg"} id={undefined}>
2233 + {null}
2234 + <span className={"_1cid"}>{"Delivery"}</span>
2235 + </div>
2236 + );
2237 + }
2238 + if (props.x === 369) {
2239 + return (
2240 + <div className={"_1cig _25fg"} id={undefined}>
2241 + {null}
2242 + <span className={"_1cid"}>{"Results"}</span>
2243 + </div>
2244 + );
2245 + }
2246 + if (props.x === 374) {
2247 + return (
2248 + <div className={"_1cig _25fg"} id={undefined}>
2249 + {null}
2250 + <span className={"_1cid"}>{"Cost"}</span>
2251 + </div>
2252 + );
2253 + }
2254 + if (props.x === 379) {
2255 + return (
2256 + <div className={"_1cig _25fg"} id={undefined}>
2257 + {null}
2258 + <span className={"_1cid"}>{"Reach"}</span>
2259 + </div>
2260 + );
2261 + }
2262 + if (props.x === 384) {
2263 + return (
2264 + <div className={"_1cig _25fg"} id={undefined}>
2265 + {null}
2266 + <span className={"_1cid"}>{"Impressions"}</span>
2267 + </div>
2268 + );
2269 + }
2270 + if (props.x === 389) {
2271 + return (
2272 + <div className={"_1cig _25fg"} id={undefined}>
2273 + {null}
2274 + <span className={"_1cid"}>{"Clicks"}</span>
2275 + </div>
2276 + );
2277 + }
2278 + if (props.x === 394) {
2279 + return (
2280 + <div className={"_1cig _25fg"} id={undefined}>
2281 + {null}
2282 + <span className={"_1cid"}>{"Avg. CPM"}</span>
2283 + </div>
2284 + );
2285 + }
2286 + if (props.x === 399) {
2287 + return (
2288 + <div className={"_1cig _25fg"} id={undefined}>
2289 + {null}
2290 + <span className={"_1cid"}>{"Avg. CPC"}</span>
2291 + </div>
2292 + );
2293 + }
2294 + if (props.x === 404) {
2295 + return (
2296 + <div className={"_1cig _25fg"} id={undefined}>
2297 + {null}
2298 + <span className={"_1cid"}>{"CTR %"}</span>
2299 + </div>
2300 + );
2301 + }
2302 + if (props.x === 409) {
2303 + return (
2304 + <div className={"_1cig _25fg"} id={undefined}>
2305 + {null}
2306 + <span className={"_1cid"}>{"Spent"}</span>
2307 + </div>
2308 + );
2309 + }
2310 + if (props.x === 414) {
2311 + return (
2312 + <div className={"_1cig _25fg"} id={undefined}>
2313 + {null}
2314 + <span className={"_1cid"}>{"Objective"}</span>
2315 + </div>
2316 + );
2317 + }
2318 + if (props.x === 419) {
2319 + return (
2320 + <div className={"_1cig _25fg"} id={undefined}>
2321 + {null}
2322 + <span className={"_1cid"}>{"Buying Type"}</span>
2323 + </div>
2324 + );
2325 + }
2326 + if (props.x === 424) {
2327 + return (
2328 + <div className={"_1cig _25fg"} id={undefined}>
2329 + {null}
2330 + <span className={"_1cid"}>{"Campaign ID"}</span>
2331 + </div>
2332 + );
2333 + }
2334 + if (props.x === 429) {
2335 + return (
2336 + <div className={"_1cig _25fg"} id={undefined}>
2337 + {null}
2338 + <span className={"_1cid"}>{"Start"}</span>
2339 + </div>
2340 + );
2341 + }
2342 + if (props.x === 434) {
2343 + return (
2344 + <div className={"_1cig _25fg"} id={undefined}>
2345 + {null}
2346 + <span className={"_1cid"}>{"End"}</span>
2347 + </div>
2348 + );
2349 + }
2350 + if (props.x === 439) {
2351 + return (
2352 + <div className={"_1cig _25fg"} id={undefined}>
2353 + {null}
2354 + <span className={"_1cid"}>{"Date created"}</span>
2355 + </div>
2356 + );
2357 + }
2358 + if (props.x === 444) {
2359 + return (
2360 + <div className={"_1cig _25fg"} id={undefined}>
2361 + {null}
2362 + <span className={"_1cid"}>{"Date last edited"}</span>
2363 + </div>
2364 + );
2365 + }
2366 + if (props.x === 449) {
2367 + return (
2368 + <div className={"_1cig _25fg _4h2r"} id={undefined}>
2369 + {null}
2370 + <span className={"_1cid"}>{"Tags"}</span>
2371 + </div>
2372 + );
2373 + }
2374 + if (props.x === 452) {
2375 + return <div className={"_1cig _25fg _4h2r"} id={undefined}></div>;
2376 + }
2377 +};
2378 +
2379 +var TransitionCell142 = function(props) {
2380 + if (props.x === 316) {
2381 + return (
2382 + <div isHeaderCell={true} label={"Campaigns"} dataKey={0} groupHeaderRenderer={function() {}} groupHeaderLabels={{}} groupHeaderData={{}} columnKey={undefined} height={40} width={721} rowIndex={0} className={"_4lgc _4h2u"} style={{"height":40,"width":721}}>
2383 + <div className={"_4lgd _4h2w"}>
2384 + <div className={"_4lge _4h2x"}>
2385 + <AdsPETableHeader141 x={315} />
2386 + </div>
2387 + </div>
2388 + </div>
2389 + );
2390 + }
2391 + if (props.x === 321) {
2392 + return (
2393 + <div isHeaderCell={true} label={"Performance"} dataKey={1} groupHeaderRenderer={function() {}} groupHeaderLabels={{}} groupHeaderData={{}} columnKey={undefined} height={40} width={798} rowIndex={0} className={"_4lgc _4h2u"} style={{"height":40,"width":798}}>
2394 + <div className={"_4lgd _4h2w"}>
2395 + <div className={"_4lge _4h2x"}>
2396 + <AdsPETableHeader141 x={320} />
2397 + </div>
2398 + </div>
2399 + </div>
2400 + );
2401 + }
2402 + if (props.x === 324) {
2403 + return (
2404 + <div isHeaderCell={true} label={"Overview"} dataKey={2} groupHeaderRenderer={function() {}} groupHeaderLabels={{}} groupHeaderData={{}} columnKey={undefined} height={40} width={1022} rowIndex={0} className={"_4lgc _4h2u"} style={{"height":40,"width":1022}}>
2405 + <div className={"_4lgd _4h2w"}>
2406 + <div className={"_4lge _4h2x"}>
2407 + <AdsPETableHeader141 x={323} />
2408 + </div>
2409 + </div>
2410 + </div>
2411 + );
2412 + }
2413 + if (props.x === 327) {
2414 + return (
2415 + <div isHeaderCell={true} label={"Toplines"} dataKey={3} groupHeaderRenderer={function() {}} groupHeaderLabels={{}} groupHeaderData={{}} columnKey={undefined} height={40} width={0} rowIndex={0} className={"_4lgc _4h2u"} style={{"height":40,"width":0}}>
2416 + <div className={"_4lgd _4h2w"}>
2417 + <div className={"_4lge _4h2x"}>
2418 + <AdsPETableHeader141 x={326} />
2419 + </div>
2420 + </div>
2421 + </div>
2422 + );
2423 + }
2424 + if (props.x === 330) {
2425 + return (
2426 + <div isHeaderCell={true} label={""} dataKey={4} groupHeaderRenderer={function() {}} groupHeaderLabels={{}} groupHeaderData={{}} columnKey={undefined} height={40} width={25} rowIndex={0} className={"_4lgc _4h2u"} style={{"height":40,"width":25}}>
2427 + <div className={"_4lgd _4h2w"}>
2428 + <div className={"_4lge _4h2x"}>
2429 + <AdsPETableHeader141 x={329} />
2430 + </div>
2431 + </div>
2432 + </div>
2433 + );
2434 + }
2435 + if (props.x === 338) {
2436 + return (
2437 + <div isHeaderCell={true} label={undefined} width={42} dataKey={"common.id"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"common.id"} height={25} style={{"height":25,"width":42}}>
2438 + <div className={"_4lgd _4h2w"}>
2439 + <div className={"_4lge _4h2x"}>
2440 + <XUICheckboxInput60 x={337} />
2441 + </div>
2442 + </div>
2443 + </div>
2444 + );
2445 + }
2446 + if (props.x === 343) {
2447 + return (
2448 + <div isHeaderCell={true} label={"Campaign Name"} width={400} dataKey={"campaignGroup.name"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"campaignGroup.name"} height={25} style={{"height":25,"width":400}}>
2449 + <div className={"_4lgd _4h2w"}>
2450 + <div className={"_4lge _4h2x"}>
2451 + <FixedDataTableSortableHeader149 x={342} />
2452 + </div>
2453 + </div>
2454 + </div>
2455 + );
2456 + }
2457 + if (props.x === 349) {
2458 + return (
2459 + <div isHeaderCell={true} label={undefined} width={33} dataKey={"edit_status"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"edit_status"} height={25} style={{"height":25,"width":33}}>
2460 + <div className={"_4lgd _4h2w"}>
2461 + <div className={"_4lge _4h2x"}>
2462 + <FixedDataTableSortableHeader149 x={348} />
2463 + </div>
2464 + </div>
2465 + </div>
2466 + );
2467 + }
2468 + if (props.x === 355) {
2469 + return (
2470 + <div isHeaderCell={true} label={undefined} width={36} dataKey={"errors"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"errors"} height={25} style={{"height":25,"width":36}}>
2471 + <div className={"_4lgd _4h2w"}>
2472 + <div className={"_4lge _4h2x"}>
2473 + <FixedDataTableSortableHeader149 x={354} />
2474 + </div>
2475 + </div>
2476 + </div>
2477 + );
2478 + }
2479 + if (props.x === 360) {
2480 + return (
2481 + <div isHeaderCell={true} label={"Status"} width={60} dataKey={"campaignGroup.status"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"campaignGroup.status"} height={25} style={{"height":25,"width":60}}>
2482 + <div className={"_4lgd _4h2w"}>
2483 + <div className={"_4lge _4h2x"}>
2484 + <FixedDataTableSortableHeader149 x={359} />
2485 + </div>
2486 + </div>
2487 + </div>
2488 + );
2489 + }
2490 + if (props.x === 365) {
2491 + return (
2492 + <div isHeaderCell={true} label={"Delivery"} width={150} dataKey={"derivedCampaignGroup.activity_status"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"derivedCampaignGroup.activity_status"} height={25} style={{"height":25,"width":150}}>
2493 + <div className={"_4lgd _4h2w"}>
2494 + <div className={"_4lge _4h2x"}>
2495 + <FixedDataTableSortableHeader149 x={364} />
2496 + </div>
2497 + </div>
2498 + </div>
2499 + );
2500 + }
2501 + if (props.x === 372) {
2502 + return (
2503 + <div isHeaderCell={true} label={"Results"} width={140} dataKey={"stats.actions"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"stats.actions"} height={25} style={{"height":25,"width":140}}>
2504 + <div className={"_4lgd _4h2w"}>
2505 + <div className={"_4lge _4h2x"}>
2506 + <FixedDataTableSortableHeader149 x={371} />
2507 + </div>
2508 + </div>
2509 + </div>
2510 + );
2511 + }
2512 + if (props.x === 377) {
2513 + return (
2514 + <div isHeaderCell={true} label={"Cost"} width={140} dataKey={"stats.cpa"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"stats.cpa"} height={25} style={{"height":25,"width":140}}>
2515 + <div className={"_4lgd _4h2w"}>
2516 + <div className={"_4lge _4h2x"}>
2517 + <FixedDataTableSortableHeader149 x={376} />
2518 + </div>
2519 + </div>
2520 + </div>
2521 + );
2522 + }
2523 + if (props.x === 382) {
2524 + return (
2525 + <div isHeaderCell={true} label={"Reach"} width={80} dataKey={"stats.unique_impressions"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"stats.unique_impressions"} height={25} style={{"height":25,"width":80}}>
2526 + <div className={"_4lgd _4h2w"}>
2527 + <div className={"_4lge _4h2x"}>
2528 + <FixedDataTableSortableHeader149 x={381} />
2529 + </div>
2530 + </div>
2531 + </div>
2532 + );
2533 + }
2534 + if (props.x === 387) {
2535 + return (
2536 + <div isHeaderCell={true} label={"Impressions"} width={80} dataKey={"stats.impressions"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"stats.impressions"} height={25} style={{"height":25,"width":80}}>
2537 + <div className={"_4lgd _4h2w"}>
2538 + <div className={"_4lge _4h2x"}>
2539 + <FixedDataTableSortableHeader149 x={386} />
2540 + </div>
2541 + </div>
2542 + </div>
2543 + );
2544 + }
2545 + if (props.x === 392) {
2546 + return (
2547 + <div isHeaderCell={true} label={"Clicks"} width={60} dataKey={"stats.clicks"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"stats.clicks"} height={25} style={{"height":25,"width":60}}>
2548 + <div className={"_4lgd _4h2w"}>
2549 + <div className={"_4lge _4h2x"}>
2550 + <FixedDataTableSortableHeader149 x={391} />
2551 + </div>
2552 + </div>
2553 + </div>
2554 + );
2555 + }
2556 + if (props.x === 397) {
2557 + return (
2558 + <div isHeaderCell={true} label={"Avg. CPM"} width={80} dataKey={"stats.avg_cpm"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"stats.avg_cpm"} height={25} style={{"height":25,"width":80}}>
2559 + <div className={"_4lgd _4h2w"}>
2560 + <div className={"_4lge _4h2x"}>
2561 + <FixedDataTableSortableHeader149 x={396} />
2562 + </div>
2563 + </div>
2564 + </div>
2565 + );
2566 + }
2567 + if (props.x === 402) {
2568 + return (
2569 + <div isHeaderCell={true} label={"Avg. CPC"} width={78} dataKey={"stats.avg_cpc"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"stats.avg_cpc"} height={25} style={{"height":25,"width":78}}>
2570 + <div className={"_4lgd _4h2w"}>
2571 + <div className={"_4lge _4h2x"}>
2572 + <FixedDataTableSortableHeader149 x={401} />
2573 + </div>
2574 + </div>
2575 + </div>
2576 + );
2577 + }
2578 + if (props.x === 407) {
2579 + return (
2580 + <div isHeaderCell={true} label={"CTR %"} width={70} dataKey={"stats.ctr"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"stats.ctr"} height={25} style={{"height":25,"width":70}}>
2581 + <div className={"_4lgd _4h2w"}>
2582 + <div className={"_4lge _4h2x"}>
2583 + <FixedDataTableSortableHeader149 x={406} />
2584 + </div>
2585 + </div>
2586 + </div>
2587 + );
2588 + }
2589 + if (props.x === 412) {
2590 + return (
2591 + <div isHeaderCell={true} label={"Spent"} width={70} dataKey={"stats.spent_100"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"stats.spent_100"} height={25} style={{"height":25,"width":70}}>
2592 + <div className={"_4lgd _4h2w"}>
2593 + <div className={"_4lge _4h2x"}>
2594 + <FixedDataTableSortableHeader149 x={411} />
2595 + </div>
2596 + </div>
2597 + </div>
2598 + );
2599 + }
2600 + if (props.x === 417) {
2601 + return (
2602 + <div isHeaderCell={true} label={"Objective"} width={200} dataKey={"campaignGroup.objective"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"campaignGroup.objective"} height={25} style={{"height":25,"width":200}}>
2603 + <div className={"_4lgd _4h2w"}>
2604 + <div className={"_4lge _4h2x"}>
2605 + <FixedDataTableSortableHeader149 x={416} />
2606 + </div>
2607 + </div>
2608 + </div>
2609 + );
2610 + }
2611 + if (props.x === 422) {
2612 + return (
2613 + <div isHeaderCell={true} label={"Buying Type"} width={100} dataKey={"campaignGroup.buying_type"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"campaignGroup.buying_type"} height={25} style={{"height":25,"width":100}}>
2614 + <div className={"_4lgd _4h2w"}>
2615 + <div className={"_4lge _4h2x"}>
2616 + <FixedDataTableSortableHeader149 x={421} />
2617 + </div>
2618 + </div>
2619 + </div>
2620 + );
2621 + }
2622 + if (props.x === 427) {
2623 + return (
2624 + <div isHeaderCell={true} label={"Campaign ID"} width={120} dataKey={"campaignGroup.id"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"campaignGroup.id"} height={25} style={{"height":25,"width":120}}>
2625 + <div className={"_4lgd _4h2w"}>
2626 + <div className={"_4lge _4h2x"}>
2627 + <FixedDataTableSortableHeader149 x={426} />
2628 + </div>
2629 + </div>
2630 + </div>
2631 + );
2632 + }
2633 + if (props.x === 432) {
2634 + return (
2635 + <div isHeaderCell={true} label={"Start"} width={113} dataKey={"derivedCampaignGroup.startDate"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"derivedCampaignGroup.startDate"} height={25} style={{"height":25,"width":113}}>
2636 + <div className={"_4lgd _4h2w"}>
2637 + <div className={"_4lge _4h2x"}>
2638 + <FixedDataTableSortableHeader149 x={431} />
2639 + </div>
2640 + </div>
2641 + </div>
2642 + );
2643 + }
2644 + if (props.x === 437) {
2645 + return (
2646 + <div isHeaderCell={true} label={"End"} width={113} dataKey={"derivedCampaignGroup.stopDate"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"derivedCampaignGroup.stopDate"} height={25} style={{"height":25,"width":113}}>
2647 + <div className={"_4lgd _4h2w"}>
2648 + <div className={"_4lge _4h2x"}>
2649 + <FixedDataTableSortableHeader149 x={436} />
2650 + </div>
2651 + </div>
2652 + </div>
2653 + );
2654 + }
2655 + if (props.x === 442) {
2656 + return (
2657 + <div isHeaderCell={true} label={"Date created"} width={113} dataKey={"derivedCampaignGroup.createdDate"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"derivedCampaignGroup.createdDate"} height={25} style={{"height":25,"width":113}}>
2658 + <div className={"_4lgd _4h2w"}>
2659 + <div className={"_4lge _4h2x"}>
2660 + <FixedDataTableSortableHeader149 x={441} />
2661 + </div>
2662 + </div>
2663 + </div>
2664 + );
2665 + }
2666 + if (props.x === 447) {
2667 + return (
2668 + <div isHeaderCell={true} label={"Date last edited"} width={113} dataKey={"derivedCampaignGroup.updatedDate"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"derivedCampaignGroup.updatedDate"} height={25} style={{"height":25,"width":113}}>
2669 + <div className={"_4lgd _4h2w"}>
2670 + <div className={"_4lge _4h2x"}>
2671 + <FixedDataTableSortableHeader149 x={446} />
2672 + </div>
2673 + </div>
2674 + </div>
2675 + );
2676 + }
2677 + if (props.x === 450) {
2678 + return (
2679 + <div isHeaderCell={true} label={"Tags"} width={150} dataKey={"labels"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"labels"} height={25} style={{"height":25,"width":150}}>
2680 + <div className={"_4lgd _4h2w"}>
2681 + <div className={"_4lge _4h2x"}>
2682 + <AdsPETableHeader141 x={449} />
2683 + </div>
2684 + </div>
2685 + </div>
2686 + );
2687 + }
2688 + if (props.x === 453) {
2689 + return (
2690 + <div isHeaderCell={true} label={""} width={25} dataKey={"scrollbar_spacer"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"scrollbar_spacer"} height={25} style={{"height":25,"width":25}}>
2691 + <div className={"_4lgd _4h2w"}>
2692 + <div className={"_4lge _4h2x"}>
2693 + <AdsPETableHeader141 x={452} />
2694 + </div>
2695 + </div>
2696 + </div>
2697 + );
2698 + }
2699 +};
2700 +
2701 +var FixedDataTableCell143 = function(props) {
2702 + if (props.x === 317) {
2703 + return (
2704 + <div className={"_4lg0 _4h2m"} style={{"height":40,"width":721,"left":0}}>
2705 + {undefined}
2706 + <TransitionCell142 x={316} />
2707 + </div>
2708 + );
2709 + }
2710 + if (props.x === 322) {
2711 + return (
2712 + <div className={"_4lg0 _4h2m"} style={{"height":40,"width":798,"left":0}}>
2713 + {undefined}
2714 + <TransitionCell142 x={321} />
2715 + </div>
2716 + );
2717 + }
2718 + if (props.x === 325) {
2719 + return (
2720 + <div className={"_4lg0 _4h2m"} style={{"height":40,"width":1022,"left":798}}>
2721 + {undefined}
2722 + <TransitionCell142 x={324} />
2723 + </div>
2724 + );
2725 + }
2726 + if (props.x === 328) {
2727 + return (
2728 + <div className={"_4lg0 _4h2m"} style={{"height":40,"width":0,"left":1820}}>
2729 + {undefined}
2730 + <TransitionCell142 x={327} />
2731 + </div>
2732 + );
2733 + }
2734 + if (props.x === 331) {
2735 + return (
2736 + <div className={"_4lg0 _4h2m"} style={{"height":40,"width":25,"left":1820}}>
2737 + {undefined}
2738 + <TransitionCell142 x={330} />
2739 + </div>
2740 + );
2741 + }
2742 + if (props.x === 339) {
2743 + return (
2744 + <div className={"_4lg0 _4lg6 _4h2m"} style={{"height":25,"width":42,"left":0}}>
2745 + {undefined}
2746 + <TransitionCell142 x={338} />
2747 + </div>
2748 + );
2749 + }
2750 + if (props.x === 344) {
2751 + return (
2752 + <div className={"_4lg0 _4h2m"} style={{"height":25,"width":400,"left":42}}>
2753 + <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
2754 + <div className={"_4lga _4lgb"} style={{"height":25}}></div>
2755 + </div>
2756 + <TransitionCell142 x={343} />
2757 + </div>
2758 + );
2759 + }
2760 + if (props.x === 350) {
2761 + return (
2762 + <div className={"_4lg0 _4h2m"} style={{"height":25,"width":33,"left":442}}>
2763 + {undefined}
2764 + <TransitionCell142 x={349} />
2765 + </div>
2766 + );
2767 + }
2768 + if (props.x === 356) {
2769 + return (
2770 + <div className={"_4lg0 _4h2m"} style={{"height":25,"width":36,"left":475}}>
2771 + {undefined}
2772 + <TransitionCell142 x={355} />
2773 + </div>
2774 + );
2775 + }
2776 + if (props.x === 361) {
2777 + return (
2778 + <div className={"_4lg0 _4h2m"} style={{"height":25,"width":60,"left":511}}>
2779 + {undefined}
2780 + <TransitionCell142 x={360} />
2781 + </div>
2782 + );
2783 + }
2784 + if (props.x === 366) {
2785 + return (
2786 + <div className={"_4lg0 _4h2m"} style={{"height":25,"width":150,"left":571}}>
2787 + <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
2788 + <div className={"_4lga _4lgb"} style={{"height":25}}></div>
2789 + </div>
2790 + <TransitionCell142 x={365} />
2791 + </div>
2792 + );
2793 + }
2794 + if (props.x === 373) {
2795 + return (
2796 + <div className={"_4lg0 _4lg5 _4h2p _4h2m"} style={{"height":25,"width":140,"left":0}}>
2797 + <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
2798 + <div className={"_4lga _4lgb"} style={{"height":25}}></div>
2799 + </div>
2800 + <TransitionCell142 x={372} />
2801 + </div>
2802 + );
2803 + }
2804 + if (props.x === 378) {
2805 + return (
2806 + <div className={"_4lg0 _4lg5 _4h2p _4h2m"} style={{"height":25,"width":140,"left":140}}>
2807 + <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
2808 + <div className={"_4lga _4lgb"} style={{"height":25}}></div>
2809 + </div>
2810 + <TransitionCell142 x={377} />
2811 + </div>
2812 + );
2813 + }
2814 + if (props.x === 383) {
2815 + return (
2816 + <div className={"_4lg0 _4lg5 _4h2p _4h2m"} style={{"height":25,"width":80,"left":280}}>
2817 + <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
2818 + <div className={"_4lga _4lgb"} style={{"height":25}}></div>
2819 + </div>
2820 + <TransitionCell142 x={382} />
2821 + </div>
2822 + );
2823 + }
2824 + if (props.x === 388) {
2825 + return (
2826 + <div className={"_4lg0 _4lg5 _4h2p _4h2m"} style={{"height":25,"width":80,"left":360}}>
2827 + <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
2828 + <div className={"_4lga _4lgb"} style={{"height":25}}></div>
2829 + </div>
2830 + <TransitionCell142 x={387} />
2831 + </div>
2832 + );
2833 + }
2834 + if (props.x === 393) {
2835 + return (
2836 + <div className={"_4lg0 _4lg5 _4h2p _4h2m"} style={{"height":25,"width":60,"left":440}}>
2837 + <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
2838 + <div className={"_4lga _4lgb"} style={{"height":25}}></div>
2839 + </div>
2840 + <TransitionCell142 x={392} />
2841 + </div>
2842 + );
2843 + }
2844 + if (props.x === 398) {
2845 + return (
2846 + <div className={"_4lg0 _4lg5 _4h2p _4h2m"} style={{"height":25,"width":80,"left":500}}>
2847 + <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
2848 + <div className={"_4lga _4lgb"} style={{"height":25}}></div>
2849 + </div>
2850 + <TransitionCell142 x={397} />
2851 + </div>
2852 + );
2853 + }
2854 + if (props.x === 403) {
2855 + return (
2856 + <div className={"_4lg0 _4lg5 _4h2p _4h2m"} style={{"height":25,"width":78,"left":580}}>
2857 + <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
2858 + <div className={"_4lga _4lgb"} style={{"height":25}}></div>
2859 + </div>
2860 + <TransitionCell142 x={402} />
2861 + </div>
2862 + );
2863 + }
2864 + if (props.x === 408) {
2865 + return (
2866 + <div className={"_4lg0 _4lg5 _4h2p _4h2m"} style={{"height":25,"width":70,"left":658}}>
2867 + <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
2868 + <div className={"_4lga _4lgb"} style={{"height":25}}></div>
2869 + </div>
2870 + <TransitionCell142 x={407} />
2871 + </div>
2872 + );
2873 + }
2874 + if (props.x === 413) {
2875 + return (
2876 + <div className={"_4lg0 _4lg5 _4h2p _4h2m"} style={{"height":25,"width":70,"left":728}}>
2877 + <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
2878 + <div className={"_4lga _4lgb"} style={{"height":25}}></div>
2879 + </div>
2880 + <TransitionCell142 x={412} />
2881 + </div>
2882 + );
2883 + }
2884 + if (props.x === 418) {
2885 + return (
2886 + <div className={"_4lg0 _4h2m"} style={{"height":25,"width":200,"left":798}}>
2887 + <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
2888 + <div className={"_4lga _4lgb"} style={{"height":25}}></div>
2889 + </div>
2890 + <TransitionCell142 x={417} />
2891 + </div>
2892 + );
2893 + }
2894 + if (props.x === 423) {
2895 + return (
2896 + <div className={"_4lg0 _4h2m"} style={{"height":25,"width":100,"left":998}}>
2897 + <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
2898 + <div className={"_4lga _4lgb"} style={{"height":25}}></div>
2899 + </div>
2900 + <TransitionCell142 x={422} />
2901 + </div>
2902 + );
2903 + }
2904 + if (props.x === 428) {
2905 + return (
2906 + <div className={"_4lg0 _4h2m"} style={{"height":25,"width":120,"left":1098}}>
2907 + <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
2908 + <div className={"_4lga _4lgb"} style={{"height":25}}></div>
2909 + </div>
2910 + <TransitionCell142 x={427} />
2911 + </div>
2912 + );
2913 + }
2914 + if (props.x === 433) {
2915 + return (
2916 + <div className={"_4lg0 _4h2m"} style={{"height":25,"width":113,"left":1218}}>
2917 + <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
2918 + <div className={"_4lga _4lgb"} style={{"height":25}}></div>
2919 + </div>
2920 + <TransitionCell142 x={432} />
2921 + </div>
2922 + );
2923 + }
2924 + if (props.x === 438) {
2925 + return (
2926 + <div className={"_4lg0 _4h2m"} style={{"height":25,"width":113,"left":1331}}>
2927 + <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
2928 + <div className={"_4lga _4lgb"} style={{"height":25}}></div>
2929 + </div>
2930 + <TransitionCell142 x={437} />
2931 + </div>
2932 + );
2933 + }
2934 + if (props.x === 443) {
2935 + return (
2936 + <div className={"_4lg0 _4h2m"} style={{"height":25,"width":113,"left":1444}}>
2937 + <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
2938 + <div className={"_4lga _4lgb"} style={{"height":25}}></div>
2939 + </div>
2940 + <TransitionCell142 x={442} />
2941 + </div>
2942 + );
2943 + }
2944 + if (props.x === 448) {
2945 + return (
2946 + <div className={"_4lg0 _4h2m"} style={{"height":25,"width":113,"left":1557}}>
2947 + <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
2948 + <div className={"_4lga _4lgb"} style={{"height":25}}></div>
2949 + </div>
2950 + <TransitionCell142 x={447} />
2951 + </div>
2952 + );
2953 + }
2954 + if (props.x === 451) {
2955 + return (
2956 + <div className={"_4lg0 _4h2m"} style={{"height":25,"width":150,"left":1670}}>
2957 + <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
2958 + <div className={"_4lga _4lgb"} style={{"height":25}}></div>
2959 + </div>
2960 + <TransitionCell142 x={450} />
2961 + </div>
2962 + );
2963 + }
2964 + if (props.x === 454) {
2965 + return (
2966 + <div className={"_4lg0 _4h2m"} style={{"height":25,"width":25,"left":1820}}>
2967 + {undefined}
2968 + <TransitionCell142 x={453} />
2969 + </div>
2970 + );
2971 + }
2972 +};
2973 +
2974 +var FixedDataTableCellGroupImpl144 = function(props) {
2975 + if (props.x === 318) {
2976 + return (
2977 + <div className={"_3pzj"} style={{"height":40,"position":"absolute","width":721,"zIndex":2,"transform":"translate3d(0px,0px,0)","backfaceVisibility":"hidden"}}>
2978 + <FixedDataTableCell143 x={317} key={"cell_0"} />
2979 + </div>
2980 + );
2981 + }
2982 + if (props.x === 332) {
2983 + return (
2984 + <div className={"_3pzj"} style={{"height":40,"position":"absolute","width":1845,"zIndex":0,"transform":"translate3d(0px,0px,0)","backfaceVisibility":"hidden"}}>
2985 + <FixedDataTableCell143 x={322} key={"cell_0"} />
2986 + <FixedDataTableCell143 x={325} key={"cell_1"} />
2987 + <FixedDataTableCell143 x={328} key={"cell_2"} />
2988 + <FixedDataTableCell143 x={331} key={"cell_3"} />
2989 + </div>
2990 + );
2991 + }
2992 + if (props.x === 367) {
2993 + return (
2994 + <div className={"_3pzj"} style={{"height":25,"position":"absolute","width":721,"zIndex":2,"transform":"translate3d(0px,0px,0)","backfaceVisibility":"hidden"}}>
2995 + <FixedDataTableCell143 x={339} key={"cell_0"} />
2996 + <FixedDataTableCell143 x={344} key={"cell_1"} />
2997 + <FixedDataTableCell143 x={350} key={"cell_2"} />
2998 + <FixedDataTableCell143 x={356} key={"cell_3"} />
2999 + <FixedDataTableCell143 x={361} key={"cell_4"} />
3000 + <FixedDataTableCell143 x={366} key={"cell_5"} />
3001 + </div>
3002 + );
3003 + }
3004 + if (props.x === 455) {
3005 + return (
3006 + <div className={"_3pzj"} style={{"height":25,"position":"absolute","width":1845,"zIndex":0,"transform":"translate3d(0px,0px,0)","backfaceVisibility":"hidden"}}>
3007 + <FixedDataTableCell143 x={373} key={"cell_0"} />
3008 + <FixedDataTableCell143 x={378} key={"cell_1"} />
3009 + <FixedDataTableCell143 x={383} key={"cell_2"} />
3010 + <FixedDataTableCell143 x={388} key={"cell_3"} />
3011 + <FixedDataTableCell143 x={393} key={"cell_4"} />
3012 + <FixedDataTableCell143 x={398} key={"cell_5"} />
3013 + <FixedDataTableCell143 x={403} key={"cell_6"} />
3014 + <FixedDataTableCell143 x={408} key={"cell_7"} />
3015 + <FixedDataTableCell143 x={413} key={"cell_8"} />
3016 + <FixedDataTableCell143 x={418} key={"cell_9"} />
3017 + <FixedDataTableCell143 x={423} key={"cell_10"} />
3018 + <FixedDataTableCell143 x={428} key={"cell_11"} />
3019 + <FixedDataTableCell143 x={433} key={"cell_12"} />
3020 + <FixedDataTableCell143 x={438} key={"cell_13"} />
3021 + <FixedDataTableCell143 x={443} key={"cell_14"} />
3022 + <FixedDataTableCell143 x={448} key={"cell_15"} />
3023 + <FixedDataTableCell143 x={451} key={"cell_16"} />
3024 + <FixedDataTableCell143 x={454} key={"cell_17"} />
3025 + </div>
3026 + );
3027 + }
3028 +};
3029 +
3030 +var FixedDataTableCellGroup145 = function(props) {
3031 + if (props.x === 319) {
3032 + return (
3033 + <div style={{"height":40,"left":0}} className={"_3pzk"}>
3034 + <FixedDataTableCellGroupImpl144 x={318} />
3035 + </div>
3036 + );
3037 + }
3038 + if (props.x === 333) {
3039 + return (
3040 + <div style={{"height":40,"left":721}} className={"_3pzk"}>
3041 + <FixedDataTableCellGroupImpl144 x={332} />
3042 + </div>
3043 + );
3044 + }
3045 + if (props.x === 368) {
3046 + return (
3047 + <div style={{"height":25,"left":0}} className={"_3pzk"}>
3048 + <FixedDataTableCellGroupImpl144 x={367} />
3049 + </div>
3050 + );
3051 + }
3052 + if (props.x === 456) {
3053 + return (
3054 + <div style={{"height":25,"left":721}} className={"_3pzk"}>
3055 + <FixedDataTableCellGroupImpl144 x={455} />
3056 + </div>
3057 + );
3058 + }
3059 +};
3060 +
3061 +var FixedDataTableRowImpl146 = function(props) {
3062 + if (props.x === 334) {
3063 + return (
3064 + <div className={"_1gd4 _4li _52no _3h1a _1mib"} onClick={null} onDoubleClick={null} onMouseDown={null} onMouseEnter={null} onMouseLeave={null} style={{"width":1209,"height":40}}>
3065 + <div className={"_1gd5"}>
3066 + <FixedDataTableCellGroup145 x={319} key={"fixed_cells"} />
3067 + <FixedDataTableCellGroup145 x={333} key={"scrollable_cells"} />
3068 + <div className={"_1gd6 _1gd8"} style={{"left":721,"height":40}}></div>
3069 + </div>
3070 + </div>
3071 + );
3072 + }
3073 + if (props.x === 457) {
3074 + return (
3075 + <div className={"_1gd4 _4li _3h1a _1mib"} onClick={null} onDoubleClick={null} onMouseDown={null} onMouseEnter={null} onMouseLeave={null} style={{"width":1209,"height":25}}>
3076 + <div className={"_1gd5"}>
3077 + <FixedDataTableCellGroup145 x={368} key={"fixed_cells"} />
3078 + <FixedDataTableCellGroup145 x={456} key={"scrollable_cells"} />
3079 + <div className={"_1gd6 _1gd8"} style={{"left":721,"height":25}}></div>
3080 + </div>
3081 + </div>
3082 + );
3083 + }
3084 +};
3085 +
3086 +var FixedDataTableRow147 = function(props) {
3087 + if (props.x === 335) {
3088 + return (
3089 + <div style={{"width":1209,"height":40,"zIndex":1,"transform":"translate3d(0px,0px,0)","backfaceVisibility":"hidden"}} className={"_1gda"}>
3090 + <FixedDataTableRowImpl146 x={334} />
3091 + </div>
3092 + );
3093 + }
3094 + if (props.x === 458) {
3095 + return (
3096 + <div style={{"width":1209,"height":25,"zIndex":1,"transform":"translate3d(0px,40px,0)","backfaceVisibility":"hidden"}} className={"_1gda"}>
3097 + <FixedDataTableRowImpl146 x={457} />
3098 + </div>
3099 + );
3100 + }
3101 +};
3102 +
3103 +var FixedDataTableAbstractSortableHeader148 = function(props) {
3104 + if (props.x === 341) {
3105 + return (
3106 + <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
3107 + <div className={"_2eq6"}>
3108 + {null}
3109 + <AdsPETableHeader141 x={340} />
3110 + </div>
3111 + </div>
3112 + );
3113 + }
3114 + if (props.x === 347) {
3115 + return (
3116 + <div onClick={function() {}} className={"_54_8 _1kst _4h2r _2wzx"}>
3117 + <div className={"_2eq6"}>
3118 + {null}
3119 + <AdsPETableHeader141 x={346} />
3120 + </div>
3121 + </div>
3122 + );
3123 + }
3124 + if (props.x === 353) {
3125 + return (
3126 + <div onClick={function() {}} className={"_54_8 _1kst _4h2r _2wzx"}>
3127 + <div className={"_2eq6"}>
3128 + {null}
3129 + <AdsPETableHeader141 x={352} />
3130 + </div>
3131 + </div>
3132 + );
3133 + }
3134 + if (props.x === 358) {
3135 + return (
3136 + <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
3137 + <div className={"_2eq6"}>
3138 + {null}
3139 + <AdsPETableHeader141 x={357} />
3140 + </div>
3141 + </div>
3142 + );
3143 + }
3144 + if (props.x === 363) {
3145 + return (
3146 + <div onClick={function() {}} className={"_54_8 _54_9 _4h2r _2wzx"}>
3147 + <div className={"_2eq6"}>
3148 + {null}
3149 + <AdsPETableHeader141 x={362} />
3150 + </div>
3151 + </div>
3152 + );
3153 + }
3154 + if (props.x === 370) {
3155 + return (
3156 + <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
3157 + <div className={"_2eq6"}>
3158 + {null}
3159 + <AdsPETableHeader141 x={369} />
3160 + </div>
3161 + </div>
3162 + );
3163 + }
3164 + if (props.x === 375) {
3165 + return (
3166 + <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
3167 + <div className={"_2eq6"}>
3168 + {null}
3169 + <AdsPETableHeader141 x={374} />
3170 + </div>
3171 + </div>
3172 + );
3173 + }
3174 + if (props.x === 380) {
3175 + return (
3176 + <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
3177 + <div className={"_2eq6"}>
3178 + {null}
3179 + <AdsPETableHeader141 x={379} />
3180 + </div>
3181 + </div>
3182 + );
3183 + }
3184 + if (props.x === 385) {
3185 + return (
3186 + <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
3187 + <div className={"_2eq6"}>
3188 + {null}
3189 + <AdsPETableHeader141 x={384} />
3190 + </div>
3191 + </div>
3192 + );
3193 + }
3194 + if (props.x === 390) {
3195 + return (
3196 + <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
3197 + <div className={"_2eq6"}>
3198 + {null}
3199 + <AdsPETableHeader141 x={389} />
3200 + </div>
3201 + </div>
3202 + );
3203 + }
3204 + if (props.x === 395) {
3205 + return (
3206 + <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
3207 + <div className={"_2eq6"}>
3208 + {null}
3209 + <AdsPETableHeader141 x={394} />
3210 + </div>
3211 + </div>
3212 + );
3213 + }
3214 + if (props.x === 400) {
3215 + return (
3216 + <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
3217 + <div className={"_2eq6"}>
3218 + {null}
3219 + <AdsPETableHeader141 x={399} />
3220 + </div>
3221 + </div>
3222 + );
3223 + }
3224 + if (props.x === 405) {
3225 + return (
3226 + <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
3227 + <div className={"_2eq6"}>
3228 + {null}
3229 + <AdsPETableHeader141 x={404} />
3230 + </div>
3231 + </div>
3232 + );
3233 + }
3234 + if (props.x === 410) {
3235 + return (
3236 + <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
3237 + <div className={"_2eq6"}>
3238 + {null}
3239 + <AdsPETableHeader141 x={409} />
3240 + </div>
3241 + </div>
3242 + );
3243 + }
3244 + if (props.x === 415) {
3245 + return (
3246 + <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
3247 + <div className={"_2eq6"}>
3248 + {null}
3249 + <AdsPETableHeader141 x={414} />
3250 + </div>
3251 + </div>
3252 + );
3253 + }
3254 + if (props.x === 420) {
3255 + return (
3256 + <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
3257 + <div className={"_2eq6"}>
3258 + {null}
3259 + <AdsPETableHeader141 x={419} />
3260 + </div>
3261 + </div>
3262 + );
3263 + }
3264 + if (props.x === 425) {
3265 + return (
3266 + <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
3267 + <div className={"_2eq6"}>
3268 + {null}
3269 + <AdsPETableHeader141 x={424} />
3270 + </div>
3271 + </div>
3272 + );
3273 + }
3274 + if (props.x === 430) {
3275 + return (
3276 + <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
3277 + <div className={"_2eq6"}>
3278 + {null}
3279 + <AdsPETableHeader141 x={429} />
3280 + </div>
3281 + </div>
3282 + );
3283 + }
3284 + if (props.x === 435) {
3285 + return (
3286 + <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
3287 + <div className={"_2eq6"}>
3288 + {null}
3289 + <AdsPETableHeader141 x={434} />
3290 + </div>
3291 + </div>
3292 + );
3293 + }
3294 + if (props.x === 440) {
3295 + return (
3296 + <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
3297 + <div className={"_2eq6"}>
3298 + {null}
3299 + <AdsPETableHeader141 x={439} />
3300 + </div>
3301 + </div>
3302 + );
3303 + }
3304 + if (props.x === 445) {
3305 + return (
3306 + <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
3307 + <div className={"_2eq6"}>
3308 + {null}
3309 + <AdsPETableHeader141 x={444} />
3310 + </div>
3311 + </div>
3312 + );
3313 + }
3314 +};
3315 +
3316 +var FixedDataTableSortableHeader149 = function(props) {
3317 + if (props.x === 342) {
3318 + return <FixedDataTableAbstractSortableHeader148 x={341} />;
3319 + }
3320 + if (props.x === 348) {
3321 + return <FixedDataTableAbstractSortableHeader148 x={347} />;
3322 + }
3323 + if (props.x === 354) {
3324 + return <FixedDataTableAbstractSortableHeader148 x={353} />;
3325 + }
3326 + if (props.x === 359) {
3327 + return <FixedDataTableAbstractSortableHeader148 x={358} />;
3328 + }
3329 + if (props.x === 364) {
3330 + return <FixedDataTableAbstractSortableHeader148 x={363} />;
3331 + }
3332 + if (props.x === 371) {
3333 + return <FixedDataTableAbstractSortableHeader148 x={370} />;
3334 + }
3335 + if (props.x === 376) {
3336 + return <FixedDataTableAbstractSortableHeader148 x={375} />;
3337 + }
3338 + if (props.x === 381) {
3339 + return <FixedDataTableAbstractSortableHeader148 x={380} />;
3340 + }
3341 + if (props.x === 386) {
3342 + return <FixedDataTableAbstractSortableHeader148 x={385} />;
3343 + }
3344 + if (props.x === 391) {
3345 + return <FixedDataTableAbstractSortableHeader148 x={390} />;
3346 + }
3347 + if (props.x === 396) {
3348 + return <FixedDataTableAbstractSortableHeader148 x={395} />;
3349 + }
3350 + if (props.x === 401) {
3351 + return <FixedDataTableAbstractSortableHeader148 x={400} />;
3352 + }
3353 + if (props.x === 406) {
3354 + return <FixedDataTableAbstractSortableHeader148 x={405} />;
3355 + }
3356 + if (props.x === 411) {
3357 + return <FixedDataTableAbstractSortableHeader148 x={410} />;
3358 + }
3359 + if (props.x === 416) {
3360 + return <FixedDataTableAbstractSortableHeader148 x={415} />;
3361 + }
3362 + if (props.x === 421) {
3363 + return <FixedDataTableAbstractSortableHeader148 x={420} />;
3364 + }
3365 + if (props.x === 426) {
3366 + return <FixedDataTableAbstractSortableHeader148 x={425} />;
3367 + }
3368 + if (props.x === 431) {
3369 + return <FixedDataTableAbstractSortableHeader148 x={430} />;
3370 + }
3371 + if (props.x === 436) {
3372 + return <FixedDataTableAbstractSortableHeader148 x={435} />;
3373 + }
3374 + if (props.x === 441) {
3375 + return <FixedDataTableAbstractSortableHeader148 x={440} />;
3376 + }
3377 + if (props.x === 446) {
3378 + return <FixedDataTableAbstractSortableHeader148 x={445} />;
3379 + }
3380 +};
3381 +
3382 +var FixedDataTableBufferedRows150 = function(props) {
3383 + if (props.x === 459) {
3384 + return <div style={{"position":"absolute","pointerEvents":"auto","transform":"translate3d(0px,65px,0)","backfaceVisibility":"hidden"}}></div>;
3385 + }
3386 +};
3387 +
3388 +var Scrollbar151 = function(props) {
3389 + if (props.x === 460) {
3390 + return null;
3391 + }
3392 + if (props.x === 461) {
3393 + return (
3394 + <div onFocus={function() {}} onBlur={function() {}} onKeyDown={function() {}} onMouseDown={function() {}} onWheel={function() {}} className={"_1t0r _1t0t _4jdr _1t0u"} style={{"width":1209,"zIndex":99}} tabIndex={0}>
3395 + <div ref={"face"} className={"_1t0w _1t0y _1t0_"} style={{"width":561.6340607950117,"transform":"translate3d(4px,0px,0)","backfaceVisibility":"hidden"}}></div>
3396 + </div>
3397 + );
3398 + }
3399 +};
3400 +
3401 +var HorizontalScrollbar152 = function(props) {
3402 + if (props.x === 462) {
3403 + return (
3404 + <div className={"_3h1k _3h1m"} style={{"height":15,"width":1209}}>
3405 + <div style={{"height":15,"position":"absolute","overflow":"hidden","width":1209,"transform":"translate3d(0px,0px,0)","backfaceVisibility":"hidden"}}>
3406 + <Scrollbar151 x={461} />
3407 + </div>
3408 + </div>
3409 + );
3410 + }
3411 +};
3412 +
3413 +var FixedDataTable153 = function(props) {
3414 + if (props.x === 463) {
3415 + return (
3416 + <div className={"_3h1i _1mie"} onWheel={function() {}} style={{"height":25,"width":1209}}>
3417 + <div className={"_3h1j"} style={{"height":8,"width":1209}}>
3418 + <FixedDataTableColumnResizeHandle140 x={313} />
3419 + <FixedDataTableRow147 x={335} key={"group_header"} />
3420 + <FixedDataTableRow147 x={458} key={"header"} />
3421 + <FixedDataTableBufferedRows150 x={459} />
3422 + {null}
3423 + {undefined}
3424 + <div className={"_3h1e _3h1h"} style={{"top":8}}></div>
3425 + </div>
3426 + <Scrollbar151 x={460} />
3427 + <HorizontalScrollbar152 x={462} />
3428 + </div>
3429 + );
3430 + }
3431 +};
3432 +
3433 +var TransitionTable154 = function(props) {
3434 + if (props.x === 464) {
3435 + return <FixedDataTable153 x={463} ref={"fixedDataTable"} />;
3436 + }
3437 +};
3438 +
3439 +var AdsSelectableFixedDataTable155 = function(props) {
3440 + if (props.x === 465) {
3441 + return (
3442 + <div className={"_5hht"}>
3443 + <TransitionTable154 x={464} />
3444 + </div>
3445 + );
3446 + }
3447 +};
3448 +
3449 +var AdsDataTableKeyboardSupportDecorator156 = function(props) {
3450 + if (props.x === 466) {
3451 + return (
3452 + <div ref={"tableContainer"} className={"_5d6f"} tabIndex={"0"} onKeyDown={function() {}}>
3453 + <AdsSelectableFixedDataTable155 x={465} />
3454 + </div>
3455 + );
3456 + }
3457 +};
3458 +
3459 +var AdsEditableDataTableDecorator157 = function(props) {
3460 + if (props.x === 467) {
3461 + return (
3462 + <div onCopy={function() {}}>
3463 + <AdsDataTableKeyboardSupportDecorator156 x={466} ref={"decoratedTable"} />
3464 + </div>
3465 + );
3466 + }
3467 +};
3468 +
3469 +var AdsPEDataTableContainer158 = function(props) {
3470 + if (props.x === 468) {
3471 + return (
3472 + <div className={"_35l_ _1hr clearfix"}>
3473 + {null}
3474 + {null}
3475 + {null}
3476 + <AdsEditableDataTableDecorator157 x={467} />
3477 + </div>
3478 + );
3479 + }
3480 +};
3481 +
3482 +var AdsPECampaignGroupTableContainer159 = function(props) {
3483 + if (props.x === 470) {
3484 + return <ResponsiveBlock37 x={469} />;
3485 + }
3486 +};
3487 +
3488 +var AdsPEManageAdsPaneContainer160 = function(props) {
3489 + if (props.x === 473) {
3490 + return (
3491 + <div>
3492 + <AdsErrorBoundary10 x={65} />
3493 + <div className={"_2uty"}>
3494 + <AdsErrorBoundary10 x={125} />
3495 + </div>
3496 + <div className={"_2utx _21oc"}>
3497 + <AdsErrorBoundary10 x={171} />
3498 + <div className={"_41tu"}>
3499 + <AdsErrorBoundary10 x={176} />
3500 + <AdsErrorBoundary10 x={194} />
3501 + </div>
3502 + </div>
3503 + <div className={"_2utz"} style={{"height":25}}>
3504 + <AdsErrorBoundary10 x={302} />
3505 + <div className={"_2ut-"}>
3506 + <AdsErrorBoundary10 x={312} />
3507 + </div>
3508 + <div className={"_2ut_"}>
3509 + <AdsErrorBoundary10 x={472} />
3510 + </div>
3511 + </div>
3512 + </div>
3513 + );
3514 + }
3515 +};
3516 +
3517 +var AdsPEContentContainer161 = function(props) {
3518 + if (props.x === 474) {
3519 + return <AdsPEManageAdsPaneContainer160 x={473} />;
3520 + }
3521 +};
3522 +
3523 +var FluxContainer_AdsPEWorkspaceContainer_162 = function(props) {
3524 + if (props.x === 477) {
3525 + return (
3526 + <div className={"_49wu"} style={{"height":177,"top":43,"width":1306}}>
3527 + <ResponsiveBlock37 x={62} />
3528 + <AdsErrorBoundary10 x={476} />
3529 + {null}
3530 + </div>
3531 + );
3532 + }
3533 +};
3534 +
3535 +var FluxContainer_AdsSessionExpiredDialogContainer_163 = function(props) {
3536 + if (props.x === 478) {
3537 + return null;
3538 + }
3539 +};
3540 +
3541 +var FluxContainer_AdsPEUploadDialogLazyContainer_164 = function(props) {
3542 + if (props.x === 479) {
3543 + return null;
3544 + }
3545 +};
3546 +
3547 +var FluxContainer_DialogContainer_165 = function(props) {
3548 + if (props.x === 480) {
3549 + return null;
3550 + }
3551 +};
3552 +
3553 +var AdsBugReportContainer166 = function(props) {
3554 + if (props.x === 481) {
3555 + return <span></span>;
3556 + }
3557 +};
3558 +
3559 +var AdsPEAudienceSplittingDialog167 = function(props) {
3560 + if (props.x === 482) {
3561 + return null;
3562 + }
3563 +};
3564 +
3565 +var AdsPEAudienceSplittingDialogContainer168 = function(props) {
3566 + if (props.x === 483) {
3567 + return (
3568 + <div>
3569 + <AdsPEAudienceSplittingDialog167 x={482} />
3570 + </div>
3571 + );
3572 + }
3573 +};
3574 +
3575 +var FluxContainer_AdsRuleDialogBootloadContainer_169 = function(props) {
3576 + if (props.x === 484) {
3577 + return null;
3578 + }
3579 +};
3580 +
3581 +var FluxContainer_AdsPECFTrayContainer_170 = function(props) {
3582 + if (props.x === 485) {
3583 + return null;
3584 + }
3585 +};
3586 +
3587 +var FluxContainer_AdsPEDeleteDraftContainer_171 = function(props) {
3588 + if (props.x === 486) {
3589 + return null;
3590 + }
3591 +};
3592 +
3593 +var FluxContainer_AdsPEInitialDraftPublishDialogContainer_172 = function(props) {
3594 + if (props.x === 487) {
3595 + return null;
3596 + }
3597 +};
3598 +
3599 +var FluxContainer_AdsPEReachFrequencyStatusTransitionDialogBootloadContainer_173 = function(props) {
3600 + if (props.x === 488) {
3601 + return null;
3602 + }
3603 +};
3604 +
3605 +var FluxContainer_AdsPEPurgeArchiveDialogContainer_174 = function(props) {
3606 + if (props.x === 489) {
3607 + return null;
3608 + }
3609 +};
3610 +
3611 +var AdsPECreateDialogContainer175 = function(props) {
3612 + if (props.x === 490) {
3613 + return <span></span>;
3614 + }
3615 +};
3616 +
3617 +var FluxContainer_AdsPEModalStatusContainer_176 = function(props) {
3618 + if (props.x === 491) {
3619 + return null;
3620 + }
3621 +};
3622 +
3623 +var FluxContainer_AdsBrowserExtensionErrorDialogContainer_177 = function(props) {
3624 + if (props.x === 492) {
3625 + return null;
3626 + }
3627 +};
3628 +
3629 +var FluxContainer_AdsPESortByErrorTipContainer_178 = function(props) {
3630 + if (props.x === 493) {
3631 + return null;
3632 + }
3633 +};
3634 +
3635 +var LeadDownloadDialogSelector179 = function(props) {
3636 + if (props.x === 494) {
3637 + return null;
3638 + }
3639 +};
3640 +
3641 +var FluxContainer_AdsPELeadDownloadDialogContainerClass_180 = function(props) {
3642 + if (props.x === 495) {
3643 + return <LeadDownloadDialogSelector179 x={494} />;
3644 + }
3645 +};
3646 +
3647 +var AdsPEContainer181 = function(props) {
3648 + if (props.x === 496) {
3649 + return (
3650 + <div id={"ads_pe_container"}>
3651 + <FluxContainer_AdsPETopNavContainer_26 x={41} />
3652 + {null}
3653 + <FluxContainer_AdsPEWorkspaceContainer_162 x={477} />
3654 + <FluxContainer_AdsSessionExpiredDialogContainer_163 x={478} />
3655 + <FluxContainer_AdsPEUploadDialogLazyContainer_164 x={479} />
3656 + <FluxContainer_DialogContainer_165 x={480} />
3657 + <AdsBugReportContainer166 x={481} />
3658 + <AdsPEAudienceSplittingDialogContainer168 x={483} />
3659 + <FluxContainer_AdsRuleDialogBootloadContainer_169 x={484} />
3660 + <FluxContainer_AdsPECFTrayContainer_170 x={485} />
3661 + <span>
3662 + <FluxContainer_AdsPEDeleteDraftContainer_171 x={486} />
3663 + <FluxContainer_AdsPEInitialDraftPublishDialogContainer_172 x={487} />
3664 + <FluxContainer_AdsPEReachFrequencyStatusTransitionDialogBootloadContainer_173 x={488} />
3665 + </span>
3666 + <FluxContainer_AdsPEPurgeArchiveDialogContainer_174 x={489} />
3667 + <AdsPECreateDialogContainer175 x={490} />
3668 + <FluxContainer_AdsPEModalStatusContainer_176 x={491} />
3669 + <FluxContainer_AdsBrowserExtensionErrorDialogContainer_177 x={492} />
3670 + <FluxContainer_AdsPESortByErrorTipContainer_178 x={493} />
3671 + <FluxContainer_AdsPELeadDownloadDialogContainerClass_180 x={495} />
3672 + <div id={"web_ads_guidance_tips"}></div>
3673 + </div>
3674 + );
3675 + }
3676 +};
3677 +
3678 +var Benchmark = function(props) {
3679 + if (props.x === undefined) {
3680 + return <AdsPEContainer181 x={496} />;
3681 + }
3682 +};
3683 +
3684 +this.Benchmark = Benchmark;
3685 +
3686 +})(this);
3687 +
scripts/bench/bench-pe.js
+3509 -5955
@@ -1,6678 +1,4232 @@
1 (function() {
2
3 -var Link0 = React.createClass({
4 - render: function() {
5 - return <a href={"/"} className={"_5ljn"} rel={undefined} onClick={function() {}}></a>;
6 - },
7 -});
8 -
9 -var ReactImage1 = React.createClass({
10 - render: function() {
11 - return <i alt={""} className={"_3-99 img sp_UuU9HmrQ397 sx_7e56e9"} src={null}></i>;
3 +var ReactImage0 = React.createClass({
4 + render: function() {
5 + var props = this.props;
6 + if (props.x === 0) {
7 + return <i alt={""} className={"_3-99 img sp_i534r85sjIn sx_538591"} src={null}></i>;
8 + }
9 + if (props.x === 15) {
10 + return <i className={"_3ut_ img sp_i534r85sjIn sx_e8ac93"} src={null} alt={""}></i>;
11 + }
12 + if (props.x === 22) {
13 + return <i alt={""} className={"_3-8_ img sp_i534r85sjIn sx_7b15bc"} src={null}></i>;
14 + }
15 + if (props.x === 29) {
16 + return <i className={"_1m1s _4540 _p img sp_i534r85sjIn sx_f40b1c"} src={null} alt={""}></i>;
17 + }
18 + if (props.x === 42) {
19 + return (
20 + <i alt={"Warning"} className={"_585p img sp_i534r85sjIn sx_20273d"} src={null}>
21 + <u>{"Warning"}</u>
22 + </i>
23 + );
24 + }
25 + if (props.x === 67) {
26 + return <i alt={""} className={"_3-8_ img sp_i534r85sjIn sx_b5d079"} src={null}></i>;
27 + }
28 + if (props.x === 70) {
29 + return <i src={null} alt={""} className={"img sp_i534r85sjIn sx_29f8c9"}></i>;
30 + }
31 + if (props.x === 76) {
32 + return <i alt={""} className={"_3-8_ img sp_i534r85sjIn sx_ef6a9c"} src={null}></i>;
33 + }
34 + if (props.x === 79) {
35 + return <i src={null} alt={""} className={"img sp_i534r85sjIn sx_6f8c43"}></i>;
36 + }
37 + if (props.x === 88) {
38 + return <i src={null} alt={""} className={"img sp_i534r85sjIn sx_e94a2d"}></i>;
39 + }
40 + if (props.x === 91) {
41 + return <i src={null} alt={""} className={"img sp_i534r85sjIn sx_7ed7d4"}></i>;
42 + }
43 + if (props.x === 94) {
44 + return <i src={null} alt={""} className={"img sp_i534r85sjIn sx_930440"}></i>;
45 + }
46 + if (props.x === 98) {
47 + return <i src={null} alt={""} className={"img sp_i534r85sjIn sx_750c83"}></i>;
48 + }
49 + if (props.x === 108) {
50 + return <i src={null} alt={""} className={"img sp_i534r85sjIn sx_73c1bb"}></i>;
51 + }
52 + if (props.x === 111) {
53 + return <i src={null} alt={""} className={"img sp_i534r85sjIn sx_29f28d"}></i>;
54 + }
55 + if (props.x === 126) {
56 + return <i src={null} alt={""} className={"_3-8_ img sp_i534r85sjIn sx_91c59e"}></i>;
57 + }
58 + if (props.x === 127) {
59 + return <i alt={""} className={"_3-99 img sp_i534r85sjIn sx_538591"} src={null}></i>;
60 + }
61 + if (props.x === 134) {
62 + return <i src={null} alt={""} className={"_3-8_ img sp_i534r85sjIn sx_c8eb75"}></i>;
63 + }
64 + if (props.x === 135) {
65 + return <i alt={""} className={"_3-99 img sp_i534r85sjIn sx_538591"} src={null}></i>;
66 + }
67 + if (props.x === 148) {
68 + return <i className={"_3yz6 _5whs img sp_i534r85sjIn sx_896996"} src={null} alt={""}></i>;
69 + }
70 + if (props.x === 152) {
71 + return <i className={"_5b5p _4gem img sp_i534r85sjIn sx_896996"} src={null} alt={""}></i>;
72 + }
73 + if (props.x === 153) {
74 + return <i className={"_541d img sp_i534r85sjIn sx_2f396a"} src={null} alt={""}></i>;
75 + }
76 + if (props.x === 160) {
77 + return <i src={null} alt={""} className={"img sp_i534r85sjIn sx_31d9b0"}></i>;
78 + }
79 + if (props.x === 177) {
80 + return <i alt={""} className={"_3-99 img sp_i534r85sjIn sx_2c18b7"} src={null}></i>;
81 + }
82 + if (props.x === 186) {
83 + return <i src={null} alt={""} className={"img sp_i534r85sjIn sx_0a681f"}></i>;
84 + }
85 + if (props.x === 195) {
86 + return <i className={"_1-lx img sp_OkER5ktbEyg sx_b369b4"} src={null} alt={""}></i>;
87 + }
88 + if (props.x === 198) {
89 + return <i className={"_1-lx img sp_i534r85sjIn sx_96948e"} src={null} alt={""}></i>;
90 + }
91 + if (props.x === 237) {
92 + return <i className={"_541d img sp_i534r85sjIn sx_2f396a"} src={null} alt={""}></i>;
93 + }
94 + if (props.x === 266) {
95 + return <i alt={""} className={"_3-99 img sp_i534r85sjIn sx_538591"} src={null}></i>;
96 + }
97 + if (props.x === 314) {
98 + return <i className={"_1cie _1cif img sp_i534r85sjIn sx_6e6820"} src={null} alt={""}></i>;
99 + }
100 + if (props.x === 345) {
101 + return <i className={"_1cie img sp_i534r85sjIn sx_e896cf"} src={null} alt={""}></i>;
102 + }
103 + if (props.x === 351) {
104 + return <i className={"_1cie img sp_i534r85sjIn sx_38fed8"} src={null} alt={""}></i>;
105 + }
106 + },
107 +});
108 +
109 +var AbstractLink1 = React.createClass({
110 + render: function() {
111 + var props = this.props;
112 + if (props.x === 1) {
113 + return (
114 + <a className={"_387r _55pi _2agf _4jy0 _4jy4 _517h _51sy _42ft"} style={{"width":250,"maxWidth":"250px"}} disabled={null} label={null} href={"#"} rel={undefined} onClick={function() {}}>
115 + {null}
116 + <span className={"_55pe"} style={{"maxWidth":"236px"}}>
117 + {null}
118 + <span>
119 + <span className={"_48u-"}>{"Account:"}</span>
120 + {" "}
121 + {"Dick Madanson (10149999073643408)"}
122 + </span>
123 + </span>
124 + <ReactImage0 x={0} />
125 + </a>
126 + );
127 + }
128 + if (props.x === 43) {
129 + return (
130 + <a className={"_585q _50zy _50-0 _50z- _5upp _42ft"} size={"medium"} shade={"dark"} type={null} title={"Remove"} data-hover={undefined} data-tooltip-alignh={undefined} data-tooltip-content={undefined} disabled={null} label={null} href={"#"} rel={undefined} onClick={function() {}}>
131 + {undefined}
132 + {"Remove"}
133 + {undefined}
134 + </a>
135 + );
136 + }
137 + if (props.x === 49) {
138 + return (
139 + <a target={"_blank"} href={"/ads/manage/billing.php?act=10149999073643408"} rel={undefined} onClick={function() {}}>
140 + <XUIText29 x={48} />
141 + </a>
142 + );
143 + }
144 + if (props.x === 128) {
145 + return (
146 + <a className={" _5bbf _55pi _2agf _4jy0 _4jy4 _517h _51sy _42ft"} style={{"maxWidth":"200px"}} disabled={null} label={null} href={"#"} rel={undefined} onClick={function() {}}>
147 + {null}
148 + <span className={"_55pe"} style={{"maxWidth":"186px"}}>
149 + <ReactImage0 x={126} />
150 + {"Search"}
151 + </span>
152 + <ReactImage0 x={127} />
153 + </a>
154 + );
155 + }
156 + if (props.x === 136) {
157 + return (
158 + <a className={" _5bbf _55pi _2agf _4jy0 _4jy4 _517h _51sy _42ft"} style={{"maxWidth":"200px"}} disabled={null} label={null} href={"#"} rel={undefined} onClick={function() {}}>
159 + {null}
160 + <span className={"_55pe"} style={{"maxWidth":"186px"}}>
161 + <ReactImage0 x={134} />
162 + {"Filters"}
163 + </span>
164 + <ReactImage0 x={135} />
165 + </a>
166 + );
167 + }
168 + if (props.x === 178) {
169 + return (
170 + <a className={"_1_-t _1_-v _42ft"} disabled={null} height={"medium"} role={"button"} label={null} href={"#"} rel={undefined} onClick={function() {}}>
171 + {undefined}
172 + {"Lifetime"}
173 + <ReactImage0 x={177} />
174 + </a>
175 + );
176 + }
177 + if (props.x === 207) {
178 + return <a href={"#"} rel={undefined} onClick={function() {}}>{"Create Ad Set"}</a>;
179 + }
180 + if (props.x === 209) {
181 + return <a href={"#"} rel={undefined} onClick={function() {}}>{"View Ad Set"}</a>;
182 + }
183 + if (props.x === 241) {
184 + return <a href={"#"} rel={undefined} onClick={function() {}}>{"Set a Limit"}</a>;
185 + }
186 + if (props.x === 267) {
187 + return (
188 + <a className={"_p _55pi _2agf _4jy0 _4jy3 _517h _51sy _42ft"} style={{"maxWidth":"200px"}} disabled={null} label={null} href={"#"} rel={undefined} onClick={function() {}}>
189 + {null}
190 + <span className={"_55pe"} style={{"maxWidth":"186px"}}>
191 + {null}
192 + {"Links"}
193 + </span>
194 + <ReactImage0 x={266} />
195 + </a>
196 + );
197 + }
198 },
199 });
200
201 var Link2 = React.createClass({
202 render: function() {
17 - return (
18 - <a style={{"maxWidth":"200px"}} image={null} label={null} imageRight={{}} className={"_387r _55pi _2agf _387r _55pi _4jy0 _4jy3 _517h _51sy _42ft"} href={"#"} haschevron={true} onClick={function() {}} onToggle={function() {}} size={"medium"} use={"default"} borderShade={"light"} suppressed={false} disabled={null} rel={undefined}>
19 - {null}
20 - <span className={"_55pe"} style={{"maxWidth":"186px"}}>
21 - {null}
22 - {"Dick Madanson (10149999073643408)"}
23 - </span>
24 - <ReactImage1 />
25 - </a>
26 - );
203 + var props = this.props;
204 + if (props.x === 2) {
205 + return <AbstractLink1 x={1} />;
206 + }
207 + if (props.x === 44) {
208 + return <AbstractLink1 x={43} />;
209 + }
210 + if (props.x === 50) {
211 + return <AbstractLink1 x={49} />;
212 + }
213 + if (props.x === 129) {
214 + return <AbstractLink1 x={128} />;
215 + }
216 + if (props.x === 137) {
217 + return <AbstractLink1 x={136} />;
218 + }
219 + if (props.x === 179) {
220 + return <AbstractLink1 x={178} />;
221 + }
222 + if (props.x === 208) {
223 + return <AbstractLink1 x={207} />;
224 + }
225 + if (props.x === 210) {
226 + return <AbstractLink1 x={209} />;
227 + }
228 + if (props.x === 242) {
229 + return <AbstractLink1 x={241} />;
230 + }
231 + if (props.x === 268) {
232 + return <AbstractLink1 x={267} />;
233 + }
234 },
235 });
236
237 var AbstractButton3 = React.createClass({
238 render: function() {
32 - return <Link2 />;
239 + var props = this.props;
240 + if (props.x === 3) {
241 + return <Link2 x={2} />;
242 + }
243 + if (props.x === 20) {
244 + return (
245 + <button className={"_5n7z _4jy0 _4jy4 _517h _51sy _42ft"} onClick={function() {}} label={null} type={"submit"} value={"1"}>
246 + {undefined}
247 + {"Discard Changes"}
248 + {undefined}
249 + </button>
250 + );
251 + }
252 + if (props.x === 23) {
253 + return (
254 + <button className={"_5n7z _2yak _4lj- _4jy0 _4jy4 _517h _51sy _42ft _42fr"} disabled={true} onClick={function() {}} data-tooltip-content={"You have no changes to publish"} data-hover={"tooltip"} label={null} type={"submit"} value={"1"}>
255 + <ReactImage0 x={22} />
256 + {"Review Changes"}
257 + {undefined}
258 + </button>
259 + );
260 + }
261 + if (props.x === 45) {
262 + return <Link2 x={44} />;
263 + }
264 + if (props.x === 68) {
265 + return (
266 + <button className={"_u_k _4jy0 _4jy4 _517h _51sy _42ft"} onClick={function() {}} label={null} type={"submit"} value={"1"}>
267 + <ReactImage0 x={67} />
268 + {"Create Campaign"}
269 + {undefined}
270 + </button>
271 + );
272 + }
273 + if (props.x === 71) {
274 + return (
275 + <button className={"_u_k _3qx6 _p _4jy0 _4jy4 _517h _51sy _42ft"} label={null} type={"submit"} value={"1"}>
276 + <ReactImage0 x={70} />
277 + {undefined}
278 + {undefined}
279 + </button>
280 + );
281 + }
282 + if (props.x === 77) {
283 + return (
284 + <button aria-label={"Edit"} data-tooltip-content={"Edit Campaigns (Ctrl+U)"} data-hover={"tooltip"} className={"_d2_ _u_k noMargin _4jy0 _4jy4 _517h _51sy _42ft"} disabled={false} onClick={function() {}} label={null} type={"submit"} value={"1"}>
285 + <ReactImage0 x={76} />
286 + {"Edit"}
287 + {undefined}
288 + </button>
289 + );
290 + }
291 + if (props.x === 80) {
292 + return (
293 + <button className={"_u_k _3qx6 _p _4jy0 _4jy4 _517h _51sy _42ft"} disabled={false} label={null} type={"submit"} value={"1"}>
294 + <ReactImage0 x={79} />
295 + {undefined}
296 + {undefined}
297 + </button>
298 + );
299 + }
300 + if (props.x === 89) {
301 + return (
302 + <button aria-label={"Revert"} className={"_u_k _4jy0 _4jy4 _517h _51sy _42ft _42fr"} data-hover={"tooltip"} data-tooltip-content={"Revert"} disabled={true} onClick={function() {}} label={null} type={"submit"} value={"1"}>
303 + <ReactImage0 x={88} />
304 + {undefined}
305 + {undefined}
306 + </button>
307 + );
308 + }
309 + if (props.x === 92) {
310 + return (
311 + <button aria-label={"Delete"} className={"_u_k _4jy0 _4jy4 _517h _51sy _42ft"} data-hover={"tooltip"} data-tooltip-content={"Delete"} disabled={false} onClick={function() {}} label={null} type={"submit"} value={"1"}>
312 + <ReactImage0 x={91} />
313 + {undefined}
314 + {undefined}
315 + </button>
316 + );
317 + }
318 + if (props.x === 95) {
319 + return (
320 + <button aria-label={"Duplicate"} className={"_u_k _4jy0 _4jy4 _517h _51sy _42ft"} data-hover={"tooltip"} data-tooltip-content={"Duplicate"} disabled={false} onClick={function() {}} label={null} type={"submit"} value={"1"}>
321 + <ReactImage0 x={94} />
322 + {undefined}
323 + {undefined}
324 + </button>
325 + );
326 + }
327 + if (props.x === 99) {
328 + return (
329 + <button aria-label={"Export & Import"} className={"_u_k noMargin _p _4jy0 _4jy4 _517h _51sy _42ft"} data-hover={"tooltip"} data-tooltip-content={"Export & Import"} onClick={function() {}} label={null} type={"submit"} value={"1"}>
330 + <ReactImage0 x={98} />
331 + {undefined}
332 + {undefined}
333 + </button>
334 + );
335 + }
336 + if (props.x === 109) {
337 + return (
338 + <button aria-label={"Create Report"} className={"_u_k _5n7z _4jy0 _4jy4 _517h _51sy _42ft"} data-hover={"tooltip"} data-tooltip-content={"Create Report"} disabled={false} style={{"boxSizing":"border-box","height":"28px","width":"48px"}} onClick={function() {}} label={null} type={"submit"} value={"1"}>
339 + <ReactImage0 x={108} />
340 + {undefined}
341 + {undefined}
342 + </button>
343 + );
344 + }
345 + if (props.x === 112) {
346 + return (
347 + <button aria-label={"Campaign Tags"} className={" _5uy7 _4jy0 _4jy4 _517h _51sy _42ft"} data-hover={"tooltip"} data-tooltip-content={"Campaign Tags"} disabled={false} haschevron={false} onClick={function() {}} label={null} type={"submit"} value={"1"}>
348 + <ReactImage0 x={111} />
349 + {undefined}
350 + {undefined}
351 + </button>
352 + );
353 + }
354 + if (props.x === 130) {
355 + return <Link2 x={129} />;
356 + }
357 + if (props.x === 138) {
358 + return <Link2 x={137} />;
359 + }
360 + if (props.x === 149) {
361 + return (
362 + <button className={"_3yz9 _1t-2 _50z- _50zy _50zz _50z- _5upp _42ft"} size={"small"} onClick={function() {}} shade={"dark"} type={"button"} title={"Remove"} data-hover={undefined} data-tooltip-alignh={undefined} data-tooltip-content={undefined} label={null}>
363 + {undefined}
364 + {"Remove"}
365 + {undefined}
366 + </button>
367 + );
368 + }
369 + if (props.x === 156) {
370 + return (
371 + <button className={"_5b5u _5b5v _4jy0 _4jy3 _517h _51sy _42ft"} onClick={function() {}} label={null} type={"submit"} value={"1"}>
372 + {undefined}
373 + {"Apply"}
374 + {undefined}
375 + </button>
376 + );
377 + }
378 + if (props.x === 161) {
379 + return (
380 + <button className={"_1wdf _4jy0 _517i _517h _51sy _42ft"} onClick={function() {}} label={null} type={"submit"} value={"1"}>
381 + <ReactImage0 x={160} />
382 + {undefined}
383 + {undefined}
384 + </button>
385 + );
386 + }
387 + if (props.x === 180) {
388 + return <Link2 x={179} />;
389 + }
390 + if (props.x === 187) {
391 + return (
392 + <button aria-label={"List Settings"} className={"_u_k _3c5o _1-r0 _4jy0 _4jy4 _517h _51sy _42ft"} data-hover={"tooltip"} data-tooltip-content={"List Settings"} onClick={function() {}} label={null} type={"submit"} value={"1"}>
393 + <ReactImage0 x={186} />
394 + {undefined}
395 + {undefined}
396 + </button>
397 + );
398 + }
399 + if (props.x === 269) {
400 + return <Link2 x={268} />;
401 + }
402 + if (props.x === 303) {
403 + return (
404 + <button className={"_tm3 _tm6 _tm7 _4jy0 _4jy6 _517h _51sy _42ft"} data-tooltip-position={"right"} data-tooltip-content={"Campaigns"} data-hover={"tooltip"} onClick={function() {}} label={null} type={"submit"} value={"1"}>
405 + {undefined}
406 + <div>
407 + <div className={"_tma"}></div>
408 + <div className={"_tm8"}></div>
409 + <div className={"_tm9"}>{1}</div>
410 + </div>
411 + {undefined}
412 + </button>
413 + );
414 + }
415 + if (props.x === 305) {
416 + return (
417 + <button className={"_tm4 _tm6 _4jy0 _4jy6 _517h _51sy _42ft"} data-tooltip-position={"right"} data-tooltip-content={"Ad Sets"} data-hover={"tooltip"} onClick={function() {}} label={null} type={"submit"} value={"1"}>
418 + {undefined}
419 + <div>
420 + <div className={"_tma"}></div>
421 + <div className={"_tm8"}></div>
422 + <div className={"_tm9"}>{1}</div>
423 + </div>
424 + {undefined}
425 + </button>
426 + );
427 + }
428 + if (props.x === 307) {
429 + return (
430 + <button className={"_tm5 _tm6 _4jy0 _4jy6 _517h _51sy _42ft"} data-tooltip-position={"right"} data-tooltip-content={"Ads"} data-hover={"tooltip"} onClick={function() {}} label={null} type={"submit"} value={"1"}>
431 + {undefined}
432 + <div>
433 + <div className={"_tma"}></div>
434 + <div className={"_tm8"}></div>
435 + <div className={"_tm9"}>{1}</div>
436 + </div>
437 + {undefined}
438 + </button>
439 + );
440 + }
441 },
442 });
443
444 var XUIButton4 = React.createClass({
445 render: function() {
38 - return <AbstractButton3 />;
446 + var props = this.props;
447 + if (props.x === 4) {
448 + return <AbstractButton3 x={3} />;
449 + }
450 + if (props.x === 21) {
451 + return <AbstractButton3 x={20} />;
452 + }
453 + if (props.x === 24) {
454 + return <AbstractButton3 x={23} />;
455 + }
456 + if (props.x === 69) {
457 + return <AbstractButton3 x={68} />;
458 + }
459 + if (props.x === 72) {
460 + return <AbstractButton3 x={71} />;
461 + }
462 + if (props.x === 78) {
463 + return <AbstractButton3 x={77} />;
464 + }
465 + if (props.x === 81) {
466 + return <AbstractButton3 x={80} />;
467 + }
468 + if (props.x === 90) {
469 + return <AbstractButton3 x={89} />;
470 + }
471 + if (props.x === 93) {
472 + return <AbstractButton3 x={92} />;
473 + }
474 + if (props.x === 96) {
475 + return <AbstractButton3 x={95} />;
476 + }
477 + if (props.x === 100) {
478 + return <AbstractButton3 x={99} />;
479 + }
480 + if (props.x === 110) {
481 + return <AbstractButton3 x={109} />;
482 + }
483 + if (props.x === 113) {
484 + return <AbstractButton3 x={112} />;
485 + }
486 + if (props.x === 131) {
487 + return <AbstractButton3 x={130} />;
488 + }
489 + if (props.x === 139) {
490 + return <AbstractButton3 x={138} />;
491 + }
492 + if (props.x === 157) {
493 + return <AbstractButton3 x={156} />;
494 + }
495 + if (props.x === 162) {
496 + return <AbstractButton3 x={161} />;
497 + }
498 + if (props.x === 188) {
499 + return <AbstractButton3 x={187} />;
500 + }
501 + if (props.x === 270) {
502 + return <AbstractButton3 x={269} />;
503 + }
504 + if (props.x === 304) {
505 + return <AbstractButton3 x={303} />;
506 + }
507 + if (props.x === 306) {
508 + return <AbstractButton3 x={305} />;
509 + }
510 + if (props.x === 308) {
511 + return <AbstractButton3 x={307} />;
512 + }
513 },
514 });
515
516 var AbstractPopoverButton5 = React.createClass({
517 render: function() {
44 - return <XUIButton4 />;
518 + var props = this.props;
519 + if (props.x === 5) {
520 + return <XUIButton4 x={4} />;
521 + }
522 + if (props.x === 132) {
523 + return <XUIButton4 x={131} />;
524 + }
525 + if (props.x === 140) {
526 + return <XUIButton4 x={139} />;
527 + }
528 + if (props.x === 271) {
529 + return <XUIButton4 x={270} />;
530 + }
531 },
532 });
533
534 var ReactXUIPopoverButton6 = React.createClass({
535 render: function() {
50 - return <AbstractPopoverButton5 />;
51 - },
52 -});
53 -
54 -var AdsPEAccountSelector7 = React.createClass({
55 - render: function() {
56 - return <ReactXUIPopoverButton6 ref={"button"} />;
536 + var props = this.props;
537 + if (props.x === 6) {
538 + return <AbstractPopoverButton5 x={5} />;
539 + }
540 + if (props.x === 133) {
541 + return <AbstractPopoverButton5 x={132} />;
542 + }
543 + if (props.x === 141) {
544 + return <AbstractPopoverButton5 x={140} />;
545 + }
546 + if (props.x === 272) {
547 + return <AbstractPopoverButton5 x={271} />;
548 + }
549 },
550 });
551
60 -var AdsPEAccountSelectorContainer8 = React.createClass({
552 +var BIGAdAccountSelector7 = React.createClass({
553 render: function() {
62 - return <AdsPEAccountSelector7 />;
554 + var props = this.props;
555 + if (props.x === 7) {
556 + return (
557 + <div>
558 + <ReactXUIPopoverButton6 x={6} ref={"openMenuButton"} />
559 + {null}
560 + </div>
561 + );
562 + }
563 + },
564 +});
565 +
566 +var FluxContainer_AdsPEBIGAdAccountSelectorContainer_8 = React.createClass({
567 + render: function() {
568 + var props = this.props;
569 + if (props.x === 8) {
570 + return <BIGAdAccountSelector7 x={7} />;
571 + }
572 + },
573 +});
574 +
575 +var ErrorBoundary9 = React.createClass({
576 + render: function() {
577 + var props = this.props;
578 + if (props.x === 9) {
579 + return <FluxContainer_AdsPEBIGAdAccountSelectorContainer_8 x={8} />;
580 + }
581 + if (props.x === 13) {
582 + return <FluxContainer_AdsPENavigationBarContainer_12 x={12} />;
583 + }
584 + if (props.x === 27) {
585 + return <FluxContainer_AdsPEPublishButtonContainer_18 x={26} />;
586 + }
587 + if (props.x === 32) {
588 + return <ReactPopoverMenu20 x={31} />;
589 + }
590 + if (props.x === 38) {
591 + return <AdsPEResetDialog24 x={37} />;
592 + }
593 + if (props.x === 57) {
594 + return <FluxContainer_AdsPETopErrorContainer_35 x={56} />;
595 + }
596 + if (props.x === 60) {
597 + return <FluxContainer_AdsGuidanceChannel_36 x={59} />;
598 + }
599 + if (props.x === 64) {
600 + return <FluxContainer_AdsBulkEditDialogContainer_38 x={63} />;
601 + }
602 + if (props.x === 124) {
603 + return <AdsPECampaignGroupToolbarContainer57 x={123} />;
604 + }
605 + if (props.x === 170) {
606 + return <AdsPEFilterContainer72 x={169} />;
607 + }
608 + if (props.x === 175) {
609 + return <AdsPETablePagerContainer75 x={174} />;
610 + }
611 + if (props.x === 193) {
612 + return <AdsPEStatRangeContainer81 x={192} />;
613 + }
614 + if (props.x === 301) {
615 + return <FluxContainer_AdsPEMultiTabDrawerContainer_137 x={300} />;
616 + }
617 + if (props.x === 311) {
618 + return <AdsPEOrganizerContainer139 x={310} />;
619 + }
620 + if (props.x === 471) {
621 + return <AdsPECampaignGroupTableContainer159 x={470} />;
622 + }
623 + if (props.x === 475) {
624 + return <AdsPEContentContainer161 x={474} />;
625 + }
626 + },
627 +});
628 +
629 +var AdsErrorBoundary10 = React.createClass({
630 + render: function() {
631 + var props = this.props;
632 + if (props.x === 10) {
633 + return <ErrorBoundary9 x={9} />;
634 + }
635 + if (props.x === 14) {
636 + return <ErrorBoundary9 x={13} />;
637 + }
638 + if (props.x === 28) {
639 + return <ErrorBoundary9 x={27} />;
640 + }
641 + if (props.x === 33) {
642 + return <ErrorBoundary9 x={32} />;
643 + }
644 + if (props.x === 39) {
645 + return <ErrorBoundary9 x={38} />;
646 + }
647 + if (props.x === 58) {
648 + return <ErrorBoundary9 x={57} />;
649 + }
650 + if (props.x === 61) {
651 + return <ErrorBoundary9 x={60} />;
652 + }
653 + if (props.x === 65) {
654 + return <ErrorBoundary9 x={64} />;
655 + }
656 + if (props.x === 125) {
657 + return <ErrorBoundary9 x={124} />;
658 + }
659 + if (props.x === 171) {
660 + return <ErrorBoundary9 x={170} />;
661 + }
662 + if (props.x === 176) {
663 + return <ErrorBoundary9 x={175} />;
664 + }
665 + if (props.x === 194) {
666 + return <ErrorBoundary9 x={193} />;
667 + }
668 + if (props.x === 302) {
669 + return <ErrorBoundary9 x={301} />;
670 + }
671 + if (props.x === 312) {
672 + return <ErrorBoundary9 x={311} />;
673 + }
674 + if (props.x === 472) {
675 + return <ErrorBoundary9 x={471} />;
676 + }
677 + if (props.x === 476) {
678 + return <ErrorBoundary9 x={475} />;
679 + }
680 + },
681 +});
682 +
683 +var AdsPENavigationBar11 = React.createClass({
684 + render: function() {
685 + var props = this.props;
686 + if (props.x === 11) {
687 + return <div className={"_4t_9"}></div>;
688 + }
689 + },
690 +});
691 +
692 +var FluxContainer_AdsPENavigationBarContainer_12 = React.createClass({
693 + render: function() {
694 + var props = this.props;
695 + if (props.x === 12) {
696 + return <AdsPENavigationBar11 x={11} />;
697 + }
698 + },
699 +});
700 +
701 +var AdsPEDraftSyncStatus13 = React.createClass({
702 + render: function() {
703 + var props = this.props;
704 + if (props.x === 16) {
705 + return (
706 + <div className={"_3ut-"} onClick={function() {}}>
707 + <span className={"_3uu0"}>
708 + <ReactImage0 x={15} />
709 + </span>
710 + </div>
711 + );
712 + }
713 },
714 });
715
66 -var AbstractButton9 = React.createClass({
716 +var FluxContainer_AdsPEDraftSyncStatusContainer_14 = React.createClass({
717 render: function() {
68 - return (
69 - <button id={"downloadButton"} className={"_5lk0 _4jy0 _4jy3 _517h _51sy _42ft"} label={null} onClick={function() {}} use={"default"} size={"medium"} borderShade={"light"} suppressed={false} type={"submit"} value={"1"}>
70 - {undefined}
71 - {"Download to Power Editor"}
72 - {undefined}
73 - </button>
74 - );
718 + var props = this.props;
719 + if (props.x === 17) {
720 + return <AdsPEDraftSyncStatus13 x={16} />;
721 + }
722 },
723 });
724
78 -var XUIButton10 = React.createClass({
725 +var AdsPEDraftErrorsStatus15 = React.createClass({
726 render: function() {
80 - return <AbstractButton9 />;
727 + var props = this.props;
728 + if (props.x === 18) {
729 + return null;
730 + }
731 },
732 });
733
84 -var DownloadUploadTimestamp11 = React.createClass({
734 +var FluxContainer_viewFn_16 = React.createClass({
735 render: function() {
86 - return (
87 - <div>
88 - {"Last downloaded"}
89 - {" "}
90 - <abbr className={"livetimestamp"} data-utime={1446062352} data-shorten={false}>{"a few seconds ago"}</abbr>
91 - </div>
92 - );
736 + var props = this.props;
737 + if (props.x === 19) {
738 + return <AdsPEDraftErrorsStatus15 x={18} />;
739 + }
740 },
741 });
742
96 -var ReactImage12 = React.createClass({
743 +var AdsPEPublishButton17 = React.createClass({
744 render: function() {
98 - return <i alt={""} className={"_3-8_ img sp_UuU9HmrQ397 sx_dbc06a"} src={null}></i>;
745 + var props = this.props;
746 + if (props.x === 25) {
747 + return (
748 + <div className={"_5533"}>
749 + <FluxContainer_AdsPEDraftSyncStatusContainer_14 x={17} />
750 + <FluxContainer_viewFn_16 x={19} />
751 + {null}
752 + <XUIButton4 x={21} key={"discard"} />
753 + <XUIButton4 x={24} ref={"reviewChangesButton"} />
754 + </div>
755 + );
756 + }
757 },
758 });
759
102 -var AbstractButton13 = React.createClass({
760 +var FluxContainer_AdsPEPublishButtonContainer_18 = React.createClass({
761 render: function() {
104 - return (
105 - <button id={"uploadButton"} className={"_5lk0 _4jy0 _4jy3 _517h _51sy _42ft"} image={{}} use={"default"} label={null} onClick={function() {}} size={"medium"} borderShade={"light"} suppressed={false} type={"submit"} value={"1"}>
106 - <ReactImage12 />
107 - {"Upload Changes"}
108 - {undefined}
109 - </button>
110 - );
762 + var props = this.props;
763 + if (props.x === 26) {
764 + return <AdsPEPublishButton17 x={25} />;
765 + }
766 },
767 });
768
114 -var XUIButton14 = React.createClass({
769 +var InlineBlock19 = React.createClass({
770 render: function() {
116 - return <AbstractButton13 />;
771 + var props = this.props;
772 + if (props.x === 30) {
773 + return (
774 + <div className={"uiPopover _6a _6b"} disabled={null}>
775 + <ReactImage0 x={29} key={".0"} />
776 + </div>
777 + );
778 + }
779 + if (props.x === 73) {
780 + return (
781 + <div className={"uiPopover _6a _6b"} disabled={null}>
782 + <XUIButton4 x={72} key={".0"} />
783 + </div>
784 + );
785 + }
786 + if (props.x === 82) {
787 + return (
788 + <div className={"_1nwm uiPopover _6a _6b"} disabled={null}>
789 + <XUIButton4 x={81} key={".0"} />
790 + </div>
791 + );
792 + }
793 + if (props.x === 101) {
794 + return (
795 + <div size={"large"} className={"uiPopover _6a _6b"} disabled={null}>
796 + <XUIButton4 x={100} key={".0"} />
797 + </div>
798 + );
799 + }
800 + if (props.x === 273) {
801 + return (
802 + <div className={"_3-90 uiPopover _6a _6b"} style={{"marginTop":2}} disabled={null}>
803 + <ReactXUIPopoverButton6 x={272} key={".0"} />
804 + </div>
805 + );
806 + }
807 },
808 });
809
120 -var DownloadUploadTimestamp15 = React.createClass({
810 +var ReactPopoverMenu20 = React.createClass({
811 render: function() {
122 - return <div></div>;
812 + var props = this.props;
813 + if (props.x === 31) {
814 + return <InlineBlock19 x={30} ref={"root"} />;
815 + }
816 + if (props.x === 74) {
817 + return <InlineBlock19 x={73} ref={"root"} />;
818 + }
819 + if (props.x === 83) {
820 + return <InlineBlock19 x={82} ref={"root"} />;
821 + }
822 + if (props.x === 102) {
823 + return <InlineBlock19 x={101} ref={"root"} />;
824 + }
825 + if (props.x === 274) {
826 + return <InlineBlock19 x={273} ref={"root"} />;
827 + }
828 },
829 });
830
126 -var AbstractButton16 = React.createClass({
831 +var LeftRight21 = React.createClass({
832 render: function() {
128 - return (
129 - <button className={"_5ljz _4jy0 _4jy3 _517h _51sy _42ft"} label={null} onClick={function() {}} use={"default"} size={"medium"} borderShade={"light"} suppressed={false} type={"submit"} value={"1"}>
130 - {undefined}
131 - {"Help"}
132 - {undefined}
133 - </button>
134 - );
833 + var props = this.props;
834 + if (props.x === 34) {
835 + return (
836 + <div className={"clearfix"}>
837 + <div key={"left"} className={"_ohe lfloat"}>
838 + <div className={"_34_j"}>
839 + <div className={"_34_k"}>
840 + <AdsErrorBoundary10 x={10} />
841 + </div>
842 + <div className={"_2u-6"}>
843 + <AdsErrorBoundary10 x={14} />
844 + </div>
845 + </div>
846 + </div>
847 + <div key={"right"} className={"_ohf rfloat"}>
848 + <div className={"_34_m"}>
849 + <div key={"0"} className={"_5ju2"}>
850 + <AdsErrorBoundary10 x={28} />
851 + </div>
852 + <div key={"1"} className={"_5ju2"}>
853 + <AdsErrorBoundary10 x={33} />
854 + </div>
855 + </div>
856 + </div>
857 + </div>
858 + );
859 + }
860 + if (props.x === 232) {
861 + return (
862 + <div flex={"right"} direction={"left"} className={"clearfix"}>
863 + <div key={"left"} className={"_ohe lfloat"}>
864 + <AdsLabeledField104 x={231} />
865 + </div>
866 + <div key={"right"} className={""}>
867 + <div className={"_42ef"}>
868 + <div className={"_2oc7"}>{"Clicks to Website"}</div>
869 + </div>
870 + </div>
871 + </div>
872 + );
873 + }
874 + if (props.x === 235) {
875 + return (
876 + <div className={"_3-8x clearfix"} flex={"right"} direction={"left"}>
877 + <div key={"left"} className={"_ohe lfloat"}>
878 + <AdsLabeledField104 x={234} />
879 + </div>
880 + <div key={"right"} className={""}>
881 + <div className={"_42ef"}>
882 + <div className={"_2oc7"}>{"Auction"}</div>
883 + </div>
884 + </div>
885 + </div>
886 + );
887 + }
888 + if (props.x === 245) {
889 + return (
890 + <div className={"_3-8y clearfix"} flex={"right"} direction={"left"}>
891 + <div key={"left"} className={"_ohe lfloat"}>
892 + <AdsLabeledField104 x={240} />
893 + </div>
894 + <div key={"right"} className={""}>
895 + <div className={"_42ef"}>
896 + <FluxContainer_AdsCampaignGroupSpendCapContainer_107 x={244} />
897 + </div>
898 + </div>
899 + </div>
900 + );
901 + }
902 + if (props.x === 277) {
903 + return (
904 + <div className={"_5dw9 _5dwa clearfix"}>
905 + <div key={"left"} className={"_ohe lfloat"}>
906 + <XUICardHeaderTitle100 x={265} key={".0"} />
907 + </div>
908 + <div key={"right"} className={"_ohf rfloat"}>
909 + <FluxContainer_AdsPluginizedLinksMenuContainer_121 x={276} key={".1"} />
910 + </div>
911 + </div>
912 + );
913 + }
914 },
915 });
916
138 -var XUIButton17 = React.createClass({
917 +var AdsUnifiedNavigationLocalNav22 = React.createClass({
918 render: function() {
140 - return <AbstractButton16 />;
919 + var props = this.props;
920 + if (props.x === 35) {
921 + return (
922 + <div className={"_34_i"}>
923 + <LeftRight21 x={34} />
924 + </div>
925 + );
926 + }
927 },
928 });
929
144 -var ReactImage18 = React.createClass({
930 +var XUIDialog23 = React.createClass({
931 render: function() {
146 - return <i src={null} className={"img sp_UuU9HmrQ397 sx_d5a685"}></i>;
932 + var props = this.props;
933 + if (props.x === 36) {
934 + return null;
935 + }
936 },
937 });
938
150 -var AbstractButton19 = React.createClass({
939 +var AdsPEResetDialog24 = React.createClass({
940 render: function() {
152 - return (
153 - <button className={"_5ljw _p _4jy0 _4jy3 _517h _51sy _42ft"} image={{}} use={"default"} size={"medium"} borderShade={"light"} suppressed={false} label={null} type={"submit"} value={"1"}>
154 - <ReactImage18 />
155 - {undefined}
156 - {undefined}
157 - </button>
158 - );
941 + var props = this.props;
942 + if (props.x === 37) {
943 + return (
944 + <span>
945 + <XUIDialog23 x={36} key={"dialog/.0"} />
946 + </span>
947 + );
948 + }
949 },
950 });
951
162 -var XUIButton20 = React.createClass({
952 +var AdsPETopNav25 = React.createClass({
953 render: function() {
164 - return <AbstractButton19 />;
954 + var props = this.props;
955 + if (props.x === 40) {
956 + return (
957 + <div style={{"width":1306}}>
958 + <AdsUnifiedNavigationLocalNav22 x={35} />
959 + <AdsErrorBoundary10 x={39} />
960 + </div>
961 + );
962 + }
963 },
964 });
965
168 -var InlineBlock21 = React.createClass({
966 +var FluxContainer_AdsPETopNavContainer_26 = React.createClass({
967 render: function() {
170 - return (
171 - <div className={"_5ljz uiPopover _6a _6b"} alignh={"right"} menu={{}} alignv={"middle"} disabled={null} fullWidth={false}>
172 - <XUIButton20 key={"/.0"} />
173 - </div>
174 - );
968 + var props = this.props;
969 + if (props.x === 41) {
970 + return <AdsPETopNav25 x={40} />;
971 + }
972 },
973 });
974
178 -var ReactPopoverMenu22 = React.createClass({
975 +var XUIAbstractGlyphButton27 = React.createClass({
976 render: function() {
180 - return <InlineBlock21 ref={"root"} />;
977 + var props = this.props;
978 + if (props.x === 46) {
979 + return <AbstractButton3 x={45} />;
980 + }
981 + if (props.x === 150) {
982 + return <AbstractButton3 x={149} />;
983 + }
984 },
985 });
986
184 -var XUIButtonGroup23 = React.createClass({
987 +var XUICloseButton28 = React.createClass({
988 render: function() {
186 - return (
187 - <div className={"_13xj _51xa"} id={"helpButton"}>
188 - <XUIButton17 />
189 - <ReactPopoverMenu22 />
190 - </div>
191 - );
989 + var props = this.props;
990 + if (props.x === 47) {
991 + return <XUIAbstractGlyphButton27 x={46} />;
992 + }
993 + if (props.x === 151) {
994 + return <XUIAbstractGlyphButton27 x={150} />;
995 + }
996 },
997 });
998
195 -var AdsPEResetDialog24 = React.createClass({
999 +var XUIText29 = React.createClass({
1000 render: function() {
197 - return <span></span>;
1001 + var props = this.props;
1002 + if (props.x === 48) {
1003 + return <span display={"inline"} className={" _50f7"}>{"Ads Manager"}</span>;
1004 + }
1005 + if (props.x === 205) {
1006 + return <span className={"_2x9f _50f5 _50f7"} display={"inline"}>{"Editing Campaign"}</span>;
1007 + }
1008 + if (props.x === 206) {
1009 + return <span display={"inline"} className={" _50f5 _50f7"}>{"Test Campaign"}</span>;
1010 + }
1011 },
1012 });
1013
201 -var AdsPETopNav25 = React.createClass({
1014 +var XUINotice30 = React.createClass({
1015 render: function() {
203 - return (
204 - <div className={"_5ljl"} id={"ads_pe_top_nav"}>
205 - <div ref={"logo"} className={"_5ljm"}>
206 - <Link0 />
207 - <div className={"_5rne"}>
208 - <span className={"_5ljs"} data-testid={"PETopNavLogoText"}>{"Power Editor"}</span>
209 - </div>
210 - <span className={"_5ljt _5lju"}>{"Dick Madanson"}</span>
211 - </div>
212 - <div ref={"leftButtonGroup"} className={"_5ljy"}>
213 - <div ref={"accountDropdown"} className={"_5ljz _5mun"}>
214 - <AdsPEAccountSelectorContainer8 />
215 - <div className={"_5lj- _5lju"}>{"Account 10149999073643408"}</div>
216 - </div>
217 - <div className={"_5ljz"}>
218 - <div className={"_5lj_"}>
219 - <XUIButton10 />
220 - </div>
221 - <div className={"_5lj- _5lju"}>
222 - <DownloadUploadTimestamp11 />
223 - </div>
224 - </div>
225 - <div className={"_5ljz"}>
226 - <div className={"_5lj_"}>
227 - <XUIButton14 />
228 - </div>
229 - <div className={"_5lj- _5lju"}>
230 - <DownloadUploadTimestamp15 />
231 - </div>
1016 + var props = this.props;
1017 + if (props.x === 51) {
1018 + return (
1019 + <div size={"medium"} className={"_585n _585o _2wdd"}>
1020 + <ReactImage0 x={42} />
1021 + <XUICloseButton28 x={47} />
1022 + <div className={"_585r _2i-a _50f4"}>
1023 + {"Please go to "}
1024 + <Link2 x={50} />
1025 + {" to set up a payment method for this ad account."}
1026 </div>
1027 </div>
234 - <div ref={"rightButtonGroup"} className={"_5lk3"}>
235 - <XUIButtonGroup23 />
236 - </div>
237 - <AdsPEResetDialog24 />
238 - </div>
239 - );
1028 + );
1029 + }
1030 },
1031 });
1032
243 -var FluxContainer_ja_26 = React.createClass({
1033 +var ReactCSSTransitionGroupChild31 = React.createClass({
1034 render: function() {
245 - return <AdsPETopNav25 />;
1035 + var props = this.props;
1036 + if (props.x === 52) {
1037 + return <XUINotice30 x={51} />;
1038 + }
1039 },
1040 });
1041
249 -var _wrapper27 = React.createClass({
1042 +var ReactTransitionGroup32 = React.createClass({
1043 render: function() {
251 - return (
252 - <li selected={true} focused={false} tabIndex={null} hideFocusRing={true} onClick={function() {}} onMouseDown={function() {}} onFocus={function() {}} onBlur={function() {}} className={"_5vwz _5vwy _45hc _1hqh"} wrapper={function() {}} shouldWrapTab={true} mockSpacebarClick={true} role={"presentation"}>
253 - <a ref={"tab"} ajaxify={undefined} href={"#"} role={"tab"} rel={undefined} target={undefined} tabIndex={0} className={""} aria-selected={true} onKeyDown={function() {}}>
254 - <div className={"_4jq5"}>{"Manage Ads"}</div>
255 - <span className={"_13xf"}></span>
256 - </a>
257 - </li>
258 - );
1044 + var props = this.props;
1045 + if (props.x === 53) {
1046 + return (
1047 + <span>
1048 + <ReactCSSTransitionGroupChild31 x={52} key={".0"} ref={".0"} />
1049 + </span>
1050 + );
1051 + }
1052 },
1053 });
1054
262 -var TabBarItem28 = React.createClass({
1055 +var ReactCSSTransitionGroup33 = React.createClass({
1056 render: function() {
264 - return <_wrapper27 />;
1057 + var props = this.props;
1058 + if (props.x === 54) {
1059 + return <ReactTransitionGroup32 x={53} />;
1060 + }
1061 },
1062 });
1063
268 -var XUIPageNavigationItem29 = React.createClass({
1064 +var AdsPETopError34 = React.createClass({
1065 render: function() {
270 - return <TabBarItem28 />;
1066 + var props = this.props;
1067 + if (props.x === 55) {
1068 + return (
1069 + <div className={"_2wdc"}>
1070 + <ReactCSSTransitionGroup33 x={54} />
1071 + </div>
1072 + );
1073 + }
1074 },
1075 });
1076
274 -var TabBarItemWrapper30 = React.createClass({
1077 +var FluxContainer_AdsPETopErrorContainer_35 = React.createClass({
1078 render: function() {
276 - return <XUIPageNavigationItem29 key={"MANAGE_ADS"} />;
1079 + var props = this.props;
1080 + if (props.x === 56) {
1081 + return <AdsPETopError34 x={55} />;
1082 + }
1083 },
1084 });
1085
280 -var _wrapper31 = React.createClass({
1086 +var FluxContainer_AdsGuidanceChannel_36 = React.createClass({
1087 render: function() {
282 - return (
283 - <li selected={false} focused={false} tabIndex={null} hideFocusRing={true} onClick={function() {}} onMouseDown={function() {}} onFocus={function() {}} onBlur={function() {}} className={"_5vwz _45hc"} wrapper={function() {}} shouldWrapTab={true} mockSpacebarClick={true} role={"presentation"}>
284 - <a ref={"tab"} ajaxify={undefined} href={"#"} role={"tab"} rel={undefined} target={undefined} tabIndex={-1} className={""} aria-selected={false} onKeyDown={function() {}}>
285 - <div className={"_4jq5"}>{"Audiences"}</div>
286 - <span className={"_13xf"}></span>
287 - </a>
288 - </li>
289 - );
1088 + var props = this.props;
1089 + if (props.x === 59) {
1090 + return null;
1091 + }
1092 },
1093 });
1094
293 -var TabBarItem32 = React.createClass({
1095 +var ResponsiveBlock37 = React.createClass({
1096 render: function() {
295 - return <_wrapper31 />;
1097 + var props = this.props;
1098 + if (props.x === 62) {
1099 + return (
1100 + <div onResize={function() {}} className={"_4u-c"}>
1101 + {[
1102 + <AdsErrorBoundary10 x={58} />,
1103 + <AdsErrorBoundary10 x={61} />,
1104 + ]}
1105 + <div key={"sensor"} className={"_4u-f"}>
1106 + <iframe ref={"sensorNode"} aria-hidden={"true"} className={"_1_xb"} tabIndex={"-1"}></iframe>
1107 + </div>
1108 + </div>
1109 + );
1110 + }
1111 + if (props.x === 469) {
1112 + return (
1113 + <div onResize={function() {}} className={"_4u-c"}>
1114 + <AdsPEDataTableContainer158 x={468} />
1115 + <div key={"sensor"} className={"_4u-f"}>
1116 + <iframe ref={"sensorNode"} aria-hidden={"true"} className={"_1_xb"} tabIndex={"-1"}></iframe>
1117 + </div>
1118 + </div>
1119 + );
1120 + }
1121 },
1122 });
1123
299 -var XUIPageNavigationItem33 = React.createClass({
1124 +var FluxContainer_AdsBulkEditDialogContainer_38 = React.createClass({
1125 render: function() {
301 - return <TabBarItem32 />;
1126 + var props = this.props;
1127 + if (props.x === 63) {
1128 + return null;
1129 + }
1130 },
1131 });
1132
305 -var TabBarItemWrapper34 = React.createClass({
1133 +var Column39 = React.createClass({
1134 render: function() {
307 - return <XUIPageNavigationItem33 key={"AUDIENCES"} />;
1135 + var props = this.props;
1136 + if (props.x === 66) {
1137 + return (
1138 + <div className={"_4bl8 _4bl7"}>
1139 + <div className={"_3c5f"}>
1140 + {null}
1141 + {null}
1142 + <div className={"_3c5i"}></div>
1143 + {null}
1144 + </div>
1145 + </div>
1146 + );
1147 + }
1148 },
1149 });
1150
311 -var _wrapper35 = React.createClass({
1151 +var XUIButtonGroup40 = React.createClass({
1152 render: function() {
313 - return (
314 - <li selected={false} focused={false} tabIndex={null} hideFocusRing={true} onClick={function() {}} onMouseDown={function() {}} onFocus={function() {}} onBlur={function() {}} className={"_5vwz _45hc"} wrapper={function() {}} shouldWrapTab={true} mockSpacebarClick={true} role={"presentation"}>
315 - <a ref={"tab"} ajaxify={undefined} href={"#"} role={"tab"} rel={undefined} target={undefined} tabIndex={-1} className={""} aria-selected={false} onKeyDown={function() {}}>
316 - <div className={"_4jq5"}>{"Image Library"}</div>
317 - <span className={"_13xf"}></span>
318 - </a>
319 - </li>
320 - );
1153 + var props = this.props;
1154 + if (props.x === 75) {
1155 + return (
1156 + <div className={"_5n7z _51xa"}>
1157 + <XUIButton4 x={69} />
1158 + <ReactPopoverMenu20 x={74} />
1159 + </div>
1160 + );
1161 + }
1162 + if (props.x === 84) {
1163 + return (
1164 + <div className={"_5n7z _51xa"}>
1165 + <XUIButton4 x={78} key={"edit"} />
1166 + <ReactPopoverMenu20 x={83} key={"editMenu"} />
1167 + </div>
1168 + );
1169 + }
1170 + if (props.x === 97) {
1171 + return (
1172 + <div className={"_5n7z _51xa"}>
1173 + <XUIButton4 x={90} key={"revert"} />
1174 + <XUIButton4 x={93} key={"delete"} />
1175 + <XUIButton4 x={96} key={"duplicate"} />
1176 + </div>
1177 + );
1178 + }
1179 + if (props.x === 117) {
1180 + return (
1181 + <div className={"_5n7z _51xa"}>
1182 + <AdsPEExportImportMenuContainer48 x={107} />
1183 + <XUIButton4 x={110} key={"createReport"} ref={"ads_create_report_button"} />
1184 + <AdsPECampaignGroupTagContainer51 x={116} key={"tags"} />
1185 + </div>
1186 + );
1187 + }
1188 },
1189 });
1190
324 -var TabBarItem36 = React.createClass({
1191 +var AdsPEEditToolbarButton41 = React.createClass({
1192 render: function() {
326 - return <_wrapper35 />;
1193 + var props = this.props;
1194 + if (props.x === 85) {
1195 + return <XUIButtonGroup40 x={84} />;
1196 + }
1197 },
1198 });
1199
330 -var XUIPageNavigationItem37 = React.createClass({
1200 +var FluxContainer_AdsPEEditCampaignGroupToolbarButtonContainer_42 = React.createClass({
1201 render: function() {
332 - return <TabBarItem36 />;
1202 + var props = this.props;
1203 + if (props.x === 86) {
1204 + return <AdsPEEditToolbarButton41 x={85} />;
1205 + }
1206 },
1207 });
1208
336 -var TabBarItemWrapper38 = React.createClass({
1209 +var FluxContainer_AdsPEEditToolbarButtonContainer_43 = React.createClass({
1210 render: function() {
338 - return <XUIPageNavigationItem37 key={"IMAGES"} />;
1211 + var props = this.props;
1212 + if (props.x === 87) {
1213 + return <FluxContainer_AdsPEEditCampaignGroupToolbarButtonContainer_42 x={86} />;
1214 + }
1215 },
1216 });
1217
342 -var _wrapper39 = React.createClass({
1218 +var AdsPEExportImportMenu44 = React.createClass({
1219 render: function() {
344 - return (
345 - <li selected={false} focused={false} tabIndex={null} hideFocusRing={true} onClick={function() {}} onMouseDown={function() {}} onFocus={function() {}} onBlur={function() {}} className={"_5vwz _45hc"} wrapper={function() {}} shouldWrapTab={true} mockSpacebarClick={true} role={"presentation"}>
346 - <a ref={"tab"} ajaxify={undefined} href={"#"} role={"tab"} rel={undefined} target={undefined} tabIndex={-1} className={""} aria-selected={false} onKeyDown={function() {}}>
347 - <div className={"_4jq5"}>
348 - {"Reporting"}
349 - {null}
350 - </div>
351 - <span className={"_13xf"}></span>
352 - </a>
353 - </li>
354 - );
1220 + var props = this.props;
1221 + if (props.x === 103) {
1222 + return <ReactPopoverMenu20 x={102} key={"export"} />;
1223 + }
1224 },
1225 });
1226
358 -var TabBarItem40 = React.createClass({
1227 +var FluxContainer_AdsPECustomizeExportContainer_45 = React.createClass({
1228 render: function() {
360 - return <_wrapper39 />;
1229 + var props = this.props;
1230 + if (props.x === 104) {
1231 + return null;
1232 + }
1233 },
1234 });
1235
364 -var XUIPageNavigationItem41 = React.createClass({
1236 +var AdsPEExportAsTextDialog46 = React.createClass({
1237 render: function() {
366 - return <TabBarItem40 />;
1238 + var props = this.props;
1239 + if (props.x === 105) {
1240 + return null;
1241 + }
1242 },
1243 });
1244
370 -var TabBarItemWrapper42 = React.createClass({
1245 +var FluxContainer_AdsPEExportAsTextDialogContainer_47 = React.createClass({
1246 render: function() {
372 - return <XUIPageNavigationItem41 key={"REPORTING"} />;
1247 + var props = this.props;
1248 + if (props.x === 106) {
1249 + return <AdsPEExportAsTextDialog46 x={105} />;
1250 + }
1251 },
1252 });
1253
376 -var _wrapper43 = React.createClass({
1254 +var AdsPEExportImportMenuContainer48 = React.createClass({
1255 render: function() {
378 - return (
379 - <li selected={false} focused={false} tabIndex={null} hideFocusRing={true} onClick={function() {}} onMouseDown={function() {}} onFocus={function() {}} onBlur={function() {}} className={"_5vwz _45hc"} wrapper={function() {}} shouldWrapTab={true} mockSpacebarClick={true} role={"presentation"}>
380 - <a ref={"tab"} ajaxify={undefined} href={"#"} role={"tab"} rel={undefined} target={undefined} tabIndex={-1} className={""} aria-selected={false} onKeyDown={function() {}}>
381 - <div className={"_4jq5"}>{"Page Posts"}</div>
382 - <span className={"_13xf"}></span>
383 - </a>
384 - </li>
385 - );
1256 + var props = this.props;
1257 + if (props.x === 107) {
1258 + return (
1259 + <span>
1260 + <AdsPEExportImportMenu44 x={103} />
1261 + <FluxContainer_AdsPECustomizeExportContainer_45 x={104} />
1262 + <FluxContainer_AdsPEExportAsTextDialogContainer_47 x={106} />
1263 + {null}
1264 + {null}
1265 + </span>
1266 + );
1267 + }
1268 },
1269 });
1270
389 -var TabBarItem44 = React.createClass({
1271 +var Constructor49 = React.createClass({
1272 render: function() {
391 - return <_wrapper43 />;
1273 + var props = this.props;
1274 + if (props.x === 114) {
1275 + return null;
1276 + }
1277 + if (props.x === 142) {
1278 + return null;
1279 + }
1280 + if (props.x === 143) {
1281 + return null;
1282 + }
1283 + if (props.x === 183) {
1284 + return null;
1285 + }
1286 },
1287 });
1288
395 -var XUIPageNavigationItem45 = React.createClass({
1289 +var TagSelectorPopover50 = React.createClass({
1290 render: function() {
397 - return <TabBarItem44 />;
1291 + var props = this.props;
1292 + if (props.x === 115) {
1293 + return (
1294 + <span className={" _3d6e"}>
1295 + <XUIButton4 x={113} ref={"button"} />
1296 + <Constructor49 x={114} key={"layer"} ref={"layer"} />
1297 + </span>
1298 + );
1299 + }
1300 },
1301 });
1302
401 -var TabBarItemWrapper46 = React.createClass({
1303 +var AdsPECampaignGroupTagContainer51 = React.createClass({
1304 render: function() {
403 - return <XUIPageNavigationItem45 key={"PAGES"} />;
1305 + var props = this.props;
1306 + if (props.x === 116) {
1307 + return <TagSelectorPopover50 x={115} key={"98010048849317"} />;
1308 + }
1309 },
1310 });
1311
407 -var TabBarItem47 = React.createClass({
1312 +var AdsRuleToolbarMenu52 = React.createClass({
1313 render: function() {
409 - return (
410 - <a ref={"tab"} menuClassName={undefined} selected={false} focused={false} hideFocusRing={true} onMouseDown={function() {}} onFocus={function() {}} onBlur={function() {}} label={"Tools"} tabComponent={function() {}} shouldWrapTab={false} className={"_45hd _45hc _p _45hc"} tabIndex={-1} mockSpacebarClick={false} wrapper={function() {}} href={"#"} role={"tab"} aria-selected={false}>
411 - <span className={"_1b0"}>
412 - {"Tools"}
413 - <span className={"accessible_elem"}>{"additional tabs menu"}</span>
414 - </span>
415 - </a>
416 - );
1314 + var props = this.props;
1315 + if (props.x === 118) {
1316 + return null;
1317 + }
1318 },
1319 });
1320
420 -var InlineBlock48 = React.createClass({
1321 +var FluxContainer_AdsPERuleToolbarMenuContainer_53 = React.createClass({
1322 render: function() {
422 - return (
423 - <div menu={{}} layerBehaviors={{}} alignv={"middle"} className={"uiPopover _6a _6b"} disabled={null} fullWidth={false}>
424 - <TabBarItem47 key={"/.0"} />
425 - </div>
426 - );
1323 + var props = this.props;
1324 + if (props.x === 119) {
1325 + return <AdsRuleToolbarMenu52 x={118} />;
1326 + }
1327 },
1328 });
1329
430 -var ReactPopoverMenu49 = React.createClass({
1330 +var FillColumn54 = React.createClass({
1331 render: function() {
432 - return <InlineBlock48 ref={"root"} />;
1332 + var props = this.props;
1333 + if (props.x === 120) {
1334 + return (
1335 + <div className={"_4bl9"}>
1336 + <span className={"_3c5e"}>
1337 + <span>
1338 + <XUIButtonGroup40 x={75} />
1339 + <FluxContainer_AdsPEEditToolbarButtonContainer_43 x={87} />
1340 + {null}
1341 + <XUIButtonGroup40 x={97} />
1342 + </span>
1343 + <XUIButtonGroup40 x={117} />
1344 + <FluxContainer_AdsPERuleToolbarMenuContainer_53 x={119} />
1345 + </span>
1346 + </div>
1347 + );
1348 + }
1349 },
1350 });
1351
436 -var TabBarDropdownItem50 = React.createClass({
1352 +var Layout55 = React.createClass({
1353 render: function() {
438 - return (
439 - <li className={" _45hd"} role={"tab"}>
440 - <ReactPopoverMenu49 />
441 - </li>
442 - );
1354 + var props = this.props;
1355 + if (props.x === 121) {
1356 + return (
1357 + <div className={"clearfix"}>
1358 + <Column39 x={66} key={"1"} />
1359 + <FillColumn54 x={120} key={"0"} />
1360 + </div>
1361 + );
1362 + }
1363 },
1364 });
1365
446 -var TabBar51 = React.createClass({
1366 +var AdsPEMainPaneToolbar56 = React.createClass({
1367 render: function() {
448 - return (
449 - <ul onTabClick={function() {}} activeTabKey={"MANAGE_ADS"} onWidthCalculated={function() {}} width={null} maxTabsVisible={5} moreLabel={"Tools"} alwaysShowActive={true} dropdownTabComponent={function() {}} shouldCalculateVisibleTabs={true} className={"_43o4"} role={"tablist"} onKeyDown={function() {}} onKeyUp={function() {}}>
450 - <TabBarItemWrapper30 key={"MANAGE_ADS"} />
451 - <TabBarItemWrapper34 key={"AUDIENCES"} />
452 - <TabBarItemWrapper38 key={"IMAGES"} />
453 - <TabBarItemWrapper42 key={"REPORTING"} />
454 - <TabBarItemWrapper46 key={"PAGES"} />
455 - <TabBarDropdownItem50 key={"_dropdown"} ref={"more"} />
456 - </ul>
457 - );
1368 + var props = this.props;
1369 + if (props.x === 122) {
1370 + return (
1371 + <div className={"_3c5b clearfix"}>
1372 + <Layout55 x={121} />
1373 + </div>
1374 + );
1375 + }
1376 },
1377 });
1378
461 -var XUIPageNavigationGroup52 = React.createClass({
1379 +var AdsPECampaignGroupToolbarContainer57 = React.createClass({
1380 render: function() {
463 - return <TabBar51 ref={"bar"} />;
1381 + var props = this.props;
1382 + if (props.x === 123) {
1383 + return <AdsPEMainPaneToolbar56 x={122} />;
1384 + }
1385 },
1386 });
1387
467 -var LeftRight53 = React.createClass({
1388 +var AdsPEFiltersPopover58 = React.createClass({
1389 render: function() {
469 - return (
470 - <div className={"_5vx7 clearfix"}>
471 - <div key={"left"} className={"_ohe lfloat"}>
472 - <XUIPageNavigationGroup52 key={"0"} ref={"left"} />
473 - </div>
474 - {null}
475 - </div>
476 - );
1390 + var props = this.props;
1391 + if (props.x === 144) {
1392 + return (
1393 + <span className={"_5b-l _5bbe"}>
1394 + <ReactXUIPopoverButton6 x={133} ref={"searchButton"} />
1395 + <ReactXUIPopoverButton6 x={141} ref={"filterButton"} />
1396 + {[
1397 + <Constructor49 x={142} key={"filterMenu/.0"} />,
1398 + <Constructor49 x={143} key={"searchMenu/.0"} />,
1399 + ]}
1400 + </span>
1401 + );
1402 + }
1403 },
1404 });
1405
480 -var XUIPageNavigation54 = React.createClass({
1406 +var AbstractCheckboxInput59 = React.createClass({
1407 render: function() {
482 - return (
483 - <div className={"_5vx2 _5vx4 _5vx6 _5kkt"}>
484 - <LeftRight53 />
485 - </div>
486 - );
1408 + var props = this.props;
1409 + if (props.x === 145) {
1410 + return (
1411 + <label className={"uiInputLabelInput _55sg _kv1"}>
1412 + <input checked={true} disabled={true} name={"filterUnpublished"} value={"on"} onClick={function() {}} className={null} id={"js_input_label_21"} type={"checkbox"}></input>
1413 + <span data-hover={null} data-tooltip-content={undefined}></span>
1414 + </label>
1415 + );
1416 + }
1417 + if (props.x === 336) {
1418 + return (
1419 + <label className={"_4h2r _55sg _kv1"}>
1420 + <input checked={undefined} onChange={function() {}} className={null} type={"checkbox"}></input>
1421 + <span data-hover={null} data-tooltip-content={undefined}></span>
1422 + </label>
1423 + );
1424 + }
1425 },
1426 });
1427
490 -var AdsPENavigationBar55 = React.createClass({
1428 +var XUICheckboxInput60 = React.createClass({
1429 render: function() {
492 - return (
493 - <div className={"_5_a"} id={"ads_pe_navigation_bar"}>
494 - <XUIPageNavigation54 />
495 - </div>
496 - );
1430 + var props = this.props;
1431 + if (props.x === 146) {
1432 + return <AbstractCheckboxInput59 x={145} />;
1433 + }
1434 + if (props.x === 337) {
1435 + return <AbstractCheckboxInput59 x={336} />;
1436 + }
1437 },
1438 });
1439
500 -var FluxContainer_w_56 = React.createClass({
1440 +var InputLabel61 = React.createClass({
1441 render: function() {
502 - return <AdsPENavigationBar55 />;
1442 + var props = this.props;
1443 + if (props.x === 147) {
1444 + return (
1445 + <div display={"block"} className={"uiInputLabel clearfix"}>
1446 + <XUICheckboxInput60 x={146} />
1447 + <label className={"uiInputLabelLabel"} htmlFor={"js_input_label_21"}>{"Always show new items"}</label>
1448 + </div>
1449 + );
1450 + }
1451 },
1452 });
1453
506 -var ReactImage57 = React.createClass({
1454 +var AdsPopoverLink62 = React.createClass({
1455 render: function() {
508 - return (
509 - <i alt={"Warning"} className={"_585p img sp_R48dKBxiJkP sx_aed870"} src={null}>
510 - <u>{"Warning"}</u>
511 - </i>
512 - );
1456 + var props = this.props;
1457 + if (props.x === 154) {
1458 + return (
1459 + <span>
1460 + <span ref={"tipIcon"} onMouseEnter={function() {}} onMouseLeave={function() {}} onMouseUp={undefined}>
1461 + <span className={"_3o_j"}></span>
1462 + <ReactImage0 x={153} />
1463 + </span>
1464 + {null}
1465 + </span>
1466 + );
1467 + }
1468 + if (props.x === 238) {
1469 + return (
1470 + <span>
1471 + <span ref={"tipIcon"} onMouseEnter={function() {}} onMouseLeave={function() {}} onMouseUp={undefined}>
1472 + <span className={"_3o_j"}></span>
1473 + <ReactImage0 x={237} />
1474 + </span>
1475 + {null}
1476 + </span>
1477 + );
1478 + }
1479 },
1480 });
1481
516 -var Link58 = React.createClass({
1482 +var AdsHelpLink63 = React.createClass({
1483 render: function() {
518 - return (
519 - <a className={"_585q _50zy _50-0 _50z- _5upp _42ft"} href={"#"} onClick={function() {}} size={"medium"} shade={"dark"} type={null} label={null} title={"Remove"} aria-label={undefined} data-hover={undefined} data-tooltip-alignh={undefined} disabled={null} rel={undefined}>
520 - {undefined}
521 - {"Remove"}
522 - {undefined}
523 - </a>
524 - );
1484 + var props = this.props;
1485 + if (props.x === 155) {
1486 + return <AdsPopoverLink62 x={154} />;
1487 + }
1488 + if (props.x === 239) {
1489 + return <AdsPopoverLink62 x={238} />;
1490 + }
1491 },
1492 });
1493
528 -var AbstractButton59 = React.createClass({
1494 +var BUIFilterTokenInput64 = React.createClass({
1495 render: function() {
530 - return <Link58 />;
1496 + var props = this.props;
1497 + if (props.x === 158) {
1498 + return (
1499 + <div className={"_5b5o _3yz3 _4cld"}>
1500 + <div className={"_5b5t _2d2k"}>
1501 + <ReactImage0 x={152} />
1502 + <div className={"_5b5r"}>
1503 + {"Campaigns: (1)"}
1504 + <AdsHelpLink63 x={155} />
1505 + </div>
1506 + </div>
1507 + <XUIButton4 x={157} />
1508 + </div>
1509 + );
1510 + }
1511 },
1512 });
1513
534 -var XUIAbstractGlyphButton60 = React.createClass({
1514 +var BUIFilterToken65 = React.createClass({
1515 render: function() {
536 - return <AbstractButton59 />;
1516 + var props = this.props;
1517 + if (props.x === 159) {
1518 + return (
1519 + <div className={"_3yz1 _3yz2 _3dad"}>
1520 + <div ref={"filterToken"} className={"_3yz4"} aria-hidden={false}>
1521 + <div onClick={function() {}} className={"_3yz5"}>
1522 + <ReactImage0 x={148} />
1523 + <div className={"_3yz7"}>{"Campaigns:"}</div>
1524 + <div className={"ellipsis _3yz8"} data-hover={"tooltip"} data-tooltip-display={"overflow"}>{"(1)"}</div>
1525 + </div>
1526 + {null}
1527 + <XUICloseButton28 x={151} />
1528 + </div>
1529 + <BUIFilterTokenInput64 x={158} ref={"filterTokenInput"} />
1530 + </div>
1531 + );
1532 + }
1533 },
1534 });
1535
540 -var XUICloseButton61 = React.createClass({
1536 +var BUIFilterTokenCreateButton66 = React.createClass({
1537 render: function() {
542 - return <XUIAbstractGlyphButton60 />;
1538 + var props = this.props;
1539 + if (props.x === 163) {
1540 + return (
1541 + <div className={"_1tc"}>
1542 + <XUIButton4 x={162} />
1543 + </div>
1544 + );
1545 + }
1546 },
1547 });
1548
546 -var XUIText62 = React.createClass({
1549 +var BUIFilterTokenizer67 = React.createClass({
1550 render: function() {
548 - return <span weight={"bold"} size={"inherit"} display={"inline"} className={" _50f7"}>{"Ads Manager"}</span>;
1551 + var props = this.props;
1552 + if (props.x === 164) {
1553 + return (
1554 + <div className={"_5b-m clearfix"}>
1555 + {undefined}
1556 + {[]}
1557 + <BUIFilterToken65 x={159} key={"token0"} />
1558 + <BUIFilterTokenCreateButton66 x={163} />
1559 + {null}
1560 + <div className={"_49u3"}></div>
1561 + </div>
1562 + );
1563 + }
1564 },
1565 });
1566
552 -var Link63 = React.createClass({
1567 +var XUIAmbientNUX68 = React.createClass({
1568 render: function() {
554 - return (
555 - <a href={"/ads/manage/billing.php?act=10149999073643408"} target={"_blank"} rel={undefined} onClick={function() {}}>
556 - <XUIText62 />
557 - </a>
558 - );
1569 + var props = this.props;
1570 + if (props.x === 165) {
1571 + return null;
1572 + }
1573 + if (props.x === 189) {
1574 + return null;
1575 + }
1576 + if (props.x === 200) {
1577 + return null;
1578 + }
1579 },
1580 });
1581
562 -var XUINotice64 = React.createClass({
1582 +var XUIAmbientNUX69 = React.createClass({
1583 render: function() {
564 - return (
565 - <div size={"medium"} className={"_585n _585o _2wdd"}>
566 - <ReactImage57 />
567 - <XUICloseButton61 />
568 - <div className={"_585r _2i-a _50f4"}>
569 - {"Please go to "}
570 - <Link63 />
571 - {" to set up a payment method for this ad account."}
572 - </div>
573 - </div>
574 - );
1584 + var props = this.props;
1585 + if (props.x === 166) {
1586 + return <XUIAmbientNUX68 x={165} />;
1587 + }
1588 + if (props.x === 190) {
1589 + return <XUIAmbientNUX68 x={189} />;
1590 + }
1591 + if (props.x === 201) {
1592 + return <XUIAmbientNUX68 x={200} />;
1593 + }
1594 },
1595 });
1596
578 -var ReactCSSTransitionGroupChild65 = React.createClass({
1597 +var AdsPEAmbientNUXMegaphone70 = React.createClass({
1598 render: function() {
580 - return <XUINotice64 />;
1599 + var props = this.props;
1600 + if (props.x === 167) {
1601 + return (
1602 + <span>
1603 + <span ref={"mainChild"}></span>
1604 + <XUIAmbientNUX69 x={166} key={"nux"} />
1605 + </span>
1606 + );
1607 + }
1608 },
1609 });
1610
584 -var ReactTransitionGroup66 = React.createClass({
1611 +var AdsPEFilters71 = React.createClass({
1612 render: function() {
586 - return (
587 - <span transitionEnterTimeout={500} transitionLeaveTimeout={500} transitionName={{}} transitionAppear={false} transitionEnter={true} transitionLeave={true} childFactory={function() {}} component={"span"}>
588 - <ReactCSSTransitionGroupChild65 key={".0"} ref={".0"} />
589 - </span>
590 - );
1613 + var props = this.props;
1614 + if (props.x === 168) {
1615 + return (
1616 + <div className={"_4rw_"}>
1617 + <AdsPEFiltersPopover58 x={144} />
1618 + <div className={"_1eo"}>
1619 + <InputLabel61 x={147} />
1620 + </div>
1621 + <BUIFilterTokenizer67 x={164} />
1622 + {""}
1623 + <AdsPEAmbientNUXMegaphone70 x={167} />
1624 + </div>
1625 + );
1626 + }
1627 },
1628 });
1629
594 -var ReactCSSTransitionGroup67 = React.createClass({
1630 +var AdsPEFilterContainer72 = React.createClass({
1631 render: function() {
596 - return <ReactTransitionGroup66 />;
1632 + var props = this.props;
1633 + if (props.x === 169) {
1634 + return <AdsPEFilters71 x={168} />;
1635 + }
1636 },
1637 });
1638
600 -var AdsPETopError68 = React.createClass({
1639 +var AdsPETablePager73 = React.createClass({
1640 render: function() {
602 - return (
603 - <div className={"_2wdc"}>
604 - <ReactCSSTransitionGroup67 />
605 - </div>
606 - );
1641 + var props = this.props;
1642 + if (props.x === 172) {
1643 + return null;
1644 + }
1645 },
1646 });
1647
610 -var FluxContainer_r_69 = React.createClass({
1648 +var AdsPECampaignGroupTablePagerContainer74 = React.createClass({
1649 render: function() {
612 - return <AdsPETopError68 />;
1650 + var props = this.props;
1651 + if (props.x === 173) {
1652 + return <AdsPETablePager73 x={172} />;
1653 + }
1654 },
1655 });
1656
616 -var ReactImage70 = React.createClass({
1657 +var AdsPETablePagerContainer75 = React.createClass({
1658 render: function() {
618 - return <i className={"_3-8_ img sp_UuU9HmrQ397 sx_bae57d"} src={null}></i>;
1659 + var props = this.props;
1660 + if (props.x === 174) {
1661 + return <AdsPECampaignGroupTablePagerContainer74 x={173} />;
1662 + }
1663 },
1664 });
1665
622 -var ReactImage71 = React.createClass({
1666 +var ReactXUIError76 = React.createClass({
1667 render: function() {
624 - return <i alt={""} className={"_3-99 img sp_UuU9HmrQ397 sx_7e56e9"} src={null}></i>;
1668 + var props = this.props;
1669 + if (props.x === 181) {
1670 + return <AbstractButton3 x={180} />;
1671 + }
1672 + if (props.x === 216) {
1673 + return (
1674 + <div className={"_40bf _2vl4 _1h18"}>
1675 + {null}
1676 + {null}
1677 + <div className={"_2vl9 _1h1f"} style={{"backgroundColor":"#fff"}}>
1678 + <div className={"_2vla _1h1g"}>
1679 + <div>
1680 + {null}
1681 + <textarea ref={"input"} className={"_2vli _2vlj _1h26 _1h27"} dir={"auto"} disabled={undefined} id={undefined} maxLength={null} value={"Test Campaign"} onBlur={function() {}} onChange={function() {}} onFocus={function() {}} onKeyDown={function() {}}></textarea>
1682 + {null}
1683 + </div>
1684 + <div ref={"shadowText"} aria-hidden={"true"} className={"_2vlk"}></div>
1685 + </div>
1686 + </div>
1687 + {null}
1688 + </div>
1689 + );
1690 + }
1691 + if (props.x === 221) {
1692 + return <XUICard94 x={220} />;
1693 + }
1694 + if (props.x === 250) {
1695 + return <XUICard94 x={249} />;
1696 + }
1697 + if (props.x === 280) {
1698 + return <XUICard94 x={279} />;
1699 + }
1700 },
1701 });
1702
628 -var Link72 = React.createClass({
1703 +var BUIPopoverButton77 = React.createClass({
1704 render: function() {
630 - return (
631 - <a style={{"maxWidth":"200px"}} image={null} label={null} imageRight={{}} className={" _5bbf _55pi _2agf _5bbf _55pi _4jy0 _4jy4 _517h _51sy _42ft"} href={"#"} haschevron={true} onClick={function() {}} size={"large"} use={"default"} borderShade={"light"} suppressed={false} disabled={null} rel={undefined}>
632 - {null}
633 - <span className={"_55pe"} style={{"maxWidth":"186px"}}>
634 - <ReactImage70 />
635 - {"Search"}
636 - </span>
637 - <ReactImage71 />
638 - </a>
639 - );
1705 + var props = this.props;
1706 + if (props.x === 182) {
1707 + return <ReactXUIError76 x={181} />;
1708 + }
1709 },
1710 });
1711
643 -var AbstractButton73 = React.createClass({
1712 +var BUIDateRangePicker78 = React.createClass({
1713 render: function() {
645 - return <Link72 />;
1714 + var props = this.props;
1715 + if (props.x === 184) {
1716 + return (
1717 + <span>
1718 + <BUIPopoverButton77 x={182} ref={function() {}} />
1719 + {[
1720 + <Constructor49 x={183} key={"layer/.0"} />,
1721 + ]}
1722 + </span>
1723 + );
1724 + }
1725 },
1726 });
1727
649 -var XUIButton74 = React.createClass({
1728 +var AdsPEStatsRangePicker79 = React.createClass({
1729 render: function() {
651 - return <AbstractButton73 />;
1730 + var props = this.props;
1731 + if (props.x === 185) {
1732 + return <BUIDateRangePicker78 x={184} />;
1733 + }
1734 },
1735 });
1736
655 -var AbstractPopoverButton75 = React.createClass({
1737 +var AdsPEStatRange80 = React.createClass({
1738 render: function() {
657 - return <XUIButton74 />;
1739 + var props = this.props;
1740 + if (props.x === 191) {
1741 + return (
1742 + <div className={"_3c5k"}>
1743 + <span className={"_3c5j"}>{"Stats:"}</span>
1744 + <span className={"_3c5l"}>
1745 + <AdsPEStatsRangePicker79 x={185} />
1746 + <XUIButton4 x={188} key={"settings"} ref={"PE_TABLE_LIST_SETTING"} />
1747 + </span>
1748 + {[
1749 + <XUIAmbientNUX69 x={190} key={"roasNUX/.0"} />,
1750 + ]}
1751 + </div>
1752 + );
1753 + }
1754 },
1755 });
1756
661 -var ReactXUIPopoverButton76 = React.createClass({
1757 +var AdsPEStatRangeContainer81 = React.createClass({
1758 render: function() {
663 - return <AbstractPopoverButton75 />;
1759 + var props = this.props;
1760 + if (props.x === 192) {
1761 + return <AdsPEStatRange80 x={191} />;
1762 + }
1763 },
1764 });
1765
667 -var ReactImage77 = React.createClass({
1766 +var AdsPESideTrayTabButton82 = React.createClass({
1767 render: function() {
669 - return <i className={"_3-8_ img sp_UuU9HmrQ397 sx_81d5f0"} src={null}></i>;
1768 + var props = this.props;
1769 + if (props.x === 196) {
1770 + return (
1771 + <div className={"_1-ly _59j9 _d9a"} onClick={function() {}}>
1772 + <ReactImage0 x={195} />
1773 + <div className={"_vf7"}></div>
1774 + <div className={"_vf8"}></div>
1775 + </div>
1776 + );
1777 + }
1778 + if (props.x === 199) {
1779 + return (
1780 + <div className={" _1-lz _d9a"} onClick={function() {}}>
1781 + <ReactImage0 x={198} />
1782 + <div className={"_vf7"}></div>
1783 + <div className={"_vf8"}></div>
1784 + </div>
1785 + );
1786 + }
1787 + if (props.x === 203) {
1788 + return null;
1789 + }
1790 },
1791 });
1792
673 -var ReactImage78 = React.createClass({
1793 +var AdsPEEditorTrayTabButton83 = React.createClass({
1794 render: function() {
675 - return <i alt={""} className={"_3-99 img sp_UuU9HmrQ397 sx_7e56e9"} src={null}></i>;
1795 + var props = this.props;
1796 + if (props.x === 197) {
1797 + return <AdsPESideTrayTabButton82 x={196} />;
1798 + }
1799 },
1800 });
1801
679 -var Link79 = React.createClass({
1802 +var AdsPEInsightsTrayTabButton84 = React.createClass({
1803 render: function() {
681 - return (
682 - <a style={{"maxWidth":"200px"}} image={null} label={null} imageRight={{}} className={" _5bbf _55pi _2agf _5bbf _55pi _4jy0 _4jy4 _517h _51sy _42ft"} href={"#"} haschevron={true} onClick={function() {}} size={"large"} use={"default"} borderShade={"light"} suppressed={false} disabled={null} rel={undefined}>
683 - {null}
684 - <span className={"_55pe"} style={{"maxWidth":"186px"}}>
685 - <ReactImage77 />
686 - {"Filters"}
1804 + var props = this.props;
1805 + if (props.x === 202) {
1806 + return (
1807 + <span>
1808 + <AdsPESideTrayTabButton82 x={199} ref={"PE_INSIGHTS_TAB_ICON"} />
1809 + <XUIAmbientNUX69 x={201} key={"roasNUX"} />
1810 </span>
688 - <ReactImage78 />
689 - </a>
690 - );
1811 + );
1812 + }
1813 },
1814 });
1815
694 -var AbstractButton80 = React.createClass({
1816 +var AdsPENekoDebuggerTrayTabButton85 = React.createClass({
1817 render: function() {
696 - return <Link79 />;
1818 + var props = this.props;
1819 + if (props.x === 204) {
1820 + return <AdsPESideTrayTabButton82 x={203} />;
1821 + }
1822 },
1823 });
1824
700 -var XUIButton81 = React.createClass({
1825 +var AdsPEEditorChildLink86 = React.createClass({
1826 render: function() {
702 - return <AbstractButton80 />;
1827 + var props = this.props;
1828 + if (props.x === 211) {
1829 + return (
1830 + <div className={"_3ywr"}>
1831 + <Link2 x={208} />
1832 + <span className={"_3ywq"}>{"|"}</span>
1833 + <Link2 x={210} />
1834 + </div>
1835 + );
1836 + }
1837 },
1838 });
1839
706 -var AbstractPopoverButton82 = React.createClass({
1840 +var AdsPEEditorChildLinkContainer87 = React.createClass({
1841 render: function() {
708 - return <XUIButton81 />;
1842 + var props = this.props;
1843 + if (props.x === 212) {
1844 + return <AdsPEEditorChildLink86 x={211} />;
1845 + }
1846 },
1847 });
1848
712 -var ReactXUIPopoverButton83 = React.createClass({
1849 +var AdsPEHeaderSection88 = React.createClass({
1850 render: function() {
714 - return <AbstractPopoverButton82 />;
1851 + var props = this.props;
1852 + if (props.x === 213) {
1853 + return (
1854 + <div className={"_yke"}>
1855 + <div className={"_2x9d _pr-"}></div>
1856 + <XUIText29 x={205} />
1857 + <div className={"_3a-a"}>
1858 + <div className={"_3a-b"}>
1859 + <XUIText29 x={206} />
1860 + </div>
1861 + </div>
1862 + <AdsPEEditorChildLinkContainer87 x={212} />
1863 + </div>
1864 + );
1865 + }
1866 },
1867 });
1868
718 -var AdsPEFiltersPopover84 = React.createClass({
1869 +var AdsPECampaignGroupHeaderSectionContainer89 = React.createClass({
1870 render: function() {
720 - return (
721 - <span className={"_5b-l _5bbe"}>
722 - <ReactXUIPopoverButton76 ref={"searchButton"} />
723 - <ReactXUIPopoverButton83 ref={"filterButton"} />
724 - </span>
725 - );
1871 + var props = this.props;
1872 + if (props.x === 214) {
1873 + return <AdsPEHeaderSection88 x={213} />;
1874 + }
1875 },
1876 });
1877
729 -var ReactImage85 = React.createClass({
1878 +var AdsEditorLoadingErrors90 = React.createClass({
1879 render: function() {
731 - return <i className={"_3yz6 _5whs img sp_UuU9HmrQ397 sx_5fe5c2"} src={null}></i>;
1880 + var props = this.props;
1881 + if (props.x === 215) {
1882 + return null;
1883 + }
1884 },
1885 });
1886
735 -var AbstractButton86 = React.createClass({
1887 +var AdsTextInput91 = React.createClass({
1888 render: function() {
737 - return (
738 - <button className={"_3yz9 _1t-2 _50z_ _50zy _50zz _50z- _5upp _42ft"} size={"small"} onClick={function() {}} shade={"dark"} type={"button"} label={null} title={"Remove"} aria-label={undefined} data-hover={undefined} data-tooltip-alignh={undefined}>
739 - {undefined}
740 - {"Remove"}
741 - {undefined}
742 - </button>
743 - );
1889 + var props = this.props;
1890 + if (props.x === 217) {
1891 + return <ReactXUIError76 x={216} />;
1892 + }
1893 },
1894 });
1895
747 -var XUIAbstractGlyphButton87 = React.createClass({
1896 +var BUIFormElement92 = React.createClass({
1897 render: function() {
749 - return <AbstractButton86 />;
1898 + var props = this.props;
1899 + if (props.x === 218) {
1900 + return (
1901 + <div className={"_5521 clearfix"}>
1902 + <div className={"_5522 _3w5q"}>
1903 + <label onClick={undefined} htmlFor={"1467872040612:1961945894"} className={"_5523 _3w5r"}>
1904 + {"Campaign Name"}
1905 + {null}
1906 + </label>
1907 + </div>
1908 + <div className={"_5527"}>
1909 + <div className={"_5528"}>
1910 + <span key={".0"} className={"_40bg"} density={"snug"} labelPosition={"left"} id={"1467872040612:1961945894"}>
1911 + <AdsTextInput91 x={217} key={"nameEditor98010048849317"} ref={"nameTextInput"} />
1912 + {null}
1913 + </span>
1914 + </div>
1915 + {null}
1916 + </div>
1917 + </div>
1918 + );
1919 + }
1920 },
1921 });
1922
753 -var XUICloseButton88 = React.createClass({
1923 +var BUIForm93 = React.createClass({
1924 render: function() {
755 - return <XUIAbstractGlyphButton87 />;
1925 + var props = this.props;
1926 + if (props.x === 219) {
1927 + return (
1928 + <div className={"_5ks1 _550r _550t _550y _3w5n"}>
1929 + <BUIFormElement92 x={218} key={".0"} />
1930 + </div>
1931 + );
1932 + }
1933 },
1934 });
1935
759 -var ReactImage89 = React.createClass({
1936 +var XUICard94 = React.createClass({
1937 render: function() {
761 - return <i className={"_5b5p _4gem img sp_UuU9HmrQ397 sx_5fe5c2"} src={null}></i>;
1938 + var props = this.props;
1939 + if (props.x === 220) {
1940 + return (
1941 + <div className={"_40bc _12k2 _4-u2 _4-u8"} xuiErrorPosition={"above"} background={"white"}>
1942 + <BUIForm93 x={219} />
1943 + </div>
1944 + );
1945 + }
1946 + if (props.x === 249) {
1947 + return (
1948 + <div xuiErrorPosition={"above"} className={"_12k2 _4-u2 _4-u8"} background={"white"}>
1949 + <AdsCardHeader103 x={230} />
1950 + <AdsCardSection108 x={248} />
1951 + </div>
1952 + );
1953 + }
1954 + if (props.x === 279) {
1955 + return (
1956 + <div xuiErrorPosition={"above"} className={"_12k2 _4-u2 _4-u8"} background={"white"}>
1957 + <AdsCardLeftRightHeader122 x={278} />
1958 + </div>
1959 + );
1960 + }
1961 },
1962 });
1963
765 -var ReactImage90 = React.createClass({
1964 +var AdsCard95 = React.createClass({
1965 render: function() {
767 - return <i src={null} className={"_541d img sp_R48dKBxiJkP sx_dc2cdb"}></i>;
1966 + var props = this.props;
1967 + if (props.x === 222) {
1968 + return <ReactXUIError76 x={221} />;
1969 + }
1970 + if (props.x === 251) {
1971 + return <ReactXUIError76 x={250} />;
1972 + }
1973 + if (props.x === 281) {
1974 + return <ReactXUIError76 x={280} />;
1975 + }
1976 },
1977 });
1978
771 -var AdsPopoverLink91 = React.createClass({
1979 +var AdsEditorNameSection96 = React.createClass({
1980 render: function() {
773 - return (
774 - <span ref={"tipIcon"} onMouseEnter={function() {}} onMouseLeave={function() {}}>
775 - <span className={"_3o_j"}></span>
776 - <ReactImage90 />
777 - </span>
778 - );
1981 + var props = this.props;
1982 + if (props.x === 223) {
1983 + return <AdsCard95 x={222} />;
1984 + }
1985 },
1986 });
1987
782 -var AdsHelpLink92 = React.createClass({
1988 +var AdsCampaignGroupNameSectionContainer97 = React.createClass({
1989 render: function() {
784 - return <AdsPopoverLink91 />;
1990 + var props = this.props;
1991 + if (props.x === 224) {
1992 + return <AdsEditorNameSection96 x={223} key={"nameSection98010048849317"} />;
1993 + }
1994 },
1995 });
1996
788 -var AbstractButton93 = React.createClass({
1997 +var _render98 = React.createClass({
1998 render: function() {
790 - return (
791 - <button className={"_5b5u _5b5v _4jy0 _4jy3 _517h _51sy _42ft"} label={null} use={"default"} onClick={function() {}} size={"medium"} borderShade={"light"} suppressed={false} type={"submit"} value={"1"}>
792 - {undefined}
793 - {"Apply"}
794 - {undefined}
795 - </button>
796 - );
1999 + var props = this.props;
2000 + if (props.x === 225) {
2001 + return <AdsCampaignGroupNameSectionContainer97 x={224} />;
2002 + }
2003 },
2004 });
2005
800 -var XUIButton94 = React.createClass({
2006 +var AdsPluginWrapper99 = React.createClass({
2007 render: function() {
802 - return <AbstractButton93 />;
2008 + var props = this.props;
2009 + if (props.x === 226) {
2010 + return <_render98 x={225} />;
2011 + }
2012 + if (props.x === 255) {
2013 + return <_render111 x={254} />;
2014 + }
2015 + if (props.x === 258) {
2016 + return <_render113 x={257} />;
2017 + }
2018 + if (props.x === 287) {
2019 + return <_render127 x={286} />;
2020 + }
2021 + if (props.x === 291) {
2022 + return <_render130 x={290} />;
2023 + }
2024 },
2025 });
2026
806 -var BUIFilterTokenInput95 = React.createClass({
2027 +var XUICardHeaderTitle100 = React.createClass({
2028 render: function() {
808 - return (
809 - <div className={"_5b5o _3yz3 _4cld"}>
810 - <div className={"_5b5t _2d2k"}>
811 - <ReactImage89 />
812 - <div className={"_5b5r"}>
813 - {"Ads: (1)"}
814 - <AdsHelpLink92 />
815 - </div>
816 - </div>
817 - <XUIButton94 />
818 - </div>
819 - );
2029 + var props = this.props;
2030 + if (props.x === 227) {
2031 + return (
2032 + <span itemComponent={"span"} className={"_38my"}>
2033 + {"Campaign Details"}
2034 + {null}
2035 + <span className={"_c1c"}></span>
2036 + </span>
2037 + );
2038 + }
2039 + if (props.x === 265) {
2040 + return (
2041 + <span itemComponent={"span"} className={"_38my"}>
2042 + {[
2043 + <span>
2044 + {"Campaign ID"}
2045 + {": "}
2046 + {"98010048849317"}
2047 + </span>,
2048 + <div className={"_5lh9"}>
2049 + <FluxContainer_AdsCampaignGroupStatusSwitchContainer_119 x={264} />
2050 + </div>,
2051 + ]}
2052 + {null}
2053 + <span className={"_c1c"}></span>
2054 + </span>
2055 + );
2056 + }
2057 },
2058 });
2059
823 -var BUIFilterToken96 = React.createClass({
2060 +var XUICardSection101 = React.createClass({
2061 render: function() {
825 - return (
826 - <div className={"_3yz1 _3yz2 _3dad"}>
827 - <div ref={"filterToken"} className={"_3yz4"} aria-hidden={false}>
828 - <div onClick={function() {}} className={"_3yz5"}>
829 - <ReactImage85 />
830 - <div className={"_3yz7"}>{"Ads:"}</div>
831 - <div className={"ellipsis _3yz8"} data-hover={"tooltip"} data-tooltip-display={"overflow"}>{"(1)"}</div>
2062 + var props = this.props;
2063 + if (props.x === 228) {
2064 + return (
2065 + <div className={"_5dw9 _5dwa _4-u3"} background={"transparent"}>
2066 + {[
2067 + <XUICardHeaderTitle100 x={227} key={".0"} />,
2068 + ]}
2069 + {undefined}
2070 + {undefined}
2071 + <div className={"_3s3-"}></div>
2072 + </div>
2073 + );
2074 + }
2075 + if (props.x === 247) {
2076 + return (
2077 + <div className={"_12jy _4-u3"} background={"transparent"}>
2078 + <div className={"_3-8j"}>
2079 + <FlexibleBlock105 x={233} />
2080 + <FlexibleBlock105 x={236} />
2081 + <FlexibleBlock105 x={246} />
2082 + {null}
2083 + {null}
2084 </div>
833 - <XUICloseButton88 />
2085 </div>
835 - <BUIFilterTokenInput95 ref={"filterTokenInput"} />
836 - </div>
837 - );
2086 + );
2087 + }
2088 },
2089 });
2090
841 -var ReactImage97 = React.createClass({
2091 +var XUICardHeader102 = React.createClass({
2092 render: function() {
843 - return <i src={null} className={"img sp_UuU9HmrQ397 sx_158e8d"}></i>;
2093 + var props = this.props;
2094 + if (props.x === 229) {
2095 + return <XUICardSection101 x={228} />;
2096 + }
2097 },
2098 });
2099
847 -var AbstractButton98 = React.createClass({
2100 +var AdsCardHeader103 = React.createClass({
2101 render: function() {
849 - return (
850 - <button className={"_1wdf _4jy0 _517i _517h _51sy _42ft"} size={"small"} onClick={function() {}} image={{}} use={"default"} borderShade={"light"} suppressed={false} label={null} type={"submit"} value={"1"}>
851 - <ReactImage97 />
852 - {undefined}
853 - {undefined}
854 - </button>
855 - );
2102 + var props = this.props;
2103 + if (props.x === 230) {
2104 + return <XUICardHeader102 x={229} />;
2105 + }
2106 },
2107 });
2108
859 -var XUIButton99 = React.createClass({
2109 +var AdsLabeledField104 = React.createClass({
2110 render: function() {
861 - return <AbstractButton98 />;
2111 + var props = this.props;
2112 + if (props.x === 231) {
2113 + return (
2114 + <div className={"_2oc6 _3bvz"} label={"Objective"} labelSize={"small"} optionalText={"(optional)"}>
2115 + <label className={"_4el4 _3qwj _3hy-"} htmlFor={undefined}>{"Objective "}</label>
2116 + {null}
2117 + <div className={"_3bv-"}></div>
2118 + </div>
2119 + );
2120 + }
2121 + if (props.x === 234) {
2122 + return (
2123 + <div className={"_2oc6 _3bvz"} label={"Buying Type"} labelSize={"small"} optionalText={"(optional)"}>
2124 + <label className={"_4el4 _3qwj _3hy-"} htmlFor={undefined}>{"Buying Type "}</label>
2125 + {null}
2126 + <div className={"_3bv-"}></div>
2127 + </div>
2128 + );
2129 + }
2130 + if (props.x === 240) {
2131 + return (
2132 + <div className={"_2oc6 _3bvz"} helpText={"Set an overall spending limit for your ad campaign. This means your ad sets in the campaign will stop once you've reached your spending limit."} label={"Campaign Spending Limit"} labelSize={"small"} optionalText={"(optional)"}>
2133 + <label className={"_4el4 _3qwj _3hy-"} htmlFor={undefined}>{"Campaign Spending Limit "}</label>
2134 + <AdsHelpLink63 x={239} />
2135 + <div className={"_3bv-"}></div>
2136 + </div>
2137 + );
2138 + }
2139 },
2140 });
2141
865 -var BUIFilterTokenCreateButton100 = React.createClass({
2142 +var FlexibleBlock105 = React.createClass({
2143 render: function() {
867 - return (
868 - <div className={"_1tc"}>
869 - <XUIButton99 />
870 - </div>
871 - );
2144 + var props = this.props;
2145 + if (props.x === 233) {
2146 + return <LeftRight21 x={232} />;
2147 + }
2148 + if (props.x === 236) {
2149 + return <LeftRight21 x={235} />;
2150 + }
2151 + if (props.x === 246) {
2152 + return <LeftRight21 x={245} />;
2153 + }
2154 },
2155 });
2156
875 -var BUIFilterTokenizer101 = React.createClass({
2157 +var AdsBulkCampaignSpendCapField106 = React.createClass({
2158 render: function() {
877 - return (
878 - <div className={"_5b-m _3o1v clearfix"}>
879 - {undefined}
880 - {[]}
881 - <BUIFilterToken96 key={"token0"} />
882 - <BUIFilterTokenCreateButton100 />
883 - {null}
884 - <div className={"_49u3"}></div>
885 - </div>
886 - );
2159 + var props = this.props;
2160 + if (props.x === 243) {
2161 + return (
2162 + <div className={"_33dv"}>
2163 + {""}
2164 + <Link2 x={242} />
2165 + {" (optional)"}
2166 + </div>
2167 + );
2168 + }
2169 },
2170 });
2171
890 -var AdsPEAmbientNUXMegaphone102 = React.createClass({
2172 +var FluxContainer_AdsCampaignGroupSpendCapContainer_107 = React.createClass({
2173 render: function() {
892 - return <span ref={"mainChild"}></span>;
2174 + var props = this.props;
2175 + if (props.x === 244) {
2176 + return <AdsBulkCampaignSpendCapField106 x={243} />;
2177 + }
2178 },
2179 });
2180
896 -var AdsPEFilters103 = React.createClass({
2181 +var AdsCardSection108 = React.createClass({
2182 render: function() {
898 - return (
899 - <div className={"_4rw_"}>
900 - <AdsPEFiltersPopover84 />
901 - {null}
902 - <BUIFilterTokenizer101 />
903 - {""}
904 - <AdsPEAmbientNUXMegaphone102 />
905 - </div>
906 - );
2183 + var props = this.props;
2184 + if (props.x === 248) {
2185 + return <XUICardSection101 x={247} />;
2186 + }
2187 },
2188 });
2189
910 -var AdsPEFilterContainer104 = React.createClass({
2190 +var AdsEditorCampaignGroupDetailsSection109 = React.createClass({
2191 render: function() {
912 - return <AdsPEFilters103 />;
2192 + var props = this.props;
2193 + if (props.x === 252) {
2194 + return <AdsCard95 x={251} />;
2195 + }
2196 },
2197 });
2198
916 -var AdsPECampaignTimeLimitNotice105 = React.createClass({
2199 +var AdsEditorCampaignGroupDetailsSectionContainer110 = React.createClass({
2200 render: function() {
918 - return <div></div>;
2201 + var props = this.props;
2202 + if (props.x === 253) {
2203 + return <AdsEditorCampaignGroupDetailsSection109 x={252} key={"campaignGroupDetailsSection98010048849317"} />;
2204 + }
2205 },
2206 });
2207
922 -var AdsPECampaignTimeLimitNoticeContainer106 = React.createClass({
2208 +var _render111 = React.createClass({
2209 render: function() {
924 - return <AdsPECampaignTimeLimitNotice105 />;
2210 + var props = this.props;
2211 + if (props.x === 254) {
2212 + return <AdsEditorCampaignGroupDetailsSectionContainer110 x={253} />;
2213 + }
2214 },
2215 });
2216
928 -var AdsPETablePager107 = React.createClass({
2217 +var FluxContainer_AdsEditorToplineDetailsSectionContainer_112 = React.createClass({
2218 render: function() {
930 - return null;
2219 + var props = this.props;
2220 + if (props.x === 256) {
2221 + return null;
2222 + }
2223 },
2224 });
2225
934 -var AdsPEAdgroupTablePagerContainer108 = React.createClass({
2226 +var _render113 = React.createClass({
2227 render: function() {
936 - return <AdsPETablePager107 />;
2228 + var props = this.props;
2229 + if (props.x === 257) {
2230 + return <FluxContainer_AdsEditorToplineDetailsSectionContainer_112 x={256} />;
2231 + }
2232 },
2233 });
2234
940 -var AdsPETablePagerContainer109 = React.createClass({
2235 +var AdsStickyArea114 = React.createClass({
2236 render: function() {
942 - return <AdsPEAdgroupTablePagerContainer108 />;
2237 + var props = this.props;
2238 + if (props.x === 259) {
2239 + return (
2240 + <div inContainingBlock={true}>
2241 + <div ref={"sticky"} onWheel={function() {}}></div>
2242 + </div>
2243 + );
2244 + }
2245 + if (props.x === 292) {
2246 + return (
2247 + <div inContainingBlock={true}>
2248 + <div ref={"sticky"} onWheel={function() {}}>
2249 + {[
2250 + <div key={"campaign_group_errors_section98010048849317"}>
2251 + <AdsPluginWrapper99 x={291} />
2252 + </div>,
2253 + ]}
2254 + </div>
2255 + </div>
2256 + );
2257 + }
2258 },
2259 });
2260
946 -var ReactImage110 = React.createClass({
2261 +var FluxContainer_AdsEditorColumnContainer_115 = React.createClass({
2262 render: function() {
948 - return <i alt={""} className={"_3-99 img sp_UuU9HmrQ397 sx_132804"} src={null}></i>;
2263 + var props = this.props;
2264 + if (props.x === 260) {
2265 + return (
2266 + <div>
2267 + {[
2268 + <div key={"campaign_group_name_section98010048849317"}>
2269 + <AdsPluginWrapper99 x={226} />
2270 + </div>,
2271 + <div key={"campaign_group_basic_section98010048849317"}>
2272 + <AdsPluginWrapper99 x={255} />
2273 + </div>,
2274 + <div key={"campaign_group_topline_section98010048849317"}>
2275 + <AdsPluginWrapper99 x={258} />
2276 + </div>,
2277 + ]}
2278 + <AdsStickyArea114 x={259} />
2279 + </div>
2280 + );
2281 + }
2282 + if (props.x === 293) {
2283 + return (
2284 + <div>
2285 + {[
2286 + <div key={"campaign_group_navigation_section98010048849317"}>
2287 + <AdsPluginWrapper99 x={287} />
2288 + </div>,
2289 + ]}
2290 + <AdsStickyArea114 x={292} />
2291 + </div>
2292 + );
2293 + }
2294 },
2295 });
2296
952 -var Link111 = React.createClass({
2297 +var BUISwitch116 = React.createClass({
2298 render: function() {
954 - return (
955 - <a style={{"maxWidth":"200px"}} image={null} label={null} imageRight={{}} className={"_55pi _2agf _55pi _4jy0 _4jy4 _517h _51sy _42ft"} href={"#"} disabled={null} maxwidth={undefined} size={"large"} suppressed={false} chevron={{}} use={"default"} borderShade={"light"} onClick={function() {}} rel={undefined}>
956 - {null}
957 - <span className={"_55pe"} style={{"maxWidth":"186px"}}>
2299 + var props = this.props;
2300 + if (props.x === 261) {
2301 + return (
2302 + <div data-hover={"tooltip"} data-tooltip-content={"Currently active. Click this switch to deactivate it."} data-tooltip-position={"below"} disabled={false} value={true} onToggle={function() {}} animate={true} className={"_128j _128k _128n"} role={"checkbox"} aria-checked={"true"}>
2303 + <div className={"_128o"} onClick={function() {}} onKeyDown={function() {}} onMouseDown={function() {}} tabIndex={"0"}>
2304 + <div className={"_128p"}></div>
2305 + </div>
2306 {null}
959 - {"Lifetime"}
960 - </span>
961 - <ReactImage110 />
962 - </a>
963 - );
2307 + </div>
2308 + );
2309 + }
2310 },
2311 });
2312
967 -var AbstractButton112 = React.createClass({
2313 +var AdsStatusSwitchInternal117 = React.createClass({
2314 render: function() {
969 - return <Link111 />;
2315 + var props = this.props;
2316 + if (props.x === 262) {
2317 + return <BUISwitch116 x={261} />;
2318 + }
2319 },
2320 });
2321
973 -var XUIButton113 = React.createClass({
2322 +var AdsStatusSwitch118 = React.createClass({
2323 render: function() {
975 - return <AbstractButton112 />;
2324 + var props = this.props;
2325 + if (props.x === 263) {
2326 + return <AdsStatusSwitchInternal117 x={262} />;
2327 + }
2328 },
2329 });
2330
979 -var AbstractPopoverButton114 = React.createClass({
2331 +var FluxContainer_AdsCampaignGroupStatusSwitchContainer_119 = React.createClass({
2332 render: function() {
981 - return <XUIButton113 />;
2333 + var props = this.props;
2334 + if (props.x === 264) {
2335 + return <AdsStatusSwitch118 x={263} key={"status98010048849317"} />;
2336 + }
2337 },
2338 });
2339
985 -var ReactXUIPopoverButton115 = React.createClass({
2340 +var AdsLinksMenu120 = React.createClass({
2341 render: function() {
987 - return <AbstractPopoverButton114 />;
2342 + var props = this.props;
2343 + if (props.x === 275) {
2344 + return <ReactPopoverMenu20 x={274} />;
2345 + }
2346 },
2347 });
2348
991 -var XUISingleSelectorButton116 = React.createClass({
2349 +var FluxContainer_AdsPluginizedLinksMenuContainer_121 = React.createClass({
2350 render: function() {
993 - return <ReactXUIPopoverButton115 />;
2351 + var props = this.props;
2352 + if (props.x === 276) {
2353 + return (
2354 + <div>
2355 + {null}
2356 + <AdsLinksMenu120 x={275} />
2357 + </div>
2358 + );
2359 + }
2360 },
2361 });
2362
997 -var InlineBlock117 = React.createClass({
2363 +var AdsCardLeftRightHeader122 = React.createClass({
2364 render: function() {
999 - return (
1000 - <div className={"_3c5o _3c5p _6a _6b"} defaultValue={"LIFETIME"} size={"large"} onChange={function() {}} disabled={false} alignv={"middle"} fullWidth={false}>
1001 - <input type={"hidden"} autoComplete={"off"} name={undefined} value={"LIFETIME"}></input>
1002 - <XUISingleSelectorButton116 ref={"button"} />
1003 - </div>
1004 - );
2365 + var props = this.props;
2366 + if (props.x === 278) {
2367 + return <LeftRight21 x={277} />;
2368 + }
2369 },
2370 });
2371
1008 -var XUISingleSelector118 = React.createClass({
2372 +var AdsPEIDSection123 = React.createClass({
2373 render: function() {
1010 - return <InlineBlock117 />;
2374 + var props = this.props;
2375 + if (props.x === 282) {
2376 + return <AdsCard95 x={281} />;
2377 + }
2378 },
2379 });
2380
1014 -var ReactImage119 = React.createClass({
2381 +var FluxContainer_AdsPECampaignGroupIDSectionContainer_124 = React.createClass({
2382 render: function() {
1016 - return <i src={null} className={"img sp_UuU9HmrQ397 sx_6c732d"}></i>;
2383 + var props = this.props;
2384 + if (props.x === 283) {
2385 + return <AdsPEIDSection123 x={282} />;
2386 + }
2387 },
2388 });
2389
1020 -var AbstractButton120 = React.createClass({
2390 +var DeferredComponent125 = React.createClass({
2391 render: function() {
1022 - return (
1023 - <button aria-label={"List Settings"} className={"_u_k _3c5o _1-r0 _4jy0 _4jy4 _517h _51sy _42ft"} data-hover={"tooltip"} image={{}} size={"large"} onClick={function() {}} use={"default"} borderShade={"light"} suppressed={false} label={null} type={"submit"} value={"1"}>
1024 - <ReactImage119 />
1025 - {undefined}
1026 - {undefined}
1027 - </button>
1028 - );
2392 + var props = this.props;
2393 + if (props.x === 284) {
2394 + return <FluxContainer_AdsPECampaignGroupIDSectionContainer_124 x={283} />;
2395 + }
2396 },
2397 });
2398
1032 -var XUIButton121 = React.createClass({
2399 +var BootloadedComponent126 = React.createClass({
2400 render: function() {
1034 - return <AbstractButton120 />;
2401 + var props = this.props;
2402 + if (props.x === 285) {
2403 + return <DeferredComponent125 x={284} />;
2404 + }
2405 },
2406 });
2407
1038 -var AdsPEStatRange122 = React.createClass({
2408 +var _render127 = React.createClass({
2409 render: function() {
1040 - return (
1041 - <div className={"_3c5k"}>
1042 - <span className={"_3c5j"}>{"Stats:"}</span>
1043 - <span className={"_3c5l"}>
1044 - <XUISingleSelector118 key={"range"} />
1045 - {null}
1046 - <XUIButton121 key={"settings"} />
1047 - </span>
1048 - </div>
1049 - );
2410 + var props = this.props;
2411 + if (props.x === 286) {
2412 + return <BootloadedComponent126 x={285} />;
2413 + }
2414 },
2415 });
2416
1053 -var AdsPEStatRangeContainer123 = React.createClass({
2417 +var AdsEditorErrorsCard128 = React.createClass({
2418 render: function() {
1055 - return <AdsPEStatRange122 />;
2419 + var props = this.props;
2420 + if (props.x === 288) {
2421 + return null;
2422 + }
2423 },
2424 });
2425
1059 -var Column124 = React.createClass({
2426 +var FluxContainer_FunctionalContainer_129 = React.createClass({
2427 render: function() {
1061 - return (
1062 - <div className={"_4bl8 _4bl7"}>
1063 - <div className={"_3c5f"}>
1064 - {null}
1065 - <AdsPETablePagerContainer109 />
1066 - <div className={"_3c5i"}></div>
1067 - <AdsPEStatRangeContainer123 />
1068 - </div>
1069 - </div>
1070 - );
2428 + var props = this.props;
2429 + if (props.x === 289) {
2430 + return <AdsEditorErrorsCard128 x={288} />;
2431 + }
2432 },
2433 });
2434
1074 -var ReactImage125 = React.createClass({
2435 +var _render130 = React.createClass({
2436 render: function() {
1076 - return <i alt={""} className={"_3-8_ img sp_UuU9HmrQ397 sx_158e8d"} src={null}></i>;
2437 + var props = this.props;
2438 + if (props.x === 290) {
2439 + return <FluxContainer_FunctionalContainer_129 x={289} />;
2440 + }
2441 },
2442 });
2443
1080 -var AbstractButton126 = React.createClass({
2444 +var AdsEditorMultiColumnLayout131 = React.createClass({
2445 render: function() {
1082 - return (
1083 - <button className={"_u_k _4jy0 _4jy4 _517h _51sy _42ft"} label={null} size={"large"} onClick={function() {}} image={{}} use={"default"} borderShade={"light"} suppressed={false} type={"submit"} value={"1"}>
1084 - <ReactImage125 />
1085 - {"Create Ad"}
1086 - {undefined}
1087 - </button>
1088 - );
2446 + var props = this.props;
2447 + if (props.x === 294) {
2448 + return (
2449 + <div className={"_psh"}>
2450 + <div className={"_3cc0"}>
2451 + <div>
2452 + <AdsEditorLoadingErrors90 x={215} key={".0"} />
2453 + <div className={"_3ms3"}>
2454 + <div className={"_3ms4"}>
2455 + <FluxContainer_AdsEditorColumnContainer_115 x={260} key={".1"} />
2456 + </div>
2457 + <div className={"_3pvg"}>
2458 + <FluxContainer_AdsEditorColumnContainer_115 x={293} key={".2"} />
2459 + </div>
2460 + </div>
2461 + </div>
2462 + </div>
2463 + </div>
2464 + );
2465 + }
2466 },
2467 });
2468
1092 -var XUIButton127 = React.createClass({
2469 +var AdsPECampaignGroupEditor132 = React.createClass({
2470 render: function() {
1094 - return <AbstractButton126 />;
2471 + var props = this.props;
2472 + if (props.x === 295) {
2473 + return (
2474 + <div>
2475 + <AdsPECampaignGroupHeaderSectionContainer89 x={214} />
2476 + <AdsEditorMultiColumnLayout131 x={294} />
2477 + </div>
2478 + );
2479 + }
2480 },
2481 });
2482
1098 -var ReactImage128 = React.createClass({
2483 +var AdsPECampaignGroupEditorContainer133 = React.createClass({
2484 render: function() {
1100 - return <i src={null} className={"img sp_UuU9HmrQ397 sx_d5a685"}></i>;
2485 + var props = this.props;
2486 + if (props.x === 296) {
2487 + return <AdsPECampaignGroupEditor132 x={295} />;
2488 + }
2489 },
2490 });
2491
1104 -var AbstractButton129 = React.createClass({
2492 +var AdsPESideTrayTabContent134 = React.createClass({
2493 render: function() {
1106 - return (
1107 - <button className={"_u_k _p _4jy0 _4jy4 _517h _51sy _42ft"} image={{}} size={"large"} use={"default"} borderShade={"light"} suppressed={false} label={null} type={"submit"} value={"1"}>
1108 - <ReactImage128 />
1109 - {undefined}
1110 - {undefined}
1111 - </button>
1112 - );
2494 + var props = this.props;
2495 + if (props.x === 297) {
2496 + return (
2497 + <div className={"_1o_8 _44ra _5cyn"}>
2498 + <AdsPECampaignGroupEditorContainer133 x={296} />
2499 + </div>
2500 + );
2501 + }
2502 },
2503 });
2504
1116 -var XUIButton130 = React.createClass({
2505 +var AdsPEEditorTrayTabContentContainer135 = React.createClass({
2506 render: function() {
1118 - return <AbstractButton129 />;
2507 + var props = this.props;
2508 + if (props.x === 298) {
2509 + return <AdsPESideTrayTabContent134 x={297} />;
2510 + }
2511 },
2512 });
2513
1122 -var InlineBlock131 = React.createClass({
2514 +var AdsPEMultiTabDrawer136 = React.createClass({
2515 render: function() {
1124 - return (
1125 - <div menu={{}} alignh={"right"} layerBehaviors={{}} alignv={"middle"} className={"uiPopover _6a _6b"} disabled={null} fullWidth={false}>
1126 - <XUIButton130 key={"/.0"} />
1127 - </div>
1128 - );
2516 + var props = this.props;
2517 + if (props.x === 299) {
2518 + return (
2519 + <div className={"_2kev _2kex"}>
2520 + <div className={"_5yno"}>
2521 + <AdsPEEditorTrayTabButton83 x={197} key={"editor_tray_button"} />
2522 + <AdsPEInsightsTrayTabButton84 x={202} key={"insights_tray_button"} />
2523 + <AdsPENekoDebuggerTrayTabButton85 x={204} key={"neko_debugger_tray_button"} />
2524 + </div>
2525 + <div className={"_5ynn"}>
2526 + <AdsPEEditorTrayTabContentContainer135 x={298} key={"EDITOR_DRAWER"} />
2527 + {null}
2528 + </div>
2529 + </div>
2530 + );
2531 + }
2532 },
2533 });
2534
1132 -var ReactPopoverMenu132 = React.createClass({
2535 +var FluxContainer_AdsPEMultiTabDrawerContainer_137 = React.createClass({
2536 render: function() {
1134 - return <InlineBlock131 ref={"root"} />;
2537 + var props = this.props;
2538 + if (props.x === 300) {
2539 + return <AdsPEMultiTabDrawer136 x={299} />;
2540 + }
2541 },
2542 });
2543
1138 -var XUIButtonGroup133 = React.createClass({
2544 +var AdsPESimpleOrganizer138 = React.createClass({
2545 render: function() {
1140 - return (
1141 - <div className={"_5n7z _51xa"}>
1142 - <XUIButton127 />
1143 - <ReactPopoverMenu132 />
1144 - </div>
1145 - );
1146 - },
1147 -});
1148 -
1149 -var ReactImage134 = React.createClass({
1150 - render: function() {
1151 - return <i alt={""} className={"_3-8_ img sp_UuU9HmrQ397 sx_990b54"} src={null}></i>;
1152 - },
1153 -});
1154 -
1155 -var AbstractButton135 = React.createClass({
1156 - render: function() {
1157 - return (
1158 - <button size={"large"} disabled={false} className={"_d2_ _u_k _5n7z _4jy0 _4jy4 _517h _51sy _42ft"} image={{}} data-hover={"tooltip"} aria-label={"Edit Ads (Ctrl+U)"} onClick={function() {}} use={"default"} label={null} borderShade={"light"} suppressed={false} type={"submit"} value={"1"}>
1159 - <ReactImage134 />
1160 - {"Edit"}
1161 - {undefined}
1162 - </button>
1163 - );
1164 - },
1165 -});
1166 -
1167 -var XUIButton136 = React.createClass({
1168 - render: function() {
1169 - return <AbstractButton135 />;
1170 - },
1171 -});
1172 -
1173 -var ReactImage137 = React.createClass({
1174 - render: function() {
1175 - return <i src={null} className={"img sp_UuU9HmrQ397 sx_203adb"}></i>;
1176 - },
1177 -});
1178 -
1179 -var AbstractButton138 = React.createClass({
1180 - render: function() {
1181 - return (
1182 - <button aria-label={"Duplicate"} className={"_u_k _4jy0 _4jy4 _517h _51sy _42ft"} data-hover={"tooltip"} disabled={false} image={{}} size={"large"} onClick={function() {}} use={"default"} borderShade={"light"} suppressed={false} label={null} type={"submit"} value={"1"}>
1183 - <ReactImage137 />
1184 - {undefined}
1185 - {undefined}
1186 - </button>
1187 - );
1188 - },
1189 -});
1190 -
1191 -var XUIButton139 = React.createClass({
1192 - render: function() {
1193 - return <AbstractButton138 />;
1194 - },
1195 -});
1196 -
1197 -var ReactImage140 = React.createClass({
1198 - render: function() {
1199 - return <i src={null} className={"img sp_UuU9HmrQ397 sx_0c342e"}></i>;
1200 - },
1201 -});
1202 -
1203 -var AbstractButton141 = React.createClass({
1204 - render: function() {
1205 - return (
1206 - <button aria-label={"Revert"} className={"_u_k _4jy0 _4jy4 _517h _51sy _42ft _42fr"} data-hover={"tooltip"} disabled={true} image={{}} size={"large"} onClick={function() {}} use={"default"} borderShade={"light"} suppressed={false} label={null} type={"submit"} value={"1"}>
1207 - <ReactImage140 />
1208 - {undefined}
1209 - {undefined}
1210 - </button>
1211 - );
1212 - },
1213 -});
1214 -
1215 -var XUIButton142 = React.createClass({
1216 - render: function() {
1217 - return <AbstractButton141 />;
1218 - },
1219 -});
1220 -
1221 -var ReactImage143 = React.createClass({
1222 - render: function() {
1223 - return <i src={null} className={"img sp_UuU9HmrQ397 sx_0e75f5"}></i>;
1224 - },
1225 -});
1226 -
1227 -var AbstractButton144 = React.createClass({
1228 - render: function() {
1229 - return (
1230 - <button aria-label={"Delete"} className={"_u_k _4jy0 _4jy4 _517h _51sy _42ft"} image={{}} data-hover={"tooltip"} disabled={false} size={"large"} onClick={function() {}} use={"default"} borderShade={"light"} suppressed={false} label={null} type={"submit"} value={"1"}>
1231 - <ReactImage143 />
1232 - {undefined}
1233 - {undefined}
1234 - </button>
1235 - );
1236 - },
1237 -});
1238 -
1239 -var XUIButton145 = React.createClass({
1240 - render: function() {
1241 - return <AbstractButton144 />;
1242 - },
1243 -});
1244 -
1245 -var XUIButtonGroup146 = React.createClass({
1246 - render: function() {
1247 - return (
1248 - <div className={"_5n7z _51xa"}>
1249 - <XUIButton139 key={"duplicate"} />
1250 - <XUIButton142 key={"revert"} />
1251 - <XUIButton145 key={"delete"} />
1252 - </div>
1253 - );
1254 - },
1255 -});
1256 -
1257 -var ReactImage147 = React.createClass({
1258 - render: function() {
1259 - return <i src={null} className={"img sp_UuU9HmrQ397 sx_8c19ae"}></i>;
1260 - },
1261 -});
1262 -
1263 -var AbstractButton148 = React.createClass({
1264 - render: function() {
1265 - return (
1266 - <button size={"large"} disabled={false} className={"_u_k _4jy0 _4jy4 _517h _51sy _42ft"} image={{}} data-hover={"tooltip"} aria-label={"Save Audience"} onClick={function() {}} use={"default"} borderShade={"light"} suppressed={false} label={null} type={"submit"} value={"1"}>
1267 - <ReactImage147 />
1268 - {undefined}
1269 - {undefined}
1270 - </button>
1271 - );
1272 - },
1273 -});
1274 -
1275 -var XUIButton149 = React.createClass({
1276 - render: function() {
1277 - return <AbstractButton148 />;
1278 - },
1279 -});
1280 -
1281 -var ReactImage150 = React.createClass({
1282 - render: function() {
1283 - return <i src={null} className={"img sp_UuU9HmrQ397 sx_d2b33c"}></i>;
1284 - },
1285 -});
1286 -
1287 -var AbstractButton151 = React.createClass({
1288 - render: function() {
1289 - return (
1290 - <button size={"large"} className={"_u_k noMargin _p _4jy0 _4jy4 _517h _51sy _42ft"} onClick={function() {}} image={{}} data-hover={"tooltip"} aria-label={"Export & Import"} use={"default"} borderShade={"light"} suppressed={false} label={null} type={"submit"} value={"1"}>
1291 - <ReactImage150 />
1292 - {undefined}
1293 - {undefined}
1294 - </button>
1295 - );
1296 - },
1297 -});
1298 -
1299 -var XUIButton152 = React.createClass({
1300 - render: function() {
1301 - return <AbstractButton151 />;
1302 - },
1303 -});
1304 -
1305 -var InlineBlock153 = React.createClass({
1306 - render: function() {
1307 - return (
1308 - <div menu={{}} size={"large"} alignv={"middle"} className={"uiPopover _6a _6b"} disabled={null} fullWidth={false}>
1309 - <XUIButton152 key={"/.0"} />
1310 - </div>
1311 - );
1312 - },
1313 -});
1314 -
1315 -var ReactPopoverMenu154 = React.createClass({
1316 - render: function() {
1317 - return <InlineBlock153 ref={"root"} />;
1318 - },
1319 -});
1320 -
1321 -var AdsPEExportImportMenu155 = React.createClass({
1322 - render: function() {
1323 - return <ReactPopoverMenu154 key={"export"} />;
1324 - },
1325 -});
1326 -
1327 -var FluxContainer_x_156 = React.createClass({
1328 - render: function() {
1329 - return null;
1330 - },
1331 -});
1332 -
1333 -var AdsPEExportAsTextDialog157 = React.createClass({
1334 - render: function() {
1335 - return null;
1336 - },
1337 -});
1338 -
1339 -var FluxContainer_q_158 = React.createClass({
1340 - render: function() {
1341 - return <AdsPEExportAsTextDialog157 />;
1342 - },
1343 -});
1344 -
1345 -var AdsPEExportImportMenuContainer159 = React.createClass({
1346 - render: function() {
1347 - return (
1348 - <span>
1349 - <AdsPEExportImportMenu155 />
1350 - <FluxContainer_x_156 />
1351 - <FluxContainer_q_158 />
1352 - {null}
1353 - </span>
1354 - );
1355 - },
1356 -});
1357 -
1358 -var ReactImage160 = React.createClass({
1359 - render: function() {
1360 - return <i src={null} className={"img sp_UuU9HmrQ397 sx_872db1"}></i>;
1361 - },
1362 -});
1363 -
1364 -var AbstractButton161 = React.createClass({
1365 - render: function() {
1366 - return (
1367 - <button size={"large"} disabled={false} onClick={function() {}} className={"_u_k _5n7z _4jy0 _4jy4 _517h _51sy _42ft"} image={{}} style={{"boxSizing":"border-box","height":"28px","width":"48px"}} data-hover={"tooltip"} aria-label={"Create Report"} use={"default"} borderShade={"light"} suppressed={false} label={null} type={"submit"} value={"1"}>
1368 - <ReactImage160 />
1369 - {undefined}
1370 - {undefined}
1371 - </button>
1372 - );
1373 - },
1374 -});
1375 -
1376 -var XUIButton162 = React.createClass({
1377 - render: function() {
1378 - return <AbstractButton161 />;
1379 - },
1380 -});
1381 -
1382 -var AbstractButton163 = React.createClass({
1383 - render: function() {
1384 - return (
1385 - <button size={"large"} disabled={true} className={"hidden_elem _5n7z _4jy0 _4jy4 _517h _51sy _42ft _42fr"} label={null} onClick={function() {}} use={"default"} borderShade={"light"} suppressed={false} type={"submit"} value={"1"}>
1386 - {undefined}
1387 - {"Generate Variations"}
1388 - {undefined}
1389 - </button>
1390 - );
1391 - },
1392 -});
1393 -
1394 -var XUIButton164 = React.createClass({
1395 - render: function() {
1396 - return <AbstractButton163 />;
1397 - },
1398 -});
1399 -
1400 -var XUIButtonGroup165 = React.createClass({
1401 - render: function() {
1402 - return (
1403 - <div className={"_5n7z _51xa"}>
1404 - <XUIButton149 key={"saveAudience"} />
1405 - <AdsPEExportImportMenuContainer159 />
1406 - <XUIButton162 key={"createReport"} ref={"ads_create_report_button"} />
1407 - <XUIButton164 key={"variations"} />
1408 - </div>
1409 - );
1410 - },
1411 -});
1412 -
1413 -var FillColumn166 = React.createClass({
1414 - render: function() {
1415 - return (
1416 - <div className={"_4bl9"}>
1417 - <span className={"_3c5e"}>
1418 - <span>
1419 - <XUIButtonGroup133 />
1420 - <XUIButton136 key={"edit"} />
1421 - <XUIButtonGroup146 />
1422 - </span>
1423 - <XUIButtonGroup165 />
1424 - </span>
1425 - </div>
1426 - );
1427 - },
1428 -});
1429 -
1430 -var Layout167 = React.createClass({
1431 - render: function() {
1432 - return (
1433 - <div className={"clearfix"}>
1434 - <Column124 key={"1"} />
1435 - <FillColumn166 key={"0"} />
1436 - </div>
1437 - );
1438 - },
1439 -});
1440 -
1441 -var AdsPEMainPaneToolbar168 = React.createClass({
1442 - render: function() {
1443 - return (
1444 - <div className={"_3c5b clearfix"}>
1445 - <Layout167 />
1446 - </div>
1447 - );
1448 - },
1449 -});
1450 -
1451 -var AdsPEAdgroupToolbarContainer169 = React.createClass({
1452 - render: function() {
1453 - return (
1454 - <div>
1455 - <AdsPEMainPaneToolbar168 />
1456 - {null}
1457 - </div>
1458 - );
1459 - },
1460 -});
1461 -
1462 -var AbstractButton170 = React.createClass({
1463 - render: function() {
1464 - return (
1465 - <button className={"_tm3 _tm6 _4jy0 _4jy6 _517h _51sy _42ft"} label={null} data-tooltip-position={"right"} aria-label={"Campaigns"} data-hover={"tooltip"} onClick={function() {}} size={"xxlarge"} use={"default"} borderShade={"light"} suppressed={false} type={"submit"} value={"1"}>
1466 - {undefined}
1467 - <div>
1468 - <div className={"_tma"}></div>
1469 - <div className={"_tm8"}></div>
1470 - <div className={"_tm9"}>{1}</div>
2546 + var props = this.props;
2547 + if (props.x === 309) {
2548 + return (
2549 + <div className={"_tm2"}>
2550 + <XUIButton4 x={304} />
2551 + <XUIButton4 x={306} />
2552 + <XUIButton4 x={308} />
2553 </div>
1472 - {undefined}
1473 - </button>
1474 - );
2554 + );
2555 + }
2556 },
2557 });
2558
1478 -var XUIButton171 = React.createClass({
2559 +var AdsPEOrganizerContainer139 = React.createClass({
2560 render: function() {
1480 - return <AbstractButton170 />;
1481 - },
1482 -});
1483 -
1484 -var AbstractButton172 = React.createClass({
1485 - render: function() {
1486 - return (
1487 - <button className={"_tm4 _tm6 _4jy0 _4jy6 _517h _51sy _42ft"} label={null} data-tooltip-position={"right"} aria-label={"Ad Sets"} data-hover={"tooltip"} onClick={function() {}} size={"xxlarge"} use={"default"} borderShade={"light"} suppressed={false} type={"submit"} value={"1"}>
1488 - {undefined}
2561 + var props = this.props;
2562 + if (props.x === 310) {
2563 + return (
2564 <div>
1490 - <div className={"_tma"}></div>
1491 - <div className={"_tm8"}></div>
1492 - <div className={"_tm9"}>{1}</div>
2565 + <AdsPESimpleOrganizer138 x={309} />
2566 </div>
1494 - {undefined}
1495 - </button>
1496 - );
1497 - },
1498 -});
1499 -
1500 -var XUIButton173 = React.createClass({
1501 - render: function() {
1502 - return <AbstractButton172 />;
2567 + );
2568 + }
2569 },
2570 });
2571
1506 -var AbstractButton174 = React.createClass({
2572 +var FixedDataTableColumnResizeHandle140 = React.createClass({
2573 render: function() {
1508 - return (
1509 - <button className={"_tm5 _tm6 _tm7 _4jy0 _4jy6 _517h _51sy _42ft"} label={null} data-tooltip-position={"right"} aria-label={"Ads"} data-hover={"tooltip"} onClick={function() {}} size={"xxlarge"} use={"default"} borderShade={"light"} suppressed={false} type={"submit"} value={"1"}>
1510 - {undefined}
1511 - <div>
1512 - <div className={"_tma"}></div>
1513 - <div className={"_tm8"}></div>
1514 - <div className={"_tm9"}>{1}</div>
2574 + var props = this.props;
2575 + if (props.x === 313) {
2576 + return (
2577 + <div className={"_3487 _3488 _3489"} style={{"width":0,"height":25,"left":0}}>
2578 + <div className={"_348a"} style={{"height":25}}></div>
2579 </div>
1516 - {undefined}
1517 - </button>
1518 - );
1519 - },
1520 -});
1521 -
1522 -var XUIButton175 = React.createClass({
1523 - render: function() {
1524 - return <AbstractButton174 />;
1525 - },
1526 -});
1527 -
1528 -var AdsPESimpleOrganizer176 = React.createClass({
1529 - render: function() {
1530 - return (
1531 - <div className={"_tm2"}>
1532 - <XUIButton171 />
1533 - <XUIButton173 />
1534 - <XUIButton175 />
1535 - </div>
1536 - );
1537 - },
1538 -});
1539 -
1540 -var AdsPEOrganizerContainer177 = React.createClass({
1541 - render: function() {
1542 - return (
1543 - <div>
1544 - <AdsPESimpleOrganizer176 />
1545 - </div>
1546 - );
1547 - },
1548 -});
1549 -
1550 -var FixedDataTableColumnResizeHandle178 = React.createClass({
1551 - render: function() {
1552 - return (
1553 - <div className={"_3487 _3488 _3489"} style={{"width":0,"height":532,"left":0}}>
1554 - <div className={"_348a"} style={{"height":532}}></div>
1555 - </div>
1556 - );
1557 - },
1558 -});
1559 -
1560 -var ReactImage179 = React.createClass({
1561 - render: function() {
1562 - return <i className={"_1cie _1cif img sp_R48dKBxiJkP sx_dc0ad2"} src={null}></i>;
1563 - },
1564 -});
1565 -
1566 -var AdsPETableHeader180 = React.createClass({
1567 - render: function() {
1568 - return (
1569 - <div className={"_1cig _1ksv _1vd7 _4h2r"}>
1570 - <ReactImage179 />
1571 - <span className={"_1cid"}>{"Ads"}</span>
1572 - </div>
1573 - );
2580 + );
2581 + }
2582 },
2583 });
2584
1577 -var TransitionCell181 = React.createClass({
2585 +var AdsPETableHeader141 = React.createClass({
2586 render: function() {
1579 - return (
1580 - <div isHeaderCell={true} label={"Ads"} dataKey={0} groupHeaderRenderer={function() {}} groupHeaderLabels={{}} groupHeaderData={{}} columnKey={undefined} height={40} width={521} rowIndex={0} className={"_4lgc _4h2u"} style={{"height":40,"width":521}}>
1581 - <div className={"_4lgd _4h2w"}>
1582 - <div className={"_4lge _4h2x"}>
1583 - <AdsPETableHeader180 />
1584 - </div>
2587 + var props = this.props;
2588 + if (props.x === 315) {
2589 + return (
2590 + <div className={"_1cig _1ksv _1vd7 _4h2r"} id={undefined}>
2591 + <ReactImage0 x={314} />
2592 + <span className={"_1cid"}>{"Campaigns"}</span>
2593 </div>
1586 - </div>
1587 - );
1588 - },
1589 -});
1590 -
1591 -var FixedDataTableCell182 = React.createClass({
1592 - render: function() {
1593 - return (
1594 - <div className={"_4lg0 _4h2m"} style={{"height":40,"width":521,"left":0}}>
1595 - {undefined}
1596 - <TransitionCell181 />
1597 - </div>
1598 - );
1599 - },
1600 -});
1601 -
1602 -var FixedDataTableCellGroupImpl183 = React.createClass({
1603 - render: function() {
1604 - return (
1605 - <div className={"_3pzj"} style={{"height":40,"position":"absolute","width":521,"zIndex":2,"transform":"translate3d(0px,0px,0)","backfaceVisibility":"hidden"}}>
1606 - <FixedDataTableCell182 key={"cell_0"} />
1607 - </div>
1608 - );
1609 - },
1610 -});
1611 -
1612 -var FixedDataTableCellGroup184 = React.createClass({
1613 - render: function() {
1614 - return (
1615 - <div style={{"height":40,"left":0}} className={"_3pzk"}>
1616 - <FixedDataTableCellGroupImpl183 />
1617 - </div>
1618 - );
1619 - },
1620 -});
1621 -
1622 -var AdsPETableHeader185 = React.createClass({
1623 - render: function() {
1624 - return (
1625 - <div className={"_1cig _1vd7 _4h2r"}>
1626 - {null}
1627 - <span className={"_1cid"}>{"Delivery"}</span>
1628 - </div>
1629 - );
1630 - },
1631 -});
1632 -
1633 -var TransitionCell186 = React.createClass({
1634 - render: function() {
1635 - return (
1636 - <div isHeaderCell={true} label={"Delivery"} dataKey={1} groupHeaderRenderer={function() {}} groupHeaderLabels={{}} groupHeaderData={{}} columnKey={undefined} height={40} width={298} rowIndex={0} className={"_4lgc _4h2u"} style={{"height":40,"width":298}}>
1637 - <div className={"_4lgd _4h2w"}>
1638 - <div className={"_4lge _4h2x"}>
1639 - <AdsPETableHeader185 />
1640 - </div>
2594 + );
2595 + }
2596 + if (props.x === 320) {
2597 + return (
2598 + <div className={"_1cig _1vd7 _4h2r"} id={undefined}>
2599 + {null}
2600 + <span className={"_1cid"}>{"Performance"}</span>
2601 </div>
1642 - </div>
1643 - );
1644 - },
1645 -});
1646 -
1647 -var FixedDataTableCell187 = React.createClass({
1648 - render: function() {
1649 - return (
1650 - <div className={"_4lg0 _4h2m"} style={{"height":40,"width":298,"left":0}}>
1651 - {undefined}
1652 - <TransitionCell186 />
1653 - </div>
1654 - );
1655 - },
1656 -});
1657 -
1658 -var AdsPETableHeader188 = React.createClass({
1659 - render: function() {
1660 - return (
1661 - <div className={"_1cig _1vd7 _4h2r"}>
1662 - {null}
1663 - <span className={"_1cid"}>{"Performance"}</span>
1664 - </div>
1665 - );
1666 - },
1667 -});
1668 -
1669 -var TransitionCell189 = React.createClass({
1670 - render: function() {
1671 - return (
1672 - <div isHeaderCell={true} label={"Performance"} dataKey={2} groupHeaderRenderer={function() {}} groupHeaderLabels={{}} groupHeaderData={{}} columnKey={undefined} height={40} width={490} rowIndex={0} className={"_4lgc _4h2u"} style={{"height":40,"width":490}}>
1673 - <div className={"_4lgd _4h2w"}>
1674 - <div className={"_4lge _4h2x"}>
1675 - <AdsPETableHeader188 />
1676 - </div>
2602 + );
2603 + }
2604 + if (props.x === 323) {
2605 + return (
2606 + <div className={"_1cig _1vd7 _4h2r"} id={undefined}>
2607 + {null}
2608 + <span className={"_1cid"}>{"Overview"}</span>
2609 </div>
1678 - </div>
1679 - );
1680 - },
1681 -});
1682 -
1683 -var FixedDataTableCell190 = React.createClass({
1684 - render: function() {
1685 - return (
1686 - <div className={"_4lg0 _4h2m"} style={{"height":40,"width":490,"left":298}}>
1687 - {undefined}
1688 - <TransitionCell189 />
1689 - </div>
1690 - );
1691 - },
1692 -});
1693 -
1694 -var AdsPETableHeader191 = React.createClass({
1695 - render: function() {
1696 - return (
1697 - <div className={"_1cig _1vd7 _4h2r"}>
1698 - {null}
1699 - <span className={"_1cid"}>{"Overview"}</span>
1700 - </div>
1701 - );
1702 - },
1703 -});
1704 -
1705 -var TransitionCell192 = React.createClass({
1706 - render: function() {
1707 - return (
1708 - <div isHeaderCell={true} label={"Overview"} dataKey={3} groupHeaderRenderer={function() {}} groupHeaderLabels={{}} groupHeaderData={{}} columnKey={undefined} height={40} width={972} rowIndex={0} className={"_4lgc _4h2u"} style={{"height":40,"width":972}}>
1709 - <div className={"_4lgd _4h2w"}>
1710 - <div className={"_4lge _4h2x"}>
1711 - <AdsPETableHeader191 />
1712 - </div>
2610 + );
2611 + }
2612 + if (props.x === 326) {
2613 + return (
2614 + <div className={"_1cig _1vd7 _4h2r"} id={undefined}>
2615 + {null}
2616 + <span className={"_1cid"}>{"Toplines"}</span>
2617 + </div>
2618 + );
2619 + }
2620 + if (props.x === 329) {
2621 + return <div className={"_1cig _1vd7 _4h2r"} id={undefined}></div>;
2622 + }
2623 + if (props.x === 340) {
2624 + return (
2625 + <div className={"_1cig _25fg"} id={undefined}>
2626 + {null}
2627 + <span className={"_1cid"}>{"Campaign Name"}</span>
2628 + </div>
2629 + );
2630 + }
2631 + if (props.x === 346) {
2632 + return (
2633 + <div className={"_1cig _25fg"} id={undefined} data-tooltip-content={"Changed"} data-hover={"tooltip"}>
2634 + <ReactImage0 x={345} />
2635 + {null}
2636 </div>
1714 - </div>
1715 - );
1716 - },
1717 -});
1718 -
1719 -var FixedDataTableCell193 = React.createClass({
1720 - render: function() {
1721 - return (
1722 - <div className={"_4lg0 _4h2m"} style={{"height":40,"width":972,"left":788}}>
1723 - {undefined}
1724 - <TransitionCell192 />
1725 - </div>
1726 - );
1727 - },
1728 -});
1729 -
1730 -var AdsPETableHeader194 = React.createClass({
1731 - render: function() {
1732 - return (
1733 - <div className={"_1cig _1vd7 _4h2r"}>
1734 - {null}
1735 - <span className={"_1cid"}>{"Creative Assets"}</span>
1736 - </div>
1737 - );
1738 - },
1739 -});
1740 -
1741 -var TransitionCell195 = React.createClass({
1742 - render: function() {
1743 - return (
1744 - <div isHeaderCell={true} label={"Creative Assets"} dataKey={4} groupHeaderRenderer={function() {}} groupHeaderLabels={{}} groupHeaderData={{}} columnKey={undefined} height={40} width={514} rowIndex={0} className={"_4lgc _4h2u"} style={{"height":40,"width":514}}>
1745 - <div className={"_4lgd _4h2w"}>
1746 - <div className={"_4lge _4h2x"}>
1747 - <AdsPETableHeader194 />
1748 - </div>
2637 + );
2638 + }
2639 + if (props.x === 352) {
2640 + return (
2641 + <div className={"_1cig _25fg"} id={"ads_pe_table_error_header"} data-tooltip-content={"Errors"} data-hover={"tooltip"}>
2642 + <ReactImage0 x={351} />
2643 + {null}
2644 </div>
1750 - </div>
1751 - );
1752 - },
1753 -});
1754 -
1755 -var FixedDataTableCell196 = React.createClass({
1756 - render: function() {
1757 - return (
1758 - <div className={"_4lg0 _4h2m"} style={{"height":40,"width":514,"left":1760}}>
1759 - {undefined}
1760 - <TransitionCell195 />
1761 - </div>
1762 - );
1763 - },
1764 -});
1765 -
1766 -var AdsPETableHeader197 = React.createClass({
1767 - render: function() {
1768 - return (
1769 - <div className={"_1cig _1vd7 _4h2r"}>
1770 - {null}
1771 - <span className={"_1cid"}>{"Toplines"}</span>
1772 - </div>
1773 - );
1774 - },
1775 -});
1776 -
1777 -var TransitionCell198 = React.createClass({
1778 - render: function() {
1779 - return (
1780 - <div isHeaderCell={true} label={"Toplines"} dataKey={5} groupHeaderRenderer={function() {}} groupHeaderLabels={{}} groupHeaderData={{}} columnKey={undefined} height={40} width={0} rowIndex={0} className={"_4lgc _4h2u"} style={{"height":40,"width":0}}>
1781 - <div className={"_4lgd _4h2w"}>
1782 - <div className={"_4lge _4h2x"}>
1783 - <AdsPETableHeader197 />
1784 - </div>
1785 - </div>
1786 - </div>
1787 - );
1788 - },
1789 -});
1790 -
1791 -var FixedDataTableCell199 = React.createClass({
1792 - render: function() {
1793 - return (
1794 - <div className={"_4lg0 _4h2m"} style={{"height":40,"width":0,"left":2274}}>
1795 - {undefined}
1796 - <TransitionCell198 />
1797 - </div>
1798 - );
1799 - },
1800 -});
1801 -
1802 -var AdsPETableHeader200 = React.createClass({
1803 - render: function() {
1804 - return <div className={"_1cig _1vd7 _4h2r"}></div>;
1805 - },
1806 -});
1807 -
1808 -var TransitionCell201 = React.createClass({
1809 - render: function() {
1810 - return (
1811 - <div isHeaderCell={true} label={""} dataKey={6} groupHeaderRenderer={function() {}} groupHeaderLabels={{}} groupHeaderData={{}} columnKey={undefined} height={40} width={25} rowIndex={0} className={"_4lgc _4h2u"} style={{"height":40,"width":25}}>
1812 - <div className={"_4lgd _4h2w"}>
1813 - <div className={"_4lge _4h2x"}>
1814 - <AdsPETableHeader200 />
1815 - </div>
1816 - </div>
1817 - </div>
1818 - );
1819 - },
1820 -});
1821 -
1822 -var FixedDataTableCell202 = React.createClass({
1823 - render: function() {
1824 - return (
1825 - <div className={"_4lg0 _4h2m"} style={{"height":40,"width":25,"left":2274}}>
1826 - {undefined}
1827 - <TransitionCell201 />
1828 - </div>
1829 - );
1830 - },
1831 -});
1832 -
1833 -var FixedDataTableCellGroupImpl203 = React.createClass({
1834 - render: function() {
1835 - return (
1836 - <div className={"_3pzj"} style={{"height":40,"position":"absolute","width":2299,"zIndex":0,"transform":"translate3d(0px,0px,0)","backfaceVisibility":"hidden"}}>
1837 - <FixedDataTableCell187 key={"cell_0"} />
1838 - <FixedDataTableCell190 key={"cell_1"} />
1839 - <FixedDataTableCell193 key={"cell_2"} />
1840 - <FixedDataTableCell196 key={"cell_3"} />
1841 - <FixedDataTableCell199 key={"cell_4"} />
1842 - <FixedDataTableCell202 key={"cell_5"} />
1843 - </div>
1844 - );
1845 - },
1846 -});
1847 -
1848 -var FixedDataTableCellGroup204 = React.createClass({
1849 - render: function() {
1850 - return (
1851 - <div style={{"height":40,"left":521}} className={"_3pzk"}>
1852 - <FixedDataTableCellGroupImpl203 />
1853 - </div>
1854 - );
1855 - },
1856 -});
1857 -
1858 -var FixedDataTableRowImpl205 = React.createClass({
1859 - render: function() {
1860 - return (
1861 - <div className={"_1gd4 _4li _52no _3h1a _1mib"} onClick={null} onDoubleClick={null} onMouseDown={null} onMouseEnter={null} onMouseLeave={null} style={{"width":1083,"height":40}}>
1862 - <div className={"_1gd5"}>
1863 - <FixedDataTableCellGroup184 key={"fixed_cells"} />
1864 - <FixedDataTableCellGroup204 key={"scrollable_cells"} />
1865 - <div className={"_1gd6 _1gd8"} style={{"left":521,"height":40}}></div>
1866 - </div>
1867 - </div>
1868 - );
1869 - },
1870 -});
1871 -
1872 -var FixedDataTableRow206 = React.createClass({
1873 - render: function() {
1874 - return (
1875 - <div style={{"width":1083,"height":40,"zIndex":1,"transform":"translate3d(0px,0px,0)","backfaceVisibility":"hidden"}} className={"_1gda"}>
1876 - <FixedDataTableRowImpl205 />
1877 - </div>
1878 - );
1879 - },
1880 -});
1881 -
1882 -var AbstractCheckboxInput207 = React.createClass({
1883 - render: function() {
1884 - return (
1885 - <label className={"_4h2r _55sg _kv1"}>
1886 - <input checked={undefined} onChange={function() {}} className={null} type={"checkbox"}></input>
1887 - <span data-hover={null} aria-label={undefined}></span>
1888 - </label>
1889 - );
1890 - },
1891 -});
1892 -
1893 -var XUICheckboxInput208 = React.createClass({
1894 - render: function() {
1895 - return <AbstractCheckboxInput207 />;
1896 - },
1897 -});
1898 -
1899 -var TransitionCell209 = React.createClass({
1900 - render: function() {
1901 - return (
1902 - <div isHeaderCell={true} label={undefined} width={42} dataKey={"common.id"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"common.id"} height={25} style={{"height":25,"width":42}}>
1903 - <div className={"_4lgd _4h2w"}>
1904 - <div className={"_4lge _4h2x"}>
1905 - <XUICheckboxInput208 />
1906 - </div>
1907 - </div>
1908 - </div>
1909 - );
1910 - },
1911 -});
1912 -
1913 -var FixedDataTableCell210 = React.createClass({
1914 - render: function() {
1915 - return (
1916 - <div className={"_4lg0 _4lg6 _4h2m"} style={{"height":25,"width":42,"left":0}}>
1917 - {undefined}
1918 - <TransitionCell209 />
1919 - </div>
1920 - );
1921 - },
1922 -});
1923 -
1924 -var AdsPETableHeader211 = React.createClass({
1925 - render: function() {
1926 - return (
1927 - <div className={"_1cig _25fg"}>
1928 - {null}
1929 - <span className={"_1cid"}>{"Ad Name"}</span>
1930 - </div>
1931 - );
1932 - },
1933 -});
1934 -
1935 -var FixedDataTableAbstractSortableHeader212 = React.createClass({
1936 - render: function() {
1937 - return (
1938 - <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
1939 - <div className={"_2eq6"}>
2645 + );
2646 + }
2647 + if (props.x === 357) {
2648 + return (
2649 + <div className={"_1cig _25fg"} id={undefined}>
2650 {null}
1941 - <AdsPETableHeader211 />
1942 - </div>
1943 - </div>
1944 - );
1945 - },
1946 -});
1947 -
1948 -var FixedDataTableSortableHeader213 = React.createClass({
1949 - render: function() {
1950 - return <FixedDataTableAbstractSortableHeader212 />;
1951 - },
1952 -});
1953 -
1954 -var TransitionCell214 = React.createClass({
1955 - render: function() {
1956 - return (
1957 - <div isHeaderCell={true} label={"Ad Name"} width={200} dataKey={"ad.name"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"ad.name"} height={25} style={{"height":25,"width":200}}>
1958 - <div className={"_4lgd _4h2w"}>
1959 - <div className={"_4lge _4h2x"}>
1960 - <FixedDataTableSortableHeader213 />
1961 - </div>
1962 - </div>
1963 - </div>
1964 - );
1965 - },
1966 -});
1967 -
1968 -var FixedDataTableCell215 = React.createClass({
1969 - render: function() {
1970 - return (
1971 - <div className={"_4lg0 _4h2m"} style={{"height":25,"width":200,"left":42}}>
1972 - <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
1973 - <div className={"_4lga _4lgb"} style={{"height":25}}></div>
2651 + <span className={"_1cid"}>{"Status"}</span>
2652 </div>
1975 - <TransitionCell214 />
1976 - </div>
1977 - );
1978 - },
1979 -});
1980 -
1981 -var ReactImage216 = React.createClass({
1982 - render: function() {
1983 - return <i className={"_1cie img sp_UuU9HmrQ397 sx_844e7d"} src={null}></i>;
1984 - },
1985 -});
1986 -
1987 -var AdsPETableHeader217 = React.createClass({
1988 - render: function() {
1989 - return (
1990 - <div className={"_1cig _25fg"}>
1991 - <ReactImage216 />
1992 - {null}
1993 - </div>
1994 - );
1995 - },
1996 -});
1997 -
1998 -var FixedDataTableAbstractSortableHeader218 = React.createClass({
1999 - render: function() {
2000 - return (
2001 - <div onClick={function() {}} className={"_54_8 _1kst _4h2r _2wzx"}>
2002 - <div className={"_2eq6"}>
2653 + );
2654 + }
2655 + if (props.x === 362) {
2656 + return (
2657 + <div className={"_1cig _25fg"} id={undefined}>
2658 {null}
2004 - <AdsPETableHeader217 />
2005 - </div>
2006 - </div>
2007 - );
2008 - },
2009 -});
2010 -
2011 -var FixedDataTableSortableHeader219 = React.createClass({
2012 - render: function() {
2013 - return <FixedDataTableAbstractSortableHeader218 />;
2014 - },
2015 -});
2016 -
2017 -var TransitionCell220 = React.createClass({
2018 - render: function() {
2019 - return (
2020 - <div isHeaderCell={true} label={undefined} width={33} dataKey={"edit_status"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"edit_status"} height={25} style={{"height":25,"width":33}}>
2021 - <div className={"_4lgd _4h2w"}>
2022 - <div className={"_4lge _4h2x"}>
2023 - <FixedDataTableSortableHeader219 />
2024 - </div>
2659 + <span className={"_1cid"}>{"Delivery"}</span>
2660 </div>
2026 - </div>
2027 - );
2028 - },
2029 -});
2030 -
2031 -var FixedDataTableCell221 = React.createClass({
2032 - render: function() {
2033 - return (
2034 - <div className={"_4lg0 _4h2m"} style={{"height":25,"width":33,"left":242}}>
2035 - {undefined}
2036 - <TransitionCell220 />
2037 - </div>
2038 - );
2039 - },
2040 -});
2041 -
2042 -var ReactImage222 = React.createClass({
2043 - render: function() {
2044 - return <i className={"_1cie img sp_UuU9HmrQ397 sx_36dc45"} src={null}></i>;
2045 - },
2046 -});
2047 -
2048 -var AdsPETableHeader223 = React.createClass({
2049 - render: function() {
2050 - return (
2051 - <div className={"_1cig _25fg"}>
2052 - <ReactImage222 />
2053 - {null}
2054 - </div>
2055 - );
2056 - },
2057 -});
2058 -
2059 -var FixedDataTableAbstractSortableHeader224 = React.createClass({
2060 - render: function() {
2061 - return (
2062 - <div onClick={function() {}} className={"_54_8 _1kst _4h2r _2wzx"}>
2063 - <div className={"_2eq6"}>
2661 + );
2662 + }
2663 + if (props.x === 369) {
2664 + return (
2665 + <div className={"_1cig _25fg"} id={undefined}>
2666 {null}
2065 - <AdsPETableHeader223 />
2066 - </div>
2067 - </div>
2068 - );
2069 - },
2070 -});
2071 -
2072 -var FixedDataTableSortableHeader225 = React.createClass({
2073 - render: function() {
2074 - return <FixedDataTableAbstractSortableHeader224 />;
2075 - },
2076 -});
2077 -
2078 -var TransitionCell226 = React.createClass({
2079 - render: function() {
2080 - return (
2081 - <div isHeaderCell={true} label={undefined} width={36} dataKey={"errors"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"errors"} height={25} style={{"height":25,"width":36}}>
2082 - <div className={"_4lgd _4h2w"}>
2083 - <div className={"_4lge _4h2x"}>
2084 - <FixedDataTableSortableHeader225 />
2085 - </div>
2667 + <span className={"_1cid"}>{"Results"}</span>
2668 </div>
2087 - </div>
2088 - );
2089 - },
2090 -});
2091 -
2092 -var FixedDataTableCell227 = React.createClass({
2093 - render: function() {
2094 - return (
2095 - <div className={"_4lg0 _4h2m"} style={{"height":25,"width":36,"left":275}}>
2096 - {undefined}
2097 - <TransitionCell226 />
2098 - </div>
2099 - );
2100 - },
2101 -});
2102 -
2103 -var AdsPETableHeader228 = React.createClass({
2104 - render: function() {
2105 - return (
2106 - <div className={"_1cig _25fg"}>
2107 - {null}
2108 - <span className={"_1cid"}>{"Status"}</span>
2109 - </div>
2110 - );
2111 - },
2112 -});
2113 -
2114 -var FixedDataTableAbstractSortableHeader229 = React.createClass({
2115 - render: function() {
2116 - return (
2117 - <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
2118 - <div className={"_2eq6"}>
2669 + );
2670 + }
2671 + if (props.x === 374) {
2672 + return (
2673 + <div className={"_1cig _25fg"} id={undefined}>
2674 {null}
2120 - <AdsPETableHeader228 />
2121 - </div>
2122 - </div>
2123 - );
2124 - },
2125 -});
2126 -
2127 -var FixedDataTableSortableHeader230 = React.createClass({
2128 - render: function() {
2129 - return <FixedDataTableAbstractSortableHeader229 />;
2130 - },
2131 -});
2132 -
2133 -var TransitionCell231 = React.createClass({
2134 - render: function() {
2135 - return (
2136 - <div isHeaderCell={true} label={"Status"} width={60} dataKey={"ad.adgroup_status"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"ad.adgroup_status"} height={25} style={{"height":25,"width":60}}>
2137 - <div className={"_4lgd _4h2w"}>
2138 - <div className={"_4lge _4h2x"}>
2139 - <FixedDataTableSortableHeader230 />
2140 - </div>
2675 + <span className={"_1cid"}>{"Cost"}</span>
2676 </div>
2142 - </div>
2143 - );
2144 - },
2145 -});
2146 -
2147 -var FixedDataTableCell232 = React.createClass({
2148 - render: function() {
2149 - return (
2150 - <div className={"_4lg0 _4h2m"} style={{"height":25,"width":60,"left":311}}>
2151 - {undefined}
2152 - <TransitionCell231 />
2153 - </div>
2154 - );
2155 - },
2156 -});
2157 -
2158 -var AdsPETableHeader233 = React.createClass({
2159 - render: function() {
2160 - return (
2161 - <div className={"_1cig _25fg"}>
2162 - {null}
2163 - <span className={"_1cid"}>{"Delivery"}</span>
2164 - </div>
2165 - );
2166 - },
2167 -});
2168 -
2169 -var FixedDataTableAbstractSortableHeader234 = React.createClass({
2170 - render: function() {
2171 - return (
2172 - <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
2173 - <div className={"_2eq6"}>
2677 + );
2678 + }
2679 + if (props.x === 379) {
2680 + return (
2681 + <div className={"_1cig _25fg"} id={undefined}>
2682 {null}
2175 - <AdsPETableHeader233 />
2176 - </div>
2177 - </div>
2178 - );
2179 - },
2180 -});
2181 -
2182 -var FixedDataTableSortableHeader235 = React.createClass({
2183 - render: function() {
2184 - return <FixedDataTableAbstractSortableHeader234 />;
2185 - },
2186 -});
2187 -
2188 -var TransitionCell236 = React.createClass({
2189 - render: function() {
2190 - return (
2191 - <div isHeaderCell={true} label={"Delivery"} width={150} dataKey={"ukiAdData.computed_activity_status"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"ukiAdData.computed_activity_status"} height={25} style={{"height":25,"width":150}}>
2192 - <div className={"_4lgd _4h2w"}>
2193 - <div className={"_4lge _4h2x"}>
2194 - <FixedDataTableSortableHeader235 />
2195 - </div>
2196 - </div>
2197 - </div>
2198 - );
2199 - },
2200 -});
2201 -
2202 -var FixedDataTableCell237 = React.createClass({
2203 - render: function() {
2204 - return (
2205 - <div className={"_4lg0 _4h2m"} style={{"height":25,"width":150,"left":371}}>
2206 - <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
2207 - <div className={"_4lga _4lgb"} style={{"height":25}}></div>
2683 + <span className={"_1cid"}>{"Reach"}</span>
2684 </div>
2209 - <TransitionCell236 />
2210 - </div>
2211 - );
2212 - },
2213 -});
2214 -
2215 -var FixedDataTableCellGroupImpl238 = React.createClass({
2216 - render: function() {
2217 - return (
2218 - <div className={"_3pzj"} style={{"height":25,"position":"absolute","width":521,"zIndex":2,"transform":"translate3d(0px,0px,0)","backfaceVisibility":"hidden"}}>
2219 - <FixedDataTableCell210 key={"cell_0"} />
2220 - <FixedDataTableCell215 key={"cell_1"} />
2221 - <FixedDataTableCell221 key={"cell_2"} />
2222 - <FixedDataTableCell227 key={"cell_3"} />
2223 - <FixedDataTableCell232 key={"cell_4"} />
2224 - <FixedDataTableCell237 key={"cell_5"} />
2225 - </div>
2226 - );
2227 - },
2228 -});
2229 -
2230 -var FixedDataTableCellGroup239 = React.createClass({
2231 - render: function() {
2232 - return (
2233 - <div style={{"height":25,"left":0}} className={"_3pzk"}>
2234 - <FixedDataTableCellGroupImpl238 />
2235 - </div>
2236 - );
2237 - },
2238 -});
2239 -
2240 -var AdsPETableHeader240 = React.createClass({
2241 - render: function() {
2242 - return (
2243 - <div className={"_1cig _25fg"}>
2244 - {null}
2245 - <span className={"_1cid"}>{"Reach"}</span>
2246 - </div>
2247 - );
2248 - },
2249 -});
2250 -
2251 -var FixedDataTableAbstractSortableHeader241 = React.createClass({
2252 - render: function() {
2253 - return (
2254 - <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
2255 - <div className={"_2eq6"}>
2685 + );
2686 + }
2687 + if (props.x === 384) {
2688 + return (
2689 + <div className={"_1cig _25fg"} id={undefined}>
2690 {null}
2257 - <AdsPETableHeader240 />
2258 - </div>
2259 - </div>
2260 - );
2261 - },
2262 -});
2263 -
2264 -var FixedDataTableSortableHeader242 = React.createClass({
2265 - render: function() {
2266 - return <FixedDataTableAbstractSortableHeader241 />;
2267 - },
2268 -});
2269 -
2270 -var TransitionCell243 = React.createClass({
2271 - render: function() {
2272 - return (
2273 - <div isHeaderCell={true} label={"Reach"} width={60} dataKey={"stats.unique_impressions"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"stats.unique_impressions"} height={25} style={{"height":25,"width":60}}>
2274 - <div className={"_4lgd _4h2w"}>
2275 - <div className={"_4lge _4h2x"}>
2276 - <FixedDataTableSortableHeader242 />
2277 - </div>
2278 - </div>
2279 - </div>
2280 - );
2281 - },
2282 -});
2283 -
2284 -var FixedDataTableCell244 = React.createClass({
2285 - render: function() {
2286 - return (
2287 - <div className={"_4lg0 _4lg5 _4h2p _4h2m"} style={{"height":25,"width":60,"left":0}}>
2288 - <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
2289 - <div className={"_4lga _4lgb"} style={{"height":25}}></div>
2691 + <span className={"_1cid"}>{"Impressions"}</span>
2692 </div>
2291 - <TransitionCell243 />
2292 - </div>
2293 - );
2294 - },
2295 -});
2296 -
2297 -var AdsPETableHeader245 = React.createClass({
2298 - render: function() {
2299 - return (
2300 - <div className={"_1cig _25fg"}>
2301 - {null}
2302 - <span className={"_1cid"}>{"Ad Impressions"}</span>
2303 - </div>
2304 - );
2305 - },
2306 -});
2307 -
2308 -var FixedDataTableAbstractSortableHeader246 = React.createClass({
2309 - render: function() {
2310 - return (
2311 - <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
2312 - <div className={"_2eq6"}>
2693 + );
2694 + }
2695 + if (props.x === 389) {
2696 + return (
2697 + <div className={"_1cig _25fg"} id={undefined}>
2698 {null}
2314 - <AdsPETableHeader245 />
2315 - </div>
2316 - </div>
2317 - );
2318 - },
2319 -});
2320 -
2321 -var FixedDataTableSortableHeader247 = React.createClass({
2322 - render: function() {
2323 - return <FixedDataTableAbstractSortableHeader246 />;
2324 - },
2325 -});
2326 -
2327 -var TransitionCell248 = React.createClass({
2328 - render: function() {
2329 - return (
2330 - <div isHeaderCell={true} label={"Ad Impressions"} width={80} dataKey={"stats.impressions"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"stats.impressions"} height={25} style={{"height":25,"width":80}}>
2331 - <div className={"_4lgd _4h2w"}>
2332 - <div className={"_4lge _4h2x"}>
2333 - <FixedDataTableSortableHeader247 />
2334 - </div>
2699 + <span className={"_1cid"}>{"Clicks"}</span>
2700 </div>
2336 - </div>
2337 - );
2338 - },
2339 -});
2340 -
2341 -var FixedDataTableCell249 = React.createClass({
2342 - render: function() {
2343 - return (
2344 - <div className={"_4lg0 _4lg5 _4h2p _4h2m"} style={{"height":25,"width":80,"left":60}}>
2345 - <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
2346 - <div className={"_4lga _4lgb"} style={{"height":25}}></div>
2347 - </div>
2348 - <TransitionCell248 />
2349 - </div>
2350 - );
2351 - },
2352 -});
2353 -
2354 -var AdsPETableHeader250 = React.createClass({
2355 - render: function() {
2356 - return (
2357 - <div className={"_1cig _25fg"}>
2358 - {null}
2359 - <span className={"_1cid"}>{"Avg. CPM"}</span>
2360 - </div>
2361 - );
2362 - },
2363 -});
2364 -
2365 -var FixedDataTableAbstractSortableHeader251 = React.createClass({
2366 - render: function() {
2367 - return (
2368 - <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
2369 - <div className={"_2eq6"}>
2701 + );
2702 + }
2703 + if (props.x === 394) {
2704 + return (
2705 + <div className={"_1cig _25fg"} id={undefined}>
2706 {null}
2371 - <AdsPETableHeader250 />
2707 + <span className={"_1cid"}>{"Avg. CPM"}</span>
2708 </div>
2373 - </div>
2374 - );
2375 - },
2376 -});
2377 -
2378 -var FixedDataTableSortableHeader252 = React.createClass({
2379 - render: function() {
2380 - return <FixedDataTableAbstractSortableHeader251 />;
2381 - },
2382 -});
2383 -
2384 -var TransitionCell253 = React.createClass({
2385 - render: function() {
2386 - return (
2387 - <div isHeaderCell={true} label={"Avg. CPM"} width={80} dataKey={"stats.avg_cpm"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"stats.avg_cpm"} height={25} style={{"height":25,"width":80}}>
2388 - <div className={"_4lgd _4h2w"}>
2389 - <div className={"_4lge _4h2x"}>
2390 - <FixedDataTableSortableHeader252 />
2391 - </div>
2709 + );
2710 + }
2711 + if (props.x === 399) {
2712 + return (
2713 + <div className={"_1cig _25fg"} id={undefined}>
2714 + {null}
2715 + <span className={"_1cid"}>{"Avg. CPC"}</span>
2716 </div>
2393 - </div>
2394 - );
2395 - },
2396 -});
2397 -
2398 -var FixedDataTableCell254 = React.createClass({
2399 - render: function() {
2400 - return (
2401 - <div className={"_4lg0 _4lg5 _4h2p _4h2m"} style={{"height":25,"width":80,"left":140}}>
2402 - <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
2403 - <div className={"_4lga _4lgb"} style={{"height":25}}></div>
2404 - </div>
2405 - <TransitionCell253 />
2406 - </div>
2407 - );
2408 - },
2409 -});
2410 -
2411 -var AdsPETableHeader255 = React.createClass({
2412 - render: function() {
2413 - return (
2414 - <div className={"_1cig _25fg"}>
2415 - {null}
2416 - <span className={"_1cid"}>{"Avg. CPC"}</span>
2417 - </div>
2418 - );
2419 - },
2420 -});
2421 -
2422 -var FixedDataTableAbstractSortableHeader256 = React.createClass({
2423 - render: function() {
2424 - return (
2425 - <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
2426 - <div className={"_2eq6"}>
2427 - {null}
2428 - <AdsPETableHeader255 />
2429 - </div>
2430 - </div>
2431 - );
2432 - },
2433 -});
2434 -
2435 -var FixedDataTableSortableHeader257 = React.createClass({
2436 - render: function() {
2437 - return <FixedDataTableAbstractSortableHeader256 />;
2438 - },
2439 -});
2440 -
2441 -var TransitionCell258 = React.createClass({
2442 - render: function() {
2443 - return (
2444 - <div isHeaderCell={true} label={"Avg. CPC"} width={78} dataKey={"stats.avg_cpc"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"stats.avg_cpc"} height={25} style={{"height":25,"width":78}}>
2445 - <div className={"_4lgd _4h2w"}>
2446 - <div className={"_4lge _4h2x"}>
2447 - <FixedDataTableSortableHeader257 />
2448 - </div>
2449 - </div>
2450 - </div>
2451 - );
2452 - },
2453 -});
2454 -
2455 -var FixedDataTableCell259 = React.createClass({
2456 - render: function() {
2457 - return (
2458 - <div className={"_4lg0 _4lg5 _4h2p _4h2m"} style={{"height":25,"width":78,"left":220}}>
2459 - <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
2460 - <div className={"_4lga _4lgb"} style={{"height":25}}></div>
2461 - </div>
2462 - <TransitionCell258 />
2463 - </div>
2464 - );
2465 - },
2466 -});
2467 -
2468 -var AdsPETableHeader260 = React.createClass({
2469 - render: function() {
2470 - return (
2471 - <div className={"_1cig _25fg _4h2r"}>
2472 - {null}
2473 - <span className={"_1cid"}>{"Results"}</span>
2474 - </div>
2475 - );
2476 - },
2477 -});
2478 -
2479 -var TransitionCell261 = React.createClass({
2480 - render: function() {
2481 - return (
2482 - <div isHeaderCell={true} label={"Results"} width={140} dataKey={"stats.actions"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"stats.actions"} height={25} style={{"height":25,"width":140}}>
2483 - <div className={"_4lgd _4h2w"}>
2484 - <div className={"_4lge _4h2x"}>
2485 - <AdsPETableHeader260 />
2486 - </div>
2487 - </div>
2488 - </div>
2489 - );
2490 - },
2491 -});
2492 -
2493 -var FixedDataTableCell262 = React.createClass({
2494 - render: function() {
2495 - return (
2496 - <div className={"_4lg0 _4lg5 _4h2p _4h2m"} style={{"height":25,"width":140,"left":298}}>
2497 - <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
2498 - <div className={"_4lga _4lgb"} style={{"height":25}}></div>
2499 - </div>
2500 - <TransitionCell261 />
2501 - </div>
2502 - );
2503 - },
2504 -});
2505 -
2506 -var AdsPETableHeader263 = React.createClass({
2507 - render: function() {
2508 - return (
2509 - <div className={"_1cig _25fg _4h2r"}>
2510 - {null}
2511 - <span className={"_1cid"}>{"Cost"}</span>
2512 - </div>
2513 - );
2514 - },
2515 -});
2516 -
2517 -var TransitionCell264 = React.createClass({
2518 - render: function() {
2519 - return (
2520 - <div isHeaderCell={true} label={"Cost"} width={140} dataKey={"stats.cpa"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"stats.cpa"} height={25} style={{"height":25,"width":140}}>
2521 - <div className={"_4lgd _4h2w"}>
2522 - <div className={"_4lge _4h2x"}>
2523 - <AdsPETableHeader263 />
2524 - </div>
2525 - </div>
2526 - </div>
2527 - );
2528 - },
2529 -});
2530 -
2531 -var FixedDataTableCell265 = React.createClass({
2532 - render: function() {
2533 - return (
2534 - <div className={"_4lg0 _4lg5 _4h2p _4h2m"} style={{"height":25,"width":140,"left":438}}>
2535 - <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
2536 - <div className={"_4lga _4lgb"} style={{"height":25}}></div>
2537 - </div>
2538 - <TransitionCell264 />
2539 - </div>
2540 - );
2541 - },
2542 -});
2543 -
2544 -var AdsPETableHeader266 = React.createClass({
2545 - render: function() {
2546 - return (
2547 - <div className={"_1cig _25fg"}>
2548 - {null}
2549 - <span className={"_1cid"}>{"Clicks"}</span>
2550 - </div>
2551 - );
2552 - },
2553 -});
2554 -
2555 -var FixedDataTableAbstractSortableHeader267 = React.createClass({
2556 - render: function() {
2557 - return (
2558 - <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
2559 - <div className={"_2eq6"}>
2560 - {null}
2561 - <AdsPETableHeader266 />
2562 - </div>
2563 - </div>
2564 - );
2565 - },
2566 -});
2567 -
2568 -var FixedDataTableSortableHeader268 = React.createClass({
2569 - render: function() {
2570 - return <FixedDataTableAbstractSortableHeader267 />;
2571 - },
2572 -});
2573 -
2574 -var TransitionCell269 = React.createClass({
2575 - render: function() {
2576 - return (
2577 - <div isHeaderCell={true} label={"Clicks"} width={60} dataKey={"stats.clicks"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"stats.clicks"} height={25} style={{"height":25,"width":60}}>
2578 - <div className={"_4lgd _4h2w"}>
2579 - <div className={"_4lge _4h2x"}>
2580 - <FixedDataTableSortableHeader268 />
2581 - </div>
2582 - </div>
2583 - </div>
2584 - );
2585 - },
2586 -});
2587 -
2588 -var FixedDataTableCell270 = React.createClass({
2589 - render: function() {
2590 - return (
2591 - <div className={"_4lg0 _4lg5 _4h2p _4h2m"} style={{"height":25,"width":60,"left":578}}>
2592 - <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
2593 - <div className={"_4lga _4lgb"} style={{"height":25}}></div>
2594 - </div>
2595 - <TransitionCell269 />
2596 - </div>
2597 - );
2598 - },
2599 -});
2600 -
2601 -var AdsPETableHeader271 = React.createClass({
2602 - render: function() {
2603 - return (
2604 - <div className={"_1cig _25fg"}>
2605 - {null}
2606 - <span className={"_1cid"}>{"CTR %"}</span>
2607 - </div>
2608 - );
2609 - },
2610 -});
2611 -
2612 -var FixedDataTableAbstractSortableHeader272 = React.createClass({
2613 - render: function() {
2614 - return (
2615 - <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
2616 - <div className={"_2eq6"}>
2617 - {null}
2618 - <AdsPETableHeader271 />
2619 - </div>
2620 - </div>
2621 - );
2622 - },
2623 -});
2624 -
2625 -var FixedDataTableSortableHeader273 = React.createClass({
2626 - render: function() {
2627 - return <FixedDataTableAbstractSortableHeader272 />;
2628 - },
2629 -});
2630 -
2631 -var TransitionCell274 = React.createClass({
2632 - render: function() {
2633 - return (
2634 - <div isHeaderCell={true} label={"CTR %"} width={70} dataKey={"stats.ctr"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"stats.ctr"} height={25} style={{"height":25,"width":70}}>
2635 - <div className={"_4lgd _4h2w"}>
2636 - <div className={"_4lge _4h2x"}>
2637 - <FixedDataTableSortableHeader273 />
2638 - </div>
2639 - </div>
2640 - </div>
2641 - );
2642 - },
2643 -});
2644 -
2645 -var FixedDataTableCell275 = React.createClass({
2646 - render: function() {
2647 - return (
2648 - <div className={"_4lg0 _4lg5 _4h2p _4h2m"} style={{"height":25,"width":70,"left":638}}>
2649 - <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
2650 - <div className={"_4lga _4lgb"} style={{"height":25}}></div>
2651 - </div>
2652 - <TransitionCell274 />
2653 - </div>
2654 - );
2655 - },
2656 -});
2657 -
2658 -var AdsPETableHeader276 = React.createClass({
2659 - render: function() {
2660 - return (
2661 - <div className={"_1cig _25fg"}>
2662 - {null}
2663 - <span className={"_1cid"}>{"Social %"}</span>
2664 - </div>
2665 - );
2666 - },
2667 -});
2668 -
2669 -var FixedDataTableAbstractSortableHeader277 = React.createClass({
2670 - render: function() {
2671 - return (
2672 - <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
2673 - <div className={"_2eq6"}>
2674 - {null}
2675 - <AdsPETableHeader276 />
2676 - </div>
2677 - </div>
2678 - );
2679 - },
2680 -});
2681 -
2682 -var FixedDataTableSortableHeader278 = React.createClass({
2683 - render: function() {
2684 - return <FixedDataTableAbstractSortableHeader277 />;
2685 - },
2686 -});
2687 -
2688 -var TransitionCell279 = React.createClass({
2689 - render: function() {
2690 - return (
2691 - <div isHeaderCell={true} label={"Social %"} width={80} dataKey={"stats.social_percent"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"stats.social_percent"} height={25} style={{"height":25,"width":80}}>
2692 - <div className={"_4lgd _4h2w"}>
2693 - <div className={"_4lge _4h2x"}>
2694 - <FixedDataTableSortableHeader278 />
2695 - </div>
2696 - </div>
2697 - </div>
2698 - );
2699 - },
2700 -});
2701 -
2702 -var FixedDataTableCell280 = React.createClass({
2703 - render: function() {
2704 - return (
2705 - <div className={"_4lg0 _4lg5 _4h2p _4h2m"} style={{"height":25,"width":80,"left":708}}>
2706 - <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
2707 - <div className={"_4lga _4lgb"} style={{"height":25}}></div>
2708 - </div>
2709 - <TransitionCell279 />
2710 - </div>
2711 - );
2712 - },
2713 -});
2714 -
2715 -var AdsPETableHeader281 = React.createClass({
2716 - render: function() {
2717 - return (
2718 - <div className={"_1cig _25fg"}>
2719 - {null}
2720 - <span className={"_1cid"}>{"Ad Set Name"}</span>
2721 - </div>
2722 - );
2723 - },
2724 -});
2725 -
2726 -var FixedDataTableAbstractSortableHeader282 = React.createClass({
2727 - render: function() {
2728 - return (
2729 - <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
2730 - <div className={"_2eq6"}>
2731 - {null}
2732 - <AdsPETableHeader281 />
2733 - </div>
2734 - </div>
2735 - );
2736 - },
2737 -});
2738 -
2739 -var FixedDataTableSortableHeader283 = React.createClass({
2740 - render: function() {
2741 - return <FixedDataTableAbstractSortableHeader282 />;
2742 - },
2743 -});
2744 -
2745 -var TransitionCell284 = React.createClass({
2746 - render: function() {
2747 - return (
2748 - <div isHeaderCell={true} label={"Ad Set Name"} width={100} dataKey={"campaign.name"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"campaign.name"} height={25} style={{"height":25,"width":100}}>
2749 - <div className={"_4lgd _4h2w"}>
2750 - <div className={"_4lge _4h2x"}>
2751 - <FixedDataTableSortableHeader283 />
2752 - </div>
2753 - </div>
2754 - </div>
2755 - );
2756 - },
2757 -});
2758 -
2759 -var FixedDataTableCell285 = React.createClass({
2760 - render: function() {
2761 - return (
2762 - <div className={"_4lg0 _4h2m"} style={{"height":25,"width":100,"left":788}}>
2763 - <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
2764 - <div className={"_4lga _4lgb"} style={{"height":25}}></div>
2765 - </div>
2766 - <TransitionCell284 />
2767 - </div>
2768 - );
2769 - },
2770 -});
2771 -
2772 -var AdsPETableHeader286 = React.createClass({
2773 - render: function() {
2774 - return (
2775 - <div className={"_1cig _25fg"}>
2776 - {null}
2777 - <span className={"_1cid"}>{"Campaign Name"}</span>
2778 - </div>
2779 - );
2780 - },
2781 -});
2782 -
2783 -var FixedDataTableAbstractSortableHeader287 = React.createClass({
2784 - render: function() {
2785 - return (
2786 - <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
2787 - <div className={"_2eq6"}>
2788 - {null}
2789 - <AdsPETableHeader286 />
2790 - </div>
2791 - </div>
2792 - );
2793 - },
2794 -});
2795 -
2796 -var FixedDataTableSortableHeader288 = React.createClass({
2797 - render: function() {
2798 - return <FixedDataTableAbstractSortableHeader287 />;
2799 - },
2800 -});
2801 -
2802 -var TransitionCell289 = React.createClass({
2803 - render: function() {
2804 - return (
2805 - <div isHeaderCell={true} label={"Campaign Name"} width={150} dataKey={"campaignGroup.name"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"campaignGroup.name"} height={25} style={{"height":25,"width":150}}>
2806 - <div className={"_4lgd _4h2w"}>
2807 - <div className={"_4lge _4h2x"}>
2808 - <FixedDataTableSortableHeader288 />
2809 - </div>
2810 - </div>
2811 - </div>
2812 - );
2813 - },
2814 -});
2815 -
2816 -var FixedDataTableCell290 = React.createClass({
2817 - render: function() {
2818 - return (
2819 - <div className={"_4lg0 _4h2m"} style={{"height":25,"width":150,"left":888}}>
2820 - <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
2821 - <div className={"_4lga _4lgb"} style={{"height":25}}></div>
2822 - </div>
2823 - <TransitionCell289 />
2824 - </div>
2825 - );
2826 - },
2827 -});
2828 -
2829 -var AdsPETableHeader291 = React.createClass({
2830 - render: function() {
2831 - return (
2832 - <div className={"_1cig _25fg"}>
2833 - {null}
2834 - <span className={"_1cid"}>{"Ad ID"}</span>
2835 - </div>
2836 - );
2837 - },
2838 -});
2839 -
2840 -var FixedDataTableAbstractSortableHeader292 = React.createClass({
2841 - render: function() {
2842 - return (
2843 - <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
2844 - <div className={"_2eq6"}>
2845 - {null}
2846 - <AdsPETableHeader291 />
2847 - </div>
2848 - </div>
2849 - );
2850 - },
2851 -});
2852 -
2853 -var FixedDataTableSortableHeader293 = React.createClass({
2854 - render: function() {
2855 - return <FixedDataTableAbstractSortableHeader292 />;
2856 - },
2857 -});
2858 -

This file is too large to show in full.

scripts/bench/extract-component.js
+61 -23
@@ -2,11 +2,18 @@
2 /*eslint-disable no-debugger */
3
4 // Copy and paste this file into your (Chrome) browser console after changing
5 -// the React root ID. Works on facebook.com as of 10/28/15 (use a test user).
5 +// the React root ID. Works on facebook.com as of 7/6/16 (use a test user).
6 +// Then run this to convert the JSX:
7 +//
8 +// ../../node_modules/.bin/babel \
9 +// --presets ../../node_modules/babel-preset-react \
10 +// --no-babelrc --compact=false \
11 +// bench-foo.js -o bench-foo-es5.js
12
13 'use strict';
14
9 -var rootID = '.0';
15 +var rootID = 5;
16 +var outputStatelessFunctional = false;
17
18 var React = require('React');
19 var ReactMount = require('ReactMount');
@@ -28,18 +35,50 @@ function elementMeta(element) {
35 }
36
37 function print(outerComponent) {
31 - function addComposite(name, child) {
32 - output += 'var ' + name + ' = React.createClass({\n';
33 - output += ' render: function() {\n';
34 - if (child.indexOf('\n') !== -1) {
35 - output += ' return (\n';
36 - output += child.replace(/^|\n/g, '$& ') + '\n';
37 - output += ' );\n';
38 + var typeCounter = 0;
39 + var elementCounter = 0;
40 + var composites = new Map();
41 +
42 + function addComposite(type, child) {
43 + var info = composites.get(type);
44 + if (!info) {
45 + var name = (type.displayName || type.name || 'Component').replace(/(?:^[^a-z]|\W)+/gi, '_') + typeCounter++;
46 + if (!/^[A-Z]/.test(name)) {
47 + name = '_' + name;
48 + }
49 + info = {name: name, values: new Map()};
50 + composites.set(type, info);
51 + }
52 + var c = elementCounter++;
53 + info.values.set(c, child);
54 + return '<' + info.name + ' x={' + c + '} />';
55 + }
56 +
57 + function printComposite(info) {
58 + if (outputStatelessFunctional) {
59 + output += 'var ' + info.name + ' = function(props) {\n';
60 } else {
39 - output += ' return ' + child + ';\n';
61 + output += 'var ' + info.name + ' = React.createClass({\n';
62 + output += ' render: function() {\n';
63 + output += ' var props = this.props;\n';
64 + }
65 + for (var [c, child] of info.values) {
66 + output += ' if (props.x === ' + c + ') {\n';
67 + if (child.indexOf('\n') !== -1) {
68 + output += ' return (\n';
69 + output += child.replace(/^|\n/g, '$& ') + '\n';
70 + output += ' );\n';
71 + } else {
72 + output += ' return ' + child + ';\n';
73 + }
74 + output += ' }\n';
75 + }
76 + if (outputStatelessFunctional) {
77 + output += '};\n';
78 + } else {
79 + output += ' },\n';
80 + output += '});\n';
81 }
41 - output += ' },\n';
42 - output += '});\n';
82 output += '\n';
83 }
84
@@ -59,15 +98,8 @@ function print(outerComponent) {
98 // Composite component
99 if (typeof element.type === 'function') {
100 var rendered = printImpl(component._renderedComponent);
62 - var name = (component.getName() || 'Component').replace(/(?:^[^a-z]|\W)+/gi, '_') + counter++;
63 - if (!/^[A-Z]/.test(name)) {
64 - name = '_' + name;
65 - }
66 - addComposite(name, rendered);
67 - var compositeMarkup = '<' + name;
68 - compositeMarkup += elementMeta(component._currentElement);
69 - compositeMarkup += ' />';
70 - return compositeMarkup;
101 + return addComposite(component._currentElement.type, rendered)
102 + .replace(/(?= \/>$)/, elementMeta(component._currentElement));
103 }
104
105 // Native component
@@ -116,6 +148,10 @@ function print(outerComponent) {
148 if (typeof children === 'boolean' || children == null) {
149 return '' + children;
150 }
151 + if (typeof children === 'object' && !Array.isArray(children) && children[Symbol.iterator]) {
152 + // TODO: Not quite right.
153 + children = Array.from(children);
154 + }
155 if (Array.isArray(children)) {
156 return children.length ? (
157 '[\n' +
@@ -159,10 +195,12 @@ function print(outerComponent) {
195 }
196
197 var output = '(function() {\n\n';
162 - var counter = 0;
198
199 var tail = printImpl(outerComponent);
165 - addComposite('Benchmark', tail);
200 + for (var info of composites.values()) {
201 + printComposite(info);
202 + }
203 + printComposite({name: 'Benchmark', values: new Map([[undefined, tail]])});
204 output += 'this.Benchmark = Benchmark;\n';
205 output += '\n})(this);\n';
206 return output;