How to use createElement method in Playwright Internal

Best JavaScript code snippet using playwright-internal

benchmark.js

Source:benchmark.js

1(function() {2 'use strict';3 var ReactImage0 = function(props) {4 if (props.x === 0) {5 return React.createElement('i', {6 alt: '',7 className: '_3-99 img sp_i534r85sjIn sx_538591',8 src: null,9 });10 }11 if (props.x === 15) {12 return React.createElement('i', {13 className: '_3ut_ img sp_i534r85sjIn sx_e8ac93',14 src: null,15 alt: '',16 });17 }18 if (props.x === 22) {19 return React.createElement('i', {20 alt: '',21 className: '_3-8_ img sp_i534r85sjIn sx_7b15bc',22 src: null,23 });24 }25 if (props.x === 29) {26 return React.createElement('i', {27 className: '_1m1s _4540 _p img sp_i534r85sjIn sx_f40b1c',28 src: null,29 alt: '',30 });31 }32 if (props.x === 42) {33 return React.createElement(34 'i',35 {36 alt: 'Warning',37 className: '_585p img sp_i534r85sjIn sx_20273d',38 src: null,39 },40 React.createElement('u', null, 'Warning')41 );42 }43 if (props.x === 67) {44 return React.createElement('i', {45 alt: '',46 className: '_3-8_ img sp_i534r85sjIn sx_b5d079',47 src: null,48 });49 }50 if (props.x === 70) {51 return React.createElement('i', {52 src: null,53 alt: '',54 className: 'img sp_i534r85sjIn sx_29f8c9',55 });56 }57 if (props.x === 76) {58 return React.createElement('i', {59 alt: '',60 className: '_3-8_ img sp_i534r85sjIn sx_ef6a9c',61 src: null,62 });63 }64 if (props.x === 79) {65 return React.createElement('i', {66 src: null,67 alt: '',68 className: 'img sp_i534r85sjIn sx_6f8c43',69 });70 }71 if (props.x === 88) {72 return React.createElement('i', {73 src: null,74 alt: '',75 className: 'img sp_i534r85sjIn sx_e94a2d',76 });77 }78 if (props.x === 91) {79 return React.createElement('i', {80 src: null,81 alt: '',82 className: 'img sp_i534r85sjIn sx_7ed7d4',83 });84 }85 if (props.x === 94) {86 return React.createElement('i', {87 src: null,88 alt: '',89 className: 'img sp_i534r85sjIn sx_930440',90 });91 }92 if (props.x === 98) {93 return React.createElement('i', {94 src: null,95 alt: '',96 className: 'img sp_i534r85sjIn sx_750c83',97 });98 }99 if (props.x === 108) {100 return React.createElement('i', {101 src: null,102 alt: '',103 className: 'img sp_i534r85sjIn sx_73c1bb',104 });105 }106 if (props.x === 111) {107 return React.createElement('i', {108 src: null,109 alt: '',110 className: 'img sp_i534r85sjIn sx_29f28d',111 });112 }113 if (props.x === 126) {114 return React.createElement('i', {115 src: null,116 alt: '',117 className: '_3-8_ img sp_i534r85sjIn sx_91c59e',118 });119 }120 if (props.x === 127) {121 return React.createElement('i', {122 alt: '',123 className: '_3-99 img sp_i534r85sjIn sx_538591',124 src: null,125 });126 }127 if (props.x === 134) {128 return React.createElement('i', {129 src: null,130 alt: '',131 className: '_3-8_ img sp_i534r85sjIn sx_c8eb75',132 });133 }134 if (props.x === 135) {135 return React.createElement('i', {136 alt: '',137 className: '_3-99 img sp_i534r85sjIn sx_538591',138 src: null,139 });140 }141 if (props.x === 148) {142 return React.createElement('i', {143 className: '_3yz6 _5whs img sp_i534r85sjIn sx_896996',144 src: null,145 alt: '',146 });147 }148 if (props.x === 152) {149 return React.createElement('i', {150 className: '_5b5p _4gem img sp_i534r85sjIn sx_896996',151 src: null,152 alt: '',153 });154 }155 if (props.x === 153) {156 return React.createElement('i', {157 className: '_541d img sp_i534r85sjIn sx_2f396a',158 src: null,159 alt: '',160 });161 }162 if (props.x === 160) {163 return React.createElement('i', {164 src: null,165 alt: '',166 className: 'img sp_i534r85sjIn sx_31d9b0',167 });168 }169 if (props.x === 177) {170 return React.createElement('i', {171 alt: '',172 className: '_3-99 img sp_i534r85sjIn sx_2c18b7',173 src: null,174 });175 }176 if (props.x === 186) {177 return React.createElement('i', {178 src: null,179 alt: '',180 className: 'img sp_i534r85sjIn sx_0a681f',181 });182 }183 if (props.x === 195) {184 return React.createElement('i', {185 className: '_1-lx img sp_OkER5ktbEyg sx_b369b4',186 src: null,187 alt: '',188 });189 }190 if (props.x === 198) {191 return React.createElement('i', {192 className: '_1-lx img sp_i534r85sjIn sx_96948e',193 src: null,194 alt: '',195 });196 }197 if (props.x === 237) {198 return React.createElement('i', {199 className: '_541d img sp_i534r85sjIn sx_2f396a',200 src: null,201 alt: '',202 });203 }204 if (props.x === 266) {205 return React.createElement('i', {206 alt: '',207 className: '_3-99 img sp_i534r85sjIn sx_538591',208 src: null,209 });210 }211 if (props.x === 314) {212 return React.createElement('i', {213 className: '_1cie _1cif img sp_i534r85sjIn sx_6e6820',214 src: null,215 alt: '',216 });217 }218 if (props.x === 345) {219 return React.createElement('i', {220 className: '_1cie img sp_i534r85sjIn sx_e896cf',221 src: null,222 alt: '',223 });224 }225 if (props.x === 351) {226 return React.createElement('i', {227 className: '_1cie img sp_i534r85sjIn sx_38fed8',228 src: null,229 alt: '',230 });231 }232 };233 var AbstractLink1 = function(props) {234 if (props.x === 1) {235 return React.createElement(236 'a',237 {238 className: '_387r _55pi _2agf _4jy0 _4jy4 _517h _51sy _42ft',239 style: {width: 250, maxWidth: '250px'},240 disabled: null,241 label: null,242 href: '#',243 rel: undefined,244 onClick: function() {},245 },246 null,247 React.createElement(248 'span',249 {className: '_55pe', style: {maxWidth: '236px'}},250 null,251 React.createElement(252 'span',253 null,254 React.createElement('span', {className: '_48u-'}, 'Account:'),255 ' ',256 'Dick Madanson (10149999073643408)'257 )258 ),259 React.createElement(ReactImage0, {x: 0})260 );261 }262 if (props.x === 43) {263 return React.createElement(264 'a',265 {266 className: '_585q _50zy _50-0 _50z- _5upp _42ft',267 size: 'medium',268 type: null,269 title: 'Remove',270 'data-hover': undefined,271 'data-tooltip-alignh': undefined,272 'data-tooltip-content': undefined,273 disabled: null,274 label: null,275 href: '#',276 rel: undefined,277 onClick: function() {},278 },279 undefined,280 'Remove',281 undefined282 );283 }284 if (props.x === 49) {285 return React.createElement(286 'a',287 {288 target: '_blank',289 href: '/ads/manage/billing.php?act=10149999073643408',290 rel: undefined,291 onClick: function() {},292 },293 React.createElement(XUIText29, {x: 48})294 );295 }296 if (props.x === 128) {297 return React.createElement(298 'a',299 {300 className: ' _5bbf _55pi _2agf _4jy0 _4jy4 _517h _51sy _42ft',301 style: {maxWidth: '200px'},302 disabled: null,303 label: null,304 href: '#',305 rel: undefined,306 onClick: function() {},307 },308 null,309 React.createElement(310 'span',311 {className: '_55pe', style: {maxWidth: '186px'}},312 React.createElement(ReactImage0, {x: 126}),313 'Search'314 ),315 React.createElement(ReactImage0, {x: 127})316 );317 }318 if (props.x === 136) {319 return React.createElement(320 'a',321 {322 className: ' _5bbf _55pi _2agf _4jy0 _4jy4 _517h _51sy _42ft',323 style: {maxWidth: '200px'},324 disabled: null,325 label: null,326 href: '#',327 rel: undefined,328 onClick: function() {},329 },330 null,331 React.createElement(332 'span',333 {className: '_55pe', style: {maxWidth: '186px'}},334 React.createElement(ReactImage0, {x: 134}),335 'Filters'336 ),337 React.createElement(ReactImage0, {x: 135})338 );339 }340 if (props.x === 178) {341 return React.createElement(342 'a',343 {344 className: '_1_-t _1_-v _42ft',345 disabled: null,346 height: 'medium',347 role: 'button',348 label: null,349 href: '#',350 rel: undefined,351 onClick: function() {},352 },353 undefined,354 'Lifetime',355 React.createElement(ReactImage0, {x: 177})356 );357 }358 if (props.x === 207) {359 return React.createElement(360 'a',361 {href: '#', rel: undefined, onClick: function() {}},362 'Create Ad Set'363 );364 }365 if (props.x === 209) {366 return React.createElement(367 'a',368 {href: '#', rel: undefined, onClick: function() {}},369 'View Ad Set'370 );371 }372 if (props.x === 241) {373 return React.createElement(374 'a',375 {href: '#', rel: undefined, onClick: function() {}},376 'Set a Limit'377 );378 }379 if (props.x === 267) {380 return React.createElement(381 'a',382 {383 className: '_p _55pi _2agf _4jy0 _4jy3 _517h _51sy _42ft',384 style: {maxWidth: '200px'},385 disabled: null,386 label: null,387 href: '#',388 rel: undefined,389 onClick: function() {},390 },391 null,392 React.createElement(393 'span',394 {className: '_55pe', style: {maxWidth: '186px'}},395 null,396 'Links'397 ),398 React.createElement(ReactImage0, {x: 266})399 );400 }401 };402 var Link2 = function(props) {403 if (props.x === 2) {404 return React.createElement(AbstractLink1, {x: 1});405 }406 if (props.x === 44) {407 return React.createElement(AbstractLink1, {x: 43});408 }409 if (props.x === 50) {410 return React.createElement(AbstractLink1, {x: 49});411 }412 if (props.x === 129) {413 return React.createElement(AbstractLink1, {x: 128});414 }415 if (props.x === 137) {416 return React.createElement(AbstractLink1, {x: 136});417 }418 if (props.x === 179) {419 return React.createElement(AbstractLink1, {x: 178});420 }421 if (props.x === 208) {422 return React.createElement(AbstractLink1, {x: 207});423 }424 if (props.x === 210) {425 return React.createElement(AbstractLink1, {x: 209});426 }427 if (props.x === 242) {428 return React.createElement(AbstractLink1, {x: 241});429 }430 if (props.x === 268) {431 return React.createElement(AbstractLink1, {x: 267});432 }433 };434 var AbstractButton3 = function(props) {435 if (props.x === 3) {436 return React.createElement(Link2, {x: 2});437 }438 if (props.x === 20) {439 return React.createElement(440 'button',441 {442 className: '_5n7z _4jy0 _4jy4 _517h _51sy _42ft',443 onClick: function() {},444 label: null,445 type: 'submit',446 value: '1',447 },448 undefined,449 'Discard Changes',450 undefined451 );452 }453 if (props.x === 23) {454 return React.createElement(455 'button',456 {457 className: '_5n7z _2yak _4lj- _4jy0 _4jy4 _517h _51sy _42ft _42fr',458 disabled: true,459 onClick: function() {},460 'data-tooltip-content': 'You have no changes to publish',461 'data-hover': 'tooltip',462 label: null,463 type: 'submit',464 value: '1',465 },466 React.createElement(ReactImage0, {x: 22}),467 'Review Changes',468 undefined469 );470 }471 if (props.x === 45) {472 return React.createElement(Link2, {x: 44});473 }474 if (props.x === 68) {475 return React.createElement(476 'button',477 {478 className: '_u_k _4jy0 _4jy4 _517h _51sy _42ft',479 onClick: function() {},480 label: null,481 type: 'submit',482 value: '1',483 },484 React.createElement(ReactImage0, {x: 67}),485 'Create Campaign',486 undefined487 );488 }489 if (props.x === 71) {490 return React.createElement(491 'button',492 {493 className: '_u_k _3qx6 _p _4jy0 _4jy4 _517h _51sy _42ft',494 label: null,495 type: 'submit',496 value: '1',497 },498 React.createElement(ReactImage0, {x: 70}),499 undefined,500 undefined501 );502 }503 if (props.x === 77) {504 return React.createElement(505 'button',506 {507 'aria-label': 'Edit',508 'data-tooltip-content': 'Edit Campaigns (Ctrl+U)',509 'data-hover': 'tooltip',510 className: '_d2_ _u_k noMargin _4jy0 _4jy4 _517h _51sy _42ft',511 disabled: false,512 onClick: function() {},513 label: null,514 type: 'submit',515 value: '1',516 },517 React.createElement(ReactImage0, {x: 76}),518 'Edit',519 undefined520 );521 }522 if (props.x === 80) {523 return React.createElement(524 'button',525 {526 className: '_u_k _3qx6 _p _4jy0 _4jy4 _517h _51sy _42ft',527 disabled: false,528 label: null,529 type: 'submit',530 value: '1',531 },532 React.createElement(ReactImage0, {x: 79}),533 undefined,534 undefined535 );536 }537 if (props.x === 89) {538 return React.createElement(539 'button',540 {541 'aria-label': 'Revert',542 className: '_u_k _4jy0 _4jy4 _517h _51sy _42ft _42fr',543 'data-hover': 'tooltip',544 'data-tooltip-content': 'Revert',545 disabled: true,546 onClick: function() {},547 label: null,548 type: 'submit',549 value: '1',550 },551 React.createElement(ReactImage0, {x: 88}),552 undefined,553 undefined554 );555 }556 if (props.x === 92) {557 return React.createElement(558 'button',559 {560 'aria-label': 'Delete',561 className: '_u_k _4jy0 _4jy4 _517h _51sy _42ft',562 'data-hover': 'tooltip',563 'data-tooltip-content': 'Delete',564 disabled: false,565 onClick: function() {},566 label: null,567 type: 'submit',568 value: '1',569 },570 React.createElement(ReactImage0, {x: 91}),571 undefined,572 undefined573 );574 }575 if (props.x === 95) {576 return React.createElement(577 'button',578 {579 'aria-label': 'Duplicate',580 className: '_u_k _4jy0 _4jy4 _517h _51sy _42ft',581 'data-hover': 'tooltip',582 'data-tooltip-content': 'Duplicate',583 disabled: false,584 onClick: function() {},585 label: null,586 type: 'submit',587 value: '1',588 },589 React.createElement(ReactImage0, {x: 94}),590 undefined,591 undefined592 );593 }594 if (props.x === 99) {595 return React.createElement(596 'button',597 {598 'aria-label': 'Export & Import',599 className: '_u_k noMargin _p _4jy0 _4jy4 _517h _51sy _42ft',600 'data-hover': 'tooltip',601 'data-tooltip-content': 'Export & Import',602 onClick: function() {},603 label: null,604 type: 'submit',605 value: '1',606 },607 React.createElement(ReactImage0, {x: 98}),608 undefined,609 undefined610 );611 }612 if (props.x === 109) {613 return React.createElement(614 'button',615 {616 'aria-label': 'Create Report',617 className: '_u_k _5n7z _4jy0 _4jy4 _517h _51sy _42ft',618 'data-hover': 'tooltip',619 'data-tooltip-content': 'Create Report',620 disabled: false,621 style: {boxSizing: 'border-box', height: '28px', width: '48px'},622 onClick: function() {},623 label: null,624 type: 'submit',625 value: '1',626 },627 React.createElement(ReactImage0, {x: 108}),628 undefined,629 undefined630 );631 }632 if (props.x === 112) {633 return React.createElement(634 'button',635 {636 'aria-label': 'Campaign Tags',637 className: ' _5uy7 _4jy0 _4jy4 _517h _51sy _42ft',638 'data-hover': 'tooltip',639 'data-tooltip-content': 'Campaign Tags',640 disabled: false,641 onClick: function() {},642 label: null,643 type: 'submit',644 value: '1',645 },646 React.createElement(ReactImage0, {x: 111}),647 undefined,648 undefined649 );650 }651 if (props.x === 130) {652 return React.createElement(Link2, {x: 129});653 }654 if (props.x === 138) {655 return React.createElement(Link2, {x: 137});656 }657 if (props.x === 149) {658 return React.createElement(659 'button',660 {661 className: '_3yz9 _1t-2 _50z- _50zy _50zz _50z- _5upp _42ft',662 size: 'small',663 onClick: function() {},664 type: 'button',665 title: 'Remove',666 'data-hover': undefined,667 'data-tooltip-alignh': undefined,668 'data-tooltip-content': undefined,669 label: null,670 },671 undefined,672 'Remove',673 undefined674 );675 }676 if (props.x === 156) {677 return React.createElement(678 'button',679 {680 className: '_5b5u _5b5v _4jy0 _4jy3 _517h _51sy _42ft',681 onClick: function() {},682 label: null,683 type: 'submit',684 value: '1',685 },686 undefined,687 'Apply',688 undefined689 );690 }691 if (props.x === 161) {692 return React.createElement(693 'button',694 {695 className: '_1wdf _4jy0 _517i _517h _51sy _42ft',696 onClick: function() {},697 label: null,698 type: 'submit',699 value: '1',700 },701 React.createElement(ReactImage0, {x: 160}),702 undefined,703 undefined704 );705 }706 if (props.x === 180) {707 return React.createElement(Link2, {x: 179});708 }709 if (props.x === 187) {710 return React.createElement(711 'button',712 {713 'aria-label': 'List Settings',714 className: '_u_k _3c5o _1-r0 _4jy0 _4jy4 _517h _51sy _42ft',715 'data-hover': 'tooltip',716 'data-tooltip-content': 'List Settings',717 onClick: function() {},718 label: null,719 type: 'submit',720 value: '1',721 },722 React.createElement(ReactImage0, {x: 186}),723 undefined,724 undefined725 );726 }727 if (props.x === 269) {728 return React.createElement(Link2, {x: 268});729 }730 if (props.x === 303) {731 return React.createElement(732 'button',733 {734 className: '_tm3 _tm6 _tm7 _4jy0 _4jy6 _517h _51sy _42ft',735 'data-tooltip-position': 'right',736 'data-tooltip-content': 'Campaigns',737 'data-hover': 'tooltip',738 onClick: function() {},739 label: null,740 type: 'submit',741 value: '1',742 },743 undefined,744 React.createElement(745 'div',746 null,747 React.createElement('div', {className: '_tma'}),748 React.createElement('div', {className: '_tm8'}),749 React.createElement('div', {className: '_tm9'}, 1)750 ),751 undefined752 );753 }754 if (props.x === 305) {755 return React.createElement(756 'button',757 {758 className: '_tm4 _tm6 _4jy0 _4jy6 _517h _51sy _42ft',759 'data-tooltip-position': 'right',760 'data-tooltip-content': 'Ad Sets',761 'data-hover': 'tooltip',762 onClick: function() {},763 label: null,764 type: 'submit',765 value: '1',766 },767 undefined,768 React.createElement(769 'div',770 null,771 React.createElement('div', {className: '_tma'}),772 React.createElement('div', {className: '_tm8'}),773 React.createElement('div', {className: '_tm9'}, 1)774 ),775 undefined776 );777 }778 if (props.x === 307) {779 return React.createElement(780 'button',781 {782 className: '_tm5 _tm6 _4jy0 _4jy6 _517h _51sy _42ft',783 'data-tooltip-position': 'right',784 'data-tooltip-content': 'Ads',785 'data-hover': 'tooltip',786 onClick: function() {},787 label: null,788 type: 'submit',789 value: '1',790 },791 undefined,792 React.createElement(793 'div',794 null,795 React.createElement('div', {className: '_tma'}),796 React.createElement('div', {className: '_tm8'}),797 React.createElement('div', {className: '_tm9'}, 1)798 ),799 undefined800 );801 }802 };803 var XUIButton4 = function(props) {804 if (props.x === 4) {805 return React.createElement(AbstractButton3, {x: 3});806 }807 if (props.x === 21) {808 return React.createElement(AbstractButton3, {x: 20});809 }810 if (props.x === 24) {811 return React.createElement(AbstractButton3, {x: 23});812 }813 if (props.x === 69) {814 return React.createElement(AbstractButton3, {x: 68});815 }816 if (props.x === 72) {817 return React.createElement(AbstractButton3, {x: 71});818 }819 if (props.x === 78) {820 return React.createElement(AbstractButton3, {x: 77});821 }822 if (props.x === 81) {823 return React.createElement(AbstractButton3, {x: 80});824 }825 if (props.x === 90) {826 return React.createElement(AbstractButton3, {x: 89});827 }828 if (props.x === 93) {829 return React.createElement(AbstractButton3, {x: 92});830 }831 if (props.x === 96) {832 return React.createElement(AbstractButton3, {x: 95});833 }834 if (props.x === 100) {835 return React.createElement(AbstractButton3, {x: 99});836 }837 if (props.x === 110) {838 return React.createElement(AbstractButton3, {x: 109});839 }840 if (props.x === 113) {841 return React.createElement(AbstractButton3, {x: 112});842 }843 if (props.x === 131) {844 return React.createElement(AbstractButton3, {x: 130});845 }846 if (props.x === 139) {847 return React.createElement(AbstractButton3, {x: 138});848 }849 if (props.x === 157) {850 return React.createElement(AbstractButton3, {x: 156});851 }852 if (props.x === 162) {853 return React.createElement(AbstractButton3, {x: 161});854 }855 if (props.x === 188) {856 return React.createElement(AbstractButton3, {x: 187});857 }858 if (props.x === 270) {859 return React.createElement(AbstractButton3, {x: 269});860 }861 if (props.x === 304) {862 return React.createElement(AbstractButton3, {x: 303});863 }864 if (props.x === 306) {865 return React.createElement(AbstractButton3, {x: 305});866 }867 if (props.x === 308) {868 return React.createElement(AbstractButton3, {x: 307});869 }870 };871 var AbstractPopoverButton5 = function(props) {872 if (props.x === 5) {873 return React.createElement(XUIButton4, {x: 4});874 }875 if (props.x === 132) {876 return React.createElement(XUIButton4, {x: 131});877 }878 if (props.x === 140) {879 return React.createElement(XUIButton4, {x: 139});880 }881 if (props.x === 271) {882 return React.createElement(XUIButton4, {x: 270});883 }884 };885 var ReactXUIPopoverButton6 = function(props) {886 if (props.x === 6) {887 return React.createElement(AbstractPopoverButton5, {x: 5});888 }889 if (props.x === 133) {890 return React.createElement(AbstractPopoverButton5, {x: 132});891 }892 if (props.x === 141) {893 return React.createElement(AbstractPopoverButton5, {x: 140});894 }895 if (props.x === 272) {896 return React.createElement(AbstractPopoverButton5, {x: 271});897 }898 };899 var BIGAdAccountSelector7 = function(props) {900 if (props.x === 7) {901 return React.createElement(902 'div',903 null,904 React.createElement(ReactXUIPopoverButton6, {x: 6}),905 null906 );907 }908 };909 var FluxContainer_AdsPEBIGAdAccountSelectorContainer_8 = function(props) {910 if (props.x === 8) {911 return React.createElement(BIGAdAccountSelector7, {x: 7});912 }913 };914 var ErrorBoundary9 = function(props) {915 if (props.x === 9) {916 return React.createElement(917 FluxContainer_AdsPEBIGAdAccountSelectorContainer_8,918 {x: 8}919 );920 }921 if (props.x === 13) {922 return React.createElement(FluxContainer_AdsPENavigationBarContainer_12, {923 x: 12,924 });925 }926 if (props.x === 27) {927 return React.createElement(FluxContainer_AdsPEPublishButtonContainer_18, {928 x: 26,929 });930 }931 if (props.x === 32) {932 return React.createElement(ReactPopoverMenu20, {x: 31});933 }934 if (props.x === 38) {935 return React.createElement(AdsPEResetDialog24, {x: 37});936 }937 if (props.x === 57) {938 return React.createElement(FluxContainer_AdsPETopErrorContainer_35, {939 x: 56,940 });941 }942 if (props.x === 60) {943 return React.createElement(FluxContainer_AdsGuidanceChannel_36, {x: 59});944 }945 if (props.x === 64) {946 return React.createElement(FluxContainer_AdsBulkEditDialogContainer_38, {947 x: 63,948 });949 }950 if (props.x === 124) {951 return React.createElement(AdsPECampaignGroupToolbarContainer57, {952 x: 123,953 });954 }955 if (props.x === 170) {956 return React.createElement(AdsPEFilterContainer72, {x: 169});957 }958 if (props.x === 175) {959 return React.createElement(AdsPETablePagerContainer75, {x: 174});960 }961 if (props.x === 193) {962 return React.createElement(AdsPEStatRangeContainer81, {x: 192});963 }964 if (props.x === 301) {965 return React.createElement(966 FluxContainer_AdsPEMultiTabDrawerContainer_137,967 {x: 300}968 );969 }970 if (props.x === 311) {971 return React.createElement(AdsPEOrganizerContainer139, {x: 310});972 }973 if (props.x === 471) {974 return React.createElement(AdsPECampaignGroupTableContainer159, {x: 470});975 }976 if (props.x === 475) {977 return React.createElement(AdsPEContentContainer161, {x: 474});978 }979 };980 var AdsErrorBoundary10 = function(props) {981 if (props.x === 10) {982 return React.createElement(ErrorBoundary9, {x: 9});983 }984 if (props.x === 14) {985 return React.createElement(ErrorBoundary9, {x: 13});986 }987 if (props.x === 28) {988 return React.createElement(ErrorBoundary9, {x: 27});989 }990 if (props.x === 33) {991 return React.createElement(ErrorBoundary9, {x: 32});992 }993 if (props.x === 39) {994 return React.createElement(ErrorBoundary9, {x: 38});995 }996 if (props.x === 58) {997 return React.createElement(ErrorBoundary9, {x: 57});998 }999 if (props.x === 61) {1000 return React.createElement(ErrorBoundary9, {x: 60});1001 }1002 if (props.x === 65) {1003 return React.createElement(ErrorBoundary9, {x: 64});1004 }1005 if (props.x === 125) {1006 return React.createElement(ErrorBoundary9, {x: 124});1007 }1008 if (props.x === 171) {1009 return React.createElement(ErrorBoundary9, {x: 170});1010 }1011 if (props.x === 176) {1012 return React.createElement(ErrorBoundary9, {x: 175});1013 }1014 if (props.x === 194) {1015 return React.createElement(ErrorBoundary9, {x: 193});1016 }1017 if (props.x === 302) {1018 return React.createElement(ErrorBoundary9, {x: 301});1019 }1020 if (props.x === 312) {1021 return React.createElement(ErrorBoundary9, {x: 311});1022 }1023 if (props.x === 472) {1024 return React.createElement(ErrorBoundary9, {x: 471});1025 }1026 if (props.x === 476) {1027 return React.createElement(ErrorBoundary9, {x: 475});1028 }1029 };1030 var AdsPENavigationBar11 = function(props) {1031 if (props.x === 11) {1032 return React.createElement('div', {className: '_4t_9'});1033 }1034 };1035 var FluxContainer_AdsPENavigationBarContainer_12 = function(props) {1036 if (props.x === 12) {1037 return React.createElement(AdsPENavigationBar11, {x: 11});1038 }1039 };1040 var AdsPEDraftSyncStatus13 = function(props) {1041 if (props.x === 16) {1042 return React.createElement(1043 'div',1044 {className: '_3ut-', onClick: function() {}},1045 React.createElement(1046 'span',1047 {className: '_3uu0'},1048 React.createElement(ReactImage0, {x: 15})1049 )1050 );1051 }1052 };1053 var FluxContainer_AdsPEDraftSyncStatusContainer_14 = function(props) {1054 if (props.x === 17) {1055 return React.createElement(AdsPEDraftSyncStatus13, {x: 16});1056 }1057 };1058 var AdsPEDraftErrorsStatus15 = function(props) {1059 if (props.x === 18) {1060 return null;1061 }1062 };1063 var FluxContainer_viewFn_16 = function(props) {1064 if (props.x === 19) {1065 return React.createElement(AdsPEDraftErrorsStatus15, {x: 18});1066 }1067 };1068 var AdsPEPublishButton17 = function(props) {1069 if (props.x === 25) {1070 return React.createElement(1071 'div',1072 {className: '_5533'},1073 React.createElement(FluxContainer_AdsPEDraftSyncStatusContainer_14, {1074 x: 17,1075 }),1076 React.createElement(FluxContainer_viewFn_16, {x: 19}),1077 null,1078 React.createElement(XUIButton4, {x: 21, key: 'discard'}),1079 React.createElement(XUIButton4, {x: 24})1080 );1081 }1082 };1083 var FluxContainer_AdsPEPublishButtonContainer_18 = function(props) {1084 if (props.x === 26) {1085 return React.createElement(AdsPEPublishButton17, {x: 25});1086 }1087 };1088 var InlineBlock19 = function(props) {1089 if (props.x === 30) {1090 return React.createElement(1091 'div',1092 {className: 'uiPopover _6a _6b', disabled: null},1093 React.createElement(ReactImage0, {x: 29, key: '.0'})1094 );1095 }1096 if (props.x === 73) {1097 return React.createElement(1098 'div',1099 {className: 'uiPopover _6a _6b', disabled: null},1100 React.createElement(XUIButton4, {x: 72, key: '.0'})1101 );1102 }1103 if (props.x === 82) {1104 return React.createElement(1105 'div',1106 {className: '_1nwm uiPopover _6a _6b', disabled: null},1107 React.createElement(XUIButton4, {x: 81, key: '.0'})1108 );1109 }1110 if (props.x === 101) {1111 return React.createElement(1112 'div',1113 {size: 'large', className: 'uiPopover _6a _6b', disabled: null},1114 React.createElement(XUIButton4, {x: 100, key: '.0'})1115 );1116 }1117 if (props.x === 273) {1118 return React.createElement(1119 'div',1120 {1121 className: '_3-90 uiPopover _6a _6b',1122 style: {marginTop: 2},1123 disabled: null,1124 },1125 React.createElement(ReactXUIPopoverButton6, {x: 272, key: '.0'})1126 );1127 }1128 };1129 var ReactPopoverMenu20 = function(props) {1130 if (props.x === 31) {1131 return React.createElement(InlineBlock19, {x: 30});1132 }1133 if (props.x === 74) {1134 return React.createElement(InlineBlock19, {x: 73});1135 }1136 if (props.x === 83) {1137 return React.createElement(InlineBlock19, {x: 82});1138 }1139 if (props.x === 102) {1140 return React.createElement(InlineBlock19, {x: 101});1141 }1142 if (props.x === 274) {1143 return React.createElement(InlineBlock19, {x: 273});1144 }1145 };1146 var LeftRight21 = function(props) {1147 if (props.x === 34) {1148 return React.createElement(1149 'div',1150 {className: 'clearfix'},1151 React.createElement(1152 'div',1153 {key: 'left', className: '_ohe lfloat'},1154 React.createElement(1155 'div',1156 {className: '_34_j'},1157 React.createElement(1158 'div',1159 {className: '_34_k'},1160 React.createElement(AdsErrorBoundary10, {x: 10})1161 ),1162 React.createElement(1163 'div',1164 {className: '_2u-6'},1165 React.createElement(AdsErrorBoundary10, {x: 14})1166 )1167 )1168 ),1169 React.createElement(1170 'div',1171 {key: 'right', className: '_ohf rfloat'},1172 React.createElement(1173 'div',1174 {className: '_34_m'},1175 React.createElement(1176 'div',1177 {key: '0', className: '_5ju2'},1178 React.createElement(AdsErrorBoundary10, {x: 28})1179 ),1180 React.createElement(1181 'div',1182 {key: '1', className: '_5ju2'},1183 React.createElement(AdsErrorBoundary10, {x: 33})1184 )1185 )1186 )1187 );1188 }1189 if (props.x === 232) {1190 return React.createElement(1191 'div',1192 {direction: 'left', className: 'clearfix'},1193 React.createElement(1194 'div',1195 {key: 'left', className: '_ohe lfloat'},1196 React.createElement(AdsLabeledField104, {x: 231})1197 ),1198 React.createElement(1199 'div',1200 {key: 'right', className: ''},1201 React.createElement(1202 'div',1203 {className: '_42ef'},1204 React.createElement(1205 'div',1206 {className: '_2oc7'},1207 'Clicks to Website'1208 )1209 )1210 )1211 );1212 }1213 if (props.x === 235) {1214 return React.createElement(1215 'div',1216 {className: '_3-8x clearfix', direction: 'left'},1217 React.createElement(1218 'div',1219 {key: 'left', className: '_ohe lfloat'},1220 React.createElement(AdsLabeledField104, {x: 234})1221 ),1222 React.createElement(1223 'div',1224 {key: 'right', className: ''},1225 React.createElement(1226 'div',1227 {className: '_42ef'},1228 React.createElement('div', {className: '_2oc7'}, 'Auction')1229 )1230 )1231 );1232 }1233 if (props.x === 245) {1234 return React.createElement(1235 'div',1236 {className: '_3-8y clearfix', direction: 'left'},1237 React.createElement(1238 'div',1239 {key: 'left', className: '_ohe lfloat'},1240 React.createElement(AdsLabeledField104, {x: 240})1241 ),1242 React.createElement(1243 'div',1244 {key: 'right', className: ''},1245 React.createElement(1246 'div',1247 {className: '_42ef'},1248 React.createElement(1249 FluxContainer_AdsCampaignGroupSpendCapContainer_107,1250 {x: 244}1251 )1252 )1253 )1254 );1255 }1256 if (props.x === 277) {1257 return React.createElement(1258 'div',1259 {className: '_5dw9 _5dwa clearfix'},1260 React.createElement(1261 'div',1262 {key: 'left', className: '_ohe lfloat'},1263 React.createElement(XUICardHeaderTitle100, {x: 265, key: '.0'})1264 ),1265 React.createElement(1266 'div',1267 {key: 'right', className: '_ohf rfloat'},1268 React.createElement(1269 FluxContainer_AdsPluginizedLinksMenuContainer_121,1270 {x: 276, key: '.1'}1271 )1272 )1273 );1274 }1275 };1276 var AdsUnifiedNavigationLocalNav22 = function(props) {1277 if (props.x === 35) {1278 return React.createElement(1279 'div',1280 {className: '_34_i'},1281 React.createElement(LeftRight21, {x: 34})1282 );1283 }1284 };1285 var XUIDialog23 = function(props) {1286 if (props.x === 36) {1287 return null;1288 }1289 };1290 var AdsPEResetDialog24 = function(props) {1291 if (props.x === 37) {1292 return React.createElement(1293 'span',1294 null,1295 React.createElement(XUIDialog23, {x: 36, key: 'dialog/.0'})1296 );1297 }1298 };1299 var AdsPETopNav25 = function(props) {1300 if (props.x === 40) {1301 return React.createElement(1302 'div',1303 {style: {width: 1306}},1304 React.createElement(AdsUnifiedNavigationLocalNav22, {x: 35}),1305 React.createElement(AdsErrorBoundary10, {x: 39})1306 );1307 }1308 };1309 var FluxContainer_AdsPETopNavContainer_26 = function(props) {1310 if (props.x === 41) {1311 return React.createElement(AdsPETopNav25, {x: 40});1312 }1313 };1314 var XUIAbstractGlyphButton27 = function(props) {1315 if (props.x === 46) {1316 return React.createElement(AbstractButton3, {x: 45});1317 }1318 if (props.x === 150) {1319 return React.createElement(AbstractButton3, {x: 149});1320 }1321 };1322 var XUICloseButton28 = function(props) {1323 if (props.x === 47) {1324 return React.createElement(XUIAbstractGlyphButton27, {x: 46});1325 }1326 if (props.x === 151) {1327 return React.createElement(XUIAbstractGlyphButton27, {x: 150});1328 }1329 };1330 var XUIText29 = function(props) {1331 if (props.x === 48) {1332 return React.createElement(1333 'span',1334 {display: 'inline', className: ' _50f7'},1335 'Ads Manager'1336 );1337 }1338 if (props.x === 205) {1339 return React.createElement(1340 'span',1341 {className: '_2x9f _50f5 _50f7', display: 'inline'},1342 'Editing Campaign'1343 );1344 }1345 if (props.x === 206) {1346 return React.createElement(1347 'span',1348 {display: 'inline', className: ' _50f5 _50f7'},1349 'Test Campaign'1350 );1351 }1352 };1353 var XUINotice30 = function(props) {1354 if (props.x === 51) {1355 return React.createElement(1356 'div',1357 {size: 'medium', className: '_585n _585o _2wdd'},1358 React.createElement(ReactImage0, {x: 42}),1359 React.createElement(XUICloseButton28, {x: 47}),1360 React.createElement(1361 'div',1362 {className: '_585r _2i-a _50f4'},1363 'Please go to ',1364 React.createElement(Link2, {x: 50}),1365 ' to set up a payment method for this ad account.'1366 )1367 );1368 }1369 };1370 var ReactCSSTransitionGroupChild31 = function(props) {1371 if (props.x === 52) {1372 return React.createElement(XUINotice30, {x: 51});1373 }1374 };1375 var ReactTransitionGroup32 = function(props) {1376 if (props.x === 53) {1377 return React.createElement(1378 'span',1379 null,1380 React.createElement(ReactCSSTransitionGroupChild31, {x: 52, key: '.0'})1381 );1382 }1383 };1384 var ReactCSSTransitionGroup33 = function(props) {1385 if (props.x === 54) {1386 return React.createElement(ReactTransitionGroup32, {x: 53});1387 }1388 };1389 var AdsPETopError34 = function(props) {1390 if (props.x === 55) {1391 return React.createElement(1392 'div',1393 {className: '_2wdc'},1394 React.createElement(ReactCSSTransitionGroup33, {x: 54})1395 );1396 }1397 };1398 var FluxContainer_AdsPETopErrorContainer_35 = function(props) {1399 if (props.x === 56) {1400 return React.createElement(AdsPETopError34, {x: 55});1401 }1402 };1403 var FluxContainer_AdsGuidanceChannel_36 = function(props) {1404 if (props.x === 59) {1405 return null;1406 }1407 };1408 var ResponsiveBlock37 = function(props) {1409 if (props.x === 62) {1410 return React.createElement(1411 'div',1412 {className: '_4u-c'},1413 [1414 React.createElement(AdsErrorBoundary10, {x: 58, key: 1}),1415 React.createElement(AdsErrorBoundary10, {x: 61, key: 2}),1416 ],1417 React.createElement(1418 'div',1419 {key: 'sensor', className: '_4u-f'},1420 React.createElement('iframe', {1421 'aria-hidden': 'true',1422 className: '_1_xb',1423 tabIndex: '-1',1424 })1425 )1426 );1427 }1428 if (props.x === 469) {1429 return React.createElement(1430 'div',1431 {className: '_4u-c'},1432 React.createElement(AdsPEDataTableContainer158, {x: 468}),1433 React.createElement(1434 'div',1435 {key: 'sensor', className: '_4u-f'},1436 React.createElement('iframe', {1437 'aria-hidden': 'true',1438 className: '_1_xb',1439 tabIndex: '-1',1440 })1441 )1442 );1443 }1444 };1445 var FluxContainer_AdsBulkEditDialogContainer_38 = function(props) {1446 if (props.x === 63) {1447 return null;1448 }1449 };1450 var Column39 = function(props) {1451 if (props.x === 66) {1452 return React.createElement(1453 'div',1454 {className: '_4bl8 _4bl7'},1455 React.createElement(1456 'div',1457 {className: '_3c5f'},1458 null,1459 null,1460 React.createElement('div', {className: '_3c5i'}),1461 null1462 )1463 );1464 }1465 };1466 var XUIButtonGroup40 = function(props) {1467 if (props.x === 75) {1468 return React.createElement(1469 'div',1470 {className: '_5n7z _51xa'},1471 React.createElement(XUIButton4, {x: 69}),1472 React.createElement(ReactPopoverMenu20, {x: 74})1473 );1474 }1475 if (props.x === 84) {1476 return React.createElement(1477 'div',1478 {className: '_5n7z _51xa'},1479 React.createElement(XUIButton4, {x: 78, key: 'edit'}),1480 React.createElement(ReactPopoverMenu20, {x: 83, key: 'editMenu'})1481 );1482 }1483 if (props.x === 97) {1484 return React.createElement(1485 'div',1486 {className: '_5n7z _51xa'},1487 React.createElement(XUIButton4, {x: 90, key: 'revert'}),1488 React.createElement(XUIButton4, {x: 93, key: 'delete'}),1489 React.createElement(XUIButton4, {x: 96, key: 'duplicate'})1490 );1491 }1492 if (props.x === 117) {1493 return React.createElement(1494 'div',1495 {className: '_5n7z _51xa'},1496 React.createElement(AdsPEExportImportMenuContainer48, {x: 107}),1497 React.createElement(XUIButton4, {x: 110, key: 'createReport'}),1498 React.createElement(AdsPECampaignGroupTagContainer51, {1499 x: 116,1500 key: 'tags',1501 })1502 );1503 }1504 };1505 var AdsPEEditToolbarButton41 = function(props) {1506 if (props.x === 85) {1507 return React.createElement(XUIButtonGroup40, {x: 84});1508 }1509 };1510 var FluxContainer_AdsPEEditCampaignGroupToolbarButtonContainer_42 = function(1511 props1512 ) {1513 if (props.x === 86) {1514 return React.createElement(AdsPEEditToolbarButton41, {x: 85});1515 }1516 };1517 var FluxContainer_AdsPEEditToolbarButtonContainer_43 = function(props) {1518 if (props.x === 87) {1519 return React.createElement(1520 FluxContainer_AdsPEEditCampaignGroupToolbarButtonContainer_42,1521 {x: 86}1522 );1523 }1524 };1525 var AdsPEExportImportMenu44 = function(props) {1526 if (props.x === 103) {1527 return React.createElement(ReactPopoverMenu20, {x: 102, key: 'export'});1528 }1529 };1530 var FluxContainer_AdsPECustomizeExportContainer_45 = function(props) {1531 if (props.x === 104) {1532 return null;1533 }1534 };1535 var AdsPEExportAsTextDialog46 = function(props) {1536 if (props.x === 105) {1537 return null;1538 }1539 };1540 var FluxContainer_AdsPEExportAsTextDialogContainer_47 = function(props) {1541 if (props.x === 106) {1542 return React.createElement(AdsPEExportAsTextDialog46, {x: 105});1543 }1544 };1545 var AdsPEExportImportMenuContainer48 = function(props) {1546 if (props.x === 107) {1547 return React.createElement(1548 'span',1549 null,1550 React.createElement(AdsPEExportImportMenu44, {x: 103}),1551 React.createElement(FluxContainer_AdsPECustomizeExportContainer_45, {1552 x: 104,1553 }),1554 React.createElement(FluxContainer_AdsPEExportAsTextDialogContainer_47, {1555 x: 106,1556 }),1557 null,1558 null1559 );1560 }1561 };1562 var Constructor49 = function(props) {1563 if (props.x === 114) {1564 return null;1565 }1566 if (props.x === 142) {1567 return null;1568 }1569 if (props.x === 143) {1570 return null;1571 }1572 if (props.x === 183) {1573 return null;1574 }1575 };1576 var TagSelectorPopover50 = function(props) {1577 if (props.x === 115) {1578 return React.createElement(1579 'span',1580 {className: ' _3d6e'},1581 React.createElement(XUIButton4, {x: 113}),1582 React.createElement(Constructor49, {x: 114, key: 'layer'})1583 );1584 }1585 };1586 var AdsPECampaignGroupTagContainer51 = function(props) {1587 if (props.x === 116) {1588 return React.createElement(TagSelectorPopover50, {1589 x: 115,1590 key: '98010048849317',1591 });1592 }1593 };1594 var AdsRuleToolbarMenu52 = function(props) {1595 if (props.x === 118) {1596 return null;1597 }1598 };1599 var FluxContainer_AdsPERuleToolbarMenuContainer_53 = function(props) {1600 if (props.x === 119) {1601 return React.createElement(AdsRuleToolbarMenu52, {x: 118});1602 }1603 };1604 var FillColumn54 = function(props) {1605 if (props.x === 120) {1606 return React.createElement(1607 'div',1608 {className: '_4bl9'},1609 React.createElement(1610 'span',1611 {className: '_3c5e'},1612 React.createElement(1613 'span',1614 null,1615 React.createElement(XUIButtonGroup40, {x: 75}),1616 React.createElement(1617 FluxContainer_AdsPEEditToolbarButtonContainer_43,1618 {x: 87}1619 ),1620 null,1621 React.createElement(XUIButtonGroup40, {x: 97})1622 ),1623 React.createElement(XUIButtonGroup40, {x: 117}),1624 React.createElement(FluxContainer_AdsPERuleToolbarMenuContainer_53, {1625 x: 119,1626 })1627 )1628 );1629 }1630 };1631 var Layout55 = function(props) {1632 if (props.x === 121) {1633 return React.createElement(1634 'div',1635 {className: 'clearfix'},1636 React.createElement(Column39, {x: 66, key: '1'}),1637 React.createElement(FillColumn54, {x: 120, key: '0'})1638 );1639 }1640 };1641 var AdsPEMainPaneToolbar56 = function(props) {1642 if (props.x === 122) {1643 return React.createElement(1644 'div',1645 {className: '_3c5b clearfix'},1646 React.createElement(Layout55, {x: 121})1647 );1648 }1649 };1650 var AdsPECampaignGroupToolbarContainer57 = function(props) {1651 if (props.x === 123) {1652 return React.createElement(AdsPEMainPaneToolbar56, {x: 122});1653 }1654 };1655 var AdsPEFiltersPopover58 = function(props) {1656 if (props.x === 144) {1657 return React.createElement(1658 'span',1659 {className: '_5b-l _5bbe'},1660 React.createElement(ReactXUIPopoverButton6, {x: 133}),1661 React.createElement(ReactXUIPopoverButton6, {x: 141}),1662 [1663 React.createElement(Constructor49, {x: 142, key: 'filterMenu/.0'}),1664 React.createElement(Constructor49, {x: 143, key: 'searchMenu/.0'}),1665 ]1666 );1667 }1668 };1669 var AbstractCheckboxInput59 = function(props) {1670 if (props.x === 145) {1671 return React.createElement(1672 'label',1673 {className: 'uiInputLabelInput _55sg _kv1'},1674 React.createElement('input', {1675 checked: true,1676 disabled: true,1677 name: 'filterUnpublished',1678 value: 'on',1679 onClick: function() {},1680 className: null,1681 id: 'js_input_label_21',1682 type: 'checkbox',1683 }),1684 React.createElement('span', {1685 'data-hover': null,1686 'data-tooltip-content': undefined,1687 })1688 );1689 }1690 if (props.x === 336) {1691 return React.createElement(1692 'label',1693 {className: '_4h2r _55sg _kv1'},1694 React.createElement('input', {1695 checked: undefined,1696 onChange: function() {},1697 className: null,1698 type: 'checkbox',1699 }),1700 React.createElement('span', {1701 'data-hover': null,1702 'data-tooltip-content': undefined,1703 })1704 );1705 }1706 };1707 var XUICheckboxInput60 = function(props) {1708 if (props.x === 146) {1709 return React.createElement(AbstractCheckboxInput59, {x: 145});1710 }1711 if (props.x === 337) {1712 return React.createElement(AbstractCheckboxInput59, {x: 336});1713 }1714 };1715 var InputLabel61 = function(props) {1716 if (props.x === 147) {1717 return React.createElement(1718 'div',1719 {display: 'block', className: 'uiInputLabel clearfix'},1720 React.createElement(XUICheckboxInput60, {x: 146}),1721 React.createElement(1722 'label',1723 {className: 'uiInputLabelLabel', htmlFor: 'js_input_label_21'},1724 'Always show new items'1725 )1726 );1727 }1728 };1729 var AdsPopoverLink62 = function(props) {1730 if (props.x === 154) {1731 return React.createElement(1732 'span',1733 null,1734 React.createElement(1735 'span',1736 {1737 onMouseEnter: function() {},1738 onMouseLeave: function() {},1739 onMouseUp: undefined,1740 },1741 React.createElement('span', {className: '_3o_j'}),1742 React.createElement(ReactImage0, {x: 153})1743 ),1744 null1745 );1746 }1747 if (props.x === 238) {1748 return React.createElement(1749 'span',1750 null,1751 React.createElement(1752 'span',1753 {1754 onMouseEnter: function() {},1755 onMouseLeave: function() {},1756 onMouseUp: undefined,1757 },1758 React.createElement('span', {className: '_3o_j'}),1759 React.createElement(ReactImage0, {x: 237})1760 ),1761 null1762 );1763 }1764 };1765 var AdsHelpLink63 = function(props) {1766 if (props.x === 155) {1767 return React.createElement(AdsPopoverLink62, {x: 154});1768 }1769 if (props.x === 239) {1770 return React.createElement(AdsPopoverLink62, {x: 238});1771 }1772 };1773 var BUIFilterTokenInput64 = function(props) {1774 if (props.x === 158) {1775 return React.createElement(1776 'div',1777 {className: '_5b5o _3yz3 _4cld'},1778 React.createElement(1779 'div',1780 {className: '_5b5t _2d2k'},1781 React.createElement(ReactImage0, {x: 152}),1782 React.createElement(1783 'div',1784 {className: '_5b5r'},1785 'Campaigns: (1)',1786 React.createElement(AdsHelpLink63, {x: 155})1787 )1788 ),1789 React.createElement(XUIButton4, {x: 157})1790 );1791 }1792 };1793 var BUIFilterToken65 = function(props) {1794 if (props.x === 159) {1795 return React.createElement(1796 'div',1797 {className: '_3yz1 _3yz2 _3dad'},1798 React.createElement(1799 'div',1800 {className: '_3yz4', 'aria-hidden': false},1801 React.createElement(1802 'div',1803 {onClick: function() {}, className: '_3yz5'},1804 React.createElement(ReactImage0, {x: 148}),1805 React.createElement('div', {className: '_3yz7'}, 'Campaigns:'),1806 React.createElement(1807 'div',1808 {1809 className: 'ellipsis _3yz8',1810 'data-hover': 'tooltip',1811 'data-tooltip-display': 'overflow',1812 },1813 '(1)'1814 )1815 ),1816 null,1817 React.createElement(XUICloseButton28, {x: 151})1818 ),1819 React.createElement(BUIFilterTokenInput64, {x: 158})1820 );1821 }1822 };1823 var BUIFilterTokenCreateButton66 = function(props) {1824 if (props.x === 163) {1825 return React.createElement(1826 'div',1827 {className: '_1tc'},1828 React.createElement(XUIButton4, {x: 162})1829 );1830 }1831 };1832 var BUIFilterTokenizer67 = function(props) {1833 if (props.x === 164) {1834 return React.createElement(1835 'div',1836 {className: '_5b-m clearfix'},1837 undefined,1838 [],1839 React.createElement(BUIFilterToken65, {x: 159, key: 'token0'}),1840 React.createElement(BUIFilterTokenCreateButton66, {x: 163}),1841 null,1842 React.createElement('div', {className: '_49u3'})1843 );1844 }1845 };1846 var XUIAmbientNUX68 = function(props) {1847 if (props.x === 165) {1848 return null;1849 }1850 if (props.x === 189) {1851 return null;1852 }1853 if (props.x === 200) {1854 return null;1855 }1856 };1857 var XUIAmbientNUX69 = function(props) {1858 if (props.x === 166) {1859 return React.createElement(XUIAmbientNUX68, {x: 165});1860 }1861 if (props.x === 190) {1862 return React.createElement(XUIAmbientNUX68, {x: 189});1863 }1864 if (props.x === 201) {1865 return React.createElement(XUIAmbientNUX68, {x: 200});1866 }1867 };1868 var AdsPEAmbientNUXMegaphone70 = function(props) {1869 if (props.x === 167) {1870 return React.createElement(1871 'span',1872 null,1873 React.createElement('span', {}),1874 React.createElement(XUIAmbientNUX69, {x: 166, key: 'nux'})1875 );1876 }1877 };1878 var AdsPEFilters71 = function(props) {1879 if (props.x === 168) {1880 return React.createElement(1881 'div',1882 {className: '_4rw_'},1883 React.createElement(AdsPEFiltersPopover58, {x: 144}),1884 React.createElement(1885 'div',1886 {className: '_1eo'},1887 React.createElement(InputLabel61, {x: 147})1888 ),1889 React.createElement(BUIFilterTokenizer67, {x: 164}),1890 '',1891 React.createElement(AdsPEAmbientNUXMegaphone70, {x: 167})1892 );1893 }1894 };1895 var AdsPEFilterContainer72 = function(props) {1896 if (props.x === 169) {1897 return React.createElement(AdsPEFilters71, {x: 168});1898 }1899 };1900 var AdsPETablePager73 = function(props) {1901 if (props.x === 172) {1902 return null;1903 }1904 };1905 var AdsPECampaignGroupTablePagerContainer74 = function(props) {1906 if (props.x === 173) {1907 return React.createElement(AdsPETablePager73, {x: 172});1908 }1909 };1910 var AdsPETablePagerContainer75 = function(props) {1911 if (props.x === 174) {1912 return React.createElement(AdsPECampaignGroupTablePagerContainer74, {1913 x: 173,1914 });1915 }1916 };1917 var ReactXUIError76 = function(props) {1918 if (props.x === 181) {1919 return React.createElement(AbstractButton3, {x: 180});1920 }1921 if (props.x === 216) {1922 return React.createElement(1923 'div',1924 {className: '_40bf _2vl4 _1h18'},1925 null,1926 null,1927 React.createElement(1928 'div',1929 {className: '_2vl9 _1h1f', style: {backgroundColor: '#fff'}},1930 React.createElement(1931 'div',1932 {className: '_2vla _1h1g'},1933 React.createElement(1934 'div',1935 null,1936 null,1937 React.createElement('textarea', {1938 className: '_2vli _2vlj _1h26 _1h27',1939 dir: 'auto',1940 disabled: undefined,1941 id: undefined,1942 maxLength: null,1943 value: 'Test Campaign',1944 onBlur: function() {},1945 onChange: function() {},1946 onFocus: function() {},1947 onKeyDown: function() {},1948 }),1949 null1950 ),1951 React.createElement('div', {1952 'aria-hidden': 'true',1953 className: '_2vlk',1954 })1955 )1956 ),1957 null1958 );1959 }1960 if (props.x === 221) {1961 return React.createElement(XUICard94, {x: 220});1962 }1963 if (props.x === 250) {1964 return React.createElement(XUICard94, {x: 249});1965 }1966 if (props.x === 280) {1967 return React.createElement(XUICard94, {x: 279});1968 }1969 };1970 var BUIPopoverButton77 = function(props) {1971 if (props.x === 182) {1972 return React.createElement(ReactXUIError76, {x: 181});1973 }1974 };1975 var BUIDateRangePicker78 = function(props) {1976 if (props.x === 184) {1977 return React.createElement(1978 'span',1979 null,1980 React.createElement(BUIPopoverButton77, {x: 182}),1981 [React.createElement(Constructor49, {x: 183, key: 'layer/.0'})]1982 );1983 }1984 };1985 var AdsPEStatsRangePicker79 = function(props) {1986 if (props.x === 185) {1987 return React.createElement(BUIDateRangePicker78, {x: 184});1988 }1989 };1990 var AdsPEStatRange80 = function(props) {1991 if (props.x === 191) {1992 return React.createElement(1993 'div',1994 {className: '_3c5k'},1995 React.createElement('span', {className: '_3c5j'}, 'Stats:'),1996 React.createElement(1997 'span',1998 {className: '_3c5l'},1999 React.createElement(AdsPEStatsRangePicker79, {x: 185}),2000 React.createElement(XUIButton4, {x: 188, key: 'settings'})2001 ),2002 [React.createElement(XUIAmbientNUX69, {x: 190, key: 'roasNUX/.0'})]2003 );2004 }2005 };2006 var AdsPEStatRangeContainer81 = function(props) {2007 if (props.x === 192) {2008 return React.createElement(AdsPEStatRange80, {x: 191});2009 }2010 };2011 var AdsPESideTrayTabButton82 = function(props) {2012 if (props.x === 196) {2013 return React.createElement(2014 'div',2015 {className: '_1-ly _59j9 _d9a', onClick: function() {}},2016 React.createElement(ReactImage0, {x: 195}),2017 React.createElement('div', {className: '_vf7'}),2018 React.createElement('div', {className: '_vf8'})2019 );2020 }2021 if (props.x === 199) {2022 return React.createElement(2023 'div',2024 {className: ' _1-lz _d9a', onClick: function() {}},2025 React.createElement(ReactImage0, {x: 198}),2026 React.createElement('div', {className: '_vf7'}),2027 React.createElement('div', {className: '_vf8'})2028 );2029 }2030 if (props.x === 203) {2031 return null;2032 }2033 };2034 var AdsPEEditorTrayTabButton83 = function(props) {2035 if (props.x === 197) {2036 return React.createElement(AdsPESideTrayTabButton82, {x: 196});2037 }2038 };2039 var AdsPEInsightsTrayTabButton84 = function(props) {2040 if (props.x === 202) {2041 return React.createElement(2042 'span',2043 null,2044 React.createElement(AdsPESideTrayTabButton82, {x: 199}),2045 React.createElement(XUIAmbientNUX69, {x: 201, key: 'roasNUX'})2046 );2047 }2048 };2049 var AdsPENekoDebuggerTrayTabButton85 = function(props) {2050 if (props.x === 204) {2051 return React.createElement(AdsPESideTrayTabButton82, {x: 203});2052 }2053 };2054 var AdsPEEditorChildLink86 = function(props) {2055 if (props.x === 211) {2056 return React.createElement(2057 'div',2058 {className: '_3ywr'},2059 React.createElement(Link2, {x: 208}),2060 React.createElement('span', {className: '_3ywq'}, '|'),2061 React.createElement(Link2, {x: 210})2062 );2063 }2064 };2065 var AdsPEEditorChildLinkContainer87 = function(props) {2066 if (props.x === 212) {2067 return React.createElement(AdsPEEditorChildLink86, {x: 211});2068 }2069 };2070 var AdsPEHeaderSection88 = function(props) {2071 if (props.x === 213) {2072 return React.createElement(2073 'div',2074 {className: '_yke'},2075 React.createElement('div', {className: '_2x9d _pr-'}),2076 React.createElement(XUIText29, {x: 205}),2077 React.createElement(2078 'div',2079 {className: '_3a-a'},2080 React.createElement(2081 'div',2082 {className: '_3a-b'},2083 React.createElement(XUIText29, {x: 206})2084 )2085 ),2086 React.createElement(AdsPEEditorChildLinkContainer87, {x: 212})2087 );2088 }2089 };2090 var AdsPECampaignGroupHeaderSectionContainer89 = function(props) {2091 if (props.x === 214) {2092 return React.createElement(AdsPEHeaderSection88, {x: 213});2093 }2094 };2095 var AdsEditorLoadingErrors90 = function(props) {2096 if (props.x === 215) {2097 return null;2098 }2099 };2100 var AdsTextInput91 = function(props) {2101 if (props.x === 217) {2102 return React.createElement(ReactXUIError76, {x: 216});2103 }2104 };2105 var BUIFormElement92 = function(props) {2106 if (props.x === 218) {2107 return React.createElement(2108 'div',2109 {className: '_5521 clearfix'},2110 React.createElement(2111 'div',2112 {className: '_5522 _3w5q'},2113 React.createElement(2114 'label',2115 {2116 onClick: undefined,2117 htmlFor: '1467872040612:1961945894',2118 className: '_5523 _3w5r',2119 },2120 'Campaign Name',2121 null2122 )2123 ),2124 React.createElement(2125 'div',2126 {className: '_5527'},2127 React.createElement(2128 'div',2129 {className: '_5528'},2130 React.createElement(2131 'span',2132 {key: '.0', className: '_40bg', id: '1467872040612:1961945894'},2133 React.createElement(AdsTextInput91, {2134 x: 217,2135 key: 'nameEditor98010048849317',2136 }),2137 null2138 )2139 ),2140 null2141 )2142 );2143 }2144 };2145 var BUIForm93 = function(props) {2146 if (props.x === 219) {2147 return React.createElement(2148 'div',2149 {className: '_5ks1 _550r _550t _550y _3w5n'},2150 React.createElement(BUIFormElement92, {x: 218, key: '.0'})2151 );2152 }2153 };2154 var XUICard94 = function(props) {2155 if (props.x === 220) {2156 return React.createElement(2157 'div',2158 {className: '_40bc _12k2 _4-u2 _4-u8'},2159 React.createElement(BUIForm93, {x: 219})2160 );2161 }2162 if (props.x === 249) {2163 return React.createElement(2164 'div',2165 {className: '_12k2 _4-u2 _4-u8'},2166 React.createElement(AdsCardHeader103, {x: 230}),2167 React.createElement(AdsCardSection108, {x: 248})2168 );2169 }2170 if (props.x === 279) {2171 return React.createElement(2172 'div',2173 {className: '_12k2 _4-u2 _4-u8'},2174 React.createElement(AdsCardLeftRightHeader122, {x: 278})2175 );2176 }2177 };2178 var AdsCard95 = function(props) {2179 if (props.x === 222) {2180 return React.createElement(ReactXUIError76, {x: 221});2181 }2182 if (props.x === 251) {2183 return React.createElement(ReactXUIError76, {x: 250});2184 }2185 if (props.x === 281) {2186 return React.createElement(ReactXUIError76, {x: 280});2187 }2188 };2189 var AdsEditorNameSection96 = function(props) {2190 if (props.x === 223) {2191 return React.createElement(AdsCard95, {x: 222});2192 }2193 };2194 var AdsCampaignGroupNameSectionContainer97 = function(props) {2195 if (props.x === 224) {2196 return React.createElement(AdsEditorNameSection96, {2197 x: 223,2198 key: 'nameSection98010048849317',2199 });2200 }2201 };2202 var _render98 = function(props) {2203 if (props.x === 225) {2204 return React.createElement(AdsCampaignGroupNameSectionContainer97, {2205 x: 224,2206 });2207 }2208 };2209 var AdsPluginWrapper99 = function(props) {2210 if (props.x === 226) {2211 return React.createElement(_render98, {x: 225});2212 }2213 if (props.x === 255) {2214 return React.createElement(_render111, {x: 254});2215 }2216 if (props.x === 258) {2217 return React.createElement(_render113, {x: 257});2218 }2219 if (props.x === 287) {2220 return React.createElement(_render127, {x: 286});2221 }2222 if (props.x === 291) {2223 return React.createElement(_render130, {x: 290});2224 }2225 };2226 var XUICardHeaderTitle100 = function(props) {2227 if (props.x === 227) {2228 return React.createElement(2229 'span',2230 {className: '_38my'},2231 'Campaign Details',2232 null,2233 React.createElement('span', {className: '_c1c'})2234 );2235 }2236 if (props.x === 265) {2237 return React.createElement(2238 'span',2239 {className: '_38my'},2240 [2241 React.createElement(2242 'span',2243 {key: 1},2244 'Campaign ID',2245 ': ',2246 '98010048849317'2247 ),2248 React.createElement(2249 'div',2250 {className: '_5lh9', key: 2},2251 React.createElement(2252 FluxContainer_AdsCampaignGroupStatusSwitchContainer_119,2253 {x: 264}2254 )2255 ),2256 ],2257 null,2258 React.createElement('span', {className: '_c1c'})2259 );2260 }2261 };2262 var XUICardSection101 = function(props) {2263 if (props.x === 228) {2264 return React.createElement(2265 'div',2266 {className: '_5dw9 _5dwa _4-u3'},2267 [React.createElement(XUICardHeaderTitle100, {x: 227, key: '.0'})],2268 undefined,2269 undefined,2270 React.createElement('div', {className: '_3s3-'})2271 );2272 }2273 if (props.x === 247) {2274 return React.createElement(2275 'div',2276 {className: '_12jy _4-u3'},2277 React.createElement(2278 'div',2279 {className: '_3-8j'},2280 React.createElement(FlexibleBlock105, {x: 233}),2281 React.createElement(FlexibleBlock105, {x: 236}),2282 React.createElement(FlexibleBlock105, {x: 246}),2283 null,2284 null2285 )2286 );2287 }2288 };2289 var XUICardHeader102 = function(props) {2290 if (props.x === 229) {2291 return React.createElement(XUICardSection101, {x: 228});2292 }2293 };2294 var AdsCardHeader103 = function(props) {2295 if (props.x === 230) {2296 return React.createElement(XUICardHeader102, {x: 229});2297 }2298 };2299 var AdsLabeledField104 = function(props) {2300 if (props.x === 231) {2301 return React.createElement(2302 'div',2303 {className: '_2oc6 _3bvz', label: 'Objective'},2304 React.createElement(2305 'label',2306 {className: '_4el4 _3qwj _3hy-', htmlFor: undefined},2307 'Objective '2308 ),2309 null,2310 React.createElement('div', {className: '_3bv-'})2311 );2312 }2313 if (props.x === 234) {2314 return React.createElement(2315 'div',2316 {className: '_2oc6 _3bvz', label: 'Buying Type'},2317 React.createElement(2318 'label',2319 {className: '_4el4 _3qwj _3hy-', htmlFor: undefined},2320 'Buying Type '2321 ),2322 null,2323 React.createElement('div', {className: '_3bv-'})2324 );2325 }2326 if (props.x === 240) {2327 return React.createElement(2328 'div',2329 {className: '_2oc6 _3bvz'},2330 React.createElement(2331 'label',2332 {className: '_4el4 _3qwj _3hy-', htmlFor: undefined},2333 'Campaign Spending Limit '2334 ),2335 React.createElement(AdsHelpLink63, {x: 239}),2336 React.createElement('div', {className: '_3bv-'})2337 );2338 }2339 };2340 var FlexibleBlock105 = function(props) {2341 if (props.x === 233) {2342 return React.createElement(LeftRight21, {x: 232});2343 }2344 if (props.x === 236) {2345 return React.createElement(LeftRight21, {x: 235});2346 }2347 if (props.x === 246) {2348 return React.createElement(LeftRight21, {x: 245});2349 }2350 };2351 var AdsBulkCampaignSpendCapField106 = function(props) {2352 if (props.x === 243) {2353 return React.createElement(2354 'div',2355 {className: '_33dv'},2356 '',2357 React.createElement(Link2, {x: 242}),2358 ' (optional)'2359 );2360 }2361 };2362 var FluxContainer_AdsCampaignGroupSpendCapContainer_107 = function(props) {2363 if (props.x === 244) {2364 return React.createElement(AdsBulkCampaignSpendCapField106, {x: 243});2365 }2366 };2367 var AdsCardSection108 = function(props) {2368 if (props.x === 248) {2369 return React.createElement(XUICardSection101, {x: 247});2370 }2371 };2372 var AdsEditorCampaignGroupDetailsSection109 = function(props) {2373 if (props.x === 252) {2374 return React.createElement(AdsCard95, {x: 251});2375 }2376 };2377 var AdsEditorCampaignGroupDetailsSectionContainer110 = function(props) {2378 if (props.x === 253) {2379 return React.createElement(AdsEditorCampaignGroupDetailsSection109, {2380 x: 252,2381 key: 'campaignGroupDetailsSection98010048849317',2382 });2383 }2384 };2385 var _render111 = function(props) {2386 if (props.x === 254) {2387 return React.createElement(2388 AdsEditorCampaignGroupDetailsSectionContainer110,2389 {x: 253}2390 );2391 }2392 };2393 var FluxContainer_AdsEditorToplineDetailsSectionContainer_112 = function(2394 props2395 ) {2396 if (props.x === 256) {2397 return null;2398 }2399 };2400 var _render113 = function(props) {2401 if (props.x === 257) {2402 return React.createElement(2403 FluxContainer_AdsEditorToplineDetailsSectionContainer_112,2404 {x: 256}2405 );2406 }2407 };2408 var AdsStickyArea114 = function(props) {2409 if (props.x === 259) {2410 return React.createElement(2411 'div',2412 {},2413 React.createElement('div', {onWheel: function() {}})2414 );2415 }2416 if (props.x === 292) {2417 return React.createElement(2418 'div',2419 {},2420 React.createElement('div', {onWheel: function() {}}, [2421 React.createElement(2422 'div',2423 {key: 'campaign_group_errors_section98010048849317'},2424 React.createElement(AdsPluginWrapper99, {x: 291})2425 ),2426 ])2427 );2428 }2429 };2430 var FluxContainer_AdsEditorColumnContainer_115 = function(props) {2431 if (props.x === 260) {2432 return React.createElement(2433 'div',2434 null,2435 [2436 React.createElement(2437 'div',2438 {key: 'campaign_group_name_section98010048849317'},2439 React.createElement(AdsPluginWrapper99, {x: 226})2440 ),2441 React.createElement(2442 'div',2443 {key: 'campaign_group_basic_section98010048849317'},2444 React.createElement(AdsPluginWrapper99, {x: 255})2445 ),2446 React.createElement(2447 'div',2448 {key: 'campaign_group_topline_section98010048849317'},2449 React.createElement(AdsPluginWrapper99, {x: 258})2450 ),2451 ],2452 React.createElement(AdsStickyArea114, {x: 259})2453 );2454 }2455 if (props.x === 293) {2456 return React.createElement(2457 'div',2458 null,2459 [2460 React.createElement(2461 'div',2462 {key: 'campaign_group_navigation_section98010048849317'},2463 React.createElement(AdsPluginWrapper99, {x: 287})2464 ),2465 ],2466 React.createElement(AdsStickyArea114, {x: 292})2467 );2468 }2469 };2470 var BUISwitch116 = function(props) {2471 if (props.x === 261) {2472 return React.createElement(2473 'div',2474 {2475 'data-hover': 'tooltip',2476 'data-tooltip-content':2477 'Currently active. Click this switch to deactivate it.',2478 'data-tooltip-position': 'below',2479 disabled: false,2480 value: true,2481 onToggle: function() {},2482 className: '_128j _128k _128n',2483 role: 'checkbox',2484 'aria-checked': 'true',2485 },2486 React.createElement(2487 'div',2488 {2489 className: '_128o',2490 onClick: function() {},2491 onKeyDown: function() {},2492 onMouseDown: function() {},2493 tabIndex: '0',2494 },2495 React.createElement('div', {className: '_128p'})2496 ),2497 null2498 );2499 }2500 };2501 var AdsStatusSwitchInternal117 = function(props) {2502 if (props.x === 262) {2503 return React.createElement(BUISwitch116, {x: 261});2504 }2505 };2506 var AdsStatusSwitch118 = function(props) {2507 if (props.x === 263) {2508 return React.createElement(AdsStatusSwitchInternal117, {x: 262});2509 }2510 };2511 var FluxContainer_AdsCampaignGroupStatusSwitchContainer_119 = function(2512 props2513 ) {2514 if (props.x === 264) {2515 return React.createElement(AdsStatusSwitch118, {2516 x: 263,2517 key: 'status98010048849317',2518 });2519 }2520 };2521 var AdsLinksMenu120 = function(props) {2522 if (props.x === 275) {2523 return React.createElement(ReactPopoverMenu20, {x: 274});2524 }2525 };2526 var FluxContainer_AdsPluginizedLinksMenuContainer_121 = function(props) {2527 if (props.x === 276) {2528 return React.createElement(2529 'div',2530 null,2531 null,2532 React.createElement(AdsLinksMenu120, {x: 275})2533 );2534 }2535 };2536 var AdsCardLeftRightHeader122 = function(props) {2537 if (props.x === 278) {2538 return React.createElement(LeftRight21, {x: 277});2539 }2540 };2541 var AdsPEIDSection123 = function(props) {2542 if (props.x === 282) {2543 return React.createElement(AdsCard95, {x: 281});2544 }2545 };2546 var FluxContainer_AdsPECampaignGroupIDSectionContainer_124 = function(props) {2547 if (props.x === 283) {2548 return React.createElement(AdsPEIDSection123, {x: 282});2549 }2550 };2551 var DeferredComponent125 = function(props) {2552 if (props.x === 284) {2553 return React.createElement(2554 FluxContainer_AdsPECampaignGroupIDSectionContainer_124,2555 {x: 283}2556 );2557 }2558 };2559 var BootloadedComponent126 = function(props) {2560 if (props.x === 285) {2561 return React.createElement(DeferredComponent125, {x: 284});2562 }2563 };2564 var _render127 = function(props) {2565 if (props.x === 286) {2566 return React.createElement(BootloadedComponent126, {x: 285});2567 }2568 };2569 var AdsEditorErrorsCard128 = function(props) {2570 if (props.x === 288) {2571 return null;2572 }2573 };2574 var FluxContainer_FunctionalContainer_129 = function(props) {2575 if (props.x === 289) {2576 return React.createElement(AdsEditorErrorsCard128, {x: 288});2577 }2578 };2579 var _render130 = function(props) {2580 if (props.x === 290) {2581 return React.createElement(FluxContainer_FunctionalContainer_129, {2582 x: 289,2583 });2584 }2585 };2586 var AdsEditorMultiColumnLayout131 = function(props) {2587 if (props.x === 294) {2588 return React.createElement(2589 'div',2590 {className: '_psh'},2591 React.createElement(2592 'div',2593 {className: '_3cc0'},2594 React.createElement(2595 'div',2596 null,2597 React.createElement(AdsEditorLoadingErrors90, {x: 215, key: '.0'}),2598 React.createElement(2599 'div',2600 {className: '_3ms3'},2601 React.createElement(2602 'div',2603 {className: '_3ms4'},2604 React.createElement(2605 FluxContainer_AdsEditorColumnContainer_115,2606 {x: 260, key: '.1'}2607 )2608 ),2609 React.createElement(2610 'div',2611 {className: '_3pvg'},2612 React.createElement(2613 FluxContainer_AdsEditorColumnContainer_115,2614 {x: 293, key: '.2'}2615 )2616 )2617 )2618 )2619 )2620 );2621 }2622 };2623 var AdsPECampaignGroupEditor132 = function(props) {2624 if (props.x === 295) {2625 return React.createElement(2626 'div',2627 null,2628 React.createElement(AdsPECampaignGroupHeaderSectionContainer89, {2629 x: 214,2630 }),2631 React.createElement(AdsEditorMultiColumnLayout131, {x: 294})2632 );2633 }2634 };2635 var AdsPECampaignGroupEditorContainer133 = function(props) {2636 if (props.x === 296) {2637 return React.createElement(AdsPECampaignGroupEditor132, {x: 295});2638 }2639 };2640 var AdsPESideTrayTabContent134 = function(props) {2641 if (props.x === 297) {2642 return React.createElement(2643 'div',2644 {className: '_1o_8 _44ra _5cyn'},2645 React.createElement(AdsPECampaignGroupEditorContainer133, {x: 296})2646 );2647 }2648 };2649 var AdsPEEditorTrayTabContentContainer135 = function(props) {2650 if (props.x === 298) {2651 return React.createElement(AdsPESideTrayTabContent134, {x: 297});2652 }2653 };2654 var AdsPEMultiTabDrawer136 = function(props) {2655 if (props.x === 299) {2656 return React.createElement(2657 'div',2658 {className: '_2kev _2kex'},2659 React.createElement(2660 'div',2661 {className: '_5yno'},2662 React.createElement(AdsPEEditorTrayTabButton83, {2663 x: 197,2664 key: 'editor_tray_button',2665 }),2666 React.createElement(AdsPEInsightsTrayTabButton84, {2667 x: 202,2668 key: 'insights_tray_button',2669 }),2670 React.createElement(AdsPENekoDebuggerTrayTabButton85, {2671 x: 204,2672 key: 'neko_debugger_tray_button',2673 })2674 ),2675 React.createElement(2676 'div',2677 {className: '_5ynn'},2678 React.createElement(AdsPEEditorTrayTabContentContainer135, {2679 x: 298,2680 key: 'EDITOR_DRAWER',2681 }),2682 null2683 )2684 );2685 }2686 };2687 var FluxContainer_AdsPEMultiTabDrawerContainer_137 = function(props) {2688 if (props.x === 300) {2689 return React.createElement(AdsPEMultiTabDrawer136, {x: 299});2690 }2691 };2692 var AdsPESimpleOrganizer138 = function(props) {2693 if (props.x === 309) {2694 return React.createElement(2695 'div',2696 {className: '_tm2'},2697 React.createElement(XUIButton4, {x: 304}),2698 React.createElement(XUIButton4, {x: 306}),2699 React.createElement(XUIButton4, {x: 308})2700 );2701 }2702 };2703 var AdsPEOrganizerContainer139 = function(props) {2704 if (props.x === 310) {2705 return React.createElement(2706 'div',2707 null,2708 React.createElement(AdsPESimpleOrganizer138, {x: 309})2709 );2710 }2711 };2712 var FixedDataTableColumnResizeHandle140 = function(props) {2713 if (props.x === 313) {2714 return React.createElement(2715 'div',2716 {2717 className: '_3487 _3488 _3489',2718 style: {width: 0, height: 25, left: 0},2719 },2720 React.createElement('div', {className: '_348a', style: {height: 25}})2721 );2722 }2723 };2724 var AdsPETableHeader141 = function(props) {2725 if (props.x === 315) {2726 return React.createElement(2727 'div',2728 {className: '_1cig _1ksv _1vd7 _4h2r', id: undefined},2729 React.createElement(ReactImage0, {x: 314}),2730 React.createElement('span', {className: '_1cid'}, 'Campaigns')2731 );2732 }2733 if (props.x === 320) {2734 return React.createElement(2735 'div',2736 {className: '_1cig _1vd7 _4h2r', id: undefined},2737 null,2738 React.createElement('span', {className: '_1cid'}, 'Performance')2739 );2740 }2741 if (props.x === 323) {2742 return React.createElement(2743 'div',2744 {className: '_1cig _1vd7 _4h2r', id: undefined},2745 null,2746 React.createElement('span', {className: '_1cid'}, 'Overview')2747 );2748 }2749 if (props.x === 326) {2750 return React.createElement(2751 'div',2752 {className: '_1cig _1vd7 _4h2r', id: undefined},2753 null,2754 React.createElement('span', {className: '_1cid'}, 'Toplines')2755 );2756 }2757 if (props.x === 329) {2758 return React.createElement('div', {2759 className: '_1cig _1vd7 _4h2r',2760 id: undefined,2761 });2762 }2763 if (props.x === 340) {2764 return React.createElement(2765 'div',2766 {className: '_1cig _25fg', id: undefined},2767 null,2768 React.createElement('span', {className: '_1cid'}, 'Campaign Name')2769 );2770 }2771 if (props.x === 346) {2772 return React.createElement(2773 'div',2774 {2775 className: '_1cig _25fg',2776 id: undefined,2777 'data-tooltip-content': 'Changed',2778 'data-hover': 'tooltip',2779 },2780 React.createElement(ReactImage0, {x: 345}),2781 null2782 );2783 }2784 if (props.x === 352) {2785 return React.createElement(2786 'div',2787 {2788 className: '_1cig _25fg',2789 id: 'ads_pe_table_error_header',2790 'data-tooltip-content': 'Errors',2791 'data-hover': 'tooltip',2792 },2793 React.createElement(ReactImage0, {x: 351}),2794 null2795 );2796 }2797 if (props.x === 357) {2798 return React.createElement(2799 'div',2800 {className: '_1cig _25fg', id: undefined},2801 null,2802 React.createElement('span', {className: '_1cid'}, 'Status')2803 );2804 }2805 if (props.x === 362) {2806 return React.createElement(2807 'div',2808 {className: '_1cig _25fg', id: undefined},2809 null,2810 React.createElement('span', {className: '_1cid'}, 'Delivery')2811 );2812 }2813 if (props.x === 369) {2814 return React.createElement(2815 'div',2816 {className: '_1cig _25fg', id: undefined},2817 null,2818 React.createElement('span', {className: '_1cid'}, 'Results')2819 );2820 }2821 if (props.x === 374) {2822 return React.createElement(2823 'div',2824 {className: '_1cig _25fg', id: undefined},2825 null,2826 React.createElement('span', {className: '_1cid'}, 'Cost')2827 );2828 }2829 if (props.x === 379) {2830 return React.createElement(2831 'div',2832 {className: '_1cig _25fg', id: undefined},2833 null,2834 React.createElement('span', {className: '_1cid'}, 'Reach')2835 );2836 }2837 if (props.x === 384) {2838 return React.createElement(2839 'div',2840 {className: '_1cig _25fg', id: undefined},2841 null,2842 React.createElement('span', {className: '_1cid'}, 'Impressions')2843 );2844 }2845 if (props.x === 389) {2846 return React.createElement(2847 'div',2848 {className: '_1cig _25fg', id: undefined},2849 null,2850 React.createElement('span', {className: '_1cid'}, 'Clicks')2851 );2852 }2853 if (props.x === 394) {2854 return React.createElement(2855 'div',2856 {className: '_1cig _25fg', id: undefined},2857 null,2858 React.createElement('span', {className: '_1cid'}, 'Avg. CPM')2859 );2860 }2861 if (props.x === 399) {2862 return React.createElement(2863 'div',2864 {className: '_1cig _25fg', id: undefined},2865 null,2866 React.createElement('span', {className: '_1cid'}, 'Avg. CPC')2867 );2868 }2869 if (props.x === 404) {2870 return React.createElement(2871 'div',2872 {className: '_1cig _25fg', id: undefined},2873 null,2874 React.createElement('span', {className: '_1cid'}, 'CTR %')2875 );2876 }2877 if (props.x === 409) {2878 return React.createElement(2879 'div',2880 {className: '_1cig _25fg', id: undefined},2881 null,2882 React.createElement('span', {className: '_1cid'}, 'Spent')2883 );2884 }2885 if (props.x === 414) {2886 return React.createElement(2887 'div',2888 {className: '_1cig _25fg', id: undefined},2889 null,2890 React.createElement('span', {className: '_1cid'}, 'Objective')2891 );2892 }2893 if (props.x === 419) {2894 return React.createElement(2895 'div',2896 {className: '_1cig _25fg', id: undefined},2897 null,2898 React.createElement('span', {className: '_1cid'}, 'Buying Type')2899 );2900 }2901 if (props.x === 424) {2902 return React.createElement(2903 'div',2904 {className: '_1cig _25fg', id: undefined},2905 null,2906 React.createElement('span', {className: '_1cid'}, 'Campaign ID')2907 );2908 }2909 if (props.x === 429) {2910 return React.createElement(2911 'div',2912 {className: '_1cig _25fg', id: undefined},2913 null,2914 React.createElement('span', {className: '_1cid'}, 'Start')2915 );2916 }2917 if (props.x === 434) {2918 return React.createElement(2919 'div',2920 {className: '_1cig _25fg', id: undefined},2921 null,2922 React.createElement('span', {className: '_1cid'}, 'End')2923 );2924 }2925 if (props.x === 439) {2926 return React.createElement(2927 'div',2928 {className: '_1cig _25fg', id: undefined},2929 null,2930 React.createElement('span', {className: '_1cid'}, 'Date created')2931 );2932 }2933 if (props.x === 444) {2934 return React.createElement(2935 'div',2936 {className: '_1cig _25fg', id: undefined},2937 null,2938 React.createElement('span', {className: '_1cid'}, 'Date last edited')2939 );2940 }2941 if (props.x === 449) {2942 return React.createElement(2943 'div',2944 {className: '_1cig _25fg _4h2r', id: undefined},2945 null,2946 React.createElement('span', {className: '_1cid'}, 'Tags')2947 );2948 }2949 if (props.x === 452) {2950 return React.createElement('div', {2951 className: '_1cig _25fg _4h2r',2952 id: undefined,2953 });2954 }2955 };2956 var TransitionCell142 = function(props) {2957 if (props.x === 316) {2958 return React.createElement(2959 'div',2960 {2961 label: 'Campaigns',2962 height: 40,2963 width: 721,2964 className: '_4lgc _4h2u',2965 style: {height: 40, width: 721},2966 },2967 React.createElement(2968 'div',2969 {className: '_4lgd _4h2w'},2970 React.createElement(2971 'div',2972 {className: '_4lge _4h2x'},2973 React.createElement(AdsPETableHeader141, {x: 315})2974 )2975 )2976 );2977 }2978 if (props.x === 321) {2979 return React.createElement(2980 'div',2981 {2982 label: 'Performance',2983 height: 40,2984 width: 798,2985 className: '_4lgc _4h2u',2986 style: {height: 40, width: 798},2987 },2988 React.createElement(2989 'div',2990 {className: '_4lgd _4h2w'},2991 React.createElement(2992 'div',2993 {className: '_4lge _4h2x'},2994 React.createElement(AdsPETableHeader141, {x: 320})2995 )2996 )2997 );2998 }2999 if (props.x === 324) {3000 return React.createElement(3001 'div',3002 {3003 label: 'Overview',3004 height: 40,3005 width: 1022,3006 className: '_4lgc _4h2u',3007 style: {height: 40, width: 1022},3008 },3009 React.createElement(3010 'div',3011 {className: '_4lgd _4h2w'},3012 React.createElement(3013 'div',3014 {className: '_4lge _4h2x'},3015 React.createElement(AdsPETableHeader141, {x: 323})3016 )3017 )3018 );3019 }3020 if (props.x === 327) {3021 return React.createElement(3022 'div',3023 {3024 label: 'Toplines',3025 height: 40,3026 width: 0,3027 className: '_4lgc _4h2u',3028 style: {height: 40, width: 0},3029 },3030 React.createElement(3031 'div',3032 {className: '_4lgd _4h2w'},3033 React.createElement(3034 'div',3035 {className: '_4lge _4h2x'},3036 React.createElement(AdsPETableHeader141, {x: 326})3037 )3038 )3039 );3040 }3041 if (props.x === 330) {3042 return React.createElement(3043 'div',3044 {3045 label: '',3046 height: 40,3047 width: 25,3048 className: '_4lgc _4h2u',3049 style: {height: 40, width: 25},3050 },3051 React.createElement(3052 'div',3053 {className: '_4lgd _4h2w'},3054 React.createElement(3055 'div',3056 {className: '_4lge _4h2x'},3057 React.createElement(AdsPETableHeader141, {x: 329})3058 )3059 )3060 );3061 }3062 if (props.x === 338) {3063 return React.createElement(3064 'div',3065 {3066 label: undefined,3067 width: 42,3068 className: '_4lgc _4h2u',3069 height: 25,3070 style: {height: 25, width: 42},3071 },3072 React.createElement(3073 'div',3074 {className: '_4lgd _4h2w'},3075 React.createElement(3076 'div',3077 {className: '_4lge _4h2x'},3078 React.createElement(XUICheckboxInput60, {x: 337})3079 )3080 )3081 );3082 }3083 if (props.x === 343) {3084 return React.createElement(3085 'div',3086 {3087 label: 'Campaign Name',3088 width: 400,3089 className: '_4lgc _4h2u',3090 height: 25,3091 style: {height: 25, width: 400},3092 },3093 React.createElement(3094 'div',3095 {className: '_4lgd _4h2w'},3096 React.createElement(3097 'div',3098 {className: '_4lge _4h2x'},3099 React.createElement(FixedDataTableSortableHeader149, {x: 342})3100 )3101 )3102 );3103 }3104 if (props.x === 349) {3105 return React.createElement(3106 'div',3107 {3108 label: undefined,3109 width: 33,3110 className: '_4lgc _4h2u',3111 height: 25,3112 style: {height: 25, width: 33},3113 },3114 React.createElement(3115 'div',3116 {className: '_4lgd _4h2w'},3117 React.createElement(3118 'div',3119 {className: '_4lge _4h2x'},3120 React.createElement(FixedDataTableSortableHeader149, {x: 348})3121 )3122 )3123 );3124 }3125 if (props.x === 355) {3126 return React.createElement(3127 'div',3128 {3129 label: undefined,3130 width: 36,3131 className: '_4lgc _4h2u',3132 height: 25,3133 style: {height: 25, width: 36},3134 },3135 React.createElement(3136 'div',3137 {className: '_4lgd _4h2w'},3138 React.createElement(3139 'div',3140 {className: '_4lge _4h2x'},3141 React.createElement(FixedDataTableSortableHeader149, {x: 354})3142 )3143 )3144 );3145 }3146 if (props.x === 360) {3147 return React.createElement(3148 'div',3149 {3150 label: 'Status',3151 width: 60,3152 className: '_4lgc _4h2u',3153 height: 25,3154 style: {height: 25, width: 60},3155 },3156 React.createElement(3157 'div',3158 {className: '_4lgd _4h2w'},3159 React.createElement(3160 'div',3161 {className: '_4lge _4h2x'},3162 React.createElement(FixedDataTableSortableHeader149, {x: 359})3163 )3164 )3165 );3166 }3167 if (props.x === 365) {3168 return React.createElement(3169 'div',3170 {3171 label: 'Delivery',3172 width: 150,3173 className: '_4lgc _4h2u',3174 height: 25,3175 style: {height: 25, width: 150},3176 },3177 React.createElement(3178 'div',3179 {className: '_4lgd _4h2w'},3180 React.createElement(3181 'div',3182 {className: '_4lge _4h2x'},3183 React.createElement(FixedDataTableSortableHeader149, {x: 364})3184 )3185 )3186 );3187 }3188 if (props.x === 372) {3189 return React.createElement(3190 'div',3191 {3192 label: 'Results',3193 width: 140,3194 className: '_4lgc _4h2u',3195 height: 25,3196 style: {height: 25, width: 140},3197 },3198 React.createElement(3199 'div',3200 {className: '_4lgd _4h2w'},3201 React.createElement(3202 'div',3203 {className: '_4lge _4h2x'},3204 React.createElement(FixedDataTableSortableHeader149, {x: 371})3205 )3206 )3207 );3208 }3209 if (props.x === 377) {3210 return React.createElement(3211 'div',3212 {3213 label: 'Cost',3214 width: 140,3215 className: '_4lgc _4h2u',3216 height: 25,3217 style: {height: 25, width: 140},3218 },3219 React.createElement(3220 'div',3221 {className: '_4lgd _4h2w'},3222 React.createElement(3223 'div',3224 {className: '_4lge _4h2x'},3225 React.createElement(FixedDataTableSortableHeader149, {x: 376})3226 )3227 )3228 );3229 }3230 if (props.x === 382) {3231 return React.createElement(3232 'div',3233 {3234 label: 'Reach',3235 width: 80,3236 className: '_4lgc _4h2u',3237 height: 25,3238 style: {height: 25, width: 80},3239 },3240 React.createElement(3241 'div',3242 {className: '_4lgd _4h2w'},3243 React.createElement(3244 'div',3245 {className: '_4lge _4h2x'},3246 React.createElement(FixedDataTableSortableHeader149, {x: 381})3247 )3248 )3249 );3250 }3251 if (props.x === 387) {3252 return React.createElement(3253 'div',3254 {3255 label: 'Impressions',3256 width: 80,3257 className: '_4lgc _4h2u',3258 height: 25,3259 style: {height: 25, width: 80},3260 },3261 React.createElement(3262 'div',3263 {className: '_4lgd _4h2w'},3264 React.createElement(3265 'div',3266 {className: '_4lge _4h2x'},3267 React.createElement(FixedDataTableSortableHeader149, {x: 386})3268 )3269 )3270 );3271 }3272 if (props.x === 392) {3273 return React.createElement(3274 'div',3275 {3276 label: 'Clicks',3277 width: 60,3278 className: '_4lgc _4h2u',3279 height: 25,3280 style: {height: 25, width: 60},3281 },3282 React.createElement(3283 'div',3284 {className: '_4lgd _4h2w'},3285 React.createElement(3286 'div',3287 {className: '_4lge _4h2x'},3288 React.createElement(FixedDataTableSortableHeader149, {x: 391})3289 )3290 )3291 );3292 }3293 if (props.x === 397) {3294 return React.createElement(3295 'div',3296 {3297 label: 'Avg. CPM',3298 width: 80,3299 className: '_4lgc _4h2u',3300 height: 25,3301 style: {height: 25, width: 80},3302 },3303 React.createElement(3304 'div',3305 {className: '_4lgd _4h2w'},3306 React.createElement(3307 'div',3308 {className: '_4lge _4h2x'},3309 React.createElement(FixedDataTableSortableHeader149, {x: 396})3310 )3311 )3312 );3313 }3314 if (props.x === 402) {3315 return React.createElement(3316 'div',3317 {3318 label: 'Avg. CPC',3319 width: 78,3320 className: '_4lgc _4h2u',3321 height: 25,3322 style: {height: 25, width: 78},3323 },3324 React.createElement(3325 'div',3326 {className: '_4lgd _4h2w'},3327 React.createElement(3328 'div',3329 {className: '_4lge _4h2x'},3330 React.createElement(FixedDataTableSortableHeader149, {x: 401})3331 )3332 )3333 );3334 }3335 if (props.x === 407) {3336 return React.createElement(3337 'div',3338 {3339 label: 'CTR %',3340 width: 70,3341 className: '_4lgc _4h2u',3342 height: 25,3343 style: {height: 25, width: 70},3344 },3345 React.createElement(3346 'div',3347 {className: '_4lgd _4h2w'},3348 React.createElement(3349 'div',3350 {className: '_4lge _4h2x'},3351 React.createElement(FixedDataTableSortableHeader149, {x: 406})3352 )3353 )3354 );3355 }3356 if (props.x === 412) {3357 return React.createElement(3358 'div',3359 {3360 label: 'Spent',3361 width: 70,3362 className: '_4lgc _4h2u',3363 height: 25,3364 style: {height: 25, width: 70},3365 },3366 React.createElement(3367 'div',3368 {className: '_4lgd _4h2w'},3369 React.createElement(3370 'div',3371 {className: '_4lge _4h2x'},3372 React.createElement(FixedDataTableSortableHeader149, {x: 411})3373 )3374 )3375 );3376 }3377 if (props.x === 417) {3378 return React.createElement(3379 'div',3380 {3381 label: 'Objective',3382 width: 200,3383 className: '_4lgc _4h2u',3384 height: 25,3385 style: {height: 25, width: 200},3386 },3387 React.createElement(3388 'div',3389 {className: '_4lgd _4h2w'},3390 React.createElement(3391 'div',3392 {className: '_4lge _4h2x'},3393 React.createElement(FixedDataTableSortableHeader149, {x: 416})3394 )3395 )3396 );3397 }3398 if (props.x === 422) {3399 return React.createElement(3400 'div',3401 {3402 label: 'Buying Type',3403 width: 100,3404 className: '_4lgc _4h2u',3405 height: 25,3406 style: {height: 25, width: 100},3407 },3408 React.createElement(3409 'div',3410 {className: '_4lgd _4h2w'},3411 React.createElement(3412 'div',3413 {className: '_4lge _4h2x'},3414 React.createElement(FixedDataTableSortableHeader149, {x: 421})3415 )3416 )3417 );3418 }3419 if (props.x === 427) {3420 return React.createElement(3421 'div',3422 {3423 label: 'Campaign ID',3424 width: 120,3425 className: '_4lgc _4h2u',3426 height: 25,3427 style: {height: 25, width: 120},3428 },3429 React.createElement(3430 'div',3431 {className: '_4lgd _4h2w'},3432 React.createElement(3433 'div',3434 {className: '_4lge _4h2x'},3435 React.createElement(FixedDataTableSortableHeader149, {x: 426})3436 )3437 )3438 );3439 }3440 if (props.x === 432) {3441 return React.createElement(3442 'div',3443 {3444 label: 'Start',3445 width: 113,3446 className: '_4lgc _4h2u',3447 height: 25,3448 style: {height: 25, width: 113},3449 },3450 React.createElement(3451 'div',3452 {className: '_4lgd _4h2w'},3453 React.createElement(3454 'div',3455 {className: '_4lge _4h2x'},3456 React.createElement(FixedDataTableSortableHeader149, {x: 431})3457 )3458 )3459 );3460 }3461 if (props.x === 437) {3462 return React.createElement(3463 'div',3464 {3465 label: 'End',3466 width: 113,3467 className: '_4lgc _4h2u',3468 height: 25,3469 style: {height: 25, width: 113},3470 },3471 React.createElement(3472 'div',3473 {className: '_4lgd _4h2w'},3474 React.createElement(3475 'div',3476 {className: '_4lge _4h2x'},3477 React.createElement(FixedDataTableSortableHeader149, {x: 436})3478 )3479 )3480 );3481 }3482 if (props.x === 442) {3483 return React.createElement(3484 'div',3485 {3486 label: 'Date created',3487 width: 113,3488 className: '_4lgc _4h2u',3489 height: 25,3490 style: {height: 25, width: 113},3491 },3492 React.createElement(3493 'div',3494 {className: '_4lgd _4h2w'},3495 React.createElement(3496 'div',3497 {className: '_4lge _4h2x'},3498 React.createElement(FixedDataTableSortableHeader149, {x: 441})3499 )3500 )3501 );3502 }3503 if (props.x === 447) {3504 return React.createElement(3505 'div',3506 {3507 label: 'Date last edited',3508 width: 113,3509 className: '_4lgc _4h2u',3510 height: 25,3511 style: {height: 25, width: 113},3512 },3513 React.createElement(3514 'div',3515 {className: '_4lgd _4h2w'},3516 React.createElement(3517 'div',3518 {className: '_4lge _4h2x'},3519 React.createElement(FixedDataTableSortableHeader149, {x: 446})3520 )3521 )3522 );3523 }3524 if (props.x === 450) {3525 return React.createElement(3526 'div',3527 {3528 label: 'Tags',3529 width: 150,3530 className: '_4lgc _4h2u',3531 height: 25,3532 style: {height: 25, width: 150},3533 },3534 React.createElement(3535 'div',3536 {className: '_4lgd _4h2w'},3537 React.createElement(3538 'div',3539 {className: '_4lge _4h2x'},3540 React.createElement(AdsPETableHeader141, {x: 449})3541 )3542 )3543 );3544 }3545 if (props.x === 453) {3546 return React.createElement(3547 'div',3548 {3549 label: '',3550 width: 25,3551 className: '_4lgc _4h2u',3552 height: 25,3553 style: {height: 25, width: 25},3554 },3555 React.createElement(3556 'div',3557 {className: '_4lgd _4h2w'},3558 React.createElement(3559 'div',3560 {className: '_4lge _4h2x'},3561 React.createElement(AdsPETableHeader141, {x: 452})3562 )3563 )3564 );3565 }3566 };3567 var FixedDataTableCell143 = function(props) {3568 if (props.x === 317) {3569 return React.createElement(3570 'div',3571 {className: '_4lg0 _4h2m', style: {height: 40, width: 721, left: 0}},3572 undefined,3573 React.createElement(TransitionCell142, {x: 316})3574 );3575 }3576 if (props.x === 322) {3577 return React.createElement(3578 'div',3579 {className: '_4lg0 _4h2m', style: {height: 40, width: 798, left: 0}},3580 undefined,3581 React.createElement(TransitionCell142, {x: 321})3582 );3583 }3584 if (props.x === 325) {3585 return React.createElement(3586 'div',3587 {className: '_4lg0 _4h2m', style: {height: 40, width: 1022, left: 798}},3588 undefined,3589 React.createElement(TransitionCell142, {x: 324})3590 );3591 }3592 if (props.x === 328) {3593 return React.createElement(3594 'div',3595 {className: '_4lg0 _4h2m', style: {height: 40, width: 0, left: 1820}},3596 undefined,3597 React.createElement(TransitionCell142, {x: 327})3598 );3599 }3600 if (props.x === 331) {3601 return React.createElement(3602 'div',3603 {className: '_4lg0 _4h2m', style: {height: 40, width: 25, left: 1820}},3604 undefined,3605 React.createElement(TransitionCell142, {x: 330})3606 );3607 }3608 if (props.x === 339) {3609 return React.createElement(3610 'div',3611 {3612 className: '_4lg0 _4lg6 _4h2m',3613 style: {height: 25, width: 42, left: 0},3614 },3615 undefined,3616 React.createElement(TransitionCell142, {x: 338})3617 );3618 }3619 if (props.x === 344) {3620 return React.createElement(3621 'div',3622 {className: '_4lg0 _4h2m', style: {height: 25, width: 400, left: 42}},3623 React.createElement(3624 'div',3625 {className: '_4lg9', style: {height: 25}, onMouseDown: function() {}},3626 React.createElement('div', {3627 className: '_4lga _4lgb',3628 style: {height: 25},3629 })3630 ),3631 React.createElement(TransitionCell142, {x: 343})3632 );3633 }3634 if (props.x === 350) {3635 return React.createElement(3636 'div',3637 {className: '_4lg0 _4h2m', style: {height: 25, width: 33, left: 442}},3638 undefined,3639 React.createElement(TransitionCell142, {x: 349})3640 );3641 }3642 if (props.x === 356) {3643 return React.createElement(3644 'div',3645 {className: '_4lg0 _4h2m', style: {height: 25, width: 36, left: 475}},3646 undefined,3647 React.createElement(TransitionCell142, {x: 355})3648 );3649 }3650 if (props.x === 361) {3651 return React.createElement(3652 'div',3653 {className: '_4lg0 _4h2m', style: {height: 25, width: 60, left: 511}},3654 undefined,3655 React.createElement(TransitionCell142, {x: 360})3656 );3657 }3658 if (props.x === 366) {3659 return React.createElement(3660 'div',3661 {className: '_4lg0 _4h2m', style: {height: 25, width: 150, left: 571}},3662 React.createElement(3663 'div',3664 {className: '_4lg9', style: {height: 25}, onMouseDown: function() {}},3665 React.createElement('div', {3666 className: '_4lga _4lgb',3667 style: {height: 25},3668 })3669 ),3670 React.createElement(TransitionCell142, {x: 365})3671 );3672 }3673 if (props.x === 373) {3674 return React.createElement(3675 'div',3676 {3677 className: '_4lg0 _4lg5 _4h2p _4h2m',3678 style: {height: 25, width: 140, left: 0},3679 },3680 React.createElement(3681 'div',3682 {className: '_4lg9', style: {height: 25}, onMouseDown: function() {}},3683 React.createElement('div', {3684 className: '_4lga _4lgb',3685 style: {height: 25},3686 })3687 ),3688 React.createElement(TransitionCell142, {x: 372})3689 );3690 }3691 if (props.x === 378) {3692 return React.createElement(3693 'div',3694 {3695 className: '_4lg0 _4lg5 _4h2p _4h2m',3696 style: {height: 25, width: 140, left: 140},3697 },3698 React.createElement(3699 'div',3700 {className: '_4lg9', style: {height: 25}, onMouseDown: function() {}},3701 React.createElement('div', {3702 className: '_4lga _4lgb',3703 style: {height: 25},3704 })3705 ),3706 React.createElement(TransitionCell142, {x: 377})3707 );3708 }3709 if (props.x === 383) {3710 return React.createElement(3711 'div',3712 {3713 className: '_4lg0 _4lg5 _4h2p _4h2m',3714 style: {height: 25, width: 80, left: 280},3715 },3716 React.createElement(3717 'div',3718 {className: '_4lg9', style: {height: 25}, onMouseDown: function() {}},3719 React.createElement('div', {3720 className: '_4lga _4lgb',3721 style: {height: 25},3722 })3723 ),3724 React.createElement(TransitionCell142, {x: 382})3725 );3726 }3727 if (props.x === 388) {3728 return React.createElement(3729 'div',3730 {3731 className: '_4lg0 _4lg5 _4h2p _4h2m',3732 style: {height: 25, width: 80, left: 360},3733 },3734 React.createElement(3735 'div',3736 {className: '_4lg9', style: {height: 25}, onMouseDown: function() {}},3737 React.createElement('div', {3738 className: '_4lga _4lgb',3739 style: {height: 25},3740 })3741 ),3742 React.createElement(TransitionCell142, {x: 387})3743 );3744 }3745 if (props.x === 393) {3746 return React.createElement(3747 'div',3748 {3749 className: '_4lg0 _4lg5 _4h2p _4h2m',3750 style: {height: 25, width: 60, left: 440},3751 },3752 React.createElement(3753 'div',3754 {className: '_4lg9', style: {height: 25}, onMouseDown: function() {}},3755 React.createElement('div', {3756 className: '_4lga _4lgb',3757 style: {height: 25},3758 })3759 ),3760 React.createElement(TransitionCell142, {x: 392})3761 );3762 }3763 if (props.x === 398) {3764 return React.createElement(3765 'div',3766 {3767 className: '_4lg0 _4lg5 _4h2p _4h2m',3768 style: {height: 25, width: 80, left: 500},3769 },3770 React.createElement(3771 'div',3772 {className: '_4lg9', style: {height: 25}, onMouseDown: function() {}},3773 React.createElement('div', {3774 className: '_4lga _4lgb',3775 style: {height: 25},3776 })3777 ),3778 React.createElement(TransitionCell142, {x: 397})3779 );3780 }3781 if (props.x === 403) {3782 return React.createElement(3783 'div',3784 {3785 className: '_4lg0 _4lg5 _4h2p _4h2m',3786 style: {height: 25, width: 78, left: 580},3787 },3788 React.createElement(3789 'div',3790 {className: '_4lg9', style: {height: 25}, onMouseDown: function() {}},3791 React.createElement('div', {3792 className: '_4lga _4lgb',3793 style: {height: 25},3794 })3795 ),3796 React.createElement(TransitionCell142, {x: 402})3797 );3798 }3799 if (props.x === 408) {3800 return React.createElement(3801 'div',3802 {3803 className: '_4lg0 _4lg5 _4h2p _4h2m',3804 style: {height: 25, width: 70, left: 658},3805 },3806 React.createElement(3807 'div',3808 {className: '_4lg9', style: {height: 25}, onMouseDown: function() {}},3809 React.createElement('div', {3810 className: '_4lga _4lgb',3811 style: {height: 25},3812 })3813 ),3814 React.createElement(TransitionCell142, {x: 407})3815 );3816 }3817 if (props.x === 413) {3818 return React.createElement(3819 'div',3820 {3821 className: '_4lg0 _4lg5 _4h2p _4h2m',3822 style: {height: 25, width: 70, left: 728},3823 },3824 React.createElement(3825 'div',3826 {className: '_4lg9', style: {height: 25}, onMouseDown: function() {}},3827 React.createElement('div', {3828 className: '_4lga _4lgb',3829 style: {height: 25},3830 })3831 ),3832 React.createElement(TransitionCell142, {x: 412})3833 );3834 }3835 if (props.x === 418) {3836 return React.createElement(3837 'div',3838 {className: '_4lg0 _4h2m', style: {height: 25, width: 200, left: 798}},3839 React.createElement(3840 'div',3841 {className: '_4lg9', style: {height: 25}, onMouseDown: function() {}},3842 React.createElement('div', {3843 className: '_4lga _4lgb',3844 style: {height: 25},3845 })3846 ),3847 React.createElement(TransitionCell142, {x: 417})3848 );3849 }3850 if (props.x === 423) {3851 return React.createElement(3852 'div',3853 {className: '_4lg0 _4h2m', style: {height: 25, width: 100, left: 998}},3854 React.createElement(3855 'div',3856 {className: '_4lg9', style: {height: 25}, onMouseDown: function() {}},3857 React.createElement('div', {3858 className: '_4lga _4lgb',3859 style: {height: 25},3860 })3861 ),3862 React.createElement(TransitionCell142, {x: 422})3863 );3864 }3865 if (props.x === 428) {3866 return React.createElement(3867 'div',3868 {className: '_4lg0 _4h2m', style: {height: 25, width: 120, left: 1098}},3869 React.createElement(3870 'div',3871 {className: '_4lg9', style: {height: 25}, onMouseDown: function() {}},3872 React.createElement('div', {3873 className: '_4lga _4lgb',3874 style: {height: 25},3875 })3876 ),3877 React.createElement(TransitionCell142, {x: 427})3878 );3879 }3880 if (props.x === 433) {3881 return React.createElement(3882 'div',3883 {className: '_4lg0 _4h2m', style: {height: 25, width: 113, left: 1218}},3884 React.createElement(3885 'div',3886 {className: '_4lg9', style: {height: 25}, onMouseDown: function() {}},3887 React.createElement('div', {3888 className: '_4lga _4lgb',3889 style: {height: 25},3890 })3891 ),3892 React.createElement(TransitionCell142, {x: 432})3893 );3894 }3895 if (props.x === 438) {3896 return React.createElement(3897 'div',3898 {className: '_4lg0 _4h2m', style: {height: 25, width: 113, left: 1331}},3899 React.createElement(3900 'div',3901 {className: '_4lg9', style: {height: 25}, onMouseDown: function() {}},3902 React.createElement('div', {3903 className: '_4lga _4lgb',3904 style: {height: 25},3905 })3906 ),3907 React.createElement(TransitionCell142, {x: 437})3908 );3909 }3910 if (props.x === 443) {3911 return React.createElement(3912 'div',3913 {className: '_4lg0 _4h2m', style: {height: 25, width: 113, left: 1444}},3914 React.createElement(3915 'div',3916 {className: '_4lg9', style: {height: 25}, onMouseDown: function() {}},3917 React.createElement('div', {3918 className: '_4lga _4lgb',3919 style: {height: 25},3920 })3921 ),3922 React.createElement(TransitionCell142, {x: 442})3923 );3924 }3925 if (props.x === 448) {3926 return React.createElement(3927 'div',3928 {className: '_4lg0 _4h2m', style: {height: 25, width: 113, left: 1557}},3929 React.createElement(3930 'div',3931 {className: '_4lg9', style: {height: 25}, onMouseDown: function() {}},3932 React.createElement('div', {3933 className: '_4lga _4lgb',3934 style: {height: 25},3935 })3936 ),3937 React.createElement(TransitionCell142, {x: 447})3938 );3939 }3940 if (props.x === 451) {3941 return React.createElement(3942 'div',3943 {className: '_4lg0 _4h2m', style: {height: 25, width: 150, left: 1670}},3944 React.createElement(3945 'div',3946 {className: '_4lg9', style: {height: 25}, onMouseDown: function() {}},3947 React.createElement('div', {3948 className: '_4lga _4lgb',3949 style: {height: 25},3950 })3951 ),3952 React.createElement(TransitionCell142, {x: 450})3953 );3954 }3955 if (props.x === 454) {3956 return React.createElement(3957 'div',3958 {className: '_4lg0 _4h2m', style: {height: 25, width: 25, left: 1820}},3959 undefined,3960 React.createElement(TransitionCell142, {x: 453})3961 );3962 }3963 };3964 var FixedDataTableCellGroupImpl144 = function(props) {3965 if (props.x === 318) {3966 return React.createElement(3967 'div',3968 {3969 className: '_3pzj',3970 style: {3971 height: 40,3972 position: 'absolute',3973 width: 721,3974 zIndex: 2,3975 transform: 'translate3d(0px,0px,0)',3976 backfaceVisibility: 'hidden',3977 },3978 },3979 React.createElement(FixedDataTableCell143, {x: 317, key: 'cell_0'})3980 );3981 }3982 if (props.x === 332) {3983 return React.createElement(3984 'div',3985 {3986 className: '_3pzj',3987 style: {3988 height: 40,3989 position: 'absolute',3990 width: 1845,3991 zIndex: 0,3992 transform: 'translate3d(0px,0px,0)',3993 backfaceVisibility: 'hidden',3994 },3995 },3996 React.createElement(FixedDataTableCell143, {x: 322, key: 'cell_0'}),3997 React.createElement(FixedDataTableCell143, {x: 325, key: 'cell_1'}),3998 React.createElement(FixedDataTableCell143, {x: 328, key: 'cell_2'}),3999 React.createElement(FixedDataTableCell143, {x: 331, key: 'cell_3'})4000 );4001 }4002 if (props.x === 367) {4003 return React.createElement(4004 'div',4005 {4006 className: '_3pzj',4007 style: {4008 height: 25,4009 position: 'absolute',4010 width: 721,4011 zIndex: 2,4012 transform: 'translate3d(0px,0px,0)',4013 backfaceVisibility: 'hidden',4014 },4015 },4016 React.createElement(FixedDataTableCell143, {x: 339, key: 'cell_0'}),4017 React.createElement(FixedDataTableCell143, {x: 344, key: 'cell_1'}),4018 React.createElement(FixedDataTableCell143, {x: 350, key: 'cell_2'}),4019 React.createElement(FixedDataTableCell143, {x: 356, key: 'cell_3'}),4020 React.createElement(FixedDataTableCell143, {x: 361, key: 'cell_4'}),4021 React.createElement(FixedDataTableCell143, {x: 366, key: 'cell_5'})4022 );4023 }4024 if (props.x === 455) {4025 return React.createElement(4026 'div',4027 {4028 className: '_3pzj',4029 style: {4030 height: 25,4031 position: 'absolute',4032 width: 1845,4033 zIndex: 0,4034 transform: 'translate3d(0px,0px,0)',4035 backfaceVisibility: 'hidden',4036 },4037 },4038 React.createElement(FixedDataTableCell143, {x: 373, key: 'cell_0'}),4039 React.createElement(FixedDataTableCell143, {x: 378, key: 'cell_1'}),4040 React.createElement(FixedDataTableCell143, {x: 383, key: 'cell_2'}),4041 React.createElement(FixedDataTableCell143, {x: 388, key: 'cell_3'}),4042 React.createElement(FixedDataTableCell143, {x: 393, key: 'cell_4'}),4043 React.createElement(FixedDataTableCell143, {x: 398, key: 'cell_5'}),4044 React.createElement(FixedDataTableCell143, {x: 403, key: 'cell_6'}),4045 React.createElement(FixedDataTableCell143, {x: 408, key: 'cell_7'}),4046 React.createElement(FixedDataTableCell143, {x: 413, key: 'cell_8'}),4047 React.createElement(FixedDataTableCell143, {x: 418, key: 'cell_9'}),4048 React.createElement(FixedDataTableCell143, {x: 423, key: 'cell_10'}),4049 React.createElement(FixedDataTableCell143, {x: 428, key: 'cell_11'}),4050 React.createElement(FixedDataTableCell143, {x: 433, key: 'cell_12'}),4051 React.createElement(FixedDataTableCell143, {x: 438, key: 'cell_13'}),4052 React.createElement(FixedDataTableCell143, {x: 443, key: 'cell_14'}),4053 React.createElement(FixedDataTableCell143, {x: 448, key: 'cell_15'}),4054 React.createElement(FixedDataTableCell143, {x: 451, key: 'cell_16'}),4055 React.createElement(FixedDataTableCell143, {x: 454, key: 'cell_17'})4056 );4057 }4058 };4059 var FixedDataTableCellGroup145 = function(props) {4060 if (props.x === 319) {4061 return React.createElement(4062 'div',4063 {style: {height: 40, left: 0}, className: '_3pzk'},4064 React.createElement(FixedDataTableCellGroupImpl144, {x: 318})4065 );4066 }4067 if (props.x === 333) {4068 return React.createElement(4069 'div',4070 {style: {height: 40, left: 721}, className: '_3pzk'},4071 React.createElement(FixedDataTableCellGroupImpl144, {x: 332})4072 );4073 }4074 if (props.x === 368) {4075 return React.createElement(4076 'div',4077 {style: {height: 25, left: 0}, className: '_3pzk'},4078 React.createElement(FixedDataTableCellGroupImpl144, {x: 367})4079 );4080 }4081 if (props.x === 456) {4082 return React.createElement(4083 'div',4084 {style: {height: 25, left: 721}, className: '_3pzk'},4085 React.createElement(FixedDataTableCellGroupImpl144, {x: 455})4086 );4087 }4088 };4089 var FixedDataTableRowImpl146 = function(props) {4090 if (props.x === 334) {4091 return React.createElement(4092 'div',4093 {4094 className: '_1gd4 _4li _52no _3h1a _1mib',4095 onClick: null,4096 onDoubleClick: null,4097 onMouseDown: null,4098 onMouseEnter: null,4099 onMouseLeave: null,4100 style: {width: 1209, height: 40},4101 },4102 React.createElement(4103 'div',4104 {className: '_1gd5'},4105 React.createElement(FixedDataTableCellGroup145, {4106 x: 319,4107 key: 'fixed_cells',4108 }),4109 React.createElement(FixedDataTableCellGroup145, {4110 x: 333,4111 key: 'scrollable_cells',4112 }),4113 React.createElement('div', {4114 className: '_1gd6 _1gd8',4115 style: {left: 721, height: 40},4116 })4117 )4118 );4119 }4120 if (props.x === 457) {4121 return React.createElement(4122 'div',4123 {4124 className: '_1gd4 _4li _3h1a _1mib',4125 onClick: null,4126 onDoubleClick: null,4127 onMouseDown: null,4128 onMouseEnter: null,4129 onMouseLeave: null,4130 style: {width: 1209, height: 25},4131 },4132 React.createElement(4133 'div',4134 {className: '_1gd5'},4135 React.createElement(FixedDataTableCellGroup145, {4136 x: 368,4137 key: 'fixed_cells',4138 }),4139 React.createElement(FixedDataTableCellGroup145, {4140 x: 456,4141 key: 'scrollable_cells',4142 }),4143 React.createElement('div', {4144 className: '_1gd6 _1gd8',4145 style: {left: 721, height: 25},4146 })4147 )4148 );4149 }4150 };4151 var FixedDataTableRow147 = function(props) {4152 if (props.x === 335) {4153 return React.createElement(4154 'div',4155 {4156 style: {4157 width: 1209,4158 height: 40,4159 zIndex: 1,4160 transform: 'translate3d(0px,0px,0)',4161 backfaceVisibility: 'hidden',4162 },4163 className: '_1gda',4164 },4165 React.createElement(FixedDataTableRowImpl146, {x: 334})4166 );4167 }4168 if (props.x === 458) {4169 return React.createElement(4170 'div',4171 {4172 style: {4173 width: 1209,4174 height: 25,4175 zIndex: 1,4176 transform: 'translate3d(0px,40px,0)',4177 backfaceVisibility: 'hidden',4178 },4179 className: '_1gda',4180 },4181 React.createElement(FixedDataTableRowImpl146, {x: 457})4182 );4183 }4184 };4185 var FixedDataTableAbstractSortableHeader148 = function(props) {4186 if (props.x === 341) {4187 return React.createElement(4188 'div',4189 {onClick: function() {}, className: '_54_8 _4h2r _2wzx'},4190 React.createElement(4191 'div',4192 {className: '_2eq6'},4193 null,4194 React.createElement(AdsPETableHeader141, {x: 340})4195 )4196 );4197 }4198 if (props.x === 347) {4199 return React.createElement(4200 'div',4201 {onClick: function() {}, className: '_54_8 _1kst _4h2r _2wzx'},4202 React.createElement(4203 'div',4204 {className: '_2eq6'},4205 null,4206 React.createElement(AdsPETableHeader141, {x: 346})4207 )4208 );4209 }4210 if (props.x === 353) {4211 return React.createElement(4212 'div',4213 {onClick: function() {}, className: '_54_8 _1kst _4h2r _2wzx'},4214 React.createElement(4215 'div',4216 {className: '_2eq6'},4217 null,4218 React.createElement(AdsPETableHeader141, {x: 352})4219 )4220 );4221 }4222 if (props.x === 358) {4223 return React.createElement(4224 'div',4225 {onClick: function() {}, className: '_54_8 _4h2r _2wzx'},4226 React.createElement(4227 'div',4228 {className: '_2eq6'},4229 null,4230 React.createElement(AdsPETableHeader141, {x: 357})4231 )4232 );4233 }4234 if (props.x === 363) {4235 return React.createElement(4236 'div',4237 {onClick: function() {}, className: '_54_8 _54_9 _4h2r _2wzx'},4238 React.createElement(4239 'div',4240 {className: '_2eq6'},4241 null,4242 React.createElement(AdsPETableHeader141, {x: 362})4243 )4244 );4245 }4246 if (props.x === 370) {4247 return React.createElement(4248 'div',4249 {onClick: function() {}, className: '_54_8 _4h2r _2wzx'},4250 React.createElement(4251 'div',4252 {className: '_2eq6'},4253 null,4254 React.createElement(AdsPETableHeader141, {x: 369})4255 )4256 );4257 }4258 if (props.x === 375) {4259 return React.createElement(4260 'div',4261 {onClick: function() {}, className: '_54_8 _4h2r _2wzx'},4262 React.createElement(4263 'div',4264 {className: '_2eq6'},4265 null,4266 React.createElement(AdsPETableHeader141, {x: 374})4267 )4268 );4269 }4270 if (props.x === 380) {4271 return React.createElement(4272 'div',4273 {onClick: function() {}, className: '_54_8 _4h2r _2wzx'},4274 React.createElement(4275 'div',4276 {className: '_2eq6'},4277 null,4278 React.createElement(AdsPETableHeader141, {x: 379})4279 )4280 );4281 }4282 if (props.x === 385) {4283 return React.createElement(4284 'div',4285 {onClick: function() {}, className: '_54_8 _4h2r _2wzx'},4286 React.createElement(4287 'div',4288 {className: '_2eq6'},4289 null,4290 React.createElement(AdsPETableHeader141, {x: 384})4291 )4292 );4293 }4294 if (props.x === 390) {4295 return React.createElement(4296 'div',4297 {onClick: function() {}, className: '_54_8 _4h2r _2wzx'},4298 React.createElement(4299 'div',4300 {className: '_2eq6'},4301 null,4302 React.createElement(AdsPETableHeader141, {x: 389})4303 )4304 );4305 }4306 if (props.x === 395) {4307 return React.createElement(4308 'div',4309 {onClick: function() {}, className: '_54_8 _4h2r _2wzx'},4310 React.createElement(4311 'div',4312 {className: '_2eq6'},4313 null,4314 React.createElement(AdsPETableHeader141, {x: 394})4315 )4316 );4317 }4318 if (props.x === 400) {4319 return React.createElement(4320 'div',4321 {onClick: function() {}, className: '_54_8 _4h2r _2wzx'},4322 React.createElement(4323 'div',4324 {className: '_2eq6'},4325 null,4326 React.createElement(AdsPETableHeader141, {x: 399})4327 )4328 );4329 }4330 if (props.x === 405) {4331 return React.createElement(4332 'div',4333 {onClick: function() {}, className: '_54_8 _4h2r _2wzx'},4334 React.createElement(4335 'div',4336 {className: '_2eq6'},4337 null,4338 React.createElement(AdsPETableHeader141, {x: 404})4339 )4340 );4341 }4342 if (props.x === 410) {4343 return React.createElement(4344 'div',4345 {onClick: function() {}, className: '_54_8 _4h2r _2wzx'},4346 React.createElement(4347 'div',4348 {className: '_2eq6'},4349 null,4350 React.createElement(AdsPETableHeader141, {x: 409})4351 )4352 );4353 }4354 if (props.x === 415) {4355 return React.createElement(4356 'div',4357 {onClick: function() {}, className: '_54_8 _4h2r _2wzx'},4358 React.createElement(4359 'div',4360 {className: '_2eq6'},4361 null,4362 React.createElement(AdsPETableHeader141, {x: 414})4363 )4364 );4365 }4366 if (props.x === 420) {4367 return React.createElement(4368 'div',4369 {onClick: function() {}, className: '_54_8 _4h2r _2wzx'},4370 React.createElement(4371 'div',4372 {className: '_2eq6'},4373 null,4374 React.createElement(AdsPETableHeader141, {x: 419})4375 )4376 );4377 }4378 if (props.x === 425) {4379 return React.createElement(4380 'div',4381 {onClick: function() {}, className: '_54_8 _4h2r _2wzx'},4382 React.createElement(4383 'div',4384 {className: '_2eq6'},4385 null,4386 React.createElement(AdsPETableHeader141, {x: 424})4387 )4388 );4389 }4390 if (props.x === 430) {4391 return React.createElement(4392 'div',4393 {onClick: function() {}, className: '_54_8 _4h2r _2wzx'},4394 React.createElement(4395 'div',4396 {className: '_2eq6'},4397 null,4398 React.createElement(AdsPETableHeader141, {x: 429})4399 )4400 );4401 }4402 if (props.x === 435) {4403 return React.createElement(4404 'div',4405 {onClick: function() {}, className: '_54_8 _4h2r _2wzx'},4406 React.createElement(4407 'div',4408 {className: '_2eq6'},4409 null,4410 React.createElement(AdsPETableHeader141, {x: 434})4411 )4412 );4413 }4414 if (props.x === 440) {4415 return React.createElement(4416 'div',4417 {onClick: function() {}, className: '_54_8 _4h2r _2wzx'},4418 React.createElement(4419 'div',4420 {className: '_2eq6'},4421 null,4422 React.createElement(AdsPETableHeader141, {x: 439})4423 )4424 );4425 }4426 if (props.x === 445) {4427 return React.createElement(4428 'div',4429 {onClick: function() {}, className: '_54_8 _4h2r _2wzx'},4430 React.createElement(4431 'div',4432 {className: '_2eq6'},4433 null,4434 React.createElement(AdsPETableHeader141, {x: 444})4435 )4436 );4437 }4438 };4439 var FixedDataTableSortableHeader149 = function(props) {4440 if (props.x === 342) {4441 return React.createElement(FixedDataTableAbstractSortableHeader148, {4442 x: 341,4443 });4444 }4445 if (props.x === 348) {4446 return React.createElement(FixedDataTableAbstractSortableHeader148, {4447 x: 347,4448 });4449 }4450 if (props.x === 354) {4451 return React.createElement(FixedDataTableAbstractSortableHeader148, {4452 x: 353,4453 });4454 }4455 if (props.x === 359) {4456 return React.createElement(FixedDataTableAbstractSortableHeader148, {4457 x: 358,4458 });4459 }4460 if (props.x === 364) {4461 return React.createElement(FixedDataTableAbstractSortableHeader148, {4462 x: 363,4463 });4464 }4465 if (props.x === 371) {4466 return React.createElement(FixedDataTableAbstractSortableHeader148, {4467 x: 370,4468 });4469 }4470 if (props.x === 376) {4471 return React.createElement(FixedDataTableAbstractSortableHeader148, {4472 x: 375,4473 });4474 }4475 if (props.x === 381) {4476 return React.createElement(FixedDataTableAbstractSortableHeader148, {4477 x: 380,4478 });4479 }4480 if (props.x === 386) {4481 return React.createElement(FixedDataTableAbstractSortableHeader148, {4482 x: 385,4483 });4484 }4485 if (props.x === 391) {4486 return React.createElement(FixedDataTableAbstractSortableHeader148, {4487 x: 390,4488 });4489 }4490 if (props.x === 396) {4491 return React.createElement(FixedDataTableAbstractSortableHeader148, {4492 x: 395,4493 });4494 }4495 if (props.x === 401) {4496 return React.createElement(FixedDataTableAbstractSortableHeader148, {4497 x: 400,4498 });4499 }4500 if (props.x === 406) {4501 return React.createElement(FixedDataTableAbstractSortableHeader148, {4502 x: 405,4503 });4504 }4505 if (props.x === 411) {4506 return React.createElement(FixedDataTableAbstractSortableHeader148, {4507 x: 410,4508 });4509 }4510 if (props.x === 416) {4511 return React.createElement(FixedDataTableAbstractSortableHeader148, {4512 x: 415,4513 });4514 }4515 if (props.x === 421) {4516 return React.createElement(FixedDataTableAbstractSortableHeader148, {4517 x: 420,4518 });4519 }4520 if (props.x === 426) {4521 return React.createElement(FixedDataTableAbstractSortableHeader148, {4522 x: 425,4523 });4524 }4525 if (props.x === 431) {4526 return React.createElement(FixedDataTableAbstractSortableHeader148, {4527 x: 430,4528 });4529 }4530 if (props.x === 436) {4531 return React.createElement(FixedDataTableAbstractSortableHeader148, {4532 x: 435,4533 });4534 }4535 if (props.x === 441) {4536 return React.createElement(FixedDataTableAbstractSortableHeader148, {4537 x: 440,4538 });4539 }4540 if (props.x === 446) {4541 return React.createElement(FixedDataTableAbstractSortableHeader148, {4542 x: 445,4543 });4544 }4545 };4546 var FixedDataTableBufferedRows150 = function(props) {4547 if (props.x === 459) {4548 return React.createElement('div', {4549 style: {4550 position: 'absolute',4551 pointerEvents: 'auto',4552 transform: 'translate3d(0px,65px,0)',4553 backfaceVisibility: 'hidden',4554 },4555 });4556 }4557 };4558 var Scrollbar151 = function(props) {4559 if (props.x === 460) {4560 return null;4561 }4562 if (props.x === 461) {4563 return React.createElement(4564 'div',4565 {4566 onFocus: function() {},4567 onBlur: function() {},4568 onKeyDown: function() {},4569 onMouseDown: function() {},4570 onWheel: function() {},4571 className: '_1t0r _1t0t _4jdr _1t0u',4572 style: {width: 1209, zIndex: 99},4573 tabIndex: 0,4574 },4575 React.createElement('div', {4576 className: '_1t0w _1t0y _1t0_',4577 style: {4578 width: 561.6340607950117,4579 transform: 'translate3d(4px,0px,0)',4580 backfaceVisibility: 'hidden',4581 },4582 })4583 );4584 }4585 };4586 var HorizontalScrollbar152 = function(props) {4587 if (props.x === 462) {4588 return React.createElement(4589 'div',4590 {className: '_3h1k _3h1m', style: {height: 15, width: 1209}},4591 React.createElement(4592 'div',4593 {4594 style: {4595 height: 15,4596 position: 'absolute',4597 overflow: 'hidden',4598 width: 1209,4599 transform: 'translate3d(0px,0px,0)',4600 backfaceVisibility: 'hidden',4601 },4602 },4603 React.createElement(Scrollbar151, {x: 461})4604 )4605 );4606 }4607 };4608 var FixedDataTable153 = function(props) {4609 if (props.x === 463) {4610 return React.createElement(4611 'div',4612 {4613 className: '_3h1i _1mie',4614 onWheel: function() {},4615 style: {height: 25, width: 1209},4616 },4617 React.createElement(4618 'div',4619 {className: '_3h1j', style: {height: 8, width: 1209}},4620 React.createElement(FixedDataTableColumnResizeHandle140, {x: 313}),4621 React.createElement(FixedDataTableRow147, {4622 x: 335,4623 key: 'group_header',4624 }),4625 React.createElement(FixedDataTableRow147, {x: 458, key: 'header'}),4626 React.createElement(FixedDataTableBufferedRows150, {x: 459}),4627 null,4628 undefined,4629 React.createElement('div', {4630 className: '_3h1e _3h1h',4631 style: {top: 8},4632 })4633 ),4634 React.createElement(Scrollbar151, {x: 460}),4635 React.createElement(HorizontalScrollbar152, {x: 462})4636 );4637 }4638 };4639 var TransitionTable154 = function(props) {4640 if (props.x === 464) {4641 return React.createElement(FixedDataTable153, {x: 463});4642 }4643 };4644 var AdsSelectableFixedDataTable155 = function(props) {4645 if (props.x === 465) {4646 return React.createElement(4647 'div',4648 {className: '_5hht'},4649 React.createElement(TransitionTable154, {x: 464})4650 );4651 }4652 };4653 var AdsDataTableKeyboardSupportDecorator156 = function(props) {4654 if (props.x === 466) {4655 return React.createElement(4656 'div',4657 {className: '_5d6f', tabIndex: '0', onKeyDown: function() {}},4658 React.createElement(AdsSelectableFixedDataTable155, {x: 465})4659 );4660 }4661 };4662 var AdsEditableDataTableDecorator157 = function(props) {4663 if (props.x === 467) {4664 return React.createElement(4665 'div',4666 {onCopy: function() {}},4667 React.createElement(AdsDataTableKeyboardSupportDecorator156, {x: 466})4668 );4669 }4670 };4671 var AdsPEDataTableContainer158 = function(props) {4672 if (props.x === 468) {4673 return React.createElement(4674 'div',4675 {className: '_35l_ _1hr clearfix'},4676 null,4677 null,4678 null,4679 React.createElement(AdsEditableDataTableDecorator157, {x: 467})4680 );4681 }4682 };4683 var AdsPECampaignGroupTableContainer159 = function(props) {4684 if (props.x === 470) {4685 return React.createElement(ResponsiveBlock37, {x: 469});4686 }4687 };4688 var AdsPEManageAdsPaneContainer160 = function(props) {4689 if (props.x === 473) {4690 return React.createElement(4691 'div',4692 null,4693 React.createElement(AdsErrorBoundary10, {x: 65}),4694 React.createElement(4695 'div',4696 {className: '_2uty'},4697 React.createElement(AdsErrorBoundary10, {x: 125})4698 ),4699 React.createElement(4700 'div',4701 {className: '_2utx _21oc'},4702 React.createElement(AdsErrorBoundary10, {x: 171}),4703 React.createElement(4704 'div',4705 {className: '_41tu'},4706 React.createElement(AdsErrorBoundary10, {x: 176}),4707 React.createElement(AdsErrorBoundary10, {x: 194})4708 )4709 ),4710 React.createElement(4711 'div',4712 {className: '_2utz', style: {height: 25}},4713 React.createElement(AdsErrorBoundary10, {x: 302}),4714 React.createElement(4715 'div',4716 {className: '_2ut-'},4717 React.createElement(AdsErrorBoundary10, {x: 312})4718 ),4719 React.createElement(4720 'div',4721 {className: '_2ut_'},4722 React.createElement(AdsErrorBoundary10, {x: 472})4723 )4724 )4725 );4726 }4727 };4728 var AdsPEContentContainer161 = function(props) {4729 if (props.x === 474) {4730 return React.createElement(AdsPEManageAdsPaneContainer160, {x: 473});4731 }4732 };4733 var FluxContainer_AdsPEWorkspaceContainer_162 = function(props) {4734 if (props.x === 477) {4735 return React.createElement(4736 'div',4737 {className: '_49wu', style: {height: 177, top: 43, width: 1306}},4738 React.createElement(ResponsiveBlock37, {x: 62, key: '0'}),4739 React.createElement(AdsErrorBoundary10, {x: 476, key: '1'}),4740 null4741 );4742 }4743 };4744 var FluxContainer_AdsSessionExpiredDialogContainer_163 = function(props) {4745 if (props.x === 478) {4746 return null;4747 }4748 };4749 var FluxContainer_AdsPEUploadDialogLazyContainer_164 = function(props) {4750 if (props.x === 479) {4751 return null;4752 }4753 };4754 var FluxContainer_DialogContainer_165 = function(props) {4755 if (props.x === 480) {4756 return null;4757 }4758 };4759 var AdsBugReportContainer166 = function(props) {4760 if (props.x === 481) {4761 return React.createElement('span', null);4762 }4763 };4764 var AdsPEAudienceSplittingDialog167 = function(props) {4765 if (props.x === 482) {4766 return null;4767 }4768 };4769 var AdsPEAudienceSplittingDialogContainer168 = function(props) {4770 if (props.x === 483) {4771 return React.createElement(4772 'div',4773 null,4774 React.createElement(AdsPEAudienceSplittingDialog167, {x: 482})4775 );4776 }4777 };4778 var FluxContainer_AdsRuleDialogBootloadContainer_169 = function(props) {4779 if (props.x === 484) {4780 return null;4781 }4782 };4783 var FluxContainer_AdsPECFTrayContainer_170 = function(props) {4784 if (props.x === 485) {4785 return null;4786 }4787 };4788 var FluxContainer_AdsPEDeleteDraftContainer_171 = function(props) {4789 if (props.x === 486) {4790 return null;4791 }4792 };4793 var FluxContainer_AdsPEInitialDraftPublishDialogContainer_172 = function(4794 props4795 ) {4796 if (props.x === 487) {4797 return null;4798 }4799 };4800 var FluxContainer_AdsPEReachFrequencyStatusTransitionDialogBootloadContainer_173 = function(4801 props4802 ) {4803 if (props.x === 488) {4804 return null;4805 }4806 };4807 var FluxContainer_AdsPEPurgeArchiveDialogContainer_174 = function(props) {4808 if (props.x === 489) {4809 return null;4810 }4811 };4812 var AdsPECreateDialogContainer175 = function(props) {4813 if (props.x === 490) {4814 return React.createElement('span', null);4815 }4816 };4817 var FluxContainer_AdsPEModalStatusContainer_176 = function(props) {4818 if (props.x === 491) {4819 return null;4820 }4821 };4822 var FluxContainer_AdsBrowserExtensionErrorDialogContainer_177 = function(4823 props4824 ) {4825 if (props.x === 492) {4826 return null;4827 }4828 };4829 var FluxContainer_AdsPESortByErrorTipContainer_178 = function(props) {4830 if (props.x === 493) {4831 return null;4832 }4833 };4834 var LeadDownloadDialogSelector179 = function(props) {4835 if (props.x === 494) {4836 return null;4837 }4838 };4839 var FluxContainer_AdsPELeadDownloadDialogContainerClass_180 = function(4840 props4841 ) {4842 if (props.x === 495) {4843 return React.createElement(LeadDownloadDialogSelector179, {x: 494});4844 }4845 };4846 var AdsPEContainer181 = function(props) {4847 if (props.x === 496) {4848 return React.createElement(4849 'div',4850 {id: 'ads_pe_container'},4851 React.createElement(FluxContainer_AdsPETopNavContainer_26, {x: 41}),4852 null,4853 React.createElement(FluxContainer_AdsPEWorkspaceContainer_162, {4854 x: 477,4855 }),4856 React.createElement(4857 FluxContainer_AdsSessionExpiredDialogContainer_163,4858 {x: 478}4859 ),4860 React.createElement(FluxContainer_AdsPEUploadDialogLazyContainer_164, {4861 x: 479,4862 }),4863 React.createElement(FluxContainer_DialogContainer_165, {x: 480}),4864 React.createElement(AdsBugReportContainer166, {x: 481}),4865 React.createElement(AdsPEAudienceSplittingDialogContainer168, {x: 483}),4866 React.createElement(FluxContainer_AdsRuleDialogBootloadContainer_169, {4867 x: 484,4868 }),4869 React.createElement(FluxContainer_AdsPECFTrayContainer_170, {x: 485}),4870 React.createElement(4871 'span',4872 null,4873 React.createElement(FluxContainer_AdsPEDeleteDraftContainer_171, {4874 x: 486,4875 }),4876 React.createElement(4877 FluxContainer_AdsPEInitialDraftPublishDialogContainer_172,4878 {x: 487}4879 ),4880 React.createElement(4881 FluxContainer_AdsPEReachFrequencyStatusTransitionDialogBootloadContainer_173,4882 {x: 488}4883 )4884 ),4885 React.createElement(4886 FluxContainer_AdsPEPurgeArchiveDialogContainer_174,4887 {x: 489}4888 ),4889 React.createElement(AdsPECreateDialogContainer175, {x: 490}),4890 React.createElement(FluxContainer_AdsPEModalStatusContainer_176, {4891 x: 491,4892 }),4893 React.createElement(4894 FluxContainer_AdsBrowserExtensionErrorDialogContainer_177,4895 {x: 492}4896 ),4897 React.createElement(FluxContainer_AdsPESortByErrorTipContainer_178, {4898 x: 493,4899 }),4900 React.createElement(4901 FluxContainer_AdsPELeadDownloadDialogContainerClass_180,4902 {x: 495}4903 ),4904 React.createElement('div', {id: 'web_ads_guidance_tips'})4905 );4906 }4907 };4908 var Benchmark = function(props) {4909 if (props.x === undefined) {4910 return React.createElement(AdsPEContainer181, {x: 496});4911 }4912 };4913 var app = document.getElementById('app');4914 window.render = function render() {4915 ReactDOM.render(React.createElement(Benchmark, null), app);4916 };...

homeBundle.js

Source:homeBundle.js

...53//load the mascot change page54var handleMakeMascotChange = function handleMakeMascotChange(e) {55 e.preventDefault();56 sendAjax('GET', '/mascots', null, function (data) {57 ReactDOM.render(React.createElement(MascotList, { mascots: data.mascots, csrf: csrf }), document.querySelector("#app"));58 });59 return false;60};61//React component for the page displaying account information62var AccountInfo = function AccountInfo(props) {63 //hide error message64 $("#domoMessage").animate({ width: 'hide' }, 350);65 //set active button in navbar66 document.querySelector('#accountButton').classList.add('active');67 document.querySelector('#homeButton').classList.remove('active');68 document.querySelector('#contestButton').classList.remove('active');69 var accountInfo = props.account;70 var ad = void 0;71 //If a basic account, write prompt to upgrade account72 if (accountInfo.type === "Basic") {73 ad = React.createElement(74 "div",75 { id: "upgrade" },76 React.createElement(77 "p",78 null,79 "You currently have a Basic account. Upgrade to a Premium account for $5 and be able to host your own competitions!"80 ),81 React.createElement(82 "form",83 { id: "upgradeForm",84 onSubmit: function onSubmit(e) {85 return handleAccountChange(e, 'upgradeForm');86 },87 name: "upgradeForm",88 action: "/upgrade",89 method: "POST"90 },91 React.createElement("input", { type: "hidden", name: "_csrf", value: csrf }),92 React.createElement("input", { className: "upgradeSubmit", type: "submit", value: "Upgrade Account" })93 )94 );95 }96 //display username, mascot, email, and account type97 //add two forms to change password or email 98 return React.createElement(99 "div",100 { className: "domoList" },101 React.createElement(102 "div",103 { className: "domo", id: "account" },104 React.createElement(105 "h3",106 null,107 "Username: ",108 accountInfo.username109 ),110 React.createElement(111 "h3",112 null,113 "Mascot: ",114 accountInfo.mascot,115 React.createElement(116 "form",117 { id: "mascotForm",118 onSubmit: function onSubmit(e) {119 return handleMakeMascotChange(e);120 },121 name: "mascotForm"122 },123 React.createElement("input", { type: "hidden", name: "_csrf", value: csrf }),124 React.createElement("input", { className: "makeDomoSubmit", type: "submit", value: "Change Mascot" })125 )126 ),127 React.createElement(128 "h3",129 null,130 "Email: ",131 accountInfo.email132 ),133 React.createElement(134 "h3",135 null,136 "Account Type: ",137 accountInfo.type138 ),139 React.createElement(140 "form",141 { id: "passForm",142 onSubmit: function onSubmit(e) {143 return handleAccountChange(e, 'passForm');144 },145 name: "passForm",146 action: "/pass",147 method: "POST",148 className: "domoForm"149 },150 React.createElement(151 "label",152 { htmlFor: "pass" },153 "Password: "154 ),155 React.createElement("input", { className: "formInput2", id: "pass", type: "password", name: "pass", placeholder: "new password" }),156 React.createElement("input", { type: "hidden", name: "_csrf", value: csrf }),157 React.createElement("input", { className: "makeDomoSubmit", type: "submit", value: "Change Password" })158 ),159 React.createElement(160 "form",161 { id: "emailForm",162 onSubmit: function onSubmit(e) {163 return handleAccountChange(e, 'emailForm');164 },165 name: "emailForm",166 action: "/email",167 method: "POST",168 className: "domoForm"169 },170 React.createElement(171 "label",172 { htmlFor: "email" },173 "Email: "174 ),175 React.createElement("input", { className: "formInput2", id: "email", type: "text", name: "email", placeholder: "new email" }),176 React.createElement("input", { type: "hidden", name: "_csrf", value: csrf }),177 React.createElement("input", { className: "makeDomoSubmit", type: "submit", value: "Change Email" })178 )179 ),180 ad181 );182};183//get account information from the server and load React Component184var loadAccountFromServer = function loadAccountFromServer(csrf) {185 sendAjax('GET', '/accountInfo', null, function (data) {186 ReactDOM.render(React.createElement(AccountInfo, { account: data.account, csrf: csrf }), document.querySelector("#app"));187 });188};189"use strict";190//send request to create a new competition to the server191var handleCompetition = function handleCompetition(e) {192 e.preventDefault();193 //hide error message194 $("#domoMessage").animate({ width: 'hide' }, 350);195 //check that all fields are filled196 if ($("#name").val() == '' || $("#descrip").val() == '') {197 handleError("Fill all fields please!");198 return false;199 }200 //try to create date, send error message if in wrong format201 var deadline = $("#deadline").val();202 deadline = deadline.split('/');203 deadline = new Date(deadline[2], deadline[0], deadline[1]);204 if (isNaN(deadline)) {205 handleError("Use date format YYYY/MM/DD!");206 return false;207 }208 //all is good, send the request to the server and load redirected page209 sendAjax('POST', $("#competitionForm").attr("action"), $("#competitionForm").serialize(), redirect);210 return false;211};212//get entries from a contest from the server and create React Coponent213var handlePickWinner = function handlePickWinner(id) {214 sendAjax('GET', "/entries?contest=" + id, null, function (data) {215 ReactDOM.render(React.createElement(EntryList, { entries: data.entries, contest: id }), document.querySelector("#app"));216 });217};218//Send selected winner to the server and display confirmation page219var handleWinnerClick = function handleWinnerClick(entryId, contestId) {220 sendAjax('POST', '/setWinner', "entry=" + entryId + "&contest=" + contestId + "&_csrf=" + csrf, function (data) {221 var username = data.winner.username;222 var email = data.winner.email;223 ReactDOM.render(React.createElement(224 "div",225 { className: "domoList" },226 React.createElement(227 "h3",228 { className: "emptyDomo" },229 "Thank you for picking a winner."230 ),231 React.createElement(232 "h3",233 { className: "emptyDomo" },234 "You selected ",235 username,236 " as your winner."237 ),238 React.createElement(239 "h3",240 { className: "emptyDomo" },241 "An email has been sent to ",242 username,243 "."244 ),245 React.createElement(246 "h3",247 { className: "emptyDomo" },248 "Contact them further at ",249 email250 )251 ), document.querySelector("#app"));252 });253};254//React Component to display all of user's contests and allow them to create more255var CompetitionWindow = function CompetitionWindow(props) {256 //hide error message257 $("#domoMessage").animate({ width: 'hide' }, 350);258 //select active nav bar259 document.querySelector('#accountButton').classList.remove('active');260 document.querySelector('#homeButton').classList.remove('active');261 document.querySelector('#contestButton').classList.add('active');262 //Check if a basic account263 if (props.type === "Basic") {264 return React.createElement(265 "div",266 { className: "domoList" },267 React.createElement(268 "h3",269 { className: "emptyDomo" },270 "You currently have a Basic account."271 ),272 React.createElement(273 "h3",274 { className: "emptyDomo" },275 " Please upgrade to Premium to create contests."276 )277 );278 }279 //run through all contests and set up information280 var contestNodes = props.contests.map(function (contest) {281 return React.createElement(282 "div",283 { id: contest._id, key: contest._id, className: "domoOwn", onClick: function onClick(e) {284 return contest.winner ? handleError("Already Won!") : handlePickWinner(contest._id);285 } },286 React.createElement("img", { src: "/assets/img/mascots/" + contest.mascot, alt: "cat", className: "domoFace" }),287 React.createElement(288 "div",289 { className: "domoContent" },290 React.createElement(291 "h3",292 null,293 "Name: ",294 contest.name295 ),296 React.createElement(297 "h3",298 null,299 "Description: ",300 contest.description301 ),302 React.createElement(303 "h3",304 null,305 "Reward: $",306 contest.reward307 ),308 React.createElement(309 "h3",310 null,311 "Deadline: ",312 contest.deadline.substring(0, 10)313 ),314 React.createElement(315 "h3",316 null,317 "Entries: ",318 contest.entries319 ),320 React.createElement(321 "h3",322 null,323 "Winner: ",324 contest.winner ? "A Winner has already been selected!" : "No Winner selected!"325 )326 )327 );328 });329 //display all contests and create a button to create new contests330 return React.createElement(331 "div",332 { className: "domoList" },333 React.createElement(334 "div",335 { style: { width: "97%", height: "50px" } },336 React.createElement(337 "button",338 { className: "formSubmit", onClick: function onClick() {339 return sendAjax('GET', '/tags', null, function (d) {340 return ReactDOM.render(React.createElement(MakeCompetitionWindow, { csrf: csrf, allTags: d.tags, tags: [] }), document.querySelector('#app'));341 });342 } },343 "New Contest"344 )345 ),346 contestNodes347 );348};349//React Component to make new contests350var MakeCompetitionWindow = function MakeCompetitionWindow(props) {351 //hide error message352 $("#domoMessage").animate({ width: 'hide' }, 350);353 //select active nav bar354 document.querySelector('#accountButton').classList.remove('active');355 document.querySelector('#homeButton').classList.remove('active');356 document.querySelector('#contestButton').classList.add('active');357 //get current date358 var dateObj = new Date(Date.now());359 var date = dateObj.getDate();360 var month = dateObj.getMonth();361 var year = dateObj.getFullYear();362 var csrf = props.csrf;363 var allTags = props.allTags;364 var tags = props.tags;365 //adds a selected tag to the list of tags for the contest, if it is not already present366 var addTag = function addTag(e) {367 if (tags.includes(e.target.id)) return;368 tags.push(e.target.id);369 document.getElementById("myDropdown").classList.toggle("show");370 ReactDOM.render(React.createElement(MakeCompetitionWindow, { csrf: csrf, allTags: allTags, tags: tags }), document.querySelector("#app"));371 };372 var tagNodes = props.allTags.map(function (tag) {373 return React.createElement(374 "span",375 { id: tag, onClick: addTag },376 tag377 );378 });379 //Dropdown and filter methods from https://www.w3schools.com/howto/howto_js_dropdown.asp380 //show the dropdown when the button is clicked381 var dropdownClick = function dropdownClick(e) {382 document.getElementById("myDropdown").classList.toggle("show");383 e.preventDefault();384 return false;385 };386 //filters the functions based on the search input387 var filterFunction = function filterFunction(e) {388 var input = void 0,389 filter = void 0,390 div = void 0,391 a = void 0,392 i = void 0,393 count = 0;394 input = document.getElementById("myInput");395 filter = input.value.toUpperCase();396 div = document.getElementById("myDropdown");397 a = div.getElementsByTagName("span");398 for (i = 0; i < a.length; i++) {399 var txtValue = a[i].textContent || a[i].innerText;400 if (count <= 5 && txtValue.toUpperCase().indexOf(filter) > -1) {401 a[i].style.display = "";402 count++;403 } else {404 a[i].style.display = "none";405 }406 }407 };408 //create form, with inputs for name, description, reward, and deadline409 return React.createElement(410 "form",411 { id: "competitionForm", name: "competitionForm",412 onSubmit: handleCompetition,413 action: "/makeContest",414 method: "POST",415 className: "mainForm"416 },417 React.createElement(418 "label",419 { htmlFor: "name" },420 "Contest Name: "421 ),422 React.createElement("input", { className: "formInput", id: "name", type: "text", name: "name", placeholder: "name" }),423 React.createElement(424 "label",425 { htmlFor: "descrip" },426 "Description: "427 ),428 React.createElement("input", { className: "formInput", id: "descrip", type: "text", name: "descrip", placeholder: "description" }),429 React.createElement(430 "label",431 { htmlFor: "reward" },432 "Reward: $"433 ),434 React.createElement("input", { className: "formInput", id: "reward", type: "text", name: "reward", placeholder: "10.00" }),435 React.createElement(436 "label",437 { htmlFor: "deadline" },438 "Deadline: "439 ),440 React.createElement("input", { className: "formInput", id: "deadline", type: "text", name: "deadline", placeholder: year + "/" + month + "/" + date }),441 React.createElement(442 "label",443 { htmlFor: "tags", id: "tagsLabel" },444 "Tags: "445 ),446 React.createElement("textarea", { className: "formInput", id: "tags", type: "text", name: "tags", placeholder: "Poetry", value: props.tags }),447 React.createElement(448 "div",449 { className: "dropdown" },450 React.createElement(451 "button",452 { onClick: dropdownClick, className: "dropbtn" },453 "Add Tag"454 ),455 React.createElement(456 "div",457 { id: "myDropdown", className: "dropdown-content" },458 React.createElement("input", { type: "text", placeholder: "Search..", id: "myInput", onKeyUp: filterFunction }),459 tagNodes460 )461 ),462 React.createElement("input", { type: "hidden", name: "_csrf", value: csrf }),463 React.createElement("input", { className: "formSubmit", type: "submit", value: "Submit" })464 );465};466//get the contests for this user and create the React Component467var createCompetitionWindow = function createCompetitionWindow(csrf) {468 //get info about this user469 sendAjax('GET', '/accountInfo', null, function (data) {470 //check account type471 var type = data.account.type;472 //if a Premium user, query server for all contests made by this user473 if (type === "Premium") {474 sendAjax('GET', "/getContests?owner=" + data.account.id, null, function (data) {475 var contests = data.contests;476 ReactDOM.render(React.createElement(CompetitionWindow, { csrf: csrf, type: type, contests: contests }), document.querySelector("#app"));477 });478 }479 //is a basic user, send without any contests480 ReactDOM.render(React.createElement(CompetitionWindow, { csrf: csrf, type: type, contests: [] }), document.querySelector("#app"));481 });482};483"use strict";484//get form information and send to server to create an entry485var handleEntry = function handleEntry(e) {486 e.preventDefault();487 //hide error message488 $("#domoMessage").animate({ width: 'hide' }, 350);489 //check that all fields are filled490 if ($("#name").val() === '' || $("#content").val() === '') {491 handleError("All fields are required");492 return false;493 }494 //all is good, send request to server495 sendAjax('POST', $("#entryForm").attr("action"), $("#entryForm").serialize(), redirect);496 return false;497};498//React Component to create entry499var EntryWindow = function EntryWindow(props) {500 //hide error message501 $("#domoMessage").animate({ width: 'hide' }, 350);502 //set active nav bar503 document.querySelector('#accountButton').classList.remove('active');504 document.querySelector('#homeButton').classList.add('active');505 document.querySelector('#contestButton').classList.remove('active');506 var csrf = props.csrf;507 var contest = props.contest;508 console.log(contest);509 //return form with input for name and entry content510 return React.createElement(511 "div",512 null,513 React.createElement(514 "div",515 { className: "entryLabel" },516 React.createElement(517 "h1",518 null,519 "Contest Name: ",520 contest.name521 ),522 React.createElement(523 "h1",524 null,525 "Description: ",526 contest.description527 )528 ),529 React.createElement(530 "form",531 { id: "entryForm",532 name: "entryForm",533 onSubmit: handleEntry,534 action: "/makeEntry",535 method: "POST",536 className: "mainForm"537 },538 React.createElement(539 "label",540 { htmlFor: "name" },541 "Name: "542 ),543 React.createElement("input", { className: "formInput", id: "name", type: "text", name: "name", placeholder: "name" }),544 React.createElement(545 "label",546 { htmlFor: "content", id: "tagsLabel" },547 "Content: "548 ),549 React.createElement("textarea", { className: "formInput", id: "content", type: "text", name: "content", placeholder: "entry" }),550 React.createElement("input", { type: "hidden", name: "_csrf", value: csrf }),551 React.createElement("input", { type: "hidden", name: "contest", value: contest._id }),552 React.createElement("input", { className: "formSubmit", type: "submit", value: "Submit" })553 )554 );555};556//React Component for listing all entries 557var EntryList = function EntryList(props) {558 //hide error message559 $("#domoMessage").animate({ width: 'hide' }, 350);560 //set active nav bar561 document.querySelector('#accountButton').classList.remove('active');562 document.querySelector('#homeButton').classList.add('active');563 document.querySelector('#contestButton').classList.remove('active');564 //If no entries, write a message565 if (props.entries.length === 0) {566 return React.createElement(567 "div",568 { className: "domoList" },569 React.createElement(570 "h3",571 { className: "emptyDomo" },572 "No Entries yet"573 )574 );575 }576 //for each entry, show the mascot, name, and content577 var contestId = props.contest;578 var contestNodes = props.entries.map(function (entry) {579 return React.createElement(580 "div",581 { id: entry._id, key: entry._id, className: "domo", onClick: function onClick(e) {582 return handleWinnerClick(entry._id, contestId);583 } },584 React.createElement("img", { src: "/assets/img/mascots/" + entry.mascot, alt: "cat", className: "domoFace" }),585 React.createElement(586 "div",587 { className: "domoContent" },588 React.createElement(589 "h3",590 null,591 "Name: ",592 entry.name593 ),594 React.createElement(595 "h3",596 null,597 "Content: ",598 entry.content599 )600 )601 );602 });603 //display list of entries604 return React.createElement(605 "div",606 { className: "domoList" },607 contestNodes608 );609};610//call the React Component to make a new entry611var createEntryWindow = function createEntryWindow(csrf, contest) {612 ReactDOM.render(React.createElement(EntryWindow, { csrf: csrf, contest: contest }), document.querySelector("#app"));613};614'use strict';615var csrf = void 0;616//call the function to create the React Component to 617//enter the given contest618var handleEnterContest = function handleEnterContest(id) {619 createEntryWindow(csrf, id);620};621//gets contests from the server using the chosen sort method622var handleSort = function handleSort(e, selectedTags) {623 loadCompetitionsFromServer(document.querySelector('#sort').value, selectedTags);624};625//React Component to show current contests626var ContestList = function ContestList(props) {627 //hide error message628 $("#domoMessage").animate({ width: 'hide' }, 350);629 //set active nav bar630 document.querySelector('#accountButton').classList.remove('active');631 document.querySelector('#homeButton').classList.add('active');632 document.querySelector('#contestButton').classList.remove('active');633 //if no contests, display message634 if (props.contests.length === 0) {635 return React.createElement(636 'div',637 { className: 'domoList' },638 React.createElement(639 'h3',640 { className: 'emptyDomo' },641 'No Contests yet'642 )643 );644 }645 var selectedTags = props.selectedTags;646 //for each contest, show its name, description, reward, and deadline647 var contestNodes = props.contests.map(function (contest) {648 //check to see if contest includes any of the tags selected649 var containsTag = false;650 for (var i = 0; i < selectedTags.length; i++) {651 if (contest.tags.includes(selectedTags[i])) containsTag = true;652 }653 //if does not match filter tags, don't create the element654 if (!containsTag && selectedTags.length > 0) return;655 //if does match any of the filter tags, create the element656 return React.createElement(657 'div',658 { id: contest._id, key: contest._id, className: 'domo', onClick: function onClick(e) {659 return handleEnterContest(contest);660 } },661 React.createElement('img', { src: '/assets/img/mascots/' + contest.mascot, alt: 'cat', className: 'domoFace' }),662 React.createElement(663 'div',664 { className: 'domoContent' },665 React.createElement(666 'h3',667 null,668 'Name: ',669 contest.name670 ),671 React.createElement(672 'h3',673 null,674 'Description: ',675 contest.description676 ),677 React.createElement(678 'h3',679 null,680 'Reward: $',681 contest.reward682 ),683 React.createElement(684 'h3',685 null,686 'Deadline: ',687 contest.deadline.substring(0, 10)688 ),689 React.createElement(690 'h3',691 null,692 'Tags: ',693 contest.tags.map(function (e) {694 return React.createElement(695 'button',696 { onClick: function onClick(evt) {697 evt.stopPropagation();addTag(evt, false);698 }, className: 'makeDomoSubmit' },699 e700 );701 })702 )703 )704 );705 });706 //adds a selected tag to the array of tags to filter on if not already added707 var addTag = function addTag(e, fromSelect) {708 var newTag = document.querySelector('#filter').value;709 if (!fromSelect) newTag = e.target.innerHTML;710 var selected = props.selectedTags;711 if (selected.includes(newTag)) return;712 selected.push(newTag);713 ReactDOM.render(React.createElement(ContestList, { contests: props.contests, type: props.type, tags: props.tags, selectedTags: selected }), document.querySelector("#app"));714 };715 //removes the selected tag from the array of tags to filter on716 var removeTag = function removeTag(e) {717 var selected = props.selectedTags;718 selected = selected.filter(function (value) {719 return value !== e.target.id;720 });721 ReactDOM.render(React.createElement(ContestList, { contests: props.contests, type: props.type, tags: props.tags, selectedTags: selected }), document.querySelector("#app"));722 };723 var tagNodes = props.tags.map(function (tag) {724 return React.createElement(725 'option',726 { id: tag },727 tag728 );729 });730 var selectedNodes = props.selectedTags.map(function (tag) {731 return React.createElement(732 'button',733 { id: tag, onClick: removeTag, className: 'makeDomoSubmit' },734 tag735 );736 });737 //show all contests in list738 return React.createElement(739 'div',740 { className: 'domoList' },741 React.createElement(742 'div',743 { id: 'filterSort' },744 React.createElement(745 'h1',746 null,747 'Click on a contest below to enter it!'748 ),749 React.createElement(750 'h3',751 { className: 'filter' },752 'Filters: '753 ),754 selectedNodes,755 React.createElement('br', null),756 React.createElement(757 'select',758 { id: 'filter', onChange: function onChange(e) {759 return addTag(e, true);760 } },761 React.createElement(762 'option',763 { disabled: true, selected: true },764 'Please Select'765 ),766 tagNodes767 ),768 React.createElement('br', null),769 React.createElement(770 'h3',771 { className: 'sort' },772 'Sort: '773 ),774 React.createElement(775 'select',776 { id: 'sort', onChange: function onChange(e) {777 return handleSort(e, props.selectedTags);778 } },779 React.createElement(780 'option',781 { value: '"deadline"_1' },782 'Oldest'783 ),784 React.createElement(785 'option',786 { value: '"deadline"_-1' },787 'Newest'788 ),789 React.createElement(790 'option',791 { value: '"reward"_-1' },792 'Most Reward'793 ),794 React.createElement(795 'option',796 { value: '"reward"_1' },797 'Least Reward'798 ),799 React.createElement(800 'option',801 { value: '"name"_1' },802 'A-Z'803 ),804 React.createElement(805 'option',806 { value: '"name"_-1' },807 'Z-A'808 )809 )810 ),811 contestNodes812 );813};814//query the server to get the account type and current contests815var loadCompetitionsFromServer = function loadCompetitionsFromServer(sort, selectedTags) {816 var selected = selectedTags;817 if (!selected) selected = [];818 sendAjax('GET', '/accountInfo', null, function (data) {819 var type = data.account.type;820 sendAjax('GET', '/getContests?sort=' + sort, null, function (data) {821 var contests = data.contests;822 sendAjax('GET', '/tags', null, function (data) {823 ReactDOM.render(React.createElement(ContestList, { contests: contests, type: type, tags: data.tags, selectedTags: selected }), document.querySelector("#app"));824 });825 });826 });827};828//function to set up app after login829var setup = function setup(csrf) {830 //initialize React Component showing all current contests to show none831 ReactDOM.render(React.createElement(ContestList, { contests: [] }), document.querySelector("#app"));832 //set up navigation buttons833 var accountButton = document.querySelector("#accountButton");834 var homeButton = document.querySelector("#homeButton");835 var contestButton = document.querySelector("#contestButton");836 accountButton.addEventListener("click", function (e) {837 e.preventDefault();838 loadAccountFromServer(csrf);839 return false;840 });841 homeButton.addEventListener("click", function (e) {842 e.preventDefault();843 loadCompetitionsFromServer('"deadline"_1');844 return false;845 });846 contestButton.addEventListener("click", function (e) {847 e.preventDefault();848 createCompetitionWindow(csrf);849 return false;850 });851 //query server to update contest list852 loadCompetitionsFromServer('"deadline"_1');853};854//get csrf token then set up page855var getToken = function getToken() {856 sendAjax('GET', '/getToken', null, function (result) {857 csrf = result.csrfToken;858 setup(result.csrfToken);859 });860};861//call getToken when the page has loaded862$(document).ready(function () {863 getToken();864});865"use strict";866//React Component to show all mascots867var MascotList = function MascotList(props) {868 //hide error message869 $("#domoMessage").animate({ width: 'hide' }, 350);870 //for each mascot, show their image and name871 var mascotNodes = Object.keys(props.mascots).map(function (mascot) {872 return React.createElement(873 "div",874 { id: mascot, className: "domo", onClick: function onClick(e) {875 return handleMascotClick(e, mascot);876 } },877 React.createElement("img", { src: "/assets/img/mascots/" + props.mascots[mascot], alt: "mascot", className: "accountFace" }),878 React.createElement(879 "div",880 { className: "domoContent" },881 React.createElement(882 "h3",883 null,884 "Name: ",885 mascot886 )887 )888 );889 });890 //show all mascots in list891 return React.createElement(892 "div",893 { className: "domoList" },894 mascotNodes895 );896};897//send selected mascot to server then reload the page to activate mascot898var handleMascotClick = function handleMascotClick(e, mascot) {899 sendAjax('POST', '/mascots', "mascot=" + mascot + "&_csrf=" + csrf, function () {900 location.reload();901 });...

node.spec.js

Source:node.spec.js

...10 const id = String(Date.now() * Math.random())11 const instance = createInstance(id, `12 new Vue({13 render: function (createElement) {14 return createElement('div', {}, [15 createElement('text', { attrs: { value: 'Hello' }}, [])16 ])17 },18 el: "body"19 })20 `)21 expect(getRoot(instance)).toEqual({22 type: 'div',23 children: [24 { type: 'text', attr: { value: 'Hello' }}25 ]26 })27 })28 it('should be generated with all types of text', () => {29 const id = String(Date.now() * Math.random())30 const instance = createInstance(id, `31 new Vue({32 render: function (createElement) {33 return createElement('div', {}, [34 createElement('text', { attrs: { value: 'Hello' }}, []),35 'World',36 createElement('text', {}, ['Weex'])37 ])38 },39 el: "body"40 })41 `)42 expect(getRoot(instance)).toEqual({43 type: 'div',44 children: [45 { type: 'text', attr: { value: 'Hello' }},46 { type: 'text', attr: { value: 'World' }},47 { type: 'text', attr: { value: 'Weex' }}48 ]49 })50 })51 it('should be generated with comments', () => {52 // todo53 })54 it('should be generated with module diff', (done) => {55 const id = String(Date.now() * Math.random())56 const instance = createInstance(id, `57 new Vue({58 data: {59 counter: 060 },61 methods: {62 foo: function () {}63 },64 render: function (createElement) {65 switch (this.counter) {66 case 1:67 return createElement('div', {}, [68 createElement('text', { attrs: { value: 'World' }}, [])69 ])70 case 2:71 return createElement('div', {}, [72 createElement('text', { attrs: { value: 'World' }, style: { fontSize: 100 }}, [])73 ])74 case 3:75 return createElement('div', {}, [76 createElement('text', {77 attrs: { value: 'World' },78 style: { fontSize: 100 },79 on: { click: this.foo }80 }, [])81 ])82 case 4:83 return createElement('div', {}, [84 createElement('text', {85 attrs: { value: 'Weex' },86 style: { color: '#ff0000' }87 }, [])88 ])89 default:90 return createElement('div', {}, [91 createElement('text', { attrs: { value: 'Hello' }}, [])92 ])93 }94 },95 el: "body"96 })97 `)98 expect(getRoot(instance)).toEqual({99 type: 'div',100 children: [101 { type: 'text', attr: { value: 'Hello' }}102 ]103 })104 syncPromise([105 checkRefresh(instance, { counter: 1 }, result => {106 expect(result).toEqual({107 type: 'div',108 children: [109 { type: 'text', attr: { value: 'World' }}110 ]111 })112 }),113 checkRefresh(instance, { counter: 2 }, result => {114 expect(result).toEqual({115 type: 'div',116 children: [117 { type: 'text', attr: { value: 'World' }, style: { fontSize: 100 }}118 ]119 })120 }),121 checkRefresh(instance, { counter: 3 }, result => {122 expect(result).toEqual({123 type: 'div',124 children: [125 { type: 'text', attr: { value: 'World' }, style: { fontSize: 100 }, event: ['click'] }126 ]127 })128 }),129 checkRefresh(instance, { counter: 4 }, result => {130 expect(result).toEqual({131 type: 'div',132 children: [133 { type: 'text', attr: { value: 'Weex' }, style: { fontSize: '', color: '#ff0000' }}134 ]135 })136 done()137 })138 ])139 })140 it('should be generated with sub components', () => {141 const id = String(Date.now() * Math.random())142 const instance = createInstance(id, `143 new Vue({144 render: function (createElement) {145 return createElement('div', {}, [146 createElement('text', { attrs: { value: 'Hello' }}, []),147 createElement('foo', { props: { x: 'Weex' }})148 ])149 },150 components: {151 foo: {152 props: {153 x: { default: 'World' }154 },155 render: function (createElement) {156 return createElement('text', { attrs: { value: this.x }}, [])157 }158 }159 },160 el: "body"161 })162 `)163 expect(getRoot(instance)).toEqual({164 type: 'div',165 children: [166 { type: 'text', attr: { value: 'Hello' }},167 { type: 'text', attr: { value: 'Weex' }}168 ]169 })170 })171 it('should be generated with if/for diff', (done) => {172 const { render, staticRenderFns } = compileAndStringify(`173 <div>174 <text v-for="item in list" v-if="item.x">{{item.v}}</text>175 </div>176 `)177 const id = String(Date.now() * Math.random())178 const instance = createInstance(id, `179 new Vue({180 data: {181 list: [182 { v: 'Hello', x: true },183 { v: 'World', x: false },184 { v: 'Weex', x: true }185 ]186 },187 computed: {188 x: {189 get: function () { return 0 },190 set: function (v) {191 switch (v) {192 case 1:193 this.list[1].x = true194 break195 case 2:196 this.list.push({ v: 'v-if' })197 break198 case 3:199 this.list.push({ v: 'v-for', x: true })200 break201 case 4:202 this.list.splice(1, 2)203 break204 }205 }206 }207 },208 render: ${render},209 staticRenderFns: ${staticRenderFns},210 el: "body"211 })212 `)213 expect(getRoot(instance)).toEqual({214 type: 'div',215 children: [216 { type: 'text', attr: { value: 'Hello' }},217 { type: 'text', attr: { value: 'Weex' }}218 ]219 })220 syncPromise([221 checkRefresh(instance, { x: 1 }, result => {222 expect(result).toEqual({223 type: 'div',224 children: [225 { type: 'text', attr: { value: 'Hello' }},226 { type: 'text', attr: { value: 'World' }},227 { type: 'text', attr: { value: 'Weex' }}228 ]229 })230 }),231 checkRefresh(instance, { x: 2 }, result => {232 expect(result).toEqual({233 type: 'div',234 children: [235 { type: 'text', attr: { value: 'Hello' }},236 { type: 'text', attr: { value: 'World' }},237 { type: 'text', attr: { value: 'Weex' }}238 ]239 })240 }),241 checkRefresh(instance, { x: 3 }, result => {242 expect(result).toEqual({243 type: 'div',244 children: [245 { type: 'text', attr: { value: 'Hello' }},246 { type: 'text', attr: { value: 'World' }},247 { type: 'text', attr: { value: 'Weex' }},248 { type: 'text', attr: { value: 'v-for' }}249 ]250 })251 }),252 checkRefresh(instance, { x: 4 }, result => {253 expect(result).toEqual({254 type: 'div',255 children: [256 { type: 'text', attr: { value: 'Hello' }},257 { type: 'text', attr: { value: 'v-for' }}258 ]259 })260 done()261 })262 ])263 })264 it('should be generated with node structure diff', (done) => {265 const id = String(Date.now() * Math.random())266 const instance = createInstance(id, `267 new Vue({268 data: {269 counter: 0270 },271 render: function (createElement) {272 switch (this.counter) {273 case 1:274 return createElement('div', {}, [275 createElement('text', { attrs: { value: 'Hello' }}, []),276 createElement('text', { attrs: { value: 'World' }}, [])277 ])278 case 2:279 return createElement('div', {}, [280 createElement('text', { attrs: { value: 'Hello' }}, []),281 createElement('text', { attrs: { value: 'World' }}, []),282 createElement('text', { attrs: { value: 'Weex' }}, [])283 ])284 case 3:285 return createElement('div', {}, [286 createElement('text', { attrs: { value: 'Hello' }}, []),287 createElement('text', { attrs: { value: 'Weex' }}, [])288 ])289 case 4:290 return createElement('div', {}, [291 createElement('text', { attrs: { value: 'Weex' }}, [])292 ])293 case 5:294 return createElement('div', {}, [295 createElement('text', { attrs: { value: 'Hello' }}, []),296 createElement('text', { attrs: { value: 'Weex' }}, [])297 ])298 case 6:299 return createElement('div', {}, [300 createElement('input', { attrs: { value: 'Hello' }}, []),301 createElement('text', { attrs: { value: 'Weex' }}, [])302 ])303 default:304 return createElement('div', {}, [305 createElement('text', { attrs: { value: 'Hello' }}, []),306 ])307 }308 },309 el: "body"310 })311 `)312 expect(getRoot(instance)).toEqual({313 type: 'div',314 children: [315 { type: 'text', attr: { value: 'Hello' }}316 ]317 })318 syncPromise([319 checkRefresh(instance, { counter: 1 }, result => {320 expect(result).toEqual({321 type: 'div',322 children: [323 { type: 'text', attr: { value: 'Hello' }},324 { type: 'text', attr: { value: 'World' }}325 ]326 })327 }),328 checkRefresh(instance, { counter: 2 }, result => {329 expect(result).toEqual({330 type: 'div',331 children: [332 { type: 'text', attr: { value: 'Hello' }},333 { type: 'text', attr: { value: 'World' }},334 { type: 'text', attr: { value: 'Weex' }}335 ]336 })337 }),338 checkRefresh(instance, { counter: 3 }, result => {339 expect(result).toEqual({340 type: 'div',341 children: [342 { type: 'text', attr: { value: 'Hello' }},343 { type: 'text', attr: { value: 'Weex' }}344 ]345 })346 }),347 checkRefresh(instance, { counter: 4 }, result => {348 expect(result).toEqual({349 type: 'div',350 children: [351 { type: 'text', attr: { value: 'Weex' }}352 ]353 })354 }),355 checkRefresh(instance, { counter: 5 }, result => {356 expect(result).toEqual({357 type: 'div',358 children: [359 { type: 'text', attr: { value: 'Hello' }},360 { type: 'text', attr: { value: 'Weex' }}361 ]362 })363 }),364 checkRefresh(instance, { counter: 6 }, result => {365 expect(result).toEqual({366 type: 'div',367 children: [368 { type: 'input', attr: { value: 'Hello' }},369 { type: 'text', attr: { value: 'Weex' }}370 ]371 })372 done()373 })374 ])375 })376 it('should be generated with component diff', (done) => {377 const id = String(Date.now() * Math.random())378 const instance = createInstance(id, `379 new Vue({380 data: {381 counter: 0382 },383 components: {384 foo: {385 props: { a: { default: '1' }, b: { default: '2' }},386 render: function (createElement) {387 return createElement('text', { attrs: { value: this.a + '-' + this.b }}, [])388 }389 },390 bar: {391 render: function (createElement) {392 return createElement('text', { attrs: { value: 'Bar' }, style: { fontSize: 100 }})393 }394 },395 baz: {396 render: function (createElement) {397 return createElement('image', { attrs: { src: 'http://example.com/favicon.ico' }})398 }399 }400 },401 render: function (createElement) {402 switch (this.counter) {403 case 1:404 return createElement('div', {}, [405 createElement('foo', { props: { a: '111', b: '222' }}, [])406 ])407 case 2:408 return createElement('div', {}, [409 createElement('foo', {}, [])410 ])411 case 3:412 return createElement('div', {}, [413 createElement('bar', {}, [])414 ])415 case 4:416 return createElement('div', {}, [417 createElement('baz', {}, [])418 ])419 case 5:420 return createElement('div', {}, [421 createElement('foo', {}, []),422 createElement('bar', {}, []),423 createElement('baz', {}, [])424 ])425 default:426 return createElement('div', {}, [427 createElement('foo', { props: { a: '111' }}, [])428 ])429 }430 },431 el: "body"432 })433 `)434 expect(getRoot(instance)).toEqual({435 type: 'div',436 children: [437 { type: 'text', attr: { value: '111-2' }}438 ]439 })440 syncPromise([441 checkRefresh(instance, { counter: 1 }, result => {...

Button.example.js

Source:Button.example.js

...20function _load_Block() {21 return _Block = require('./Block');22}23function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }24const ButtonSizeExample = () => _react.default.createElement(25 (_Block || _load_Block()).Block,26 null,27 _react.default.createElement(28 (_Button || _load_Button()).Button,29 { className: 'inline-block', size: 'EXTRA_SMALL' },30 'extra_small'31 ),32 _react.default.createElement(33 (_Button || _load_Button()).Button,34 { className: 'inline-block', size: 'SMALL' },35 'small'36 ),37 _react.default.createElement(38 (_Button || _load_Button()).Button,39 { className: 'inline-block' },40 'regular'41 ),42 _react.default.createElement(43 (_Button || _load_Button()).Button,44 { className: 'inline-block', size: 'LARGE' },45 'large'46 )47); /**48 * Copyright (c) 2017-present, Facebook, Inc.49 * All rights reserved.50 *51 * This source code is licensed under the BSD-style license found in the52 * LICENSE file in the root directory of this source tree. An additional grant53 * of patent rights can be found in the PATENTS file in the same directory.54 *55 * 56 * @format57 */58const ButtonDisabledExample = () => _react.default.createElement(59 (_Block || _load_Block()).Block,60 null,61 _react.default.createElement(62 (_Button || _load_Button()).Button,63 { className: 'inline-block' },64 'enabled'65 ),66 _react.default.createElement(67 (_Button || _load_Button()).Button,68 { className: 'inline-block', disabled: true },69 'disabled'70 )71);72const ButtonColorExample = () => _react.default.createElement(73 'div',74 null,75 _react.default.createElement(76 (_Block || _load_Block()).Block,77 null,78 _react.default.createElement(79 (_ButtonGroup || _load_ButtonGroup()).ButtonGroup,80 null,81 _react.default.createElement(82 (_Button || _load_Button()).Button,83 { buttonType: 'PRIMARY' },84 'primary'85 ),86 _react.default.createElement(87 (_Button || _load_Button()).Button,88 { buttonType: 'INFO' },89 'info'90 ),91 _react.default.createElement(92 (_Button || _load_Button()).Button,93 { buttonType: 'SUCCESS' },94 'success'95 ),96 _react.default.createElement(97 (_Button || _load_Button()).Button,98 { buttonType: 'WARNING' },99 'warning'100 ),101 _react.default.createElement(102 (_Button || _load_Button()).Button,103 { buttonType: 'ERROR' },104 'error'105 )106 )107 ),108 _react.default.createElement(109 (_Block || _load_Block()).Block,110 null,111 _react.default.createElement(112 'p',113 null,114 'selected:'115 ),116 _react.default.createElement(117 (_ButtonGroup || _load_ButtonGroup()).ButtonGroup,118 null,119 _react.default.createElement(120 (_Button || _load_Button()).Button,121 { selected: true, buttonType: 'PRIMARY' },122 'primary'123 ),124 _react.default.createElement(125 (_Button || _load_Button()).Button,126 { selected: true, buttonType: 'INFO' },127 'info'128 ),129 _react.default.createElement(130 (_Button || _load_Button()).Button,131 { selected: true, buttonType: 'SUCCESS' },132 'success'133 ),134 _react.default.createElement(135 (_Button || _load_Button()).Button,136 { selected: true, buttonType: 'WARNING' },137 'warning'138 ),139 _react.default.createElement(140 (_Button || _load_Button()).Button,141 { selected: true, buttonType: 'ERROR' },142 'error'143 )144 )145 )146);147const ButtonIconExample = () => _react.default.createElement(148 (_Block || _load_Block()).Block,149 null,150 _react.default.createElement(151 (_ButtonGroup || _load_ButtonGroup()).ButtonGroup,152 null,153 _react.default.createElement((_Button || _load_Button()).Button, { icon: 'gear' }),154 _react.default.createElement((_Button || _load_Button()).Button, { icon: 'cloud-download' }),155 _react.default.createElement((_Button || _load_Button()).Button, { icon: 'code' }),156 _react.default.createElement((_Button || _load_Button()).Button, { icon: 'check' }),157 _react.default.createElement((_Button || _load_Button()).Button, { icon: 'device-mobile' }),158 _react.default.createElement((_Button || _load_Button()).Button, { icon: 'alert' })159 )160);161const ButtonGroupExample = () => _react.default.createElement(162 'div',163 null,164 _react.default.createElement(165 (_Block || _load_Block()).Block,166 null,167 _react.default.createElement(168 (_ButtonGroup || _load_ButtonGroup()).ButtonGroup,169 { size: 'EXTRA_SMALL' },170 _react.default.createElement(171 (_Button || _load_Button()).Button,172 { buttonType: 'SUCCESS' },173 'extra small'174 ),175 _react.default.createElement(176 (_Button || _load_Button()).Button,177 null,178 'button'179 ),180 _react.default.createElement(181 (_Button || _load_Button()).Button,182 null,183 'group'184 )185 )186 ),187 _react.default.createElement(188 (_Block || _load_Block()).Block,189 null,190 _react.default.createElement(191 (_ButtonGroup || _load_ButtonGroup()).ButtonGroup,192 { size: 'SMALL' },193 _react.default.createElement(194 (_Button || _load_Button()).Button,195 { buttonType: 'SUCCESS' },196 'small'197 ),198 _react.default.createElement(199 (_Button || _load_Button()).Button,200 null,201 'button'202 ),203 _react.default.createElement(204 (_Button || _load_Button()).Button,205 null,206 'group'207 )208 )209 ),210 _react.default.createElement(211 (_Block || _load_Block()).Block,212 null,213 _react.default.createElement(214 (_ButtonGroup || _load_ButtonGroup()).ButtonGroup,215 null,216 _react.default.createElement(217 (_Button || _load_Button()).Button,218 { buttonType: 'SUCCESS' },219 'regular'220 ),221 _react.default.createElement(222 (_Button || _load_Button()).Button,223 null,224 'button'225 ),226 _react.default.createElement(227 (_Button || _load_Button()).Button,228 null,229 'group'230 )231 )232 ),233 _react.default.createElement(234 (_Block || _load_Block()).Block,235 null,236 _react.default.createElement(237 (_ButtonGroup || _load_ButtonGroup()).ButtonGroup,238 { size: 'LARGE' },239 _react.default.createElement(240 (_Button || _load_Button()).Button,241 { buttonType: 'SUCCESS' },242 'large'243 ),244 _react.default.createElement(245 (_Button || _load_Button()).Button,246 null,247 'button'248 ),249 _react.default.createElement(250 (_Button || _load_Button()).Button,251 null,252 'group'253 )254 )255 )256);257const ButtonToolbarExample = () => _react.default.createElement(258 'div',259 null,260 _react.default.createElement(261 (_Block || _load_Block()).Block,262 null,263 _react.default.createElement(264 (_ButtonToolbar || _load_ButtonToolbar()).ButtonToolbar,265 null,266 _react.default.createElement(267 (_ButtonGroup || _load_ButtonGroup()).ButtonGroup,268 null,269 _react.default.createElement(270 (_Button || _load_Button()).Button,271 null,272 'ButtonGroup'273 ),274 _react.default.createElement(275 (_Button || _load_Button()).Button,276 null,277 'in a'278 ),279 _react.default.createElement(280 (_Button || _load_Button()).Button,281 null,282 'toolbar'283 )284 ),285 _react.default.createElement(286 (_Button || _load_Button()).Button,287 null,288 'single buttons'289 ),290 _react.default.createElement(291 (_Button || _load_Button()).Button,292 null,293 'in toolbar'294 )295 )296 )297);298const ButtonExamples = exports.ButtonExamples = {299 sectionName: 'Buttons',300 description: 'For clicking things.',301 examples: [{302 title: 'Button sizes',303 component: ButtonSizeExample304 }, {...

ieh5fix.js

Source:ieh5fix.js

1document.createElement("article");2document.createElement("footer");3document.createElement("header");4document.createElement("section");5document.createElement("nav");6document.createElement("address");7document.createElement("abbr");8document.createElement("acronym");9document.createElement("applet");10document.createElement("area");11document.createElement("aside");12document.createElement("audio");13document.createElement("base");14document.createElement("basefont");15document.createElement("bdo");16document.createElement("big");17document.createElement("blockquote");18document.createElement("button");19document.createElement("canvas");20document.createElement("caption");21document.createElement("center");22document.createElement("cite");23document.createElement("code");24document.createElement("col");25document.createElement("colgroup");26document.createElement("command");27document.createElement("datalist");28document.createElement("dd");29document.createElement("del");3031document.createElement("menu");32document.createElement("figure");33document.createElement("details");34document.createElement("dfn");35document.createElement("dir");36document.createElement("div");37document.createElement("dl");38document.createElement("dt");39document.createElement("em");40document.createElement("embed");41document.createElement("fieldset");42document.createElement("figcaption");43document.createElement("figure");44document.createElement("font");45document.createElement("form");46document.createElement("frame");47484950document.createElement("frameset");51document.createElement("h1");52 document.createElement("h6");53document.createElement("head");54document.createElement("hgroup");55document.createElement("hr");56document.createElement("html");57document.createElement("i");58document.createElement("iframe");59document.createElement("img");60document.createElement("input");616263document.createElement("ins");64document.createElement("keygen");65document.createElement("kbd");66document.createElement("label");67document.createElement("legend");68document.createElement("li");69document.createElement("link");70document.createElement("map");71document.createElement("mark");72document.createElement("menu");73document.createElement("meta");74document.createElement("meter");75document.createElement("noframes");767778document.createElement("noscript");79document.createElement("object");80document.createElement("ol");81document.createElement("optgroup");82document.createElement("option");83document.createElement("output");84document.createElement("p");85document.createElement("param");86document.createElement("pre");87document.createElement("progress");88document.createElement("q");89document.createElement("rp");90document.createElement("rt");91document.createElement("ruby");92939495document.createElement("s");96document.createElement("samp");97document.createElement("script");98document.createElement("select");99document.createElement("small");100document.createElement("source");101document.createElement("span");102document.createElement("strike");103document.createElement("strong");104document.createElement("style");105document.createElement("sub");106document.createElement("summary");107document.createElement("sup");108document.createElement("table");109document.createElement("tbody");110111112document.createElement("td");113document.createElement("textarea");114document.createElement("tfoot");115document.createElement("th");116document.createElement("thead");117document.createElement("time");118document.createElement("title");119document.createElement("tr");120document.createElement("tt");121document.createElement("u");122document.createElement("ul");123document.createElement("var");124document.createElement("video");125document.createElement("wbr");126document.createElement("xmp"); ...

fec4068be84c88ff0f946890bbb16b722ee7e0d3.js

Source:fec4068be84c88ff0f946890bbb16b722ee7e0d3.js

1var Profile = React.createClass({displayName: "Profile",2 render: function() {3 return (4 React.createElement("div", {className: "appCont"}, 5 React.createElement("div", {className: "profileHeaderCont"}, 6 React.createElement("div", {className: "coverPhoto"}), 7 React.createElement("div", {className: "picNameCont"}, 8 React.createElement("div", {className: "profilePic"}), 9 React.createElement("div", {className: "name"}, "Derek Truong")10 )11 ), 12 React.createElement("div", {className: "whiteBlock"}), 13 React.createElement("div", {className: "sectionCont row"}, 14 React.createElement("div", {className: "profileTitle row"}, "PROJECT"), 15 React.createElement("div", {className: "locatnRow row"}, 16 React.createElement("div", {className: "locatnPic"}), 17 React.createElement("div", {className: "locatnText"}, 18 React.createElement("div", {className: "locatnTitle"}, "Vibrant Dreams And A Blank Canvas  ", React.createElement("span", {class: "editText"}, "edit")), 19 React.createElement("div", {className: "locatnDesc"}, "A music video about dreams. A lot of weird stuff happens, like switching to different scenery. The main boy runs through the forest and he gets trapped in a ravine")20 ), 21 React.createElement("div", {className: "arrowButton"}), 22 React.createElement("div", {className: "tagRow"}, 23 React.createElement("div", {className: "tag"}, "MOUNTAIN"), 24 React.createElement("div", {className: "tag"}, "BEACH"), 25 React.createElement("div", {className: "tag"}, "OCEAN"), 26 React.createElement("div", {className: "tag"}, "SUNSET")27 )28 )29 )30 )31 );32 }33});...

c7298278240ccee1f99e778eb44ee6c3a19c7a66.js

Source:c7298278240ccee1f99e778eb44ee6c3a19c7a66.js

1var ProjectLocatn = React.createClass({displayName: "ProjectLocatn",2 render: function() {3 return (4 React.createElement("div", null, 5 React.createElement("div", {className: "col-sm-4 projectPicCont"}, 6 React.createElement("div", {className: "locatnPic"}, 7 React.createElement("div", {className: "number"}, "1")8 ), 9 React.createElement("div", {className: "locatnText"}, 10 React.createElement("div", {className: "locatnTitle"}, this.props.locatn[0].title), 11 React.createElement("div", {className: "locatnDesc"}, this.props.locatn[0].description)12 )13 ), 14 React.createElement("div", {className: "col-sm-4 projectPicCont"}, 15 React.createElement("div", {className: "locatnPic"}, 16 React.createElement("div", {className: "number"}, "2")17 ), 18 React.createElement("div", {className: "locatnText"}, 19 React.createElement("div", {className: "locatnTitle"}, this.props.locatn[1].title), 20 React.createElement("div", {className: "locatnDesc"}, this.props.locatn[1].description)21 )22 ), 23 React.createElement("div", {className: "col-sm-4 projectPicCont"}, 24 React.createElement("div", {className: "locatnPic"}, 25 React.createElement("div", {className: "number"}, "3")26 ), 27 React.createElement("div", {className: "locatnText"}, 28 React.createElement("div", {className: "locatnTitle"}, this.props.locatn[2].title), 29 React.createElement("div", {className: "locatnDesc"}, this.props.locatn[2].description)30 )31 )32 )33 );34 }35});...

html5.js

Source:html5.js

...4// parsed before pretty much anything happens.5// Plus, IE does not behave otherwise. The cost of being progressive...6// -----------------------------------------------------------------------------78document.createElement("article");9document.createElement("aside");10document.createElement("audio");11document.createElement("canvas");12document.createElement("command");13document.createElement("datalist");14document.createElement("details");15document.createElement("embed");16document.createElement("figcaption");17document.createElement("figure");18document.createElement("footer");19document.createElement("header");20document.createElement("hgroup");21document.createElement("keygen");22document.createElement("mark");23document.createElement("meter");24document.createElement("nav");25document.createElement("output");26document.createElement("progress");27document.createElement("rp");28document.createElement("rt");29document.createElement("ruby");30document.createElement("section");31document.createElement("source");32document.createElement("summary");33document.createElement("time"); ...

Using AI Code Generation

1const { chromium } = require('playwright');2(async () => {3 const browser = await chromium.launch();4 const context = await browser.newContext();5 const page = await context.newPage();6 await page.evaluate(() => {7 const element = document.createElement('div');8 element.innerText = 'Hello World';9 document.body.appendChild(element);10 });11 await page.screenshot({ path: 'example.png' });12 await browser.close();13})();14const { chromium } = require('playwright');15(async () => {16 const browser = await chromium.launch();17 const context = await browser.newContext();18 const page = await context.newPage();19 await page.evaluate(() => {20 const element = document.createElement('div');21 element.innerText = 'Hello World';22 document.body.appendChild(element);23 });24 await page.screenshot({ path: 'example.png' });25 await browser.close();26})();27const { chromium } = require('playwright');28(async () => {29 const browser = await chromium.launch();30 const context = await browser.newContext();31 const page = await context.newPage();32 await page.evaluate(() => {33 const element = document.createElement('div');34 element.innerText = 'Hello World';35 document.body.appendChild(element);36 });37 await page.screenshot({ path: 'example.png' });38 await browser.close();39})();40const { chromium } = require('playwright');41(async () => {42 const browser = await chromium.launch();43 const context = await browser.newContext();44 const page = await context.newPage();45 await page.evaluate(() => {46 const element = document.createElement('div');47 element.innerText = 'Hello World';48 document.body.appendChild(element);49 });50 await page.screenshot({ path: 'example.png' });51 await browser.close();52})();53const { chromium } = require('playwright');54(async () => {

Using AI Code Generation

1const {chromium} = require('playwright');2(async () => {3 const browser = await chromium.launch();4 const context = await browser.newContext();5 const page = await context.newPage();6 await page.waitForSelector('input[name=q]');7 const input = await page.$('input[name=q]');8 const button = await page.evaluateHandle(9 (input, name) => {10 const button = document.createElement('button');11 button.textContent = 'Click me';12 input.after(button);13 return button;14 },15 );16 await button.click();17 await browser.close();18})();

Using AI Code Generation

1const { chromium } = require('playwright');2(async () => {3 const browser = await chromium.launch({ headless: false });4 const context = await browser.newContext();5 const page = await context.newPage();6 await page.click('text=Get started');7 await page.click('text=

Using AI Code Generation

1const { chromium } = require('playwright');2(async () => {3 const browser = await chromium.launch();4 const context = await browser.newContext();5 const page = await context.newPage();6 await page.screenshot({ path: `example.png` });7 await browser.close();8})();9const { devices } = require('playwright');10const iPhone11 = devices['iPhone 11 Pro'];11module.exports = {12 use: {13 viewport: { width: 640, height: 480 },14 userAgent: 'Mozilla/5.0 (iPhone; CPU iPhone OS 14_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Mobile/15E148',15 }16};17const { devices } = require('playwright');18const iPhone11 = devices['iPhone 11 Pro'];19module.exports = {20 use: {21 viewport: { width: 640, height: 480 },22 userAgent: 'Mozilla/5.0 (iPhone; CPU iPhone OS 14_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Mobile/15E148',23 }24};25const { devices } = require('playwright');26const iPhone11 = devices['iPhone 11 Pro'];27module.exports = {28 use: {29 viewport: { width: 640, height: 480 },30 userAgent: 'Mozilla/5.0 (iPhone; CPU iPhone OS 14_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Mobile/15E148',

Using AI Code Generation

1const {chromium} = require('playwright');2(async () => {3 const browser = await chromium.launch();4 const page = await browser.newPage();5 const elementHandle = await page.$('body');6 await elementHandle.evaluate(element => {7 var newElement = document.createElement('div');8 newElement.setAttribute('id', 'myDiv');9 element.appendChild(newElement);10 var textnode = document.createTextNode('This is my div.');11 newElement.appendChild(textnode);12 });13 await browser.close();14})();15const {chromium} = require('playwright');16(async () => {17 const browser = await chromium.launch();18 const page = await browser.newPage();19 const elementHandle = await page.$('body');20 await elementHandle.evaluate(element => {21 element.innerHTML = '<div id="myDiv">This is my div.</div>';22 });23 await browser.close();24})();25const {chromium} = require('playwright');26(async () => {27 const browser = await chromium.launch();28 const page = await browser.newPage();29 const elementHandle = await page.$('body');30 await elementHandle.evaluate(element => {31 element.innerText = 'This is my div.';32 });33 await browser.close();34})();35const {chromium} = require('playwright');36(async () => {37 const browser = await chromium.launch();38 const page = await browser.newPage();39 const elementHandle = await page.$('body');40 await elementHandle.evaluate(element => {41 element.textContent = 'This is my div.';42 });43 await browser.close();44})();

Using AI Code Generation

1const {chromium} = require('playwright');2(async () => {3 const browser = await chromium.launch();4 const page = await browser.newPage();5 await page.evaluate(() => {6 const element = document.createElement('div');7 element.textContent = 'Hello World';8 document.body.appendChild(element);9 });10 await browser.close();11})();12const {chromium} = require('playwright');13(async () => {14 const browser = await chromium.launch();15 const page = await browser.newPage();16 await page.evaluate(() => {17 const element = document.createElement('div');18 element.textContent = 'Hello World';19 document.body.appendChild(element);20 });21 await browser.close();22})();23const {chromium} = require('playwright');24(async () => {25 const browser = await chromium.launch();26 const page = await browser.newPage();27 await page.evaluate(() => {28 const element = document.createElement('div');29 element.textContent = 'Hello World';30 document.body.appendChild(element);31 });32 await browser.close();33})();34const {chromium} = require('playwright');35(async () => {36 const browser = await chromium.launch();37 const page = await browser.newPage();38 await page.evaluate(() => {39 const element = document.createElement('div');40 element.textContent = 'Hello World';41 document.body.appendChild(element);42 });43 await browser.close();44})();45const {chromium} = require('playwright');46(async () => {47 const browser = await chromium.launch();48 const page = await browser.newPage();49 await page.evaluate(() => {50 const element = document.createElement('div');51 element.textContent = 'Hello World';52 document.body.appendChild(element);53 });54 await browser.close();55})();56const {

Using AI Code Generation

1const { chromium } = require('playwright');2(async () => {3 const browser = await chromium.launch();4 const page = await browser.newPage();5 const element = await page._delegate.createElement('div');6 console.log(element);7 await browser.close();8})();

Using AI Code Generation

1const { chromium } = require('playwright');2(async () => {3 const browser = await chromium.launch();4 const page = await browser.newPage();5 await page.setContent('<div id="test">Hello World</div>');6 const element = await page.$('#test');7 await element.evaluate(element => element.outerHTML);8 await browser.close();9})();10const { chromium } = require('playwright');11(async () => {12 const browser = await chromium.launch();13 const page = await browser.newPage();14 const element = await page.evaluateHandle(() => {15 const element = document.createElement('div');16 element.id = 'test';17 element.textContent = 'Hello World';18 return element;19 });20 await element.evaluate(element => element.outerHTML);21 await browser.close();22})();23const { chromium } = require('playwright');24(async () => {25 const browser = await chromium.launch();26 const page = await browser.newPage();27 const element = await page.evaluateHandle(() => {28 const element = document.createElement('div');29 element.id = 'test';30 element.textContent = 'Hello World';31 return element;32 });33 await element.evaluate(element => element.outerHTML);34 await browser.close();35})();36const { chromium } = require('playwright');37(async () => {38 const browser = await chromium.launch();39 const page = await browser.newPage();40 const element = await page.evaluateHandle(() => {41 const element = document.createElement('div');42 element.id = 'test';43 element.textContent = 'Hello World';44 return element;45 });46 await element.evaluate(element => element.outerHTML);47 await browser.close();48})();49const { chromium } = require('playwright');50(async () => {51 const browser = await chromium.launch();52 const page = await browser.newPage();

Using AI Code Generation

1const { chromium } = require('playwright');2(async () => {3 const browser = await chromium.launch({ headless: false });4 const context = await browser.newContext();5 const page = await context.newPage();6 const div = await page._client.send('DOM.createElement', {7 });8 await page._client.send('DOM.setAttributeValue', {9 });10 await page._client.send('DOM.appendChild', {11 parentNodeId: (await page.$('body'))._remoteObject.objectId,12 });13 await page.waitForTimeout(10000);14 await browser.close();15})();

Using AI Code Generation

1const { InternalAPI } = require('@playwright/test');2const element = InternalAPI.createElement('button', { name: 'test' });3console.log(element.outerHTML);4const { InternalAPI } = require('@playwright/test');5const element = InternalAPI.createElement('button', { name: 'test' });6console.log(element.outerHTML);7const { InternalAPI } = require('@playwright/test');8const element = InternalAPI.createElement('button', { name: 'test' });9console.log(element.outerHTML);10const { InternalAPI } = require('@playwright/test');11const element = InternalAPI.createElement('button', { name: 'test' });12console.log(element.outerHTML);13const { InternalAPI } = require('@playwright/test');14const element = InternalAPI.createElement('button', { name: 'test' });15console.log(element.outerHTML);16const { InternalAPI } = require('@playwright/test');17const element = InternalAPI.createElement('button', { name: 'test' });18console.log(element.outerHTML);19const { InternalAPI } = require('@playwright/test');20const element = InternalAPI.createElement('button', { name: 'test' });21console.log(element.outerHTML);22const { InternalAPI } = require('@playwright/test');23const element = InternalAPI.createElement('button', { name: 'test' });24console.log(element.outerHTML);25const { InternalAPI } = require('@playwright/test');26const element = InternalAPI.createElement('button', { name: 'test' });27console.log(element.outerHTML);

Playwright tutorial

LambdaTest’s Playwright tutorial will give you a broader idea about the Playwright automation framework, its unique features, and use cases with examples to exceed your understanding of Playwright testing. This tutorial will give A to Z guidance, from installing the Playwright framework to some best practices and advanced concepts.

Chapters:

1. What is Playwright : Playwright is comparatively new but has gained good popularity. Get to know some history of the Playwright with some interesting facts connected with it.
2. How To Install Playwright : Learn in detail about what basic configuration and dependencies are required for installing Playwright and run a test. Get a step-by-step direction for installing the Playwright automation framework.
3. Playwright Futuristic Features: Launched in 2020, Playwright gained huge popularity quickly because of some obliging features such as Playwright Test Generator and Inspector, Playwright Reporter, Playwright auto-waiting mechanism and etc. Read up on those features to master Playwright testing.
4. What is Component Testing: Component testing in Playwright is a unique feature that allows a tester to test a single component of a web application without integrating them with other elements. Learn how to perform Component testing on the Playwright automation framework.
5. Inputs And Buttons In Playwright: Every website has Input boxes and buttons; learn about testing inputs and buttons with different scenarios and examples.
6. Functions and Selectors in Playwright: Learn how to launch the Chromium browser with Playwright. Also, gain a better understanding of some important functions like “BrowserContext,” which allows you to run multiple browser sessions, and “newPage” which interacts with a page.
7. Handling Alerts and Dropdowns in Playwright : Playwright interact with different types of alerts and pop-ups, such as simple, confirmation, and prompt, and different types of dropdowns, such as single selector and multi-selector get your hands-on with handling alerts and dropdown in Playright testing.
8. Playwright vs Puppeteer: Get to know about the difference between two testing frameworks and how they are different than one another, which browsers they support, and what features they provide.
9. Run Playwright Tests on LambdaTest: Playwright testing with LambdaTest leverages test performance to the utmost. You can run multiple Playwright tests in Parallel with the LammbdaTest test cloud. Get a step-by-step guide to run your Playwright test on the LambdaTest platform.
10. Playwright Python Tutorial: Playwright automation framework support all major languages such as Python, JavaScript, TypeScript, .NET and etc. However, there are various advantages to Python end-to-end testing with Playwright because of its versatile utility. Get the hang of Playwright python testing with this chapter.
11. Playwright End To End Testing Tutorial: Get your hands on with Playwright end-to-end testing and learn to use some exciting features such as TraceViewer, Debugging, Networking, Component testing, Visual testing, and many more.
12. Playwright Video Tutorial: Watch the video tutorials on Playwright testing from experts and get a consecutive in-depth explanation of Playwright automation testing.

Run Playwright Internal automation tests on LambdaTest cloud grid

Perform automation testing on 3000+ real desktop and mobile devices online.

View sample repo View DocumentationSign up Free

›

_